.hero-brandrail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;gap:30px;padding:0}
.hero-brandrail .wordmark{width:128px;height:128px}
.hero-brandrail .header-link{font-size:16px;white-space:nowrap}
.hero-brandrail .header-link span{font-size:26px;margin-left:12px}
@media(min-width:761px){
  .hero.wrap{align-content:center}
  .hero .hero-group{align-self:stretch;grid-template-rows:auto 1fr auto auto auto;row-gap:0}
  .hero .hero-group{container-type:inline-size}
  .hero-group>.hero-copy,.hero-group>.hero-brandrail{display:contents}
  .hero-group>.hero-copy>*{grid-column:1;justify-self:start}
  .hero-group .eyebrow{grid-row:1;margin-top:8px}
  .hero .hero-group h1{grid-row:2;align-self:center;font-size:clamp(50px,calc(20cqw - 32px),160px)}
  .hero-group .hero-desc{grid-row:3}
  .hero-group .button{grid-row:4;align-self:center}
  .hero-group .micro{grid-row:5;margin-bottom:8px}
  .hero-brandrail>.wordmark{grid-column:2;grid-row:1/3;align-self:start;justify-self:center}
  .hero-brandrail>.header-link{grid-column:2;grid-row:4;align-self:center;justify-self:center}
}
.delivery-info{margin-top:30px;padding:25px 26px;background:#fff;border:1px solid var(--line);border-radius:4px}
.delivery-info h3{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:0 0 22px}
.delivery-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 20px}
.delivery-info-row h4{font-size:14px;line-height:1.4;margin:0 0 4px}
.delivery-info-row p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:320px}
.delivery-info-price{font-size:13px;font-weight:700;white-space:nowrap;color:#c51e31;padding-top:1px}
.delivery-info .delivery-info-time{border-top:1px solid var(--line);padding-top:16px;margin:3px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
.delivery-info-time strong{color:var(--ink);font-weight:600}
@media(min-width:681px){.order-section{align-items:stretch}.order-intro{display:flex;flex-direction:column}.order-intro>.price-table{margin-top:24px}.order-intro>.micro{margin-bottom:30px}.order-intro>.delivery-info{margin-top:auto}}
@media(max-width:680px){.delivery-info{padding:22px 20px;margin-top:25px}.delivery-info-row{gap:16px}}
@media(min-width:761px){
  .hero.wrap{max-width:1600px;width:calc(100% - 96px)}
  .hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(22px,2.2vw,44px);align-items:start;min-height:100svh;padding:34px 0 46px}
  .hero-group{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:clamp(22px,2.2vw,44px);align-items:start;min-width:0}
  .hero-copy{container-type:inline-size;min-width:0;padding:8px 0 0}
  .hero-copy .eyebrow{font-size:12px;margin-bottom:25px}
  .hero h1{font-size:clamp(50px,20cqw,160px);line-height:.9;margin-bottom:30px}
  .hero-desc{font-size:clamp(16px,3.3cqw,24px);line-height:1.5;margin-bottom:29px}
  .hero-copy>.button{font-size:clamp(16px,2.5cqw,18px);padding:20px 26px;gap:55px}
  .hero-copy>.micro{font-size:12px;margin-top:15px;max-width:420px}
  .hero-visual{padding:0;transform:rotate(1deg);justify-self:end;max-width:100%;width:auto;min-width:0}
  .hero-visual>img{width:auto;max-width:100%;max-height:calc(100svh - 80px);object-fit:contain;box-shadow:9px 12px 0 #e9e0d2}
}
@media(min-width:761px) and (max-width:1100px){
  .hero.wrap{width:calc(100% - 48px)}
  .hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
  .hero-group{grid-template-columns:minmax(0,1fr) 100px;gap:22px}
  .hero-brandrail .wordmark{width:100px;height:100px}
  .hero-brandrail .header-link{font-size:14px}
  .hero-brandrail .header-link span{margin-left:6px;font-size:22px}
  .hero-copy .eyebrow{font-size:10px;margin-bottom:21px}
  .hero-copy>.button{font-size:14px;padding:17px 20px;gap:28px}
  .hero-copy>.micro{font-size:11px}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;gap:28px;padding:20px 0 50px;min-height:100svh}
  .hero-group{display:contents}
  .hero-brandrail{grid-row:1;flex-direction:row;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--line)}
  .hero-brandrail .wordmark{width:94px;height:94px}
  .hero-brandrail .header-link{font-size:15px}
  .hero-copy{grid-row:2}
  .hero h1{font-size:clamp(60px,14vw,100px)}
  .hero-visual{grid-row:3;margin-top:4px;max-width:480px;width:calc(100% - 12px);justify-self:center}
}
.footer > a:last-child {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: clamp(18px, 1.65vw, 24px);
  font-weight: 700;
  line-height: 1.25;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}