/* Original Dreamers drawings, presented like an architectural sketchbook. */
.atlas{position:relative;isolation:isolate;z-index:2;background:#EFE7D7;color:#1A1A1A;padding:70px var(--nav-gutter) 140px;scroll-margin-top:100px}
.atlas::before{position:absolute;inset:0;content:"";z-index:-1;pointer-events:none;background:url('assets/navigation/nav-shell-plaster.webp') center top/1600px auto repeat;opacity:.09}
.atlas [hidden]{display:none!important}
.atlas-heading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(200px,.6fr);gap:clamp(40px,6vw,90px);align-items:end;margin-bottom:54px}
.atlas-heading h2{font:700 clamp(50px,5.8vw,88px)/1.04 var(--nav-display);letter-spacing:-.06em;margin:0;max-width:950px;text-wrap:balance}
.atlas-heading>p{font:400 clamp(20px,1.8vw,25px)/1.35 var(--nav-reading);margin:0 0 5px;letter-spacing:-.015em}
.atlas-toolbar{position:sticky;top:76px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;background:#EFE7D7;margin-bottom:32px;padding:12px 0}
.atlas-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.atlas-filters button{position:relative;min-height:44px;border:0;background:transparent;color:#68635B;font:600 16px/1.3 var(--nav-display);letter-spacing:-.025em;padding:8px 0;cursor:pointer}
.atlas-filters button::after{position:absolute;content:"";left:0;right:0;bottom:2px;height:2px;background:#3D6B87;transform:scaleX(0);transform-origin:left;transition:transform 220ms}
.atlas-filters button[aria-pressed="true"]{color:#1A1A1A}
.atlas-filters button[aria-pressed="true"]::after{transform:scaleX(1)}
.atlas-filters button:hover{color:#1A1A1A}
.atlas-count{font:400 17px/1.3 var(--nav-reading);margin:0;color:#68635B;white-space:nowrap}
.atlas-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px clamp(35px,5vw,80px);align-items:start;align-content:start}
.atlas-collection.is-filtering{overflow:clip;overflow-clip-margin:8px}
.atlas-place{min-width:0;isolation:isolate}
.atlas-art{position:relative;aspect-ratio:1.5;overflow:hidden;isolation:isolate;background:#EFE7D7}
.atlas-drawing{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:translate(calc(var(--atlas-art-x,0%) - var(--atlas-art-shift,0%)),var(--atlas-art-y,0%)) scale(var(--atlas-art-scale,1));transition:transform 550ms cubic-bezier(.2,.65,.2,1),opacity 450ms;pointer-events:none}
.atlas-art-fallback{position:absolute;inset:0;z-index:3}
.atlas-preview-toggle{position:absolute;inset:0;z-index:3;display:flex;align-items:end;justify-content:space-between;border:0;background:transparent;color:#1A1A1A;cursor:pointer;padding:0 5px 1px;font:600 10px/1.3 var(--nav-display);letter-spacing:.07em;text-transform:uppercase;text-align:left}
.atlas-preview-toggle>span{background:#EFE7D7;padding:6px 0;min-height:26px}
.atlas-photo-window{position:absolute;z-index:2;right:18px;top:47%;width:48%;aspect-ratio:.76;overflow:hidden;border-radius:50% 50% 0 0;opacity:0;background:#D9C9B3;transform:translateY(-50%) perspective(700px) rotateY(-80deg);transform-origin:left center;box-shadow:0 12px 20px #49392E22;transition:transform 620ms cubic-bezier(.2,.7,.2,1),opacity 320ms;pointer-events:none}
.atlas-preview-photo{display:block;width:100%;height:100%;object-fit:cover}
.atlas-place.is-open.is-photo-ready .atlas-photo-window{opacity:1;transform:translateY(-50%) perspective(700px) rotateY(0)}
.atlas-place.is-open.is-photo-ready .atlas-drawing{--atlas-art-shift:3%;opacity:.42}
.atlas-caption{padding-top:23px}
.atlas-caption h3{font:700 clamp(23px,2vw,30px)/1.1 var(--nav-display);letter-spacing:-.045em;margin:0}
.atlas-location{font:400 16px/1.3 var(--nav-reading);margin:7px 0 0;color:#68635B}
.atlas-description{font:400 19px/1.35 var(--nav-reading);letter-spacing:-.01em;margin:13px 0 10px;min-height:3.9em;max-width:360px}
.atlas-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;padding:8px 0;border-bottom:1px solid #1A1A1A66;font:600 10px/1.3 var(--nav-display);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:inherit}
.atlas-explore svg{width:21px;height:21px;stroke:currentColor;stroke-width:1;fill:none}
.atlas-explore:hover{border-bottom-color:#1A1A1A}
.atlas :focus-visible{outline:2px solid #3D6B87;outline-offset:5px}
.atlas-preview-toggle:focus-visible{outline-offset:-3px}
.atlas-photo-fallback{position:absolute;left:50%;top:43%;width:47%;height:87%;transform:translate(-50%,-50%);object-fit:cover;border-radius:50% 50% 0 0;display:block}
.atlas-photographic-note{position:absolute;left:0;right:0;bottom:0;text-align:center;font:400 13px/1.3 var(--nav-reading);color:#68635B}
@media(min-width:1800px){.atlas{padding-inline:max(var(--nav-gutter),calc((100vw - 1680px)/2))}}
@media(max-width:1050px){.atlas-heading{grid-template-columns:1.5fr .6fr;gap:35px}.atlas-heading h2{font-size:clamp(49px,5.5vw,70px)}.atlas-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 55px}.atlas-description{max-width:430px}.atlas-caption h3{font-size:28px}}
@media(max-width:760px){
 .atlas{padding:35px 24px 90px}
 .atlas-heading{display:block;margin-bottom:29px}
 .atlas-heading h2{font-size:clamp(39px,10.5vw,59px);line-height:1.05;max-width:550px}
 .atlas-heading>p{font-size:21px;margin-top:26px}
 .atlas-heading>p br{display:none}
 .atlas-heading>p{max-width:340px}
 .atlas-toolbar{display:block;padding:8px 0 12px;min-height:0;margin-bottom:28px}
 .atlas-filters{gap:10px 23px}
 .atlas-filters button{font-size:15px;min-height:44px}
 .atlas-count{font-size:15px;margin-top:7px}
 .atlas-collection{grid-template-columns:minmax(0,1fr);gap:54px}
 .atlas-art{max-width:490px;width:100%;margin-inline:auto}
 .atlas-caption{padding-top:20px}
 .atlas-caption h3{font-size:29px}
 .atlas-description{font-size:21px;min-height:0;max-width:460px;margin-bottom:12px}
 .atlas-location{font-size:17px}
 .atlas-photo-window{right:20px}
 .atlas-explore{font-size:11px}
 .atlas-preview-toggle{font-size:10px}
}
@media(max-width:360px){.atlas{padding-inline:20px}.atlas-heading h2{font-size:38px;letter-spacing:-.055em}.atlas-filters{column-gap:17px}.atlas-filters button{font-size:14px}.atlas-description{font-size:20px}.atlas-caption h3{font-size:27px}}
@media(max-height:580px){.atlas-toolbar{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.atlas-drawing,.atlas-photo-window,.atlas-filters button::after{transition:none}.atlas-photo-window{transform:translateY(-50%)}.atlas-place.is-open.is-photo-ready .atlas-photo-window{transform:translateY(-50%)}.atlas-place.is-open.is-photo-ready .atlas-drawing{--atlas-art-shift:0%}}

/* Each property enters through its window: the original photograph, no overlay. */
a.atlas-preview-toggle{text-decoration:none}