:root{--bg: #f9d923;--ink: #111111;--hot: #ff4b2b}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}html,body,#root{height:100%}.page{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Gabarito,system-ui,sans-serif;overflow-x:hidden;display:grid;grid-template-rows:auto 1fr auto}header,footer{padding-inline:clamp(20px,5vw,72px)}header{padding-top:24px}.logo{display:block;width:clamp(180px,17vw,250px);height:auto}footer{padding-block:18px;font-size:.9rem;font-weight:500;opacity:.7}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:2vw;padding-inline:clamp(20px,5vw,72px);padding-block:8px}h1{font-weight:900;letter-spacing:-.045em;line-height:.88;font-size:clamp(3.4rem,min(9.2vw,17vh),9.4rem)}.line{display:block;overflow:hidden;padding:.12em .06em .14em 0;margin:-.12em 0 -.14em}.ch{display:inline-block;will-change:transform}.lede{margin-top:clamp(18px,3.5vh,32px);font-weight:600;font-size:clamp(1.15rem,1.9vw,1.7rem);line-height:1.3;max-width:20em;letter-spacing:-.01em}.copy{position:relative;z-index:2}.stage{position:relative;z-index:0;justify-self:end;aspect-ratio:1 / 1;width:min(100%,calc(100dvh - 150px))}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr);gap:8px}.stage{order:-1;width:min(100%,62vh);justify-self:center}h1{font-size:clamp(3rem,15vw,5rem)}}