:root{--ink:#0d2428;--paper:#e5e4d9;--soft:#bbc8bf;--line:#dfe6d22f;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:4px}::selection{background:#d2dcc5;color:#152e30}
main{position:relative}
.atlas-hud{position:fixed;z-index:20;top:0;left:0;right:0;padding:30px 4.7vw;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--paper);transition:background .4s;background:linear-gradient(#071e2633,transparent)}.atlas-signature{min-height:44px;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.03em}.monogram{font:500 43px/.8 var(--serif);letter-spacing:-.1em}.atlas-signature small{display:block;font-size:8px;letter-spacing:.09em;margin-top:4px;color:var(--soft)}.hud-right{display:flex;align-items:center;gap:38px;font-size:9px;letter-spacing:.035em}.location span{margin-left:20px}.hud-right button{border:0;background:none;display:flex;align-items:center;gap:9px;padding:10px 0;min-height:44px;min-width:44px;justify-content:flex-end;touch-action:manipulation;font-size:9px}.hud-right svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}

.atlas-hero{height:100svh;min-height:0;position:relative;overflow:hidden;isolation:isolate;background:#133538}.atlas-scene{position:absolute;inset:0;display:block;z-index:-2}.atlas-scene img{width:100%;height:100%;object-fit:cover;object-position:61% 50%;display:block;transform-origin:62% 51%}.hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(#071e2735,#09232720),linear-gradient(90deg,#0b292ac2 0%,#173c3d64 28%,#13373513 53%,transparent 75%),linear-gradient(0deg,#102e329c,transparent 27%,transparent 80%,#21484926)}.hero-title{position:absolute;left:7.6vw;top:18.5%;color:var(--paper)}.annotation{display:flex;align-items:center;gap:15px;font:400 9px/1.5 var(--sans);letter-spacing:.13em;margin:0;text-transform:uppercase}.tiny-cross{font-size:19px;font-weight:400;line-height:1}.edition{margin-left:30px;font-size:8px;opacity:.65}.hero-title h1{font:400 clamp(85px,10vw,175px)/.79 var(--serif);letter-spacing:-.057em;margin:28px 0 0}.hero-title h1 span,.hero-title h1 em{display:block}.hero-title h1 span{color:#e5e4d9d9}.hero-title h1 em{font-weight:400;letter-spacing:-.055em;margin-top:8px;margin-left:4vw}.hero-bottom{position:absolute;bottom:9%;left:7.6vw;right:7.6vw;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:25px}.hero-note p{font:400 clamp(20px,1.7vw,27px)/1.35 var(--serif);margin:0 0 17px}.hero-note>span{font-size:8px;letter-spacing:.1em;opacity:.7}.scene-note{justify-self:end;text-align:right;font:italic 400 20px/1.3 var(--serif);margin:0 0 9px;opacity:.85}.hero-coordinate{position:absolute;bottom:24px;left:4.7vw;font-size:7px;letter-spacing:.14em;opacity:.6}
@keyframes ink-entry{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-title .annotation{animation:ink-entry .9s both}.hero-title h1 span{animation:ink-entry 1.1s .08s both}.hero-title h1 em{animation:ink-entry 1.1s .18s both}.hero-bottom{animation:ink-entry 1s .3s both}
@media(max-width:1050px) and (min-width:701px){.hero-title h1{font-size:12vw}}
@media(max-width:700px){html{scroll-padding-top:90px}.atlas-hud{padding:23px;gap:15px}.atlas-signature{font-size:9px;gap:13px}.monogram{font-size:37px}.atlas-signature small{font-size:7px}.hud-right{gap:0}.location,.hud-right button span{display:none}.atlas-scene img{object-position:100% 50%;transform-origin:53% 45%}.hero-shade{background:linear-gradient(#071e2740,#09232710),linear-gradient(90deg,#0d2b324d,transparent 70%),linear-gradient(0deg,#102e32b3,transparent 46%)}.hero-title{left:26px;right:26px;top:14%}.hero-title .annotation{font-size:7px;gap:10px}.edition{font-size:6px;margin-left:18px}.hero-title h1{font-size:clamp(72px,19.5vw,127px);margin-top:24px;line-height:.8}.hero-title h1 em{margin-left:27px;margin-top:9px}.hero-bottom{bottom:72px;left:26px;right:26px;grid-template-columns:1fr auto;gap:20px}.hero-note p{font-size:22px;margin-bottom:13px}.hero-note>span{font-size:7px;letter-spacing:.07em}.scene-note{display:none}.hero-coordinate{left:26px;bottom:27px;font-size:6px}}
@media(max-width:700px) and (max-height:730px){.hero-title{top:12%}.hero-title h1{font-size:19vw;margin-top:20px}.atlas-scene img{object-position:65% 50%}.hero-note p{font-size:20px}.hero-bottom{bottom:65px}}
@media(min-width:701px) and (max-height:500px){.atlas-hud{padding-top:20px;padding-bottom:20px}.hero-title{top:27%}.hero-title h1{font-size:clamp(54px,14svh,78px);margin-top:16px}.hero-title h1 em{margin-top:5px}.hero-bottom{bottom:65px}.hero-note p,.scene-note{font-size:18px}.hero-note p{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.atlas-scene img{transform:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;font-size:9px;touch-action:manipulation}.contact-link span{font-size:11px}
.contact-link span{transition:transform .3s ease}.contact-link:hover span,.contact-link:focus-visible span{transform:translate(2px,-2px)}
@media(max-width:700px){.hud-right{gap:12px}}

@media(max-width:700px) and (max-height:500px) and (min-aspect-ratio:1/1){.atlas-hud{padding-top:16px;padding-bottom:16px}.hero-title{top:25%}.hero-title h1{font-size:clamp(46px,14svh,65px);margin-top:12px}.hero-title h1 em{margin-top:5px}.hero-note p{font-size:18px;margin-bottom:8px}}
@media(max-width:700px) and (max-height:300px){.atlas-hero{height:420px}.hero-title{top:23%}.hero-title h1{font-size:58px}.hero-bottom{bottom:65px}}