:root{font-family:DM Sans,sans-serif;background:#dce159;color:#20221b}*{box-sizing:border-box}body{margin:0}header{margin:0 5vw;border-bottom:1px solid #20221b;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:11px;letter-spacing:1px}a{color:inherit;text-decoration:none}main{position:relative;padding:45px 5vw}.intro{position:relative;z-index:1;pointer-events:none}.intro>p:first-child{font-size:10px;letter-spacing:1px}h1{font-size:clamp(85px,17vw,250px);line-height:1;margin:20px 0;letter-spacing:-.08em;font-weight:500}h1 span{color:#ad3e24}.description{font-size:14px;line-height:1.7}.scene{height:520px;position:relative;margin-top:-120px}canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;right:0;bottom:20px;font-size:9px;line-height:1.6;letter-spacing:1px}.controls{border-top:1px solid #20221b;padding:25px 0;display:flex;gap:30px;align-items:center;flex-wrap:wrap}.controls label{font-size:12px;display:flex;gap:15px;align-items:center}.controls input{accent-color:#20221b;min-height:44px}.controls button{background:none;border:1px solid #20221b;border-radius:30px;padding:14px 22px;font:inherit;font-size:12px;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1a53a8;outline-offset:5px}#status{font-size:11px}details{max-width:650px;font-size:12px;line-height:1.8;margin-top:30px}summary{cursor:pointer}.fallback{position:absolute;inset:0;display:grid;place-items:center}.fallback i{position:absolute;width:220px;height:300px;border:30px solid #ad3e24;border-radius:50%;transform:rotate(40deg)}.fallback i:nth-child(2){transform:rotate(-40deg)}.fallback i:nth-child(3){transform:rotate(90deg)}[hidden]{display:none!important}@media(max-width:700px){main{padding-top:30px}.scene{height:350px;margin-top:0}.controls{align-items:flex-start;gap:10px}.controls label{width:100%;justify-content:space-between}.description{font-size:12px}.scene-label{font-size:8px}h1{font-size:25vw}}