@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#103e33;--deep:#092c24;--sage:#bdd1a9;--paper:#f6f7f1;--ink:#183c31;--muted:#5b6b60;--line:#d3ded0;--pad:max(6%,calc((100vw - 1280px)/2));--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #719c70;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1,h2{font-weight:500}em{font-style:normal;color:#527651}.eyebrow,.small-label{font-size:10px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase}.eyebrow{margin-bottom:23px}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid;padding-bottom:5px;font-size:12px}.text-link:hover{color:#6b8b54}.skip{position:absolute;top:-80px;left:20px;z-index:200;padding:10px;background:white}.skip:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#bcd592;z-index:200;transform:scaleX(0);transform-origin:left;width:100%;pointer-events:none}.site-header{position:sticky;top:0;z-index:100;background:#092c24f5;backdrop-filter:blur(16px);color:#f5f7ee;display:flex;justify-content:space-between;align-items:center;padding:5px var(--pad);border-bottom:1px solid #ffffff18;gap:25px}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand img{width:76px;height:76px;object-fit:contain}.brand>span{font-size:10px;font-weight:600;line-height:1.45;letter-spacing:1.6px}.brand small{display:block;color:#b0c7b7;font-size:7px;letter-spacing:1px;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:27px;font-size:11px}.site-header nav>a{position:relative;white-space:nowrap}.site-header nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:#c0d3ac;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav>a:hover:after{transform:scaleX(1)}.nav-contact{padding:9px 16px;border:1px solid #789e86;border-radius:2px;display:flex;gap:22px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:var(--forest);color:#f5f7ef;display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding:70px var(--pad) 100px;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#c5d5bf}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c2da9b;margin-right:9px;box-shadow:0 0 0 5px #bdd1a915}h1{font-size:clamp(50px,5.3vw,80px);letter-spacing:-3.6px;line-height:1.1;margin-bottom:30px}.hero em{color:var(--sage)}.hero-rule{width:62px;height:1px;background:#a5bd91;margin:26px 0}.identity{font-size:15px;font-weight:500;line-height:1.65;margin-bottom:0}.identity span{font-size:11px;color:#bfd1c3;display:block;font-weight:400}.intro{font-size:13px;color:#bfd1c3;max-width:350px;line-height:1.8;margin:20px 0 28px}.actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:14px 21px;background:var(--forest);color:#f7f8ee;border:1px solid transparent;border-radius:2px;font-size:12px;transition:background .25s,transform .35s var(--ease)}.button:hover{background:var(--deep);transform:translateY(-3px)}.button span{transition:transform .35s}.button:hover span{transform:translate(3px,-2px)}.button.light{color:var(--deep);background:#d4e1bc}.button.light:hover{background:#e5edda}.hero-bottom{margin-top:38px;padding-top:21px;border-top:1px solid #ffffff25;display:flex;gap:35px;font-size:9px;line-height:1.7;color:#b8ccbc}.portrait-stage{position:relative;align-self:center;margin-top:12px;padding-right:17px}.portrait{margin:0;aspect-ratio:4/5;position:relative;overflow:hidden;background:#294f3f;border-radius:2px;box-shadow:0 24px 65px #061c2430}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform 1.5s var(--ease)}.portrait-stage:hover .portrait img{transform:scale(1.035)}.portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#072b20d9);padding:60px 20px 19px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#e4eddd}.portrait-side{position:absolute;right:-20px;top:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#bed0bc}.sound-stamp{position:absolute;bottom:-25px;left:-30px;background:#d9e5c9;color:#163d2e;padding:17px 25px;display:flex;gap:17px;align-items:center;box-shadow:0 10px 30px #06201930}.sound-stamp>span:last-child{font-size:9px;line-height:1.6;letter-spacing:1.2px}.equalizer{height:26px;display:flex;align-items:center;gap:3px}.equalizer i{display:block;width:3px;background:#345c40;height:60%;animation:meter 1.5s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:100%;animation-delay:-.6s}.equalizer i:nth-child(3){height:45%;animation-delay:-.2s}.equalizer i:nth-child(4){height:80%;animation-delay:-.9s}.equalizer i:nth-child(5){height:30%;animation-delay:-.4s}@keyframes meter{to{transform:scaleY(.25)}}.hero-orbit{position:absolute;z-index:-1;width:850px;height:850px;border:1px solid #b3cea315;border-radius:50%;right:-350px;top:-180px;box-shadow:0 0 0 60px #b3cea308,0 0 0 120px #b3cea305,0 0 0 180px #b3cea303;animation:orbit 22s ease-in-out infinite alternate;pointer-events:none}@keyframes orbit{to{transform:translate(-90px,100px) scale(1.1)}}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);display:flex;align-items:center;gap:30px;font-size:8px;letter-spacing:1.8px;color:#b9ceba}.scroll-cue span{font-size:16px}.ticker{padding:21px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:2px;background:#e4ebdc;color:#3f6246;border-bottom:1px solid var(--line)}.ticker i{font-size:15px;font-style:normal;color:#759265}
.section{padding:95px var(--pad)}h2{font-size:clamp(35px,3.5vw,52px);line-height:1.2;letter-spacing:-1.9px;margin-bottom:22px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}.section-heading>p{max-width:285px;font-size:12px;color:var(--muted);margin-bottom:27px}.projects{background:#f6f7f1}.project-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 35px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;padding:8px 14px;font-size:10px;border-radius:2px;color:#536955;transition:background .25s,color .25s}.filters button:hover{border-color:#b5c7ac}.filters button[aria-pressed=true]{background:var(--forest);color:#f0f5e6}.filters sup{margin-left:5px;font-size:8px}.filter-status{font-size:9px;color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:1.12fr 1fr;column-gap:45px;row-gap:65px}.project-card:nth-child(even){padding-top:80px}.project-card[hidden]{display:none}.project-grid.filtered{grid-template-columns:minmax(0,800px)}.project-grid.filtered .project-card{padding-top:0}.project-visual{position:relative;display:block;overflow:hidden;aspect-ratio:1.4;background:#0c2820}.project-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease),filter .6s}.project-visual.audio img,.project-visual.community img{object-fit:contain;padding:28px;background:#101713}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#041710b0);pointer-events:none}.project-visual:hover img{transform:scale(1.045)}.project-index{position:absolute;left:21px;bottom:19px;font-size:8px;color:white;letter-spacing:1.5px;z-index:1}.project-arrow{position:absolute;right:18px;bottom:14px;width:37px;height:37px;border-radius:50%;background:#e3eccf;display:grid;place-items:center;z-index:1;transition:transform .35s var(--ease)}.project-visual:hover .project-arrow{transform:rotate(45deg)}.project-caption{padding-top:23px}.project-caption .eyebrow{font-size:9px;color:#66815a;margin-bottom:10px;letter-spacing:1.4px}.project-caption h3{font-size:29px;font-weight:500;line-height:1.25;letter-spacing:-1px;margin-bottom:13px}.project-caption h3 span{display:block;font-size:19px;color:#66815a;letter-spacing:-.4px;margin-top:5px}.project-caption>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:430px;color:var(--muted);margin-bottom:20px}.project-caption .text-link{font-size:10px}
.music{border-top:1px solid var(--line);background:#eaf0e2}.featured{padding:30px;background:#dde7d3;border:1px solid #c7d6be;display:grid;grid-template-columns:1fr 1.45fr;align-items:center;gap:35px}.featured h3{font-size:36px;font-weight:500;letter-spacing:-1px;margin-bottom:5px}.featured .eyebrow{font-size:8px;margin-bottom:12px;color:#5d7750}.featured p{font-size:12px;color:var(--muted)}iframe{border:0;width:100%;display:block;border-radius:10px}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.tracks article{background:#f5f7f0;padding:23px;border:1px solid #d0ddc6}.track-heading{display:flex;gap:15px;align-items:center;margin-bottom:20px}.track-heading h3{font-size:21px;font-weight:500;margin:0;letter-spacing:-.6px}.track-heading>span{font-size:9px;color:var(--muted)}.track-heading>span:last-child{margin-left:auto}.tracks article>a{display:inline-block;margin-top:12px;font-size:10px}.studio{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#f6f7f1}.studio>div>p:last-child{max-width:330px;font-size:13px;color:var(--muted)}.studio-list article{padding:23px 0;border-bottom:1px solid var(--line);display:flex;gap:24px}.studio-list article:first-child{padding-top:0}.studio-list article>span{padding-top:4px;font-size:10px;color:#66815a}.studio-list h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin-bottom:7px}.studio-list p{font-size:12px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:var(--forest);color:#f4f7ef}.about em{color:var(--sage)}.about .eyebrow{color:#bfd1b6}.about .small-label{color:#a4be9f;margin-top:40px}.bio{font-size:13px;line-height:1.9;color:#bfd0c0}.bio .lead{font-size:21px;line-height:1.7;color:#eff4e8}details{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:19px 0;margin:28px 0}summary{cursor:pointer;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{float:right;transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}details[open] summary{margin-bottom:25px}details p{font-size:12px}.facts{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.facts span{font-size:8px;letter-spacing:1.5px;color:#c1d2b6}.facts p{font-size:10px;margin-top:10px}.epk .section-heading>.button{margin-bottom:26px}.epk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.epk-grid article{padding:28px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:flex-start}.epk-grid .small-label{font-size:8px;color:#68815f}.epk-grid h3{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:15px 0}.epk-grid p{font-size:12px;color:var(--muted);min-height:75px}.epk-grid .text-link{margin-top:auto}.contact{background:#d4e1c7}.contact h2{font-size:clamp(43px,6vw,84px);line-height:1.12;letter-spacing:-3px}.email{font-size:clamp(16px,2.5vw,35px);letter-spacing:-.8px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #a0b791;padding:20px 0;overflow-wrap:anywhere}.email span{transition:transform .4s}.email:hover span{transform:translate(8px,-8px)}.contact-footer{display:flex;justify-content:space-between;font-size:10px;color:#4b6747;gap:20px;margin-top:23px}.contact-footer p{margin:0}footer{background:var(--deep);color:#bfd0c0;padding:17px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px}.footer-brand img{display:block;width:64px;height:64px}.footer-links{display:flex;gap:20px;align-items:center}.motion-toggle{font-size:9px;border:1px solid #74917c;background:transparent;color:inherit;padding:6px 10px;border-radius:2px}
/* Project pages */
.case-hero{background:var(--forest);color:#eff4e9;padding:35px var(--pad) 65px}.back-link{display:inline-block;font-size:10px;color:#bbd0b6;margin-bottom:45px}.case-hero .eyebrow{color:#bbd0b6}.case-hero h1{font-size:clamp(45px,6vw,88px);max-width:950px;letter-spacing:-3px;line-height:1.05}.case-hero h1 em{font-size:.56em;color:var(--sage);letter-spacing:-1.5px;line-height:1.4;display:inline-block;margin-top:10px}.case-intro{max-width:720px;color:#c3d4c1;font-size:15px;line-height:1.85;margin-bottom:40px}.case-meta{border-top:1px solid #ffffff28;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-meta .eyebrow{font-size:8px}.case-meta p{font-size:12px;margin:10px 0 0;max-width:370px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tags>span{font-size:9px;border:1px solid #77927b;padding:5px 10px}.case-cover{margin:0;background:#0a211b;padding:35px var(--pad)}.case-cover img{display:block;max-height:650px;width:100%;object-fit:contain}.case-body{padding:85px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.case-side{align-self:start;position:sticky;top:125px}.case-side .button{font-size:10px;padding:12px 15px;gap:20px;margin-top:12px}.case-steps article{border-bottom:1px solid var(--line);padding:5px 0 25px;margin-bottom:25px}.step-number{font-size:9px;color:#779365}.case-steps h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:10px 0}.case-steps p{font-size:13px;line-height:1.9;color:var(--muted)}.case-video{padding:70px var(--pad);background:#e5eddd}.case-video iframe{aspect-ratio:16/9;border-radius:0;height:auto;margin:30px 0 20px;background:#0b281e}.case-gallery{padding:80px var(--pad)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.gallery-grid figure{margin:0}.gallery-grid a{display:block;background:#0c241c;padding:15px}.gallery-grid img{width:100%;display:block;max-height:550px;object-fit:contain}.gallery-grid figcaption{font-size:8px;color:var(--muted);letter-spacing:1.5px;margin-top:12px}.source-notes{padding:0 var(--pad) 70px}.source-notes details{border-color:var(--line)}.original-notes{max-width:900px}.original-notes p{font-size:12px;color:var(--muted);line-height:1.9}.source-link,.project-note{font-size:10px;color:var(--muted)}.source-link a{text-decoration:underline;text-underline-offset:4px}.project-note{max-width:750px}.next-project{padding:55px var(--pad);background:#d5e2c8;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.next-project>.eyebrow{grid-column:1/-1;margin:0}.next-project>span:nth-child(2){font:500 32px/1.4 'Manrope',Arial;letter-spacing:-1px}.next-project em{display:block;font-size:21px;letter-spacing:-.5px}.next-project b{font-size:35px;font-weight:400;transition:transform .3s}.next-project:hover b{transform:translate(5px,-5px)}
/* Motion enhances readable, fully visible content. */
@keyframes arrive{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:none}}.hero-enter{animation:arrive 1.1s var(--ease) both}.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.18s}.hero-copy>*:nth-child(4){animation-delay:.23s}.hero-copy>*:nth-child(5){animation-delay:.3s}.hero-copy>*:nth-child(6){animation-delay:.35s}.hero-copy>*:nth-child(7){animation-delay:.4s}.portrait-stage.hero-enter{animation-delay:.18s}.reveal.is-visible{animation:arrive .85s var(--ease) both}.project-card.filter-enter{animation:arrive .6s var(--ease) both}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:110px}}
@media(max-width:1050px){:root{--pad:5%}.brand small{display:none}.site-header nav{gap:20px}.hero{gap:6%;padding-top:55px}h1{font-size:60px;letter-spacing:-2.8px}.hero-bottom{gap:22px}.actions{gap:20px}.project-grid{gap:50px 30px}.project-card:nth-child(even){padding-top:60px}.section{padding-top:75px;padding-bottom:75px}.epk-grid{gap:15px}.epk-grid article{padding:23px}.footer-links{gap:13px}.case-meta{gap:30px}}
@media(max-width:800px){:root{--pad:6%}.site-header{padding-top:5px;padding-bottom:5px}.brand img{width:64px;height:64px}.menu-toggle{display:flex;gap:20px;color:#edf4e4;background:transparent;border:1px solid #6b9079;padding:7px 12px;font-size:10px;align-items:center}.menu-toggle span{font-size:16px}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:10px}.js .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--deep);padding:25px var(--pad);border-bottom:1px solid #668a71;flex-direction:column;align-items:stretch;font-size:14px;gap:0}.js .site-header nav.open{display:flex}.js .site-header nav>a{padding:12px 0}.js .site-header nav .nav-contact{margin-top:15px;padding:12px}.hero{grid-template-columns:1fr 1fr;gap:6%;padding:45px var(--pad) 85px}h1{font-size:47px;letter-spacing:-2.2px}.hero .eyebrow{font-size:8px}.hero-bottom{font-size:8px;gap:15px}.identity{font-size:13px}.identity span{font-size:10px}.intro{font-size:12px}.actions{flex-wrap:wrap;gap:18px}.portrait-stage{align-self:center;padding-right:0}.portrait{aspect-ratio:3/4}.portrait-side{display:none}.sound-stamp{left:-15px;bottom:-22px;padding:13px 17px;gap:13px}.sound-stamp>span:last-child{font-size:7px}.portrait figcaption{font-size:6px;padding:50px 13px 16px}.section-heading{gap:25px}.section-heading>p{max-width:230px}.project-toolbar{align-items:flex-start}.filters{gap:4px}.filters button{padding:7px 9px;font-size:9px}.project-grid{gap:45px 25px}.project-card:nth-child(even){padding-top:50px}.project-caption h3{font-size:24px}.project-caption h3 span{font-size:17px}.project-visual{aspect-ratio:1.2}.featured{grid-template-columns:1fr;padding:25px;gap:20px}.studio,.about{gap:7%}.bio .lead{font-size:19px}.epk-grid{grid-template-columns:1fr}.epk-grid p{min-height:0}.epk-grid article{padding:25px}.footer-links>a{display:none}.case-body{gap:7%;grid-template-columns:.85fr 1.15fr}.case-side h2{font-size:34px}.case-meta{grid-template-columns:1fr 1fr}.gallery-grid{gap:22px}.case-hero h1{font-size:60px}}
@media(max-width:580px){html{scroll-padding-top:85px}.brand span{font-size:9px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:82px;gap:42px}.hero .eyebrow{font-size:9px}h1{font-size:clamp(43px,10.8vw,61px);letter-spacing:-2.4px;line-height:1.1}.hero-rule{margin:21px 0}.identity{font-size:14px}.identity span{font-size:11px}.intro{max-width:340px;font-size:13px}.actions{gap:25px}.hero-bottom{font-size:9px;gap:30px;margin-top:28px}.portrait-stage{max-width:430px;width:100%;margin:0 auto;padding-left:18px;padding-right:8px}.portrait{aspect-ratio:4/4.5}.sound-stamp{left:0}.portrait figcaption{font-size:7px}.scroll-cue{bottom:22px}.ticker{font-size:8px;letter-spacing:1px;gap:10px;flex-wrap:wrap;justify-content:center}.ticker i{font-size:11px}.section{padding:58px var(--pad)}h2{font-size:36px;letter-spacing:-1.5px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:100%;margin-bottom:0;margin-top:20px}.project-toolbar{display:block;padding-bottom:24px}.filter-status{display:block;margin-top:12px}.filters{gap:5px}.filters button{font-size:10px;padding:7px 10px;border-color:#d5dfcf}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:40px}.project-card:nth-child(even){padding-top:0}.project-visual{aspect-ratio:1.45}.project-caption{padding-top:20px}.project-caption h3{font-size:27px}.project-caption h3 span{font-size:19px}.project-caption>p:not(.eyebrow){font-size:12px}.tracks{grid-template-columns:1fr;gap:20px}.track-heading>span:last-child{font-size:8px}.featured h3{font-size:32px}.studio,.about{grid-template-columns:1fr;gap:25px}.studio-list article{gap:20px}.bio .lead{font-size:20px}.about .small-label{margin-top:20px}.facts{gap:20px}.epk .section-heading>.button{margin:10px 0 5px}.contact h2{font-size:46px;letter-spacing:-2.3px}.email{font-size:16px;letter-spacing:-.4px;gap:10px}.contact-footer{display:block}.contact-footer>a{display:inline-block;margin-top:12px}footer{gap:12px;flex-wrap:wrap;font-size:8px}.footer-brand img{width:46px;height:46px}.footer-links{margin-left:auto}.motion-toggle{font-size:8px}footer>a:last-child{display:none}.case-hero{padding-top:24px;padding-bottom:40px}.back-link{margin-bottom:30px}.case-hero h1{font-size:47px;letter-spacing:-2px;overflow-wrap:anywhere}.case-hero h1 em{font-size:.6em;letter-spacing:-.9px}.case-intro{font-size:13px;margin-bottom:25px}.case-meta{grid-template-columns:1fr;gap:22px}.case-cover{padding:20px var(--pad)}.case-body{padding:55px var(--pad);grid-template-columns:1fr;gap:35px}.case-side{position:static}.case-side h2 br{display:none}.case-side h2{font-size:33px}.case-side h2 em:before{content:' '}.case-steps p{font-size:13px}.case-video,.case-gallery{padding:50px var(--pad)}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-grid a{padding:10px}.source-notes{padding-bottom:45px}.next-project{padding:40px var(--pad)}.next-project>span:nth-child(2){font-size:27px}.next-project em{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Three-project composition, contextual summaries and responsive artist player. */
.project-card:nth-child(even){padding-top:0}.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:45px}.project-card:first-child .project-caption{padding:10px 0}.project-grid.filtered .project-card{display:block;grid-column:auto}.project-context-summary{border-top:1px solid var(--line);padding-top:17px}.project-context-summary>span{display:block;font-size:8px;letter-spacing:1.6px;color:#5c7855;margin-bottom:6px}.context-panel{margin:0 0 35px;padding:25px 28px;background:#173f34;border:1px solid #ffffff2c}.context-panel>.eyebrow{margin-bottom:17px}.context-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}.context-panel dt{font-size:10px;color:#d2e0c5;margin-bottom:8px}.context-panel dd{margin:0;color:#bed0bd;font-size:11px;line-height:1.85}.spotify-profile{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center;padding:35px;background:#dce7d2;border:1px solid #c7d7bd}.spotify-profile h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 18px}.spotify-profile-copy>p:not(.eyebrow){max-width:340px;font-size:12px;color:var(--muted)}.spotify-profile-copy>.eyebrow{font-size:9px;color:#58774a}.spotify-profile .spotify-note{font-size:9px!important;margin:18px 0 0}.spotify-player{min-width:0}.spotify-player iframe{height:352px;background:#102a1c}.spotify-fallback{font-size:9px;margin-top:13px}.hero-copy,.portrait-stage,.case-meta>div,.case-steps,.project-caption{min-width:0}.tags span{overflow-wrap:anywhere}.gallery-grid img{height:auto}.case-hero h1{overflow-wrap:anywhere}.menu-toggle{min-height:40px}.filters button{min-height:40px}.motion-toggle{min-height:36px}.source-notes summary{min-height:40px}
@media(max-width:1050px){.spotify-profile{gap:30px;padding:28px}.context-panel dl{gap:20px}.project-card:first-child{gap:30px}}
@media(max-width:800px){.project-card:first-child{grid-template-columns:1fr;gap:15px}.spotify-profile{grid-template-columns:1fr;gap:28px}.spotify-profile-copy>p:not(.eyebrow){max-width:100%}.context-panel dl{grid-template-columns:1fr;gap:18px}.context-panel{padding:23px}.js .menu-toggle{display:flex}.site-header nav>a{min-height:42px}}
@media(max-width:580px){.project-card:first-child{display:block}.project-card:first-child .project-caption{padding-top:20px}.spotify-profile{padding:20px;gap:26px}.spotify-profile h3{font-size:28px}.spotify-profile .button{font-size:11px;gap:25px}.spotify-player iframe{height:352px}.context-panel{padding:20px}.context-panel dd{font-size:12px}.context-panel dt{font-size:11px}.hero-bottom{flex-wrap:wrap}.footer-links{flex-wrap:wrap}.email{font-size:clamp(13px,4.05vw,16px)}}
@media(hover:none){.project-visual:hover img,.portrait-stage:hover .portrait img,.project-visual:hover .project-arrow,.button:hover,.button:hover span,.email:hover span{transform:none}}
/* Browser QA: let the artist player use the phone width instead of nested padding. */
@media(max-width:580px){.spotify-profile{padding:0;border:0;background:transparent;gap:22px;grid-template-columns:minmax(0,1fr);min-width:0}.spotify-profile-copy{padding:0 2px;min-width:0}.spotify-player{width:calc(100vw - 32px);max-width:none;position:relative;left:50%;transform:translateX(-50%)}.spotify-player iframe{width:100%;min-width:0}.spotify-fallback{margin-left:12px;margin-right:12px}.spotify-profile .spotify-note{margin-top:15px}}