@font-face{font-family:CinematicOSD;src:url(assets/vcr-osd-mono.ttf) format('truetype');font-display:swap}
#crt-webgl-study{position:relative;isolation:isolate;background:#080b0a;color:#e1e2db;font:13px/1.5 CinematicOSD,monospace;overflow:hidden;padding:0 5.6% 30px;text-shadow:-.7px 0 1px #ce887466,.7px 0 1px #7baec977;--surface:1}
#crt-webgl-study *{box-sizing:border-box}
#crt-webgl-study .surface{position:absolute;inset:0;z-index:-2;background-image:url(assets/surface.jpg);background-size:100% 100%;background-repeat:no-repeat;opacity:var(--surface);pointer-events:none}
#crt-webgl-study .photo{position:absolute;inset:0 0 auto;height:310px;z-index:-1;background:linear-gradient(0deg,#080b0a 0%,#080b0a00 45%),linear-gradient(90deg,#080b0a 0%,#080b0aee 29%,#080b0a55 56%,transparent 79%),url(assets/street.jpg) 60% center/cover;opacity:.86;pointer-events:none}
#crt-webgl-study header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0 0;min-height:49px}#crt-webgl-study .brand{font-size:15px;letter-spacing:.5px}#crt-webgl-study nav{display:flex;gap:25px;margin-right:55px}
#crt-webgl-study button{font:inherit;color:#c7cbc1;background:transparent;border:0;padding:4px 0;text-shadow:inherit;transition:color .18s,text-shadow .18s}#crt-webgl-study nav button{font-size:11px}#crt-webgl-study button:hover,#crt-webgl-study button:focus-visible{color:#fff8ed;text-shadow:-1.5px 0 2px #db826ad9,1.5px 0 2px #7eb3e0d9,0 0 6px #e1e8d466}
#crt-webgl-study .hero{min-height:245px;padding-top:34px}#crt-webgl-study h1{font:400 clamp(36px,5.1vw,56px)/1.05 CinematicOSD,monospace;letter-spacing:1.4px;margin:0 0 13px}#crt-webgl-study .hero p{font-size:12px;line-height:1.5;margin:10px 0 0}#crt-webgl-study .dash{font-size:20px;line-height:1}
#crt-webgl-study .section-head{display:flex;gap:18px;align-items:center;margin:15px 0 14px;white-space:nowrap}#crt-webgl-study h2{font:400 11px/1.4 CinematicOSD,monospace;display:flex;gap:18px;margin:0;color:#c0c5b9}#crt-webgl-study .section-head small{font-size:9px;color:#9da594}#crt-webgl-study .rule{height:1px;flex:1;background:linear-gradient(90deg,#a7b5a366,#717e6d5c 28%,#4e716c60 55%,#9eafa066 90%,#71826b55);box-shadow:-.4px -.3px .6px #bd70605e,.5px .5px 1px #698dba5e;mask-image:repeating-linear-gradient(90deg,#000 0 33px,#000a 34px,#000 37px)}
#crt-webgl-study .track{display:flex;gap:18px;align-items:center;margin-bottom:13px}#crt-webgl-study .cover{width:105px;height:68px;background:url(assets/street.jpg) 67% center/cover;filter:brightness(.8);flex-shrink:0}#crt-webgl-study .cover.second{background-position:15% center;filter:brightness(.62)}#crt-webgl-study .play{font-size:18px;border:1px solid #b6beb58a;border-radius:50%;width:31px;height:31px;text-align:center;flex-shrink:0}#crt-webgl-study .track-body{flex:1;min-width:0}#crt-webgl-study .artist{font-size:10px;color:#a8afa1}#crt-webgl-study h3{font:400 14px/1.5 CinematicOSD,monospace;margin:0}#crt-webgl-study .wave-row{display:flex;gap:10px;align-items:end;margin-top:7px}#crt-webgl-study .wave{height:24px;display:flex;align-items:center;gap:2px;flex:1;overflow:hidden;opacity:.66}#crt-webgl-study .wave i{flex:1;min-width:1px;background:#bcc5ba;height:var(--h)}#crt-webgl-study .duration{font-size:10px;color:#afb9a8}
#crt-webgl-study .services{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:4px 3.8% 13px}#crt-webgl-study .services>div+div{border-left:1px solid #7b8b7840;padding-left:30px}#crt-webgl-study .services h3{font-size:16px;letter-spacing:.5px}#crt-webgl-study .services p{font-size:11px;line-height:1.7;color:#bdc4b5;margin:9px 0 0}
#crt-webgl-study .contact{display:flex;gap:30px;align-items:center;margin-top:18px}#crt-webgl-study .contact h3{font-size:22px;letter-spacing:.7px;white-space:nowrap}#crt-webgl-study .contact p{font-size:10px;color:#aeb8a4;margin:0;padding-left:25px;border-left:1px solid #7b8b7840}#crt-webgl-study .contact button{margin-left:auto;font-size:10px;white-space:nowrap}#crt-webgl-study .notice{font-size:11px;color:#c1c9b9;margin-top:12px}#crt-webgl-study .notice:empty{display:none}
#crt-webgl-study .vignette{position:absolute;inset:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 65px 15px #0004;background:radial-gradient(ellipse at 55% 47%,transparent 58%,#0003)}#crt-webgl-study ::selection{background:#80957d88;color:#fff}
@media(max-width:650px){#crt-webgl-study{padding:0 6% 28px}#crt-webgl-study header{align-items:start}#crt-webgl-study nav{margin-right:0;gap:7px 14px;flex-wrap:wrap;justify-content:end;max-width:160px}#crt-webgl-study .hero{min-height:265px;padding-top:38px}#crt-webgl-study .photo{height:340px;background-position:65% center}#crt-webgl-study .section-head small{display:none}#crt-webgl-study .cover{width:65px;height:64px}#crt-webgl-study .track{gap:11px}#crt-webgl-study .services{gap:20px;padding-left:0;padding-right:0}#crt-webgl-study .services>div+div{padding-left:18px}#crt-webgl-study .contact{gap:15px;flex-wrap:wrap}#crt-webgl-study .contact p{padding-left:15px}#crt-webgl-study .contact button{margin-left:0}#crt-webgl-study .services p{font-size:11px}}
/* Shared display stack: optical glow below scanlines, grain, then glass. */
#crt-webgl-study{--glow:0 0 2px #f4f2eb90,0 0 7px #d8d8cf6b,.7px 0 #d36c8d55,-.7px 0 #649dcf66;--bloom:1;--noise:.18;--scan:.2;color:#e7e5e2;text-shadow:var(--glow)}
#crt-webgl-study [data-phosphor],#crt-webgl-study button{ text-shadow:var(--glow);filter:none }
#crt-webgl-study .services p,#crt-webgl-study .contact p{color:#bcbab7}
#crt-webgl-study .artist,#crt-webgl-study .duration,#crt-webgl-study h2,#crt-webgl-study nav button,#crt-webgl-study .section-head small{color:#bcbab7}
#crt-webgl-study button:hover,#crt-webgl-study button:focus-visible{color:#fffefa;text-shadow:0 0 2px #fffef4d0,0 0 10px #e1e0d5a0,1px 0 #d36c8d88,-1px 0 #649dcf99}
#crt-webgl-study .display-scan,#crt-webgl-study .display-grain,#crt-webgl-study .display-glass{position:absolute;inset:0;pointer-events:none;user-select:none}
#crt-webgl-study .display-scan{z-index:5;background:repeating-linear-gradient(0deg,transparent 0 3px,#0003 3px 4px)}
#crt-webgl-study .display-grain{z-index:6;opacity:var(--noise);mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23grain)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat}
#crt-webgl-study .display-glass{z-index:7;background:linear-gradient(180deg,#a8d3dc03,transparent 36%,#00000008);box-shadow:inset 0 0 40px #00000018}
#crt-webgl-study{color:#e7e5e2;text-shadow:none}
#crt-webgl-study [data-phosphor],#crt-webgl-study button{color:inherit;text-shadow:none;filter:none}
#crt-webgl-study .services p,#crt-webgl-study .contact p,#crt-webgl-study .artist,#crt-webgl-study .duration,#crt-webgl-study h2,#crt-webgl-study nav button,#crt-webgl-study .section-head small{color:#bcbab7}
#crt-webgl-study .display-scan,#crt-webgl-study .display-grain,#crt-webgl-study .display-glass,#crt-webgl-study .vignette{display:none}
#crt-webgl-study .crt-output{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}
#crt-webgl-study.shader-ready>header,#crt-webgl-study.shader-ready>.hero,#crt-webgl-study.shader-ready>.section-head,#crt-webgl-study.shader-ready>.track,#crt-webgl-study.shader-ready>.services,#crt-webgl-study.shader-ready>.contact,#crt-webgl-study.shader-ready>.notice{opacity:0}
#crt-webgl-study.shader-ready ::selection{background:#a6b39399;color:#fff}
#crt-webgl-study .recording-help{margin:8px 3.8% 24px;padding-top:15px;border-top:1px solid #68746055}
#crt-webgl-study .recording-help h3{font-size:14px;margin:0 0 7px}
#crt-webgl-study .recording-help p{font-size:11px;max-width:640px;line-height:1.7;color:#bcbab7;margin:0}
#crt-webgl-study.shader-ready>.recording-help{opacity:0}
#crt-webgl-study .play{display:grid;place-items:center;padding:0}
#crt-webgl-study .play:after{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #e7e5e2;margin-left:2px}
#crt-webgl-study .contact-form{position:relative;z-index:9;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;color:#dcdad7;font-size:12px;text-shadow:-.5px 0 #c8877555,.5px 0 #8ab6d455}
#crt-webgl-study .contact-form label{display:flex;flex-direction:column;gap:7px}
#crt-webgl-study .contact-form input,#crt-webgl-study .contact-form textarea{font:16px/1.5 CinematicOSD,monospace;color:#e7e5e2;border:1px solid #68706188;background:#080b0a66;padding:10px 12px;border-radius:0;min-width:0;width:100%;text-shadow:inherit}
#crt-webgl-study .contact-form textarea{min-height:100px;resize:vertical}
#crt-webgl-study .contact-form .wide{grid-column:1/-1}
#crt-webgl-study .contact-form .send-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#crt-webgl-study .contact-form button{border:1px solid #91998b88;padding:10px 17px;font-size:12px}
#crt-webgl-study .contact-form .form-status{font-size:11px;color:#bcbab7;margin:0;flex:1;min-width:180px}
#crt-webgl-study .contact p{font-size:11px}
@media(max-width:500px){#crt-webgl-study .services{grid-template-columns:1fr}#crt-webgl-study .services>div+div{padding-left:0;border:0}#crt-webgl-study .contact-form{grid-template-columns:1fr}#crt-webgl-study .recording-help{margin-left:0;margin-right:0}}

html{scroll-behavior:smooth;background:#080b0a}body{margin:0;background:#080b0a}
#crt-webgl-study{max-width:1440px;margin:auto;min-height:100vh}
#crt-webgl-study nav a{font:inherit;font-size:11px;color:#bcbab7;text-decoration:none;padding:4px 0;transition:color .18s,text-shadow .18s}
#crt-webgl-study nav a:hover,#crt-webgl-study nav a:focus-visible{color:#fffefa;text-shadow:0 0 2px #fffef4d0,0 0 10px #e1e0d5a0,1px 0 #d36c8d88,-1px 0 #649dcf99}
#crt-webgl-study button{cursor:pointer}#crt-webgl-study :focus-visible{outline:1px solid #e7e5e2;outline-offset:5px}
#crt-webgl-study .section-head{scroll-margin-top:24px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}