@font-face{font-family:Cormorant;src:url('approved-cormorant.woff') format('woff');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Allura;src:url('approved-allura.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#181a19;--panel:#222422;--ivory:#f5f1e9;--gold:#d4bd97;--muted:#c2c6bb;--line:#41453f;--serif:Cormorant,Georgia,serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ivory);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,dl,dd,ul{margin:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}button,input,textarea,select{border-radius:0}button,a,input,select,textarea,summary{outline-offset:5px}:focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}section[id]{scroll-margin-top:28px}.skip-link{position:absolute;top:-80px;left:16px;z-index:20;background:var(--ivory);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The approved studio identity. */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;align-items:center;width:216px;flex-shrink:0}.brand-autograph{width:100%;height:auto}.studio-name{display:block;text-align:center;font-size:11px;letter-spacing:.27em;color:var(--gold);margin-top:8px}.site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,38px);font-size:14px}.site-header nav a{padding:10px 0;min-height:44px}.nav-contact{border-bottom:1px solid var(--gold)}.nav-contact span{color:var(--gold);margin-left:14px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:70px 0 64px}.hero-copy{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;line-height:1.8;color:var(--gold);margin-bottom:22px}.hero h1{font:400 clamp(48px,5.5vw,80px)/.99 var(--serif);letter-spacing:-.035em;margin-bottom:28px}.hero h1 em,h2 em{font-weight:400;color:var(--gold)}.hero h1 .delivery-region{white-space:nowrap;hyphens:none}.hero-description{max-width:500px;color:#c9ccc3;font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 28px;margin-top:30px}.button-light{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 21px;min-height:52px;background:var(--ivory);color:#22261f;border:1px solid var(--ivory);font-size:14px;line-height:1.5;transition:background .15s}.button-light:hover{background:var(--gold);border-color:var(--gold)}.button-light span{font-size:20px}.text-link{display:inline-block;padding:9px 0;border-bottom:1px solid #796d59;font-size:14px;line-height:1.6}.text-link span{margin-left:12px;color:var(--gold)}.text-link:hover{color:var(--gold)}.location{margin-top:30px;font-size:12px;line-height:1.8;color:#bcbfb6}.hero-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-image figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:10px;letter-spacing:.06em;color:#bcbfb6}.service-line{text-align:center;border-block:1px solid var(--line);padding:24px 20px;font:400 clamp(24px,3vw,38px)/1.5 var(--serif);letter-spacing:.035em}.service-line span{color:var(--gold);padding:0 3vw}
/* Three clear service areas retain all six offerings. */
.services-section{padding:84px 0}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;margin-bottom:42px}h2{font:400 clamp(38px,4.2vw,58px)/1.05 var(--serif);letter-spacing:-.025em}.section-description{font-size:16px;line-height:1.85;color:var(--muted);max-width:500px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.service{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #6b6b5c;padding-top:22px}.service-number{font-size:11px;letter-spacing:.1em;color:var(--gold)}.service h3{font:400 37px/1.1 var(--serif);margin:20px 0 18px;letter-spacing:-.015em}.service>p{font-size:15px;line-height:1.85;color:var(--muted)}.service-list{list-style:none;padding:22px 0 26px;font-size:13px;color:var(--gold);line-height:2}.service .text-link{margin-top:auto;font-size:13px}.scope-note{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:#bcbfb6;max-width:980px}
/* Selected work keeps feature stories, identity studies and spaces clearly grouped. */
.work-section{padding:84px 0 66px;background:#141615;border-block:1px solid var(--line)}.work-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:36px}.work-filters button{background:transparent;border:1px solid #53564e;color:#c9ccc3;padding:10px 16px;min-height:44px;font-size:13px}.work-filters button[aria-pressed=true]{background:var(--gold);color:var(--bg);border-color:var(--gold)}.work-filters button:hover{border-color:var(--gold)}.work-count{margin-left:auto;font-size:12px;color:#bcbfb6}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 26px;align-items:start}.project{grid-column:span 6;min-width:0}.project-media,.detail-image{display:block;position:relative;overflow:hidden;background:#101211;border:1px solid var(--line)}.project-media>img,.detail-image>img{width:100%;height:auto}.project-media video{width:100%;aspect-ratio:16/9;object-fit:contain}.project-body{padding-top:24px}.project h3{font:400 clamp(30px,3.4vw,45px)/1.06 var(--serif);letter-spacing:-.02em}.project-kind{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);line-height:1.9;margin-bottom:12px}.project-subtitle{font:400 26px/1.18 var(--serif);color:var(--gold);margin-top:18px}.project-copy{font-size:15px;line-height:1.85;color:var(--muted);margin-top:16px}.project-note{font-size:11px;line-height:1.9;color:#bcbfb6;margin-top:16px}.project-cta{font-size:13px;margin-top:18px}.feature-project{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:42px;padding-bottom:44px;border-bottom:1px solid var(--line)}.feature-project .project-body{padding:0}.promo-project{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.promo-project>.project-media>img{aspect-ratio:1;object-fit:contain}.image-open{position:absolute;bottom:12px;right:12px;background:#181a19;color:var(--ivory);padding:7px 10px;font-size:10px;border:1px solid #74786e;box-shadow:0 3px 12px #0004}.detail-image .image-open{font-size:9px;bottom:7px;right:7px}
.case-details,.gallery-details{margin-top:20px;border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;min-height:44px;padding:13px 22px 13px 0;position:relative;font-size:13px;line-height:1.7;color:#e0c8a1}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;top:10px;font-size:21px;font-weight:400}details[open]>summary::after{content:'−'}.case-facts{padding:5px 0 10px}.case-facts>div+div{margin-top:14px}.case-facts dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.case-facts dd{font-size:13px;line-height:1.85;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 0 14px}.detail-gallery figcaption{font-size:11px;line-height:1.7;color:#bcbfb6;margin-top:9px}.detail-image .image-open{position:static;display:block;text-align:center;border:0;border-top:1px solid var(--line)}
.brand-project{grid-column:span 4}.brand-project h3{font-size:31px}.brand-project .project-subtitle{font-size:22px;margin-top:11px}.brand-project .project-copy{font-size:13px;margin-top:12px}.brand-cover{aspect-ratio:1.15}.brand-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 74%}.district .brand-cover>img{object-position:50% 87%}.sovereign .brand-cover>img{object-position:50% 79%}.brand-project .image-open{font-size:10px}.website-composition{display:block;border:1px solid #626055;background:var(--bg);transition:border-color .15s}.website-composition:hover{border-color:var(--gold)}.browser-chrome{padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:9px;color:#bcbfb6;background:#232623}.browser-chrome>span:first-child{letter-spacing:2px;font-size:6px;color:#8c9187}.mini-site{padding:24px}.mini-signature{width:100px}.mini-signature .studio-name{font-size:5px;letter-spacing:.15em;margin-top:2px}.mini-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:14px;padding:24px 0}.mini-headline{font:400 clamp(22px,2.6vw,34px)/1 var(--serif);letter-spacing:-.03em}.mini-headline em{color:var(--gold)}.mini-hero img{width:100%;height:auto}.mini-services{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:12px;gap:8px;font:14px/1.4 var(--serif);color:var(--gold)}.archive-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;column-gap:44px;border-top:1px solid var(--line);padding-top:28px}.archive-project h3{font-size:34px}.archive-project .project-copy{margin:0;font-size:13px}.study-tags{grid-column:2;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0}.study-tags li{font-size:10px;color:var(--muted);border:1px solid #53564e;padding:6px 10px}.work-end{margin-top:52px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.work-end>p{font:28px/1.2 var(--serif)}.work-end .project-cta{margin:0}
/* Audio controls are deliberate: never autoplay or preload full files. */
.audio-section{padding:72px 0;background:var(--panel);border-bottom:1px solid var(--line)}.audio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.audio-card{min-width:0;border-top:1px solid #797361;padding-top:22px;display:flex;flex-direction:column}.audio-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.7;letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}.audio-card h3{font:400 30px/1.14 var(--serif);margin:15px 0 0}.audio-card .project-copy{font-size:13px;margin:16px 0 24px}.audio-card audio{width:100%;height:44px;margin-top:auto}
/* A quiet light section introduces the person behind the work. */
.studio-section{padding:80px 0;background:var(--ivory);color:#242720;color-scheme:light}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio-section .eyebrow{color:#726347}.studio-section h2 em,.owner-signature{color:#7f6946}.owner-signature{font:400 54px/1.4 Allura,Georgia,cursive;margin-top:26px}.studio-body{padding-top:35px}.studio-body p{font-size:16px;line-height:1.9;margin-bottom:18px}.studio-body .studio-principle{border-top:1px solid #bfb9ac;padding-top:18px;font-size:13px}
.process-section{padding:84px 0}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.process-step{border-top:1px solid #6b6b5c;padding-top:20px}.process-step h3{font:400 28px/1.1 var(--serif);margin:17px 0 14px}.process-step p{font-size:13px;color:var(--muted);line-height:1.9}.faq-grid{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.faq-grid details{border-top:1px solid var(--line);padding:5px 0}.faq-grid summary{font-size:14px}.faq-grid p{font-size:13px;color:var(--muted);line-height:1.85;margin:3px 0 20px}
.contact-section{padding:78px 0;background:#20231f;border-block:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-section h2{font-size:clamp(48px,5.5vw,72px)}.contact-intro{font-size:17px;line-height:1.85;color:var(--muted);max-width:420px;margin-top:26px}.contact-promise{font:25px/1.3 var(--serif);color:var(--gold);margin-top:25px}.contact-email{display:inline-block;padding:8px 0;border-bottom:1px solid #796d59;overflow-wrap:anywhere;color:#e0c8a1;font-size:15px;margin-top:24px}.contact-small{color:#bcbfb6;font-size:12px;line-height:1.9;margin:13px 0 18px}.contact-section .text-link{font-size:13px}.enquiry-form{padding:32px;background:var(--bg);border:1px solid #565a51}.quote-label{color:var(--gold);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.enquiry-form h3{font:400 32px/1.13 var(--serif);margin-bottom:14px}#email-help{font-size:12px;line-height:1.8;color:#bcbfb6;margin-bottom:24px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{min-width:0;margin-bottom:20px}.field label{display:block;font-size:12px;margin-bottom:8px;color:#e4e1d8}.field input,.field select,.field textarea{width:100%;min-width:0;background:#20231f;color:var(--ivory);border:1px solid #6e7568;padding:12px;line-height:1.5;font-size:16px}.field textarea{resize:vertical;min-height:118px}.field input::placeholder,.field textarea::placeholder{color:#a5ab9e}.optional-details{margin-bottom:20px;border-block:1px solid var(--line)}.optional-details summary{font-size:12px}.optional-details summary>span{color:#bcbfb6}.optional-details>.field-row{padding-top:10px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.copy-brief{border:0;border-bottom:1px solid #796d59;color:#e0c8a1;background:transparent;padding:11px 0;min-height:44px;font-size:13px}.form-status{font-size:12px;line-height:1.8;color:var(--gold);margin-top:17px}.form-status:empty{margin-top:0}.brief-fallback{margin-top:16px}.brief-fallback textarea{width:100%;min-height:170px;background:var(--bg);color:var(--ivory);border:1px solid #6e7568;font:14px/1.7 var(--sans);padding:12px;resize:vertical}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:36px 0}.footer-brand{display:block;width:166px;flex:0 0 166px}.footer-brand .studio-name{font-size:9px;letter-spacing:.22em}footer p{font-size:11px;color:#bcbfb6}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.footer-links a{padding:10px 0}.privacy-note{font-size:11px;line-height:1.9;color:#bcbfb6;max-width:930px;padding-bottom:28px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:28px}.hero h1{font-size:clamp(45px,5.5vw,63px)}.site-header{gap:22px}.wordmark{width:190px}.site-header nav{gap:22px}.section-heading{gap:38px}.feature-project{gap:28px}.feature-project h3{font-size:37px}.project-subtitle{font-size:24px}.contact-grid{gap:32px}.service-grid{gap:26px}.service h3{font-size:33px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.audio-grid{gap:22px}.enquiry-form{padding:26px}.studio-grid{gap:40px}.mini-site{padding:20px}.mini-headline{font-size:26px}.brand-project{grid-column:span 4}.brand-project h3{font-size:28px}}
@media(max-width:850px){.site-header{flex-wrap:wrap}.site-header nav{gap:24px}.service-grid{grid-template-columns:1fr}.service{display:grid;grid-template-columns:1fr 1.25fr;column-gap:34px}.service-number,.service h3{grid-column:1}.service h3{margin:12px 0 20px}.service>p{grid-column:2;grid-row:1 / span 2}.service-list{grid-column:2;padding:5px 0 20px}.service .text-link{grid-column:1;grid-row:3;align-self:start;justify-self:start;margin:0}.feature-project{grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}.feature-project h3{font-size:34px}.feature-project .project-subtitle{font-size:23px}.project-copy{font-size:14px}.feature-project .project-kind{font-size:9px}.brand-project{grid-column:span 6}.project-grid{gap:38px 22px}.audio-grid{grid-template-columns:1fr;gap:30px}.audio-card{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.audio-meta,.audio-card h3{grid-column:1}.audio-card .project-copy{grid-column:1;margin-bottom:0}.audio-card .audio-unit{grid-column:2;grid-row:1 / span 3;align-self:start;margin:0}.audio-card h3{font-size:30px}.contact-grid{grid-template-columns:1fr 1.1fr}.contact-email{font-size:14px}.field-row{grid-template-columns:1fr;gap:0}.form-actions .button-light{width:100%}.studio-grid{gap:32px}.owner-signature{font-size:47px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:34px;padding:46px 0}.hero h1{font-size:clamp(42px,10vw,68px)}.hero-description{font-size:16px}.hero-image{max-width:620px}.hero-image figcaption{font-size:9px}.hero h1 .delivery-region{white-space:nowrap}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.section-description{font-size:15px}.feature-project,.promo-project{grid-template-columns:1fr;gap:24px;max-width:100%}.feature-project .project-kind{font-size:10px}.feature-project h3{font-size:39px}.feature-project .project-subtitle{font-size:26px}.promo-project>.project-media{max-width:580px}.project-copy{font-size:15px}.studio-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.studio-body{padding:0}.studio-body p{font-size:16px}.faq-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr;gap:18px}.form-actions .button-light{width:auto}.contact-intro{max-width:540px}.archive-project{grid-template-columns:1fr;gap:15px}.study-tags{grid-column:1;margin-top:0}.mini-site{padding:20px}.mini-hero{gap:10px}.mini-headline{font-size:24px}}
@media(max-width:580px){.site-header{padding:24px 0 18px;gap:22px}.wordmark{width:172px}.studio-name{font-size:10px;letter-spacing:.22em}.site-header nav{width:100%;justify-content:space-between;gap:7px;font-size:12px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.nav-contact span{margin-left:7px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(40px,10.5vw,61px)}.hero-actions{gap:12px 24px}.hero-actions .button-light{font-size:13px}.hero-actions .text-link{font-size:13px}.hero-image figcaption{letter-spacing:.025em;gap:10px}.service-line{font-size:22px;padding:20px 8px}.service-line span{padding:0 7px}.services-section,.work-section,.process-section{padding:56px 0}.service{display:flex;gap:0}.service-number{font-size:10px}.service h3{font-size:37px;margin:15px 0}.service-list{padding:17px 0}.service .text-link{margin-top:8px}.service-grid{gap:34px}.scope-note{font-size:11px}.work-count{width:100%;margin:10px 0 0}.work-filters button{font-size:12px;padding:10px 13px}.project,.brand-project{grid-column:1/-1}.brand-project h3{font-size:35px}.brand-project .project-copy{font-size:14px}.project-grid{gap:36px;grid-template-columns:minmax(0,1fr)}.feature-project{padding-bottom:34px}.feature-project h3{font-size:37px}.brand-cover{aspect-ratio:1.25}.detail-gallery{grid-template-columns:1fr}.detail-image .image-open{font-size:11px}.image-open{font-size:11px}.mini-site{padding:24px}.mini-headline{font-size:28px}.work-end{align-items:flex-start;flex-direction:column;margin-top:36px}.audio-section,.studio-section,.contact-section{padding:56px 0}.audio-card{display:flex;gap:0}.audio-card .project-copy{margin-bottom:22px}.audio-card audio{margin-top:0}.audio-card h3{font-size:33px}.process-grid{grid-template-columns:1fr;gap:26px}.process-step h3{font-size:30px}.contact-section h2{font-size:56px}.enquiry-form{padding:24px 20px}.field-row{grid-template-columns:1fr;gap:0}.footer-brand{width:156px;flex-basis:156px}.footer-links{gap:18px}footer{padding:30px 0;align-items:start}footer>p{width:100%}.privacy-note{font-size:11px}}
@media(max-width:360px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-image figcaption{flex-direction:column;gap:4px}.service-line{font-size:20px}.mini-site{padding:16px}.mini-headline{font-size:23px}.mini-services{font-size:12px}.form-actions .button-light{width:100%}.contact-section h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Interior concepts use native radio choices, available without JavaScript. */
.space-service{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-block:1px solid var(--line);margin-top:44px;padding:30px 0}.space-service h3{font:400 37px/1.12 var(--serif);margin:13px 0}.space-service p{font-size:15px;color:var(--muted);max-width:440px}.space-service .service-list{padding:0 0 12px}.space-service .service-qualification{font-size:11px;line-height:1.8;margin-top:15px}.space-project{grid-column:1/-1;padding:12px 0 40px;border-bottom:1px solid var(--line)}.space-intro{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-bottom:28px}.space-intro h3{font-size:clamp(37px,4.2vw,55px)}.space-intro h3 em{color:var(--gold);font-weight:400}.space-intro .project-copy{margin-top:0}.space-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.space-study{min-width:0}.space-study h4{font:400 25px/1.15 var(--serif);margin:0 0 16px;min-height:58px}.space-comparison{min-width:0;min-inline-size:0;position:relative;padding:0;margin:0;border:0}.scene-choice{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scene-labels{display:flex;gap:4px;margin-bottom:12px}.scene-labels label{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;font:11px/1.4 var(--sans);padding:9px 6px;border:1px solid #53564e;color:var(--muted);cursor:pointer;text-align:center}.scene-labels label:hover{border-color:var(--gold)}.scene-choice[value="0"]:checked~.scene-labels label:nth-child(1),.scene-choice[value="1"]:checked~.scene-labels label:nth-child(2),.scene-choice[value="2"]:checked~.scene-labels label:nth-child(3){background:var(--gold);color:var(--bg);border-color:var(--gold)}.scene-choice[value="0"]:focus-visible~.scene-labels label:nth-child(1),.scene-choice[value="1"]:focus-visible~.scene-labels label:nth-child(2),.scene-choice[value="2"]:focus-visible~.scene-labels label:nth-child(3){outline:2px solid var(--ivory);outline-offset:3px}.space-scene{display:none}.scene-choice[value="0"]:checked~.space-scenes .scene-0,.scene-choice[value="1"]:checked~.space-scenes .scene-1,.scene-choice[value="2"]:checked~.space-scenes .scene-2{display:block}.space-frame{position:relative;overflow:hidden;aspect-ratio:var(--view-ratio);background:#222422}.space-frame img{position:absolute;width:var(--source-width);max-width:none;height:auto;left:var(--source-left);top:var(--source-top)}.space-scene figcaption{color:var(--gold);font-size:10px;line-height:1.7;margin-top:10px}.space-description{font-size:12px;line-height:1.85;color:var(--muted);margin-top:12px}.space-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.space-project .case-details{margin-top:26px}.space-project .case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.space-project .case-facts>div+div{margin-top:0}.space-project .case-details>.project-note{margin:4px 0 18px}
@media(max-width:1050px){.space-studies{gap:18px}.space-study h4{font-size:23px}.scene-labels label{font-size:10px;padding-inline:3px}}
@media(max-width:760px){.space-service,.space-intro{grid-template-columns:1fr;gap:22px}.space-studies{grid-template-columns:1fr;gap:34px}.space-study h4{min-height:0;font-size:29px;margin-bottom:14px}.scene-labels label{font-size:12px}.space-description{font-size:14px}.space-scene figcaption{font-size:12px}.space-project .case-facts{grid-template-columns:1fr;gap:16px}.space-intro h3{font-size:42px}.space-footer{align-items:flex-start;flex-direction:column;gap:2px}.space-service{margin-top:34px;padding:26px 0}.space-service h3{font-size:35px}}

/* Quiet, usable recovery controls are visible even when scripting is unavailable. */
.media-unit{min-width:0}.audio-unit{width:100%;margin-top:0}.audio-unit audio{margin:0;width:100%;max-width:100%}.media-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 18px;padding:5px 0;border-bottom:1px solid var(--line)}.media-tools a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;color:var(--gold);font-size:12px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.media-tools a:hover{color:var(--ivory)}.media-size{font-size:11px;color:var(--muted);text-decoration:none}.media-status{font-size:12px;line-height:1.8;color:var(--gold);margin-top:12px}.media-status:empty{margin-top:0}.media-description{border-bottom:1px solid var(--line)}.media-description summary{font-size:12px}.media-description p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 14px}.audio-jump{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--gold);padding:8px 4px;text-decoration:underline;text-underline-offset:4px;gap:8px}.required-label{font-weight:400;font-size:11px;color:#bcbfb6}.project-kind,.audio-meta,.case-facts dt{font-size:11px}.project-note{font-size:12px}.hero h1,h2,.project h3{text-wrap:balance}.space-study h4{text-wrap:balance}
@media(max-width:580px){.audio-unit{margin-top:0}.audio-jump{order:1}.work-count{order:2}.media-tools a{font-size:12px}.feature-project .project-kind{font-size:11px}.project h3{overflow-wrap:anywhere}.media-description p{font-size:13px}}
@media(forced-colors:active){.work-filters button[aria-pressed=true],.scene-choice:checked~.scene-labels label{border-color:ButtonText}.work-filters button[aria-pressed=true]{outline:2px solid ButtonText;outline-offset:2px}.scene-choice[value="0"]:checked~.scene-labels label:nth-child(1),.scene-choice[value="1"]:checked~.scene-labels label:nth-child(2),.scene-choice[value="2"]:checked~.scene-labels label:nth-child(3){outline:2px solid ButtonText;outline-offset:-3px}}

/* Shared desktop rows keep players and links level; transcript content grows below. */
@supports (grid-template-rows:subgrid){
  @media(min-width:851px){
    .audio-grid{row-gap:0}
    .audio-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
    .audio-card>.audio-unit{align-self:start}
  }
}

/* Primary enquiry actions use the studio palette without a white fill. */
.hero-actions .button-light,.enquiry-form .button-light{background:var(--bg);color:var(--ivory);border-color:var(--gold);transition:background .15s,color .15s,border-color .15s}
.hero-actions .button-light:hover,.hero-actions .button-light:focus-visible,.enquiry-form .button-light:hover,.enquiry-form .button-light:focus-visible{background:var(--gold);color:var(--bg);border-color:var(--gold)}