/* Homepage and Bayliss story: deliberate changes in scale, pace and composition. */
.story-page{--paper:#e9e5dc;--ink:#191b20;--muted:#b6b7c0;--orange:#ff5a1f}
.story-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.story-page h1,.story-page h2,.story-page h3{border:0;padding:0;letter-spacing:-.045em}
.story-page h2{font-size:clamp(34px,4.3vw,60px);line-height:1.08;margin:0 0 28px}
.story-page p{line-height:1.75}
.story-page .story-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin:0 0 28px;color:var(--orange)}
.story-page a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}
.story-page [id]{scroll-margin-top:90px}
.story-link{display:inline-flex;align-items:center;gap:24px;text-decoration:none!important;padding:12px 0;border-bottom:1px solid currentColor;color:inherit}
.story-link:after{content:'\2197';font-size:23px;line-height:1;transition:transform .2s}
.story-link:hover:after{transform:translate(3px,-3px)}
.story-hero{min-height:100vh;min-height:100svh;box-sizing:border-box;position:relative;isolation:isolate;display:flex;align-items:center;padding:128px 0 100px}
.story-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/static/images/site/site-break-3.jpg') center/cover;opacity:.23}
.story-hero .story-label{color:#d2d2d9}
.story-hero h1{font-size:clamp(46px,5.7vw,86px);line-height:1.02;max-width:16ch;margin:0 0 32px;text-wrap:balance}
.story-hero h1 span{color:var(--orange)}
.story-hero-copy{max-width:620px;font-size:18px;color:#d0d0d7;margin:0 0 28px}
.story-actions{display:flex;align-items:center;gap:14px 32px;flex-wrap:wrap}
.story-actions .mm-button{margin:0}
.story-actions .story-link{font-size:14px;color:#f0f0f0;border-color:#777}
.story-hero-foot{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.06em;color:#c5c5cb}
.story-hero-foot a{color:inherit;text-decoration:none}
.story-result{background:var(--paper);color:var(--ink);padding:90px 0 100px}
.story-result .story-label{color:#77513e}
.story-result h2,.story-result h3{color:var(--ink)}
.story-result p,.story-result span{color:#49453f}
.story-result-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.story-result h2{max-width:13ch}
.story-result-copy>p:not(.story-label){max-width:46ch}
.story-result a{color:var(--ink)}
.story-result-numbers{border-left:1px solid #b7afa3;padding-left:64px}
.story-result-numbers>div+div{margin-top:32px}
.story-result-numbers strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(54px,6.5vw,92px);letter-spacing:-.065em;line-height:1.1;font-weight:500}
.story-result-numbers span{display:block;margin-top:8px;font-size:14px}
.story-result-numbers .story-small{font-size:12px;max-width:38ch;margin:28px 0 0;color:#5e5a53}
.story-method{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.story-method-intro h2{max-width:13ch}
.story-method-intro>p:not(.story-label){max-width:43ch;color:var(--muted)}
.story-steps{list-style:none;margin:0;padding:0;counter-reset:method}
.story-steps li{position:relative;padding:0 0 28px 48px;margin:0 0 28px;border-bottom:1px solid #34343c;counter-increment:method}
.story-steps li:last-child{margin:0;border:0;padding-bottom:0}
.story-steps li:before{content:'0' counter(method);position:absolute;left:0;top:5px;color:var(--orange);font-family:'JetBrains Mono',monospace;font-size:12px}
.story-steps h3{font-size:25px;margin:0 0 12px}
.story-steps p{font-size:15px;color:var(--muted);margin:0}
.story-people{padding:32px 0 100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}
.story-portraits{display:flex;gap:26px;justify-content:center;align-items:flex-start}
.story-portraits figure{margin:0;width:42%;max-width:180px}
.story-portraits figure+figure{margin-top:64px}
.story-portraits img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.65)}
.story-portraits figcaption{font-size:12px;padding-top:12px;color:var(--muted)}
.story-people-copy p:not(.story-label){color:var(--muted);max-width:48ch}
.story-people-copy a{color:#f0f0f0}
.story-review{border-block:1px solid #34343c;padding:60px 0;display:grid;grid-template-columns:.5fr 1.5fr;gap:70px;align-items:start}
.story-review blockquote{margin:0;padding:0;border:0;background:none}
.story-review blockquote p{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3vw,40px);line-height:1.35;letter-spacing:-.025em;margin:0 0 24px}
.story-review cite{font-size:13px;font-style:normal;color:var(--muted)}
.story-next{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;padding:100px 0}
.story-next h2{font-size:clamp(32px,3.5vw,48px);max-width:17ch}
.story-next p{color:var(--muted);max-width:45ch}
.story-next a{color:#f0f0f0}
.story-next aside{padding-left:40px;border-left:1px solid #34343c}
.story-next aside h3{font-size:25px;margin:0 0 16px}
.story-close{background:var(--orange);color:#141414;padding:76px 0}
.story-close .story-shell{display:flex;justify-content:space-between;align-items:center;gap:40px}
.story-close h2{color:inherit;max-width:15ch;margin-bottom:18px}
.story-close p{max-width:55ch;margin:0}
.story-close p{color:#25201c}
.story-close .mm-button{background:#111;color:#fff!important;white-space:nowrap;margin:0}
.case-opening{padding:150px 0 80px}
.case-opening .story-link{color:#b6b7c0;font-size:13px;margin-bottom:40px}
.case-opening h1{font-size:clamp(48px,6vw,82px);max-width:17ch;line-height:1.05;margin:0 0 28px}
.case-opening .story-lede{font-size:20px;max-width:57ch;color:var(--muted)}
.case-story{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px;padding:100px 0}
.case-story aside p{font-size:14px;color:var(--muted);max-width:24ch}
.case-story section+section{margin-top:56px}
.case-story h2{font-size:32px}
.case-story section p{color:var(--muted);max-width:65ch}
@media(min-width:1500px){.story-hero .story-shell{width:min(1280px,calc(100% - 120px))}}
@media(max-width:900px){.story-result-grid,.story-method,.story-people,.story-next,.case-story{gap:40px}.story-result-numbers{padding-left:30px}.story-review{gap:30px}.story-hero h1{font-size:clamp(46px,7vw,68px)}}
@media(max-width:640px){.story-shell{width:calc(100% - 40px)}.story-hero{padding:112px 0 92px}.story-hero h1{font-size:clamp(40px,10vw,58px);max-width:16ch}.story-hero-copy{font-size:16px}.story-hero .story-label{font-size:10px;margin-bottom:22px}.story-hero-foot{bottom:22px;font-size:10px}.story-hero-foot span{max-width:21ch}.story-actions{gap:14px}.story-result{padding:60px 0}.story-result-grid,.story-method,.story-people,.story-review,.story-next,.case-story{grid-template-columns:1fr}.story-result h2{max-width:16ch}.story-result-numbers{padding:28px 0 0;border-left:0;border-top:1px solid #b7afa3}.story-result-numbers strong{font-size:62px}.story-method{padding:70px 0}.story-method-intro h2{max-width:17ch}.story-people{padding:0 0 70px}.story-portraits{justify-content:flex-start}.story-portraits figure{max-width:150px}.story-review{padding:44px 0;gap:8px}.story-next{padding:65px 0}.story-next aside{padding:28px 0 0;border-left:0;border-top:1px solid #34343c}.story-close{padding:56px 0}.story-close .story-shell{display:block}.story-close .mm-button{margin-top:26px}.case-opening{padding:112px 0 50px}.case-opening h1{font-size:46px}.case-story{padding:60px 0}.case-story aside{border-bottom:1px solid #34343c;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.story-link:after{transition:none}}
