/* What We Do uses the existing warm paper, navy, orange and outline control system. */
.what-page{--what-paper:#f5f2ed;--what-sand:#ece6dd;--what-ink:#1a2833;--what-copy:#414042;--what-line:#d6d0c6;--what-orange:#c45508}
.what-page .interior{font-family:'Inter',Arial,sans-serif;background:var(--what-paper);color:var(--what-ink);overflow:visible}
.what-page .interior :is(h1,h2,h3,p,summary,a){font-family:'Inter',Arial,sans-serif}
.what-page .interior p{font-size:17px;line-height:1.75;color:var(--what-copy)}
.what-page .interior :is(h2,h3){font-weight:700;letter-spacing:-.035em;line-height:1.16}
.what-page .interior h2{font-size:clamp(30px,3.3vw,44px)}
.what-page .interior .editorial-hero{min-height:0;display:flex;align-items:center;padding:clamp(64px,7vw,96px) max(24px,calc((100vw - 1180px)/2));isolation:isolate;background:#1a2833;color:#fff}
.what-page .editorial-hero .section-photograph{z-index:-2}
.what-page .editorial-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,23,31,.55),rgba(12,23,31,.12)),linear-gradient(0deg,rgba(7,16,21,.25),transparent 65%);pointer-events:none}
.what-page .what-hero-content{position:relative;width:100%;max-width:1180px}
.what-page .interior .what-hero-kicker{font-size:11px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#ffb36a;margin:0 0 20px}
.what-page .interior .editorial-hero h1{font-size:clamp(42px,5.2vw,72px);font-weight:700;line-height:1.06;letter-spacing:-.04em;max-width:900px;color:#fff;margin:0 0 24px;text-wrap:balance}
.what-page .editorial-hero h1 strong{font-weight:inherit}
.what-page .interior .what-hero-subtitle{font-size:21px;line-height:1.4;font-style:normal;font-weight:700;color:#fff;margin:0 0 12px}
.what-page .interior .what-hero-copy{font-size:18px;line-height:1.7;max-width:700px;color:#f3f1ed;margin:0 0 26px}
.what-page .interior :is(.what-hero-button,.what-action){display:inline-flex;align-items:center;justify-content:center;background:var(--what-orange);border:1px solid var(--what-orange);border-radius:12px;padding:15px 23px;min-height:50px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:none;transition:background .2s,border-color .2s}
.what-page .interior :is(.what-hero-button,.what-action):hover{background:#a84706;border-color:#a84706;color:#fff;text-decoration:none;transform:none}
.what-page .interior :is(a,summary,[tabindex]):focus-visible{outline:2px solid #c45508;outline-offset:5px}
/* Plain labels stay steady while swiping; only the selected underline changes. */
.what-page .what-section-nav{position:sticky;top:var(--tet-header-height,100px);z-index:35;background:var(--what-paper);border-bottom:1px solid var(--what-line);padding:0 max(24px,calc((100vw - 1180px)/2))}
.what-page .what-section-nav-track{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;height:59px;align-items:stretch}
.what-page .what-section-nav-track::-webkit-scrollbar{display:none}
.what-page .what-section-nav a{position:relative;flex:0 0 auto;display:flex;align-items:center;padding:0 0 2px;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;text-decoration:none;color:#62615e;transform:none;transition:color .2s}
.what-page .what-section-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent}
.what-page .what-section-nav a[aria-current="location"]{color:var(--what-ink)}
.what-page .what-section-nav a[aria-current="location"]:after{background:var(--what-orange)}
.what-page .interior :is(#what-overview,#more,#what-videos,#what-magazines){scroll-margin-top:calc(var(--tet-header-height,100px) + 80px)}
.what-page .interior :is(.story-split,.approach-section,.resources-section){padding:clamp(48px,5.5vw,76px) max(24px,calc((100vw - 1180px)/2));background:var(--what-paper)}
.what-page .what-story-layout{display:grid;grid-template-columns:1.05fr .85fr;gap:clamp(32px,5vw,72px);align-items:center;max-width:1180px;margin:0 auto}
.what-page .what-story-copy h2{margin:0 0 24px;max-width:530px}
.what-page .what-story-copy p{margin:0 0 16px;max-width:610px}
.what-page .what-story-copy .what-action{margin-top:12px}
.what-page .what-story-media{margin:0;min-width:0;align-self:center}
.what-page .what-story-photo{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;aspect-ratio:4/5;border-radius:16px;opacity:1;transform:none;clip-path:none;filter:var(--tet-photo-grade,none)}
.what-page .interior .page-section.approach-section{background:var(--what-sand)}
.what-page .what-section-heading h2{max-width:780px;margin:0 0 30px}
.what-page .what-approach-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 14px;cursor:grab;touch-action:pan-x pan-y}
.what-page .what-approach-track::-webkit-scrollbar{display:none}
.what-page .what-approach-card{position:relative;isolation:isolate;flex:0 0 calc((100% - 44px)/3);min-width:0;min-height:0;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#1a2833;color:#fff;border:1px solid #34444d}
.what-page .what-approach-copy{padding:30px 28px}
.what-page .what-approach-copy h3{font-size:27px;line-height:1.15;color:#fff;margin:0 0 20px;text-wrap:pretty}
.what-page .what-approach-copy p{font-size:16px;line-height:1.7;color:#f1f0ed;margin:0}
.what-page .what-section-actions{margin-top:24px}
.what-page .what-resources-wrap>h2{margin:0 0 30px}
.what-page .what-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.what-page .what-video-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--what-line);border-radius:18px;overflow:hidden}
.what-page .what-video-card .what-video-embed{display:block;width:100%;height:auto!important;aspect-ratio:16/9;max-height:none;border:0;margin:0;background:#1a2833}
.what-page .what-resource-copy{padding:26px}
.what-page .what-resource-copy h3{font-size:25px;margin:0 0 18px;line-height:1.2}
.what-page .what-resource-summary{border-top:1px solid var(--what-line);padding-top:14px}
.what-page .what-resource-summary summary{font-size:14px;font-weight:700;color:#1a2833;cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;list-style-position:inside}
.what-page .what-resource-summary summary:hover{color:#a84706}
.what-page .what-resource-summary p{font-size:16px;line-height:1.75;margin:12px 0 0}
.what-page .what-magazine-section{margin-top:52px;padding-top:44px;border-top:1px solid var(--what-line)}
.what-page .what-magazine-section>h2{font-size:clamp(28px,2.7vw,36px);margin:0 0 26px}
.what-page .what-ekballo-rail{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 14px;align-items:flex-start;cursor:grab;touch-action:pan-x pan-y}
.what-page .what-ekballo-rail::-webkit-scrollbar{display:none}
.what-page .what-ekballo-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--what-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.what-page .what-ekballo-cover{width:100%;height:270px;object-fit:contain;background:#ece6dd;padding:24px}
.what-page .what-ekballo-copy{padding:26px;display:flex;flex:1;flex-direction:column}
.what-page .interior .what-ekballo-copy h3{font-size:24px;line-height:1.2;color:#1a2833;letter-spacing:-.03em;margin:0 0 20px;min-height:3.6em}
.what-page .what-ekballo-link{align-self:flex-start;margin-top:22px;color:#a84706;font-size:12px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.035em;text-decoration:none;border-bottom:1px solid #c45508;padding-bottom:5px}
.what-page [data-what-rail].is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
@media(max-width:1000px) and (min-width:761px){.what-page .what-approach-card{flex-basis:43%;min-height:0}.what-page .what-ekballo-card{flex-basis:43%}.what-page .what-story-layout{grid-template-columns:1.05fr .8fr;gap:32px}}
@media(max-width:760px){
 .what-page .interior .editorial-hero{padding:54px 24px 56px}.what-page .interior .editorial-hero h1{font-size:clamp(37px,9.5vw,52px);line-height:1.08;margin-bottom:22px}.what-page .interior .what-hero-subtitle{font-size:20px}.what-page .interior .what-hero-copy{font-size:17px;line-height:1.7;margin-bottom:24px}.what-page .interior .what-hero-kicker{margin-bottom:18px}
 .what-page .what-section-nav{padding-inline:24px}.what-page .what-section-nav-track{height:54px;gap:25px}.what-page .what-section-nav a{font-size:12px}
 .what-page .interior :is(.story-split,.approach-section,.resources-section){padding:44px 24px}.what-page .what-story-layout{grid-template-columns:1fr;gap:30px}.what-page .what-story-copy h2{margin-bottom:22px}.what-page .what-story-photo{max-height:440px;aspect-ratio:5/4}.what-page .what-story-copy p{margin-bottom:15px}
 .what-page .what-section-heading h2{margin-bottom:24px}.what-page .what-approach-card{flex-basis:88%;min-height:0}.what-page .what-approach-copy{padding:27px 25px}.what-page .what-approach-copy h3{font-size:26px}.what-page .what-approach-track,.what-page .what-ekballo-rail{gap:16px;width:calc(100% + 24px);padding-right:24px;scroll-padding-right:24px}
 .what-page .what-video-grid{grid-template-columns:1fr;gap:22px}.what-page .what-resource-copy,.what-page .what-ekballo-copy{padding:24px}.what-page .what-resource-copy h3{font-size:24px}.what-page .what-magazine-section{margin-top:38px;padding-top:34px}.what-page .what-ekballo-card{flex-basis:88%;max-width:380px}.what-page .what-ekballo-cover{height:260px}.what-page .interior .what-ekballo-copy h3{font-size:23px;min-height:0}
}
@media(max-width:380px){.what-page .interior .editorial-hero h1{font-size:35px}.what-page .what-approach-copy{padding-inline:22px}.what-page .what-approach-copy h3{font-size:24px}.what-page .what-approach-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.what-page .interior *{scroll-behavior:auto!important}}
@media print{.what-page .what-section-nav{position:static}.what-page :is(.what-approach-track,.what-ekballo-rail){display:block;overflow:visible}.what-page :is(.what-approach-card,.what-ekballo-card){break-inside:avoid;margin-bottom:20px}.what-page details>*:not(summary){display:block!important}.what-page details::details-content{content-visibility:visible!important}}

/* Standalone photography runs to the viewport edge; text keeps the shared gutters. */
.what-page .interior .page-section.story-split{padding:0}
.what-page .what-story-layout{max-width:none;width:100%;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.what-page .what-story-copy{padding:clamp(48px,5.5vw,76px) clamp(32px,5vw,72px) clamp(48px,5.5vw,76px) max(24px,calc((100vw - 1180px)/2))}
.what-page .what-story-media{align-self:stretch;position:relative;overflow:hidden;border:0;border-radius:0}
.what-page .what-story-photo{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}
@media(max-width:760px){.what-page .what-story-layout{grid-template-columns:1fr;gap:0}.what-page .what-story-copy{padding:44px 24px}.what-page .what-story-media{aspect-ratio:4/5}.what-page .what-story-photo{position:absolute;inset:0;height:100%;max-height:none;aspect-ratio:auto}}

/* Match the Conviction cards' bottom-pinned disclosure controls. */
html body #main .what-approach-card{display:flex!important;flex-direction:column!important}
html body #main .what-approach-copy{position:relative;display:flex!important;flex-direction:column;flex:1 1 auto!important;padding-bottom:84px!important}
html body #main .what-approach-copy .carousel-full-copy{margin:0!important;border:0!important}
html body #main .what-approach-copy summary{position:absolute;bottom:24px;left:28px;right:28px;display:list-item!important;list-style:disclosure-closed inside!important;border-top:1px solid #435664;margin:0!important;padding:14px 0 0;min-height:44px}
@media(max-width:600px){html body #main .what-approach-copy summary{left:26px;right:26px}}

html body #main .what-approach-copy details[open]>summary{list-style-type:disclosure-open!important}

/* Resource disclosures align at the bottom above any magazine actions. */
html body #main :is(.what-resource-copy,.what-ekballo-copy){position:relative;display:flex;flex-direction:column;flex:1 1 auto;padding-bottom:calc(84px + var(--what-extra-actions-height,0px))!important}
html body #main .what-ekballo-copy{--what-extra-actions-height:116px}
html body #main .what-resource-summary{margin:0!important;border:0!important;padding:0!important}
html body #main .what-resource-summary summary{position:absolute;left:26px;right:26px;bottom:calc(24px + var(--what-extra-actions-height,0px));min-height:44px;border-top:1px solid #dcd6cc;padding:14px 0 0!important;margin:0!important;display:list-item!important;list-style:disclosure-closed inside!important}
html body #main .what-resource-summary[open]>summary{list-style-type:disclosure-open!important}
html body #main .what-resource-actions{position:absolute;left:26px;right:26px;bottom:24px}
html body #main .what-resource-actions .carousel-read-magazine{margin-top:0!important}
@media(max-width:760px){html body #main :is(.what-resource-summary summary,.what-resource-actions){left:24px;right:24px}}
html body #main .what-ekballo-rail{align-items:stretch!important}
html body #main .what-ekballo-card{align-self:stretch!important}

/* The retired resource archive lands below the sticky site and section bars. */
.what-page #what-resources{scroll-margin-top:calc(var(--tet-header-height,100px) + 80px)}