@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

:root{--paper:#eee9df;--paper-light:#f7f3eb;--ink:#262921;--muted:#6a6b62;--line:#cbc9be;--accent:#ad563b;--dark:#272b25;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#dcb69c;color:#191c17}
.shell{max-width:1540px;margin:0 auto;padding:0 clamp(20px,4.8vw,78px)}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}
.brand{display:flex;align-items:baseline;gap:17px;white-space:nowrap}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.055em;text-transform:uppercase}.brand-role{font-size:11px;color:var(--muted);letter-spacing:.03em}
.nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,46px)}.nav a{font-size:12px;font-weight:600;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.nav .nav-cta{display:flex;align-items:center;gap:13px;background:var(--ink);color:var(--paper-light);padding:12px 17px;border-radius:2px}.nav .nav-cta:hover{background:var(--accent);color:#fff}.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:9px 12px;font-size:13px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}.muted{color:var(--muted)}.accent{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:655px;gap:clamp(24px,4vw,72px);padding-top:62px;padding-bottom:68px;align-items:center}.hero-copy{align-self:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px}.tiny-line{display:inline-block;width:35px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(72px,9.6vw,153px);line-height:.82;letter-spacing:-.07em;margin:32px 0 31px;max-width:800px}.hero h1 em{color:var(--accent);letter-spacing:-.05em}.hero-deck{font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:475px;color:#56594f}.hero-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:34px}.text-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-flex;gap:18px;align-items:center;transition:gap .2s,color .2s}.text-link:hover{gap:27px;color:var(--accent);border-color:var(--accent)}.hero-visual{position:relative;margin:0;min-width:0}.hero-image{width:100%;height:560px;object-fit:cover;filter:saturate(.8);background:#b1ad9f}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 63%,rgba(11,16,15,.55))}.hero-caption{position:absolute;left:28px;bottom:26px;z-index:1;color:white;display:flex;justify-content:space-between;align-items:end;right:25px}.hero-caption .label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;opacity:.75}.hero-caption .title{display:block;font:36px var(--serif);margin-top:2px}.play-round{width:56px;height:56px;border:1px solid #ffffffb5;border-radius:50%;background:#ffffff16;color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s,background .2s}.play-round:hover{transform:scale(1.07);background:#ffffff3d}.side-note{position:absolute;right:-26px;top:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.15em;text-transform:uppercase;transform:translateX(100%);color:var(--muted)}
.section{padding-top:88px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2,.page-intro h1{font-family:var(--serif);font-size:clamp(58px,7vw,108px);font-weight:400;line-height:.91;letter-spacing:-.045em;margin:13px 0 0}.section-heading h2 em,.page-intro h1 em{color:var(--accent)}.section-desc{max-width:330px;color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 7px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 19px}.project-grid.featured{grid-template-columns:repeat(3,minmax(0,1fr))}.project{min-width:0}.project button{cursor:pointer;display:block;text-align:left;width:100%;border:0;background:transparent;padding:0}.project-art{position:relative;overflow:hidden;background:#aaa99e;aspect-ratio:4/4.55}.project:nth-child(3n+2) .project-art{aspect-ratio:4/3.7}.project:nth-child(3n) .project-art{aspect-ratio:4/4.1}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;filter:saturate(.77)}.project-art .art-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(17,21,19,.42));pointer-events:none}.project-art .number{position:absolute;top:17px;left:18px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 8px #0008}.project-art .view{position:absolute;bottom:18px;right:18px;width:42px;height:42px;display:grid;place-items:center;background:#f6f2e9;color:var(--ink);border-radius:50%;transform:translateY(58px);transition:transform .25s}.project button:hover img{transform:scale(1.055);filter:saturate(1)}.project button:hover .view{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:10px;padding:16px 1px 2px;border-bottom:1px solid var(--line);padding-bottom:18px}.project-title{font:clamp(25px,2.6vw,39px)/1 var(--serif);letter-spacing:-.025em}.project-kind{font-size:10px;letter-spacing:.085em;text-transform:uppercase;color:var(--muted);align-self:center;white-space:nowrap}
.interlude{background:var(--dark);color:#f2eee4;padding-top:90px;padding-bottom:90px}.interlude-inner{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.interlude h2{font:clamp(54px,6.6vw,103px)/.97 var(--serif);letter-spacing:-.045em;margin:26px 0 0}.interlude h2 em{color:#d79b7e}.interlude p{font-size:16px;line-height:1.8;color:#bbbeb3;max-width:460px}.interlude .text-link{border-color:#eee9df;color:#eee9df;margin-top:20px}.interlude .eyebrow{color:#d79b7e}
.about-teaser{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(40px,8vw,145px);align-items:center}.abstract-art{height:450px;background:#8d9586;position:relative;overflow:hidden}.abstract-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) sepia(.1)}.art-sticker{position:absolute;left:24px;bottom:24px;background:#f6f1e6;color:var(--ink);font:36px/1 var(--serif);padding:17px 22px;transform:rotate(-5deg)}.about-teaser h2{font:clamp(56px,6.8vw,102px)/.96 var(--serif);letter-spacing:-.04em;margin:20px 0 30px}.about-teaser p{font-size:17px;line-height:1.75;max-width:550px;color:#5b5d55}.about-teaser .text-link{margin-top:22px}
.footer{border-top:1px solid var(--line);padding-top:60px;padding-bottom:27px}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer h2{font:clamp(55px,7.7vw,126px)/.86 var(--serif);letter-spacing:-.055em;margin:15px 0 37px}.footer h2 em{color:var(--accent)}.footer-cta{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:15px 20px;border:1px solid var(--ink);transition:background .2s,color .2s}.footer-cta:hover{background:var(--ink);color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px;padding-top:25px;gap:20px;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:25px}.footer-links a:hover{color:var(--accent)}
.page-intro{padding-top:85px;padding-bottom:62px}.page-intro h1{font-size:clamp(74px,10.4vw,160px)}.page-intro-bottom{margin-top:28px;display:flex;justify-content:space-between;align-items:end;gap:30px}.page-intro p{font-size:16px;line-height:1.65;max-width:540px;color:var(--muted);margin:0}.line-rule{height:1px;background:var(--line);margin-top:55px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:27px}.filter{border:1px solid #b8b8ac;background:transparent;color:#55574e;padding:10px 16px;border-radius:30px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.filter:hover,.filter.active{background:var(--dark);border-color:var(--dark);color:#f2eee4}.work-section{padding-top:0;padding-bottom:115px}
.listen-shell{display:grid;grid-template-columns:1fr minmax(330px,.85fr);gap:clamp(38px,8vw,130px);padding-top:24px;padding-bottom:110px}.listen-list{border-top:1px solid var(--line)}.track{width:100%;padding:23px 0;background:none;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:22px;text-align:left;cursor:pointer;color:var(--ink)}.track:hover .track-name,.track.active .track-name{color:var(--accent)}.track-no{color:var(--muted);font-size:12px}.track-name{font:clamp(24px,2.4vw,34px)/1.08 var(--serif);transition:color .2s}.track-type{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.track-action{font-size:21px}.listen-side{position:sticky;top:30px;align-self:start;background:#ded9ce;padding:20px}.listen-cover{aspect-ratio:4/3;overflow:hidden;background:#bdb6a9}.listen-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.listen-player{margin-top:17px}.listen-player h3{font:40px/1 var(--serif);margin:14px 0 9px}.listen-player p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 17px}.video-box{position:relative;padding-top:56.25%;background:#1d211e}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.listen-note{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:12px;line-height:1.6;color:var(--muted)}
.bio{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,130px);padding-top:15px;padding-bottom:110px}.bio h2{font:clamp(43px,5.5vw,80px)/1 var(--serif);letter-spacing:-.03em;margin:0}.bio-text{max-width:620px}.bio-text p{font-size:17px;line-height:1.8;margin:0 0 25px;color:#52554c}.bio-text .text-link{margin-top:10px}
.modal{position:fixed;inset:0;background:rgba(15,19,16,.82);z-index:100;display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-panel{background:var(--paper-light);width:min(1050px,100%);max-height:92vh;overflow-y:auto;position:relative}.modal-close{position:absolute;z-index:2;right:14px;top:14px;width:40px;height:40px;background:var(--paper-light);border:0;font-size:27px;cursor:pointer}.modal-visual{aspect-ratio:16/9;background:#1b1b1a;position:relative}.modal-visual iframe{height:100%;width:100%;border:0;position:absolute;inset:0}.modal-info{padding:27px 33px 33px;display:flex;justify-content:space-between;gap:25px;align-items:end}.modal-info h2{font:clamp(36px,5vw,62px)/1 var(--serif);margin:8px 0}.modal-info p{font-size:13px;color:var(--muted);margin:0}.modal-info a{white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:6px}
@media(max-width:1050px){.brand-role{display:none}.hero{min-height:550px}.hero-image{height:480px}.hero h1{font-size:clamp(70px,9vw,105px)}.side-note{display:none}.project-grid{gap:26px 15px}.project-kind{font-size:9px}.project-title{font-size:31px}}
@media(max-width:760px){.shell{padding-left:22px;padding-right:22px}.site-header{height:72px}.menu-button{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;z-index:20;background:var(--paper);padding:25px 22px 30px;flex-direction:column;align-items:stretch;gap:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:17px}.nav .nav-cta{width:max-content}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:46px;padding-bottom:53px;gap:40px}.hero h1{font-size:clamp(77px,14.5vw,125px);margin:26px 0}.hero-visual{margin-right:0}.hero-image{height:clamp(360px,100vw,550px)}.section{padding-top:65px;padding-bottom:70px}.section-heading{display:block}.section-heading h2{font-size:72px}.section-desc{margin-top:20px}.project-grid,.project-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.project-art,.project:nth-child(3n+2) .project-art,.project:nth-child(3n) .project-art{aspect-ratio:4/4.5}.project-title{font-size:29px}.project-kind{display:none}.interlude{padding-top:65px;padding-bottom:70px}.interlude-inner{display:block}.interlude h2{font-size:73px}.interlude p{margin-top:30px}.about-teaser{display:block}.abstract-art{height:320px}.about-teaser h2{font-size:68px;margin-top:40px}.footer{padding-top:65px}.footer h2{font-size:75px}.footer-top{display:block}.footer-cta{display:inline-block}.footer-bottom{margin-top:55px;flex-direction:column}.page-intro{padding-top:60px;padding-bottom:45px}.page-intro h1{font-size:90px}.page-intro-bottom{display:block}.page-intro p{margin-bottom:25px}.line-rule{margin-top:30px}.listen-shell{grid-template-columns:1fr;padding-top:0;padding-bottom:75px}.listen-side{position:static;order:-1}.track{padding:22px 0}.bio{grid-template-columns:1fr;padding-bottom:70px}.bio h2{font-size:68px}}
@media(max-width:460px){.brand-name{font-size:16px}.hero h1{font-size:73px}.hero-deck{font-size:16px}.project-grid,.project-grid.featured{grid-template-columns:1fr}.project-art,.project:nth-child(3n+2) .project-art,.project:nth-child(3n) .project-art{aspect-ratio:5/4.3}.project-title{font-size:37px}.project-kind{display:block}.section-heading h2,.about-teaser h2,.interlude h2,.footer h2{font-size:64px}.page-intro h1{font-size:76px}.modal{padding:12px}.modal-info{padding:22px;display:block}.modal-info a{display:inline-block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.poster-crop{height:100%;width:100%;background-image:url('cinematic-atlas.webp');background-size:300% 200%;background-repeat:no-repeat;background-color:#766e63;transition:filter .35s}
.project button:hover .poster-crop{filter:saturate(1.14) brightness(1.06)}
.prototype-note{font-size:11px;color:#77796e;letter-spacing:.02em;line-height:1.5;margin:25px 0 0}
.hero-image.poster-crop{height:560px}
@media(max-width:1050px){.hero-image.poster-crop{height:480px}}
@media(max-width:760px){.hero-image.poster-crop{height:clamp(360px,100vw,550px)}}

/* Portfolio revision: editorial copy and one poster per production */
.hero h1{font-size:clamp(68px,8.15vw,128px)}
.hero .poster-crop,.project .poster-crop,.project-poster,.listen-cover .poster-crop{filter:brightness(1.11) saturate(.92)}
.project-card-link{display:block;width:100%;cursor:pointer}
.project-card-link:hover .poster-crop{filter:brightness(1.2) saturate(1.04)}
.project-card-link:hover .view{transform:translateY(0)}
.project-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.project[hidden]{display:none}
.footer-links{flex-wrap:wrap;justify-content:flex-end;row-gap:12px}
.inline-email{border-bottom:1px solid var(--accent);color:var(--accent)}
.about-social{border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:28px;margin-top:50px;font-size:13px}
.about-social a:hover{color:var(--accent)}
.project-back{padding-top:34px;padding-bottom:35px}
.project-overview{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(46px,8vw,135px);align-items:start;padding-bottom:108px}
.project-poster-wrap{min-width:0}
.project-poster{aspect-ratio:3/4;min-height:520px}
.poster-disclaimer{display:block;font-size:10px;color:var(--muted);letter-spacing:.045em;margin-top:14px}
.project-story{padding-top:32px;min-width:0}
.project-story h1{font-size:clamp(78px,8.4vw,136px);letter-spacing:-.06em;line-height:.9;margin:27px 0 38px;overflow-wrap:anywhere}
.project-story-rule{height:1px;background:var(--line);margin-bottom:35px}
.project-story-block p{font-size:clamp(18px,1.8vw,24px);line-height:1.6;max-width:650px;margin:19px 0 44px}
.project-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:26px}
.project-details>div{display:flex;flex-direction:column;gap:13px}
.project-details span:last-child{font:clamp(21px,2.1vw,30px)/1.15 var(--serif)}
.score-section{border-top:1px solid var(--line);padding-top:86px;padding-bottom:112px}
.score-section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.score-section-head h2{font-size:clamp(60px,7.5vw,112px);line-height:.88;letter-spacing:-.05em;margin:16px 0 0}
.score-section-head h2 em{color:var(--accent)}
.score-section-head>div:last-child{text-align:right;color:var(--muted);font-size:12px;line-height:1.5;max-width:250px}
.score-count{color:var(--ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.score-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(35px,7vw,112px);align-items:start}
.score-list{border-top:1px solid var(--line)}
.score-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;color:var(--ink);text-align:left}
button.score-row{cursor:pointer}
button.score-row:hover .score-name,button.score-row.active .score-name{color:var(--accent)}
.score-row.unavailable{opacity:.43}
.score-index{font-size:12px;color:var(--muted)}
.score-name{font:clamp(22px,2.2vw,32px)/1.1 var(--serif);transition:color .2s}
.score-action{font-size:11px;white-space:nowrap;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.score-side{background:#dfdacd;padding:29px;position:sticky;top:22px}
.score-side h3{font-size:43px;line-height:1;letter-spacing:-.02em;margin:17px 0 27px}
.score-fallback{margin-top:23px}
.score-side .listen-note{margin-top:31px}
.missing-project{padding-top:90px;padding-bottom:170px}.missing-project h1{font-size:80px}
@media(max-width:1000px){.project-overview{gap:35px}.project-story h1{font-size:82px}.score-layout{gap:35px}}
@media(max-width:760px){.hero h1{font-size:clamp(67px,12.7vw,98px)}.footer-links{justify-content:flex-start}.project-back{padding-top:25px}.project-overview{grid-template-columns:1fr;padding-bottom:75px}.project-poster{min-height:0;aspect-ratio:4/4.5;max-height:580px}.project-story{padding-top:0}.project-story h1{font-size:clamp(70px,14vw,110px)}.score-section{padding-top:68px}.score-section-head{display:block}.score-section-head h2{font-size:75px}.score-section-head>div:last-child{text-align:left;margin-top:27px}.score-layout{grid-template-columns:1fr}.score-side{position:static;order:-1}.score-row{padding:17px 2px}.score-name{font-size:27px}}
@media(max-width:460px){.hero h1{font-size:63px}.score-section-head h2{font-size:63px}.score-side{padding:20px}.score-row{grid-template-columns:26px minmax(0,1fr) auto;gap:12px}.score-name{font-size:25px}.score-action{font-size:10px}}

/* Uniform film-poster cards and compact homepage carousel */
.project-grid .project-art,.project-grid .project:nth-child(3n+2) .project-art,.project-grid .project:nth-child(3n) .project-art{aspect-ratio:3/4}
.project-grid .project-meta{display:grid;grid-template-rows:1fr auto;align-items:start;gap:6px;min-height:104px;padding-top:17px;padding-bottom:18px}
.project-grid .project-title{line-height:1.05;font-size:clamp(29px,2.6vw,39px)}
.project-grid .project-kind{display:block;align-self:end;white-space:normal;font-size:10px}
.featured-carousel{min-width:0}
.project-grid.featured{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 2px;align-items:stretch}
.project-grid.featured::-webkit-scrollbar{display:none}
.project-grid.featured:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.project-grid.featured .project{flex:0 0 43%;scroll-snap-align:start;min-width:0}
.featured-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:20px}
.featured-count{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-right:17px}
.carousel-arrow{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--ink);border-radius:50%;color:var(--ink);cursor:pointer;font-size:19px;transition:background .2s,color .2s}
.carousel-arrow:hover:not(:disabled){background:var(--ink);color:var(--paper-light)}
.carousel-arrow:disabled{border-color:var(--line);color:#a8a99e;cursor:default}
@media(max-width:760px){.project-grid.featured .project{flex-basis:72%}.project-grid .project-meta{min-height:100px}}
@media(max-width:460px){.project-grid.featured .project{flex-basis:85%}.project-grid .project-title{font-size:34px}}

/* Final portfolio presentation: portrait proportions without stretching source artwork. */
.project-grid .project-art,.project-grid .project:nth-child(3n+2) .project-art,.project-grid .project:nth-child(3n) .project-art{aspect-ratio:4/5}
.project-poster{aspect-ratio:4/5;min-height:0}
.poster-crop{background-size:auto 200%}
.listen-cover{aspect-ratio:1/1}
.abstract-art .poster-crop{background-size:auto 240%;background-position:95.45% 0%!important}
@media(max-width:760px){.project-poster{aspect-ratio:4/5;max-height:none}}

/* Contact / work with us */
.contact-intro{padding-bottom:22px}
.contact-intro h1{font-size:clamp(78px,10vw,146px)}
.contact-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(48px,8vw,140px);padding-top:42px;padding-bottom:125px;align-items:start}
.contact-intro-copy h2{font:clamp(48px,5.3vw,82px)/.98 var(--serif);letter-spacing:-.035em;margin:5px 0 32px}
.contact-intro-copy h2 em{color:var(--accent)}
.contact-intro-copy p{font-size:17px;line-height:1.75;color:#56594f;max-width:470px;margin:0}
.contact-direct{border-top:1px solid var(--line);margin-top:70px;padding-top:24px;display:flex;flex-direction:column;gap:12px}
.contact-email{font:clamp(22px,2.2vw,30px) var(--serif);overflow-wrap:anywhere}
.contact-form{background:var(--paper-light);padding:clamp(24px,3.4vw,51px);border:1px solid #d9d6cd}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.form-field{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.form-field input,.form-field textarea,.form-field select{width:100%;background:transparent;border:1px solid #bdbbb0;border-radius:0;padding:15px 14px;color:var(--ink);font:400 14px/1.5 var(--sans);letter-spacing:normal;text-transform:none;transition:border-color .2s,background .2s}
.form-field textarea{resize:vertical;min-height:160px}
.form-field input:focus-visible,.form-field textarea:focus-visible,.form-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#8a8b82}
.contact-submit{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.contact-submit-button{background:var(--ink);border:1px solid var(--ink);color:#f7f3eb;padding:16px 24px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:background .2s,border-color .2s}
.contact-submit-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}
.contact-submit-button:disabled{opacity:.6;cursor:wait}
.contact-required{color:var(--muted);font-size:11px}
.contact-status{margin:18px 0 0;font-size:13px;line-height:1.5}
.contact-status:empty{display:none}
.contact-status.success{color:#2e6e4b}.contact-status.error{color:#a34032}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.contact-footer{margin-top:0}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:36px;padding-top:25px;padding-bottom:75px}.contact-direct{margin-top:32px}.contact-intro-copy h2{font-size:65px}}
@media(max-width:540px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-intro h1{font-size:76px}.contact-intro-copy h2{font-size:58px}.contact-form{padding:25px 20px}}
.video-box.soundcloud-player{padding-top:0;height:166px;background:transparent}
.video-box.soundcloud-playlist{height:450px}
