.order-help-page{background:#f8f6f0;color:var(--ink)}
.order-help-page .shell{width:min(calc(100% - 64px),1240px)}
.order-help-page h2{margin:0;font-size:clamp(2rem,3.8vw,4rem);line-height:1;letter-spacing:-.05em}
.order-help-page h3{line-height:1.25}
.order-help-page p,.order-help-page li{font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1.65}
.order-help-page a:focus-visible,.order-help-page button:focus-visible{outline:3px solid var(--olive);outline-offset:4px}
.order-help-hero{background:#e8e3d8}
.order-help-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);min-height:680px;align-items:stretch}
.order-help-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(88px,9vw,140px) clamp(40px,7vw,110px) clamp(70px,8vw,110px) 0}
.order-help-hero h1{max-width:680px;margin:0;font-size:clamp(3.5rem,6.4vw,6.7rem);line-height:.9;letter-spacing:-.065em}
.order-help-hero__copy>p:not(.section-kicker){max-width:620px;margin:28px 0;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.6}
.order-help-hero figure{display:grid;grid-template-rows:1fr auto;margin:0;background:#2a2925}
.order-help-hero figure img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center 45%}
.order-help-hero figcaption,.order-help-process figcaption{padding:14px 18px;background:#2a2925;color:#f3f0e8;font-size:.82rem;line-height:1.45}
.order-help-nav{position:relative;z-index:2;border-block:1px solid var(--line);background:#f8f6f0}
.order-help-nav .shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0}
.order-help-nav a{display:flex;align-items:center;min-height:54px;padding:12px 18px;border-right:1px solid var(--line);font-size:.84rem;font-weight:750;line-height:1.25}
.order-help-nav a:nth-child(4n+1){border-left:1px solid var(--line)}
.order-help-nav a:hover{background:#eeebe2}
.order-help-section{padding-block:clamp(70px,8.5vw,126px);scroll-margin-top:90px}
.order-help-section--soft{background:var(--soft)}
.order-help-intro,.order-help-split,.order-help-concern,.order-help-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.78fr);gap:clamp(50px,9vw,140px);align-items:start}
.order-help-intro>div>p,.order-help-split>div>p,.order-help-concern>div>p{max-width:680px}
.order-help-records,.order-help-concern aside{padding:clamp(26px,3vw,40px);border-top:3px solid var(--olive);background:#fff}
.order-help-records h3,.order-help-concern aside h3,.order-help-checks h3{margin:0 0 22px;font-size:clamp(1.25rem,1.7vw,1.6rem)}
.order-help-records ul,.order-help-concern ul{display:grid;gap:10px;margin:0 0 24px;padding-left:20px}
.order-help-records p{margin-bottom:0}
.order-help-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:clamp(44px,8vw,120px);align-items:end;margin-bottom:50px}
.order-help-heading>p,.order-help-heading>div:last-child{max-width:560px;margin:0;color:var(--muted)}
.order-help-lead-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.order-help-lead-times article{display:grid;gap:34px;min-height:190px;padding:26px;border-right:1px solid var(--line)}
.order-help-lead-times article:last-child{border-right:0}
.order-help-lead-times span{color:var(--olive);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.order-help-lead-times strong{align-self:end;font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.2}
.order-help-note{max-width:800px;margin:28px 0 0;color:var(--muted)}
.order-help-process{padding-block:clamp(78px,9vw,140px);background:#292923;color:#fff;scroll-margin-top:90px}
.order-help-process__grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(50px,8vw,120px);align-items:start}
.order-help-process figure{position:sticky;top:90px;margin:0}
.order-help-process figure img{display:block;width:100%;height:clamp(480px,60vw,760px);object-fit:cover;object-position:center}
.order-help-process h2{max-width:720px}
.order-help-process>div>div>p:not(.section-kicker){max-width:700px;color:#d8d6cd}
.order-help-process ol{margin:44px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.35);list-style:none}
.order-help-process li{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.order-help-process li>span{color:#c2c8a2;font-size:.78rem;font-weight:800}
.order-help-process li h3{margin:0;font-size:1.16rem}
.order-help-process li p{margin:6px 0 0;color:#d8d6cd;font-size:.96rem}
.order-help-split>div{padding-top:26px;border-top:1px solid var(--ink)}
.order-help-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}
.order-help-links a{font-weight:750;text-decoration:underline;text-underline-offset:4px}
.order-help-section--olive{background:var(--cloudhaus-olive);color:#fff}
.order-help-section--olive .section-kicker{color:#fff}
.order-help-section--olive .order-help-heading>p,.order-help-section--olive .order-help-heading>div:last-child{color:#f0f0e8}
.order-help-light{color:#fff}
.order-help-checks{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:28px 70px;padding-top:34px;border-top:1px solid rgba(255,255,255,.45)}
.order-help-checks ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}
.order-help-checks li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.order-help-checks>p{grid-column:2;max-width:720px;margin:0}
.order-help-split--compact{gap:clamp(36px,7vw,100px)}
.order-help-day>div{max-width:610px}
.order-help-day ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;counter-reset:delivery-day;list-style:none;border-top:1px solid var(--line)}
.order-help-day li{position:relative;padding:16px 0 16px 38px;border-bottom:1px solid var(--line);counter-increment:delivery-day}
.order-help-day li::before{content:counter(delivery-day,decimal-leading-zero);position:absolute;left:0;color:var(--olive);font-size:.75rem;font-weight:800}
.order-help-concern aside{background:var(--soft)}
.order-help-support{padding-block:clamp(82px,10vw,150px);background:var(--ink);color:#fff;scroll-margin-top:90px}
.order-help-support .section-kicker{color:#fff}
.order-help-support h2{max-width:900px;margin:0;font-size:clamp(3rem,6vw,6.4rem);line-height:.92;letter-spacing:-.06em}
.order-help-support>div>p:not(.section-kicker){max-width:680px;font-size:clamp(1rem,1.2vw,1.15rem)}
.order-help-support .hero-actions{flex-wrap:wrap}
.order-help-faq .shell>h2{max-width:820px;margin-bottom:42px}
.order-help-faq__list{max-width:980px;border-top:1px solid var(--line)}
.order-help-faq__item{border-bottom:1px solid var(--line)}
.order-help-faq__item h3{margin:0}
.order-help-faq__item button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:64px;padding:20px 4px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:750;line-height:1.4;cursor:pointer}
.order-help-faq__item button::after{content:"+";flex:0 0 auto;font-size:1.45em;font-weight:400}
.order-help-faq__item button[aria-expanded="true"]::after{content:"−"}
.order-help-faq__item>div{max-width:800px;padding:0 38px 24px 4px;color:var(--muted)}
.order-help-faq__item>div p{margin:0}
@media(max-width:1024px){
  .order-help-hero__grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);min-height:620px}
  .order-help-hero figure img{min-height:570px}
  .order-help-process__grid{grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr)}
  .order-help-nav .shell{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-help-nav a:nth-child(4n+1){border-left:0}
  .order-help-nav a:nth-child(2n+1){border-left:1px solid var(--line)}
}
@media(max-width:760px){
  .order-help-page .shell{width:min(calc(100% - 28px),1240px)}
  .order-help-page h2{font-size:clamp(2rem,10vw,3rem)}
  .order-help-hero__grid{grid-template-columns:1fr;min-height:0;width:100%}
  .order-help-hero__copy{padding:72px 14px 56px}
  .order-help-hero h1{font-size:clamp(3.2rem,15vw,4.7rem)}
  .order-help-hero .hero-actions{display:grid;gap:14px}
  .order-help-hero .btn{width:100%}
  .order-help-hero figure img{height:clamp(400px,125vw,580px);min-height:0;object-position:center 45%}
  .order-help-nav{overflow:hidden}
  .order-help-nav .shell{display:flex;width:100%;overflow-x:auto;padding-inline:14px;scroll-snap-type:x proximity;scrollbar-width:thin}
  .order-help-nav a{flex:0 0 auto;min-height:50px;padding-inline:16px;border-left:0!important;scroll-snap-align:start;white-space:nowrap}
  .order-help-section,.order-help-process,.order-help-support{padding-block:64px}
  .order-help-intro,.order-help-split,.order-help-concern,.order-help-day,.order-help-heading,.order-help-process__grid,.order-help-checks{grid-template-columns:1fr;gap:32px}
  .order-help-heading{margin-bottom:34px}
  .order-help-lead-times{grid-template-columns:1fr}
  .order-help-lead-times article{gap:20px;min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}
  .order-help-process figure{position:static}
  .order-help-process figure img{height:clamp(420px,132vw,620px)}
  .order-help-process li{grid-template-columns:48px 1fr;gap:12px}
  .order-help-checks ul,.order-help-day ol{grid-template-columns:1fr}
  .order-help-checks>p{grid-column:auto}
  .order-help-support h2{font-size:clamp(3rem,13vw,4.7rem)}
  .order-help-support .hero-actions{display:grid;gap:14px}
  .order-help-support .btn{width:100%}
  .order-help-faq__item button{min-height:56px;padding-block:16px}
  .order-help-faq__item>div{padding-bottom:20px}
}
@media(max-width:430px){
  .order-help-hero__copy{padding-top:62px}
  .order-help-records,.order-help-concern aside{padding:24px 20px}
  .order-help-process figure img{height:112vw}
}