@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/big-shoulders-vietnamese-wght-normal.Cu-DDijC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/big-shoulders-latin-ext-wght-normal.C7duU6kR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/big-shoulders-latin-wght-normal.D2Rs5vCJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0a0a0a;--ink-2:#111;--bone:#f3efe9;--bone-dim:#b8b2a8;--accent:#d6c7b4;--accent-bright:#e4d4bf;--font-display:"Big Shoulders Variable", "Arial Narrow", sans-serif;--font-body:"Space Grotesk Variable", system-ui, sans-serif;--pad:clamp(1.25rem, 4vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}@media (prefers-reduced-motion:no-preference) and (pointer:fine){html{scroll-snap-type:y mandatory}.frame{scroll-snap-align:start}}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.5}.frame{background:var(--ink);align-items:end;min-height:100dvh;display:grid;position:relative;overflow:hidden}.frame img.bg{object-fit:cover;z-index:0;filter:grayscale(.35)contrast(1.15)brightness(.62)saturate(1.1);width:100%;height:100%;position:absolute;inset:0}.depth-canvas{z-index:0;opacity:0;filter:grayscale(.35)contrast(1.15)brightness(.62)saturate(1.1);width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.depth-canvas.on{opacity:1}.frame:has(.depth-canvas.on) img.bg{animation:none}.frame:after{content:"";z-index:1;background:radial-gradient(120% 90% at 50% 10%,#0a0a0a0d,#0000 60%),linear-gradient(#0a0a0a4d,#0a0a0ad1);position:absolute;inset:0}.frame-inner{z-index:2;padding:var(--pad);padding-bottom:calc(var(--pad) + 1rem);width:100%;position:relative}h1,h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere;font-size:clamp(3.2rem,13vw,11rem);font-weight:800;line-height:.88}.eyebrow{font-family:var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:clamp(.72rem,1vw,.85rem)}.body{max-width:34rem;color:var(--bone-dim);margin-top:1.4rem}.body strong{color:var(--bone);font-weight:600}.chrome{z-index:10;padding:1rem var(--pad);mix-blend-mode:normal;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.wordmark{font-family:var(--font-display);letter-spacing:.06em;color:var(--bone);font-size:1.4rem;font-weight:800}.wordmark em{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;vertical-align:.15em;margin-left:.35em;font-size:.9rem;font-style:normal;font-weight:500}.chip{letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);backdrop-filter:blur(6px);border:1px solid #f3efe940;border-radius:999px;padding:.35rem .8rem;font-size:.68rem}.marquee{white-space:nowrap;backdrop-filter:blur(4px);background:#0a0a0a8c;border-top:1px solid #f3efe929;border-bottom:1px solid #f3efe929;overflow:hidden}.marquee-edge{z-index:3;position:absolute;bottom:0;left:0;right:0}.marquee-track{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent);padding:.6rem 0;font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:600;display:inline-block}.marquee-track span{padding-right:.4em}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.cta{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);border:1px solid #f3efe959;border-radius:2px;padding:.85rem 1.4rem;font-size:.85rem;text-decoration:none;transition:border-color .25s,color .25s,background .25s}.cta:hover{border-color:var(--accent-bright);color:var(--accent-bright)}.cta-primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}.cta-primary:hover{background:var(--accent-bright);color:var(--ink)}.colophon{color:var(--bone-dim);border-top:1px solid #f3efe929;flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;margin-top:3rem;padding-top:1.2rem;font-size:.78rem;display:flex}.colophon a{color:var(--accent);text-decoration:none}@media (prefers-reduced-motion:no-preference){.frame img.bg{will-change:transform;animation:18s ease-in-out infinite alternate kb}.frame:nth-child(2n) img.bg{animation-duration:22s;animation-direction:alternate-reverse}#water img.bg{animation-duration:30s}@keyframes kb{0%{transform:scale(1.06)}to{transform:scale(1.16)translate(1.5%,-1.5%)}}.marquee-track{animation:28s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}html.js .frame .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}html.js .frame.in .reveal{opacity:1;transform:none}html.js .frame h1.reveal,html.js .frame h2.reveal{clip-path:inset(0 0 100%);transition:clip-path .8s cubic-bezier(.77,0,.18,1),opacity .8s,transform .8s}html.js .frame.in h1.reveal,html.js .frame.in h2.reveal{clip-path:inset(0 0 -8%)}}
