/* OFFREA studio direction: marine-led, editorial B2B. Loaded after the shared layout. */
:root{--studio-marine:#0a1f44;--studio-orange:#c84420;--studio-ink:#f5f7fb;--studio-muted:#b8c6d9;--studio-line:rgba(232,239,248,.2);--studio-paper:#f5f7fb}
body[data-page="accueil"]{background:var(--studio-marine);color:var(--studio-ink);font-family:Inter,Arial,system-ui,sans-serif}
body[data-page="accueil"] .nav{background:var(--studio-marine);border-color:var(--studio-line)}
body[data-page="accueil"] .brand,body[data-page="accueil"] .nav nav a{color:var(--studio-ink)}
body[data-page="accueil"] .nav nav a:hover,body[data-page="accueil"] .nav nav a[aria-current]{color:var(--studio-orange)}
body[data-page="accueil"] h1,body[data-page="accueil"] h2,body[data-page="accueil"] h3{color:var(--studio-ink)}
body[data-page="accueil"] .hero{padding-block:3rem 4rem;position:relative;overflow:hidden}
body[data-page="accueil"] .hero:before{content:"";position:absolute;inset:0 -10%;pointer-events:none;opacity:.3;background:linear-gradient(115deg,transparent 0 52%,rgba(200,68,32,.15) 52% 52.2%,transparent 52.2%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.12),transparent 31%)}
body[data-page="accueil"] .hero-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}
body[data-page="accueil"] .hero .eyebrow{color:#d9e4f1;font-size:.75rem;letter-spacing:.18em}
body[data-page="accueil"] .hero h1{font-size:clamp(3rem,5.4vw,4.8rem);line-height:.96;letter-spacing:-.07em;margin:.2rem 0 1.8rem;max-width:none}
body[data-page="accueil"] .hero h1 em{color:var(--studio-orange)}
body[data-page="accueil"] .hero .lead{color:#d4dfec;max-width:42ch;font-size:1.1rem}
body[data-page="accueil"] .button{background:var(--studio-orange);border-color:var(--studio-orange);color:#fff;border-radius:0;box-shadow:6px 6px 0 rgba(200,68,32,.22)}
body[data-page="accueil"] .button:hover{background:var(--studio-marine);border-color:var(--studio-marine);transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(200,68,32,.22)}
body[data-page="accueil"] .hero .text-link{color:#f4f7fb}
body[data-page="accueil"] .hero-explorer{width:100%;max-width:600px}
body[data-page="accueil"] .hero-explorer .decp-explorer{margin:0;border:1px solid rgba(232,239,248,.22);box-shadow:14px 14px 0 rgba(0,0,0,.16)}
body[data-page="accueil"] .home-content{width:min(1180px,calc(100% - 3.5rem))}
body[data-page="accueil"] .service-strip{background:#081a39;border-color:var(--studio-line)}
body[data-page="accueil"] .service-strip .wrap>span{color:var(--studio-muted)}
body[data-page="accueil"] .service-strip a{color:var(--studio-ink)}
body[data-page="accueil"] .service-strip a:hover{color:var(--studio-orange)}
body[data-page="accueil"] .home-context,body[data-page="accueil"] .home-method{padding-block:clamp(4rem,8vw,8rem);border-bottom:1px solid var(--studio-line)}
body[data-page="accueil"] .section-intro{display:block;max-width:49rem}
body[data-page="accueil"] .section-intro h2{font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.065em;line-height:.98;margin:0 0 1.4rem;max-width:25ch}
body[data-page="accueil"] .section-intro p{color:var(--studio-muted);line-height:1.75;max-width:62ch}
body[data-page="accueil"] .situations,body[data-page="accueil"] .responsibilities{background:transparent;border-top:1px solid var(--studio-line);margin-top:clamp(3rem,6vw,5rem)}
body[data-page="accueil"] .situations article,body[data-page="accueil"] .responsibilities article{padding:2rem 2rem 2rem 0;background:transparent}
body[data-page="accueil"] .situations article+article,body[data-page="accueil"] .responsibilities article+article{border-color:var(--studio-line);padding-left:2rem}
body[data-page="accueil"] .situations h3,body[data-page="accueil"] .responsibilities h3{font-size:1.5rem;margin:0 0 .8rem}
body[data-page="accueil"] .situations p,body[data-page="accueil"] .responsibilities li{color:var(--studio-muted)}
body[data-page="accueil"] .responsibilities article+article{border-top:3px solid var(--studio-orange);border-left:0}
body[data-page="accueil"] .responsibilities ul{margin:0;padding-left:1.2rem}
body[data-page="accueil"] .home-content a{color:#fff}
body[data-page="accueil"] .home-content .text-link{display:inline-block;margin-top:2rem}
body[data-page="accueil"] .home-offers{padding-block:clamp(4rem,8vw,8rem);border-bottom:1px solid var(--studio-line)}
body[data-page="accueil"] .offer-paths{display:grid;grid-template-columns:1fr;border-top:1px solid var(--studio-line);margin-top:3rem}
body[data-page="accueil"] .offer-paths>*{border-left:0!important}
body[data-page="accueil"] .offer-path{border-bottom:1px solid var(--studio-line);color:var(--studio-ink);display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(12rem,.7fr);gap:1rem;align-items:center;padding:1.7rem 0;text-decoration:none}
body[data-page="accueil"] .offer-path:hover{background:rgba(255,255,255,.05);padding-inline:1rem}
body[data-page="accueil"] .offer-volume{color:var(--studio-orange);font-size:3.6rem;font-weight:800;letter-spacing:-.08em;line-height:1}
body[data-page="accueil"] .offer-volume>span{display:block;color:var(--studio-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
body[data-page="accueil"] .offer-path-name{font-weight:700;font-size:1.1rem}body[data-page="accueil"] .offer-path-detail{color:var(--studio-muted);font-size:.9rem}
body[data-page="accueil"] .other-sector{color:var(--studio-muted);margin:2rem 0 0}body[data-page="accueil"] .other-sector a{color:#fff}
body[data-page="accueil"] .urgent-section{background:#081a39;border:1px solid var(--studio-line);border-left:4px solid var(--studio-orange);margin-block:clamp(3rem,7vw,7rem);padding:clamp(1.5rem,4vw,3rem)}
body[data-page="accueil"] .urgent-section h2{margin:0 0 .8rem}body[data-page="accueil"] .urgent-section p{color:var(--studio-muted)}
body[data-page="accueil"] .closing{background:#071730;border-top:1px solid var(--studio-line)}
body[data-page="accueil"] .closing h2{color:#fff}body[data-page="accueil"] .closing .eyebrow{color:#b8c6d9}body[data-page="accueil"] .closing p{color:#d4dfec}
body[data-page="accueil"] .closing .button.light{background:#fff;color:var(--studio-marine);border-color:#fff;box-shadow:none}
body[data-page="accueil"] .footer{color:var(--studio-ink)}
body[data-page="accueil"] .footer p,body[data-page="accueil"] .footer nav a,body[data-page="accueil"] .footer button{color:var(--studio-muted)}
body[data-page="accueil"] [data-studio-reveal]{opacity:1;transform:none}
body[data-page="accueil"] [data-studio-reveal].is-visible{animation:studio-rise .7s ease both}
@keyframes studio-rise{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:none}}
body[data-page="accueil"] .hero-grid{align-items:start}
body[data-page="accueil"] .hero-copy{padding-top:2rem}
body[data-page="accueil"] .offer-volume{display:block;margin:0;grid-row:auto}
body[data-page="accueil"] .offer-volume>span{margin-top:.4rem}
body[data-page="accueil"] .home-context,body[data-page="accueil"] .home-method,body[data-page="accueil"] .home-offers{padding-block:clamp(3rem,6vw,6rem)}
@media(min-width:1280px){body[data-page="accueil"] .hero{width:min(1280px,calc(100% - 3.5rem))}}
@media(max-width:900px){body[data-page="accueil"] .hero-grid{grid-template-columns:1fr;gap:3rem}body[data-page="accueil"] .hero-explorer{max-width:600px;margin-left:auto}body[data-page="accueil"] .offer-path{grid-template-columns:6rem 1fr}body[data-page="accueil"] .offer-path-detail{grid-column:2}}
@media(max-width:640px){body[data-page="accueil"] .wrap,body[data-page="accueil"] .home-content{width:calc(100% - 2.5rem)}body[data-page="accueil"] .hero h1{font-size:clamp(2.35rem,10.4vw,3.5rem)}body[data-page="accueil"] .offer-path{grid-template-columns:5rem 1fr;padding-block:1.3rem}body[data-page="accueil"] .offer-volume{font-size:2.7rem}body[data-page="accueil"] .situations article,body[data-page="accueil"] .responsibilities article{padding-inline:0!important}body[data-page="accueil"] .situations article+article,body[data-page="accueil"] .responsibilities article+article{border-left:0!important;border-top:1px solid var(--studio-line);padding-top:1.5rem!important}body[data-page="accueil"] .urgent-section{grid-template-columns:1fr!important}body[data-page="accueil"] .urgent-section .button{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){body[data-page="accueil"] [data-studio-reveal].is-visible{animation:none}body[data-page="accueil"] .button,body[data-page="accueil"] .offer-path{transition:none}}