@font-face{font-family:Acumin;src:url('assets/acumin-pro-400.otf')}@font-face{font-family:Acumin;src:url('assets/acumin-pro-700.otf');font-weight:700}@font-face{font-family:Mono;src:url('assets/roboto-mono-400.ttf')}
:root{--ink:#111619;--paper:#f2f2f2;--yellow:#f7f83e;--muted:#bac1c2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);color:var(--paper);font-family:Acumin,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button{border:0;background:none}a{color:inherit;text-decoration:none}button[hidden],[hidden]{display:none!important}#experience{height:100svh;min-height:600px;position:relative;overflow:hidden}#scene,#fallback{width:100%;height:100%;position:absolute;inset:0}#fallback img{width:100%;height:100%;object-fit:cover}#experience:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,13,.67),transparent 45%,transparent 68%,rgba(8,12,13,.8));z-index:1}header{position:absolute;left:40px;right:40px;top:30px;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}.brand img{width:183px;height:33px;object-fit:contain}.goal{text-align:right}.goal span,.goal small{display:block}.goal span,.eyebrow{font:11px Mono,monospace;letter-spacing:.13em;color:var(--yellow)}.goal strong{font-size:24px;font-weight:700;display:block;margin:8px 0 4px}.goal small{font-size:13px;color:var(--muted)}.headline{position:absolute;left:40px;top:126px;z-index:2;pointer-events:none}.headline h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.045em;line-height:.96;margin:16px 0 18px;font-weight:700}.headline p{font-size:16px;color:var(--muted)}.toy-choices{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}.toy-choice{position:absolute;min-width:220px;display:flex;align-items:center;gap:16px;padding:16px 18px;background:rgba(15,20,22,.85);border:1px solid #7a828459;backdrop-filter:blur(14px);border-radius:3px;pointer-events:auto;text-align:left;transition:background .2s,border-color .2s}.toy-choice:hover{background:#242c2f;border-color:var(--yellow)}.toy-choice i{font:12px Mono;color:var(--yellow);font-style:normal}.toy-choice span{font-size:19px;font-weight:700}.toy-choice small{display:block;font:9px Mono;letter-spacing:.08em;color:var(--muted);margin-top:5px}.toy-choice b{color:var(--yellow);margin-left:auto;font-size:24px;font-weight:400}#canam{left:25%;top:64%}#yamaha{left:60%;top:59%}.scene-controls{position:absolute;z-index:4;right:40px;bottom:94px;display:flex;gap:18px}.quiet{font-size:12px;color:#d3d8d7;padding:8px 0}.quiet:hover{color:var(--yellow)}footer{position:absolute;left:40px;right:40px;bottom:25px;z-index:4;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:20px;font-size:12px}.prototype{font:9px Mono;letter-spacing:.08em;color:#b6bdbf}.prototype button{border:1px solid #6f777a;border-radius:50%;font-family:serif;margin-left:7px;width:18px;height:18px}footer nav{display:flex;gap:25px}footer nav a,footer nav button{font-size:13px;padding:8px 0}footer nav a:hover,footer nav button:hover{color:var(--yellow)}.hint{color:var(--muted)}#loading{position:absolute;inset:0;z-index:9;background:#111619;display:flex;gap:15px;align-items:center;justify-content:center;font:13px Mono}#loading span{width:22px;height:22px;border:2px solid #666;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
dialog{background:rgba(15,21,24,.97);color:var(--paper);border:1px solid #61686b;border-radius:6px;padding:0;max-height:calc(100svh - 40px);width:390px;margin:20px 24px 20px auto;top:0;bottom:0;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#0a0f1233;backdrop-filter:blur(1px)}.back{position:sticky;top:0;z-index:1;text-align:left;width:100%;font-size:13px;padding:20px 25px;background:#172024;border-bottom:1px solid #ffffff22}.back:hover{color:var(--yellow)}.detail-inner{padding:26px}.detail-inner h2{font-size:38px;line-height:1;letter-spacing:-.035em;margin:15px 0 18px}.detail-inner p{font-size:15px;color:#c3cbce;line-height:1.5}.detail-inner .fine{font-size:11px;color:#929ea3;line-height:1.6}.detail-inner h3{font:11px Mono;letter-spacing:.1em;color:var(--yellow);margin:32px 0 12px}#specs{border-top:1px solid #ffffff20;margin:25px 0}#specs div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff20;font-size:13px}#specs div span{color:#9aa7ad}#specs div strong{text-align:right;font-weight:400}.cta{display:flex;justify-content:space-between;padding:15px 18px;background:var(--yellow);color:#101619;font-size:14px;border-radius:2px;width:100%;text-align:left}.cta[aria-disabled=true]{background:#343e42;color:#a6b0b4;cursor:not-allowed}.episode{display:block;padding:14px 0;border-bottom:1px solid #ffffff22;line-height:1.4;font-size:14px}.episode small{display:block;margin-top:5px;font:10px Mono;color:#9aa7ad}.episode:hover{color:var(--yellow)}#social{width:470px}#recent-posts{margin:24px 0}.profile-link{display:block;margin:20px 0;font-size:14px;color:var(--yellow)}#tiktok-embed{overflow:hidden}#tiktok-embed iframe{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){#experience{min-height:650px}header{left:22px;right:22px;top:25px}.brand img{width:145px;height:26px}.goal span{font-size:8px}.goal strong{font-size:17px;margin-top:6px}.goal small{font-size:10px}.headline{left:22px;top:107px}.headline h1{font-size:45px}.headline p{font-size:13px}.eyebrow{font-size:9px}.toy-choices{display:flex;align-items:flex-end;gap:10px;padding:0 22px 157px}.toy-choice{position:static!important;transform:none!important;min-width:0;width:50%;padding:13px 12px;gap:9px}.toy-choice span{font-size:15px}.toy-choice i{font-size:9px}.toy-choice b{font-size:19px}.toy-choice small{font-size:7px;letter-spacing:0}.scene-controls{right:22px;left:22px;bottom:110px;justify-content:flex-end}footer{left:22px;right:22px;bottom:17px;flex-wrap:wrap;gap:13px;padding-top:13px}footer nav{gap:18px}footer nav a,footer nav button{font-size:12px}.hint{display:none}.prototype{font-size:8px}dialog,#social{width:calc(100% - 24px);margin:auto 12px 12px;top:auto;bottom:0;max-height:66svh}.detail-inner{padding:22px}.detail-inner h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.capture #experience:after,.capture header,.capture .headline,.capture .toy-choices,.capture .scene-controls,.capture footer{display:none!important}
#matched-views{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:#182126}#matched-views img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:0 0;opacity:0}
/* Approved image integration; the original 3D build is retained under rollback. */
#matched-views{background:#111619}#matched-views img{inset:auto;max-width:none;object-fit:fill}
.photo-targets{position:absolute;inset:0;z-index:2;pointer-events:none}.photo-target{position:absolute;pointer-events:auto;border-radius:12px}.photo-target:hover{box-shadow:inset 0 0 0 1px #f7f83e66}.toy-selected .headline,.toy-selected .toy-choices{visibility:hidden}.real-photo{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:3px}.photo-caption{display:block;font:11px Mono;color:var(--muted);margin-top:8px}.goal span,.eyebrow,.detail-inner h3{font-size:12px}.toy-choice small{font-size:11px}.quiet,footer nav a,footer nav button{font-size:14px}.detail-inner p{font-size:16px}.detail-inner .fine,.episode small{font-size:12px}.episode{font-size:16px}dialog::backdrop{backdrop-filter:none;background:#0a0f121a}#experience:not(.toy-selected) #matched-views img{will-change:transform}
@media(max-width:700px){#experience{min-height:640px}.headline{top:112px}.headline h1{font-size:41px}.headline p{font-size:14px;margin-top:0}.goal span{font-size:10px}.goal small{font-size:12px}.toy-choice small{font-size:9px}.toy-choice span{font-size:16px}.toy-choices{padding-bottom:158px}.prototype{font-size:10px}.scene-controls{bottom:111px}dialog,#social{max-height:54svh}.detail-inner h2{font-size:30px}.photo-caption{font-size:11px}.real-photo{max-height:190px}.toy-choice i{display:none}.toy-choice b{font-size:20px}#matched-views img{mask-image:linear-gradient(transparent,black 14%,black 83%,transparent)}.toy-selected #matched-views img{mask-image:none}}
/* The social panel contains the provider's live feed, not a static recent-post list. */
#social .detail-inner h2{margin-bottom:12px}#social .profile-link{border:1px solid #ffffff40;padding:15px;text-align:center}#tiktok-embed{width:100%;min-height:90px;margin:20px 0 0}#tiktok-embed blockquote{margin:0!important;max-width:100%!important}#tiktok-embed iframe{border:0;max-width:100%}#tiktok-embed[data-state=loading]{min-height:160px}.feed-state{padding:14px;border:1px solid #ffffff25;border-radius:3px}#social #load-tiktok{padding:12px 0;color:var(--yellow)}
@media(max-width:700px){#social{max-height:88svh;width:calc(100% - 16px);margin:8px}#social .detail-inner{padding:16px}#social .detail-inner h2{font-size:30px}}
@media(max-width:360px){#social .detail-inner{padding:7px}}