/* Homepage v31. Large personal imagery, a single TH4 slit, and a clear light/dark rhythm. */
.page-index{--chapter-cream:#f4f1e8;--chapter-navy:#112b39;--chapter-forest:#14392f}
.chapter-wrap{width:min(100% - 112px,1420px);margin-inline:auto}
.chapter-label{font-size:10px;letter-spacing:.16em;line-height:1.5;font-weight:600;color:var(--bronze);margin:0 0 26px;text-transform:uppercase}
.chapter-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 27px;min-height:54px;border:1px solid var(--ink);border-radius:60px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
.chapter-button:hover{background:var(--forest);transform:translateY(-2px)}
.chapter-button.gold{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.chapter-button.gold:hover{background:#d6b77f}
.chapter-button.outline{background:transparent;color:var(--ink)}
.chapter-button.outline:hover{background:#142b3a0a}
.chapter-button span,.chapter-link span{font-size:20px;font-weight:400}
.chapter-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600;line-height:1.5}
.chapter-link:hover{color:var(--bronze)}
.chapter-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.chapter-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:center}
.chapter-heading h2{font-size:clamp(52px,5.5vw,88px);line-height:1.04;letter-spacing:-.055em}
.chapter-heading h2 strong{font-weight:600}
.chapter-heading>div:last-child{max-width:470px}
.chapter-heading>div:last-child>p{font-size:19px;line-height:1.65}
.chapter-heading .chapter-link{margin-top:26px}

/* Portrait and expanded TH4 make one composition rather than a framed photograph. */
.execution-intro{position:relative;overflow:hidden;background:#e9e9e1;isolation:isolate}
.intro-layout{display:grid;grid-template-columns:45% 55%;min-height:820px;position:relative}
.intro-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.intro-monogram{position:absolute;width:830px;height:830px;left:-240px;top:5px;background:var(--chapter-forest);mask:url("/assets/experience/media/th4-hero-gold-v40-a920eaf8a4.svg") center/contain no-repeat;opacity:.96}
.intro-ring{width:650px;height:650px;position:absolute;top:80px;left:-205px;border:1px solid var(--gold);border-right-color:transparent;border-radius:50%;transform:rotate(-12deg)}
.intro-portrait{position:relative;margin:0;min-width:0;align-self:end;height:790px;isolation:isolate}
.intro-portrait img{height:100%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(12px 10px 20px #112b3913)}
.intro-portrait figcaption{position:absolute;left:20px;bottom:15px;font-size:9px;color:#58625e;letter-spacing:.04em}
.intro-copy{padding:82px 0 82px 36px;align-self:center;position:relative;z-index:2}
.intro-copy h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;letter-spacing:-.06em;margin-bottom:32px}
.intro-copy h2 strong{font-weight:600}
.intro-copy>p:not(.chapter-label){max-width:570px;font-size:16px;line-height:1.8;color:#3d5157}
.intro-copy>p+p{margin-top:17px}
.intro-copy .execution-belief{font-size:22px!important;color:var(--ink)!important;line-height:1.35!important;font-weight:600;letter-spacing:-.025em;border-left:3px solid var(--gold);padding-left:19px;margin-top:28px}
.intro-copy .chapter-button{margin-top:30px}

/* Work is one dark, continuous chapter. Original flight becomes a demonstration of perspective. */
.execution-work{padding:95px 0 0;background:var(--chapter-navy);color:var(--paper);position:relative;overflow:hidden}
.execution-work .chapter-label{color:var(--gold)}
.execution-work .chapter-heading h2 strong{color:var(--gold)}
.execution-work .chapter-heading>div:last-child>p{color:#d2dad9}
.execution-work .chapter-link:hover{color:var(--gold)}
.execution-process{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:58px 0 32px;padding:0;gap:26px}
.execution-process li{display:flex;align-items:center;gap:15px;border-top:1px solid #c6a46770;padding-top:17px;font-size:17px;font-weight:600}
.execution-process li span{color:var(--gold);font-size:11px;font-weight:400}
.execution-film{position:relative;width:100%;margin:0;overflow:hidden;background:var(--deep)}
.execution-film video{display:block;width:100%;height:clamp(360px,43vw,690px);object-fit:cover}
.execution-film:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--chapter-navy),transparent 22%,transparent 60%,var(--chapter-navy));pointer-events:none}
.film-brand{position:absolute;left:max(56px,calc((100% - 1420px)/2));bottom:75px;z-index:1;display:flex;flex-direction:column;gap:9px;font-size:clamp(24px,3.8vw,54px);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 20px #0008}
.film-brand span:last-child{color:var(--gold)}
.execution-film figcaption{position:absolute;right:56px;bottom:22px;z-index:1;color:#d2dad9;font-size:10px}
.work-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:48px 0 65px}
.work-choices article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid #c6a46780;padding-top:26px}
.work-choices .chapter-label{font-size:9px;margin-bottom:18px}
.work-choices h3{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin-bottom:20px;min-height:67px}
.work-choices article>p:not(.chapter-label){font-size:14px;line-height:1.8;color:#d2dad9}
.work-choices article>.scope-note{font-size:11px!important;line-height:1.6!important;color:#adbcbf!important;margin-top:14px;margin-bottom:23px}
.offer-detail{font-size:24px;font-weight:600;letter-spacing:-.03em;margin-top:auto;margin-bottom:15px}
.offer-detail span{font-size:12px;font-weight:400;letter-spacing:0;color:#c9d4d4}
.work-choices .chapter-link{width:100%;font-size:11px}
.work-proof{border-top:1px solid #c6a46755;padding:28px 0 34px;display:flex;gap:32px;align-items:center;justify-content:space-between}
.work-proof>p{font-size:9px;color:var(--gold);letter-spacing:.12em;max-width:130px;line-height:1.8}
.work-proof>span{font-size:10px;line-height:1.7;color:#c9d4d4}
.work-proof b{font-size:19px;color:var(--paper);font-weight:600;margin-right:4px}

/* The person and the work remain connected, with real recovery photography. */
.whole-story{background:var(--paper);padding:110px 0 120px;overflow:hidden;position:relative}
.depth-layout{display:grid;grid-template-columns:45% 50%;gap:5%}
.depth-photos{position:relative;align-self:center;padding:0 45px 60px 0}
.depth-circle{position:absolute;width:110%;aspect-ratio:1;top:-30px;left:-70px;border:1px solid var(--gold);border-right-color:transparent;border-radius:50%;transform:rotate(-8deg)}
.depth-main{position:relative;overflow:hidden;border-radius:240px 240px 4px 4px}
.depth-main img{width:100%;aspect-ratio:4/5.5;object-fit:cover;object-position:50% 30%}
.depth-memory{position:absolute;bottom:0;right:0;width:43%;max-width:250px;padding:8px;background:var(--paper);box-shadow:0 15px 35px #142b3a14;transform:rotate(3deg)}
.depth-memory img{width:100%;aspect-ratio:1;object-fit:cover}
.depth-memory figcaption{font-size:8px;line-height:1.4;margin:8px 2px 3px;color:var(--ink)}
.depth-copy{padding:30px 7% 20px 25px}
.depth-copy h2{font-size:clamp(54px,5.6vw,88px);line-height:1.04;letter-spacing:-.06em;margin-bottom:30px}
.depth-copy .chapter-lede{font-size:22px;line-height:1.55;color:var(--ink);margin-bottom:20px}
.depth-copy>p:not(.chapter-label):not(.chapter-lede){font-size:15px;line-height:1.85;max-width:520px;color:#44575e}
.whole-line{display:flex;align-items:center;gap:20px;margin:30px 0}
.whole-line>span{width:44px;height:62px;flex:none;position:relative;border:1px solid var(--gold);border-right:0}
.whole-line>span:after{content:'';position:absolute;width:50px;height:6px;background:var(--paper);left:-3px;top:30px}
.whole-line p{font-size:21px;line-height:1.45;letter-spacing:-.035em}
.depth-copy .chapter-button{margin-top:7px}

/* Speaking: a large speaker cutout and the open TH4 geometry, with no fabricated event claims. */
.speaking-chapter{background:var(--chapter-forest);color:var(--paper);position:relative;overflow:hidden;isolation:isolate}
.speaking-layout{position:relative;min-height:800px;display:grid;grid-template-columns:52% 48%;align-items:center}
.speaking-copy{padding:80px 0 88px;position:relative;z-index:2}
.speaking-copy .chapter-label{color:var(--gold)}
.speaking-copy h2{font-size:clamp(64px,6.8vw,108px);line-height:1.02;letter-spacing:-.06em;margin-bottom:30px}
.speaking-copy h2 strong{color:var(--gold)}
.speaking-copy>p:not(.chapter-label){font-size:16px;line-height:1.8;max-width:540px;color:#dbe3de}
.speaking-topics{list-style:none;padding:0;margin:28px 0 31px;display:flex;flex-direction:column;gap:8px}
.speaking-topics li{font-size:12px;display:flex;gap:12px;align-items:center;color:#edf0e9}
.speaking-topics li:before{content:'';width:18px;height:1px;background:var(--gold)}
.speaking-copy .chapter-actions{align-items:flex-start;flex-direction:column;gap:15px}
.speaking-copy .chapter-link{font-size:11px;color:#dbe3de}
.speaking-copy .chapter-link:hover{color:var(--gold)}
.speaking-portrait{position:absolute;bottom:0;right:-80px;width:1020px;height:760px;pointer-events:none}
.speaking-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom right}
.speaking-portrait figcaption{position:absolute;right:265px;bottom:15px;font-size:9px;color:#cad4cd}
.speaking-mark{position:absolute;right:-220px;top:-30px;width:850px;height:850px;mask:url("/assets/experience/media/th4-hero-gold-v40-a920eaf8a4.svg") center/contain no-repeat;background:#c6a467;opacity:.10;z-index:-1}

/* Editorial routes: real topic-led photography and a clean, compact invitation. */
.interests-chapter{padding:100px 0 82px;background:#f7f5ef}
.interests-chapter .chapter-heading{margin-bottom:52px}
.interest-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.interest-stories article{min-width:0}
.interest-image{display:block;position:relative;overflow:hidden;border-radius:2px}
.interest-image img{width:100%;aspect-ratio:4/3.6;object-fit:cover;transition:transform .6s var(--ease)}
.interest-image:hover img{transform:scale(1.035)}
.interest-stories article:nth-child(1) .interest-image img{object-position:50% 50%}
.interest-stories article:nth-child(2) .interest-image img{object-position:50% 40%}
.image-index{position:absolute;bottom:0;left:0;background:var(--ink);color:var(--gold);font-size:10px;letter-spacing:.08em;padding:8px 16px;border-top:1px solid var(--gold)}
.interest-stories .chapter-label{margin:23px 0 12px;font-size:9px}
.interest-stories h3{font-size:30px;line-height:1.16;letter-spacing:-.04em;font-weight:600;margin-bottom:16px}
.interest-stories h3 a{display:block;position:relative;padding-right:30px}
.interest-stories h3 span{position:absolute;right:0;bottom:0;font-weight:400;font-size:23px;color:var(--bronze)}
.interest-stories article>p:not(.chapter-label){font-size:13px;color:#44575e;line-height:1.8}
.interest-stories .chapter-link{font-size:10px;gap:15px;margin-top:17px}
.practice-note{margin-top:48px;border-top:1px solid #142b3a25;padding-top:23px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.practice-note>span{font-size:10px;color:var(--muted);letter-spacing:.06em}
.practice-note a{font-size:12px;font-weight:600}
.practice-note a span{margin-left:22px;color:var(--bronze)}
.forward-chapter{display:grid;grid-template-columns:46% 54%;background:#e9e9e1;overflow:hidden}
.forward-photo{overflow:hidden;min-height:700px}
.forward-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(100%);transition:filter 1s}
.forward-photo:hover img{filter:grayscale(0)}
.forward-copy{padding:90px 6vw 70px 5vw;align-self:center;position:relative}
.forward-copy h2{font-size:clamp(58px,5.5vw,88px);line-height:1.05;letter-spacing:-.055em;margin-bottom:30px}
.forward-copy>p:not(.chapter-label){font-size:18px;line-height:1.7;max-width:500px}
.forward-copy .chapter-actions{margin-top:30px;gap:13px}
.forward-copy .chapter-button{font-size:11px;gap:23px}
.forward-copy>.chapter-link{font-size:11px;margin-top:22px;gap:35px}
.forward-emblem{width:76px;height:76px;margin-top:38px}
.connect-chapter{background:var(--deep);color:var(--paper);border-bottom:1px solid #c6a46750;padding:35px 0}
.connect-chapter>.chapter-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.connect-chapter p{font-size:clamp(45px,6.6vw,100px);letter-spacing:-.06em;line-height:1.1}
.connect-chapter p strong{color:var(--gold)}
.connect-chapter .chapter-wrap>div{display:flex;gap:16px}
.connect-chapter a{border:1px solid #c6a46788;padding:12px 24px;border-radius:50px;font-size:11px;min-width:160px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.connect-chapter a:hover{background:#c6a46720}
.page-index .site-footer{background:var(--deep);padding-top:55px}
.page-index .site-footer .footer-top{padding-bottom:32px}
.page-index .site-footer .footer-top h2{font-size:30px}
.page-index .site-footer .footer-top .brand{margin-bottom:22px}

@media(min-width:1600px){.intro-layout{min-height:900px}.intro-portrait{height:870px}.intro-monogram{left:calc(50% - 1100px);width:1050px;height:1050px;top:-80px}.intro-ring{left:calc(50% - 900px);width:800px;height:800px}.intro-copy h2{font-size:76px}.intro-copy>p:not(.chapter-label){font-size:18px}.speaking-layout{min-height:850px}.speaking-portrait{width:1200px;right:-100px;height:850px}.speaking-copy>p:not(.chapter-label){font-size:18px}}
@media(max-width:1100px) and (min-width:761px){
 .chapter-wrap{width:calc(100% - 70px)}
 .intro-layout{grid-template-columns:43% 57%;min-height:720px}.intro-portrait{height:680px}.intro-copy{padding:65px 0 65px 18px}.intro-copy h2{font-size:47px}.intro-copy>p:not(.chapter-label){font-size:14px}.intro-copy .execution-belief{font-size:20px!important}.intro-monogram{width:650px;height:700px;left:-200px;top:0}
 .chapter-heading{gap:7%}.chapter-heading h2{font-size:53px}.chapter-heading>div:last-child>p{font-size:16px}
 .work-choices{gap:26px}.work-choices h3{font-size:23px;min-height:80px}.work-choices article>p:not(.chapter-label){font-size:12px}.work-proof{gap:18px}
 .depth-layout{grid-template-columns:44% 51%;gap:5%}.depth-copy{padding:0 0 0 10px}.depth-copy h2{font-size:53px}.depth-copy .chapter-lede{font-size:18px}.depth-copy>p:not(.chapter-label):not(.chapter-lede){font-size:13px}.depth-photos{padding-right:20px}
 .speaking-layout{grid-template-columns:54% 46%;min-height:760px}.speaking-copy h2{font-size:66px}.speaking-copy>p:not(.chapter-label){font-size:14px}.speaking-portrait{width:850px;right:-60px;height:640px}.speaking-portrait figcaption{right:310px}
 .interest-stories{gap:23px}.interest-stories h3{font-size:26px}.interest-stories article>p:not(.chapter-label){font-size:12px}
 .forward-copy{padding:70px 35px}.forward-copy h2{font-size:55px}.forward-copy>p:not(.chapter-label){font-size:16px}.forward-photo{min-height:680px}.forward-copy .chapter-actions{align-items:stretch;flex-direction:column}
 .connect-chapter a{min-width:130px;padding-inline:19px}
}
@media(max-width:760px){
 .chapter-wrap{width:calc(100% - 42px)}
 .chapter-label{font-size:9px;margin-bottom:20px}
 .chapter-button{padding:15px 23px;font-size:12px;min-height:52px}
 .chapter-heading{grid-template-columns:1fr;gap:26px}
 .chapter-heading h2{font-size:clamp(44px,10vw,66px)}
 .chapter-heading>div:last-child>p{font-size:16px;line-height:1.7}
 .chapter-heading .chapter-link{margin-top:16px}
 .intro-layout{grid-template-columns:1fr;min-height:0;width:100%}
 .intro-copy{grid-row:1;padding:51px 24px 0}
 .intro-copy h2{font-size:clamp(40px,9.9vw,62px);line-height:1.07;margin-bottom:25px}
 .intro-copy h2 br:first-of-type{display:none}
 .intro-copy>p:not(.chapter-label){font-size:15px}
 .intro-copy .execution-belief{font-size:22px!important}
 .intro-copy .chapter-button{margin-top:26px}
 .intro-portrait{grid-row:2;height:540px;width:min(100%,420px);justify-self:center;margin-top:15px}
 .intro-art{top:auto;bottom:0;height:560px}
 .intro-monogram{width:640px;height:620px;left:calc(50% - 410px);top:-35px}
 .intro-ring{width:430px;height:430px;top:100px;left:calc(50% - 300px)}
 .intro-portrait figcaption{left:10px;color:var(--paper);background:#142b3ab5;padding:2px 6px;bottom:9px}
 .execution-work{padding-top:57px}
 .execution-process{gap:12px;margin-top:32px;margin-bottom:18px}
 .execution-process li{font-size:12px;gap:6px;flex-direction:column;align-items:flex-start;padding-top:11px}
 .execution-process li span{font-size:9px}
 .execution-film video{height:330px}
 .film-brand{left:22px;bottom:52px;font-size:25px;gap:6px;max-width:90%}
 .execution-film figcaption{right:auto;left:23px;bottom:17px;font-size:8px}
 .work-choices{grid-template-columns:1fr;gap:34px;padding:30px 0 40px}
 .work-choices article{padding-top:24px}.work-choices h3{font-size:28px;min-height:0;margin-bottom:15px}
 .work-choices article>p:not(.chapter-label){font-size:14px}
 .work-choices .chapter-label{margin-bottom:12px}
 .work-choices article>.scope-note{margin-bottom:18px}
 .work-choices .chapter-link{max-width:360px}
 .work-proof{display:grid;grid-template-columns:1fr;gap:14px;padding:24px 0 36px}
 .work-proof>p{max-width:none;font-size:9px}.work-proof>span{font-size:11px}
 .whole-story{padding:55px 0 60px}
 .depth-layout{grid-template-columns:1fr;gap:36px}
 .depth-copy{grid-row:1;padding:0}
 .depth-copy h2{font-size:clamp(46px,10.5vw,65px);margin-bottom:24px}
 .depth-copy .chapter-lede{font-size:19px}
 .depth-copy>p:not(.chapter-label):not(.chapter-lede){font-size:14px}
 .whole-line{margin:23px 0}.whole-line p{font-size:20px}
 .depth-photos{grid-row:2;width:100%;max-width:480px;justify-self:center;padding:0 33px 44px 0}
 .depth-main img{aspect-ratio:4/5}.depth-memory{width:43%}.depth-circle{left:-40px}
 .speaking-layout{display:flex;flex-direction:column;min-height:0;width:100%}
 .speaking-copy{padding:52px 24px 0;width:100%}
 .speaking-copy h2{font-size:clamp(55px,13vw,78px);margin-bottom:26px}
 .speaking-copy>p:not(.chapter-label){font-size:15px}
 .speaking-topics{margin-block:23px}.speaking-topics li{font-size:12px}
 .speaking-copy .chapter-actions{gap:16px}
 .speaking-portrait{position:relative;right:auto;bottom:auto;width:720px;max-width:none;height:480px;margin-left:-75px;margin-top:12px;align-self:center}
 .speaking-portrait figcaption{right:165px;bottom:12px;font-size:8px}
 .speaking-mark{top:auto;bottom:-15px;right:-210px;width:680px;height:680px}
 .interests-chapter{padding:55px 0 45px}
 .interests-chapter .chapter-heading{margin-bottom:33px}
 .interest-stories{grid-template-columns:1fr;gap:42px}
 .interest-image img{aspect-ratio:4/3}
 .interest-stories .chapter-label{margin-top:20px}
 .interest-stories h3{font-size:31px}.interest-stories h3 br{display:none}
 .interest-stories article>p:not(.chapter-label){font-size:14px;max-width:480px}
 .interest-stories .chapter-link{font-size:11px}
 .practice-note{margin-top:35px;flex-direction:column;align-items:flex-start;gap:12px}
 .practice-note a{font-size:12px;line-height:1.7}.practice-note a span{margin-left:8px}
 .forward-chapter{grid-template-columns:1fr}
 .forward-copy{grid-row:1;padding:50px 24px 35px}
 .forward-copy h2{font-size:clamp(49px,11vw,68px);margin-bottom:25px}
 .forward-copy>p:not(.chapter-label){font-size:16px}
 .forward-copy .chapter-actions{flex-direction:column;align-items:flex-start;gap:14px}
 .forward-copy .chapter-button{font-size:12px;min-width:240px}
 .forward-copy>.chapter-link{font-size:11px;gap:20px}
 .forward-emblem{width:58px;height:58px;margin-top:30px}
 .forward-photo{grid-row:2;min-height:0;height:440px}
 .forward-photo img{object-position:50% 22%}
 .connect-chapter{padding-block:36px}
 .connect-chapter>.chapter-wrap{flex-direction:column;align-items:flex-start;gap:24px}
 .connect-chapter p{font-size:52px}
 .connect-chapter .chapter-wrap>div{gap:12px;flex-wrap:wrap}
 .connect-chapter a{min-width:145px;font-size:11px;padding:12px 18px}
 .page-index .site-footer{padding-top:38px}
 .page-index .site-footer .footer-top h2{font-size:27px}
}
@media(max-width:360px){.intro-copy h2{font-size:37px}.speaking-copy h2{font-size:50px}.speaking-portrait{margin-left:-130px}.chapter-heading h2{font-size:42px}.depth-copy h2{font-size:43px}.connect-chapter p{font-size:47px}.connect-chapter a{min-width:130px}.film-brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.chapter-button,.interest-image img,.forward-photo img{transition:none}.interest-image:hover img,.chapter-button:hover{transform:none}}