.hero-showreel{grid-row:4;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-left:18px solid var(--ink);background:#080808;color:#fff}.showreel-slides,.showreel-slides figure{position:absolute;inset:0}.showreel-slides figure{z-index:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .9s ease,transform 4.2s ease}.showreel-slides figure.is-active{z-index:1;opacity:1;transform:scale(1)}.showreel-slides img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.showreel-slides::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5))}.showreel-ui{position:absolute;z-index:3;left:26px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;font:600 10px/1 var(--underground);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.6)}.showreel-toggle{padding:7px 10px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.15);color:#fff;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.showreel-toggle:hover,.showreel-toggle:focus-visible{background:#fff;color:#050505}.showreel-progress{position:absolute;z-index:3;left:0;bottom:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#fff}.hero-showreel.is-animating .showreel-progress{animation:showreel-progress 3.2s linear infinite}@keyframes showreel-progress{to{transform:scaleX(1)}}
@media(max-width:900px){.hero-showreel{border-left-width:10px;min-height:330px}.showreel-ui{left:16px;right:14px;bottom:15px;grid-template-columns:1fr auto;gap:14px}.showreel-label{grid-column:1/-1}.showreel-toggle{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.showreel-slides figure{transition:none;transform:none}.hero-showreel .showreel-progress{display:none}}

/* Movement inside the stills: alternating editorial camera moves. */
.showreel-slides figure.is-active img{animation-duration:3.35s;animation-timing-function:cubic-bezier(.18,.62,.22,1);animation-fill-mode:both}.showreel-slides figure:nth-child(4n+1).is-active img{animation-name:showreel-move-a}.showreel-slides figure:nth-child(4n+2).is-active img{animation-name:showreel-move-b}.showreel-slides figure:nth-child(4n+3).is-active img{animation-name:showreel-move-c}.showreel-slides figure:nth-child(4n).is-active img{animation-name:showreel-move-d}.hero-showreel::after{content:"";position:absolute;z-index:2;inset:-20% -45%;pointer-events:none;background:linear-gradient(108deg,transparent 43%,rgba(255,255,255,.14) 50%,transparent 57%);transform:translateX(-45%);mix-blend-mode:screen}.hero-showreel.is-animating::after{animation:showreel-light 3.2s ease-in-out infinite}@keyframes showreel-move-a{from{transform:scale(1.12) translate3d(-2.4%,1.5%,0)}to{transform:scale(1.02) translate3d(.5%,-.3%,0)}}@keyframes showreel-move-b{from{transform:scale(1.035) translate3d(-2.8%,.5%,0)}to{transform:scale(1.115) translate3d(2%,-1%,0)}}@keyframes showreel-move-c{from{transform:scale(1.11) translate3d(2%,-1.7%,0)}to{transform:scale(1.025) translate3d(-1%,.9%,0)}}@keyframes showreel-move-d{from{transform:scale(1.035) translate3d(.5%,2.2%,0)}to{transform:scale(1.12) translate3d(-1.7%,-1.5%,0)}}@keyframes showreel-light{0%,50%{transform:translateX(-45%);opacity:0}63%{opacity:.8}88%,100%{transform:translateX(45%);opacity:0}}
@media(prefers-reduced-motion:reduce){.showreel-slides figure.is-active img,.hero-showreel.is-animating::after{animation:none!important;transform:none!important}}

/* Graphic direction follows each image rather than using one generic overlay. */
.showreel-graphics{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.showreel-graphics span{position:absolute;display:block;opacity:.72;transition:all .8s cubic-bezier(.2,.7,.2,1)}.graphic-a{top:7%;right:5%;width:18%;aspect-ratio:1;border:1px solid rgba(255,255,255,.75);transform:rotate(45deg)}.graphic-b{left:4%;bottom:12%;width:27%;height:1px;background:#fff}.graphic-c{right:7%;bottom:10%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:22px 0 #fff,44px 0 #fff}
.hero-showreel[data-scene="0"] .graphic-a{border-color:#d8b56f;transform:rotate(45deg) scale(.88)}.hero-showreel[data-scene="0"] .graphic-b{width:34%;background:#d8b56f}.hero-showreel[data-scene="0"] .graphic-c{background:#d8b56f;box-shadow:22px 0 #d8b56f,44px 0 #d8b56f}
.hero-showreel[data-scene="1"] .graphic-a{top:12%;right:8%;width:28%;border:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(104,183,255,.8) 0 1deg,transparent 1deg 13deg);transform:none}.hero-showreel[data-scene="1"] .graphic-b{left:50%;bottom:8%;width:42%;background:#68b7ff;transform:translateX(-50%)}.hero-showreel[data-scene="1"] .graphic-c{background:#68b7ff;box-shadow:22px 0 #68b7ff,44px 0 #68b7ff}
.hero-showreel[data-scene="2"] .graphic-a{top:10%;right:7%;width:22%;border:1px solid #668cff;border-radius:50%;box-shadow:0 0 0 18px rgba(102,140,255,.14),0 0 0 36px rgba(102,140,255,.08);transform:none}.hero-showreel[data-scene="2"] .graphic-b{background:#668cff}.hero-showreel[data-scene="2"] .graphic-c{background:#668cff;box-shadow:22px 0 #668cff,44px 0 #668cff}
.hero-showreel[data-scene="3"] .graphic-a{top:9%;right:6%;width:20%;border:1px solid #55e6de;transform:none}.hero-showreel[data-scene="3"] .graphic-a::after{content:"";position:absolute;inset:14%;border:1px dashed #55e6de}.hero-showreel[data-scene="3"] .graphic-b{width:20%;height:3px;background:#55e6de}.hero-showreel[data-scene="3"] .graphic-c{background:#55e6de;box-shadow:22px 0 #55e6de,44px 0 #55e6de}
.hero-showreel[data-scene="4"] .graphic-a{border-color:#f0bd5c;border-radius:50%;transform:none}.hero-showreel[data-scene="4"] .graphic-b{height:4px;background:linear-gradient(90deg,#ef7189,#f0bd5c)}.hero-showreel[data-scene="4"] .graphic-c{background:#ef7189;box-shadow:18px -18px #f0bd5c,38px 3px #ef7189,58px -12px #f0bd5c}
.hero-showreel[data-scene="5"] .graphic-a{right:3%;height:70%;width:1px;aspect-ratio:auto;border:0;background:#ef3340;transform:none}.hero-showreel[data-scene="5"] .graphic-b{background:#ef3340}.hero-showreel[data-scene="5"] .graphic-c{border-radius:0;background:#ef3340;box-shadow:18px 0 #fff,36px 0 #ef3340}
.hero-showreel[data-scene="6"] .graphic-a{border-color:#ff7a32;border-radius:50% 0 50% 50%;transform:rotate(28deg)}.hero-showreel[data-scene="6"] .graphic-b{background:#ff7a32}.hero-showreel[data-scene="6"] .graphic-c{background:#ff7a32;box-shadow:22px 0 #fff,44px 0 #ff7a32}
.hero-showreel[data-scene="7"] .graphic-a{border-color:#d9a45d;transform:rotate(45deg)}.hero-showreel[data-scene="7"] .graphic-b{background:#d9a45d}.hero-showreel[data-scene="7"] .graphic-c{background:#d9a45d;box-shadow:22px 0 #d9a45d,44px 0 #fff}
.hero-showreel[data-scene="8"] .graphic-a{border-color:#55e6de;border-radius:50%;box-shadow:0 0 0 10px rgba(85,230,222,.12);transform:rotate(45deg)}.hero-showreel[data-scene="8"] .graphic-b{width:30%;background:#55e6de}.hero-showreel[data-scene="8"] .graphic-c{background:#55e6de;box-shadow:14px -13px #fff,28px 3px #55e6de,44px -8px #fff,58px 5px #55e6de}
.hero-showreel[data-scene="9"] .graphic-a{border-color:#68b7ff;border-radius:50%;transform:none}.hero-showreel[data-scene="9"] .graphic-b{width:34%;background:#68b7ff}.hero-showreel[data-scene="9"] .graphic-c{background:#68b7ff;box-shadow:18px 0 #fff,36px 0 #68b7ff,54px 0 #fff}
.hero-showreel[data-scene="10"] .graphic-a{border-color:#d9a45d;border-radius:50% 50% 0 50%;transform:rotate(45deg)}.hero-showreel[data-scene="10"] .graphic-b{background:linear-gradient(90deg,#d9a45d,#ef7189)}.hero-showreel[data-scene="10"] .graphic-c{background:#d9a45d;box-shadow:18px 0 #ef7189,36px 0 #d9a45d,54px 0 #fff}
.hero-showreel[data-scene="11"] .graphic-a{border-color:#ef7189;border-radius:50%;box-shadow:0 0 0 9px rgba(239,113,137,.13);transform:none}.hero-showreel[data-scene="11"] .graphic-b{background:linear-gradient(90deg,#ef7189,#9c7cff)}.hero-showreel[data-scene="11"] .graphic-c{background:#ef7189;box-shadow:16px -10px #9c7cff,32px 5px #fff,48px -7px #ef7189}
.hero-showreel[data-scene="12"] .graphic-a{border-color:#55e6de;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(85,230,222,.6) 0 1deg,transparent 1deg 16deg);transform:none}.hero-showreel[data-scene="12"] .graphic-b{width:38%;background:#55e6de}.hero-showreel[data-scene="12"] .graphic-c{background:#55e6de;box-shadow:14px -15px #68b7ff,28px 4px #fff,43px -9px #55e6de,60px 2px #68b7ff}
.hero-showreel.is-animating .showreel-graphics{animation:graphic-breathe 3.2s ease-in-out infinite}@keyframes graphic-breathe{0%,100%{opacity:.76;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media(max-width:900px){.graphic-a{width:24%}.graphic-b{width:22%}.showreel-graphics{opacity:.78}}@media(prefers-reduced-motion:reduce){.hero-showreel.is-animating .showreel-graphics{animation:none}}

/* Smaller forms, denser constellations and additional micro-geometry. */
.hero-showreel:not([data-scene="5"]) .showreel-graphics .graphic-a{width:clamp(48px,7vw,92px)!important}.showreel-graphics::before,.showreel-graphics::after{content:"";position:absolute;color:#fff;filter:drop-shadow(0 0 4px currentColor)}.showreel-graphics::before{inset:4% 2% 9%;opacity:.72;background:radial-gradient(circle at 5% 18%,currentColor 0 1.5px,transparent 2px),radial-gradient(circle at 11% 48%,currentColor 0 1px,transparent 1.6px),radial-gradient(circle at 18% 78%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 25% 33%,currentColor 0 1.2px,transparent 1.8px),radial-gradient(circle at 32% 12%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 39% 67%,currentColor 0 1.6px,transparent 2.2px),radial-gradient(circle at 46% 87%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 54% 23%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 62% 54%,currentColor 0 1px,transparent 1.6px),radial-gradient(circle at 69% 75%,currentColor 0 1.4px,transparent 2px),radial-gradient(circle at 77% 15%,currentColor 0 1.5px,transparent 2px),radial-gradient(circle at 84% 39%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 92% 59%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 97% 26%,currentColor 0 1px,transparent 1.5px)}.showreel-graphics::after{inset:9% 6% 17%;opacity:.52;background:radial-gradient(circle at 7% 67%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 16% 11%,currentColor 0 1.5px,transparent 2px),radial-gradient(circle at 28% 54%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 37% 89%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 49% 41%,currentColor 0 1.5px,transparent 2px),radial-gradient(circle at 58% 8%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 71% 61%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 82% 84%,currentColor 0 1px,transparent 1.5px),radial-gradient(circle at 94% 19%,currentColor 0 1.5px,transparent 2px)}.graphic-b::before,.graphic-b::after{content:"";position:absolute;top:-4px;width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg)}.graphic-b::before{left:28%}.graphic-b::after{left:63%}.graphic-c::before,.graphic-c::after{content:"";position:absolute;width:5px;height:5px;border:1px solid currentColor}.graphic-c::before{left:-22px;top:-18px;transform:rotate(45deg)}.graphic-c::after{left:66px;top:14px;border-radius:50%}.hero-showreel.is-animating .showreel-graphics::before{animation:particle-drift 2.25s ease-in-out infinite alternate}.hero-showreel.is-animating .showreel-graphics::after{animation:particle-drift-back 3.05s ease-in-out infinite alternate}.hero-showreel.is-animating .graphic-b::before,.hero-showreel.is-animating .graphic-b::after{animation:micro-spin 2.4s linear infinite}.hero-showreel.is-animating .graphic-c::before,.hero-showreel.is-animating .graphic-c::after{animation:micro-float 1.8s ease-in-out infinite alternate}@keyframes particle-drift{from{transform:translate3d(-5px,7px,0) rotate(-.25deg);opacity:.38}to{transform:translate3d(8px,-9px,0) rotate(.35deg);opacity:.94}}@keyframes particle-drift-back{from{transform:translate3d(7px,-5px,0) scale(.98);opacity:.28}to{transform:translate3d(-9px,8px,0) scale(1.03);opacity:.76}}@keyframes micro-spin{to{transform:rotate(405deg)}}@keyframes micro-float{from{transform:translate3d(-3px,4px,0) rotate(20deg)}to{transform:translate3d(5px,-6px,0) rotate(70deg)}}@media(max-width:900px){.hero-showreel:not([data-scene="5"]) .showreel-graphics .graphic-a{width:54px!important}.showreel-graphics::before{inset:4% 4% 14%}.showreel-graphics::after{inset:7% 5% 18%}}@media(prefers-reduced-motion:reduce){.showreel-graphics::before,.showreel-graphics::after,.graphic-b::before,.graphic-b::after,.graphic-c::before,.graphic-c::after{animation:none!important}}

/* V41 — a denser, faster particle field with wider, opposing trajectories. */
.showreel-graphics::before{background-size:50% 52%;background-position:0 0,3% 5%,7% -4%,12% 8%,-5% 12%,8% 2%,-3% 7%,10% -6%,4% 11%,-8% 4%,6% 9%,-4% -5%,9% 6%,2% 12%;opacity:.82}.showreel-graphics::after{background-size:44% 48%;background-position:3% 5%,-7% 9%,10% -4%,5% 13%,-9% 3%,8% 7%,-4% 11%,12% 1%,2% -8%;opacity:.66}.hero-showreel.is-animating .showreel-graphics::before{animation-duration:1.65s}.hero-showreel.is-animating .showreel-graphics::after{animation-duration:2.15s}@keyframes particle-drift{from{transform:translate3d(-15px,17px,0) rotate(-1.2deg) scale(.97);opacity:.35}50%{transform:translate3d(8px,-12px,0) rotate(.5deg) scale(1.02);opacity:1}to{transform:translate3d(19px,-21px,0) rotate(1.4deg) scale(1.05);opacity:.72}}@keyframes particle-drift-back{from{transform:translate3d(18px,-14px,0) rotate(1deg) scale(.95);opacity:.3}50%{transform:translate3d(-6px,10px,0) rotate(-.4deg) scale(1.04);opacity:.92}to{transform:translate3d(-22px,20px,0) rotate(-1.3deg) scale(1.07);opacity:.58}}

/* V42 — slower editorial rhythm and an OKCC-style fullscreen opening. */
.showreel-slides figure{transition-duration:1.25s,5.3s}.showreel-slides figure.is-active img{animation-duration:5.35s}.hero-showreel.is-animating .showreel-progress,.hero-showreel.is-animating::after,.hero-showreel.is-animating .showreel-graphics{animation-duration:5.2s}.showreel-open{position:absolute;z-index:2;inset:0;border:0;background:transparent;color:#fff;cursor:zoom-in;text-align:left}.showreel-open span{position:absolute;top:18px;left:20px;padding:8px 10px;border:1px solid rgba(255,255,255,.72);background:rgba(0,0,0,.26);font:600 9px/1 var(--underground);letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s}.showreel-open:hover span,.showreel-open:focus-visible span{background:#fff;color:#050505}.showreel-open:focus-visible{outline:2px solid #fff;outline-offset:-4px}.showreel-close{display:none;position:absolute;z-index:7;top:22px;right:24px;width:44px;height:44px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font:300 28px/1 sans-serif;cursor:pointer}.showreel-close:hover,.showreel-close:focus-visible{background:#fff;color:#050505}.showreel-fullscreen-open{overflow:hidden}.hero-showreel.is-fullscreen{position:fixed;z-index:1000;inset:0;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border:0}.hero-showreel.is-fullscreen .showreel-open{display:none}.hero-showreel.is-fullscreen .showreel-close{display:block}.hero-showreel.is-fullscreen .showreel-ui{left:28px;right:28px;bottom:25px}.hero-showreel.is-fullscreen .showreel-slides img{object-fit:cover}@media(max-width:900px){.showreel-open span{top:12px;left:12px}.showreel-close{top:14px;right:14px}.hero-showreel.is-fullscreen .showreel-ui{left:16px;right:16px;bottom:17px}}@media(prefers-reduced-motion:reduce){.showreel-slides figure{transition:none}.hero-showreel.is-fullscreen{transition:none}}
.showreel-slides figure,.showreel-slides img,.showreel-graphics,.showreel-graphics::before,.showreel-graphics::after{backface-visibility:hidden;-webkit-backface-visibility:hidden}.showreel-slides figure.is-active img,.showreel-graphics::before,.showreel-graphics::after{will-change:transform,opacity}.showreel-graphics::before,.showreel-graphics::after{filter:none}.hero-showreel::after{display:none}.showreel-graphics{isolation:isolate}@media(max-width:900px){.showreel-graphics::after{display:none}.hero-showreel.is-animating .showreel-graphics::before{animation-duration:3.2s}}
.quick-contact{position:fixed;z-index:90;top:50%;right:0;width:174px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.22);border-right:0;background:rgba(4,8,18,.94);box-shadow:0 18px 48px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.quick-contact a{position:relative;display:flex;min-height:72px;padding:14px 40px 14px 16px;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;transition:background .22s}.quick-contact a:last-child{border-bottom:0}.quick-contact a:hover,.quick-contact a:focus-visible{background:rgba(255,255,255,.1)}.quick-contact small{color:#9ba8b9;font-size:8px;line-height:1.3;letter-spacing:.17em;text-transform:uppercase}.quick-contact strong{margin-top:3px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.quick-contact span{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:17px}.quick-whatsapp-link span{color:#38d46b;font-size:14px}.quick-contact a:focus-visible{outline:2px solid #68b7ff;outline-offset:-2px}@media(max-width:850px){body{padding-bottom:62px}.quick-contact{top:auto;right:0;bottom:0;left:0;width:100%;height:62px;transform:none;display:grid;grid-template-columns:1fr 1fr;border:0;border-top:1px solid rgba(255,255,255,.22)}.quick-contact a{min-height:62px;height:62px;padding:8px 36px 8px 16px;border-right:1px solid rgba(255,255,255,.12);border-bottom:0}.quick-contact a:last-child{border-right:0}.quick-contact small{font-size:7px}.quick-contact strong{font-size:10px}.quick-contact span{right:16px}footer{margin-bottom:0}}
:root{--underground:Syne,Arial,sans-serif}.hero-showreel{margin:42px 0 38px;border-left-color:#050505}.hero-showreel.is-fullscreen{margin:0}.showreel-fullscreen-open{overflow:hidden}.showreel-ui{font-size:12px}.showreel-open span{font-size:12px}.quick-contact{z-index:90}.quick-contact small{font-size:10px}.quick-contact strong{font-size:13px}.quick-contact a:last-child strong{color:white}.quick-contact a:hover{background:rgba(255,255,255,.1)}nav a,nav a[aria-current="page"]{color:var(--ink)}nav a:hover,nav a:focus-visible{color:var(--nav-color)}p{margin-bottom:12px;line-height:1.45}.founder{padding:48px 0;gap:55px}.page-apropos main>.founder:first-child{padding-top:55px}.founder .page-title,.founder .bio-name{font:400 clamp(38px,3.5vw,52px)/1.05 var(--serif);margin-bottom:14px}.founder .bio-name em{color:#f494a7;font-style:normal}.founder .large{font-size:28px;line-height:1.2;margin-bottom:14px}.founder-role{margin-bottom:12px}.founder blockquote{margin-top:18px;padding-top:18px;font-size:30px;line-height:1.2}.section p:last-child{margin-bottom:0}@media(max-width:950px){.founder{gap:20px}.quick-contact{height:62px}.quick-contact a{height:62px;min-height:62px}.quick-contact small{font-size:9px}.quick-contact strong{font-size:12px}}@media(min-width:851px) and (max-width:950px){.quick-contact{top:50%;bottom:auto;left:auto;right:0;width:174px;height:auto;display:block;transform:translateY(-50%)}.quick-contact a{height:auto;min-height:72px}.wrap{width:calc(100% - 380px)}}@media(max-width:600px){.founder{padding:32px 0}.founder .large{font-size:26px}.hero-showreel{margin-top:30px;min-height:280px}.showreel-ui{font-size:12px}}
/* Navigation: colour on hover and on the current page, without underline. */
nav a,nav a:hover,nav a:focus-visible,nav a[aria-current="page"]{text-decoration:none}
nav a[aria-current="page"],nav a:hover,nav a:focus-visible{color:var(--nav-color)}

/* Centred main navigation and compact header contact button. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.header-cta{padding:7px 10px;min-height:34px}@media(min-width:951px){header{display:grid;grid-template-columns:auto minmax(0,1fr) auto}header nav{margin:0;justify-content:center}header .header-actions{justify-self:end}}@media(max-width:950px){.header-actions{display:contents}}
@media(min-width:1251px){header nav{padding-left:74px}}

nav a[href="support.html"]{--nav-color:#f494a7}.support-page .page-title{color:#f494a7}.support-page>.large{max-width:700px;margin-bottom:32px}.support-page .offers h2{font:400 32px/1.1 var(--serif);margin:8px 0 20px}.support-page .offers p{line-height:1.8}.page-approche .founder .bio-name{font-size:clamp(38px,3.5vw,52px)}

/* Rubric accents: Approach in blue, Expertise in orange. */
.page-approche .founder .bio-name em,.page-approche .founder h2 em,.page-approche .pink{color:var(--blue)}
.page-offres main h1,.page-offres main h2,.page-offres main h3,.page-offres .offers .lead,.page-offres main .eyebrow{color:#ff9b61}

/* Requested headline and offer colours, shared by FR and EN. */
.page-accueil .hero h1,.page-accueil .hero h1 em{color:var(--blue)}
.page-offres .offers h3,.page-offres .offers .lead,main .contact-banner h2{color:#fff}
.cta{color:#fff}
.cta:hover,.cta:focus-visible{color:#fff;background:rgba(255,255,255,.1)}

/* An editorial thread connects the three services from advice to delivery. */
.project-journey{margin:40px 0 0}.journey-caption{color:#ff9b61;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px}.journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative;padding-bottom:22px}.journey-track:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ff9b61}.journey-track span{position:relative;font-size:13px;color:var(--muted)}.journey-track span:after{content:"";position:absolute;left:0;bottom:-26px;width:9px;height:9px;background:#ff9b61;border-radius:50%;z-index:1}.journey-track span:last-child:before{content:"";position:absolute;right:1px;bottom:-26px;width:8px;height:8px;border-top:1px solid #ff9b61;border-right:1px solid #ff9b61;transform:rotate(45deg)}.page-offres .journey-offers article{border-top:0;padding-top:24px}.journey-note{padding:24px 28px;border-left:2px solid #ff9b61;background:rgba(255,155,97,.035)}.journey-note strong{display:block;font-weight:400;font-size:23px;margin-bottom:8px}.journey-note span{display:block;max-width:740px;color:var(--muted)}
@media(max-width:600px){.journey-track{display:none}.project-journey{margin:30px 0 0}.journey-caption{margin-bottom:0}.page-offres .journey-offers{gap:0;margin-top:22px}.page-offres .journey-offers article{position:relative;margin-left:4px;padding:0 0 32px 25px;border-left:1px solid #ff9b61}.page-offres .journey-offers article:before{content:"";position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:#ff9b61}.page-offres .journey-offers article:last-child{padding-bottom:12px}.journey-note{margin-top:26px;padding:20px}.journey-note strong{font-size:22px}}

/* The service blocks themselves carry the journey. */
.page-offres .journey-offers{gap:24px;margin-top:24px}.page-offres .journey-offers article{position:relative;padding:26px 24px 24px;border:1px solid rgba(255,155,97,.3);border-top:2px solid #ff9b61;background:linear-gradient(155deg,rgba(255,155,97,.045),transparent 70%)}.expertise-block-label{display:flex;align-items:center;gap:14px;color:#ff9b61;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.expertise-block-label .number{font-size:11px;opacity:.7}.page-offres .journey-offers article:not(:last-child):after{content:'→';position:absolute;z-index:1;right:-21px;top:24px;width:17px;text-align:center;color:#ff9b61;font-size:18px}.page-offres .journey-offers h3{margin:22px 0 18px}.page-offres .journey-offers .skills{border-top:1px solid rgba(255,155,97,.3);padding-top:20px;margin-top:24px;color:var(--ink);font-size:14px;line-height:1.8}.page-offres .journey-offers article:before{display:none}
@media(max-width:600px){.page-offres .journey-offers{gap:24px}.page-offres .journey-offers article{margin-left:0;padding:24px;border-left:1px solid rgba(255,155,97,.3)}.page-offres .journey-offers article:last-child{padding-bottom:24px}.page-offres .journey-offers article:not(:last-child):after{content:'↓';top:auto;right:auto;left:24px;bottom:-24px;height:23px}}

/* Approach: a rose-burgundy accent, readable against the dark background. */
:root{--approach-rose:#ef6262}
nav a[href="notre-approche.html"]{--nav-color:var(--approach-rose)}
.page-approche .page-title,.page-approche main .eyebrow,.page-approche .founder .bio-name,.page-approche .founder .bio-name em,.page-approche .founder h2 em,.page-approche .pink,.page-approche .approach strong{color:var(--approach-rose)}

/* Support section headings follow its pink accent. */
.support-page .offers h2{color:#f494a7}

/* Rubric headings at half their previous size. */
body:not(.page-accueil) main h1.page-title{font-size:clamp(40px,4.8vw,65px)}
.page-apropos main .founder h1.page-title{font-size:clamp(40px,4.8vw,65px)}

/* Slightly smaller homepage headline. */
.page-accueil .hero h1{font-size:clamp(43px,4.75vw,70px)}
@media(max-width:950px){.page-accueil .hero h1{font-size:clamp(40px,6.8vw,58px)}}
@media(max-width:600px){.page-accueil .hero h1{font-size:41px}}

/* Approach: aligned columns and a consistent, compact vertical rhythm. */
.page-approche #approche .page-title{margin-bottom:32px}
.page-approche .approach{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:start}
.page-approche .approach>.large{margin:0;max-width:470px;line-height:1.3}
.page-approche .approach>div>p{margin:0;line-height:1.55}
.page-approche .approach ol{margin:20px 0 0}
.page-approche .approach li{padding:14px 0}
.page-approche .approach li span{margin-top:5px;line-height:1.45}
.page-approche #approche{padding-bottom:52px}
.page-approche .founder{padding-top:40px;padding-bottom:40px;gap:48px}
@media(max-width:950px){.page-approche .approach{grid-template-columns:1fr;gap:24px}.page-approche .approach>.large{max-width:none}.page-approche .founder{gap:20px}.page-approche #approche .page-title{margin-bottom:26px}}
@media(max-width:600px){.page-approche #approche{padding-bottom:34px}.page-approche .founder{padding-top:30px;padding-bottom:30px}.page-approche .approach ol{margin-top:18px}}