:root{color:#202426;font-synthesis:none;--muted:#6d7479;--line:#d7dad9;--out:cubic-bezier(.23,1,.32,1);background:#f5f5f3;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.4}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;border-radius:6px;outline:2px solid #3e7185}button{transition:background .18s ease,color .18s ease,transform .16s var(--out)}[hidden]{display:none!important}.experience{height:270svh;position:relative}.stage{background:#f5f5f3;height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden}header{z-index:5;justify-content:space-between;align-items:center;padding:30px 4.2%;display:flex;position:absolute;inset:0 0 auto}.wordmark{letter-spacing:-1px;font-size:22px;font-weight:600}.wordmark span{letter-spacing:1.4px;color:var(--muted);margin-left:13px;font-size:10px;font-weight:400}.reference-link{align-items:center;gap:22px;font-size:12px;display:flex}.reference-link span{font-size:20px}.backdrop-word{text-align:center;letter-spacing:-.067em;color:#e0e3e2;white-space:nowrap;pointer-events:none;width:100%;font-size:clamp(90px,15.5vw,245px);font-weight:600;line-height:1;position:absolute;top:12%;left:0}#viewport{z-index:1;position:absolute;inset:0}#viewport canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}#viewport canvas:active{cursor:grabbing}.hero-copy{z-index:2;pointer-events:none;position:absolute;bottom:190px;left:4.2%}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin:0 0 17px;font-size:11px}h1{letter-spacing:.01em;margin:0 0 15px;font-size:clamp(30px,3.1vw,52px);font-weight:500;line-height:1.3}.hero-copy>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.corner-note{z-index:2;color:#535e65;text-align:right;pointer-events:none;font-size:11px;line-height:2;position:absolute;bottom:199px;right:4.2%}.corner-note small{color:#767d82;font-size:10px}.live-dot{vertical-align:middle;background:#607b71;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.toolbar{z-index:4;background:#fffffff2;border:1px solid #d2d7d6cc;border-radius:20px;align-items:center;gap:19px;max-width:calc(100% - 40px);padding:17px 23px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #293f4c0b}.angle-control{flex-shrink:0;width:160px}.angle-control label{color:#616c70;justify-content:space-between;font-size:11px;display:flex}.angle-control output{color:#252d31;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;cursor:ew-resize;background:#d9dddd;border-radius:8px;width:100%;height:3px;margin:15px 0 5px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#273c48;border:3px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #bac2c6}input[type=range]::-moz-range-thumb{background:#273c48;border:3px solid #fff;border-radius:50%;width:10px;height:10px}input[type=range]:focus-visible{outline-offset:7px;outline:2px solid #3e7185}.divider{background:#e2e5e4;flex-shrink:0;width:1px;height:30px}.actions{gap:7px;display:flex}.actions button{white-space:nowrap;background:0 0;border-radius:9px;padding:13px 9px;font-size:12px}.actions button span{margin-left:7px;font-size:17px}.actions button:hover,.reset:hover{background:#edf0ef}.actions button[aria-pressed=true]{color:#275264;background:#e4ecec}.finishes{gap:9px;display:flex}.swatch{border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #d7dcdc}.swatch.white{background:#deded5}.swatch.night{background:#2a3848}.swatch[aria-pressed=true]{box-shadow:0 0 0 1.5px #405c69}.reset{background:0 0;border-radius:8px;width:36px;height:40px;font-size:24px}.stage-footer{color:#68747b;z-index:3;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:24px;left:4.2%;right:4.2%}.stage-footer button{color:#324d59;background:0 0;padding:8px;font-size:11px}.progress{background:#e9eceb;height:2px;position:absolute;bottom:0;left:0;right:0}#progress-bar{transform-origin:0;background:#547889;width:100%;height:100%;transform:scaleX(0)}#loading{text-align:center;color:#71818a;z-index:2;pointer-events:none;font-size:13px;position:absolute;inset:45% 0 auto}#fallback{z-index:2;text-align:center;position:absolute;inset:25% 5% auto}#fallback img{max-width:70%;max-height:40vh}#fallback p{background:#fff;padding:15px;font-size:13px}.references{background:#fff;padding:110px 6% 0;position:relative}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px;display:flex}h2{margin:0;font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.4}.download{white-space:nowrap;border:1px solid #c7cdcd;border-radius:30px;gap:22px;padding:15px 20px;font-size:13px;display:flex}.download:hover{background:#f1f5f4}.reference-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}figure{margin:0}figure img,figure video{aspect-ratio:16/10;object-fit:contain;background:#f6f7f8;border-radius:3px;width:100%;display:block}figcaption{margin-top:18px;font-size:13px;line-height:1.6}figcaption span{color:var(--muted);margin-top:3px;font-size:11px;display:block}details{border-top:1px solid #e3e6e5;border-bottom:1px solid #e3e6e5;margin-top:72px}summary{cursor:pointer;justify-content:space-between;padding:24px 0;font-size:13px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:#758389}.method{color:#616c72;max-width:820px;padding-bottom:25px;font-size:14px;line-height:1.8}.method nav{color:#2e5a6d;gap:30px;margin-top:24px;font-size:12px;display:flex}footer{color:#7e898e;justify-content:space-between;padding:32px 0;font-size:10px;display:flex}@media (width>=1600px){.hero-copy{bottom:210px}.toolbar{bottom:80px}}@media (width<=1000px){.corner-note{display:none}.toolbar{gap:12px;padding:16px}.angle-control{width:125px}.actions{gap:0}.actions button{padding:13px 8px}.hero-copy{bottom:175px}}@media (width<=600px){.experience{height:240svh}.stage{min-height:650px}header{padding:22px}.wordmark{font-size:21px}.wordmark span{display:none}.reference-link{gap:9px;font-size:10px}.backdrop-word{font-size:16vw;top:15%}.hero-copy{bottom:218px;left:24px}h1{margin-bottom:10px;font-size:29px}.eyebrow{margin-bottom:10px;font-size:9px}.hero-copy>p:last-child{font-size:12px}.toolbar{border-radius:18px;grid-template-columns:1fr auto auto;gap:14px 15px;width:calc(100% - 32px);max-width:390px;padding:17px 18px;display:grid;bottom:65px}.angle-control{grid-column:1/4;align-items:center;gap:20px;width:auto;display:flex}.angle-control label{flex-shrink:0;width:72px}.angle-control input{flex:1;width:auto;margin:0}.divider{display:none}.actions{gap:0}.actions button{padding:11px 8px;font-size:11px}.actions button span{margin-left:4px;font-size:15px}.reset{width:29px;font-size:22px}.finishes{gap:8px}.swatch{width:20px;height:20px}.stage-footer{font-size:9px;bottom:22px;left:22px;right:22px}.stage-footer button{font-size:10px}.references{padding:68px 24px 0}.section-heading{margin-bottom:32px;display:block}.download{margin-top:25px;display:inline-flex}.reference-grid{grid-template-columns:1fr;gap:34px}.reference-grid figure img,.reference-grid figure video{aspect-ratio:16/9}figcaption{justify-content:space-between;align-items:center;margin-top:13px;display:flex}figcaption span{margin:0;font-size:10px}details{margin-top:48px}.method{font-size:13px}.method nav{flex-wrap:wrap;gap:17px}footer{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}.experience{height:100svh}.progress{display:none}}@media (width<=600px){.toolbar{grid-template-columns:1fr 44px 44px;gap:8px 10px}.angle-control{grid-area:1/1;gap:12px}.angle-control label{width:63px}.finishes{grid-area:1/2/auto/4;justify-content:center;gap:8px}.swatch{width:40px;height:44px;box-shadow:none;border:10px solid #fff}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px #405c69}.actions{grid-area:2/1/auto/3;justify-content:space-between}.actions button{min-height:44px;font-size:12px}.reset{grid-area:2/3;width:44px;height:44px}}.detail-views{z-index:4;gap:8px;display:flex;position:absolute;top:85px;right:4.2%}.detail-views button{background:#ffffffc9;border:1px solid #d7dedb;border-radius:24px;min-height:44px;padding:11px 15px;font-size:11px}.detail-views button:hover,.detail-views button[aria-pressed=true]{color:#294e59;background:#e1e9e7}@media (width<=600px){.detail-views{gap:6px;top:69px;right:22px}.detail-views button{padding:9px 12px;font-size:10px}}:is(.stage:has(#viewport[data-detail-view]:not([data-detail-view=""])) .hero-copy,.stage:has(#viewport[data-detail-view]:not([data-detail-view=""])) .corner-note){visibility:hidden}.official-film{margin-bottom:56px}.official-film video{aspect-ratio:16/9;object-fit:contain;background:#080809;border-radius:12px;width:100%}.official-film figcaption{justify-content:space-between;align-items:center;gap:20px;display:flex}.official-film figcaption a{color:#486571;white-space:nowrap;font-size:12px}.official-film figcaption span{margin-top:5px;display:block}@media (width<=600px){.wordmark{letter-spacing:-.5px;font-size:19px}.official-film{margin-bottom:38px}.official-film video{border-radius:8px}.official-film figcaption{align-items:flex-start;gap:12px}.official-film figcaption a,.official-film figcaption span{font-size:10px}}