@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e6e5e1;background:#101112;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #d5c8a9;outline-offset:5px}button{border:0;background:none}header{height:100px;margin:0 4.2%;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;font-weight:700;letter-spacing:.22em;font-size:20px;gap:13px}.mark{font-size:39px;letter-spacing:-.1em;line-height:1;padding-right:5px}.brand-sub{font-size:10px;font-weight:400;letter-spacing:.17em;border-left:1px solid #444;padding-left:24px;margin-left:15px;color:#959696}nav{display:flex;align-items:center;gap:45px;font-size:13px;color:#b2b2b0}nav button{font-size:13px}nav button span{margin-left:20px}.nav-active{color:#ededeb}main{position:relative;min-height:710px;height:calc(100svh - 156px);max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 62% 42%,#26282a44,transparent 57%)}.intro{position:absolute;left:4.2%;top:8%;z-index:2;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.19em;color:#a4a5a3;font-weight:500}.eyebrow span{color:#5e6061;margin:0 13px}h1{font-family:Manrope,sans-serif;font-size:104px;font-weight:500;line-height:1.05;letter-spacing:-.075em;margin:29px 0 22px}h1 span{display:block;font-size:34px;letter-spacing:-.045em;margin-top:15px;color:#b9bab7}.description{font-size:14px;line-height:1.8;color:#898b8c}#viewport{position:absolute;inset:0 0 130px;touch-action:none}canvas{display:block;width:100%;height:100%;outline:0}.object-tag{position:absolute;right:5%;top:21%;display:flex;gap:14px;font-size:10px;letter-spacing:.13em;line-height:2;color:#a0a2a1;pointer-events:none}.object-tag small{font-size:9px;color:#646869}.tag-line{width:40px;height:1px;background:#686b6b;margin-top:10px}.view-tools{position:absolute;bottom:161px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9b9e9e;z-index:2}.view-tools button{display:flex;align-items:center;gap:12px;font-size:12px}.hint{color:#777b7d;letter-spacing:.04em}.switch{display:inline-block;width:28px;height:15px;border-radius:20px;background:#343638;position:relative;margin-left:6px;transition:.3s}.switch:after{content:"";position:absolute;width:9px;height:9px;left:3px;top:3px;background:#9a9d9b;border-radius:50%;transition:.3s}[aria-pressed=true] .switch{background:#b6b7af}[aria-pressed=true] .switch:after{left:16px;background:#272927}.controls{position:absolute;bottom:25px;left:4.2%;right:4.2%;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:25px 0;display:grid;grid-template-columns:1.05fr 1.65fr 1.05fr 1fr;gap:30px;align-items:center;z-index:2}.control-title p{font-size:15px;margin:9px 0 0;color:#bdbebb}.control-title .eyebrow{font-size:9px}fieldset{border:0;padding:0;margin:0;min-width:0}legend,.control-label{font-size:10px;color:#656869;letter-spacing:.03em;padding:0;margin-bottom:13px}legend span,.control-label span{color:#9c9e9d;margin-left:10px}.segments{display:flex;gap:4px}.segments button{font-size:12px;padding:10px 13px;border:1px solid transparent;white-space:nowrap;border-radius:3px;color:#919493;display:flex;align-items:center;gap:8px}.segments button.selected{border-color:#ffffff2a;background:#ffffff06;color:#e1e2dc}.swatch{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff44}.black{background:#202122}.graphite{background:#696c6b}.shell-control{display:flex;flex-direction:column}.shell-control button{font-size:12px;padding:10px 0;text-align:left;display:flex;align-items:center;justify-content:space-between}.control-label{margin-bottom:3px}footer{height:56px;margin:0 4.2%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;color:#696d6d}footer span:nth-child(2){letter-spacing:.025em}.tiny-cross{margin-left:25px;font-size:20px;color:#979b9a}.loading{position:absolute;top:50%;left:60%;font-size:12px;letter-spacing:.1em;color:#a4aaa9;pointer-events:none;transition:opacity .6s}.loading span{display:block;margin:15px auto;width:60px;height:1px;background:#aaa;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2;transform:scaleX(.2)}}dialog{background:#1b1d1e;color:#d9dcd8;border:1px solid #414544;border-radius:8px;padding:45px;max-width:530px;width:calc(100% - 32px);box-shadow:0 30px 150px #000a}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h2{font:400 34px Manrope,sans-serif;letter-spacing:-.05em}dialog p:not(.eyebrow){font-size:15px;line-height:1.8;color:#aeb2af}#close{position:absolute;right:15px;top:10px;font-size:28px;color:#aaa}dl{border-top:1px solid #ffffff20;padding-top:15px}dl div{display:flex;justify-content:space-between;font-size:12px;line-height:2.5}dt{color:#818986}dd{margin:0}button:hover{color:#fff}.segments button:hover{background:#ffffff0c}@media(min-width:1600px){h1{font-size:130px}}@media(max-width:900px){.brand-sub{display:none}.controls{gap:14px;grid-template-columns:1.5fr 1fr 1fr}.control-title{display:none}h1{font-size:80px}h1 span{font-size:28px}.object-tag{display:none}}@media(max-width:600px){header{height:76px;margin:0 6%}.brand{font-size:16px}.mark{font-size:32px}nav{gap:0}.nav-active{display:none}nav button{font-size:12px}main{height:calc(100svh - 120px);min-height:850px}.intro{left:6%;top:28px}.eyebrow{font-size:9px}h1{font-size:70px;margin:18px 0 12px}h1 span{font-size:25px;margin-top:6px}.description{font-size:12px;line-height:1.6}#viewport{inset:130px 0 230px}.controls{bottom:20px;left:6%;right:6%;grid-template-columns:1fr 1fr;padding:20px 0;gap:20px 12px}.controls fieldset:first-of-type{grid-column:1/-1}.segments button{font-size:12px}.view-tools{left:6%;right:6%;bottom:253px}.hint{position:absolute;top:-33px;width:100%;text-align:center;font-size:10px}footer{height:44px;margin:0 6%;font-size:8px}footer span:last-child{display:none}footer span:nth-child(2){max-width:165px;text-align:right}.loading{left:40%;top:44%}}.brand-sub,.eyebrow,.object-tag,.object-tag small,.control-title .eyebrow,legend,.control-label,footer{font-size:12px}.description{font-size:16px}.segments button,.shell-control button,.view-tools,.view-tools button{font-size:14px}.controls{gap:20px;grid-template-columns:1fr 1.65fr 1.05fr 1.1fr}footer{letter-spacing:.02em}.loading{transition:opacity .6s}@media(max-width:1000px){.controls{grid-template-columns:1.65fr 1fr 1.1fr}.control-title{display:none}.segments button{padding:10px 8px}.brand-sub{display:none}footer span:last-child{display:none}}@media(max-width:600px){.controls{grid-template-columns:1fr 1fr}.eyebrow,.hint{font-size:12px}.description{font-size:14px}.segments button,.shell-control button,.view-tools button{font-size:12px}footer{font-size:10px}.object-tag{display:none}}