:root{--bg:#191919;--text:#faf9f7;--muted:#beb9b4;--lime:#dfab82;--orange:#dfab82;--line:#3b3733}
body{background:radial-gradient(ellipse at 88% 8%,#40332988,transparent 32%),var(--bg)}
.header .wordmark,.footer .wordmark{width:142px;background:#fff;border-radius:10px;overflow:hidden;line-height:0;letter-spacing:0;flex-shrink:0}.wordmark img{display:block;width:100%;height:auto}
.header .wordmark{position:relative;background:transparent;border-radius:0}.header .wordmark img{filter:grayscale(1) invert(1) brightness(1.35);mix-blend-mode:screen}
.header{padding-top:20px;padding-bottom:20px}.header nav a:hover{color:#efc9ac}.hero{min-height:730px;gap:54px}.brand-stage{background:#302b27;border-color:#5c4a3d;padding:24px;transform:rotate(2deg);animation:brand-float 7s ease-in-out infinite;will-change:transform}.logo-frame{background:#eeeae4;transform:rotate(-4deg);border-radius:18px}.logo-frame img{aspect-ratio:1.1;object-fit:contain;background:#fff;mix-blend-mode:multiply}.stage-top span:last-child{animation:turn 20s linear infinite}.stamp{color:#efc9ac}.hero-copy h1{font-size:clamp(4rem,6.3vw,6.5rem)}.hero-copy .idea{color:#efc9ac}.hero-copy> *{animation:enter .95s both cubic-bezier(.16,1,.3,1)}.hero-copy .eyebrow{animation-delay:.05s}.hero-copy h1{animation-delay:.15s}.hero-copy p{animation-delay:.25s}.hero-copy .button{animation-delay:.35s}.button:hover{background:#edc7a9}.nav-pill:hover{background:#dfab821a}
.ribbon{overflow:hidden;padding:21px 0}.ticker{display:flex;width:max-content;animation:marquee 32s linear infinite}.ticker-group{display:flex;align-items:center;gap:48px;padding-right:48px;flex-shrink:0;font-size:.9rem;font-weight:800;letter-spacing:1px}.ticker-group span:nth-child(even){font-size:1.9rem;line-height:1}.ribbon:hover .ticker{animation-play-state:paused}
.apps{background:#f2eee9}.games{background:#dfab82}.product{position:relative;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s;will-change:transform}.product:hover{box-shadow:0 22px 50px #0005}.product::before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff5c,transparent 55%);opacity:0;transition:opacity .3s}.product:hover::before{opacity:1}.type-art{transition:letter-spacing .5s}.product:hover .type-art{letter-spacing:-5px}.product p{color:#37302a}.vision{background:#eeeae4}.vision h2 span{color:#98633e}.vision .section-label,.number{color:#756655}.principles article{border-color:#beb3a6}.principles p{color:#60584f}.section{scroll-margin-top:30px}
.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
.scroll-progress{position:fixed;z-index:20;left:0;top:0;width:100%;height:3px;background:#dfab82;transform:scaleX(0);transform-origin:left;pointer-events:none}.motion-toggle{background:none;border:1px solid #6f6258;border-radius:30px;color:var(--text);font-size:.75rem;padding:6px 12px;cursor:pointer;white-space:nowrap}.motion-toggle:hover{background:#dfab821a}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition:none!important}body.motion-paused .reveal{opacity:1;transform:none}body.motion-paused .product{transform:none!important}html:has(body.motion-paused){scroll-behavior:auto}
@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(.2deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero-copy h1{font-size:4.4rem}.ticker-group{gap:32px;padding-right:32px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:700px){.header .wordmark,.footer .wordmark{width:113px}.hero{min-height:0;gap:45px}.hero-copy h1{font-size:clamp(3.3rem,12vw,5rem)}.brand-stage{padding:18px}.logo-frame img{aspect-ratio:1.25}.ticker-group{gap:24px;padding-right:24px;font-size:.8rem}.ticker-group span:nth-child(even){font-size:1.4rem}.footer-bottom{align-items:flex-start}.motion-toggle{margin-top:6px}.js-motion .reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.product{transform:none!important}.ticker{transform:none}.brand-stage{transform:rotate(2deg)}.scroll-progress{display:none}html{scroll-behavior:auto}}

.header .wordmark img.brand-accent{position:absolute;inset:0;filter:url(#brand-copper);mix-blend-mode:normal;clip-path:inset(59% 61% 26% 28%);pointer-events:none}