@font-face{font-family:DM;src:url('/sundrift/fonts/dm-sans.ttf')}@font-face{font-family:Instrument;src:url('/sundrift/fonts/instrument-serif.ttf')}
:root{color-scheme:dark;--ink:#e5e6cf;--muted:#a6b9ab;--metal:#223b32;--mint:#b6efb9;--amber:#f2b963;--dark:#0a1713}*{box-sizing:border-box}body{margin:0;background:#142621;color:var(--ink);font:16px/1.55 DM,Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.11;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px dotted var(--amber);outline-offset:5px}button{color:var(--ink);border:1px solid #688172;border-radius:5px;background:linear-gradient(#355344,#253e32);min-height:48px;padding:10px 20px;box-shadow:0 3px 0 #081c13,inset 0 1px #75918044}button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px);box-shadow:0 1px 0 #081c13}button[aria-pressed=true]{background:var(--mint);color:#182c20;border-color:#d4f3c8}button[hidden],[hidden]{display:none!important}.machine{max-width:1800px;margin:auto;position:relative;background:radial-gradient(ellipse at 70% 30%,#34524655,transparent 60%);padding:0 clamp(22px,4.3vw,76px) 100px;min-height:100vh;border:1px solid #52715d55}.mast{display:flex;align-items:center;gap:36px;min-height:104px;border-bottom:1px solid #6e89715e}.brand{text-decoration:none;font-size:14px;line-height:1.1;letter-spacing:.1em;font-weight:600}.brand b{display:block;font-size:22px;letter-spacing:.03em}.brand b span{color:var(--amber);font-size:17px;margin-left:7px}.studio{font-size:13px;color:var(--muted);text-decoration:none}.edition{margin-left:auto;font:11px monospace;letter-spacing:.12em;color:var(--muted)}.instrument{display:grid;grid-template-columns:1fr 1.28fr;column-gap:7%;padding-top:46px;position:relative}.eyebrow,.control-label,.engraved,.scope-top,.scope-bottom,.range-ends,.dock-label{font:11px/1.5 monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--amber);margin:0 0 15px}.intro h1{font-family:Instrument,Georgia,serif;font-weight:400;font-size:clamp(72px,8.9vw,145px);line-height:.83;letter-spacing:-.035em;margin:0 0 26px}.intro h1 span{color:var(--amber)}.lede{color:#c2cfbc;font-size:17px;margin:0 0 24px}.play-mount{display:inline-flex;flex-direction:column;align-items:center;gap:21px;margin:12px 0 6px}.play-mount:before{content:'';position:absolute;pointer-events:none}#play{width:210px;height:210px;border-radius:50%;border:9px solid #101e17;outline:2px solid #73806a;outline-offset:5px;box-shadow:0 12px 0 #07110c,0 20px 32px #0007,inset 0 3px 2px #fff8,inset 0 -8px 5px #a45d27;background:radial-gradient(circle at 40% 20%,#ffd99a,#e6a14b 70%);color:#312618;font-weight:600;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative}#play:hover{filter:brightness(1.05)}#play:active{transform:translateY(5px);box-shadow:0 7px 0 #07110c,0 10px 20px #0007,inset 0 3px 2px #fff8,inset 0 -5px 4px #a45d27}#play:focus-visible{outline:3px dotted #fff;outline-offset:9px}.button-arrow{font-family:Arial,sans-serif;font-size:76px;font-weight:400;line-height:1}.engraved{font-size:9px;color:var(--muted)}.status{font-size:12px;color:var(--muted);max-width:320px;min-height:38px;margin:17px 0}.scope-shell{background:linear-gradient(135deg,#365244,#1c3328);border:1px solid #627b65;border-radius:16px;padding:14px;box-shadow:0 20px 40px #0004,inset 0 1px #afc3a955;position:relative;align-self:start}.scope-top,.scope-bottom{display:flex;justify-content:space-between;font-size:10px;color:#bcccb6;padding:0 6px 11px;gap:8px}.scope-top>span{display:flex;align-items:center;gap:8px}.scope-top i{display:inline-block;width:7px;height:7px;border-radius:100%;background:#758974}.running .scope-top i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.scope{position:relative;height:clamp(400px,40vw,555px);background:#071b15;border-radius:9px;border:2px solid #07110c;overflow:hidden;box-shadow:inset 0 0 50px #000,inset 0 0 3px #b6efa755}.scope:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px),linear-gradient(115deg,#c5ffd90c,transparent 35%);border-radius:9px}.scope canvas{width:100%;height:100%;display:block}.scope-label{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em;color:#b4d4b6;pointer-events:none}.scope-label span{text-transform:none;letter-spacing:0;color:#9bbb9e}.scope-label.top{top:18px}.scope-label.bottom{bottom:54px}.scope-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#aee8b1;opacity:.72}.scope-center>span{font:150px/.75 Instrument,serif;text-shadow:0 0 30px #6cf19966}.scope-center small{display:block;margin-top:20px;letter-spacing:.22em;font:9px/1.7 monospace}.opened .scope-center{opacity:0}.scope-foot{position:absolute;bottom:0;background:#0c211be8;border-top:1px solid #46644d55;width:100%;text-align:center;padding:12px 5px;font-size:11px;color:#b4d4b6}.scope-bottom{padding:12px 7px 0;font-size:9px}.controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;align-items:center;border-top:1px solid #75876966;border-bottom:1px solid #75876966;padding:25px 0;margin-top:27px}.control-label{display:flex;justify-content:space-between;color:#b8c7b0;margin-bottom:10px}.switch-pair{display:flex;gap:7px}.switch-pair button{flex:1;white-space:nowrap}.range-ends{font-size:9px;display:flex;justify-content:space-between;letter-spacing:.02em;margin-top:5px}input[type=range]{accent-color:var(--mint);height:44px;width:100%;cursor:pointer;min-width:0}#reveal{border-color:#bdc3a6;background:linear-gradient(#e0dfc5,#babc9d);color:#243328;align-self:center;margin-top:13px;font-weight:600;min-height:58px}#reveal span{font-size:24px;vertical-align:middle;margin-right:10px}.inside,.notes{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:48px 0;border-bottom:1px solid #75876966}.inside{background:linear-gradient(90deg,#9ecb9220,transparent);padding:34px 25px;margin-top:25px;border:1px dashed #8ca382}.inside h2,.notes h2{font:42px/1.05 Instrument,Georgia,serif;margin:0 0 18px}.inside p,.notes p{color:#c6d2be;margin:0 0 15px;max-width:580px}.inside .eyebrow,.notes .eyebrow{color:var(--amber);font-size:10px}.comparison{align-self:center}.comparison p{font-size:14px;margin-top:22px;min-height:68px}.notes .credit{font-size:12px;color:#a9bda8;margin-top:22px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:27px 0;font-size:11px;color:var(--muted)}.safety-dock{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#152b21f5;border-top:1px solid #7e977a;box-shadow:0 -8px 25px #08181066;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.dock-label{margin-right:12px}.dock-label i{display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid #c0d7b8;border-radius:50%}.running .dock-label i{background:var(--mint)}.safety-dock button{font-size:13px;min-width:82px;min-height:44px}.safety-dock label,.safety-dock output{font:11px monospace}.safety-dock input{width:130px}.safety-dock label{margin-left:20px}.failure{position:fixed;z-index:10;top:10px;left:10px;right:10px;padding:20px;background:#e4d6af;color:#262e22;box-shadow:0 5px 30px #0008}.skip{position:fixed;top:-100px;z-index:20;background:var(--amber);color:#17241b;padding:12px}.skip:focus{top:10px}html{scroll-padding-bottom:100px}.series-intro{padding:70px 0 50px;max-width:780px}.series-intro h1{font:clamp(65px,9vw,115px)/.9 Instrument,Georgia,serif;letter-spacing:-.025em;margin:0 0 30px}.series-intro>p:last-child{max-width:510px;color:#c6d2be;font-size:19px}.episode{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;border-top:1px solid #748469;padding:32px 0 60px;align-items:center}.episode img{width:100%;height:auto;border:1px solid #71836b;border-radius:10px}.episode h2{font:48px/1 Instrument,serif;margin:16px 0}.episode .episode-link{display:inline-block;background:var(--amber);color:#243328;border-radius:4px;padding:13px 22px;font-weight:600;text-decoration:none;margin:12px 0}.episode .coming{font-size:12px;color:var(--muted)}
@media(min-width:1500px){.instrument{column-gap:9%;grid-template-columns:1fr 1.35fr}.play-mount{margin-top:22px}.intro h1{font-size:145px}.scope{height:585px}}
@media(max-width:800px){.edition{display:none}.mast{justify-content:space-between;gap:15px;min-height:86px}.instrument{column-gap:5%;grid-template-columns:1fr 1fr;padding-top:34px}.intro h1{font-size:80px}.lede{font-size:15px}.scope{height:430px}.play-mount #play{height:170px;width:170px;font-size:14px}.button-arrow{font-size:60px}.controls{gap:25px;grid-template-columns:1fr 1fr}#reveal{grid-column:1/-1;margin:0}.scope-top{font-size:8px}.scope-shell{padding:9px}.scope-center>span{font-size:105px}.scope-label{left:12px;right:12px}.inside,.notes{gap:35px}.inside h2,.notes h2{font-size:36px}}
@media(max-width:560px){.machine{padding:0 20px 95px}.mast{min-height:75px}.studio{font-size:10px}.brand{font-size:11px}.brand b{font-size:18px}.instrument{display:flex;flex-direction:column;padding-top:27px}.intro{position:relative;min-height:255px;padding-right:143px}.intro .eyebrow{font-size:9px;white-space:nowrap;margin-bottom:18px}.intro h1{font-size:69px;margin-bottom:17px}.lede{font-size:16px;line-height:1.4;max-width:210px}.lede br{display:none}.play-mount{position:absolute;right:5px;top:47px;gap:15px}.play-mount #play{width:122px;height:122px;border-width:6px;font-size:10px;gap:0}.button-arrow{font-size:48px}.engraved{font-size:6px;letter-spacing:.04em}.status{font-size:10px;width:calc(100vw - 42px);max-width:none;min-height:30px;margin:13px 0 0}.scope{height:325px}.scope-shell{width:100%;padding:10px}.scope-top{font-size:9px}.scope-center>span{font-size:120px}.scope-bottom{font-size:8px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px;padding:20px 0}.control-label{font-size:9px;margin-bottom:8px}.switch-pair{gap:4px}.switch-pair button{padding:8px 12px;font-size:12px}.range-ends{font-size:7px;letter-spacing:0}#reveal{min-height:49px}.inside,.notes{grid-template-columns:1fr;gap:15px;padding:26px 0}.inside{padding:23px 17px}.inside h2,.notes h2{font-size:36px}.inside p,.notes p{font-size:16px}.comparison p{font-size:14px;min-height:0}.safety-dock{padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px}.dock-label,.safety-dock label{display:none}.safety-dock button{min-width:73px;padding:7px 12px}.safety-dock input{flex:1;max-width:140px}.safety-dock output{font-size:10px;min-width:30px}footer{font-size:11px;gap:15px}.series-intro{padding:45px 0 30px}.episode{grid-template-columns:1fr;gap:15px}.episode h2{font-size:43px}.series-intro h1{font-size:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.follow-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;border-top:1px solid #748469;padding:36px 0 60px}.follow-panel h2{font:44px/1.02 Instrument,Georgia,serif;margin:0 0 16px}.follow-panel p:last-child{color:#c6d2be;margin:0;max-width:480px}.rbs-social{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.rbs-social a{display:grid;place-items:center;width:54px;height:54px;border:1px solid #688172;border-radius:50%;background:linear-gradient(#355344,#253e32);box-shadow:0 3px 0 #081c13,inset 0 1px #75918044;color:var(--ink)}.rbs-social a:hover{color:var(--amber);filter:brightness(1.12)}.rbs-social a:active{transform:translateY(2px);box-shadow:0 1px 0 #081c13}.rbs-social svg{width:20px;height:20px}footer .follow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%;justify-content:flex-end}footer .follow>span{font:11px monospace;letter-spacing:.1em;text-transform:uppercase}footer .rbs-social{gap:8px}footer .rbs-social a{width:44px;height:44px}footer .rbs-social svg{width:17px;height:17px}
@media(max-width:800px){.follow-panel{grid-template-columns:1fr;gap:24px}.follow-panel h2{font-size:36px}}@media(max-width:560px){footer .follow{justify-content:flex-start}}