@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#171918;--black:#0b0d0d;--paper:#e7e6dc;--cream:#f5f1e7;--muted:#a9aaa3;--line:#474a48;--blue:#a1d2e5;--brown:#b89a79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button,a{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.wrap{width:min(1320px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-60px;left:10px;z-index:30;background:var(--paper);color:var(--ink);padding:8px 12px}.skip:focus{top:10px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:116px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:700;letter-spacing:.4px;line-height:1.15}.wordmark small{font-size:10px;letter-spacing:3px}.logo-art{width:72px;height:72px;object-fit:cover;border:1px solid #817d72}.topbar nav{display:flex;align-items:center;gap:31px;font-size:12px}.topbar nav a:hover,.feature-bottom a:hover,.work-item a:hover{color:var(--blue)}.topbar nav sup{font:10px 'IBM Plex Mono',monospace;color:var(--muted)}.topbar-aside{font:10px/1.6 'IBM Plex Mono',monospace;letter-spacing:1.2px;text-align:right;color:var(--muted)}.intro{display:grid;grid-template-columns:.55fr 1.3fr .9fr;gap:35px;align-items:center;min-height:398px;padding-top:55px;padding-bottom:65px}.intro-index,.intro-copy>span,.intro-portrait>span,.section-line,.feature-number,.feature-type,.feature-bottom a,.work-title>span,.work-item>a,.audio-note,.purpose-label,.about-art>span{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:1.3px}.intro-index{align-self:start;display:flex;gap:10px;align-items:center;color:var(--brown)}.tiny-star{font-size:19px;color:var(--brown)}.intro-copy p{font:clamp(33px,4.1vw,60px)/1.08 'Instrument Serif',Georgia,serif;max-width:660px;letter-spacing:-1px}.intro-copy>span{display:block;color:var(--muted);margin-top:26px}.intro-portrait{justify-self:end;width:min(250px,100%);transform:rotate(2.3deg);padding:11px;background:#262927;border:1px solid #77766f;box-shadow:14px 17px 0 #090c0c}.intro-portrait img{width:100%;aspect-ratio:1;object-fit:contain}.intro-portrait>span{display:block;color:var(--muted);font-size:9px;margin-top:9px}.feature{background:#262b2b;border-top:1px solid #4d5553;border-bottom:1px solid #4d5553}.feature-wrap{padding-top:28px;padding-bottom:31px}.feature-top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:18px}.feature-number,.feature-type{color:#c4c7c0}.feature-name{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(65px,11vw,157px);font-weight:700;line-height:.85;letter-spacing:-7px;text-align:center}.feature-type{text-align:right}.feature-stage{position:relative;padding:45px 6% 25px}.feature-stage:before{content:'';position:absolute;inset:11% 12%;background:radial-gradient(ellipse,#37758d55,transparent 65%);filter:blur(25px)}.feature-backdrop{position:absolute;inset:4% 0 auto;text-align:center;font-size:clamp(110px,21vw,300px);line-height:1;font-weight:700;letter-spacing:-15px;color:#344042;overflow:hidden;pointer-events:none;white-space:nowrap}.feature-backdrop span{color:#3b5558}.feature-stage img{position:relative;width:100%;border-radius:2px;box-shadow:0 20px 45px #000b}.feature-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid #77817b;padding-top:17px}.feature-bottom p{font-size:13px;color:#d0d2ca;max-width:420px}.feature-bottom a{display:inline-block;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--blue);white-space:nowrap}.work{padding-top:96px;padding-bottom:110px}.section-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:29px}.work-image{height:275px;display:grid;place-items:center;padding:25px;background:#252b2b;overflow:hidden}.work-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0008)}.vesper-image{background:radial-gradient(ellipse,#494235,#252b2b 70%)}.tape-image{background:radial-gradient(ellipse,#46392f,#252b2b 70%)}.work-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:17px}.work-title h2{font:42px/1.1 'Instrument Serif',Georgia,serif}.work-title span{color:var(--brown)}.work-item p{font-size:13px;color:#bec2bd;max-width:420px;margin-top:8px}.work-item>a{display:inline-block;border-bottom:1px solid var(--blue);color:var(--blue);margin-top:18px;padding-bottom:3px}.audio-section{background:var(--paper);color:var(--ink);padding-top:86px;padding-bottom:82px}.audio-head{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.audio-head .section-line{border-color:#a5a89e;color:#5d645d}.audio-head h2{font:clamp(56px,7vw,95px)/1 'Instrument Serif',Georgia,serif;margin-top:24px;letter-spacing:-1.5px}.audio-head>p{color:#4b514d;font-size:13px;max-width:365px}.sound-list{margin-top:38px;border-top:1px solid #989c94}.sound-row{display:grid;grid-template-columns:1.2fr 115px 1.2fr;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #989c94}.sound-identity{display:flex;gap:26px;align-items:center}.sound-identity>span{font:11px 'IBM Plex Mono',monospace;color:#5a7180}.sound-identity h3{font:28px/1.1 'Instrument Serif',Georgia,serif}.sound-identity p{font-size:11px;color:#626961}.play-button{border:1px solid #7b817a;background:transparent;color:var(--ink);padding:8px 13px;min-height:42px;min-width:90px;font-size:12px}.play-button span:first-child{color:#33768e;margin-right:6px}.play-button:hover,.play-button[aria-pressed=true]{border-color:#246a83;color:#246a83}.sound-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sound-controls label{font:10px 'IBM Plex Mono',monospace;letter-spacing:1.1px;color:#565e57}.sound-controls input{display:block;width:100%;margin-top:10px;accent-color:#397b92}.sound-controls select{display:block;width:100%;margin-top:8px;padding:6px;background:#d6d9cf;color:#202723;border:1px solid #8b9387}.audio-note{margin-top:20px;color:#666c66}.about{background:#2c2a26;padding-top:86px;padding-bottom:91px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px);align-items:center}.about-art{width:min(100%,440px);padding:15px;background:#111212;transform:rotate(-1.5deg);box-shadow:19px 19px 0 #171918}.about-art img{width:100%;aspect-ratio:1;object-fit:contain}.about-art>span{display:block;color:#b9aea1;margin-top:12px}.about-copy .section-line{border-color:#726f67;color:#c2bdb4}.about-copy h2{font:clamp(60px,8vw,110px)/1 'Instrument Serif',Georgia,serif;margin-top:20px}.about-copy p{max-width:500px;color:#ded9cd;font-size:16px;line-height:1.8;margin-top:25px}.purpose{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:90px;padding-bottom:92px;border-bottom:1px solid var(--line)}.purpose-label{display:flex;gap:10px;align-items:center;align-self:start;color:var(--brown)}.purpose h2{font:clamp(40px,5vw,67px)/1.05 'Instrument Serif',Georgia,serif;max-width:560px}.purpose p{max-width:650px;color:#c2c7c0;font-size:14px;line-height:1.85;margin-top:20px}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:27px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.4px;color:var(--muted)}.footer-dog{width:45px;height:45px;object-fit:contain}.footer a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.topbar{grid-template-columns:1fr auto}.topbar-aside{display:none}.intro{grid-template-columns:.5fr 1.4fr;min-height:0}.intro-portrait{grid-column:2;justify-self:end;margin-right:20px;width:170px}.feature-name{font-size:clamp(62px,10vw,100px);letter-spacing:-4px}.sound-row{grid-template-columns:1fr 100px}.sound-controls{grid-column:1/-1}.purpose{gap:35px}}
@media(max-width:650px){.topbar{grid-template-columns:1fr;gap:15px;padding-top:13px;padding-bottom:17px}.topbar nav{gap:21px}.intro{grid-template-columns:1fr;gap:22px;padding-top:36px;padding-bottom:54px}.intro-index{align-self:auto}.intro-copy p{font-size:clamp(40px,10vw,66px)}.intro-portrait{grid-column:1;justify-self:start;width:150px;margin:18px 0 0 10px}.feature-top{grid-template-columns:1fr 1fr}.feature-name{grid-column:1/-1;grid-row:2;text-align:left;font-size:clamp(59px,14vw,85px)}.feature-type{text-align:right}.feature-stage{padding:38px 0 25px}.feature-backdrop{font-size:18vw;letter-spacing:-6px}.feature-bottom{align-items:start;flex-direction:column}.work{padding-top:65px;padding-bottom:75px}.work-grid{grid-template-columns:1fr;gap:55px}.work-image{height:235px}.audio-section{padding-top:65px;padding-bottom:67px}.audio-head{grid-template-columns:1fr;gap:15px}.audio-head h2{font-size:64px}.sound-row{grid-template-columns:1fr auto;gap:14px}.sound-identity{gap:15px}.sound-controls{gap:15px}.about{padding-top:66px;padding-bottom:70px}.about-grid{grid-template-columns:1fr;gap:50px}.about-art{max-width:320px}.about-copy h2{font-size:70px}.purpose{grid-template-columns:1fr;gap:25px;padding-top:68px;padding-bottom:72px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.topbar nav{font-size:11px;gap:18px}.intro-copy p{font-size:39px}.feature-name{font-size:52px}.sound-controls{gap:10px}.purpose h2{font-size:42px}}

/* Review revision: clear introduction and unmodified recordings. */
.intro{grid-template-columns:1.5fr .9fr}.recording-label{font-size:12px;color:#626961;text-align:right}@media(max-width:900px){.intro-portrait{grid-column:auto}}@media(max-width:650px){.intro{grid-template-columns:1fr}.recording-label{grid-column:1/-1;text-align:left}}