:root{--bb-home-green:#0b2926;--bb-home-deep:#061d1a;--bb-home-copper:#dc8954;--bb-home-cream:#f4ede4;--bb-home-paper:#fffaf4;--bb-home-ink:#183632;--bb-home-muted:#5e706c;--bb-home-line:#cdbfb2}

/* Système des pages internes, dérivé de la page d'accueil. */
.universe-page{font-family:Manrope,Arial,sans-serif;background:var(--bb-home-cream);color:var(--bb-home-ink)}
.universe-page .site-wrap,.universe-page .wide-wrap{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.universe-page .nav350{background:var(--bb-home-green)}
.universe-page .nav350 nav{gap:32px;color:#d4e0dd}
.universe-page .nav350 nav a{transition:color .18s ease}
.universe-page .nav350 nav a:hover,.universe-page .nav350 nav a:focus-visible{color:#fff}
.universe-page .nav350 .blue-btn{color:#102f2b;background:var(--bb-home-copper)}
.universe-page .nav350 .blue-btn:hover,.universe-page .nav350 .blue-btn:focus-visible{background:#efaa7d}

.universe-page .universe-hero{min-height:700px;align-items:center;padding:92px 0;background:var(--bb-home-deep)}
.universe-page .universe-hero:after{background:linear-gradient(90deg,rgba(4,31,28,.98) 0%,rgba(4,31,28,.78) 48%,rgba(4,31,28,.18) 82%)}
.universe-page .universe-hero .wide-wrap{padding-left:28px}
.universe-page .universe-hero .wide-wrap:before{position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--bb-home-copper);content:""}
.universe-page .crumbs{margin-bottom:25px;color:#c7d6d2}
.universe-page .universe-hero h1{max-width:920px;font:800 clamp(62px,8vw,104px)/.92 Barlow Condensed,Arial,sans-serif;letter-spacing:-.025em}
.universe-page .universe-hero h1 em{color:#ef9f70}
.universe-page .universe-hero p{max-width:650px;color:#d3dedb;font-size:16px;line-height:1.75}

.universe-page .universe-btn,.universe-page .atelier-button,.universe-page .catalog-card a,.universe-page .catalog-view-button,.universe-page .atelier-submit{min-height:50px;padding:0 22px;border-radius:0;font:800 11px Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.universe-page .universe-btn,.universe-page .atelier-button.primary,.universe-page .atelier-submit{border:1px solid var(--bb-home-copper);color:#102f2b;background:var(--bb-home-copper)}
.universe-page .universe-btn.alt,.universe-page .atelier-button:not(.primary){border:1px solid rgba(255,255,255,.48);color:#fff;background:transparent}
.universe-page .universe-btn:hover,.universe-page .universe-btn:focus-visible,.universe-page .atelier-button:hover,.universe-page .atelier-button:focus-visible,.universe-page .atelier-submit:hover,.universe-page .atelier-submit:focus-visible{border-color:#fff;color:var(--bb-home-deep);background:#fff}

.universe-page .universe-copy h2,.universe-page .universe-faq h2,.universe-page .other-universes h2,.universe-page .catalog-intro h2,.universe-page .atelier-section-head h2,.universe-page .atelier-flow h2,.universe-page .atelier-contact h2,.universe-page .atelier-faq h2{font-family:Barlow Condensed,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.universe-page .catalog-card h2,.universe-page .catalog-empty h2,.universe-page .atelier-ledger h3,.universe-page .atelier-flow h3{font-family:Barlow Condensed,Arial,sans-serif;font-weight:700;letter-spacing:0}
.universe-page .catalog-card h2{font-size:30px;text-transform:uppercase}
.universe-page .catalog-intro,.universe-page .catalog-area,.universe-page .atelier-services{background:var(--bb-home-cream)}
.universe-page .atelier-flow,.universe-page .catalog-card,.universe-page .catalog-trust span{background:var(--bb-home-paper)}

/* L'atelier reprend le hero photographique et le filet cuivre de la home. */
.workshop-offer-page .atelier-hero{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;padding:0;background:linear-gradient(90deg,rgba(4,31,28,.98) 0%,rgba(4,31,28,.78) 48%,rgba(4,31,28,.2) 82%),url('/assets/atelier-detail.webp') center/cover}
.workshop-offer-page .atelier-hero-grid{min-height:700px;display:block}
.workshop-offer-page .atelier-hero-copy{position:relative;z-index:2;width:min(650px,100%);min-height:700px;justify-content:center;padding:76px 0 76px 28px}
.workshop-offer-page .atelier-hero-copy:before{position:absolute;top:76px;bottom:76px;left:0;width:5px;background:var(--bb-home-copper);content:""}
.workshop-offer-page .atelier-hero-photo{display:none}
.workshop-offer-page .atelier-crumbs{margin-bottom:42px}
.workshop-offer-page .atelier-hero h1{font:800 clamp(62px,8vw,104px)/.92 Barlow Condensed,Arial,sans-serif;letter-spacing:-.025em}
.workshop-offer-page .atelier-lead{color:#d3dedb}
.workshop-offer-page .atelier-facts{border-color:#4c6b65}

/* Signature immédiatement reconnaissable de la home. */
.home-led-ticker{overflow:hidden;padding:15px 20px;color:var(--bb-home-deep);background:var(--bb-home-copper);font:800 16px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.14em;text-align:center;text-transform:uppercase;white-space:nowrap}

/* Pages éditoriales : alternance crème / vert et composants issus de la home. */
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-content{padding:120px 0;background:var(--bb-home-cream)}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-layout{grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:72px}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-copy:before{display:inline-block;margin-bottom:18px;padding:8px 12px;color:#f3a678;background:var(--bb-home-green);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;content:"CONSEIL BAR T BIKE"}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-copy h2{max-width:780px;font-size:clamp(50px,5.6vw,76px);line-height:.93}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-copy>p{max-width:760px}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-aside{padding:40px;border-top:5px solid var(--bb-home-copper);background:var(--bb-home-green);box-shadow:18px 18px 0 #dfd2c5}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-aside h2{font-size:44px}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq{padding:110px 0;color:#fff;background:var(--bb-home-green)}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq h2{margin-bottom:42px;color:#fff;font-size:clamp(52px,6vw,76px)}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq details{margin:0;padding:25px 0;border:0;border-top:1px solid #496963;background:transparent}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq details:last-child{border-bottom:1px solid #496963}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq summary{position:relative;padding-right:50px;font:700 24px/1.15 Barlow Condensed,Arial,sans-serif;text-transform:uppercase}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq summary:after{position:absolute;top:-4px;right:8px;color:#efaa7d;font:400 30px Arial,sans-serif;content:"+"}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq details[open] summary:after{content:"−"}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq details p{max-width:760px;margin-bottom:0;color:#c3d3cf}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-universes{padding:110px 0;background:var(--bb-home-paper)}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-universes h2{font-size:clamp(52px,6vw,76px)}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card{position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:28px;border:0;color:#fff;background-position:center;background-size:cover;isolation:isolate}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,31,28,.08),rgba(4,31,28,.94));content:""}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:nth-child(1){background-image:url('/assets/signature-550.png')}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:nth-child(2){background-image:url('/assets/vtt-foret.webp')}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:nth-child(3){background-image:url('/assets/cafe-bar-editorial.webp')}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:nth-child(4){background-image:url('/assets/atelier-detail.webp')}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card:hover{border:0;transform:none}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card small{color:#efaa7d}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card h3{font-size:42px}
.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card p{color:#d6e0dd;font-size:12px}

/* Catalogues : présentation plus proche des grands blocs produits de la home. */
.bike-catalog-page .catalog-intro{padding:115px 0 75px}
.bike-catalog-page .catalog-intro-grid{grid-template-columns:5fr 7fr;gap:72px}
.bike-catalog-page .catalog-intro h2{font-size:clamp(56px,6vw,78px);line-height:.9}
.bike-catalog-page .catalog-intro-grid>div:last-child{padding-top:8px}
.bike-catalog-page .catalog-trust{margin-top:38px;background:var(--bb-home-green)}
.bike-catalog-page .catalog-trust span{min-height:76px;display:grid;place-items:center;background:var(--bb-home-green);color:#fff}
.bike-catalog-page .catalog-trust span:nth-child(2){color:var(--bb-home-deep);background:var(--bb-home-copper)}
.bike-catalog-page .catalog-area{padding:80px 0 120px;background:var(--bb-home-paper)}
.bike-catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.bike-catalog-page .catalog-card{border:0;background:var(--bb-home-cream);box-shadow:0 0 0 1px #d8cabc}
.bike-catalog-page .catalog-card img{aspect-ratio:16/10}
.bike-catalog-page .catalog-card-body{padding:30px}
.bike-catalog-page .catalog-card h2{font-size:36px}

/* Atelier : la section de déroulement devient le grand bloc sombre de respiration. */
.workshop-offer-page .atelier-services{padding:115px 0}
.workshop-offer-page .atelier-section-head h2{font-size:clamp(56px,6vw,76px);line-height:.92}
.workshop-offer-page .atelier-flow{padding:110px 0;color:#fff;background:var(--bb-home-green)}
.workshop-offer-page .atelier-flow h2,.workshop-offer-page .atelier-flow h3{color:#fff}
.workshop-offer-page .atelier-flow .atelier-label,.workshop-offer-page .atelier-flow li>span{color:#efaa7d}
.workshop-offer-page .atelier-flow ol{border-color:#efaa7d}
.workshop-offer-page .atelier-flow li{border-color:#496963}
.workshop-offer-page .atelier-flow li p{color:#c3d3cf}

@media(max-width:900px){
  .universe-page .nav350 nav{gap:20px}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-layout,.bike-catalog-page .catalog-intro-grid{grid-template-columns:1fr;gap:50px}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .universe-page .site-wrap,.universe-page .wide-wrap{width:min(100% - 28px,1140px)}
  .universe-page .universe-hero{min-height:650px;padding:74px 0}
  .universe-page .universe-hero .wide-wrap{padding-left:19px}
  .universe-page .universe-hero h1{font-size:58px;line-height:.92}
  .universe-page .universe-actions{gap:10px}
  .universe-page .universe-btn{width:100%}
  .workshop-offer-page .atelier-hero,.workshop-offer-page .atelier-hero-grid,.workshop-offer-page .atelier-hero-copy{min-height:650px}
  .workshop-offer-page .atelier-hero-copy{padding:54px 0 54px 19px}
  .workshop-offer-page .atelier-hero-copy:before{top:54px;bottom:54px}
  .workshop-offer-page .atelier-hero h1{font-size:58px;line-height:.92}
  .workshop-offer-page .atelier-crumbs{margin-bottom:30px}
  .home-led-ticker{padding:14px 12px;font-size:14px;text-align:left}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-content,.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq,.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-universes,.bike-catalog-page .catalog-intro,.bike-catalog-page .catalog-area,.workshop-offer-page .atelier-services,.workshop-offer-page .atelier-flow{padding:78px 0}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-copy h2,.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-faq h2,.universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-universes h2,.bike-catalog-page .catalog-intro h2,.workshop-offer-page .atelier-section-head h2{font-size:50px}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .universe-aside{box-shadow:10px 10px 0 #dfd2c5}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-grid,.bike-catalog-page .catalog-grid{grid-template-columns:1fr}
  .universe-page:not(.bike-catalog-page):not(.workshop-offer-page) .other-card{min-height:300px}
  .bike-catalog-page .catalog-trust{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.universe-page .nav350 nav a,.universe-page .universe-btn,.universe-page .atelier-button,.universe-page .atelier-submit{transition:none}}