@font-face{font-family:Cormorant;src:url('./fonts/cormorant-garamond-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url('./fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{font-family:Instrument,Arial,sans-serif}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.original-hero{position:relative;width:100%;height:100svh;overflow:hidden;background:#bddfe8;color:#075160}
.original-still,.cinemagraph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.cinemagraph{opacity:0}.cinemagraph.is-ready{opacity:1}.cinemagraph canvas{display:block;width:100%;height:100%}
.reference-plane{position:absolute;left:0;top:50%;width:max(100vw,177.68331562svh);height:max(56.279904306vw,100svh);transform:translateY(-50%);pointer-events:none}
.reference-hotspot{position:absolute;pointer-events:auto;background:transparent;border:0;border-radius:0;padding:0;transition:background .2s}
.reference-hotspot:hover{background:rgba(255,255,255,.2)}.reference-hotspot:focus-visible{outline:2px solid #075160;outline-offset:4px}
.marketing-hotspot{left:6.160287%;top:43.14559%;width:5.44258%;height:3.294368%}
.nemo-hotspot{left:6.160287%;top:47.396387%;width:11.842105%;height:3.294368%}
.motion-toggle{position:absolute;right:22px;bottom:20px;width:34px;height:34px;display:grid;place-items:center;background:#eff9f0a8;border:1px solid #ffffff77;border-radius:50%;backdrop-filter:blur(6px);color:#155b64;opacity:.72}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1;background:#f4fbf1}
.mobile-identity,.mobile-readability{display:none}
@media(max-aspect-ratio:6/5){
 .reference-plane{display:none}.original-still{object-position:58% 50%}
 .mobile-readability{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#f4fbf4c9,transparent 44%)}
 .mobile-identity{display:block;position:absolute;left:7%;top:12%;width:240px}
 .mobile-identity h1{font-family:Cormorant,Georgia,serif;font-size:48px;line-height:1;letter-spacing:.11em;font-weight:400;margin:0}
 .mobile-identity p{font-size:13px;letter-spacing:.4em;margin:9px 0 20px}
 .mobile-identity nav{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
 .mobile-identity nav button,.mobile-identity nav a{display:block;background:#f2fbf3b3;border:1px solid #17566799;font-size:12px;padding:7px 11px;min-height:33px}
 .motion-toggle{right:16px;bottom:16px}
}



/* Apply one restrained display grade to both image layers; navigation is unaffected. */
.hero-art{position:absolute;inset:0;filter:saturate(.90);isolation:isolate}

[hidden]{display:none!important}

html[data-time-of-day=night] .original-hero{background:#071932;color:#edf3ff}
html[data-time-of-day=night] .reference-hotspot:focus-visible{outline-color:#e2edff}
html[data-time-of-day=night] .hero-art{filter:saturate(.93)}
html[data-time-of-day=night] .mobile-readability{background:linear-gradient(125deg,#06162bce,transparent 60%)}
html[data-time-of-day=night] .mobile-identity nav a{color:#f0f4ff;background:#0b2340b8;border-color:#b4cfeb99}

/* Real text replaces labels previously baked into the artwork. */
.hero-identity{position:absolute;left:6.2%;top:33.5%;color:inherit}
.hero-identity h1{font:400 clamp(42px,3.8vw,64px)/1 Cormorant,Georgia,serif;letter-spacing:.11em;margin:0 0 26px}
.hero-identity nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.hero-identity a{border:1px solid #17566799;background:#f2fbf3c9;padding:7px 13px;font-size:14px;min-height:34px;transition:background .2s}
.hero-identity a:hover{background:#f4fbf3}
.hero-identity a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[data-time-of-day=night] .hero-identity a{color:#f0f4ff;background:#081729de;border-color:#b4cfeb99}
html[data-time-of-day=night] .hero-identity h1{text-shadow:0 2px 15px #06101f}
@media(max-aspect-ratio:6/5){.hero-identity{left:7%;top:12%}.hero-identity h1{font-size:48px}}