.orientation-hero .service-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)}
.orientation-hero .service-hero-copy{max-width:650px}
.orientation-hero .service-hero-copy h1{max-width:650px;font-size:clamp(3rem,4vw,3.9rem);line-height:.96}
.orientation-hero .service-hero-copy h1 span{white-space:nowrap}
.orientation-hero .service-hero-photo img{object-position:center}

.orientation-audience{background:var(--paper)}
.orientation-audience .editorial-split{align-items:start}
.orientation-audience h2{max-width:600px}
.orientation-audience-copy{max-width:680px}
.orientation-audience-copy>p{margin:0 0 1.7rem;color:var(--muted);line-height:1.75}
.orientation-audience-copy ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.orientation-audience-copy li{padding:1.15rem 1rem 0 0;color:var(--green-ink);font-family:var(--display);font-size:1.15rem;line-height:1.25}
.orientation-audience-copy li+li{padding-left:1rem;border-left:1px solid var(--line)}

.orientation-reasons{background:var(--cream-deep)}
.orientation-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);align-items:end;gap:clamp(3rem,8vw,8rem);margin-bottom:2.5rem}
.orientation-heading h2{max-width:680px;font-size:clamp(2.75rem,3.85vw,3.65rem)}
.orientation-heading>p{max-width:400px;margin:0 0 .4rem;color:var(--muted);line-height:1.7}
.orientation-reasons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.orientation-reasons-grid li{min-width:0;padding:1.35rem clamp(1rem,2vw,2rem) .45rem 0}
.orientation-reasons-grid li+li{padding-left:clamp(1rem,2vw,2rem);border-left:1px solid var(--line)}
.orientation-reasons-grid img{display:block;width:clamp(125px,12vw,165px);height:clamp(125px,12vw,165px);margin:0 auto 1rem;object-fit:contain}
.orientation-reasons-grid h3{min-height:2.4em;margin:0 0 .6rem;font-size:1.34rem;line-height:1.15}
.orientation-reasons-grid p{max-width:240px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.58}

.orientation-self{background:var(--paper)}
.orientation-self-layout{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,8vw,8rem)}
.orientation-self figure{display:grid;height:clamp(430px,39vw,560px);margin:0;place-items:center;background:var(--beige-soft);border-radius:6px}
.orientation-self figure img{width:min(88%,480px);height:min(88%,480px);object-fit:contain}
.orientation-self-layout>div{max-width:640px}
.orientation-self h2,.orientation-project h2,.interview-header h2{font-size:clamp(2.75rem,3.85vw,3.65rem)}
.orientation-self h2{max-width:590px}
.orientation-self-layout>div>p:not(.eyebrow){max-width:590px;margin:1.15rem 0 0;color:var(--muted);line-height:1.7}

.orientation-interview{background:var(--cream)}
.interview-header{max-width:760px;margin-bottom:2.2rem}
.interview-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);list-style:none}
.interview-list li{min-width:0;padding:1.25rem clamp(1rem,2vw,2rem) .5rem 0}
.interview-list li+li{padding-left:clamp(1rem,2vw,2rem);border-left:1px solid var(--line)}
.interview-visual{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.interview-visual span{padding-top:.35rem;color:#a4784f;font-size:.62rem;font-weight:700;letter-spacing:.12em}
.interview-visual img{width:clamp(100px,9vw,132px);height:clamp(100px,9vw,132px);object-fit:contain}
.interview-list h3{min-height:2.4em;margin:.8rem 0 .55rem;font-size:1.35rem;line-height:1.15}
.interview-list p{max-width:260px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.58}

.orientation-project{background:var(--paper)}
.orientation-project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);align-items:center;gap:clamp(3rem,7vw,7rem)}
.orientation-project-layout>div{max-width:680px}
.orientation-project h2{max-width:650px}
.orientation-project-layout>div>p:not(.eyebrow){max-width:620px;margin:1.25rem 0 0;color:var(--muted);line-height:1.72}
.orientation-project figure{display:grid;height:clamp(380px,34vw,500px);margin:0;place-items:center}
.orientation-project figure img{width:100%;height:100%;object-fit:contain}

.orientation-cta{margin:clamp(3rem,5vw,5rem) 0;background:var(--green-dark) url("../../images/orientation/orientation-cta-botanique.webp") center/cover no-repeat;color:#fff}
.orientation-cta .eyebrow{color:#e1bf91}
.orientation-cta h2{color:#fff}
.orientation-cta .service-cta-action p{color:#dce7e3}
.orientation-cta .button-beige{background:var(--beige-soft);color:var(--green-ink)}
.orientation-cta .button-beige img{filter:none}
.orientation-cta .button-beige:hover{background:#ecd7bc}

@media(max-width:1024px){
  .orientation-hero .service-hero-layout{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr)}
  .orientation-hero .service-hero-copy h1{font-size:clamp(2.9rem,5.5vw,3.65rem)}
  .orientation-reasons-grid,.interview-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orientation-reasons-grid li:nth-child(3),.interview-list li:nth-child(3){padding-left:0;border-top:1px solid var(--line);border-left:0}
  .orientation-reasons-grid li:nth-child(4),.interview-list li:nth-child(4){border-top:1px solid var(--line)}
  .orientation-self-layout{grid-template-columns:minmax(330px,.75fr) minmax(0,1fr)}
}

@media(max-width:820px){
  .orientation-hero .service-hero-layout,.orientation-self-layout,.orientation-project-layout{grid-template-columns:1fr}
  .orientation-hero .service-hero-copy h1{max-width:700px}
  .orientation-hero .service-hero-copy h1 span{white-space:normal}
  .orientation-heading{grid-template-columns:1fr;gap:1.25rem}
  .orientation-heading>p{max-width:620px}
  .orientation-self figure{height:410px}
  .orientation-self-layout>div{max-width:680px}
  .orientation-project figure{height:380px;grid-row:1}
  .orientation-project-layout>div{grid-row:2}
}

@media(max-width:520px){
  .orientation-hero .service-hero-copy h1{max-width:23rem;font-size:clamp(2.4rem,10vw,2.7rem)}
  .orientation-audience-copy>p{font-size:.9rem;line-height:1.65}
  .orientation-audience-copy ul{grid-template-columns:1fr}
  .orientation-audience-copy li,.orientation-audience-copy li+li{padding:.85rem 0;border-top:1px solid var(--line);border-left:0}
  .orientation-heading{margin-bottom:1.7rem}
  .orientation-heading h2,.orientation-self h2,.orientation-project h2,.interview-header h2{font-size:clamp(2.25rem,9.6vw,2.7rem)}
  .orientation-reasons-grid,.interview-list{grid-template-columns:1fr}
  .orientation-reasons-grid li,.orientation-reasons-grid li+li,.orientation-reasons-grid li:nth-child(3){display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:1rem;padding:1rem 0;border-top:1px solid var(--line);border-left:0}
  .orientation-reasons-grid li:first-child{border-top:0}
  .orientation-reasons-grid img{grid-row:1/3;width:82px;height:82px;margin:0}
  .orientation-reasons-grid h3{min-height:0;margin:.3rem 0 .2rem;font-size:1.18rem}
  .orientation-reasons-grid p{font-size:.78rem;line-height:1.48}
  .orientation-self figure{height:300px}
  .orientation-self figure img{width:92%;height:92%}
  .interview-list li,.interview-list li+li,.interview-list li:nth-child(3){display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:1rem;padding:1rem 0;border-top:1px solid var(--line);border-left:0}
  .interview-list li:first-child{border-top:0}
  .interview-visual{grid-row:1/3}
  .interview-visual img{width:78px;height:78px}
  .interview-list h3{min-height:0;margin:.4rem 0 .25rem;font-size:1.2rem}
  .interview-list p{font-size:.78rem;line-height:1.48}
  .orientation-project figure{height:280px}
  .orientation-cta{margin-block:2.5rem;background-position:62% center}
}
