:root{font-family:ui-rounded,system-ui,-apple-system,sans-serif;color:#223b32;background:#f5f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:24px 32px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}nav a{font-weight:750;text-decoration:none;color:inherit}nav span,.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:700;color:#66796f}header{padding:48px 0 28px;position:relative}h1{font-size:clamp(36px,6vw,66px);letter-spacing:-.055em;line-height:1.03;margin:12px 0 18px;font-weight:850}header>p:last-child{color:#66796f;font-size:15px;position:absolute;right:0;bottom:36px;max-width:260px;line-height:1.6}.viewer{position:relative;background:#dbece3;border-radius:28px;overflow:hidden;height:500px;border:1px solid #cee0d5}canvas{width:100%;height:100%;display:block}.scene-top{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750;letter-spacing:.12em}.badge{background:#fff9;padding:9px 13px;border-radius:40px;letter-spacing:0;font-weight:550}.caption{position:absolute;bottom:40px;left:28px;max-width:260px;pointer-events:none}.caption h2{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.caption p{font-size:13px;line-height:1.6;color:#557064;margin:0}.playback{position:absolute;bottom:40px;right:24px;display:flex;gap:8px}.playback button{background:#fff9;border:1px solid #fff;color:#223b32;border-radius:30px;padding:11px 15px;font:inherit;font-size:12px;cursor:pointer}.track{position:absolute;bottom:0;height:4px;background:#bed7c8;width:100%}.track div{height:100%;background:#ef8c84;width:0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 24px}.options button{position:relative;border:1px solid #d9dfd4;border-radius:18px;background:transparent;padding:20px;text-align:left;color:inherit;cursor:pointer;font:inherit;transition:background .25s,border .25s,transform .25s}.options button[aria-pressed=true]{background:#223b32;color:white;border-color:#223b32}.options button:hover{transform:translateY(-3px)}.options span{float:right;font-size:11px;opacity:.6}.options strong{display:block;font-size:17px;margin-bottom:6px}.options small{opacity:.65;font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #a272df;outline-offset:4px}footer{font-size:11px;line-height:1.7;color:#6a7b70;max-width:750px}footer span{display:block;margin-top:6px}@media(max-width:650px){main{padding:20px 16px}nav span{display:none}header{padding:30px 0 22px}header>p:last-child{position:static;max-width:none;margin-bottom:0}.viewer{height:520px}.caption{bottom:68px;max-width:240px}.caption p{font-size:12px}.caption h2{font-size:25px}.scene-top{left:20px;right:20px;top:18px}.playback{bottom:18px;left:20px;right:auto}.options{gap:7px}.options button{padding:14px 10px}.options strong{font-size:14px}.options small{font-size:10px}.options span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}