/* The extended profile shares the homepage's type, colors, navigation and player. */
.profile-hero{background:var(--dark);color:var(--paper);padding:66px 0 58px}
.profile-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.profile-intro>.eyebrow{color:#bcbfaf;margin-bottom:29px}
.profile-intro h1{font-size:clamp(3.8rem,6.2vw,6.2rem);line-height:1.01;letter-spacing:-.05em}
.profile-intro h1 em{color:#c5b497;font-weight:400}
.profile-lead{font:400 clamp(1.45rem,2.05vw,1.9rem)/1.4 var(--serif);letter-spacing:-.015em;max-width:580px;margin-top:30px}
.profile-summary{font-size:.9rem;line-height:1.9;color:#bac3b7;max-width:540px;margin-top:19px}
.profile-film-link{margin-top:22px;color:var(--paper);gap:12px;border-bottom-color:#b6bba16b}
.profile-film-link>span{font:.6rem/1.5 var(--mono);color:#b6bfae;margin-left:13px}
.profile-film-link .play-icon{width:14px;height:14px}
.profile-hero :focus-visible{outline-color:#d6bc97}
.profile-portrait .portrait-window img{aspect-ratio:.91;object-position:51% 40%}
.profile-portrait figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;padding-top:16px;margin-top:16px;font-size:.8rem}
.profile-portrait figcaption div>span{display:block;color:#b6bfae;font:.65rem/1.9 var(--mono);margin-top:5px}
.profile-portrait figcaption>span{font:.59rem/1.8 var(--mono);color:#b6bfae;padding-top:3px;text-align:right;max-width:95px}
.profile-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);gap:24px}
.profile-index a{display:flex;gap:15px;align-items:center;min-height:82px;font-size:.78rem}
.profile-index a>span{font:.6rem/1.5 var(--mono);color:#897154}
.profile-index a:hover{color:#8b6941;text-decoration:underline;text-underline-offset:6px}
.profile-split{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.profile-practice,.profile-approach{padding-block:88px}
.profile-heading>.eyebrow{color:#6b6f64;margin-bottom:22px}
.profile-heading h2{font-size:clamp(3rem,4.9vw,4.6rem)}
.profile-prose{padding-top:34px}
.profile-prose>p{font-size:.92rem;line-height:1.9;color:var(--muted)}
.profile-prose>p+p{margin-top:20px}
.profile-prose>.profile-standfirst{font:400 1.7rem/1.35 var(--serif);color:var(--ink);letter-spacing:-.02em}
.profile-actions{margin-top:21px}
.profile-prose>.profile-disclosure{border-top:1px solid var(--line);padding-top:17px;margin-top:26px;font:.62rem/1.85 var(--mono);color:#646d5d}
.profile-projects{background:#e8e5dc;padding-block:80px 58px}
.profile-projects .section-heading{margin-bottom:46px}
.profile-project-list{border-top:1px solid #c7c8bb}
.profile-project{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) 26px;gap:44px;align-items:center;padding-block:36px;border-bottom:1px solid #c7c8bb}
.profile-project-image{display:block;background:#202a25;overflow:hidden;border:1px solid #a8b0a2}
.profile-project-image img{aspect-ratio:16/9;width:100%;height:auto;object-fit:contain;transition:transform .65s}
.profile-project-image:hover img{transform:scale(1.025)}
.profile-project-copy>.eyebrow{color:#646d5d;font-size:.57rem;letter-spacing:.05em}
.profile-project-copy h3{font-size:clamp(2.2rem,3.2vw,3rem);line-height:1.06;margin-top:13px}
.profile-project-copy>p:not(.eyebrow){font-size:.85rem;line-height:1.85;color:var(--muted);margin-top:15px}
.profile-project-copy>.text-link,.profile-project-links{margin-top:15px}
.profile-project-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.profile-project-links .project-secondary{margin:0}
.profile-project-number{align-self:start;font:.62rem/1.6 var(--mono);color:#7a705d}
.profile-independence{max-width:750px;font-size:.65rem;line-height:1.85;color:#66705f;margin-top:24px}
.profile-heading-note{font-size:.87rem;line-height:1.85;color:var(--muted);max-width:310px;margin-top:28px}
.profile-skills{margin:0}
.profile-skills>div{border-top:1px solid var(--line);padding:23px 0 26px}
.profile-skills>div:last-child{border-bottom:1px solid var(--line)}
.profile-skills dt{display:flex;align-items:center;gap:18px;font:400 1.7rem/1.2 var(--serif);letter-spacing:-.025em}
.profile-skills dt>span{font:.59rem/1.6 var(--mono);color:#897154;letter-spacing:0}
.profile-skills dd{margin:13px 0 0 33px;font-size:.87rem;line-height:1.85;color:var(--muted)}
.profile-story{padding-block:75px;background:#e8e5dc}
.profile-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px}
.profile-story .eyebrow{color:#6b6f64;margin-bottom:21px}
.profile-story h2{font-size:clamp(2.8rem,4.25vw,4.1rem)}
.profile-story p:not(.eyebrow){max-width:450px;font-size:.88rem;line-height:1.9;color:var(--muted);margin-top:24px}
.profile-story p.profile-story-last{margin-top:15px;color:var(--ink)}
.profile-story .film-poster{aspect-ratio:2.05}
.profile-story .film-caption{font-size:.55rem;left:17px;right:17px;bottom:14px}
.profile-story .film-caption>span:first-child{display:none}
.profile-story .film-caption>span:last-child{width:100%;gap:13px}
.profile-story .film-caption b{margin-left:auto}
.profile-story .film-play{width:64px;height:64px}
.profile-story .film-play .icon{width:23px;height:23px}
.profile-connect{padding-block:69px 62px}
.profile-connect .profile-split{align-items:center}
.profile-connect .eyebrow{margin-bottom:21px}
.profile-connect h2{font-size:clamp(3.5rem,6.5vw,6.1rem)}
.profile-contact-copy>p{color:#bac3b7;font-size:.9rem;line-height:1.85;max-width:390px}
.profile-contact-copy .text-link{margin-top:21px}
.profile-phone{display:inline-flex;align-items:center;min-height:44px;margin-left:30px;font-size:.79rem;color:#d3d8ca}
.profile-phone:hover{text-decoration:underline;text-underline-offset:5px}
.profile-contact-copy p.profile-contact-role{font:.62rem/1.9 var(--mono);margin-top:23px;color:#b3bda9}
@media(min-width:1500px){.profile-opening{gap:100px}.profile-portrait .portrait-window img{aspect-ratio:1.04}}
@media(max-width:1100px){.profile-opening{gap:45px}.profile-hero{padding-block:50px}.profile-intro h1{font-size:6.1vw}.profile-lead{font-size:1.55rem}.profile-summary{font-size:.85rem}.profile-split{gap:55px}.profile-project{gap:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr) 20px}.profile-story-grid{gap:40px}.profile-story .film-footnote{font-size:.53rem}}
@media(max-width:760px){
  .profile-hero{padding:36px 0 31px}.profile-opening{grid-template-columns:1fr;gap:28px}.profile-intro>.eyebrow{margin-bottom:23px}.profile-intro h1{font-size:clamp(3rem,11vw,5rem);line-height:1.04}.profile-lead{font-size:1.5rem;margin-top:24px;max-width:480px}.profile-summary{font-size:.88rem;line-height:1.85;margin-top:17px}.profile-film-link{margin-top:18px}.profile-portrait .portrait-window img{aspect-ratio:1.75;object-position:51% 38%}.profile-portrait figcaption{margin-top:13px;padding-top:13px;font-size:.77rem}.profile-portrait figcaption div>span{font-size:.61rem}.profile-portrait figcaption>span{font-size:.56rem}
  .profile-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding-block:8px}.profile-index a{min-height:48px;font-size:.73rem;gap:12px}.profile-index a>span{font-size:.56rem}
  .profile-split{grid-template-columns:1fr;gap:26px}.profile-practice,.profile-approach{padding-block:49px}.profile-heading>.eyebrow{margin-bottom:18px}.profile-heading h2{font-size:clamp(2.75rem,10.5vw,4rem)}.profile-prose{padding:0}.profile-prose>.profile-standfirst{font-size:1.65rem}.profile-prose>p{font-size:.89rem;line-height:1.85}.profile-prose>.profile-disclosure{font-size:.6rem}
  .profile-projects{padding-block:49px 35px}.profile-projects .section-heading{margin-bottom:29px}.profile-project{grid-template-columns:minmax(0,1fr) 24px;gap:23px 12px;padding-block:28px 31px}.profile-project-image{grid-column:1/-1}.profile-project-copy>.eyebrow{font-size:.55rem}.profile-project-copy h3{font-size:2.5rem;margin-top:13px}.profile-project-copy>p:not(.eyebrow){font-size:.87rem;line-height:1.85}.profile-project-number{grid-row:2;grid-column:2;text-align:right}.profile-project-links{gap:10px 20px}.profile-independence{font-size:.63rem;margin-top:23px}
  .profile-heading-note{font-size:.86rem;max-width:400px;margin-top:23px}.profile-skills>div{padding:24px 0}.profile-skills dt{font-size:1.6rem;gap:14px}.profile-skills dd{margin-left:29px;font-size:.86rem}
  .profile-story{padding-block:49px 43px}.profile-story-grid{grid-template-columns:1fr;gap:29px}.profile-story h2{font-size:clamp(2.8rem,10.4vw,4rem)}.profile-story p:not(.eyebrow){font-size:.88rem;margin-top:23px}.profile-story p.profile-story-last{margin-top:14px}.profile-story .film-poster{aspect-ratio:2.2}.profile-story .film-play{width:56px;height:56px}.profile-story .film-footnote{font-size:.49rem}
  .profile-connect{padding-block:48px 41px}.profile-connect h2{font-size:clamp(3.4rem,13vw,5.5rem)}.profile-contact-copy>p{font-size:.88rem}.profile-connect .profile-split{gap:23px}.profile-contact-copy .text-link{margin-top:17px}.profile-phone{margin-left:28px}.profile-contact-copy p.profile-contact-role{margin-top:21px}
}
@media(max-width:370px){.profile-intro h1{font-size:11.5vw}.profile-lead{font-size:1.38rem}.profile-project{column-gap:6px}.profile-project-copy h3{font-size:2.2rem}.profile-project-copy>.eyebrow{font-size:.52rem}.profile-story .film-caption{left:12px;right:12px;font-size:.52rem}.profile-index a{font-size:.7rem;gap:9px}.profile-portrait figcaption div>span{font-size:.56rem}.profile-portrait figcaption>span{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.profile-project-image img{transition:none}}