/* Shared editorial rhythm. Text and photography have their own space. */
.value-icon{display:block;width:34px;height:34px;color:var(--green);flex-shrink:0}
.principles{gap:0;margin-top:76px;padding-top:42px}
.principles .principle{padding:8px 40px 8px 0;min-width:0}
.principles .principle+.principle{border-left:1px solid var(--line);padding-left:40px}
.principles .value-icon{margin-bottom:27px}
.principles h3{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:12px}
.principles p{font-size:1rem;line-height:1.75;max-width:285px}
.concept-a h2{font-weight:700;line-height:1.13}
.concept-a .wrap{max-width:1440px;padding-inline:56px}
.concept-a .nav{max-width:none;padding-inline:clamp(22px,5vw,88px)}
.concept-a .nav a:not(.brand){font-size:.875rem}
.concept-a .hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;min-height:0;max-width:1920px;margin:auto;isolation:auto}
.concept-a .hero:after{content:none}
.concept-a .hero>.wrap{width:auto;max-width:none;margin:0;padding:clamp(28px,5vw,88px);min-width:0}
.concept-a .hero-copy{max-width:480px}
.concept-a .hero-copy h1{font-size:clamp(2.5rem,4.1vw,4.8rem);font-weight:700;line-height:1.09;letter-spacing:-.045em}
.concept-a .hero-copy p{font-size:1rem;line-height:1.8;margin:25px 0 30px}
.concept-a .hero .eyebrow{font-size:.75rem;letter-spacing:.15em;margin-bottom:24px}
.concept-a .hero-editorial{margin:0;min-width:0;align-self:center}
.concept-a .hero-editorial>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.concept-a .film-cue{position:static;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:13px 25px;font-size:.75rem;line-height:1.5;background:#183627;color:#dce6d8}
.concept-a .film-cue svg{width:19px;height:19px}
.concept-a .section{padding-block:108px}
.concept-a .showcase-head{gap:80px;margin-bottom:48px}
.concept-a .showcase-head p{max-width:320px}
.concept-a .showcase-photo{border-radius:8px;aspect-ratio:1672/941}
.concept-a .showcase-caption{padding-top:24px}
.concept-a .heading-row{gap:48px}
.concept-a .heading-row p{max-width:280px}
.concept-a .filters{margin:36px 0 38px}
.concept-a .filter{font-size:.875rem}
.concept-a .product-grid{gap:44px 26px}
.concept-a .story{padding-block:112px}
.concept-a .story-grid{gap:90px}
.concept-a .story-picture{height:550px;border-radius:8px}
.concept-a .story-copy{max-width:490px}
.concept-a .story-copy h2{margin-bottom:30px}
.concept-a .story-copy>p{font-size:1rem;line-height:1.85;margin-bottom:20px}
.concept-a .care{padding-block:64px;background:#edf0e8}
.concept-a .care-grid{grid-template-columns:1fr 1fr;gap:80px}
.concept-a .care-grid article{display:flex;align-items:start;gap:25px}
.concept-a .care-grid .value-icon{margin-top:2px}
.concept-a .care-grid h3{font-size:1.4rem;line-height:1.3;margin-bottom:14px}
.concept-a .care-grid p{font-size:1rem;line-height:1.75;margin-bottom:22px}
.concept-a .care .eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:13px}
.concept-a .testimonials{padding-block:100px}
.concept-a .quotes{gap:80px;margin-top:52px}
.concept-a .quote blockquote{font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.65;letter-spacing:-.025em}
.concept-a .contact-banner{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:64px;align-items:center;position:static;isolation:auto;background:transparent;min-height:0;max-width:1328px;width:calc(100% - 112px);margin:auto;padding-block:108px}
.concept-a .contact-banner>.wrap{width:auto;max-width:none;margin:0;padding:0}
.concept-a .contact-card{background:transparent;padding:0;max-width:390px}
.concept-a .contact-card h2{font-size:clamp(2.5rem,3.5vw,3.6rem);line-height:1.13;margin-bottom:25px}
.concept-a .contact-card p{font-size:1rem;line-height:1.8;max-width:320px;margin-bottom:25px}
.concept-a .contact-card .email-link{font-size:1rem;margin-bottom:32px}
.concept-a .contact-editorial{margin:0;min-width:0}
.concept-a .contact-editorial img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:8px}
.concept-a .contact-still{height:auto;aspect-ratio:3/2;object-fit:contain}
.concept-b .hero{padding-bottom:94px}
.concept-b .hero h1{font-size:clamp(3rem,5.4vw,5.4rem);letter-spacing:-.055em;line-height:1.08}
.concept-b .hero-copy>p{max-width:405px;line-height:1.8}
.concept-b .range{padding-top:96px;padding-bottom:112px}
.concept-b .range h2{font-size:clamp(2.5rem,4.25vw,4.3rem)}
.concept-b .range .section-header>p{max-width:285px}
.concept-b .range-controls{margin-top:44px;margin-bottom:36px}
.concept-b .products-grid{gap:46px 26px}
.concept-b .brand-story{padding-top:118px;padding-bottom:88px}
.concept-b .brand-story .section-header>div:last-child{max-width:315px}
.concept-b .story-detail{padding-top:60px;padding-bottom:108px}
.concept-b .story-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px}
.concept-b .story-image{aspect-ratio:3/2}
.concept-b .story-image img{object-fit:contain;object-position:center}
.concept-b .story-copy h2{font-size:clamp(2.5rem,3.8vw,3.8rem)}
.concept-b .story-copy p{max-width:430px;margin-top:22px;line-height:1.8}
.concept-b .testimonials{padding-block:100px}
.concept-b .trade-copy p{max-width:425px}
@media(max-width:1100px){
  .concept-a .wrap{padding-inline:32px}
  .concept-a .story-grid,.concept-b .story-grid{gap:44px}
  .concept-a .story-picture{height:480px}
  .concept-a .care-grid{gap:45px}
  .concept-a .care-grid article{gap:20px}
  .concept-a .contact-banner{width:calc(100% - 64px);gap:40px}
  .principles .principle{padding-right:28px}
  .principles .principle+.principle{padding-left:28px}
}
@media(max-width:800px){
  .concept-a .hero{grid-template-columns:1fr}
  .concept-a .hero>.wrap{padding:48px 32px 50px}
  .concept-a .hero-copy{max-width:540px}
  .concept-a .hero-copy h1{font-size:clamp(2.8rem,7.5vw,4rem)}
  .concept-a .hero-copy p{margin-top:22px;margin-bottom:28px}
  .concept-a .hero-editorial{width:100%}
  .concept-a .film-cue{padding:13px 22px}
  .concept-a .section,.concept-a .story{padding-block:72px}
  .concept-a .showcase-head{gap:30px}
  .concept-a .story-grid,.concept-b .story-grid{grid-template-columns:1fr;gap:38px}
  .concept-a .story-picture{height:480px}
  .concept-a .story-copy{max-width:570px}
  .principles{grid-template-columns:1fr;margin-top:48px;padding-top:34px;gap:28px}
  .principles .principle,.principles .principle+.principle{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:24px;padding:0;border-left:0}
  .principles .value-icon{grid-column:1;grid-row:1/3;margin:0}
  .principles h3{grid-column:2;margin:0 0 9px}
  .principles p{grid-column:2;max-width:440px;margin:0}
  .concept-a .care-grid{grid-template-columns:1fr;gap:36px}
  .concept-a .care-grid article+article{padding-top:32px;border-top:1px solid #ccd6c7}
  .concept-a .care{padding-block:52px}
  .concept-a .testimonials,.concept-b .testimonials{padding-block:72px}
  .concept-a .quotes{gap:38px}
  .concept-a .contact-banner{grid-template-columns:1fr;gap:38px;padding-block:72px}
  .concept-a .contact-card{max-width:520px}
  .concept-a .contact-card p{max-width:none}
  .concept-b .hero{padding-bottom:64px}
  .concept-b .range{padding-block:72px}
  .concept-b .range-controls{margin-top:32px;margin-bottom:28px}
  .concept-b .products-grid{gap:36px 20px}
  .concept-b .brand-story{padding:72px 0 40px}
  .concept-b .brand-story .section-header>div:last-child{max-width:470px}
  .concept-b .story-detail{padding:40px 0 72px}
  .concept-b .story-image{aspect-ratio:3/2}
}
@media(max-width:570px){
  .concept-a .wrap{padding-inline:22px}
  .concept-a .hero>.wrap{padding:42px 22px 45px}
  .concept-a .hero .eyebrow{font-size:.75rem;margin-bottom:22px}
  .concept-a .section,.concept-a .story{padding-block:62px}
  .concept-a .showcase-head{gap:24px;margin-bottom:32px}
  .concept-a .showcase-photo{width:100%;max-width:100%;margin:0;border-radius:6px}
  .concept-a .filters{gap:8px;margin-block:28px}
  .concept-a .filter{font-size:.8125rem;padding:9px 13px}
  .concept-a .product-grid,.concept-b .products-grid{gap:32px 14px}
  .concept-a .story-picture{height:420px}
  .concept-a .contact-banner{width:calc(100% - 44px);padding-block:64px}
  .concept-a .contact-card h2{font-size:2.5rem}
  .principles .principle,.principles .principle+.principle{column-gap:18px}
  .principles .value-icon{width:30px;height:30px}
  .concept-b .range{padding-block:62px}
  .concept-b .brand-story{padding-top:62px}
  .concept-b .story-detail{padding-bottom:62px}
  .concept-b .story-image{aspect-ratio:3/2}
}

/* Keep the approved hero headline balanced across screen sizes. */
@media(max-width:800px){.concept-b .hero h1{font-size:clamp(3.4rem,8vw,4.6rem)}}
@media(max-width:570px){.concept-b .hero h1{font-size:clamp(2.5rem,12vw,4rem)}}