@font-face{font-family:Manrope;src:url('./assets/manrope-regular.ttf') format('truetype');font-weight:200 500;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--bg:#101113;--ink:#f1f2ef;--muted:#9da09b;--accent:#d5ff3f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{color:inherit}a{color:inherit;text-decoration:none}.page{max-width:2000px;margin:auto;padding:0 4.2vw;overflow:hidden}header{height:114px;display:flex;align-items:center;border-bottom:1px solid #ffffff26;position:relative;z-index:5;gap:32px}.wordmark{font-size:38px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:9px}.brand-icon{color:var(--accent);font-size:47px;line-height:1;transform:rotate(-30deg) scaleX(1.15);font-weight:400}.brand-sup{font-size:14px;align-self:flex-start;margin-top:8px;letter-spacing:0}.nav-note{font-size:12px;line-height:1.5;margin-left:32px;color:#c2c5bd}.edition{margin-left:auto;font-size:12px;letter-spacing:.12em}.edition span{color:var(--muted)}main{position:relative;min-height:770px;height:calc(100svh - 166px);max-height:1150px}.eyebrow{position:absolute;top:49px;left:0;font-size:12px;letter-spacing:.13em;display:flex;align-items:center;gap:12px;z-index:2}.line{width:27px;height:2px;background:var(--accent)}.headline{position:relative;padding-top:120px;z-index:2;pointer-events:none;width:72%}h1{font-size:clamp(66px,8.5vw,156px);line-height:.99;letter-spacing:-.068em;font-weight:600;margin:0}h1 em{font-style:normal;display:block;color:var(--accent)}.headline p{font-size:18px;line-height:1.55;margin:30px 0 25px;letter-spacing:-.02em;color:#d0d2cb}.primary{pointer-events:auto;background:var(--accent);color:#101113;border:0;padding:17px 23px;border-radius:3px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:42px;transition:background .2s,transform .2s}.primary span{font-size:23px;font-weight:400}.primary:hover{background:white;transform:translateY(-3px)}.stage{position:absolute;right:-8vw;top:0;width:76%;height:90%;z-index:1;cursor:grab;touch-action:pan-y;outline:none}.stage:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}#fallback{position:absolute;top:45%;left:35%;max-width:260px;color:#c7c9c0}.scene-info{position:absolute;right:6%;top:37px;display:flex;align-items:center;gap:20px;z-index:3;pointer-events:none}.cross{font-size:30px;color:var(--accent);font-weight:200}.scene-info small{display:block;font-size:11px;letter-spacing:.15em;color:#9da09b;margin-bottom:7px}.scene-info b{font-weight:400;color:white}.scene-info strong{font-size:14px;font-weight:500}.drag-hint{position:absolute;right:18%;bottom:166px;z-index:2;font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:10px;color:#c8ccc0;pointer-events:none}.drag-hint span{font-size:24px}.vertical-label{position:absolute;right:-1.5vw;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em;color:#82887b}.orbit-line{position:absolute;width:700px;height:310px;border:1px solid #cad8b011;border-radius:50%;right:-130px;top:225px;transform:rotate(-27deg);z-index:0;pointer-events:none}.bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:25px 0 24px;border-top:1px solid #ffffff26;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:4;background:var(--bg)}.materials{display:flex;gap:27px;align-items:center}.label{font-size:10px;letter-spacing:.12em;color:#a5aa9e;max-width:65px;line-height:1.8}.swatches{display:flex;gap:20px}.swatch{display:flex;align-items:center;gap:9px;border:0;background:none;padding:6px 0;color:#9da09b;font-size:12px}.swatch.selected{color:white}.swatch i{width:23px;height:23px;border-radius:50%;display:inline-block;border:3px solid var(--bg);outline:1px solid transparent}.swatch.selected i{outline-color:#f1f2ef}.chrome{background:linear-gradient(130deg,#f7f8fc 8%,#6a7381 38%,#fafcff 57%,#4c545e 83%)}.acid{background:#d5ff3f}.violet{background:#8e66ff}.footer-note{color:#858b7d;font-size:12px;line-height:1.7;margin:0}.motion{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:12px;padding:12px 0}.motion>span:first-child{font-size:18px;color:var(--accent);width:22px}footer{min-height:52px;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;letter-spacing:.11em;color:#777d72}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){main{min-height:960px}.headline{padding-top:180px}.stage{height:91%}}@media(max-width:1000px){.nav-note{display:none}.stage{right:-15vw;width:87%;top:60px;height:75%}.headline{width:85%;padding-top:135px}h1{font-size:clamp(72px,10vw,105px)}.scene-info{right:2%}.footer-note{display:none}.materials{gap:15px}.drag-hint{right:18%;bottom:140px}}
@media(max-width:650px){.page{padding:0 22px}header{height:86px;gap:8px}.wordmark{font-size:28px}.brand-icon{font-size:38px}.brand-sup{font-size:10px}.edition{font-size:9px;letter-spacing:.05em;max-width:120px;text-align:right;line-height:1.7}main{min-height:850px;height:auto;max-height:none}.eyebrow{top:27px;font-size:10px;letter-spacing:.08em}.headline{padding-top:70px;width:100%;z-index:2}h1{font-size:clamp(55px,12vw,78px);line-height:1.03;letter-spacing:-.055em}h1 em{display:inline}.headline p{font-size:15px;line-height:1.5;margin:19px 0}.headline p br{display:none}.primary{padding:11px 16px;font-size:13px;gap:30px}.stage{top:240px;right:-65px;width:calc(100% + 130px);height:460px}.scene-info{top:650px;left:0;right:auto;gap:11px}.scene-info small{font-size:10px}.scene-info strong{font-size:13px}.drag-hint{right:0;bottom:157px;font-size:9px}.vertical-label{display:none}.bottom-bar{padding:20px 0;align-items:flex-end;gap:12px}.materials{display:block}.label{max-width:none;display:block;margin-bottom:13px}.swatches{gap:15px}.swatch{font-size:11px;gap:5px}.swatch i{width:21px;height:21px}.motion{font-size:11px;gap:3px;padding-bottom:9px}.motion>span:first-child{width:20px}.orbit-line{width:450px;top:360px;right:-70px}footer{font-size:8px;line-height:1.6;padding:16px 0;align-items:flex-start}footer span{max-width:160px}footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:651px) and (max-height:800px){main{min-height:690px}.headline{padding-top:100px}h1{font-size:clamp(60px,7.5vw,115px)}.eyebrow{top:30px}.headline p{margin:23px 0}}

.brand-name{display:block;line-height:.88;letter-spacing:-.055em}.brand-it{color:var(--accent)}.brand-name small{display:block;font-size:10px;line-height:1.8;letter-spacing:.28em;font-weight:600;margin-top:6px}.wordmark{gap:12px;white-space:nowrap}@media(max-width:650px){.wordmark{font-size:26px;gap:8px}.brand-name small{font-size:9px;letter-spacing:.22em;margin-top:5px}.brand-icon{font-size:34px}}