@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}@property --drink-accent{syntax:"<color>";inherits:true;initial-value:#e8a45c}.landing{--roast-950:#0b0704;--roast-800:#2a160b;--ember:#e8a45c;--terracotta:#e0703a;--matcha:#c9d39a;--cream:#f4e9da;--nut-brown:#5b3b27;--gutter:clamp(16px,4vw,64px);background:var(--roast-950);min-height:100vh;color:var(--cream);font-family:var(--font-inter),system-ui,sans-serif;transition:--drink-accent .7s;position:relative;overflow-x:clip}html:has(.landing){background:#0b0704}html:has(.landing) body{background:#0b0704}.landing[dir=rtl]{font-family:var(--font-plex-arabic),system-ui,sans-serif}.landing ::selection{background:var(--terracotta);color:var(--roast-950)}.landing :focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:6px}.landing .container-x{width:100%;max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.landing .section{padding-block:clamp(96px,14vw,200px);position:relative}.landing .display{font-family:var(--font-syne),sans-serif;text-transform:uppercase;letter-spacing:-.035em;font-weight:800;line-height:.88}.landing[dir=rtl] .display{font-family:var(--font-readex),sans-serif;text-transform:none;letter-spacing:0;font-weight:700;line-height:1.2}.landing .emph{font-family:var(--font-fraunces),serif;text-transform:none;letter-spacing:-.01em;color:var(--ember);font-style:italic;font-weight:300}.landing[dir=rtl] .emph{font-family:var(--font-readex),sans-serif;letter-spacing:0;font-style:normal;font-weight:300}.landing .eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--ember);font-size:11px;font-weight:500}.landing[dir=rtl] .eyebrow{letter-spacing:0;font-size:14px}.landing .ember-light{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at var(--lx,70%)var(--ly,50%),color-mix(in oklab,var(--drink-accent)38%,transparent),transparent 70%);position:absolute;inset:0}.landing .grain{z-index:70;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(5,end) infinite landing-grain;position:fixed;inset:-50%}@keyframes landing-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.landing.js [data-reveal]{opacity:0}.landing .intro{display:none}@media (min-width:1024px) and (pointer:fine){.landing.js:not(.intro-seen) .intro{display:flex}}@media (prefers-reduced-motion:reduce){.landing .grain{animation:none}.landing .intro{display:none!important}}