:root{--a:#2463ff;--v:var(--a);--o:var(--a)}
.offers{padding-block:clamp(80px,9vw,140px) 35px;scroll-margin-top:100px}
.offers-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:55px}
.offers-head .mono{color:var(--a);margin-bottom:22px}
.offers-head h2{font:500 clamp(3rem,6vw,6rem)/1.02 'Space Grotesk';letter-spacing:-.06em}
.offers-head h2 span{color:var(--a)}
.offers-head>p{max-width:430px;color:#b2bdcf;font-size:1.0625rem;line-height:1.7}
.offers-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:1150px;margin-inline:auto}
.offer{display:flex;flex-direction:column;padding:clamp(24px,2.5vw,40px);border:1px solid #ffffff30;background:#0d1017;min-width:0}
.offer-index{color:#8ea2c4;margin-bottom:28px}
.offer h3{font:500 clamp(1.6rem,2.8vw,2.8rem)/1.1 'Space Grotesk';letter-spacing:-.045em}
.offer-promise{font-size:1rem;line-height:1.6;color:#c4cddd;min-height:5em;margin:20px 0 30px}
.offer-content{border-top:1px solid #ffffff26;padding-top:25px}
.offer-situation{font-size:1rem;line-height:1.65;color:#c4cddd;min-height:8em}
.offer dl{margin:25px 0 0}
.offer dt{font-size:.875rem;font-weight:600;margin-top:22px;color:#fff}
.offer dd{margin:8px 0 0;color:#b1bdd1;font-size:1rem;line-height:1.65}
.offer-core{background:var(--a);border-color:var(--a);color:#fff}
.offer-core h3{font-size:clamp(2.8rem,5vw,5rem)}
.offer-core .offer-promise{min-height:0;max-width:850px;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.4}
.offer-core .offer-content{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,90px)}
.offer-core .offer-situation{min-height:0;font-size:1.125rem}
.offer-core dl{margin:0}
.offer-core dt:first-child{margin-top:0}
.offer-core .offer-index,.offer-core .offer-promise,.offer-core .offer-situation,.offer-core dd{color:#fff}
.offer-core .offer-content{border-color:#ffffff50}
.offer-quote{border-top:1px solid #ffffff26;margin-top:24px}
.offer-quote summary{display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:19px 0 2px;font-weight:600;font-size:.9375rem}
.offer-quote summary::-webkit-details-marker{display:none}
.offer-quote summary span{font-size:1.35rem;color:var(--a);transition:transform .2s}
.offer-quote[open] summary span{transform:rotate(45deg)}
.offer-quote>div{padding-top:16px}
.offer-quote>div>p:first-child{color:#b9c4d6;font-size:.9375rem;line-height:1.6}
.offer-quote-verdicts{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}
.offer-quote-verdicts span{border:1px solid #ffffff35;border-radius:99px;padding:6px 9px;font:400 .65rem 'DM Mono';letter-spacing:.04em;text-transform:uppercase;color:#fff}
.offer-quote a{font-size:.875rem;color:#fff;border-bottom:1px solid #ffffff70;padding-bottom:4px}
.quote-review{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(35px,7vw,110px);margin-top:18px;padding:clamp(30px,4.5vw,65px);border:1px solid #ffffff30;background:linear-gradient(135deg,#10141d,#0b0d12);position:relative;overflow:hidden}
.quote-review:after{content:"";position:absolute;width:380px;aspect-ratio:1;border:1px solid #ffffff16;border-radius:50%;left:-190px;bottom:-260px;box-shadow:0 0 0 34px #ffffff08,0 0 0 68px #ffffff05;pointer-events:none}
.quote-review-heading,.quote-review-body{position:relative;z-index:1}
.quote-review-heading .mono{color:var(--a);margin-bottom:24px}
.quote-review-heading h3{font:500 clamp(2.4rem,4.5vw,5.2rem)/.98 'Space Grotesk';letter-spacing:-.06em}
.quote-review-body{max-width:710px}
.quote-review-lead{font:500 clamp(1.2rem,1.8vw,1.65rem)/1.5 'Space Grotesk';letter-spacing:-.02em;color:#f2f5fb}
.quote-review-points{display:grid;grid-template-columns:1fr 1fr;margin:30px 0;border-top:1px solid #ffffff25}
.quote-review-points span{position:relative;padding:16px 15px 16px 26px;border-bottom:1px solid #ffffff25;color:#bac5d7;font-size:.9375rem}
.quote-review-points span:nth-child(odd){border-right:1px solid #ffffff25}
.quote-review-points span:before{content:"";position:absolute;left:4px;top:22px;width:7px;height:7px;border:1px solid #ffffffa0;transform:rotate(45deg)}
.quote-review-body>p:not(.quote-review-lead):not(.quote-review-note){color:#aeb9ca;font-size:1rem}
.quote-verdicts{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 30px}
.quote-verdicts span{padding:10px 15px;border:1px solid #ffffff40;border-radius:99px;font:500 .75rem 'DM Mono';text-transform:uppercase;letter-spacing:.06em}
.quote-verdicts span:nth-child(2){background:var(--a);border-color:var(--a);color:#fff}
.quote-review-note{border-left:1px solid var(--a);padding-left:20px;color:#fff;font-size:1rem;line-height:1.7;margin:0 0 28px}
.quote-review-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;border-bottom:1px solid #ffffff80;padding:0 0 10px;font-weight:600;transition:border-color .2s,color .2s}
.quote-review-link:hover{color:var(--a);border-color:var(--a)}
.offers-guidance{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:35px;padding-block:20px 35px}
.offers-guidance p{color:#aab7cd;max-width:510px;font-size:1rem;line-height:1.7}
.offers-guidance .cta{font-size:1rem;max-width:450px;flex:0 1 450px}
.offer-scope{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.offer-scope summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;list-style:none;padding:26px 0;font:500 clamp(1.1rem,1.6vw,1.4rem)/1.5 'Space Grotesk'}
.offer-scope summary::-webkit-details-marker{display:none}
.offer-scope summary>span{font-size:1.7rem;color:var(--a);transition:transform .25s}
.offer-scope[open] summary>span{transform:rotate(45deg)}
.offer-scope summary:focus-visible{outline:2px solid var(--a);outline-offset:6px}
.scope-body{padding-bottom:32px}
.scope-intro{color:#c0cadc;font-size:1rem;line-height:1.7;margin-bottom:25px}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-block:22px 30px}
.scope-grid>div:nth-last-child(-n+2){border-top:1px solid #ffffff24;padding-top:28px}
.scope-grid h3{font:500 1.3rem/1.3 'Space Grotesk';margin-bottom:12px}
.scope-grid p,.scope-terms p{font-size:1rem;line-height:1.7;color:#aebbd0}
.scope-terms{border-top:1px solid #ffffff20;padding-top:22px;max-width:1050px}
.scope-terms p+p{margin-top:12px}
@media(max-width:1100px){.offers-head{grid-template-columns:1fr;gap:25px}.offers-head>p{max-width:620px}.offers-grid{gap:12px}.offer{padding:24px}.offer h3{font-size:1.65rem}.offer-situation{min-height:11em}}
@media(max-width:1100px){.offer-core h3{font-size:clamp(2.8rem,6vw,4.5rem)}.offer-core .offer-situation{min-height:0}}
@media(max-width:800px){.offers-grid{grid-template-columns:1fr}.offer{padding:30px}.offer h3{font-size:2.25rem}.offer-promise,.offer-situation{min-height:0}.quote-review{grid-template-columns:1fr}.offers-guidance{align-items:stretch;flex-direction:column;gap:25px}.offers-guidance .cta{flex:auto;max-width:none}.scope-grid{grid-template-columns:1fr;gap:28px}.offer-content{padding-top:22px}}
@media(max-width:800px){.offer-core h3{font-size:clamp(2.7rem,10vw,4rem)}.offer-core .offer-content{grid-template-columns:1fr;gap:24px}}
@media(max-width:560px){.offers-head h2{font-size:12vw}.offers-head{margin-bottom:35px}.offer{padding:26px}.quote-review{padding:28px 22px}.quote-review-heading h3{font-size:12vw}.quote-review-points{grid-template-columns:1fr}.quote-review-points span:nth-child(odd){border-right:0}.offers-guidance .cta{font-size:.9375rem}.offer-scope summary{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.offer-scope summary>span{transition:none}}
.timeline-compact .day{width:clamp(300px,25vw,410px);min-height:370px}
.founder{min-height:auto;padding-block:clamp(90px,10vw,140px)}
.founder-copy{max-width:700px}
.method-stage{padding:45px 0 0;border-top:1px solid #ffffff26}
.method-stage .orientation{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:clamp(36px,5vw,85px)}
.method-stage .compass-controls{width:min(680px,100%);margin:0 auto}
.method-stage .compass-face{color:#ffffffa6}
.method-stage .axis{font-size:1rem;padding:12px 20px}
.method-stage .compass-center{top:50%;width:104px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ffffff30;border-radius:50%;background:#090a0c;color:#aab5c8;line-height:1.5}
.method-stage .compass-center br{display:none}
.method-stage .compass-center strong{font-size:1.65rem}
.method-stage .axis-reading{min-height:330px;display:flex;flex-direction:column;justify-content:center;max-width:510px}
.method-stage .axis-question{font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.08}
.method-stage .axis-insight{font-size:1.0625rem;line-height:1.75}
.method-stage .axis-choice{margin-top:30px;padding-top:24px}
.method-stage .axis-decision{font-size:1.0625rem;line-height:1.65}
.method-stage .compass-note{margin:32px 0 0;max-width:680px;text-align:center;font-size:.875rem}
@media(max-width:900px){.method-stage .orientation{grid-template-columns:1fr;gap:38px}.method-stage .compass-controls{width:min(640px,100%)}.method-stage .axis-reading{max-width:640px;min-height:300px;margin:auto;width:100%}.method-stage .axis-question{font-size:clamp(2rem,6vw,3.5rem)}.method-stage .compass-note{margin-inline:auto}}
@media(max-width:560px){.method-stage{padding-top:28px}.method-stage .axis{font-size:.875rem;padding:10px 12px}.method-stage .compass-center{width:78px;font-size:.75rem}.method-stage .compass-center strong{font-size:1.2rem}.method-stage .axis-reading{min-height:360px}.method-stage .axis-question{font-size:1.9rem!important}.method-stage .axis-insight,.method-stage .axis-decision{font-size:1rem}}
/* The ocean-blue signature uses white lettering on solid blue surfaces. */
.loader,.ticker,.cta,.contact,.six,.final-day,.satellite,.lab-menu button[aria-selected=true]{color:#fff}
.navcta:hover{color:#fff!important}
.cta:hover{background:#1d52da;color:#fff}
.hero-strip div:hover,.hero-strip div:hover span{color:#fff}
.s2{background:var(--w);color:#111}
.final-day p,.final-day .mono,.final-day footer{color:#fff}
.final-day:hover{background:#1d52da}
.final-day:hover h3{color:#fff}
.contact h2 span{-webkit-text-stroke-color:#fff}
.contact .logo b{color:#fff}
.contact:before{color:#ffffff14}
.contact .footer{border-color:#ffffff45}
.acid,.brand-orbit:before,.line:nth-child(2) .word,.scribble,.atypikoo h3,.atypikoo .metric,.founder blockquote em,.founder .mono,.price-big,.day .mono,.decision .mono,.lab-intro .mono{color:var(--a)}
.final-day .mono{color:#fff}
.cursor{mix-blend-mode:normal;background:var(--a)}
.cursor.on{background:#fff;box-shadow:0 0 0 1px #0002}
.satellite{font-size:.75rem}
.price-card{position:relative}
.mono{font-size:.75rem;line-height:1.5}
.navlinks{font-size:.875rem}
.hero{min-height:calc(100svh - 72px);isolation:isolate}
.hero-content{width:100%;position:relative;z-index:2;padding-block:70px 55px}
.hero h1{font-size:clamp(3rem,8.3vw,9.2rem);line-height:1.01;letter-spacing:-.065em;margin:30px 0 40px}
.hero h1 .line{padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .line:nth-child(2){margin-left:6vw}
.hero h1:after{content:"CLARTÉ / DIRECTION / PRODUIT";top:auto;bottom:10%;font-size:.75rem;max-width:160px;line-height:1.8;color:#afb8cd}
.hero-over:after{content:none}
.hero:after{background:linear-gradient(90deg,#090a0cf2 0%,#090a0cd9 43%,#090a0c36 88%)}
.hero-sub{margin-left:45%;max-width:650px;gap:24px}
.hero-sub p{font-size:1.0625rem}
.hero-sub .cta{max-width:360px}
.hero-over{max-width:70%}
.field{z-index:-2;opacity:.32}
.chart-position{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#a6afc1;margin-top:38px;letter-spacing:.04em}
.coordinate-divider{color:#536078;margin-inline:6px}
.chart-origin{color:#8b96aa;border-left:1px solid #384052;padding-left:16px}
.position-cross{position:relative;width:17px;height:17px;flex:none;border:1px solid color-mix(in srgb,var(--a) 44%,transparent);border-radius:50%}
.position-cross:before,.position-cross:after{content:"";position:absolute;background:var(--a)}
.position-cross:before{width:23px;height:1px;left:-4px;top:7px}
.position-cross:after{height:23px;width:1px;top:-4px;left:7px}
.chart-edge{position:absolute;top:165px;bottom:160px;right:16px;width:18px;display:flex;flex-direction:column;align-items:center;gap:24px;pointer-events:none;z-index:1;color:#7d8da6;font:400 .75rem 'DM Mono';opacity:.55}
.chart-edge span{writing-mode:vertical-rl;white-space:nowrap}
.chart-edge i{flex:1;width:12px;border-right:1px solid color-mix(in srgb,var(--a) 33%,transparent);background:repeating-linear-gradient(0deg,transparent 0 19px,color-mix(in srgb,var(--a) 33%,transparent) 19px 20px);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
/* A single bearing sweep replaces the looping marquee. */
.horizon{position:relative;padding-top:55px;padding-bottom:0;height:155px;overflow:hidden}
.horizon-bearings{display:flex;justify-content:space-between;color:#8995ab;letter-spacing:.08em;margin-bottom:14px}
.horizon-bearings span:nth-child(2){color:var(--a)}
.horizon-rule{height:18px;position:relative;border-top:1px solid #47546c75;background:repeating-linear-gradient(90deg,#65779755 0 1px,transparent 1px 20px);background-size:100% 5px;background-repeat:no-repeat}
.horizon-rule:before,.horizon-rule:after{content:"";position:absolute;top:-5px;height:14px;width:1px;background:#71829f}
.horizon-rule:before{left:0}
.horizon-rule:after{right:0}
.horizon-beam{position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--a) 25%,var(--a) 50%,var(--a) 75%,transparent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px #2463ff99}
.horizon-fix{position:absolute;left:50%;top:-4px;width:7px;height:7px;background:var(--a);transform:translateX(-50%) rotate(45deg)}
.horizon-course{position:absolute;top:93px;left:50%;bottom:0;width:1px;background:linear-gradient(var(--a),#2463ff20)}
.horizon.is-visible .horizon-beam{animation:bearing-sweep 1.8s cubic-bezier(.2,.65,.25,1) both}
@keyframes bearing-sweep{0%{transform:scaleX(0);opacity:0}20%{opacity:1}70%{transform:scaleX(1);opacity:.85}100%{transform:scaleX(1);opacity:.2}}
@media(max-width:900px){.chart-edge{display:none}.chart-position{margin-top:30px}.horizon{height:130px;padding-top:36px}.horizon-course{top:74px}}
@media(max-width:560px){.chart-position{gap:12px 10px}.chart-origin{flex-basis:100%;border:0;padding-left:27px}.horizon-bearings{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.horizon.is-visible .horizon-beam{animation:none;transform:scaleX(1);opacity:.2}}
.hero-strip{position:relative;z-index:2}
.hero-strip div{isolation:isolate}
.hero-strip span{color:#a6a9b2;font-size:.75rem}
.hero-strip strong{font-size:.875rem}
.lab-intro{grid-template-columns:.3fr 1fr;align-items:start}
.starting-points{padding-block:70px 105px}
.starting-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,6vw,90px);align-items:end;margin-bottom:65px}
.starting-head h2{font:500 clamp(2.8rem,6.5vw,7rem)/1.03 'Space Grotesk';letter-spacing:-.055em}
.starting-head h2 span{color:var(--a)}
.starting-head>p{max-width:480px;font-size:1rem;line-height:1.75;color:#b3bac8}
.starting-list{border-bottom:1px solid #ffffff26}
.starting-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(25px,6vw,90px);padding:35px 0 39px;border-top:1px solid #ffffff26}
.starting-topic{display:flex;align-items:baseline;gap:clamp(18px,3vw,44px)}
.starting-number{position:relative;color:#9aa7be;flex:none;padding-left:18px}
.starting-number:before{content:"";position:absolute;left:0;top:5px;width:7px;height:7px;border:1px solid #ffffff90;transform:rotate(45deg)}
.starting-topic>p{font:500 clamp(1.15rem,1.8vw,1.7rem)/1.35 'Space Grotesk';letter-spacing:-.025em}
.starting-copy{max-width:680px}
.starting-copy h3{font:500 clamp(1.3rem,2.1vw,2rem)/1.25 'Space Grotesk';letter-spacing:-.025em;margin-bottom:13px}
.starting-copy>p{color:#aeb7c7;font-size:1rem;line-height:1.75;max-width:620px}
.starting-points{padding-block:55px 85px}
.starting-head{margin-bottom:38px}
.starting-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.starting-card{padding:25px 22px 28px;min-width:0;border-right:1px solid #ffffff26}
.starting-card:last-child{border-right:0}
.starting-card>.mono{color:var(--a);margin-bottom:24px}
.starting-card h3{font:500 clamp(1.15rem,1.65vw,1.55rem)/1.25 'Space Grotesk';letter-spacing:-.03em;min-height:3.8em}
.starting-card>p:last-child{color:#aeb7c7;font-size:.9375rem;line-height:1.65;margin-top:16px}
.project-title h2{font-size:clamp(3rem,6vw,6.8rem);line-height:1.02;letter-spacing:-.055em;max-width:960px}
.project-title{align-items:start}
.project-title>p{flex:0 1 360px;min-width:240px}
@media(max-width:1100px){.starting-head{grid-template-columns:1fr;gap:25px}.starting-head>p{max-width:650px}.starting-row{grid-template-columns:.8fr 1.2fr;gap:30px}.project-title{display:block}.project-title>p{max-width:600px;margin-top:26px}}
@media(max-width:1100px){.starting-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starting-card:nth-child(3){border-right:0}.starting-card:nth-child(n+4){border-top:1px solid #ffffff26}.starting-card h3{min-height:0}}
@media(max-width:700px){.starting-grid{grid-template-columns:1fr}.starting-card,.starting-card:nth-child(3){border-right:0}.starting-card:nth-child(n+2){border-top:1px solid #ffffff26}.starting-card{display:grid;grid-template-columns:.55fr 1fr;gap:10px 20px;padding:22px 0}.starting-card>.mono{grid-row:1 / 3;margin:2px 0}.starting-card h3{font-size:1.3rem}.starting-card>p:last-child{margin:0}}
@media(max-width:560px){.starting-points{padding-block:38px 64px}.starting-head{margin-bottom:30px}.starting-head h2{font-size:11vw}.starting-card{grid-template-columns:1fr;gap:8px}.starting-card>.mono{grid-row:auto;margin:0 0 8px}.starting-card>p:last-child{font-size:.9375rem}}
.lab-intro h2{font-size:clamp(3rem,7.6vw,8rem);line-height:1;letter-spacing:-.06em}
.lab{grid-template-columns:.32fr 1fr}
.lab-stage{padding:35px clamp(22px,3vw,48px) 54px;min-width:0}
.lab-menu button{padding:25px 16px;font-size:.9375rem}
.lab-menu button[aria-selected=true]{padding-left:22px}
.lab-note{font-size:.75rem;color:#a0a6b5;right:24px;left:24px;text-align:right}
.orientation{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,45px);align-items:center}
.compass-controls{position:relative;aspect-ratio:1;min-width:0;isolation:isolate}
.compass-face{width:100%;height:100%;display:block;color:#ffffff8c}
.compass-needle{transform-origin:200px 200px;transition:transform 850ms cubic-bezier(.2,.85,.2,1)}
.chart-motif{position:absolute;pointer-events:none;aspect-ratio:1;height:auto}
.chart-motif-bearing{width:clamp(210px,28vw,420px);right:-3vw;top:15px;opacity:.18}
.sprint{overflow:hidden}
.sprint-head,.timeline-wrap,.price-card{position:relative;z-index:1}
.chart-motif-meridians{width:clamp(300px,43vw,680px);right:-5vw;top:-5vw;opacity:.25;transform:rotate(-18deg)}
.contact-inner{position:relative;z-index:1}
.contact:before{content:none}
.chart-edge{color:#ffffff;opacity:.3}
.chart-edge i{border-color:#ffffff80;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff80 19px 20px)}
.position-cross{border-color:#ffffff70}
.position-cross:before,.position-cross:after{background:#fff}
@media(max-width:900px){.chart-motif-bearing{width:240px;right:-95px;top:0;opacity:.14}.chart-motif-meridians{width:340px;right:-130px;top:15px;opacity:.18}}
.compass-center{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);text-align:center;color:#9fa9bc;font-size:.75rem;line-height:1.7;pointer-events:none}
.compass-center strong{color:#fff;font-family:'Space Grotesk';font-size:1.3rem;font-weight:500;letter-spacing:-.035em}
.axis{position:absolute;z-index:2;background:#0d0e12;border:1px solid #333c50;border-radius:99px;padding:9px 13px;font-size:.875rem;cursor:pointer;transition:background .25s,border-color .25s;color:#cdd4e2;line-height:1.3}
.axis[aria-pressed=true]{background:var(--a);border-color:var(--a);color:#fff;box-shadow:0 0 30px #2463ff33}
.axis:hover{border-color:var(--a)}
.axis.north{left:50%;top:0;transform:translateX(-50%)}
.axis.south{left:50%;bottom:0;transform:translateX(-50%)}
.axis.east{right:0;top:50%;transform:translateY(-50%)}
.axis.west{left:0;top:50%;transform:translateY(-50%)}
.axis-reading{min-width:0}
.axis-reading .axis-number{color:var(--a);margin-bottom:17px}
.axis-question{font-size:clamp(1.65rem,2.8vw,3rem);line-height:1.08;letter-spacing:-.05em}
.axis-insight{font-size:1rem;line-height:1.65;color:#b2bbcb;margin-top:20px}
.axis-choice{margin-top:25px;border-top:1px solid #333b4c;padding-top:20px}
.axis-choice .mono{color:#8d9ab0}
.axis-decision{font-size:1rem;color:#fff;margin-top:8px}
.compass-note{font-size:.875rem;color:#98a3b8;margin-top:32px;max-width:800px}
.panel-label{font-size:.75rem}
.brand-stage{min-height:480px}
.choices button{font-size:1rem;line-height:1.5}
.answer{font-size:1rem}
.belief{padding-inline:var(--p)}
.belief .mono{margin-left:0}
.belief h2{font-size:clamp(3.6rem,10.2vw,12rem);line-height:1;letter-spacing:-.065em;margin-top:25px}
.belief h2 .ghost{display:inline;margin-left:0}
.belief-copy{margin:55px 0 0 auto}
.belief-copy:before{color:var(--a);-webkit-text-stroke:0}
.alchemy{height:330svh}
.alchemy-sticky{height:100svh}
.alchemy-orb{width:min(70vw,950px);filter:blur(40px);opacity:.4;background:radial-gradient(ellipse,#2463ff77,rgba(36,99,255,.12) 48%,transparent 72%);mix-blend-mode:screen}
.alchemy-step{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:85px var(--p);pointer-events:none}
.alchemy-step h2{font-size:clamp(3rem,8.5vw,9rem);line-height:1.02;max-width:1200px;letter-spacing:-.06em}
.alchemy-step h2 span{color:var(--a)}
.alchemy-step .outline{color:transparent;-webkit-text-stroke-color:var(--w)}
.alchemy-step p{position:static;color:#c4ccda;font-size:1rem;max-width:530px}
.alchemy-step:last-of-type a{pointer-events:auto}
.light-fragments{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.light-fragments span{position:absolute;font:400 .875rem 'DM Mono';color:#a9b8d2;transition:opacity .2s,filter .2s;opacity:.4}
.light-fragments span:nth-child(1){left:14%;top:20%}
.light-fragments span:nth-child(2){right:11%;top:16%}
.light-fragments span:nth-child(3){right:9%;top:45%}
.light-fragments span:nth-child(4){left:4%;top:60%}
.light-fragments span:nth-child(5){right:14%;bottom:17%}
.light-fragments span:nth-child(6){left:10%;bottom:12%}
.light-product{width:min(560px,100%);background:#f7f8fa;color:#111722;border:1px solid #fff9;border-radius:12px;overflow:hidden;box-shadow:0 25px 90px #0004;text-align:left}
.light-product-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #dbe1ec}
.light-product-bar strong{font:600 1.25rem 'Space Grotesk'}
.light-product-bar span{font:400 .75rem 'DM Mono';color:#647187}
.alchemy-step .light-product p{padding:20px 22px 14px;color:#111722;font:500 1.45rem/1.2 'Space Grotesk';text-align:left}
.light-product-steps{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 22px 20px;font-size:.875rem;color:#59677c}
.light-product a{display:block;background:var(--a);color:#fff;padding:14px 22px;font-size:.9375rem}
.light-product a:hover{background:#1852e8}
.chapter,.scroll-cue{font-size:.75rem;color:#a2abc0;z-index:3}
.chapter{top:95px}
.contact .contact-btn:hover{color:#111;background:#fff}
.sprint-head h2{line-height:.96;letter-spacing:-.075em}
.project-title h2{line-height:.95;letter-spacing:-.065em}
.project h3{font-size:clamp(3.5rem,7.3vw,9rem);line-height:1.07;letter-spacing:-.06em}
.price-big{font-size:clamp(2rem,3.7vw,4.8rem)}
.brand-orbit:before{color:var(--a)}
.project:before{content:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--a);outline-offset:5px}
@media(max-width:1100px){.orientation{grid-template-columns:1fr}.compass-controls{width:min(400px,100%);margin:auto}.axis-reading{min-height:270px}.hero h1:after{display:none}.hero-sub{margin-left:25%}.lab-intro{grid-template-columns:1fr}.lab{grid-template-columns:.35fr 1fr}}
@media(max-width:900px){.hero h1 .line:nth-child(2){margin-left:0}.hero-sub{margin-left:0}.hero-over{max-width:none}.hero-over:after{display:none}.hero-content{padding-top:50px}.lab{grid-template-columns:1fr}.hero h1{font-size:clamp(2.8rem,9vw,5rem)}.lab-stage{padding-bottom:65px}.hero:after{background:linear-gradient(90deg,#090a0ce6,#090a0c99)}.alchemy-step h2{font-size:11vw}.chapter{top:32px}.alchemy{height:300svh}.light-fragments span{font-size:.75rem}.project-title h2{font-size:12vw}.contact h2{font-size:16vw;line-height:.96}.sprint-head h2 .acid{transform:none}.brand-stage{min-height:380px}}
@media(max-width:560px){.hero h1{font-size:11.4vw;letter-spacing:-.055em}.hero-content{padding-block:42px}.hero-sub .cta{width:100%;max-width:none}.lab-menu button{padding:18px 8px}.lab-menu button[aria-selected=true]{padding-left:8px}.lab-menu button b{font-size:.875rem}.lab-intro h2{font-size:14vw}.lab-stage{padding:26px 14px 75px}.axis{font-size:.875rem;padding:9px}.axis-question{font-size:1.8rem!important}.compass-note{font-size:.875rem}.alchemy-step{gap:25px;padding-inline:20px}.alchemy-step h2{font-size:12vw}.alchemy-step p{font-size:.9375rem}.light-fragments span:nth-child(3),.light-fragments span:nth-child(4){display:none}.light-product-bar{padding:12px 16px}.light-product-steps{gap:6px 12px}.belief h2{font-size:15vw}.belief-copy{grid-template-columns:1fr}.price-big{font-size:2rem}.chapter{font-size:.75rem}.hero-strip strong{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.compass-needle{transition:none}.alchemy{height:auto}.alchemy-sticky{height:auto;display:block}.alchemy-step{min-height:65svh;opacity:1!important;transform:none!important;pointer-events:auto}.alchemy-step p{position:static}.light-fragments{display:none}.chapter{position:relative;top:0;left:0;padding:30px var(--p)}.scroll-cue{display:none}.cursor,.cursor-word{display:none}.prototype{transform:none!important}.panel,.scribble:after{animation:none}.scribble:after{transform:none}.brand-orbit{animation:none}.contact:before{animation:none}}
.projects-grid{row-gap:35px}
.six{margin-bottom:0}
.collectif{grid-column:1 / -1;min-height:340px;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:clamp(30px,5vw,90px);background:linear-gradient(120deg,#102549,#111923 72%);border-color:color-mix(in srgb,var(--a) 29%,transparent)}
.collectif:after{content:"";position:absolute;width:330px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--a) 21%,transparent);border-radius:50%;right:-75px;top:-150px;box-shadow:0 0 0 46px color-mix(in srgb,var(--a) 4%,transparent),0 0 0 90px color-mix(in srgb,var(--a) 3%,transparent);z-index:-1;pointer-events:none}
.collectif h3{font-size:clamp(2.8rem,5.4vw,6.5rem);color:var(--a)}
.collectif>div:last-child{max-width:500px}
.collectif p:not(.mono){font-size:1.0625rem;line-height:1.7}
@media(max-width:900px){.projects-grid{row-gap:15px}.collectif{grid-template-columns:1fr;min-height:440px;gap:30px;align-content:space-between}.collectif h3{font-size:clamp(2.8rem,9vw,5rem)}}
.collectif{grid-column:auto;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:28px}
.collectif:after{width:250px;right:-110px;top:-90px}
.collectif h3{font-size:clamp(2.8rem,5vw,5.7rem)}
.cityps{min-height:510px;background:linear-gradient(135deg,#17333b,#111b22 80%)}
.cityps:after{content:"";position:absolute;width:320px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--a) 27%,transparent);border-radius:50%;right:-125px;bottom:-160px;box-shadow:0 0 0 42px color-mix(in srgb,var(--a) 4%,transparent);z-index:-1;pointer-events:none}
.cityps h3{color:var(--a)}
.cityps p:not(.mono){font-size:1.0625rem;line-height:1.7}
@media(max-width:900px){.collectif,.cityps{min-height:440px}.collectif h3{font-size:clamp(2.8rem,9vw,5rem)}}

/* A clear shared edge for the main editorial sections. */
.hero-content{max-width:1600px;margin-inline:auto;padding-block:clamp(72px,9vw,130px) 55px}
.hero h1{max-width:1450px;font-size:clamp(3rem,6.5vw,8.5rem);line-height:.96;letter-spacing:-.067em;margin:clamp(22px,3vw,45px) 0 clamp(30px,4vw,58px)}
.hero h1 .line:nth-child(2){margin-left:0}
.hero h1:after{content:none}
.hero-sub{margin-left:0;max-width:720px;gap:26px}
.hero-sub p{max-width:720px;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.65}
.hero-sub .cta{max-width:360px}
.chart-position{margin-top:clamp(30px,4vw,55px)}
.lab-intro{display:block}
.lab-intro .mono{padding-top:0;margin-bottom:25px}
.lab-intro h2{max-width:1100px;font-size:clamp(3.3rem,7vw,7rem);line-height:1}
.sprint-head h2 .acid{transform:none}
.belief h2 .ghost{margin-left:0}
.founder-inner{max-width:1250px}
.founder-inner:before{content:none}
.founder-copy{margin-left:0;max-width:760px}
@media(max-width:900px){.hero-content{padding-block:65px 42px}.hero h1{font-size:clamp(2.8rem,6.5vw,5.5rem)}.hero-sub{margin-left:0}}
@media(max-width:560px){.hero-content{padding-block:46px 38px}.hero h1{font-size:clamp(1.8rem,8vw,3.2rem);letter-spacing:-.06em}.hero-sub p{font-size:1rem}.lab-intro h2{font-size:clamp(3rem,11vw,4.4rem)}}

/* Editorial headings share a left edge, including the introductory copy. */
.starting-head,.offers-head,.sprint-head{display:block}
.starting-head h2{max-width:1400px;font-size:clamp(3rem,6.4vw,8rem);line-height:1.04}
.starting-head>p,.offers-head>p,.sprint-head>p{margin-top:clamp(22px,3vw,36px);max-width:680px}
.project-title{display:block}
.project-title>p{max-width:680px;margin-top:clamp(22px,3vw,36px)}
.belief-copy{margin-left:0;margin-right:0;max-width:700px}
.belief-copy:before{content:none}
@media(max-width:700px){.starting-head h2{font-size:clamp(2.65rem,9.3vw,4.4rem)}.starting-head h2 br{display:none}}

/* Crash Test 7: a concise decision panel with room to breathe. */
.offer-core{padding:0;background:linear-gradient(145deg,#152136 0%,#101824 56%,#0d121b 100%);border:1px solid color-mix(in srgb,var(--a) 33%,transparent);color:#f4f6fa;box-shadow:0 28px 75px #0003}
.offer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(28px,4vw,55px);border-bottom:1px solid #ffffff24}
.offer-price{display:flex;align-items:baseline;gap:12px;color:#d9e4f7}.offer-price strong{font:600 clamp(1.5rem,2.2vw,2rem)/1 'Space Grotesk';letter-spacing:-.045em;color:#fff}.offer-price span{font:500 .8rem 'DM Mono';color:#aebbd0}
.offer-header .mono,.offer-verdicts>.mono,.offer-deliverable>.mono{color:var(--a)}
.offer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:clamp(30px,5vw,80px);padding:clamp(30px,4vw,55px)}
.offer-core h3{font-size:clamp(2.9rem,5vw,5rem);line-height:1;letter-spacing:-.06em}
.offer-core .offer-wordmark{display:flex;align-items:center;gap:clamp(12px,1.5vw,26px);width:max-content;max-width:100%;line-height:.86}
.offer-name{display:flex;flex-direction:column}
.offer-seven{display:block;font-size:2.25em;line-height:.78;color:var(--a);letter-spacing:-.09em}
.offer-core .offer-promise{max-width:580px;min-height:0;margin:25px 0 20px;font:500 clamp(1.45rem,2.2vw,2.1rem)/1.3 'Space Grotesk';letter-spacing:-.035em;color:#fff}
.offer-intro{max-width:540px;color:#b7c4d9;font-size:1rem;line-height:1.7}
.offer-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:245px;margin-top:32px;padding:15px 18px;background:#2463ff;color:#fff;font-weight:600;transition:background .2s}
.offer-cta:hover{background:#1d52da}
.offer-verdicts{align-self:start;padding:clamp(22px,2.5vw,34px);background:#ffffff08;border:1px solid #ffffff21}
.offer-verdicts>.mono{margin-bottom:10px}
.offer-verdicts ol{list-style:none;padding:0;margin:0}
.offer-verdicts li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid #ffffff26}
.offer-verdicts li>span{padding-top:5px;color:var(--a);font:500 .75rem 'DM Mono'}
.offer-verdicts strong{display:block;font:500 clamp(1.2rem,1.8vw,1.55rem)/1.2 'Space Grotesk';letter-spacing:-.025em}
.offer-verdicts small{display:block;margin-top:5px;color:#aebbd0;font-size:.875rem;line-height:1.5}
.offer-deliverable{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;padding:23px clamp(28px,4vw,55px);border-top:1px solid #ffffff24}
.offer-deliverable p{max-width:760px;color:#d1ddef;font-size:.98rem;line-height:1.65}
.offer-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px)}.offer-steps>div{border-left:1px solid #ffffff28;padding-left:16px}.offer-steps b{font:500 .75rem 'DM Mono';color:var(--a)}.offer-steps p{margin-top:10px}.offer-steps strong{color:#fff;font-weight:600}
.offers-guidance{max-width:1150px;margin-inline:auto}
.offers-guidance p{max-width:760px}
@media(max-width:800px){.offer-layout{grid-template-columns:1fr;gap:30px}.offer-core{padding:0}.offer-core h3{font-size:clamp(2.9rem,9vw,4.6rem)}.offer-deliverable{grid-template-columns:1fr;gap:9px}.offer-steps{grid-template-columns:1fr;gap:14px}}
@media(max-width:560px){.offer-header{padding:17px 23px}.offer-layout{padding:28px 23px}.offer-deliverable{padding:22px 23px}.offer-cta{width:100%}.offer-verdicts{padding:20px}.offer-header .mono{font-size:.65rem}.offer-price{align-items:flex-end;flex-direction:column;gap:5px}.offer-price span{font-size:.68rem}}

/* The 6RCL card sits in the same subdued family as the other project cards. */
.six{margin:0;background:linear-gradient(145deg,#202b3d 0%,#151e2c 55%,#131923 100%);color:#f4f6fa;border-color:color-mix(in srgb,var(--a) 27%,transparent)}
.six h3{color:var(--a)}
.six .mono{color:var(--a)}
.sixmark{right:-3%;bottom:0;color:color-mix(in srgb,var(--a) 5%,transparent)}
.six:after{content:"";position:absolute;width:280px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--a) 14%,transparent);border-radius:50%;right:-110px;top:28%;box-shadow:0 0 0 36px color-mix(in srgb,var(--a) 3%,transparent),0 0 0 72px color-mix(in srgb,var(--a) 2%,transparent);z-index:-1;pointer-events:none}

/* A single graphic mark replaces the daily timeline. */
.sprint{padding-block:clamp(85px,10vw,145px)}
.sprint-head{max-width:1600px;margin:0 auto;padding-inline:var(--p)}
.sprint-head>.mono{color:var(--a);margin-bottom:clamp(25px,4vw,55px)}
.sprint-head h2{display:flex;align-items:center;gap:clamp(12px,2vw,38px);width:max-content;max-width:100%;font-size:clamp(4rem,10.8vw,11rem);line-height:.86;letter-spacing:-.085em}
.sprint-wordmark{display:flex;flex-direction:column}
.sprint-seven{font-size:2.25em;line-height:.78;letter-spacing:-.1em;color:var(--a);transform:none}
.sprint-head>p:last-child{max-width:760px;margin-top:clamp(35px,5vw,75px);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65;color:#c0cadb}
.sprint-footer{max-width:1600px;margin:clamp(50px,6vw,85px) auto 0;padding:23px var(--p) 0;border-top:1px solid #ffffff30;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:clamp(20px,4vw,55px)}
.sprint-footer .mono{color:var(--a)}
.sprint-footer p{max-width:530px;color:#b7c3d5;line-height:1.6}
.sprint-footer a{display:inline-flex;gap:30px;justify-content:space-between;min-width:220px;border-bottom:1px solid var(--a);padding-bottom:10px;color:#fff;font-weight:600}
.sprint-footer a:hover{color:var(--a)}
@media(max-width:900px){.sprint-head h2{font-size:clamp(3.4rem,12vw,7rem)}.sprint-footer{grid-template-columns:1fr 1fr}.sprint-footer .mono{grid-column:1/-1}}
@media(max-width:560px){.sprint-head h2{font-size:clamp(2.75rem,13.8vw,5rem)}.sprint-footer{grid-template-columns:1fr;gap:18px}.sprint-footer .mono{grid-column:auto}.sprint-footer a{margin-top:8px;width:100%}}

/* Scroll choreography: brief movement, clear hierarchy, no looping. */
.motion-ready [data-motion]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}
.motion-ready [data-motion="card"]{transform:translate3d(0,30px,0)}
.motion-ready [data-motion].is-shown{opacity:1;transform:none}
.motion-ready .sprint-seven[data-motion]{transform:translate3d(0,28px,0) scale(.94)}
.motion-ready .sprint-seven[data-motion].is-shown{transform:none}
@media(prefers-reduced-motion:reduce){.motion-ready [data-motion]{opacity:1;transform:none;transition:none}.motion-ready .sprint-seven[data-motion]{transform:none}}

/* Atypikoo follows the same card hierarchy as the other projects. */
.atypikoo{background:linear-gradient(145deg,#252435 0%,#1c1c2b 58%,#171923 100%)}
.atypikoo:after{width:300px;height:300px;right:-120px;bottom:-140px;border-color:color-mix(in srgb,var(--a) 26%,transparent);border-radius:50%;box-shadow:0 0 0 40px color-mix(in srgb,var(--a) 4%,transparent);animation:none}
.atypikoo p:not(.mono){font-size:1.0625rem;line-height:1.7}

/* One visual system for all four project cards, based on Collectif Atypique. */
.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.projects-grid .project{min-height:510px;margin:0;background:linear-gradient(120deg,#102549,#111923 72%);border:1px solid color-mix(in srgb,var(--a) 29%,transparent);color:#f4f3ee}
.projects-grid .project h3{font-size:clamp(2.8rem,5vw,5.7rem);line-height:1.07;color:var(--a)}
.projects-grid .project .mono{color:#f4f3ee}
.projects-grid .project p:not(.mono){font-size:1.0625rem;line-height:1.7;color:#f4f3ee}
.projects-grid .project:after{content:"";position:absolute;width:250px;height:250px;aspect-ratio:1;right:-110px;top:-90px;bottom:auto;border:1px solid color-mix(in srgb,var(--a) 21%,transparent);border-radius:50%;box-shadow:0 0 0 46px color-mix(in srgb,var(--a) 4%,transparent),0 0 0 90px color-mix(in srgb,var(--a) 3%,transparent);z-index:-1;pointer-events:none;animation:none}
.projects-grid .project .sixmark{display:none}
@media(max-width:900px){.projects-grid{grid-template-columns:1fr}.projects-grid .project{min-height:440px}.projects-grid .project h3{font-size:clamp(2.8rem,9vw,5rem)}}