.mosaic-section{position:relative;isolation:isolate;padding:100px 0 26px;overflow:hidden;overflow:clip;background:var(--mat);border-block:1px solid var(--rule)}
.mosaic-section::before{content:'';position:absolute;z-index:-1;width:65%;aspect-ratio:1;right:-10%;top:-15%;background:radial-gradient(ellipse,#b0765330,transparent 68%);pointer-events:none}
.mosaic-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:9%;align-items:center;max-width:1350px}.mosaic-copy{padding:20px 0 40px}.mosaic-copy>.eyebrow{display:flex;align-items:center;gap:16px;color:var(--wine)}.mosaic-mark{font-size:33px;line-height:1}.mosaic-copy h2{font:clamp(48px,5.5vw,84px)/1.06 var(--serif);letter-spacing:-.045em;margin:32px 0}.mosaic-copy h2 em{color:var(--wine);display:inline-block}.mosaic-intro{font:clamp(21px,2.2vw,30px)/1.4 var(--serif);max-width:360px;margin:0 0 23px}.mosaic-description{font-size:12px;line-height:1.9;color:var(--muted);max-width:315px}.mosaic-explore{background:none;border:0;border-bottom:1px solid var(--wine);color:var(--ink);padding:14px 0;margin-top:17px;cursor:pointer;min-width:240px;display:flex;justify-content:space-between}.mosaic-explore[hidden]{display:none}.mosaic-tally{display:flex;gap:35px;margin:40px 0 28px;border-top:1px solid var(--rule);padding-top:23px;max-width:350px}.mosaic-tally span{display:flex;flex-direction:column;gap:6px}.mosaic-tally b{font:36px/1 var(--serif);letter-spacing:-.04em}.mosaic-tally small{font-size:8px;letter-spacing:.025em;color:var(--muted)}.mosaic-samples{display:flex;align-items:center;padding-left:4px}.mosaic-samples img{width:54px;height:64px;object-fit:cover;border:4px solid var(--paper);box-shadow:0 5px 15px #0003;transform:rotate(-9deg);margin-left:-4px}.mosaic-samples img:nth-child(2){transform:rotate(8deg);margin-top:5px}.mosaic-samples img:nth-child(3){transform:rotate(-6deg)}.mosaic-samples span{margin-left:20px;font:italic 19px/1.25 var(--serif);color:var(--muted)}
.mosaic-object{position:relative;padding:0 0 5px}.mosaic-outline{position:absolute;inset:-17px 17px 52px -17px;border:1px solid var(--wine);opacity:.35;border-radius:45% 45% 0 0 / 26% 26% 0 0;pointer-events:none}.mosaic-preview{position:relative;display:block;width:100%;padding:0;border:0;background:#22201e;aspect-ratio:.8;cursor:zoom-in;overflow:hidden;border-radius:45% 45% 0 0 / 26% 26% 0 0;box-shadow:0 30px 70px #0003}.mosaic-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.2s}.mosaic-section.is-ready .mosaic-canvas{opacity:1}.mosaic-loading{position:absolute;inset:45% 15% auto;text-align:center;font:italic 26px/1.4 var(--serif);color:#eedcc9}.mosaic-section.is-ready .mosaic-loading{display:none}.mosaic-preview-hint{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#fff3e7;pointer-events:none;text-shadow:0 1px 7px #000;background:#181311a6;padding:12px 18px;backdrop-filter:blur(6px)}.mosaic-preview-hint>span:last-child{font-size:25px;line-height:1}.mosaic-lens{display:none;position:absolute;width:190px;height:190px;border:2px solid #fff0d2;border-radius:50%;pointer-events:none;box-shadow:0 12px 40px #0008;z-index:2;background:#171718}.mosaic-lens.is-active{display:block}.mosaic-credit{display:flex;justify-content:space-between;margin:17px 0 0;color:var(--muted);font-size:7px;letter-spacing:.13em}.mosaic-collection-link{margin-top:35px;text-align:right}.mosaic-collection-link a{display:inline-flex;align-items:center;gap:18px;color:var(--muted);font-size:10px}.mosaic-collection-link svg{width:20px;height:20px}.mosaic-fallback{color:var(--muted);font-size:13px}
.mosaic-dialog{inset:0;margin:auto;width:min(1500px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:24px 30px 18px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);overflow:hidden}.mosaic-dialog[open]{display:flex;flex-direction:column;gap:14px}.mosaic-dialog::backdrop{background:#08080be8;backdrop-filter:blur(10px)}.mosaic-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.mosaic-dialog-header .eyebrow{font-size:8px;margin:0 0 5px}.mosaic-dialog-header h2{font:32px/1.1 var(--serif);margin:0}.mosaic-close{width:44px;height:44px;flex:none;border:1px solid var(--rule);border-radius:50%;background:none;color:var(--ink);font-size:28px;cursor:pointer}.mosaic-viewport{position:relative;flex:1;min-height:100px;overflow:hidden;background:var(--mat);border:1px solid var(--rule)}.mosaic-viewport>canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.mosaic-viewport>canvas.is-dragging{cursor:grabbing}.mosaic-zoom-note{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;max-width:96%;font-size:9px;background:#141416b8;color:#f7eadb;padding:10px 16px;border-radius:30px;pointer-events:none}.mosaic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.mosaic-zoom-controls{display:flex;align-items:center;gap:12px}.mosaic-zoom-controls button,.mosaic-view-work{background:none;border:1px solid var(--rule);color:var(--ink);cursor:pointer;min-height:40px;padding:8px 13px;font:11px var(--sans)}.mosaic-zoom-controls button[data-mosaic-zoom]{width:40px;font-size:23px;padding:0}.mosaic-zoom-slider{display:flex;width:130px}.mosaic-zoom-slider input{width:100%;accent-color:var(--wine)}.mosaic-scale{font:12px var(--sans);width:34px;color:var(--muted);text-align:center}.mosaic-help{margin:0;color:var(--muted);font-size:10px}.mosaic-view-work:disabled{opacity:.35;cursor:default}.mosaic-section button:focus-visible,.mosaic-section canvas:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
@media(max-width:900px){.mosaic-section{padding-top:70px}.mosaic-inner{gap:6%}.mosaic-copy h2{font-size:49px}.mosaic-tally{gap:25px}.mosaic-tally b{font-size:30px}.mosaic-copy>.eyebrow{font-size:8px}.mosaic-intro{font-size:22px}.mosaic-samples{display:none}.mosaic-dialog{padding:18px}.mosaic-zoom-slider{width:90px}}
@media(max-width:600px){.mosaic-section{padding-top:45px}.mosaic-inner{grid-template-columns:1fr;gap:35px}.mosaic-copy{padding:0}.mosaic-copy h2{font-size:clamp(43px,12vw,64px);margin:24px 0 18px}.mosaic-intro{font-size:23px;max-width:300px}.mosaic-description{max-width:320px}.mosaic-tally{margin:24px 0 0;max-width:none;gap:50px}.mosaic-tally b{font-size:32px}.mosaic-object{width:90%;margin-left:auto}.mosaic-preview-hint{left:15px;right:15px;bottom:15px;font-size:8px}.mosaic-credit{font-size:6px;letter-spacing:.08em}.mosaic-collection-link{margin-top:18px}.mosaic-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:15px 12px max(15px,env(safe-area-inset-bottom));border:0;gap:10px}.mosaic-dialog-header h2{font-size:28px}.mosaic-toolbar{flex-wrap:wrap;gap:9px}.mosaic-zoom-controls{width:100%;gap:8px}.mosaic-zoom-slider{flex:1}.mosaic-view-work{width:100%}.mosaic-zoom-controls .mosaic-reset{font-size:10px;padding:8px}.mosaic-help{font-size:9px;line-height:1.5}.mosaic-zoom-note{font-size:8px;padding:8px 12px}.mosaic-lens{display:none!important}}
@media(prefers-reduced-motion:reduce){.mosaic-canvas{transition:none}}
[data-motion=paused] .mosaic-canvas{transition:none}