:root{font-family:Arial,Helvetica,sans-serif;color:#ffead0;background:#f2f2f2;font-synthesis:none;--cream:#ffead0;--dark:#181310;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}::selection{background:#ffead0;color:#251a13}:focus-visible{outline:2px solid #ffead0;outline-offset:6px}html{scroll-behavior:smooth;scrollbar-color:#907054 #f2f2f2}body{overscroll-behavior-y:none}.skip{position:fixed;top:-60px;left:50px;padding:12px;background:#181310;z-index:100}.skip:focus{top:20px}
.stage{position:fixed;inset:13px auto 0 3.515625%;width:89.21875%;overflow:hidden;border-radius:24px 24px 20px 20px;background:var(--dark);isolation:isolate;container-type:size}.tabletop,.warmth{position:absolute;inset:0;pointer-events:none}.tabletop{background:#594c32 url('assets/tabletop.png') center/cover no-repeat;z-index:-2}.warmth{background:radial-gradient(ellipse at 0 110%,#83431c80,transparent 55%);opacity:0;z-index:-1}header{position:absolute;top:18px;left:3.1%;right:3.1%;z-index:6;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:20px;font-weight:800;letter-spacing:-.8px;opacity:0}.opening-dot{position:absolute;left:0;top:0;width:8px;height:8px;background:var(--cream);border-radius:50%}nav{display:flex;gap:19px;align-items:center}nav a,nav button{background:none;padding:0 0 5px;font-size:9px;line-height:16px;font-weight:700;text-transform:uppercase;position:relative}nav a::after,nav button::after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px dotted currentColor;opacity:0;transition:opacity 150ms}nav a[aria-current],nav a:hover::after,nav button:hover::after{opacity:1}nav a[aria-current]::after{opacity:1}.model-tag{position:absolute;z-index:8;top:0;right:0;background:var(--cream);color:#241b13;writing-mode:vertical-rl;padding:24px 13px 27px;font-size:11px;font-weight:700;height:150px}
.intro-copy,.feature-copy,.product-copy{position:absolute;inset:0;pointer-events:none}.intro-copy a,.intro-copy button{pointer-events:auto}.tagline{position:absolute;left:25.6%;top:4.3%;margin:0;font-size:1.12cqw;text-transform:uppercase;font-weight:700;letter-spacing:-.5px}h1{position:absolute;top:5.1%;left:2.6%;margin:0;font-size:12.6cqw;line-height:.98;letter-spacing:-.052em;font-weight:800}.intro-description{position:absolute;left:64.3%;top:44.8%;width:31.5%;margin:0;font-size:1.82cqw;line-height:1.35;font-weight:600;letter-spacing:-.025em}.studio{position:absolute;left:3.1%;bottom:1.6%;width:18.6%;min-height:34.5%;padding:16px 14px;background:#d5aa7a38;display:flex;flex-direction:column;justify-content:space-between}.studio p{margin:0;font-size:1.5cqw;line-height:1.18;font-weight:700;letter-spacing:-.025em;text-transform:uppercase}.studio p+p{border-top:1px dotted #ffead080;padding-top:18px;font-size:1.12cqw;line-height:1.45;text-align:right;text-transform:none}.scroll-prompt{position:absolute;bottom:1.3%;left:64.3%;font-size:8px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:7px}.scroll-prompt span{border:1px dotted #ffe5c699;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:13px}.film-button{position:absolute;right:3.1%;bottom:1.5%;width:120px;height:67px;background:linear-gradient(140deg,#53351b,#18130d);border:2px solid #bd8b42;border-radius:9px;overflow:hidden;box-shadow:0 4px 12px #17100e30}.film-button strong{font-size:34px;letter-spacing:-2px}.film-button span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;text-transform:uppercase;background:#18130c30}.film-button svg{width:9px;height:9px;fill:currentColor}
#coaster{position:absolute;inset:0;z-index:2;pointer-events:none}#coaster canvas{width:100%;height:100%;display:block}.feature-copy{opacity:0}.feature-copy h2{position:absolute;left:9%;top:44.8%;margin:0;font-size:3.2cqw;line-height:1.12;text-transform:uppercase;letter-spacing:-.045em}.feature-copy p{position:absolute;left:73.4%;top:43%;width:24%;font-size:1.83cqw;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0}.product-copy{opacity:0}.product-copy h2{position:absolute;top:11%;left:0;right:0;text-align:center;font-size:7.8cqw;line-height:1;margin:0;letter-spacing:-.045em;z-index:3}.product-copy small{display:block;font-size:1.6cqw;letter-spacing:-.04em;color:#c35b2b;text-align:right;margin-right:25.5%;margin-top:1px}.asterisk{font-size:.48em;vertical-align:top;line-height:1.5}.hand{position:absolute;width:32%;height:55%;object-fit:contain;object-position:center bottom;bottom:-3%;left:34%;z-index:1}.footnote{position:absolute;bottom:1.7%;right:3.1%;font-size:9px;text-align:right;text-transform:uppercase;line-height:1.15;border-top:1px dotted #ffead04d;padding-top:12px;opacity:0;color:#c0ad9d}.rotate{position:absolute;z-index:4;left:50%;bottom:3%;transform:translateX(-50%);background:none;display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:10px;opacity:0;visibility:hidden;color:#d2baa4}.rotate svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.render-notice{position:absolute;left:35%;right:35%;top:55%;z-index:3;text-align:center;font-size:12px}.scroll-track{height:340vh;pointer-events:none}.scroll-track>div{position:absolute;left:0;width:1px;height:1px}#intro{top:0}#features{top:115vh}#product{top:240vh}
dialog{border:1px solid #ffead033;border-radius:18px;background:#201913;color:var(--cream);padding:40px;max-width:min(650px,90vw)}dialog::backdrop{background:#080605c9;backdrop-filter:blur(8px)}dialog h2{font-size:32px;letter-spacing:-1px;margin:0 20px 20px 0}dialog p{font-size:16px;line-height:1.6;max-width:35ch}dialog .close{position:absolute;top:8px;right:12px;background:none;font-size:30px;line-height:1;padding:8px}dialog video{display:block;width:100%;max-height:80vh}.studio-link{display:flex;justify-content:space-between;border-top:1px solid #ffead044;margin-top:35px;padding-top:18px;font-weight:700}#film-dialog{max-width:1000px;width:90vw;padding:40px 14px 14px}
@media(min-width:1600px){.stage{max-width:1700px;left:50%;transform:translateX(-50%);width:93%}nav a,nav button{font-size:11px}}
@media(max-width:700px){.stage{inset:8px 8px 0;width:auto;border-radius:18px 18px 0 0}.tabletop{background-position:49% center}header{top:20px;left:6%;right:8%}.wordmark{font-size:18px}nav{gap:12px}nav a,nav button{font-size:8px}.opening-dot{width:6px;height:6px}.model-tag{display:none}h1{left:5%;top:9%;font-size:24cqw;letter-spacing:-.06em}.tagline{top:24%;left:6%;font-size:2.7cqw}.intro-description{left:8%;top:64%;width:84%;font-size:4.5cqw;line-height:1.3}.studio{left:6%;bottom:7%;width:47%;min-height:0;background:none;padding:0}.studio p{font-size:2.9cqw;line-height:1.15}.studio p+p{display:none}.film-button{right:6%;bottom:7%;width:94px;height:54px}.film-button strong{font-size:27px}.scroll-prompt{left:6%;bottom:2%;font-size:7px}.feature-copy h2{left:8%;top:16%;font-size:7cqw;line-height:1.05}.feature-copy p{top:76%;left:8%;width:82%;font-size:4.3cqw}.desktop{display:none}.footnote{font-size:7px;right:7%;bottom:2%}.rotate{bottom:11%;font-size:8px}.product-copy h2{top:19%;font-size:12cqw}.product-copy small{font-size:3cqw;margin-right:9%}.hand{width:75%;left:12.5%;height:50%;bottom:0}.render-notice{left:15%;right:15%}.scroll-track{height:340svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.hand{mix-blend-mode:lighten}

@media(min-width:701px){header{right:4.6%}h1{font-size:13cqw}}
.model-tag{white-space:nowrap}.product-copy{mix-blend-mode:lighten}

.footnote{pointer-events:none}nav a,nav button{min-height:24px;min-width:24px}@media(max-width:700px){nav a,nav button{padding-top:8px;padding-bottom:8px;min-height:32px}header{top:12px}}