/* Homepage sizing only. Preserve the desktop columns, order, artwork and palette. */
@media (max-width: 1279px) {
  html[data-page-layout="desktop-home"] { --home-header-height: clamp(92px, 12.8vw, 164px); }
  html[data-page-layout="desktop-home"] body { width:100%; min-width:0; }
  html[data-page-layout="desktop-home"] .header { min-height:var(--home-header-height); padding:30px 3vw 8px; }
  html[data-page-layout="desktop-home"] .brand { width:26vw; min-width:0; flex:0 0 26vw; }
  html[data-page-layout="desktop-home"] .brand .name { font-size:clamp(16px,2.73vw,35px); }
  html[data-page-layout="desktop-home"] .brand .subname { font-size:clamp(8px,1.4vw,18px); }
  html[data-page-layout="desktop-home"] .brand .hh { font-size:clamp(8px,1.25vw,16px); margin-top:clamp(3px,.47vw,6px); }
  html[data-page-layout="desktop-home"] .brand em { font-size:clamp(6px,1.02vw,13px); margin-top:clamp(3px,.55vw,7px); }
  html[data-page-layout="desktop-home"] .avery-header-compass { left:26vw; top:calc(var(--home-header-height) - 75px); transform:scale(.7); transform-origin:top left; }
  html[data-page-layout="desktop-home"] .header .nav { min-width:0; gap:clamp(2px,1.4vw,18px); padding-top:clamp(5px,2vw,26px); font-size:clamp(6px,.98vw,12.5px); letter-spacing:.08em; }
  html[data-page-layout="desktop-home"] .nav a { min-width:0; padding-block:6px; }
  html[data-page-layout="desktop-home"] .v14-header-cart { margin-left:clamp(3px,1vw,13px)!important; margin-top:clamp(4px,1vw,10px)!important; }
  html[data-page-layout="desktop-home"] .v14-header-cart .v14-cart-toggle { width:clamp(24px,4vw,48px)!important; height:clamp(30px,4vw,48px)!important; padding:0!important; }
  html[data-page-layout="desktop-home"] .v14-header-cart .v14-cart-icon { width:clamp(22px,2.5vw,32px)!important; height:clamp(22px,2.5vw,32px)!important; }
  html[data-page-layout="desktop-home"] .v14-cart-count { min-width:12px!important; height:12px!important; font-size:8px!important; }
  html[data-page-layout="desktop-home"] .hero { margin-top:var(--home-header-height); height:auto; min-height:43.75vw; }
  html[data-page-layout="desktop-home"] .hero-copy { padding:clamp(16px,4vw,52px) 0 clamp(16px,3vw,38px) 5.1vw; }
  html[data-page-layout="desktop-home"] .hero h1 { font-size:3.8vw; }
  html[data-page-layout="desktop-home"] .hero p { font-size:clamp(9px,2.5vw,16px); line-height:1.5; }
  html[data-page-layout="desktop-home"] .rule { width:clamp(24px,3.75vw,48px); margin:clamp(10px,1.33vw,17px) 0; }
  html[data-page-layout="desktop-home"] .actions { gap:clamp(5px,1.09vw,14px); margin-top:clamp(14px,2.34vw,30px); }
  html[data-page-layout="desktop-home"] .actions .button { min-width:0; padding:clamp(10px,1.17vw,15px) clamp(5px,2.66vw,34px); font-size:clamp(8px,.9vw,11.5px); letter-spacing:.06em; text-align:center; }
  html[data-page-layout="desktop-home"] .statement { min-height:clamp(40px,4.3vw,55px); gap:clamp(6px,2.5vw,32px); padding:8px 3vw; font-size:clamp(6px,.86vw,11px); letter-spacing:.12em; white-space:normal; }
  html[data-page-layout="desktop-home"] .statement i { height:clamp(16px,2vw,26px); }
  html[data-page-layout="desktop-home"] .offers { padding:clamp(18px,1.72vw,22px) 3vw clamp(24px,3.13vw,40px); }
  html[data-page-layout="desktop-home"] .section-label { font-size:clamp(9px,.86vw,11px); }
  html[data-page-layout="desktop-home"] .section-h2 { font-size:clamp(15px,1.72vw,22px); }
  html[data-page-layout="desktop-home"] .grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  html[data-page-layout="desktop-home"] .card { min-width:0; min-height:0; padding:10px clamp(5px,2.5vw,32px); }
  html[data-page-layout="desktop-home"] .card .icon { height:clamp(40px,4.53vw,58px); }
  html[data-page-layout="desktop-home"] .card .icon img { width:clamp(46px,6.4vw,82px); height:clamp(46px,6.4vw,82px); margin: -6px auto 0; }
  html[data-page-layout="desktop-home"] .card h3 { font-size:clamp(9px,1.02vw,13px); letter-spacing:.04em; overflow-wrap:anywhere; }
  html[data-page-layout="desktop-home"] .card p { font-size:clamp(10px,.94vw,12px); line-height:1.65; }
  html[data-page-layout="desktop-home"] .footer { padding:clamp(28px,4.2vw,54px) 3vw 24px; }
  html[data-page-layout="desktop-home"] .footer-grid { grid-template-columns:minmax(0,1.45fr) repeat(4,minmax(0,1fr))!important; gap:clamp(7px,2.34vw,30px); }
  html[data-page-layout="desktop-home"] .footer-grid>* { min-width:0; }
  html[data-page-layout="desktop-home"] .footer h4 { font-size:clamp(11px,1.4vw,18px); line-height:1.2; }
  html[data-page-layout="desktop-home"] .footer p, html[data-page-layout="desktop-home"] .footer a { font-size:clamp(9px,.98vw,12.5px); overflow-wrap:anywhere; }
  html[data-page-layout="desktop-home"] .footer-map-label { font-size:clamp(7px,.78vw,10px); letter-spacing:.08em; }
  html[data-page-layout="desktop-home"] .footer-map-group a { padding-left:8px; }
  html[data-page-layout="desktop-home"] .footer-bottom { margin-top:22px; padding-top:16px; font-size:10px; }
}

@media(max-width:600px){html[data-page-layout="desktop-home"] .avery-header-compass{top:calc(var(--home-header-height) - 44px);transform:scale(.4)}}

@media(max-width:1279px){
html[data-page-layout="desktop-home"] .chapter21-header-quote{font-size:clamp(7px,.86vw,11px);min-height:26px;padding:4px 8px}
html[data-page-layout="desktop-home"] body .header #v14CartToggle{min-width:24px!important;width:clamp(24px,4vw,48px)!important;height:clamp(30px,4vw,48px)!important}
html[data-page-layout="desktop-home"] body .header #v14CartToggle .v14-cart-icon{width:clamp(22px,2.5vw,32px)!important;height:clamp(22px,2.5vw,32px)!important}
}
@media(max-width:600px){
html[data-page-layout="desktop-home"] .header .nav{gap:2px;font-size:6px;letter-spacing:0}
html[data-page-layout="desktop-home"] .actions{margin-top:12px;gap:5px}
html[data-page-layout="desktop-home"] .actions .button{padding:8px 4px;font-size:7px}
}
@media(max-width:600px){
html[data-page-layout="desktop-home"] .header{padding-inline:1.5vw}
html[data-page-layout="desktop-home"] .header .nav{gap:.7vw;font-size:1.3vw}
html[data-page-layout="desktop-home"] body #v14CartCount{right:4px!important}
html[data-page-layout="desktop-home"] .nav a{min-width:min-content}
html[data-page-layout="desktop-home"] .brand .name{font-size:3.4vw;white-space:nowrap}
html[data-page-layout="desktop-home"] .brand .subname{font-size:1.8vw}
html[data-page-layout="desktop-home"] .brand .hh{font-size:1.8vw}
html[data-page-layout="desktop-home"] .brand em{font-size:1.45vw}
}

/* Phone navigation only. The homepage hero remains in its existing position. */
@media (max-width:600px){
  html[data-page-layout="desktop-home"] .header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px 40px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:92px!important;
    height:92px!important;
    padding:30px 12px 8px!important;
    overflow:visible!important;
  }
  html[data-page-layout="desktop-home"] .header:has(.nav.is-open){height:auto!important}
  html[data-page-layout="desktop-home"] .chapter21-header-quote{
    min-height:25px!important;
    padding:4px 8px!important;
    font-size:7.7px!important;
  }
  html[data-page-layout="desktop-home"] .brand{
    grid-column:1!important;
    width:auto!important;
    min-width:0!important;
    flex:initial!important;
    text-align:left!important;
  }
  html[data-page-layout="desktop-home"] .brand .name{font-size:17px!important;line-height:.96!important;white-space:nowrap!important}
  html[data-page-layout="desktop-home"] .brand .subname{font-size:9px!important;line-height:1.05!important}
  html[data-page-layout="desktop-home"] .brand .hh{font-size:8px!important;line-height:1.05!important;margin-top:2px!important}
  html[data-page-layout="desktop-home"] .brand em{font-size:7px!important;line-height:1.05!important;margin-top:2px!important}
  html[data-page-layout="desktop-home"] .avery-header-compass{
    display:block!important;
    position:absolute!important;
    left:32%!important;
    top:22px!important;
    transform:scale(.42)!important;
    transform-origin:top left!important;
    pointer-events:none!important;
  }
  html[data-page-layout="desktop-home"] .avery-mobile-toggle{
    display:block!important;
    grid-column:2!important;
    order:initial!important;
    width:40px!important;
    height:40px!important;
  }
  html[data-page-layout="desktop-home"] .v14-header-cart{
    display:flex!important;
    grid-column:3!important;
    order:initial!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    align-items:center!important;
  }
  html[data-page-layout="desktop-home"] .v14-header-cart .v14-cart-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    justify-content:center!important;
    font-size:0!important;
  }
  html[data-page-layout="desktop-home"] .v14-header-cart .v14-cart-icon{width:25px!important;height:25px!important;margin:0!important}
  html[data-page-layout="desktop-home"] .v14-header-cart .v14-cart-count{
    min-width:16px!important;
    height:16px!important;
    margin:0 0 27px 24px!important;
    font-size:.58rem!important;
  }
  html[data-page-layout="desktop-home"] .nav{
    grid-column:1/-1!important;
    order:initial!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0;
    transform:translateY(-8px);
    pointer-events:none;
    border-top:1px solid transparent;
    transition:max-height .25s ease,opacity .2s ease,transform .2s ease,border-color .2s ease;
  }
  html[data-page-layout="desktop-home"] .nav.is-open{
    max-height:70vh!important;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
    border-top-color:rgba(205,158,91,.42);
  }
  html[data-page-layout="desktop-home"] .nav a{
    width:100%!important;
    min-width:0!important;
    padding:12px 4px!important;
    font-size:12px!important;
    line-height:1.1!important;
    letter-spacing:.16em!important;
    text-align:left!important;
    border-bottom:1px solid rgba(205,158,91,.24);
  }

  /* Keep the two controls inside the header, never over the hero. */
  html[data-page-layout="desktop-home"] .header #v14HeaderCart{
    position:absolute!important;
    top:30px!important;
    right:12px!important;
    inset:30px 12px auto auto!important;
    z-index:4!important;
    margin:0!important;
  }
  html[data-page-layout="desktop-home"] .header .avery-mobile-toggle{
    position:absolute!important;
    top:30px!important;
    right:60px!important;
    z-index:4!important;
  }
  html[data-page-layout="desktop-home"] .header .avery-header-compass{z-index:3!important}
}

/* Use the same compact hamburger header on every inner page. */
@media (max-width:780px){
  html[data-page-layout="responsive-inner"] .header{position:relative!important}
  html[data-page-layout="responsive-inner"] .header #v14HeaderCart{
    position:absolute!important;
    top:30px!important;
    right:12px!important;
    inset:30px 12px auto auto!important;
    z-index:4!important;
    display:flex!important;
    margin:0!important;
  }
  html[data-page-layout="responsive-inner"] .header .avery-mobile-toggle{
    position:absolute!important;
    top:30px!important;
    right:60px!important;
    z-index:4!important;
    display:block!important;
  }
  html[data-page-layout="responsive-inner"] .header #v14CartToggle{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}