@font-face{font-family:Pinyon;src:url('assets/pinyon.woff2') format('woff2');font-display:swap}@font-face{font-family:Cormorant;src:url('assets/cormorant.woff2') format('woff2');font-display:swap;font-weight:400 700}@font-face{font-family:Cormorant;src:url('assets/cormorant-italic.woff2') format('woff2');font-display:swap;font-weight:400 700;font-style:italic}@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-display:swap;font-weight:400 700}
:root{--bg:#06181a;--cream:#f2e3cc;--peach:#ee9b73;--gold:#d7b078;--muted:#b4b8ab;--line:#43504a;--panel:#0c2021;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--script:Pinyon,'Brush Script MT',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--serif);font-size:21px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}button{color:inherit}::selection{background:var(--peach);color:var(--bg)}:focus-visible{outline:2px solid var(--peach);outline-offset:6px}a,button{touch-action:manipulation}.shell{max-width:1600px;margin:auto;padding:0 3.6%}.skip{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-180%);background:var(--cream);color:var(--bg);padding:12px}.skip:focus{transform:none}.header{height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.monogram{font-size:47px;line-height:1;display:flex;align-items:center;position:relative;color:var(--gold);width:140px}.monogram span{font-size:36px;transform:translate(-8px,9px)}.monogram i{height:1px;width:84px;background:var(--gold);margin-left:9px}.header nav{display:flex;gap:43px;padding-right:16px;font-size:23px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--gold);transition:right .25s}.header nav a:hover:after{right:0}.menu-toggle{display:none}.hero{position:relative;height:517px}.hero-art{position:absolute;right:-1.5%;top:-79px;width:68%;height:599px;object-fit:cover;object-position:center 47%;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 18%,black 95%,transparent),linear-gradient(to bottom,black 91%,transparent);mask-composite:intersect}.hero-copy{position:relative;z-index:1;width:49%;padding-top:8px}.hero h1{font-family:var(--script);font-weight:400;font-size:150px;line-height:.79;letter-spacing:-4px;width:max-content}.hero h1 span{display:block}.hero h1 span:first-child{padding-left:10px}.hero h1 span:nth-child(2){font-size:151px;margin-left:0;padding-top:3px}.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:3px;text-transform:uppercase;line-height:1.6}.role{font-size:12px;margin-top:26px;margin-left:108px;letter-spacing:3.9px;white-space:nowrap}.tagline{color:var(--peach);font-style:italic;font-size:61px;line-height:.97;margin-top:23px;letter-spacing:-1.3px}.explore{display:inline-flex;align-items:center;gap:20px;font-size:23px;margin-top:17px;margin-left:13px;letter-spacing:1px}.explore span{border-bottom:1px solid var(--cream);padding-bottom:3px}.explore svg{width:96px;height:20px;stroke:var(--gold);stroke-width:1.5;fill:none;transition:transform .25s}.explore:hover svg{transform:translateX(8px)}.selected{border-top:1px solid #d0c2a6;padding-top:4px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:7px}.section-heading h2{font-size:56px;font-style:italic;font-weight:400;line-height:1.05}.section-heading .eyebrow{color:var(--gold);text-align:right}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-image{border:1px solid #354744;border-radius:6px;display:block;overflow:hidden;position:relative;aspect-ratio:1.55;background:var(--panel)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-image:hover img{transform:scale(1.035)}.project-name{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:0}.project-name h3{font-size:34px;font-weight:400;letter-spacing:-.6px}.project-name span{color:var(--gold);font-size:30px;transition:transform .25s}.project-name:hover span{transform:translate(3px,-3px)}.project-card>p:not(.eyebrow){font-size:22px;line-height:1.3}.project-card>.eyebrow{margin-top:10px;letter-spacing:2.5px}.audio-cover>a{height:100%;display:block}.audio-cover img{height:calc(100% - 47px);object-position:center}.mini-player{position:absolute;bottom:0;height:47px;left:0;right:0;display:flex;align-items:center;gap:15px;padding:5px 22px;background:linear-gradient(transparent,#071a1c 20%)}.play-round{border:0;border-radius:50%;background:var(--peach);color:var(--bg);width:35px;height:35px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;font-family:Arial,sans-serif;font-size:14px;padding:0 0 0 2px;transition:background .2s,transform .2s}.play-round:hover{background:var(--cream);transform:scale(1.04)}.mini-wave{height:24px;display:flex;align-items:center;gap:3px;flex:1;overflow:hidden}.mini-wave i{display:block;width:3px;flex-shrink:0;background:var(--gold);border-radius:2px}.mini-time{font-family:var(--sans);font-size:12px;color:var(--muted)}.section{padding:92px 0 0;margin-top:88px;border-top:1px solid var(--line);scroll-margin-top:26px}.section .section-heading{margin-bottom:34px}.sound-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:40px 0}.large-copy{font-size:44px;line-height:1.16;letter-spacing:-.5px}.body-copy{font-family:var(--sans);font-size:16px;line-height:1.9;color:#c2c4b9;max-width:610px}.listening-grid{display:grid;grid-template-columns: .88fr 1.12fr;gap:58px}.record-player{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;align-self:start}.record-art{position:relative;aspect-ratio:1.8;overflow:hidden}.record-art img{width:100%;height:100%;object-fit:cover}.record-category{position:absolute;left:24px;top:20px;background:rgba(6,24,26,.8);padding:7px 13px;color:var(--cream);border:1px solid #45615b}.player-content{padding:27px}.player-content>.eyebrow{color:var(--gold)}.player-content h3{font-size:37px;font-weight:400;margin-top:7px}.player-content>p:not(.eyebrow){font-size:17px;color:var(--muted);min-height:26px}.player-controls{display:flex;gap:18px;margin-top:25px;align-items:center}.large{width:48px;height:48px;font-size:19px}.seek-wrap{flex:1;min-width:0;position:relative;padding-top:0}#waveform{display:flex;gap:2px;align-items:center;height:32px}#waveform i{background:var(--gold);flex:1;min-width:1px;border-radius:1px}#waveform i.played{background:var(--peach)}#seek{position:absolute;top:0;left:0;right:0;width:100%;height:35px;margin:0;opacity:0;cursor:pointer}#seek:focus-visible{opacity:1}#seek:disabled{cursor:default}.time{display:flex;justify-content:space-between;font:12px var(--sans);margin-top:7px;color:var(--muted)}.player-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.player-bottom button{border:0;background:none;padding:5px 0;font:13px var(--sans);color:var(--muted)}.player-bottom .eyebrow{font-size:10px;letter-spacing:1.8px}.status{font:13px/1.6 var(--sans);color:var(--peach);margin-top:10px}.status:empty{display:none}.library-heading{display:flex;align-items:center;justify-content:space-between}.library-heading h3{font-size:33px;font-weight:400}.library-heading span{letter-spacing:1px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 19px}.filters button{border:1px solid var(--line);background:transparent;border-radius:25px;padding:9px 15px;font:12px var(--sans);color:var(--muted);transition:all .2s}.filters button.active,.filters button:hover{background:var(--cream);color:var(--bg);border-color:var(--cream)}.track-list{max-height:431px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.track{display:grid;grid-template-columns:35px 1fr 50px;align-items:center;gap:13px;padding:15px 8px;border-bottom:1px solid var(--line);width:100%;text-align:left;background:transparent;border-top:0;border-left:0;border-right:0}.track:hover,.track.current{background:#102828}.track .track-number{font:12px var(--sans);color:var(--gold)}.track strong{display:block;font-size:23px;font-weight:400}.track small{font:11px var(--sans);color:var(--muted);display:block;margin-top:3px;letter-spacing:1px;text-transform:uppercase}.track .track-duration{font:12px var(--sans);color:var(--muted);text-align:right}.library-note{font:12px/1.6 var(--sans);color:var(--muted);margin-top:19px}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.video-wrap{aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:black}.video-wrap video{width:100%;height:100%;object-fit:contain}.performance-grid h3{font-size:31px;font-weight:400;margin-top:13px}.performance-grid p{color:var(--muted);font-size:19px}.film-link{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}.film-link>.eyebrow{max-width:220px;line-height:1.8;color:var(--gold)}.film-link>span:nth-child(2){font-size:34px}.film-link i{font-style:normal;color:var(--gold);margin-left:25px}.film-link small{font:12px var(--sans);color:var(--muted)}.about-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px;align-items:center;margin-top:54px}.about-portrait{position:relative;max-width:350px;padding:20px 20px 50px;background:linear-gradient(145deg,#13322e,#081a1d);border:1px solid var(--line);border-radius:150px 150px 6px 6px;margin:auto}.about-portrait img{width:100%;height:auto;border-radius:140px 140px 6px 6px;filter:saturate(.75)}.signature{position:absolute;font:70px var(--script);bottom:-21px;right:20px;color:var(--gold)}.about-grid .body-copy{margin-top:24px}.large-copy em{font-weight:400;color:var(--peach)}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.skills span{font:12px var(--sans);color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:3px}.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;margin-top:94px}.experience-grid>.eyebrow,.experience-grid>div>.eyebrow{color:var(--gold)}.experience-grid h3{font-size:38px;font-weight:400;margin:8px 0 24px}.timeline article{position:relative;padding:0 0 29px 25px;border-left:1px solid var(--line)}.timeline article:before{content:'';position:absolute;left:-3.5px;top:5px;width:6px;height:6px;background:var(--gold);border-radius:50%}.timeline article>.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted)}h4{font-size:24px;font-weight:400;margin:6px 0 6px}.timeline article>p:last-child,.education article p{font:14px/1.8 var(--sans);color:var(--muted)}.education article{border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px}.cv-downloads{margin-top:35px}.cv-downloads>.eyebrow{color:var(--gold);margin-bottom:12px}.cv-downloads a{display:flex;justify-content:space-between;gap:20px;padding:11px 0;font-size:21px;border-bottom:1px solid var(--line)}.cv-downloads a span{font:11px var(--sans);color:var(--gold);align-self:center}.contact{padding-bottom:75px}.contact>.eyebrow{color:var(--gold);margin-bottom:18px}.contact h2{font-size:90px;font-weight:400;line-height:1.03;letter-spacing:-2px}.contact h2 em{font-weight:400;color:var(--peach)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;margin-top:52px}.email-link{display:inline-flex;align-items:center;gap:20px;font-size:27px;border-bottom:1px solid var(--gold);padding-bottom:7px;margin-top:28px;overflow-wrap:anywhere}.email-link span{color:var(--gold)}.social-links{display:flex;gap:28px;font:14px var(--sans);margin-top:24px}.social-links a:hover{color:var(--peach)}form label{display:block;font:12px var(--sans);color:var(--gold);margin-bottom:8px}form input,form textarea{display:block;width:100%;border:1px solid var(--line);background:#0b2021;color:var(--cream);border-radius:3px;padding:13px 15px;font:14px/1.7 var(--sans);margin-bottom:20px}form input::placeholder,form textarea::placeholder{color:#879b93}form textarea{resize:vertical;min-height:100px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font:14px var(--sans);padding:15px 22px;border:1px solid var(--gold);background:var(--gold);color:var(--bg);border-radius:3px;transition:background .2s}.button:hover{background:var(--cream)}.form-note{font:12px/1.7 var(--sans);color:var(--muted);margin-top:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0 36px;border-top:1px solid var(--line);font:12px var(--sans);color:var(--muted)}footer .monogram{width:55px;font-family:var(--serif);font-size:35px}footer .monogram span{font-size:28px}footer p{font-family:var(--serif);font-size:19px}footer a:last-child{border-bottom:1px solid var(--line)}.detail-intro{padding:65px 0 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.detail-intro h1{font:80px/1.05 var(--serif);letter-spacing:-2px;margin:15px 0 22px}.detail-intro .eyebrow{color:var(--gold)}.back-link{font:13px var(--sans);color:var(--gold);display:inline-block;margin:25px 0 0}.detail-image{border-radius:6px;border:1px solid var(--line);width:100%;aspect-ratio:1.4;object-fit:cover}.detail-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.detail-links>a:not(.button){font-size:22px;border-bottom:1px solid var(--gold);align-self:center}.detail-body{max-width:1020px;margin:auto;padding-bottom:90px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:50px 0;border-top:1px solid var(--line)}.detail-body h2{font-size:44px;font-style:italic;font-weight:400;margin-bottom:20px}.detail-body h3{font-size:28px;font-weight:400}.detail-body .body-copy{margin:14px 0 22px}.detail-body ul{font:15px/1.9 var(--sans);color:var(--muted);padding-left:20px}.detail-wide{padding:50px 0;border-top:1px solid var(--line)}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.screen-grid button{border:1px solid var(--line);padding:0;background:var(--panel);border-radius:8px;overflow:hidden}.screen-grid img{width:100%;height:auto}.screen-grid button:hover{border-color:var(--gold)}.screen-grid span{font:12px var(--sans);padding:13px 8px;display:block}.real-screen{width:100%;height:auto;border:1px solid var(--line);border-radius:6px;margin:30px 0}.art-note{font:12px/1.7 var(--sans);color:var(--muted);margin-top:10px}.detail-audio{width:100%;margin:20px 0}.next-project{padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:30px}.next-project span:first-child{font:12px var(--sans);color:var(--gold)}dialog{border:1px solid var(--line);background:var(--bg);color:var(--cream);padding:20px;border-radius:8px;max-height:94vh;max-width:92vw}dialog::backdrop{background:rgba(0,10,12,.9);backdrop-filter:blur(5px)}.dialog-content{display:flex;flex-direction:column;align-items:center;gap:15px}.dialog-content img{max-height:78vh;width:auto;max-width:100%;object-fit:contain}.dialog-content button{background:none;border:1px solid var(--gold);padding:9px 18px;font:13px var(--sans)}.legal{max-width:800px;margin:65px auto 100px}.legal h1{font-size:67px;font-weight:400;margin:20px 0 35px}.legal h2{font-size:33px;font-weight:400;margin:30px 0 15px}.legal p{font:16px/1.9 var(--sans);color:var(--muted);margin:15px 0}.legal a{text-decoration:underline}.not-found{padding:100px 0;text-align:center}.not-found h1{font:100px var(--script)}.not-found p{margin:25px 0}
.detail-image{height:auto}.project-card:first-child .project-image img{transform:scale(1.14)}.project-card:first-child .project-image:hover img{transform:scale(1.17)}.project-card:nth-child(2) .project-image img{transform:scale(1.08)}.project-card:nth-child(2) .project-image:hover img{transform:scale(1.11)}
@media(min-width:1101px){.hero h1{font-size:174px;line-height:.7}.hero h1 span:nth-child(2){font-size:165px}.tagline{font-size:70px;line-height:.87;margin-top:5px}}
@media(min-width:1600px){.hero h1{font-size:185px}.hero h1 span:nth-child(2){font-size:180px}.hero{height:550px}.hero-art{height:631px}.role{margin-left:120px}.tagline{font-size:74px}.explore{margin-top:19px}}
@media(max-width:1100px){.header{height:72px}.header nav{gap:30px}.hero{height:465px}.hero-art{height:535px;width:69%;top:-70px;right:-3%}.hero h1{font-size:118px}.hero h1 span:nth-child(2){font-size:119px}.role{font-size:9px;letter-spacing:2.9px;margin-left:75px;margin-top:22px}.tagline{font-size:47px;margin-top:30px}.hero-copy{padding-top:18px}.explore{font-size:20px;margin-top:25px}.section-heading h2{font-size:48px}.section-heading .eyebrow{font-size:10px}.project-name h3{font-size:28px}.project-card>p:not(.eyebrow){font-size:20px}.project-card>.eyebrow{font-size:10px;letter-spacing:1.5px}.listening-grid{gap:30px}.sound-intro{gap:35px}.large-copy{font-size:35px}.about-grid{gap:60px}.experience-grid{gap:55px}.contact h2{font-size:74px}.contact-grid{gap:45px}.email-link{font-size:22px}.mini-player{padding:5px 13px;gap:8px}.film-link>span:nth-child(2){font-size:28px}.detail-intro h1{font-size:64px}}
@media(max-width:900px){.shell{padding:0 6%}.header{height:77px}.monogram{width:112px;font-size:38px}.monogram span{font-size:28px}.monogram i{width:55px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:1px solid var(--line);padding:8px 12px;font:13px var(--sans)}.menu-toggle span{font-size:21px}.header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:25px;background:#0a2425;border:1px solid var(--line);border-radius:5px;box-shadow:0 20px 60px #0006}.header nav.open{display:flex;flex-direction:column;gap:19px}.hero{height:auto;padding-bottom:23px;display:flex;flex-direction:column}.hero-copy{width:100%;padding-top:15px}.hero h1{font-size:109px;letter-spacing:-3px}.hero h1 span:nth-child(2){font-size:107px}.role{font-size:9px;letter-spacing:2px;margin-top:22px;margin-left:0;text-align:center;white-space:normal}.tagline{font-size:43px;margin-top:26px;line-height:1.03}.explore{margin:20px 0 0;font-size:20px;gap:16px}.explore svg{width:75px}.hero-art{position:relative;order:2;top:auto;right:auto;width:114%;max-width:none;height:auto;aspect-ratio:1.4;object-fit:cover;object-position:center;margin:16px -7% -6px;mask-image:linear-gradient(to bottom,transparent,black 6%,black 87%,transparent)}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:46px}.section-heading .eyebrow{text-align:left;font-size:10px;margin-top:12px;letter-spacing:2px}.selected{padding-top:18px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:1.5}.project-name h3{font-size:33px;margin-top:5px}.project-card>.eyebrow{font-size:11px;letter-spacing:2px}.project-card>p:not(.eyebrow){font-size:21px}.section{padding-top:43px;margin-top:52px}.section .section-heading{margin-bottom:25px}.sound-intro{grid-template-columns:1fr;gap:18px;margin:28px 0}.large-copy{font-size:34px}.body-copy{font-size:14px;line-height:1.9}.listening-grid{grid-template-columns:1fr;gap:30px}.player-content{padding:22px}.library-heading h3{font-size:28px}.filters{gap:6px}.filters button{padding:8px 11px;font-size:11px}.track-list{max-height:420px}.performance-grid{grid-template-columns:1fr;gap:28px}.performance-grid h3{font-size:28px}.film-link{flex-direction:column;align-items:flex-start;gap:14px}.film-link>.eyebrow{max-width:none;font-size:10px}.film-link>span:nth-child(2){font-size:26px}.film-link i{margin-left:12px}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.about-portrait{width:235px}.about-grid .large-copy{font-size:36px}.experience-grid{grid-template-columns:1fr;gap:38px;margin-top:52px}.experience-grid h3{font-size:33px}.timeline article>p:last-child,.education article p{font-size:13px}.contact h2{font-size:52px;letter-spacing:-1px}.contact>.eyebrow{font-size:10px}.contact-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.email-link{font-size:21px;gap:10px}.contact{padding-bottom:45px}footer{flex-wrap:wrap;gap:18px}footer p{flex:1;font-size:18px}footer>span{font-size:11px}footer>a:last-child{margin-left:auto}.detail-intro{grid-template-columns:1fr;gap:35px;padding-top:35px}.detail-intro h1{font-size:56px}.detail-columns{grid-template-columns:1fr;gap:25px;padding:35px 0}.screen-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-wide{padding:35px 0}.detail-body h2{font-size:36px}.next-project{font-size:25px}.legal h1{font-size:50px}.legal p{font-size:14px}}
@media(max-width:900px){.hero h1{font-size:106px;margin-left:18px}.hero h1 span:nth-child(2){font-size:101px}.role{font-size:12px;letter-spacing:1.3px}.section-heading .eyebrow,.project-card>.eyebrow,.contact>.eyebrow,.film-link>.eyebrow,.timeline article>.eyebrow{font-size:12px;letter-spacing:1.3px}.filters button,.track small,.cv-downloads a span{font-size:12px}.about-portrait{scroll-margin-top:40px}}
@media(min-width:600px) and (max-width:900px){.hero h1{font-size:170px;margin-left:35px;line-height:.7}.hero h1 span:nth-child(2){font-size:163px}.tagline{font-size:62px}.hero-art{width:105%;margin-left:-2.5%;margin-right:-2.5%}.hero-copy{padding-top:25px}.role{text-align:left;padding-left:100px}.large-copy{font-size:43px}.body-copy{font-size:16px}.contact h2{font-size:75px}}
@media(max-width:370px){.hero h1{font-size:96px;margin-left:15px}.hero h1 span:nth-child(2){font-size:92px}.role{letter-spacing:.9px}.tagline{font-size:37px}.contact h2{font-size:44px}.email-link{font-size:18px}}
/* Authentic product imagery and the complete music archive. */
.project-card:first-child .actual-web img,.project-card:first-child .actual-web:hover img,.project-card:nth-child(2) .actual-app img,.project-card:nth-child(2) .actual-app:hover img{transform:none}
.project-card .actual-web img,.project-card .actual-app img,.project-card .actual-web:hover img,.project-card .actual-app:hover img{transform:none;object-fit:contain}
.actual-web{background:#f7f4eb}.actual-web img{height:100%;width:100%}.actual-app{background:#18312e}
.phone-gallery{display:flex;align-items:center;justify-content:center;height:100%;gap:12px;padding:15px}
.phone-gallery img{height:100%;width:auto!important;max-width:31%;border:2px solid #23322f;border-radius:9px;object-fit:contain}
.featured-recording{display:grid;grid-template-columns:1.2fr 1fr 48px auto;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px;padding:24px 0}
.featured-recording .eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold)}.featured-recording h3{font-size:40px;font-weight:400;font-style:italic;line-height:1.2;margin:4px 0}.featured-recording p:last-child{font:14px/1.7 var(--sans);color:var(--muted)}.featured-recording>a{font-size:22px;border-bottom:1px solid var(--gold)}.featured-recording>a span{color:var(--gold);margin-left:15px}.feature-wave{height:38px;display:flex;gap:3px;align-items:center;overflow:hidden}.feature-wave i{flex:1;min-width:1px;background:var(--gold)}
.sound.section{padding-top:64px;margin-top:64px}.library-heading h3{font-style:italic}.archive-intro{margin:12px 0 22px;font-size:14px;line-height:1.8}.search-label{font:14px var(--sans);color:var(--gold);display:block;margin-bottom:8px}.music-search{display:flex;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.music-search input{font:14px var(--sans);color:var(--cream);background:transparent;border:0;padding:13px 14px;flex:1;min-width:0}.music-search input::placeholder{color:var(--muted)}.music-search button{background:none;border:0;color:var(--gold);font:13px var(--sans);padding:0 14px}.music-search button[hidden]{display:none}.filters button{font-size:14px;padding:10px 14px;min-height:42px}
.track-list{max-height:none;overflow:visible}.track{padding:17px 9px;min-height:78px}.track strong{line-height:1.25}.track small{font-size:12px;letter-spacing:1px}.record-player{position:sticky;top:24px}.player-bottom .eyebrow{font-size:12px;letter-spacing:1px}.player-content>p:not(.eyebrow){font-size:20px}.actual-detail .detail-image{height:420px;object-fit:contain;background:#18312e;aspect-ratio:auto}.actual-detail .art-note{text-align:center}.detail-intro h1{font-size:76px}.body-copy{font-size:16px}.about-portrait{max-width:270px}.section .section-heading{margin-bottom:28px}.track.current{border-left:2px solid var(--peach)}
@media(max-width:1100px){.featured-recording{gap:20px;grid-template-columns:1fr .65fr 48px}.featured-recording>a{grid-column:1/-1;width:max-content}.detail-intro h1{font-size:62px}}
@media(max-width:900px){.record-player{position:relative;top:auto}.featured-recording{grid-template-columns:1fr 48px;gap:16px;padding:22px 0;margin-top:30px}.feature-wave{grid-row:2;grid-column:1}.featured-recording>.play-round{grid-column:2;grid-row:1}.featured-recording>a{grid-column:1/-1;font-size:21px}.featured-recording h3{font-size:37px}.featured-recording p:last-child{font-size:14px}.sound.section{margin-top:48px;padding-top:43px}.actual-detail .detail-image{height:390px}.detail-intro h1{font-size:56px}.archive-intro{font-size:14px}.filters{gap:8px}.filters button{font-size:14px}.track{padding:16px 8px;gap:9px;grid-template-columns:28px 1fr 43px}.track strong{font-size:23px}.library-heading h3{font-size:30px}.library-heading span{font-size:12px;letter-spacing:1px}}
.archive-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:16px 0;margin-top:24px;color:var(--gold);font-size:24px}.archive-link span{font:12px var(--sans);color:var(--muted)}.music-intro{max-width:820px;padding:45px 0 46px}.music-intro h1{font-size:76px;font-style:italic;font-weight:400;line-height:1.05;margin:15px 0 22px}.archive-page{padding-bottom:85px}.archive-page .back-link{margin-top:25px}.archive-page .record-player{top:24px}.archive-page .listening-grid{align-items:start}.music-library .filters a{font:14px var(--sans);padding:10px 14px;min-height:42px;border:1px solid var(--line);border-radius:25px;color:var(--muted);transition:background .2s}.music-library .filters a:hover{background:var(--cream);color:var(--bg)}.music-library .filters a.archive-primary{border-color:var(--gold);color:var(--gold)}.music-library .filters a.archive-primary:hover{color:var(--bg)}
@media(max-width:900px){.music-intro{padding:30px 0}.music-intro h1{font-size:55px}.archive-page .record-player{top:auto}.archive-link{font-size:22px}.archive-link span{font-size:12px}.music-library .filters a{font-size:14px}}
.detail-image{object-fit:contain;aspect-ratio:1.5}.actual-detail .detail-image{aspect-ratio:auto}
@media(min-width:600px) and (max-width:900px){.hero h1{font-size:145px}.hero h1 span:nth-child(2){font-size:138px}.tagline{font-size:52px}.hero-art{width:75%;margin:12px auto -6px;object-fit:contain}.role{padding-left:65px}}
@media(max-width:900px){.archive-page .record-player{display:grid;grid-template-columns:1fr 110px}.archive-page .record-art{grid-column:2;grid-row:1;align-self:start;width:88px;height:88px;margin:22px 22px 0 0;aspect-ratio:1;border-radius:3px}.archive-page .record-category{display:none}.archive-page .player-content{grid-column:1/-1;grid-row:1;padding:22px}.archive-page .player-content>h3,.archive-page .player-content>p{padding-right:104px}.archive-page .player-content h3{font-size:32px}.archive-page .player-content>p:not(.eyebrow){font-size:18px;line-height:1.5}.archive-page .player-content>.eyebrow{font-size:12px;letter-spacing:1.3px}.archive-page .player-controls{margin-top:24px}.archive-page .player-bottom .eyebrow{font-size:12px;letter-spacing:0}.archive-page .player-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
