@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/space-grotesk-latin.woff2") format("woff2")}
:root{color-scheme:dark;--ink:#120a22;--panel:#1a1030;--line:#413351;--white:#f8f5ff;--muted:#bab0cb;--highlight:#e9ff3f;--warm:#160d29;font-family:"Space Grotesk",Arial,Helvetica,sans-serif;font-synthesis:style}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);min-width:320px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--highlight);color:#160d29}
:focus-visible{outline:2px solid var(--highlight);outline-offset:5px}
.skip-link{position:absolute;z-index:100;left:16px;top:-80px;padding:12px 16px;background:var(--highlight);color:#160d29}.skip-link:focus{top:12px}
.wrap{width:min(100% - 96px,1440px);margin-inline:auto}
.site-header{height:84px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:transparent;border:0;box-shadow:none;position:absolute;top:0;left:0;right:0;z-index:20}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:16px;line-height:1;font-weight:700;letter-spacing:.09em;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--white);font-size:20px;letter-spacing:-.1em;font-weight:700;transform:skew(-10deg)}.brand-mark span{color:var(--highlight)}
.site-header nav{display:flex;align-items:center;gap:38px;margin-left:auto;margin-right:4.5vw}.site-header nav a{font-size:13px;color:#c9bfd9;transition:color .2s}.site-header nav a:hover,.footer a:hover{color:#fff}
.header-link{font-size:12px;letter-spacing:.07em;font-weight:700;text-transform:uppercase;background:var(--highlight);color:#160d29;border:1px solid var(--highlight);padding:15px 17px;white-space:nowrap;transition:background .2s,border-color .2s}.header-link:hover{background:#f3ff84;border-color:#f3ff84;color:#160d29}.header-link span{font-size:18px;margin-left:14px;line-height:0;vertical-align:-1px}
.hero{min-height:min(880px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#1b0d2b}.hero-image{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#1b0d2b}.hero-image::before{content:"";position:absolute;inset:0;background:url('/assets/f1-sidepod.webp') right 41%/min(72vw,1100px) auto no-repeat;filter:grayscale(1) brightness(.82) contrast(1.17)}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b0d2b 0%,rgba(27,13,43,.96) 24%,rgba(27,13,43,.7) 48%,rgba(27,13,43,.35) 84%),linear-gradient(180deg,rgba(27,13,43,.35),rgba(27,13,43,.04) 42%,rgba(27,13,43,.83)),linear-gradient(125deg,rgba(80,36,119,.35),rgba(27,13,43,.55))}
.hero-content{padding-top:150px;padding-bottom:125px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:#e4dcf0}.highlight-line{width:29px;height:2px;background:var(--highlight)}.eyebrow-index{color:#aa9bbd;margin-left:4px}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,6.3vw,98px);line-height:.94;letter-spacing:-.058em;font-weight:700;margin:34px 0 28px;max-width:1150px}.hero h1 em,.method h2 em,.closing h2 em{font-weight:400;font-style:italic}.hero h1 em{color:var(--highlight)}.hero .accent{color:var(--highlight)}.hero-lead{max-width:530px;font-size:19px;line-height:1.55;color:#e5dff1;margin-bottom:33px}.hero-actions{display:flex;align-items:center;gap:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:0 22px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;font-weight:400}.button-primary{background:var(--highlight);color:#160d29}.button-primary:hover{background:#f3ff84}.text-link{font-size:13px;color:var(--highlight);font-weight:700;border-bottom:1px solid #9585a9;padding:14px 0}.text-link span{padding-left:12px;color:var(--highlight)}.text-link:hover{border-color:var(--highlight)}
.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;gap:22px;color:#b8adc7;font-size:11px;letter-spacing:.16em;font-weight:700}.hero-bottom-line{height:1px;background:#87779d;opacity:.55;flex:1}
.section-pad{padding-top:130px;padding-bottom:135px}.intro{background:var(--warm);color:var(--white);border-top:1px solid #3a2c4c}.intro-grid{display:grid;grid-template-columns:1fr 2.45fr .75fr;column-gap:54px}.intro .section-kicker{padding-top:14px}.section-kicker{color:var(--highlight)}.kicker-num{color:currentColor;font-size:17px;letter-spacing:-.04em}.intro h2,.section-heading h2,.method h2,.closing h2{font-size:clamp(46px,5vw,75px);line-height:1.03;letter-spacing:-.055em;font-weight:700;margin:0}.intro h2 span,.section-heading h2 span{color:var(--highlight)}.intro p{font-size:19px;line-height:1.65;color:#beb4cd;max-width:685px;margin:30px 0 0}.intro-note{border-left:1px solid #554466;display:flex;flex-direction:column;justify-content:space-between;padding:14px 0 7px 25px;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.6}.note-cross{color:var(--highlight);font-size:28px;line-height:1}
.metrics{background:#1a1030;color:#f8f5ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:60px}.section-heading .section-kicker{margin-bottom:27px}.section-heading h2 span{color:var(--highlight)}.section-heading>p{max-width:375px;color:#beb4cd;font-size:17px;line-height:1.55;margin:0 0 5px}.metric-list{border-top:1px solid #514063}.metric{display:grid;grid-template-columns:1.05fr 2.25fr 1fr;gap:35px;min-height:232px;padding:33px 0 34px;border-bottom:1px solid #514063}.metric-code{font-size:16px;font-weight:700;letter-spacing:.05em;padding-top:8px;color:#f8f5ff}.metric-code span{color:var(--highlight);padding:0 8px}.metric-main{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.metric-main h3{font-size:clamp(30px,2.6vw,42px);letter-spacing:-.06em;line-height:1.07;margin:0}.metric-main p{font-size:15px;line-height:1.65;color:#beb4cd;max-width:300px;margin:0}.metric-target{border-left:1px solid #514063;display:flex;flex-direction:column;align-items:flex-start;padding-left:40px}.metric-target>span,.metric-target small{font-size:10px;letter-spacing:.17em;font-weight:700;color:#b5a7c7}.metric-target strong{font-size:clamp(48px,4.4vw,68px);line-height:1.08;letter-spacing:-.07em;font-weight:700;color:var(--highlight);margin:12px 0 5px}.metric-target strong span{font-size:.45em;letter-spacing:-.04em;margin-left:3px}.metrics-source{text-align:right;color:#ab9dbd;font-size:12px;margin:20px 0 0}.metrics-source a{text-decoration:underline;text-underline-offset:3px;color:#dbd2e8}
.method{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#170c2a}.method-photo{min-height:760px;overflow:hidden;position:relative;background:#170c2a}.method-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(88,27,135,.2),transparent 48%),linear-gradient(145deg,rgba(51,15,90,.5),rgba(17,5,41,.7) 76%)}.method-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) brightness(.7) contrast(1.2)}.method-content{padding:100px clamp(50px,6.3vw,125px) 80px;display:flex;flex-direction:column;justify-content:center}.method .section-kicker{margin-bottom:28px}.method h2{margin-bottom:25px}.method h2 em{color:var(--highlight)}.method-lead{max-width:520px;font-size:17px;line-height:1.62;color:#c8bdd6;margin-bottom:42px}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #514063}.steps li{display:grid;grid-template-columns:48px 1fr;gap:26px;padding:23px 0;border-bottom:1px solid #514063}.step-num{font-size:12px;color:var(--highlight);font-weight:700;padding-top:5px}.steps h3{font-size:19px;margin:0 0 8px;letter-spacing:-.03em}.steps p{font-size:14px;line-height:1.55;color:#b9adc9;margin:0;max-width:460px}
.closing{position:relative;isolation:isolate;overflow:hidden;background:#1b0d2b;color:#fff;padding-block:112px;border-top:1px solid #403153}.closing::before{content:"";position:absolute;inset:0;z-index:0;background:url('/assets/f1-suspension.webp') center/cover no-repeat;filter:grayscale(1) brightness(.8) contrast(1.15)}.closing::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(27,13,43,.98),rgba(27,13,43,.9) 43%,rgba(27,13,43,.42)),linear-gradient(0deg,rgba(27,13,43,.8),rgba(27,13,43,.12) 52%,rgba(27,13,43,.58)),linear-gradient(125deg,rgba(80,36,119,.3),rgba(27,13,43,.5))}.closing-grid{position:relative;z-index:2;display:flex;justify-content:space-between;gap:70px;align-items:end}.closing .section-kicker{color:var(--highlight);margin-bottom:25px}.closing h2 em{color:var(--highlight)}.closing-action{width:290px;flex:none}.closing-action p{font-size:16px;line-height:1.5;margin:0 0 24px}.button-light{background:var(--highlight);color:#160d29;width:100%}.button-light:hover{background:#f3ff84}
.footer{background:#0f071b;border-top:1px solid #392c4a;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>span,.footer-inner>a:last-child{font-size:11px;color:#b3a6c4;letter-spacing:.11em;font-weight:700}.footer .brand{font-size:13px}.footer .brand-mark{width:24px;height:24px;font-size:16px}
.engineering{background:#140b26;border-top:1px solid #3a2c4c;overflow:hidden}.engineering-grid{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:clamp(45px,6vw,115px)}.engineering-copy{position:relative;z-index:1}.engineering .section-kicker,.priority .section-kicker{margin-bottom:30px}.engineering h2,.priority h2{font-size:clamp(48px,5.2vw,78px);font-weight:700;line-height:1;letter-spacing:-.055em;margin:0 0 29px}.engineering h2 em,.priority h2 em{font-style:italic;font-weight:400;color:var(--highlight)}.engineering p,.priority p{font-size:18px;line-height:1.65;color:#c8bdd6;max-width:560px;margin:0}.engineering-caption{display:inline-block;margin-top:62px;font-size:12px;letter-spacing:.15em;font-weight:700;color:#a79bb9}.engineering-photo,.priority-photo{position:relative;overflow:hidden;background:#1b0d2b;min-height:570px}.engineering-photo img,.priority-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.74) contrast(1.2)}.engineering-photo::after,.priority-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(27,13,43,.72),rgba(27,13,43,.1) 40%,rgba(27,13,43,.34)),linear-gradient(0deg,rgba(27,13,43,.8),rgba(27,13,43,.08) 42%,rgba(27,13,43,.58)),linear-gradient(135deg,rgba(75,32,112,.35),rgba(27,13,43,.5))}
.interventions{background:#11091f;border-top:1px solid #3a2c4c}.interventions-heading{margin-bottom:55px}.intervention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.intervention-card{background:#1a1030;border:1px solid #3e3050;min-width:0}.intervention-photo{height:310px;position:relative;overflow:hidden;background:#1b0d2b}.intervention-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.72) contrast(1.18)}.intervention-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1a1030,rgba(27,13,43,.08) 54%,rgba(27,13,43,.46)),linear-gradient(125deg,rgba(81,32,123,.3),rgba(27,13,43,.45))}.intervention-body{padding:0 30px 35px}.intervention-body>span{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--highlight)}.intervention-body h3{font-size:30px;letter-spacing:-.045em;line-height:1.08;margin:19px 0 16px}.intervention-body p{font-size:16px;line-height:1.6;color:#c2b8d0;margin:0}
.engineering-photo img{filter:grayscale(1) brightness(.88) contrast(1.17)}.intervention-photo--cockpit img{filter:grayscale(1) brightness(.95) contrast(1.15)}.intervention-photo--carbon img{filter:grayscale(1) brightness(1.05) contrast(1.12)}.intervention-photo--carbon::after{background:linear-gradient(0deg,#1a1030,rgba(27,13,43,.04) 58%,rgba(27,13,43,.28)),linear-gradient(125deg,rgba(81,32,123,.2),rgba(27,13,43,.3))}
.priority{background:#1a1030;border-top:1px solid #433457}.priority-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(50px,7vw,130px)}.priority-photo{min-height:620px}.priority-photo img{object-position:center}.priority-photo::after{background:linear-gradient(90deg,rgba(27,13,43,.24),rgba(27,13,43,.12) 52%,rgba(27,13,43,.82)),linear-gradient(0deg,rgba(27,13,43,.74),rgba(27,13,43,.08) 50%,rgba(27,13,43,.48)),linear-gradient(135deg,rgba(77,31,118,.32),rgba(27,13,43,.55))}.priority-rule{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:48px;padding-top:21px;border-top:1px solid #5a486d;font-size:12px;letter-spacing:.1em;font-weight:700;color:#e7e0ef}.priority-rule span{color:var(--highlight)}
.audience{background:#10081e;border-top:1px solid #3a2c4c}.audience-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(60px,10vw,180px);align-items:start}.audience .section-kicker{margin-bottom:30px}.audience h2{font-size:clamp(48px,4.7vw,70px);line-height:1;letter-spacing:-.055em;margin:0;font-weight:700}.audience h2 em{font-weight:400;color:var(--highlight)}.audience-content{padding-top:48px}.audience-lead{font-size:clamp(20px,2.1vw,29px);line-height:1.4;letter-spacing:-.025em;max-width:610px;margin:0 0 48px}.audience-points{border-top:1px solid #514063}.audience-points>div{display:grid;grid-template-columns:55px 1fr;gap:15px;border-bottom:1px solid #514063;padding:24px 0}.audience-points span{color:var(--highlight);font-size:12px;font-weight:700;letter-spacing:.08em;padding-top:4px}.audience-points p{font-size:16px;line-height:1.5;color:#c8bdd6;margin:0;max-width:500px}.audience-points strong{color:var(--white)}
@media(max-width:980px){.site-header nav{display:none}}
@media(max-width:1120px){.site-header{padding:0 30px}.site-header nav{gap:19px;margin-right:0}.wrap{width:min(100% - 60px,1440px)}.intro-grid{grid-template-columns:1fr 2.4fr;gap:30px}.intro-note{display:none}.metric{grid-template-columns:130px 1fr 170px}.metric-main{grid-template-columns:1fr;gap:16px}.method-content{padding-inline:55px}}
@media(max-width:980px){.engineering-grid,.priority-grid{grid-template-columns:1fr;gap:48px}.engineering-photo,.priority-photo{min-height:0;height:500px}.intervention-grid{grid-template-columns:1fr}.intervention-card{display:grid;grid-template-columns:1fr 1fr}.intervention-photo{height:280px}.intervention-body{padding:35px}}
@media(max-width:760px){.wrap{width:min(100% - 40px,1440px)}.site-header{height:68px;padding:0 20px}.site-header nav{display:none}.header-link{font-size:10px;padding:11px 10px}.header-link span{margin-left:4px}.brand{font-size:12px;gap:7px}.brand-mark{width:25px;height:25px;font-size:17px}.hero{min-height:720px;align-items:flex-end}.hero-image::before{background-size:auto 110%;background-position:54% 12%}.hero-image::after{background:linear-gradient(0deg,#1b0d2b 0%,rgba(27,13,43,.96) 20%,rgba(27,13,43,.76) 46%,rgba(27,13,43,.26) 100%),linear-gradient(125deg,rgba(80,36,119,.38),rgba(27,13,43,.48))}.hero-content{padding-top:290px;padding-bottom:106px}.eyebrow{font-size:10px;letter-spacing:.12em}.hero h1{font-size:clamp(49px,10vw,75px);margin:23px 0 20px}.hero-lead{font-size:16px;line-height:1.5;max-width:500px}.hero-actions{gap:18px;flex-wrap:wrap}.button{min-height:51px;padding-inline:17px;font-size:11px}.text-link{font-size:12px}.hero-bottom{bottom:20px;font-size:9px}.section-pad{padding-block:78px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro .section-kicker{padding:0}.intro h2,.section-heading h2,.method h2,.closing h2{font-size:clamp(43px,9vw,61px)}.intro p{font-size:17px;margin-top:23px}.section-heading{display:block;margin-bottom:40px}.section-heading .section-kicker{margin-bottom:22px}.section-heading>p{margin-top:24px;font-size:16px}.metric{grid-template-columns:1fr auto;gap:15px;min-height:0;padding:28px 0}.metric-code{grid-column:1 / -1;font-size:14px;padding:0}.metric-main{gap:12px}.metric-main h3{font-size:32px}.metric-main p{font-size:14px}.metric-target{padding-left:16px;min-width:126px}.metric-target strong{font-size:43px;margin-top:16px}.metric-target>span,.metric-target small{font-size:9px}.metrics-source{text-align:left}.method{grid-template-columns:1fr}.method-photo{min-height:0;height:430px}.method-content{padding:72px 24px 85px}.method-lead{font-size:16px}.closing{padding-block:80px}.closing-grid{display:block}.closing-action{width:auto;margin-top:35px;max-width:340px}.footer-inner{flex-wrap:wrap}.footer-inner>span{display:none}}
@media(max-width:450px){.header-link{max-width:125px;line-height:1.25;text-align:center}.header-link span{display:none}.hero{min-height:700px}.hero-content{padding-top:240px}.hero h1{font-size:clamp(38px,10.25vw,45px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:4px}.hero-bottom{gap:10px}.metric{grid-template-columns:1fr}.metric-main{grid-template-columns:1fr}.metric-target{border-left:0;border-top:1px solid #4a3b5e;padding:15px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center}.metric-target strong{grid-column:2;grid-row:1 / 3;margin:0}.metric-target small{grid-column:1}.metric-target>span{grid-column:1}.method-photo{height:340px}}
@media(max-width:760px){.engineering-grid,.priority-grid{gap:42px}.engineering h2,.priority h2{font-size:clamp(42px,9vw,62px)}.engineering p,.priority p{font-size:16px}.engineering-caption{margin-top:34px}.engineering-photo,.priority-photo{height:410px}.interventions-heading{margin-bottom:35px}.intervention-grid{gap:18px}.intervention-card{display:block}.intervention-photo{height:300px}.intervention-body{padding:0 24px 30px}.intervention-body h3{font-size:28px}.priority-rule{margin-top:36px}}
@media(max-width:450px){.engineering-photo,.priority-photo{height:330px}.intervention-photo{height:250px}.priority-rule{gap:9px;font-size:11px}}
@media(max-width:980px){.audience-grid{grid-template-columns:1fr;gap:38px}.audience-content{padding-top:0}.audience-lead{margin-bottom:32px}}
@media(max-width:760px){.audience h2{font-size:clamp(42px,9vw,62px)}.audience-lead{font-size:20px}.audience-points p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-link,.site-header nav a{transition:none}}

/* Photographs blend into full-width sections instead of sitting in cards. */
.engineering{position:relative;isolation:isolate;display:flex;align-items:center;min-height:690px;border-top:0}
.engineering-grid{position:relative;z-index:1;display:block}
.engineering-copy{max-width:650px}
.engineering-photo{position:absolute;inset:0;z-index:0;min-height:0;background:#140b26}
.engineering-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;filter:grayscale(1) brightness(.8) contrast(1.15);transform:scale(1.06)}
.engineering-photo::after{background:linear-gradient(90deg,#140b26 0%,rgba(20,11,38,.97) 20%,rgba(20,11,38,.7) 47%,rgba(20,11,38,.18) 82%),linear-gradient(180deg,#140b26 0%,rgba(20,11,38,.12) 20%,rgba(20,11,38,.08) 74%,#140b26 100%),linear-gradient(125deg,rgba(77,29,119,.37),rgba(20,11,38,.46))}

.interventions{padding-bottom:0;border-top:0}
.interventions-heading{margin-bottom:30px}
.intervention-grid{display:block;gap:0}
.intervention-card{position:relative;display:flex;align-items:center;min-height:520px;overflow:hidden;border:0;background:#11091f;isolation:isolate}
.intervention-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;background:#11091f}
.intervention-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:grayscale(1) brightness(.82) contrast(1.18);transform:scale(1.08)}
.intervention-photo::after,.intervention-photo--carbon::after{background:linear-gradient(90deg,#11091f 0%,rgba(17,9,31,.95) 22%,rgba(17,9,31,.65) 46%,rgba(17,9,31,.16) 82%),linear-gradient(180deg,#11091f 0%,rgba(17,9,31,.1) 22%,rgba(17,9,31,.1) 72%,#11091f 100%),linear-gradient(125deg,rgba(75,31,114,.34),rgba(17,9,31,.45))}
.intervention-photo--cockpit img{object-position:38% 50%;filter:grayscale(1) brightness(.86) contrast(1.16)}
.intervention-card:nth-child(2) .intervention-photo::after{background:linear-gradient(270deg,#11091f 0%,rgba(17,9,31,.96) 22%,rgba(17,9,31,.67) 49%,rgba(17,9,31,.14) 86%),linear-gradient(180deg,#11091f 0%,rgba(17,9,31,.08) 22%,rgba(17,9,31,.08) 72%,#11091f 100%),linear-gradient(235deg,rgba(75,31,114,.32),rgba(17,9,31,.45))}
.intervention-photo--carbon img{object-position:67% 50%;filter:grayscale(1) brightness(.9) contrast(1.12)}
.intervention-body{position:relative;z-index:1;padding:100px 0;margin-inline:auto}
.intervention-copy{max-width:560px}
.intervention-card:nth-child(2) .intervention-copy{margin-left:auto}
.intervention-copy>span{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--highlight)}
.intervention-copy h3{font-size:clamp(38px,4vw,62px);letter-spacing:-.055em;line-height:1.03;margin:22px 0 18px}
.intervention-copy p{font-size:18px;line-height:1.58;color:#e0d7ec;max-width:530px;margin:0}

.method{position:relative;isolation:isolate;display:flex;justify-content:flex-end;min-height:790px;overflow:hidden}
.method-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;background:#170c2a}
.method-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:33% 50%;filter:grayscale(1) brightness(.78) contrast(1.18);transform:scale(1.06)}
.method-photo::after{background:linear-gradient(270deg,#170c2a 0%,rgba(23,12,42,.97) 22%,rgba(23,12,42,.72) 50%,rgba(23,12,42,.14) 83%),linear-gradient(180deg,#170c2a 0%,rgba(23,12,42,.1) 19%,rgba(23,12,42,.1) 75%,#170c2a 100%),linear-gradient(230deg,rgba(78,27,122,.34),rgba(23,12,42,.47))}
.method-content{position:relative;z-index:1;width:min(58%,900px);padding:120px max(48px,calc((100vw - 1440px)/2)) 120px 50px}

.priority{position:relative;isolation:isolate;display:flex;align-items:center;min-height:690px;overflow:hidden;padding-block:0;border-top:0}
.priority-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;background:#1a1030}
.priority-photo img{object-position:36% 50%;filter:grayscale(1) brightness(.8) contrast(1.13);transform:scale(1.06)}
.priority-photo::after{background:linear-gradient(270deg,#1a1030 0%,rgba(26,16,48,.97) 22%,rgba(26,16,48,.7) 49%,rgba(26,16,48,.18) 83%),linear-gradient(180deg,#1a1030 0%,rgba(26,16,48,.1) 20%,rgba(26,16,48,.1) 74%,#1a1030 100%),linear-gradient(225deg,rgba(77,31,118,.34),rgba(26,16,48,.48))}
.priority-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;min-height:690px;gap:0}
.priority-copy{max-width:620px;padding-block:110px}

@media(max-width:980px){
  .engineering-grid,.priority-grid{display:block}
  .engineering-photo,.priority-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0}
  .intervention-card{display:flex;min-height:500px}
  .intervention-photo{position:absolute;inset:0;width:100%;height:100%}
  .intervention-body{padding:90px 0}
  .method{display:flex}
  .method-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0}
  .method-content{width:min(75%,720px);padding:100px 40px}
  .priority-grid{min-height:650px}
  .priority-copy{max-width:600px;margin-left:auto;padding-block:100px}
}
@media(max-width:760px){
  .engineering{min-height:680px}
  .engineering-grid{display:block}
  .engineering-copy{max-width:100%}
  .engineering-photo,.priority-photo{height:100%}
  .engineering-photo img{object-position:62% 50%}
  .engineering-photo::after{background:linear-gradient(0deg,#140b26 0%,rgba(20,11,38,.94) 32%,rgba(20,11,38,.55) 72%,rgba(20,11,38,.38) 100%),linear-gradient(125deg,rgba(77,29,119,.3),rgba(20,11,38,.35))}
  .interventions{padding-bottom:0}
  .intervention-grid{display:block}
  .intervention-card{display:flex;min-height:500px}
  .intervention-photo{height:100%}
  .intervention-photo::after,.intervention-photo--carbon::after,.intervention-card:nth-child(2) .intervention-photo::after{background:linear-gradient(0deg,#11091f 0%,rgba(17,9,31,.92) 24%,rgba(17,9,31,.65) 64%,rgba(17,9,31,.45) 100%),linear-gradient(125deg,rgba(75,31,114,.25),rgba(17,9,31,.4))}
  .intervention-body{padding:105px 0 80px}
  .intervention-card:nth-child(2) .intervention-copy{margin-left:0}
  .intervention-copy h3{font-size:clamp(36px,8vw,54px)}
  .intervention-copy p{font-size:16px}
  .method{min-height:0}
  .method-photo{height:100%}
  .method-photo::after{background:linear-gradient(0deg,#170c2a 0%,rgba(23,12,42,.95) 32%,rgba(23,12,42,.66) 72%,rgba(23,12,42,.42) 100%),linear-gradient(125deg,rgba(78,27,122,.3),rgba(23,12,42,.36))}
  .method-content{width:100%;padding:100px 20px}
  .priority{min-height:650px}
  .priority-grid{min-height:650px;display:flex;align-items:flex-end}
  .priority-photo::after{background:linear-gradient(0deg,#1a1030 0%,rgba(26,16,48,.95) 34%,rgba(26,16,48,.64) 72%,rgba(26,16,48,.42) 100%),linear-gradient(125deg,rgba(77,31,118,.3),rgba(26,16,48,.4))}
  .priority-copy{max-width:100%;padding:105px 0 85px}
}

/* Every content section has full-width photography. */

.intro,.audience,.metrics{position:relative;isolation:isolate;overflow:hidden;border-top:0}
.section-photo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.section-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05)}
.intro::after,.audience::after,.metrics::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.intro-grid,.audience-grid,.metrics>.wrap{position:relative;z-index:1}
.intro-photo img{object-position:60% 49%;filter:grayscale(1) brightness(.78) contrast(1.15)}
.intro::after{background:linear-gradient(90deg,rgba(22,13,41,.78),rgba(22,13,41,.58) 43%,rgba(22,13,41,.17) 100%),linear-gradient(180deg,#160d29 0%,rgba(22,13,41,.04) 18%,rgba(22,13,41,.04) 82%,#160d29 100%),linear-gradient(125deg,rgba(75,29,116,.22),rgba(22,13,41,.24))}
.audience-photo img{object-position:38% 50%;filter:grayscale(1) brightness(.92) contrast(1.14)}
.audience::after{background:linear-gradient(90deg,rgba(16,8,30,.58),rgba(16,8,30,.72) 49%,rgba(16,8,30,.86) 100%),linear-gradient(180deg,#10081e 0%,rgba(16,8,30,.05) 18%,rgba(16,8,30,.05) 82%,#10081e 100%),linear-gradient(125deg,rgba(77,29,119,.18),rgba(16,8,30,.27))}
.metrics-photo img{object-position:60% 50%;filter:grayscale(1) brightness(.96) contrast(1.2)}
.metrics::after{background:linear-gradient(90deg,rgba(26,16,48,.78),rgba(26,16,48,.64) 54%,rgba(26,16,48,.38) 100%),linear-gradient(180deg,#1a1030 0%,rgba(26,16,48,.07) 15%,rgba(26,16,48,.07) 84%,#1a1030 100%),linear-gradient(125deg,rgba(79,31,121,.17),rgba(26,16,48,.27))}

.interventions{position:relative;isolation:isolate;overflow:hidden}
.interventions-photo{position:absolute;top:0;left:0;right:0;height:630px;z-index:0;overflow:hidden;pointer-events:none}
.interventions-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:grayscale(1) brightness(.9) contrast(1.15)}
.interventions::after{content:"";position:absolute;top:0;left:0;right:0;height:650px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(17,9,31,.38),rgba(17,9,31,.68) 45%,#11091f 100%),linear-gradient(90deg,rgba(17,9,31,.7),rgba(17,9,31,.18)),linear-gradient(125deg,rgba(74,30,113,.2),rgba(17,9,31,.26))}
.interventions>.wrap,.intervention-grid{position:relative;z-index:1}

@media(max-width:760px){
  .intro::after{background:linear-gradient(0deg,#160d29 0%,rgba(22,13,41,.65) 37%,rgba(22,13,41,.32) 100%),linear-gradient(125deg,rgba(75,29,116,.18),rgba(22,13,41,.24))}
  .audience::after{background:linear-gradient(0deg,#10081e 0%,rgba(16,8,30,.7) 48%,rgba(16,8,30,.36) 100%),linear-gradient(125deg,rgba(77,29,119,.17),rgba(16,8,30,.26))}
  .metrics::after{background:linear-gradient(0deg,#1a1030 0%,rgba(26,16,48,.78) 55%,rgba(26,16,48,.52) 100%),linear-gradient(125deg,rgba(79,31,121,.14),rgba(26,16,48,.28))}
}

/* A shared deep-violet edge lets each photograph dissolve into the next. */
main{--photo-seam:#130a23;--edge-fade:clamp(110px,11vw,160px)}
main>section:not(.closing)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--photo-seam) 0,transparent var(--edge-fade),transparent calc(100% - var(--edge-fade)),var(--photo-seam) 100%)}
main>section.hero::before{background:linear-gradient(to bottom,transparent calc(100% - 180px),var(--photo-seam) 100%)}
.hero-content,.intro-grid,.audience-grid,.engineering-grid,.metrics>.wrap,.interventions>.wrap,.intervention-grid,.method-content,.priority-grid{position:relative;z-index:2}
.hero-bottom{z-index:2}
.interventions-heading{position:relative;z-index:2;margin-bottom:0}
.interventions>.wrap::after{content:"";position:absolute;left:calc((100% - 100vw)/2);bottom:0;width:100vw;height:170px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--photo-seam))}
.intervention-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--photo-seam) 0,transparent 105px,transparent calc(100% - 105px),var(--photo-seam) 100%)}
.intervention-body{z-index:2}
.closing{border-top:0}
.closing::after{background:linear-gradient(to bottom,var(--photo-seam) 0,transparent 75px,transparent calc(100% - 75px),var(--photo-seam) 100%),linear-gradient(90deg,rgba(27,13,43,.98),rgba(27,13,43,.9) 43%,rgba(27,13,43,.42)),linear-gradient(0deg,rgba(27,13,43,.8),rgba(27,13,43,.12) 52%,rgba(27,13,43,.58)),linear-gradient(125deg,rgba(80,36,119,.3),rgba(27,13,43,.5))}
.footer{background:#130a23;border-top:0}
@media(max-width:760px){main{--edge-fade:100px}main>section.hero::before{background:linear-gradient(to bottom,transparent calc(100% - 125px),var(--photo-seam) 100%)}.intervention-card::before{background:linear-gradient(to bottom,var(--photo-seam) 0,transparent 75px,transparent calc(100% - 75px),var(--photo-seam) 100%)}}

/* Display typography and small telemetry cues form the Impeccable visual system. */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/chakra-petch-regular-latin.woff2') format('woff2')}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/chakra-petch-bold-latin.woff2') format('woff2')}
h1,h2,h3,.brand,.metric-code strong,.metric-target strong{font-family:"Chakra Petch","Space Grotesk",sans-serif}
.brand{letter-spacing:.11em}
.eyebrow,.section-kicker,.hero-bottom,.engineering-caption,.priority-rule,.telemetry-caption,.metric-order,.metric-code small,.metric-target>span,.metric-target small,.intervention-copy>span,.step-num,.footer-inner>span,.footer-inner>a:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.section-kicker::before{content:"";width:5px;height:5px;flex:none;background:var(--highlight)}
.hero h1{font-size:clamp(58px,6.2vw,96px);line-height:.94;letter-spacing:-.065em}
.intro h2 span,.audience h2 em,.interventions .section-heading h2 span,.method h2 em,.priority h2 em,.closing h2 em{color:#e3ddec}
.intro h2 span,.interventions .section-heading h2 span{font-weight:400}

/* One immersive editorial statement interrupts the repeated two-column rhythm. */
.engineering{min-height:850px;align-items:flex-end}
.engineering-grid{padding-bottom:135px}
.engineering-copy{max-width:1100px}
.engineering h2{font-size:clamp(72px,8.3vw,128px);line-height:.9;letter-spacing:-.068em;margin-bottom:34px}
.engineering p{max-width:570px}
.engineering-caption{margin-top:46px}

.priority-rule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:57px;padding:0;border:0}
.priority-rule div{position:relative;min-width:0;padding-top:17px;border-top:1px solid rgba(228,217,245,.45)}
.priority-rule div::before{content:"";position:absolute;top:-1px;left:0;width:26px;height:2px;background:var(--highlight)}
.priority-rule strong{display:block;font-family:"Chakra Petch","Space Grotesk",sans-serif;font-size:clamp(35px,3.4vw,50px);font-weight:700;line-height:1;letter-spacing:-.06em;color:var(--white)}
.priority-rule span{display:block;margin-top:9px;color:#cfc3df;font-size:10px;line-height:1.4;letter-spacing:.08em}

/* Core Web Vitals read as instruments rather than a generic feature table. */
.metrics{padding-top:160px;padding-bottom:160px}
.metrics-heading{align-items:end;margin-bottom:75px}
.metrics-heading h2{font-size:clamp(76px,7.3vw,112px);line-height:.9;letter-spacing:-.067em}
.metrics-heading>p{max-width:355px}
.telemetry-caption{display:flex;justify-content:space-between;gap:24px;padding:15px 0;color:#a99abb;border-top:1px solid rgba(228,217,245,.4);font-size:11px;font-weight:700;letter-spacing:.13em}
.telemetry-caption b{color:var(--highlight);font-size:17px;font-weight:400;margin-left:15px}
.metric-list{border-top:0}
.metric{position:relative;grid-template-columns:minmax(230px,.84fr) minmax(0,1.3fr) minmax(205px,.7fr);align-items:center;gap:clamp(35px,5vw,90px);min-height:325px;padding:46px 18px 46px 0;border-top:1px solid rgba(228,217,245,.36);border-bottom:0;transition:background .25s ease}
.metric:last-child{border-bottom:1px solid rgba(228,217,245,.36)}
.metric::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:var(--highlight)}
.metric:hover{background:linear-gradient(90deg,rgba(101,54,137,.16),transparent 72%)}
.metric-code{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0;color:var(--white)}
.metric-order{font-size:11px;color:var(--highlight);font-weight:700;letter-spacing:.13em}
.metric-code strong{font-size:clamp(96px,10vw,155px);line-height:.78;letter-spacing:-.09em;font-weight:700;color:rgba(248,245,255,.83)}
.metric-code small{font-size:10px;letter-spacing:.1em;color:#aea1be;font-weight:700}
.metric-main{display:block}
.metric-main h3{font-size:clamp(34px,3.3vw,50px);line-height:1.02;letter-spacing:-.06em;margin:0 0 20px}
.metric-main p{max-width:410px;font-size:16px;line-height:1.58;color:#d4c9e2}
.metric-target{align-self:stretch;justify-content:center;min-width:0;padding:18px 0 0;border-left:0;border-top:1px solid rgba(228,217,245,.33)}
.metric-target>span{font-size:10px;line-height:1.5}
.metric-target strong{font-size:clamp(52px,5vw,78px);line-height:.95;letter-spacing:-.065em;color:var(--white);margin:18px 0 8px;white-space:nowrap}
.metric-target strong span{color:var(--highlight)}
.metric-target small{color:var(--highlight);font-size:10px}
.metric-target::after{content:"";display:block;width:5px;height:5px;margin-top:18px;background:var(--highlight);box-shadow:12px 0 #7b688f,24px 0 #4b3a63}
.metrics-source{margin-top:24px}

@media(max-width:980px){
  .engineering{min-height:760px}
  .engineering h2{font-size:clamp(64px,8vw,100px)}
  .metrics-heading h2{font-size:clamp(68px,8vw,92px)}
  .metric{grid-template-columns:minmax(190px,.75fr) minmax(0,1.2fr) minmax(175px,.72fr);gap:24px}
  .metric-code strong{font-size:clamp(85px,10vw,118px)}
  .metric-target strong{font-size:clamp(47px,5vw,64px)}
}
@media(max-width:760px){
  .hero h1{font-size:clamp(49px,10vw,75px)}
  .engineering{min-height:760px}
  .engineering-grid{padding-bottom:85px}
  .engineering h2{font-size:clamp(50px,10vw,72px)}
  .metrics{padding-top:110px;padding-bottom:110px}
  .metrics-heading{margin-bottom:47px}
  .metrics-heading h2{font-size:clamp(54px,9vw,75px)}
  .telemetry-caption{font-size:9px;letter-spacing:.08em}
  .metric{grid-template-columns:1fr;gap:25px;min-height:0;padding:40px 0}
  .metric-code{gap:9px}
  .metric-code strong{font-size:clamp(85px,22vw,120px)}
  .metric-main h3{font-size:36px;margin-bottom:13px}
  .metric-main p{font-size:15px}
  .metric-target{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:18px}
  .metric-target strong{font-size:59px;margin:15px 0 5px}
  .priority-rule{gap:9px;margin-top:40px}
  .priority-rule strong{font-size:36px}
  .priority-rule span{font-size:8px;letter-spacing:.02em}
}
@media(max-width:450px){
  .hero h1{font-size:clamp(38px,10.25vw,45px)}
  .engineering h2{font-size:clamp(45px,10vw,55px)}
  .metrics-heading h2{font-size:clamp(47px,10.4vw,54px)}
  .telemetry-caption span:last-child{max-width:140px;text-align:right}
  .metric-main h3{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.metric{transition:none}}

/* Impeccable's chamfered signal language repeats from mark to metric to trace. */
.symbol-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.brand-mark{display:block;width:100px;height:auto;aspect-ratio:4/1;flex:none;border:0;transform:none}
.footer .brand-mark{width:90px;height:auto}
.metric-code-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:18px}
.signal-icon{width:42px;height:42px;flex:none;color:#e7deef}
.metric-code-head .signal-icon{width:39px;height:39px;opacity:.82}
@media(max-width:760px){.brand-mark{width:66px;height:auto}.footer .brand-mark{width:78px;height:auto}.metric-code-head{max-width:260px}}

/* The diagnostic drawing floats within the photograph, like a technical overlay. */
.diagnostic{position:relative;isolation:isolate;overflow:hidden;min-height:880px;background:#130a23}
.diagnostic-photo{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.diagnostic-photo img{width:100%;height:100%;object-fit:cover;object-position:77% 54%;filter:grayscale(1) brightness(.56) contrast(1.22);transform:scale(1.2)}
.diagnostic-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#130a23 0%,rgba(19,10,35,.95) 31%,rgba(19,10,35,.72) 61%,rgba(19,10,35,.46) 100%),linear-gradient(180deg,#130a23 0%,rgba(19,10,35,.12) 24%,rgba(19,10,35,.19) 74%,#130a23 100%),linear-gradient(130deg,rgba(74,32,113,.32),rgba(19,10,35,.31))}
.diagnostic-shell{position:relative;z-index:2}
.diagnostic-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(45px,7vw,120px);margin-bottom:67px}
.diagnostic-intro h2{font-size:clamp(64px,7vw,106px);line-height:.91;letter-spacing:-.068em;margin:29px 0 0}
.diagnostic-intro h2 em{font-weight:400;color:#e5dded}
.diagnostic-intro>p{max-width:445px;font-size:19px;line-height:1.55;color:#d3c9df;margin:0 0 5px}
.diagnostic-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(236,226,249,.43)}
.diagnostic-tab{position:relative;display:flex;align-items:center;gap:19px;min-width:0;padding:20px 17px 23px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(236,226,249,.35);color:var(--white);cursor:pointer;transition:background .22s ease,color .22s ease}
.diagnostic-tab+.diagnostic-tab{padding-left:22px}
.diagnostic-tab::before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--highlight);transition:width .27s ease}
.diagnostic-tab[aria-selected="true"]::before{width:100%}
.diagnostic-tab[aria-selected="true"]{background:linear-gradient(180deg,rgba(159,120,192,.15),transparent 76%)}
.diagnostic-tab .signal-icon{width:50px;height:50px;opacity:.6;transition:opacity .22s ease,transform .22s ease}
.diagnostic-tab:is(:hover,:focus-visible,[aria-selected="true"]) .signal-icon{opacity:1;transform:translateY(-3px)}
.diagnostic-tab small{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.1em;color:#a99bb8}
.diagnostic-tab strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:37px;line-height:1;letter-spacing:-.06em;margin-top:7px}
.diagnostic-tab[aria-selected="true"] strong{color:var(--highlight)}
.diagnostic-tab-arrow{margin-left:auto;align-self:flex-start;font-size:21px;line-height:1;color:#a99bb8;transition:transform .22s ease,color .22s ease}
.diagnostic-tab:is(:hover,:focus-visible,[aria-selected="true"]) .diagnostic-tab-arrow{color:var(--highlight);transform:translate(2px,-2px)}
.diagnostic-tab:focus-visible{outline:2px solid var(--highlight);outline-offset:-3px}
.diagnostic-panel{display:grid;grid-template-columns:minmax(285px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(30px,5vw,86px);min-height:452px;padding-top:34px;animation:diagnostic-appear .34s ease both}
.diagnostic-panel[hidden]{display:none!important}
.diagnostic-copy{padding-block:34px}
.diagnostic-label,.diagnostic-action span,.diagnostic-note{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.11em;color:var(--highlight)}
.diagnostic-copy h3{font-size:clamp(38px,3.8vw,57px);line-height:1.02;letter-spacing:-.055em;margin:19px 0 19px}
.diagnostic-copy p{max-width:455px;font-size:16px;line-height:1.6;color:#d4c9df;margin:0}
.diagnostic-action{margin-top:34px;padding-top:17px;border-top:1px solid rgba(236,226,249,.42)}
.diagnostic-action span{display:block}
.diagnostic-action strong{display:block;font-family:"Chakra Petch",sans-serif;font-size:21px;font-weight:400;line-height:1.25;letter-spacing:-.02em;margin-top:10px;color:var(--white)}
.diagnostic-action b{color:var(--highlight);font-weight:400;margin-left:8px}
.diagnostic-visual{position:relative;min-width:0}
.diagnostic-visual::before{content:"";position:absolute;inset:7% 2%;z-index:-1;background:radial-gradient(ellipse at center,rgba(62,35,88,.46),transparent 67%);filter:blur(22px)}
.diagnostic-visual img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;filter:drop-shadow(0 22px 36px rgba(6,3,15,.28))}
.diagnostic-note{margin:5px 0 0;padding-top:14px;border-top:1px solid rgba(236,226,249,.21);color:#9d8fae;font-size:9px}
@keyframes diagnostic-appear{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.diagnostic-intro{grid-template-columns:1fr 1fr;gap:30px}.diagnostic-intro h2{font-size:clamp(62px,8vw,85px)}.diagnostic-panel{grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr);gap:18px}.diagnostic-copy h3{font-size:clamp(34px,4.5vw,45px)}}
@media(max-width:760px){.diagnostic{min-height:0}.diagnostic-photo img{object-position:74% 50%;transform:scale(1.3)}.diagnostic-photo::after{background:linear-gradient(0deg,#130a23 0%,rgba(19,10,35,.79) 53%,rgba(19,10,35,.74) 100%),linear-gradient(115deg,rgba(74,32,113,.18),rgba(19,10,35,.32))}.diagnostic-intro{display:block;margin-bottom:42px}.diagnostic-intro h2{font-size:clamp(50px,9vw,70px)}.diagnostic-intro>p{font-size:16px;margin-top:27px}.diagnostic-tab{gap:7px;padding:17px 7px 16px 0}.diagnostic-tab+.diagnostic-tab{padding-left:10px}.diagnostic-tab .signal-icon{width:30px;height:30px}.diagnostic-tab small{font-size:8px;letter-spacing:0}.diagnostic-tab strong{font-size:30px}.diagnostic-tab-arrow{display:none}.diagnostic-panel{display:block;min-height:0;padding-top:18px}.diagnostic-copy{padding-block:24px 0}.diagnostic-copy h3{font-size:clamp(39px,7.4vw,50px)}.diagnostic-copy p{font-size:15px}.diagnostic-action{margin-top:26px}.diagnostic-visual{margin:20px -12px 0}.diagnostic-visual img{max-height:none}.diagnostic-note{line-height:1.6}}
@media(max-width:450px){.diagnostic-tab .signal-icon{width:25px;height:25px}.diagnostic-tab strong{font-size:26px}.diagnostic-tab small{font-size:7px}.diagnostic-intro h2{font-size:clamp(47px,10vw,54px)}.diagnostic-visual{margin-inline:-17px}}
@media(max-width:360px){.diagnostic-intro h2{font-size:39px}.diagnostic-tab small{display:none}.diagnostic-tab strong{margin-top:0}}
@media(prefers-reduced-motion:reduce){.diagnostic-tab,.diagnostic-tab::before,.diagnostic-tab .signal-icon,.diagnostic-tab-arrow{transition:none}.diagnostic-panel{animation:none}}

/* Macro crops favor engineered surfaces over sponsor graphics. */
.metrics-photo img{object-position:64% 66%;transform:scale(1.19)}
.engineering-photo img{object-position:73% 55%;transform:scale(1.14)}
.audience-photo img{object-position:45% 54%;transform:scale(1.14)}
.method-photo img{object-position:40% 52%;transform:scale(1.14)}
.priority-photo img{object-position:48% 56%;transform:scale(1.14)}
.intervention-photo img{transform:scale(1.15)}
@media(max-width:760px){.engineering-photo img,.metrics-photo img,.audience-photo img,.method-photo img,.priority-photo img{transform:scale(1.09)}}

/* Alternate photography and deep-violet rests. Every edge resolves to the
   same violet, so a photograph dissolves into the next section's colour. */
:root{--ink:#0d0618;--panel:#160b25;--warm:#0d0618}
body,main,.footer{background:#0d0618}
main{--photo-seam:#0d0618;--edge-fade:clamp(145px,13vw,220px)}
main>section:not(.closing)::before{background:linear-gradient(to bottom,var(--photo-seam),transparent var(--edge-fade),transparent calc(100% - var(--edge-fade)),var(--photo-seam))}
main>section.hero::before{background:linear-gradient(to bottom,transparent 70%,var(--photo-seam) 100%)}

/* The colour beats keep yellow light contained well inside each section. */
.intro,.engineering,.diagnostic,.method,.closing{background-color:var(--photo-seam);background-image:radial-gradient(ellipse 42% 46% at 87% 43%,rgba(225,247,76,.14),transparent 78%),radial-gradient(ellipse 60% 58% at 23% 66%,rgba(92,48,132,.21),transparent 80%)}
.engineering{background-image:radial-gradient(ellipse 40% 50% at 80% 62%,rgba(225,247,76,.15),transparent 78%),radial-gradient(ellipse 65% 65% at 10% 31%,rgba(86,43,126,.19),transparent 80%)}
.diagnostic{background-image:radial-gradient(ellipse 38% 46% at 9% 62%,rgba(225,247,76,.12),transparent 78%),radial-gradient(ellipse 58% 58% at 81% 34%,rgba(86,43,126,.2),transparent 80%)}
.method{background-image:radial-gradient(ellipse 40% 52% at 83% 25%,rgba(225,247,76,.13),transparent 78%),radial-gradient(ellipse 56% 60% at 18% 75%,rgba(86,43,126,.18),transparent 80%)}
.closing{background-image:radial-gradient(ellipse 40% 56% at 88% 56%,rgba(225,247,76,.14),transparent 78%),radial-gradient(ellipse 60% 64% at 15% 30%,rgba(86,43,126,.2),transparent 80%)}
.intro::after,.closing::before{display:none}
.closing::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 35%,transparent 65%,var(--photo-seam))}
.method{display:block;min-height:0}
.method-content{width:min(100% - 96px,1440px);margin-inline:auto;padding:145px 0 155px;max-width:none}
.method-content>*{max-width:700px}
.method h2{max-width:850px}
.method-lead{max-width:620px}
.steps{max-width:700px}

/* Photographic beats retain their macro crops, with a shared violet exposure. */
.hero,.audience,.metrics,.interventions,.intervention-card,.priority{background-color:var(--photo-seam)}
.hero-image{background:var(--photo-seam)}
.hero-image::before{filter:grayscale(1) brightness(.73) contrast(1.14);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 100%)}
.hero-image::after{background:linear-gradient(90deg,rgba(13,6,24,.98) 0%,rgba(13,6,24,.87) 28%,rgba(13,6,24,.55) 55%,rgba(13,6,24,.22) 100%),linear-gradient(to bottom,rgba(13,6,24,.33),transparent 34%,rgba(13,6,24,.25) 65%,var(--photo-seam) 100%),linear-gradient(120deg,rgba(65,25,97,.26),transparent 76%)}
.audience-photo img,.metrics-photo img,.intervention-photo img,.priority-photo img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 75%,transparent 100%)}
.audience::after,.metrics::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 22%,transparent 76%,var(--photo-seam)),linear-gradient(90deg,rgba(13,6,24,.67),rgba(13,6,24,.73) 52%,rgba(13,6,24,.5)),linear-gradient(125deg,rgba(65,25,97,.17),transparent)}
.metrics::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 17%,transparent 82%,var(--photo-seam)),linear-gradient(90deg,rgba(13,6,24,.79),rgba(13,6,24,.68) 58%,rgba(13,6,24,.48)),linear-gradient(125deg,rgba(65,25,97,.15),transparent)}
.interventions{background-image:radial-gradient(ellipse 43% 330px at 88% 210px,rgba(225,247,76,.12),transparent 78%),radial-gradient(ellipse 57% 380px at 18% 250px,rgba(86,43,126,.2),transparent 80%)}
.interventions::after{display:none}
.intervention-card,.intervention-photo{background:var(--photo-seam)}
.intervention-photo::after,.intervention-photo--carbon::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 22%,transparent 76%,var(--photo-seam)),linear-gradient(90deg,rgba(13,6,24,.91),rgba(13,6,24,.53) 50%,rgba(13,6,24,.2)),linear-gradient(125deg,rgba(65,25,97,.2),transparent)}
.intervention-card:nth-child(2) .intervention-photo::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 22%,transparent 76%,var(--photo-seam)),linear-gradient(270deg,rgba(13,6,24,.92),rgba(13,6,24,.58) 52%,rgba(13,6,24,.22)),linear-gradient(235deg,rgba(65,25,97,.2),transparent)}
.priority-photo{background:var(--photo-seam)}
.priority-photo::after{background:linear-gradient(to bottom,var(--photo-seam),transparent 21%,transparent 77%,var(--photo-seam)),linear-gradient(270deg,rgba(13,6,24,.97),rgba(13,6,24,.71) 49%,rgba(13,6,24,.2)),linear-gradient(225deg,rgba(65,25,97,.2),transparent)}
.footer{border:0;background:var(--photo-seam)}

@media(max-width:760px){
  main{--edge-fade:105px}
  .method-content{width:min(100% - 40px,1440px);padding:100px 0 110px}
  .hero-image::after{background:linear-gradient(to bottom,rgba(13,6,24,.28),rgba(13,6,24,.49) 35%,rgba(13,6,24,.9) 74%,var(--photo-seam)),linear-gradient(125deg,rgba(65,25,97,.18),transparent)}
  .audience::after,.metrics::after{background:linear-gradient(to bottom,var(--photo-seam),rgba(13,6,24,.44) 23%,rgba(13,6,24,.76) 72%,var(--photo-seam)),linear-gradient(125deg,rgba(65,25,97,.13),transparent)}
  .intervention-photo::after,.intervention-photo--carbon::after,.intervention-card:nth-child(2) .intervention-photo::after{background:linear-gradient(to bottom,var(--photo-seam),rgba(13,6,24,.53) 23%,rgba(13,6,24,.81) 73%,var(--photo-seam)),linear-gradient(125deg,rgba(65,25,97,.15),transparent)}
  .priority-photo::after{background:linear-gradient(to bottom,var(--photo-seam),rgba(13,6,24,.42) 25%,rgba(13,6,24,.82) 74%,var(--photo-seam)),linear-gradient(125deg,rgba(65,25,97,.17),transparent)}
}

/* Causal drawings extend the diagnostic language into the violet sections. */
.evidence-figure{min-width:0;margin:0;padding:0}
.evidence-figure picture,.evidence-figure img{display:block;width:100%}
.evidence-figure img{height:auto}
.evidence-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid rgba(207,190,226,.28);color:#b7a8c8;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}
.evidence-figure figcaption span{color:var(--highlight);text-align:right}
.intro-figure{margin:85px auto 0}
.intro-figure picture{max-width:1120px;margin-left:auto}
.intro{padding-bottom:80px}
.engineering{min-height:0;align-items:stretch;padding-block:0}
.engineering-grid{padding-top:125px;padding-bottom:105px}
.engineering-copy{max-width:none}
.engineering h2{max-width:1150px}
.engineering-proof{display:block;margin-top:60px}
.engineering-proof>div{max-width:700px}
.engineering p{max-width:700px}
.engineering-caption{margin-top:35px;line-height:1.55}
.engineering-figure{max-width:1120px;margin:70px 0 0 auto}
.method{min-height:0}
.method-content{padding-top:115px;padding-bottom:105px}
.method-content>.method-layout{width:100%;max-width:none}
.method-layout{display:block}
.method-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(50px,8vw,135px);min-width:0}
.method-copy>.section-kicker,.method-copy>h2,.method-copy>.method-lead{grid-column:1}
.method-copy>.steps{grid-column:2;grid-row:1 / 4;align-self:start}
.method h2{max-width:650px}
.method-figure{min-width:0;max-width:1120px;margin:70px 0 0 auto}

@media(max-width:1120px){
  .method-copy{display:block;max-width:740px}
  .engineering-figure,.method-figure{max-width:100%}
}
@media(min-width:761px) and (max-width:900px){
  .intro-figure,.engineering-figure,.method-figure{max-width:560px;margin-left:auto;margin-right:auto}
  .evidence-figure picture{max-width:560px;margin-inline:auto}
}
@media(max-width:760px){
  .intro-figure{width:calc(100% - 20px);margin:55px auto 0}
  .intro{padding-bottom:70px}
  .evidence-figure figcaption{display:block;font-size:12px;line-height:1.5}
  .evidence-figure figcaption span{display:block;text-align:left;margin-top:4px}
  .engineering-grid{padding-top:100px;padding-bottom:95px}
  .engineering-proof{margin-top:40px}
  .engineering-caption{margin-top:27px}
  .engineering-figure{width:calc(100% + 20px);max-width:none;margin:50px 0 0 -10px}
  .method-content{padding-top:100px;padding-bottom:95px}
  .method-figure{width:calc(100% + 20px);max-width:none;margin:55px 0 0 -10px}
}

/* Editorial routes and impact evidence sit inside the existing full-bleed beats. */
.hero h1{max-width:1150px}
.audience{padding-bottom:105px}
.audience-source{font-size:12px;line-height:1.55;color:#a99cba;margin:26px 0 0;max-width:560px}
.audience-source a{color:#e8e0f1;text-decoration:underline;text-underline-offset:3px}
.audience-figure{position:relative;z-index:2;max-width:1120px;margin:75px auto 0}
.audience-figure picture{max-width:1120px;margin-inline:auto}
.priority{display:block;min-height:0}
.priority-grid{display:block;min-height:0;padding-top:145px;padding-bottom:125px}
.priority-copy{max-width:810px;margin-left:auto;padding:0}
.priority-copy p{max-width:690px}
.priority-figure{max-width:1120px;margin:80px auto 0}
.priority-figure picture{max-width:1120px;margin-inline:auto}
@media(min-width:761px) and (max-width:900px){
  .audience-figure,.priority-figure{max-width:560px;margin-left:auto;margin-right:auto}
}
@media(max-width:760px){
  .audience{padding-bottom:80px}
  .audience-figure{width:calc(100% - 20px);margin:55px auto 0}
  .priority-grid{padding-top:110px;padding-bottom:90px}
  .priority-copy{max-width:none}
  .priority-figure{width:calc(100% + 20px);max-width:none;margin:55px 0 0 -10px}
}

/* The logo's single-stroke vocabulary becomes a causal sketch over each photo. */
.intervention-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:clamp(35px,6vw,110px)}
.intervention-card:nth-child(2) .intervention-body{grid-template-columns:minmax(0,.88fr) minmax(0,1fr)}
.intervention-card:nth-child(2) .intervention-copy{grid-column:2;grid-row:1}
.intervention-card:nth-child(2) .intervention-sketch{grid-column:1;grid-row:1;justify-self:start}
.intervention-sketch{min-width:0;width:100%;max-width:520px;margin:0;justify-self:end}
.intervention-sketch img{display:block;width:100%;height:auto;opacity:.9}
.intervention-sketch figcaption{margin-top:10px;color:#d3c8df;font:700 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em}
@media(max-width:760px){
  .intervention-body,.intervention-card:nth-child(2) .intervention-body{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:100px 82px}
  .intervention-card:nth-child(2) .intervention-copy,.intervention-card:nth-child(2) .intervention-sketch{grid-column:auto;grid-row:auto}
  .intervention-sketch,.intervention-card:nth-child(2) .intervention-sketch{width:min(100%,390px);justify-self:center}
  .intervention-sketch figcaption{font-size:11px}
}

/* Narrow screens show a whole photographic beat instead of stretching one crop
   over the full height of a long editorial section. The lower edge dissolves
   into the shared violet background. */
@media(max-width:900px){
  .section-photo,.intervention-photo,.priority-photo{
    top:0;right:0;bottom:auto;left:0;width:100%;height:clamp(310px,85vw,430px);min-height:0;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 47%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 47%,transparent 100%);
  }
  .section-photo img,.intervention-photo img,.priority-photo img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;
    -webkit-mask-image:none;mask-image:none;
  }
  .audience-photo img{object-position:45% 38%}
  .metrics-photo img{object-position:60% 45%}
  .priority-photo img{object-position:48% 38%}
}
@media(max-width:760px){
  .hero-image::before{background-size:auto 92%;background-position:50% 0}
}