.visual-atlas{position:relative;background:var(--cream);color:var(--wine);scroll-margin-top:76px;overflow:hidden}
.atlas-topline{display:flex;justify-content:space-between;gap:24px;padding:25px 4.5vw;font-size:.875rem;letter-spacing:.09em;border-top:1px solid #580b1830}
.atlas-stage{position:relative;height:clamp(680px,58vw,880px);isolation:isolate;overflow:hidden;touch-action:pan-y;user-select:none;background:#e9e4da}
.atlas-grid{position:absolute;inset:-24px -4vw -10px;display:grid;grid-template-columns:1.25fr 1fr .8fr 1.15fr 1fr .85fr 1.3fr .95fr 1fr .8fr;grid-template-rows:repeat(var(--atlas-rows,7),1fr);gap:5px}
.atlas-tile{position:relative;border:0;padding:0;min-width:0;overflow:hidden;background:#dfd7ca;cursor:pointer;transform:translate3d(var(--ax,0px),var(--ay,0px),0) rotate(var(--ar,0deg));transition:opacity .3s,filter .3s;will-change:transform}
.atlas-tile img{height:100%;width:100%;object-fit:cover;pointer-events:none;user-select:none}
.atlas-tile:focus-visible{outline:3px solid var(--wine);outline-offset:-4px;z-index:4}
.atlas-stage.is-exploring .atlas-tile{opacity:.43;filter:saturate(.65)}
.atlas-gradient{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 45%,#f5f2e86e 64%,var(--cream) 100%)}
.atlas-caption{position:absolute;bottom:43px;left:4.5vw;right:4.5vw;z-index:3;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;transition:opacity .3s,transform .4s}
.atlas-caption .eyebrow{margin-bottom:17px;font-size:.875rem}
.atlas-caption h2{font:clamp(4rem,8.2vw,8.7rem)/.96 var(--serif);letter-spacing:-.035em}
.atlas-caption h2 em{font-weight:400}
.atlas-caption p:last-child{font-size:1rem;line-height:1.7;max-width:260px;color:var(--wine)}
.atlas-stage.is-exploring .atlas-caption{opacity:.15;transform:translateY(8px)}
.atlas-peek{position:absolute;left:0;top:0;z-index:5;width:clamp(235px,27vw,370px);padding:0;border:0;background:var(--cream);color:var(--wine);box-shadow:0 16px 55px #18090930;opacity:0;visibility:hidden;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(.92);transition:opacity .22s,scale .3s,visibility .22s;cursor:pointer;text-align:left}
.atlas-stage.is-exploring .atlas-peek{opacity:1;visibility:visible;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1)}
.atlas-peek img{width:100%;height:clamp(200px,23vw,315px);object-fit:cover;display:block}
.atlas-peek-copy{padding:14px 17px 17px;display:block}
.atlas-peek-meta{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;letter-spacing:.09em;margin-bottom:7px}
.atlas-peek-title{font:1.8rem/1.12 var(--serif);display:block}
.atlas-peek-open{display:block;margin-top:9px;font-size:.875rem}
.atlas-peek:focus-visible{outline:2px solid var(--wine);outline-offset:5px}
.atlas-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 4.5vw 29px;border-bottom:1px solid #580b1830;font-size:.875rem;line-height:1.6}
.atlas-bottom p{max-width:560px;color:#645c55}.atlas-bottom a{border-bottom:1px solid currentColor;white-space:nowrap}
.atlas-touch-hint{display:none}
.atlas-close-preview{position:absolute;z-index:7;top:12px;right:12px;border:1px solid #580b1860;padding:10px 14px;min-height:44px;background:var(--cream);color:var(--wine);font-size:.875rem;opacity:0;visibility:hidden}
.atlas-stage.is-exploring .atlas-close-preview{opacity:1;visibility:visible}
@media(max-width:800px){.atlas-stage{height:750px}.atlas-grid{inset:-12px -80px 0;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,1fr)}.atlas-peek{width:260px}.atlas-peek img{height:230px}.atlas-caption h2{font-size:clamp(3.7rem,11vw,6rem)}.atlas-caption{display:block;bottom:33px}.atlas-caption p:last-child{margin-top:19px;max-width:300px}.atlas-bottom{align-items:flex-start}.atlas-topline span:last-child{max-width:45%;text-align:right}}
@media(max-width:600px){.atlas-stage{height:710px}.atlas-topline{padding:23px 22px;font-size:.75rem;letter-spacing:.05em}.atlas-grid{inset:-8px -90px 0;gap:4px}.atlas-caption{left:22px;right:22px;bottom:30px}.atlas-caption h2{font-size:3.7rem}.atlas-caption .eyebrow{font-size:.75rem}.atlas-caption p:last-child{font-size:1rem}.atlas-peek{width:240px}.atlas-peek img{height:215px}.atlas-bottom{display:block;padding:21px 22px 28px}.atlas-bottom p{margin-bottom:14px}.atlas-touch-hint{display:inline}.atlas-desktop-hint{display:none}}
@media(prefers-reduced-motion:reduce){.atlas-tile,.atlas-caption,.atlas-peek{transition:none;will-change:auto}}
.motion-off .atlas-tile,.motion-off .atlas-caption,.motion-off .atlas-peek{transition:none;will-change:auto}