
.about-editorial{position:relative;overflow:hidden;padding-block:clamp(100px,10vw,150px)}
.about-editorial .about-marker{position:absolute;top:clamp(28px,3vw,46px);z-index:8;font-family:var(--sans);font-size:10px;letter-spacing:.24em;color:rgba(27,27,25,.46)}
.about-editorial .about-marker-left{left:var(--gutter)}.about-editorial .about-marker-right{right:var(--gutter)}
.about-editorial .about-editorial-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.95fr) minmax(0,.82fr);column-gap:clamp(22px,3vw,52px);align-items:center}
.about-editorial .about-left{grid-column:1;position:relative;z-index:5;align-self:center;padding-top:clamp(8px,2vw,26px)}
.about-editorial .eyebrow{margin:0 0 22px;text-transform:uppercase}
.about-editorial h2{margin:0;font-size:clamp(62px,6.25vw,100px);line-height:.88;letter-spacing:-.048em;position:relative;width:118%;z-index:5}
.about-editorial h2>span,.about-editorial h2>em{display:block;white-space:nowrap}
.about-editorial h2>em{font-style:italic;color:var(--cobalt);font-weight:400;margin-top:8px;font-size:1.18em;line-height:.86;position:relative;width:max-content;max-width:100%}
.about-editorial .begin-ink{display:inline-block;clip-path:inset(0 0 0 0)}
.about-editorial:not(.about-run) .begin-ink{clip-path:inset(0 0 0 0)}
.about-editorial.about-run .begin-ink{animation:beginWrite 2.8s .35s cubic-bezier(.42,0,.2,1) both}
.about-editorial .about-portrait-stage{grid-column:2;position:relative;z-index:2;align-self:end;min-width:0;filter:drop-shadow(0 22px 38px rgba(27,54,139,.07))}
.about-editorial .about-portrait-stage:before,.about-editorial .about-portrait-stage:after{content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:-1}
.about-editorial .about-portrait-stage:before{width:96%;height:68%;left:2%;top:19%;background:radial-gradient(ellipse at 48% 46%,rgba(35,67,214,.30) 0%,rgba(85,120,235,.19) 27%,rgba(126,155,244,.09) 48%,rgba(35,67,214,0) 74%);filter:blur(31px);animation:glowBreathe 7.2s ease-in-out infinite}
.about-editorial .about-portrait-stage:after{width:66%;height:45%;left:19%;top:31%;background:radial-gradient(ellipse,rgba(35,67,214,.17),rgba(35,67,214,0) 70%);filter:blur(42px);animation:glowDrift 6.8s ease-in-out infinite}
.about-editorial .about-centre-portrait{margin:0;width:121%;margin-left:-10.5%;position:relative;z-index:1;transform:translateY(var(--portrait-drift,0px));will-change:transform}
.about-editorial .about-centre-portrait svg{display:block;width:100%;height:auto;max-height:none;margin:0;overflow:visible}
.about-editorial .reinvention-stack{z-index:6;margin-top:clamp(20px,2.2vw,34px);display:flex;flex-direction:column;gap:clamp(2px,.35vw,6px);width:max-content;max-width:115%;font-family:var(--display);font-size:clamp(40px,3.65vw,58px);line-height:.98;letter-spacing:-.035em;color:#171715;text-transform:none}
.about-editorial .reinvention-stack span{position:relative;width:max-content;max-width:100%;opacity:1;transform:none}
.about-editorial .reinvention-stack span:after{content:"";position:absolute;left:-2%;width:104%;top:54%;height:2px;background:var(--cobalt);transform:rotate(-1.4deg) scaleX(0);transform-origin:left center;border-radius:99px}
.about-editorial.roles-run .reinvention-stack span{animation:roleReveal .48s cubic-bezier(.2,.72,.2,1) both}
.about-editorial.roles-run .reinvention-stack span:nth-child(1){animation-delay:3.25s}.about-editorial.roles-run .reinvention-stack span:nth-child(2){animation-delay:3.85s}.about-editorial.roles-run .reinvention-stack span:nth-child(3){animation-delay:4.45s}.about-editorial.roles-run .reinvention-stack span:nth-child(4){animation-delay:5.05s}.about-editorial.roles-run .reinvention-stack span:nth-child(5){animation-delay:5.72s}
.about-editorial.roles-run .reinvention-stack span:nth-child(1):after{animation:roleStrike .42s 3.82s ease forwards}.about-editorial.roles-run .reinvention-stack span:nth-child(2):after{animation:roleStrike .42s 4.42s ease forwards}.about-editorial.roles-run .reinvention-stack span:nth-child(3):after{animation:roleStrike .42s 5.02s ease forwards}.about-editorial.roles-run .reinvention-stack span:nth-child(4):after{animation:roleStrike .42s 5.68s ease forwards}
.about-editorial .reinvention-stack .role-final{font-family:var(--display);font-style:italic;font-size:clamp(88px,7.5vw,120px);line-height:.83;letter-spacing:-.055em;color:var(--cobalt);font-weight:400;margin-top:clamp(10px,1vw,16px)}
.about-editorial .about-copy{grid-column:3;z-index:5;align-self:center;max-width:420px;justify-self:end;color:#1b1b19}
.about-editorial .about-copy p{margin:0 0 28px;font-size:clamp(17px,1.25vw,19px);line-height:1.67;color:#1b1b19}
.about-editorial .about-copy blockquote{margin:clamp(32px,3vw,46px) 0;font-family:var(--display);font-style:italic;font-size:clamp(32px,2.65vw,40px);line-height:1.08;letter-spacing:-.025em;color:#171715}
.about-editorial .about-story-link{display:inline-flex;align-items:center;gap:11px;margin-top:5px;padding-bottom:6px;border-bottom:1px solid currentColor;font-family:var(--sans);font-size:11px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:inherit;transition:border-color .25s ease}
.about-editorial .about-story-link b{font:inherit;font-size:16px;transition:transform .25s ease}.about-editorial .about-story-link:hover,.about-editorial .about-story-link:focus-visible{border-color:var(--cobalt)}.about-editorial .about-story-link:hover b,.about-editorial .about-story-link:focus-visible b{transform:translateX(5px)}
@keyframes beginWrite{0%{clip-path:inset(0 100% 0 0);opacity:.5}12%{clip-path:inset(0 94% 0 0);opacity:1}76%{clip-path:inset(0 12% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes roleReveal{from{opacity:.08;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes roleStrike{to{transform:rotate(-1.4deg) scaleX(1)}}
@keyframes glowBreathe{0%,100%{transform:translate(-1%,1%) scale(.94);opacity:.68}50%{transform:translate(2%,-1%) scale(1.08);opacity:1}}@keyframes glowDrift{0%,100%{transform:translate(-2%,1%) scale(.96);opacity:.55}50%{transform:translate(3%,-2%) scale(1.07);opacity:.88}}
@media(max-width:800px){.about-editorial{padding-block:82px}.about-editorial .about-marker{top:24px}.about-editorial .about-marker-left{left:max(16px,var(--gutter))}.about-editorial .about-marker-right{right:max(16px,var(--gutter))}.about-editorial .about-editorial-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-inline:max(16px,var(--gutter))}.about-editorial .about-left{order:1;padding:0}.about-editorial h2{font-size:clamp(51px,14.2vw,76px);width:100%;line-height:.91}.about-editorial h2>span,.about-editorial h2>em{white-space:normal}.about-editorial h2>em{font-size:1.13em}.about-editorial .reinvention-stack{margin-top:24px;font-size:clamp(35px,10.5vw,52px);max-width:100%;gap:4px}.about-editorial .reinvention-stack .role-final{font-size:clamp(72px,21vw,108px);margin-top:12px}.about-editorial .about-portrait-stage{order:2;width:min(94vw,500px);align-self:center;margin-top:32px}.about-editorial .about-centre-portrait{width:114%;margin-left:-7%}.about-editorial .about-copy{order:3;max-width:none;margin-top:36px;justify-self:auto}.about-editorial .about-copy p{font-size:18px;line-height:1.66}.about-editorial .about-copy blockquote{font-size:clamp(32px,9vw,40px);margin:34px 0}.about-editorial .about-story-link{font-size:11px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.about-editorial .begin-ink{animation:none!important;clip-path:inset(0)!important}.about-editorial .about-portrait-stage:before,.about-editorial .about-portrait-stage:after{animation:none!important}.about-editorial .about-centre-portrait{transform:none!important}.about-editorial .reinvention-stack span{animation:none!important;opacity:1!important;transform:none!important}.about-editorial .reinvention-stack span:nth-child(-n+4):after{transform:rotate(-1.4deg) scaleX(1)!important;animation:none!important}.about-editorial .about-story-link b{transition:none}}
