/* One introduction; the detail lives alongside the relevant work and approach. */
.opening-elements{margin-top:65px}
.opening-elements .expertise-strip{margin-top:0}
.opening{padding-bottom:55px}
.work{padding-top:65px}

/* Chemistry, applied AI and ways of working form one section. */
.approach{background:#050505;padding-top:85px;padding-bottom:85px}
.approach>.section-top{margin-bottom:40px}
.approach .chem-heading{grid-template-columns:.7fr 1.3fr;gap:8%;min-height:0;margin-bottom:50px}
.approach .chem-heading h2{font-size:clamp(44px,5.2vw,78px)}
.approach .chem-heading p{max-width:650px;font-size:18px;line-height:1.7;margin-top:24px}
.approach .chem-still-life{height:330px;min-height:0;max-width:none;margin:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.approach .chem-glass{position:relative;width:min(115%,440px);left:auto;bottom:auto;margin:0 auto;aspect-ratio:auto}
.approach .chem-glass img{width:100%;height:auto;transform:none}
.approach .chem-still-life figcaption{position:relative;bottom:auto;left:auto;right:auto;margin:-20px 0 0;justify-content:center;gap:16px}
.approach .chem-logo .logo{width:135px}
.approach .chem-still-life figcaption>.micro{font-size:10px}
.approach-panels{max-width:1180px;margin:0 auto}
.approach .engagement-note{margin:25px 0 0;max-width:850px;font-size:14px;line-height:1.7;color:#aaa}

/* Native details provide keyboard support and expose their expanded state. */
.content-fold{border-top:1px solid #ffffff30;scroll-margin-top:15px}
.content-fold:last-of-type{border-bottom:1px solid #ffffff30}
.content-fold>summary{display:grid;grid-template-columns:30px minmax(0,1fr) 42px;align-items:center;gap:24px;min-height:114px;padding:24px 0;cursor:pointer;list-style:none;color:var(--white)}
.content-fold>summary::-webkit-details-marker{display:none}
.content-fold>summary::marker{content:''}
.content-fold>summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.content-fold>summary:hover .fold-copy h3{color:var(--orange)}
.fold-number{align-self:start;padding-top:6px;font-size:11px;color:#8f8f8f}
.fold-copy{display:block;min-width:0}
.content-fold .fold-copy h3{font:500 clamp(22px,2.2vw,31px)/1.25 var(--font);letter-spacing:-.025em;margin:0;color:var(--white);transition:color .2s}
.fold-copy>span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:#aaa}
.fold-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;color:var(--orange)}
.fold-icon svg{width:21px;height:21px;transition:transform .25s}
.content-fold[open]>summary .fold-icon{background:var(--orange);border-color:var(--orange);color:#080808}
.content-fold[open]>summary .fold-icon svg{transform:rotate(45deg)}
.fold-body{padding:10px 0 38px 54px}
.fold-body>p,.fold-intro{font-size:17px;line-height:1.75;color:#c1c1c1;max-width:780px;margin:0 0 22px}
.fold-body>.micro{color:#999;font-size:11px}
.mixer-fold .fold-body{padding-left:0}
.mixer-fold .fold-intro{max-width:760px;margin-bottom:32px}
.mixer-fold .chem-lab{gap:45px}
.mixer-fold .chem-bottom{margin-top:30px;padding-top:20px;font-size:10px}
.practice-fold .fold-body{padding-left:0;padding-top:18px}
.practice-fold .practice-grid{gap:55px;grid-template-columns:.85fr 1.15fr}
.practice-fold .practice-copy>p,.practice-fold .practice-row p{font-size:16px;color:#bbb;line-height:1.75}
.practice-fold .practice-row h3{font-size:21px;color:var(--white)}
.practice-fold .practice-row>span{color:var(--orange)}
.practice-fold .practice-visual{align-self:start}
.practice-fold .practice-copy>.line-link{font-size:15px}

/* A short introduction, then personal story and images in one place. */
.about-details{padding-bottom:80px}
.about-story{margin-bottom:40px}
.about-details .about-copy>p{font-size:19px;line-height:1.7;margin-bottom:0}
.about-explore{max-width:1180px;margin:0 auto}
.about-explore .personal-archive{margin:0;border-bottom:1px solid #ffffff30}
.about-explore .personal-archive>summary{font-size:inherit}
.about-explore .personal-archive .about-personal{margin:0;padding:0}
.about-explore .personal-archive .fold-body{padding-left:0}
.about-explore .personal-archive[open] .gallery-enlarge svg{transform:none}
.bio-fold .fold-body>p{max-width:840px}
.bio-fold .about-numbers{max-width:840px;margin-top:30px}
.bio-fold .sound-story-link{margin-top:8px}
.sound-after-film.sound-lab{padding:30px var(--gutter) 65px;margin:0;background:#050505;scroll-margin-top:15px}
.sound-after-film.sound-lab>.section-top{display:none}
.sound-after-film .sound-disclosure{max-width:1180px;margin:0 auto;border-top:1px solid #ffffff30}
.sound-after-film .sound-disclosure>summary{min-height:114px;padding:24px 0;gap:24px}
.sound-after-film .sound-summary-cover{width:60px;height:60px}
.sound-after-film .sound-summary-title>#sound-title{font-size:32px}
.sound-after-film .sound-expanded{padding-top:12px}
.sound-after-film .sound-summary-title small{font-size:10px}

@media(max-width:900px){
 .approach .chem-heading{grid-template-columns:.6fr 1.4fr;gap:6%}
 .approach .chem-still-life{height:240px}
 .approach .chem-heading h2{font-size:52px}
 .approach .chem-still-life figcaption>.micro{display:none}
 .practice-fold .practice-grid{grid-template-columns:1fr;gap:30px}
 .practice-fold .practice-visual{max-width:600px}
}
@media(max-width:760px){
 .opening-elements{margin-top:42px}
 .opening{padding-bottom:35px}
 .work{padding-top:40px}
 .approach{padding-top:55px;padding-bottom:55px}
 .approach>.section-top{margin-bottom:28px}
 .approach .chem-heading{grid-template-columns:1fr;gap:0;margin-bottom:32px}
 .approach .chem-still-life{width:200px;height:190px;min-height:0;margin:0 auto 28px}
 .approach .chem-glass{width:100%;left:0}
 .approach .chem-still-life figcaption{margin-top:-12px}
 .approach .chem-logo .logo{width:115px}
 .approach .chem-heading h2{font-size:clamp(41px,10.8vw,68px)}
 .approach .chem-heading p{font-size:16px;margin-top:20px}
 .content-fold{scroll-margin-top:10px}
 .content-fold>summary{grid-template-columns:20px minmax(0,1fr) 32px;gap:12px;min-height:110px;padding:22px 0}
 .fold-number{font-size:10px;padding-top:5px}
 .content-fold .fold-copy h3{font-size:22px;line-height:1.3}
 .fold-copy>span{font-size:13px;margin-top:7px}
 .fold-icon{width:32px;height:32px}
 .fold-icon svg{width:18px;height:18px}
 .fold-body{padding:4px 0 30px}
 .fold-body>p,.fold-intro{font-size:16px;line-height:1.75}
 .mixer-fold .chem-lab{gap:24px}
 .mixer-fold .chem-bottom{display:block;line-height:1.8}
 .mixer-fold .chem-bottom>span{display:block}
 .practice-fold .practice-copy>p,.practice-fold .practice-row p{font-size:16px}
 .approach .engagement-note{font-size:13px}
 .about-story{margin-bottom:30px}
 .about-details .about-copy>p{font-size:17px}
 .about-details{padding-bottom:55px}
 .sound-after-film.sound-lab{padding-top:20px;padding-bottom:40px}
 .sound-after-film .sound-disclosure>summary{gap:14px;min-height:110px;padding:22px 0}
 .sound-after-film .sound-summary-cover{width:48px;height:48px}
 .sound-after-film .sound-summary-title>#sound-title{font-size:24px}
 .sound-after-film .sound-summary-title small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.fold-icon svg,.fold-copy h3{transition:none}}