:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#12262a;--green:#218f2c;--gold:#eab11b}*{box-sizing:border-box}body{margin:0;padding:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit}button:disabled{cursor:wait}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:#123b2b;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{height:100svh;min-height:520px;max-height:none;position:relative;isolation:isolate;overflow:hidden;background:#15556c}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-fit:cover;object-position:50% 58%;transform:none}.hero-shade{z-index:-1;background:linear-gradient(0deg,#091c24a6 0%,#071d2726 37%,transparent 73%),linear-gradient(90deg,#06243428,transparent 70%)}
.header{position:absolute;left:5.2%;right:5.2%;top:4.3%;display:flex;align-items:center;gap:40px;z-index:10}.brand{display:block;flex-shrink:0;width:clamp(88px,9.1vw,142px)}.brand img{display:block;width:100%;height:auto}.navigation{display:flex;align-items:center;gap:25px;margin-left:25px}.navigation>a,.navigation>button,.shipping-nav>button{border:0;background:none;padding:10px 0;color:white;text-transform:uppercase;font-size:clamp(9px,.72vw,13px);font-weight:500;white-space:nowrap;line-height:1.3}.navigation>a:hover,.navigation>button:hover,.shipping-nav>button:hover{color:var(--gold)}.shipping-nav{position:relative}.shipping-nav>button{display:flex;align-items:center;gap:5px}.shipping-nav svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2}.shipping-menu{position:absolute;top:100%;left:-18px;width:200px;background:#fffdf6;padding:9px;box-shadow:0 10px 30px #001b2833;border-top:2px solid var(--gold);color:#163d2d}.shipping-menu>button{display:flex;justify-content:space-between;align-items:center;background:none;border:0;width:100%;padding:13px 10px;font-size:11px;color:#163d2d;text-align:left}.shipping-menu>button:hover{background:#eaf3e9}.header-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.phone{display:flex;align-items:center;gap:8px;border:0;background:#061d2d70;padding:14px 13px;white-space:nowrap;font-size:clamp(9px,.75vw,12px);font-weight:400;backdrop-filter:blur(8px)}.phone svg{width:17px;height:17px;fill:none;stroke:white;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.action-button{display:inline-flex;align-items:center;gap:14px;padding:6px 17px 6px 6px;border:0;border-radius:3px;font-size:clamp(10px,.82vw,13px);font-weight:400;line-height:1.25;white-space:nowrap;min-height:47px;transition:background .18s,transform .18s}.action-button:hover{transform:translateY(-2px)}.header-start{background:#fff;color:#161c1d}.button-square{width:35px;height:35px;display:grid;place-items:center;background:var(--gold);color:#163e2c;font-size:27px;font-weight:400;border-radius:3px;line-height:1;padding-bottom:3px}.header-start:hover{background:#f4f6ed}.menu-toggle{display:none}.hero-copy{position:absolute;top:40%;left:5.2%;max-width:54%;animation:arrive .9s ease-out both}.hero h1{font-size:clamp(34px,3.8vw,70px);font-weight:700;line-height:.94;letter-spacing:-.035em;margin:0 0 14px;color:#fff}.hero-copy>p{font-size:clamp(9px,1.02vw,16px);font-weight:400;line-height:1.2;color:#f0f2f3;margin:0 0 28px}.learn-more{background:var(--gold);color:#173b28}.learn-more .button-square{background:#fffdf5;color:#255139}.learn-more:hover{background:#f7c442}
.shipment-tools{position:absolute;right:5.2%;top:47.6%;width:18%;min-width:0;max-width:315px;padding:17px 11px 16px;background:#fff;color:#161b1e;border-radius:4px;box-shadow:0 8px 28px #021b292b;animation:arrive 1s .2s ease-out both}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;border-bottom:1px solid #e4e4e4;gap:6px}.tool-tabs button{font-size:clamp(7px,.85vw,13px);font-weight:400;border:0;border-bottom:1px solid transparent;padding:0 0 8px;background:none;color:#111;white-space:nowrap;text-align:left}.tool-tabs button[aria-selected=true]{border-bottom-color:var(--green)}.tool-tabs button:last-child{text-align:center}.shipment-tools input{display:block;width:100%;background:#f0f0f0;border:1px solid transparent;border-radius:3px;height:clamp(28px,3vw,42px);padding:0 10px;font-size:clamp(6px,.72vw,11px);color:#343c40;margin-bottom:9px;min-width:0}.shipment-tools input::placeholder{color:#a0a0a0;opacity:1}.track-button{display:block;width:100%;border:0;border-radius:3px;background:var(--green);color:white;min-height:clamp(28px,3vw,42px);padding:8px;font-size:clamp(7px,.82vw,13px);font-weight:400;transition:background .2s}.track-button:hover{background:#176f21}.tool-links{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;white-space:nowrap;font-size:clamp(8px,.65vw,10px)}.tool-links button{border:0;padding:3px 0;background:none;color:#272b2c;font-size:inherit;line-height:1.3}.tool-links button:last-child{color:#a6a6a6;display:flex;align-items:center;gap:4px}.tool-links button:hover{color:#187b28}.help-circle{font-size:8px;width:11px;height:11px;border:1px solid #c5c5c5;display:inline-grid;place-items:center;border-radius:50%;font-family:Georgia,serif}.app-links{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:21px}.app-links button{display:flex;align-items:center;justify-content:center;gap:5px;background:#030303;color:white;border:1px solid #a9a9a9;border-radius:4px;padding:4px 6px;min-width:0;flex:1;max-width:115px;text-align:left;min-height:31px}.app-links svg{width:19px;height:21px;flex-shrink:0}.app-links small{display:block;font-size:6px;line-height:1;letter-spacing:.02em;white-space:nowrap}.app-links strong{font-size:12px;display:block;font-weight:400;line-height:1.15;white-space:nowrap}
.metrics{position:absolute;bottom:4.9%;left:5.2%;right:5.2%;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics>div{background:#111c2285;border-radius:0 0 4px 4px;padding:13px 13px 10px;backdrop-filter:blur(3px)}.metrics strong{font-size:clamp(24px,2.15vw,38px);line-height:1.2;font-weight:400;color:#e4e4e4;display:block;border-bottom:1px solid #ffffff30;padding-bottom:9px;letter-spacing:-.02em}.metrics div>span{display:block;font-size:clamp(9px,.78vw,12px);line-height:1.5;color:#b8bdc0;margin-top:10px}.preview-note{margin:10px 0 0;text-align:center;color:#9ba9aa;font-size:10px;line-height:1.5}.info-dialog{border:0;padding:38px 32px 28px;color:#153c2a;background:#fffdf5;max-width:430px;width:calc(100% - 40px);box-shadow:0 20px 70px #00182350}.info-dialog::backdrop,.mobile-menu::backdrop{background:#001c29a6;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:9px;border:0;background:none;font-size:27px;color:#1b4733}.dialog-kicker{font-size:9px;letter-spacing:.12em;color:#668373}.info-dialog h2{font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:19px 0 13px}.info-dialog p{font-size:13px;line-height:1.7;color:#63746b;margin-bottom:25px}.mobile-menu{margin:0 0 0 auto;min-height:100svh;max-height:100svh;width:min(380px,90%);border:0;background:#103c35;color:white;padding:25px;max-width:100%;overflow:auto}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.mobile-menu-head img{object-fit:contain}.mobile-menu-head button{border:0;background:none;font-size:32px}.mobile-menu h2{font-size:28px;letter-spacing:-.04em;margin:45px 0 25px}.mobile-menu nav{display:grid;margin-bottom:35px}.mobile-menu nav>a,.mobile-menu nav>button{padding:18px 0;border:0;border-bottom:1px solid #ffffff25;background:none;font-size:16px;display:flex;align-items:center;justify-content:space-between;color:white;text-align:left}.mobile-menu nav span{color:var(--gold)}.mobile-menu .track-button{background:var(--gold);color:#143f2f}.locked{overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.header{gap:55px}.navigation{gap:30px}.shipment-tools{padding:21px 15px}.shipment-tools input,.track-button{min-height:47px}.metrics>div{padding:17px 18px 13px}}
@media(max-width:1150px){.header{gap:22px}.navigation{gap:17px;margin-left:10px}.header-actions{gap:10px}.phone{padding:12px 9px}.action-button{gap:10px;padding-right:12px;min-height:40px}.button-square{width:29px;height:29px;font-size:24px}.shipment-tools{min-width:0;padding:14px 10px 13px}.hero-copy>p{margin-bottom:20px}.hero h1{margin-bottom:17px}.tool-links{font-size:8px}.metrics{gap:10px}.app-links{margin-top:18px}}
@media(max-width:900px){.navigation{gap:13px;margin-left:0}.phone{display:none}.header{gap:23px}.brand{width:100px}.header-actions{margin-left:auto}.hero{min-height:520px}.hero h1{font-size:35px}.hero-copy{max-width:62%}.shipment-tools{min-width:0;width:22%;top:48%}.tool-tabs button{font-size:10px}.metrics strong{font-size:25px}.metrics div>span{font-size:9px}}
@media(max-width:700px){body{padding:0}.hero{min-height:1050px;max-height:none;height:auto;background:#12333c;padding:0 20px 24px;overflow:hidden}.hero-photo{height:710px;object-position:42% center}.hero-shade{background:linear-gradient(0deg,#12333c 0%,#12333c 30%,#102f3830 55%,transparent 85%)}.header{left:20px;right:20px;top:24px;gap:16px}.brand{width:119px}.navigation{display:none}.header-actions{gap:15px}.header-start{font-size:10px;min-height:36px;padding:4px 9px 4px 4px;gap:7px}.header-start .button-square{width:27px;height:27px;font-size:23px}.menu-toggle{display:grid;align-content:center;gap:6px;width:30px;height:36px;background:none;border:0;padding:4px}.menu-toggle>span{height:1px;width:23px;background:#fff;display:block}.hero-copy{position:relative;top:auto;left:auto;max-width:none;padding-top:241px}.hero h1{font-size:clamp(36px,8.7vw,57px);line-height:1.01;letter-spacing:-.035em;margin-bottom:17px}.hero-copy>p{font-size:11px;line-height:1.3;margin-bottom:22px;max-width:290px}.hero-copy .action-button{font-size:11px;gap:11px;min-height:43px;padding:5px 15px 5px 5px}.hero-copy .button-square{width:33px;height:33px}.shipment-tools{position:relative;inset:auto;width:100%;max-width:420px;min-width:0;margin:66px auto 24px;padding:18px 14px 17px}.tool-tabs{gap:15px;margin-bottom:12px}.tool-tabs button{font-size:12px;padding-bottom:10px}.shipment-tools input{height:46px;font-size:11px;margin-bottom:10px}.track-button{min-height:45px;font-size:12px}.tool-links{font-size:10px;margin-top:10px}.app-links{margin-top:23px;gap:9px}.app-links button{min-height:36px;max-width:124px}.app-links svg{width:21px;height:23px}.app-links small{font-size:7px}.app-links strong{font-size:14px}.metrics{position:relative;inset:auto;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.metrics>div{padding:13px 12px 12px}.metrics strong{font-size:27px}.metrics div>span{font-size:10px;margin-top:9px}.preview-note{padding:0 15px 12px;font-size:9px}.info-dialog{padding:36px 25px 25px}}
@media(max-width:370px){.header-actions{gap:8px}.brand{width:105px}.header-start{font-size:9px;gap:6px}.hero h1{font-size:35px}.tool-links{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:701px) and (max-width:1150px){.shipment-tools{padding:12px 8px 11px}.tool-tabs{margin-bottom:7px}.tool-tabs button{font-size:8px;padding-bottom:6px}.tool-links{font-size:6px;gap:4px;margin-top:5px}.help-circle{width:8px;height:8px;font-size:6px}.app-links{margin-top:13px;gap:4px}.app-links button{padding:3px;min-height:23px}.app-links svg{width:13px;height:16px}.app-links small{font-size:4px}.app-links strong{font-size:8px}.metrics>div{padding:8px 9px 7px}.metrics strong{font-size:22px;padding-bottom:6px}.metrics div>span{font-size:8px;margin-top:7px}}

/* Motion follows the reference: masked headline, travelling arrow, sliding tools. */
.swipe-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.swipe-line>span{display:block;animation:headline-swipe 1600ms cubic-bezier(.19,1,.22,1) both;animation-delay:calc(150ms + var(--line)*220ms);will-change:transform}
@keyframes headline-swipe{from{transform:translateY(112%) skewY(3deg);opacity:.2}to{transform:translateY(0) skewY(0);opacity:1}}
.action-button{--arrow-travel:0px;--label-travel:0px;transition:background .55s,color .55s;overflow:hidden}
.action-button .button-square{flex-shrink:0;transition:transform .8s cubic-bezier(.22,1,.36,1),background .55s,color .55s;will-change:transform}
.action-button>span:last-child{transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}
.action-button:is(:hover,:focus-visible){transform:none;background:#218f2c;color:white}
.action-button:is(:hover,:focus-visible) .button-square{transform:translateX(var(--arrow-travel));background:#fffdf5;color:#1c7a27}
.action-button:is(:hover,:focus-visible)>span:last-child{transform:translateX(var(--label-travel))}
.tool-tabs{position:relative}
.tool-tabs::after{content:'';position:absolute;bottom:-1px;left:0;width:calc((100% - 6px)/2);height:2px;background:var(--green);transform:translateX(0);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.tool-tabs[data-active=ship]::after{transform:translateX(calc(100% + 6px))}
.tool-tabs button[aria-selected=true]{border-bottom-color:transparent}
.shipment-tools{overflow:hidden}
.shipment-tools [role=tabpanel]{will-change:transform,opacity}
.shipping-menu{transform:translateY(-9px);opacity:0;clip-path:inset(0 0 100% 0);pointer-events:none;transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),clip-path .55s cubic-bezier(.22,1,.36,1);transform-origin:top}
.shipping-menu.is-open{opacity:1;transform:translateY(0);clip-path:inset(-30px -50px -50px -50px);pointer-events:auto}
.shipping-menu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.shipping-menu>button{transition:background .18s,color .18s,transform .45s;transform:translateY(-5px)}
.shipping-menu.is-open>button{transform:translateY(0)}
.shipping-menu.is-open>button:nth-child(2){transition-delay:0s,0s,35ms}
.shipping-menu.is-open>button:nth-child(3){transition-delay:0s,0s,65ms}
.shipping-nav>button>svg{transition:transform .45s}
.shipping-nav>button[aria-expanded=true]>svg{transform:rotate(180deg)}
.metrics strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){.tool-tabs::after{width:calc((100% - 15px)/2)}.tool-tabs[data-active=ship]::after{transform:translateX(calc(100% + 15px))}}
@media(prefers-reduced-motion:reduce){.swipe-line>span{animation:none;transform:none;opacity:1}.action-button .button-square,.action-button>span:last-child{will-change:auto}.shipping-menu{transition:none}.shipment-tools [role=tabpanel]{will-change:auto}}
@media(min-width:701px){.header{left:4.5%;right:4.5%;top:4%}.hero-copy{left:4.5%;top:39%}.shipment-tools{right:4.5%;top:46%}.metrics{left:4.5%;right:4.5%;bottom:4%}.hero{min-height:560px}}@media(max-width:700px){.hero-photo{transform:none;object-position:40% center}}
/* Larger desktop shipment tool, with centered tab labels. */
.tool-tabs button,.tool-tabs button:last-child{text-align:center}
@media(min-width:701px){.shipment-tools{width:23%;min-width:260px;max-width:350px;padding:22px 17px 19px}.tool-tabs{margin-bottom:15px}.tool-tabs button{font-size:13px;padding-bottom:12px}.shipment-tools input{height:47px;font-size:11px;margin-bottom:12px}.shipment-tools .track-button{min-height:45px;font-size:12px}.tool-links{font-size:10px;margin-top:12px;gap:8px}.help-circle{width:11px;height:11px;font-size:8px}}
@media(min-width:701px) and (max-width:1000px){.shipment-tools{width:27%;min-width:235px;max-width:290px;padding:18px 13px 16px}.tool-tabs button{font-size:11px;padding-bottom:10px}.shipment-tools input{height:42px;font-size:10px}.shipment-tools .track-button{min-height:41px;font-size:11px}.tool-links{font-size:8px}}
/* Branded shipping menu: freight modes, clear descriptions, one next step. */
.shipping-menu{left:-80px;top:calc(100% + 14px);width:590px;display:grid;grid-template-columns:195px 1fr;padding:0;border:1px solid #e0e8df;border-top:3px solid var(--gold);border-radius:5px;background:#fffef9;box-shadow:0 22px 60px #001f3455;overflow:visible;text-transform:none;letter-spacing:normal}
.shipping-feature{padding:26px 23px 19px;background:linear-gradient(145deg,#164b3b,#092f2c);color:#fff;border-radius:1px 0 0 0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.shipping-eyebrow{font-size:8px;letter-spacing:.15em;color:#e8bb49;line-height:1.5}
.shipping-feature h2{font-size:25px;line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:19px 0 13px}
.shipping-feature p{font-size:11px;line-height:1.6;color:#b6cfc3;margin:0;max-width:145px}
.shipping-route{width:155px;height:73px;stroke-width:1.2;color:#e5b641;margin:13px 0 5px;opacity:.8}
.shipping-signature{border-top:1px solid #ffffff20;padding-top:12px;margin-top:auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#dfebe5}
.shipping-signature>span{color:#edbc36;font-size:15px;line-height:1}
.shipping-options{padding:22px 16px 14px}
.shipping-group-label{font-size:8px;letter-spacing:.12em;color:#8a968c;display:block;padding:0 11px 11px}
.shipping-options>button{display:flex;align-items:center;gap:13px;width:100%;padding:15px 10px;background:none;border:1px solid transparent;border-bottom-color:#e9eee5;text-align:left;color:#184e37;border-radius:3px;transition:background .25s,border-color .25s,transform .45s;transform:translateY(-7px);opacity:.4}
.shipping-options>button:last-child{border-bottom-color:transparent}
.shipping-menu.is-open .shipping-options>button{transform:translateY(0);opacity:1;transition:background .25s,border-color .25s,transform .5s,opacity .5s}
.shipping-menu.is-open .shipping-options>button:nth-of-type(2){transition-delay:0s,0s,60ms,60ms}
.shipping-menu.is-open .shipping-options>button:nth-of-type(3){transition-delay:0s,0s,110ms,110ms}
.shipping-options>button:hover,.shipping-options>button:focus-visible{background:#edf4e9;border-color:#e0e9d7}
.shipping-icon{display:grid;place-items:center;width:40px;height:40px;background:#eef4e9;border:1px solid #e1e9d8;border-radius:4px;flex-shrink:0;transition:background .25s,color .25s}
.shipping-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.shipping-options>button:hover .shipping-icon{background:#1c673e;color:#fff;border-color:#1c673e}
.shipping-text{display:block;flex:1;min-width:0}
.shipping-text strong{display:block;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px;letter-spacing:-.01em}
.shipping-text small{font-size:10px;color:#7c8b7f;line-height:1.5;display:block}
.shipping-arrow{font-size:19px;color:#73917a;transition:transform .3s,color .3s}
.shipping-options>button:hover .shipping-arrow{transform:translate(2px,-2px);color:#268b39}
.shipping-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 23px;background:#f1f4eb;border-top:1px solid #e3eadd;border-radius:0 0 4px 4px}
.shipping-footer>span{font-size:10px;color:#7c897d}
.shipping-footer>button{border:0;background:none;color:#28653d;font-size:11px;font-weight:600;display:flex;align-items:center;gap:24px;padding:3px 0}
.shipping-footer>button:hover{color:#0b3e26}.shipping-footer>button>span{font-size:18px;color:#b48c15;transition:transform .3s}.shipping-footer>button:hover>span{transform:translate(2px,-2px)}
@media(min-width:701px) and (max-width:900px){.shipping-menu{width:540px;left:-120px;grid-template-columns:175px 1fr}.shipping-feature{padding:23px 19px}.shipping-feature h2{font-size:23px}.shipping-options{padding-inline:12px}.shipping-text small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.shipping-options>button{transform:none;opacity:1}}
.shipping-nav svg.shipping-route{width:155px;height:50px}
/* Final header and hero polish — retain the approved composition and timing. */
.navigation>a,.navigation>button,.shipping-nav>button{font-size:clamp(11px,.78vw,13px);min-height:40px}
.navigation{gap:clamp(17px,1.65vw,28px)}
.hero-copy>p{line-height:1.4;text-shadow:0 1px 6px #03263545}
.hero-shade{background:linear-gradient(0deg,#091c24a6 0%,#071d2726 37%,transparent 73%),linear-gradient(90deg,#06243440,transparent 65%)}
.shipment-tools{border:1px solid #ffffffcc;box-shadow:0 14px 40px #052d3b24}
.tool-tabs button{min-height:35px;line-height:1.4;font-weight:500;color:#626e67;transition:color .3s}
.tool-tabs button[aria-selected=true]{color:#1c6333}
.shipment-tools input{border-color:#e2e7e0;background:#f3f5f1;color:#233c2d;transition:border-color .25s,background .25s}
.shipment-tools input::placeholder{color:#727e75}
.shipment-tools input:focus{border-color:#5c9665;background:#fff;outline-offset:2px}
.tool-links button:last-child{color:#68776c}.help-circle{border-color:#829284}
.tool-links button{min-height:26px}
.shipping-text small{color:#617267;font-size:11px}
.shipping-group-label{color:#65786a}
.shipping-footer>span{color:#647366}
.shipping-feature h2{font-size:25px}
.shipping-footer>button{min-height:32px}
.shipping-options>button{min-height:75px}
.metrics strong{min-height:1.2em}
.metrics div>span{color:#dae1e2}
.metrics>div{background:#12242bb3;border:1px solid #ffffff0b}
.preview-note{color:#bdc8c9}
.action-button .button-square,.action-button>span:last-child,.shipment-tools [role=tabpanel]{will-change:auto}
.action-button:is(:hover,:focus-visible) .button-square,.action-button:is(:hover,:focus-visible)>span:last-child{will-change:transform}
@media(min-width:701px) and (max-width:1100px){.header{gap:20px}.navigation{gap:16px;margin-left:6px}.phone{display:none}.header-actions{gap:12px}.brand{width:115px}.hero-copy>p{font-size:11px}.shipping-text small{font-size:10px}}
@media(min-width:701px) and (max-height:650px){.hero{min-height:620px}.hero-copy{top:34%}.shipment-tools{top:42%}.hero-copy>p{margin-bottom:20px}}
@media(max-width:700px){.hero{min-height:100svh}.hero-photo{height:650px}.hero-copy{padding-top:205px}.hero-copy>p{font-size:12px;line-height:1.4}.shipment-tools{margin-top:54px;margin-bottom:20px}.metrics{margin-top:24px}.tool-tabs button{min-height:34px}.tool-links button{min-height:31px}.info-dialog .track-button{font-size:13px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.action-button .button-square,.action-button>span:last-child{will-change:auto!important}}

/* Responsive mobile drawer, with animated nested shipping links. */
.mobile-menu{padding:0;margin:0 0 0 auto;width:min(420px,calc(100% - 20px));height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;background:#0d352e;box-shadow:-16px 0 70px #001c2950;transform:translateX(103%);opacity:.8;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s;overscroll-behavior:contain}
.mobile-menu.is-visible{transform:translateX(0);opacity:1}
.mobile-menu::backdrop{background:#001923b3;backdrop-filter:blur(5px);opacity:0;transition:opacity .45s}
.mobile-menu.is-visible::backdrop{opacity:1}
.mobile-shell{height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.mobile-menu-head{flex-shrink:0;margin:0 25px;padding:23px 0 21px;border-bottom:1px solid #ffffff1a}
.mobile-menu-head img{width:125px;height:auto;display:block}
.mobile-menu-head>button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:50%;background:#ffffff08;color:#e1ece4;font-size:28px;line-height:1;transition:background .25s,transform .35s}
.mobile-menu-head>button:hover{background:#ffffff15;transform:rotate(90deg)}
.mobile-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:29px 25px 24px;scrollbar-width:thin;scrollbar-color:#487558 transparent}
.mobile-eyebrow{font-size:8px;letter-spacing:.17em;color:#d9b95e}
.mobile-menu h2{font-size:44px;font-weight:500;line-height:1;letter-spacing:-.05em;margin:15px 0 25px;color:#fff}.mobile-menu h2>span{color:#eab11b}
.mobile-menu .mobile-links{display:block;margin:0}
.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{width:100%;display:flex;align-items:center;justify-content:initial;gap:13px;text-align:left;padding:17px 0;min-height:58px;background:none;border:0;border-bottom:1px solid #ffffff19;color:#e7f0e9;font-size:17px;line-height:1.3;transition:color .25s,transform .5s,opacity .5s;transform:translateX(23px);opacity:0}
.mobile-menu.is-visible .mobile-links>a,.mobile-menu.is-visible .mobile-links>button,.mobile-menu.is-visible .mobile-shipping>button{transform:translateX(0);opacity:1;transition-delay:var(--delay,100ms)}
.mobile-links>a:nth-child(1){--delay:100ms}.mobile-shipping{--delay:150ms}.mobile-links>a:nth-child(3){--delay:200ms}.mobile-links>button:nth-child(4){--delay:250ms}.mobile-links>button:nth-child(5){--delay:300ms}
.mobile-menu .mobile-links .mobile-link-index{font-size:9px;letter-spacing:.08em;color:#739c86;width:16px;flex-shrink:0}
.mobile-menu .mobile-links .mobile-link-arrow,.mobile-shipping-plus{margin-left:auto;font-size:20px;color:#d9b555;font-weight:400}
.mobile-menu .mobile-links>[aria-current=page]{color:#efc95f}
.mobile-menu .mobile-links>a:hover,.mobile-menu .mobile-links>button:hover{color:#efc95f}
.mobile-shipping-plus{transition:transform .4s}.mobile-shipping>button[aria-expanded=true] .mobile-shipping-plus{transform:rotate(45deg)}
.mobile-shipping-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .4s}
.mobile-shipping-collapse.expanded{grid-template-rows:1fr;opacity:1}
.mobile-shipping-inner{overflow:hidden;min-height:0;padding:0 0 0 29px}
.mobile-shipping-inner>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:13px 0;background:none;border:0;border-bottom:1px solid #ffffff12;color:#d6e5db;text-align:left;font-size:13px}
.mobile-shipping-inner>button>span:last-child{color:#d9b555;font-size:17px}.mobile-shipping-inner small{display:block;font-size:10px;color:#94b29f;margin-top:5px}
.mobile-foot{flex-shrink:0;padding:20px 25px 19px;background:#092c27;border-top:1px solid #ffffff15}
.mobile-foot>p{font-size:8px;letter-spacing:.14em;color:#9db5a5;margin:0 0 12px}
.mobile-start{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:49px;border:0;background:#eab11b;color:#173c2a;padding:12px 16px;border-radius:2px;font-size:13px;font-weight:500}
.mobile-start>span:last-child{font-size:23px;line-height:1}.mobile-foot-links{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:15px}.mobile-foot-links>button{border:0;background:none;padding:4px 0;color:#c6d9cc;font-size:11px;min-height:26px}.mobile-foot-links>button>span{color:#e5bb47;margin-left:8px}.mobile-foot-links>span{font-size:9px;letter-spacing:.12em;color:#779b85}
@media(max-height:700px){.mobile-menu-head{padding-top:17px;padding-bottom:16px}.mobile-body{padding-top:23px}.mobile-menu h2{font-size:37px;margin-bottom:18px}.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{min-height:52px;padding-block:14px}.mobile-foot{padding-top:15px;padding-bottom:13px}}
@media(max-width:350px){.mobile-menu-head{margin-inline:20px}.mobile-body,.mobile-foot{padding-inline:20px}.mobile-menu h2{font-size:38px}.mobile-menu-head img{width:112px}}
@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu::backdrop,.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{transition:none!important}.mobile-menu.is-visible{transform:none}.mobile-menu.is-visible .mobile-links>a,.mobile-menu.is-visible .mobile-links>button,.mobile-menu.is-visible .mobile-shipping>button{opacity:1;transform:none}}
.mobile-menu .mobile-links>a>span:nth-child(2),.mobile-menu .mobile-links>button>span:nth-child(2),.mobile-shipping>button>span:nth-child(2){color:inherit}
/* Keep the mobile statistics on the hero photograph, not a solid color block. */
@media(max-width:700px){.hero-photo{height:100%;object-position:40% center}.hero-shade{background:linear-gradient(0deg,#08273330 0%,#092a3215 55%,transparent 85%),linear-gradient(90deg,#052b3845,transparent 90%)}.metrics>div{background:#10283073;border-color:#ffffff24;backdrop-filter:blur(4px)}.metrics div>span{color:#edf2f1}}
@media(max-width:700px){.hero-photo{height:100%;object-position:50% 50%}.hero-shade{background:linear-gradient(0deg,#08273324,transparent 55%),linear-gradient(90deg,#052b3840,transparent 95%)}}
/* Leave a clear photographic area for the truck on narrow screens. */
@media(max-width:700px){.hero-copy{padding-top:128px}.hero-copy .learn-more{margin-top:225px}.shipment-tools{margin-top:28px}.hero-photo{object-position:50% 50%}}

/* Compact mobile hero with a closer truck view. */
@media(max-width:700px){.hero-copy{padding-top:145px}.hero-copy .learn-more{margin-top:0}.shipment-tools{margin-top:38px}.hero-photo{transform:scale(1.18);transform-origin:50% 43%;object-position:50% center}}
/* Refined navigation cards and compact layouts for every mobile screen. */
.mobile-menu{width:min(410px,calc(100% - 16px));border-radius:14px 0 0 14px;background:linear-gradient(155deg,#123e34,#0b302b 70%)}
.mobile-menu-head{margin-inline:22px;padding-top:20px;padding-bottom:19px}
.mobile-menu-head>button{width:44px;height:44px;font-size:29px}
.mobile-body{padding:25px 18px 20px;scroll-padding-block:16px}
.mobile-eyebrow{padding-left:10px;font-size:8px;color:#d9bd6b}
.mobile-menu h2{padding-left:10px;margin:12px 0 25px;font-size:35px;line-height:1.1;letter-spacing:-.045em}
.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{border:1px solid transparent;border-radius:7px;padding:12px 12px;min-height:59px;margin-bottom:5px;font-size:16px;gap:13px}
.mobile-menu .mobile-links>[aria-current=page]{background:#ffffff09;border-color:#ffffff13;box-shadow:inset 2px 0 #eab11b;color:#f0ca69}
.mobile-menu .mobile-links>a:hover,.mobile-menu .mobile-links>button:hover,.mobile-shipping>button:hover{background:#ffffff08;border-color:#ffffff12}
.mobile-menu .mobile-links .mobile-link-index{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#ffffff07;border:1px solid #ffffff0a;color:#a9c9b6}
.mobile-link-index svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu .mobile-links>[aria-current=page] .mobile-link-index{background:#eab11b14;color:#efc45a;border-color:#eab11b25}
.mobile-shipping>button[aria-expanded=true]{background:#ffffff09;border-color:#ffffff15;color:#edc66c}
.mobile-shipping-inner{padding-left:57px;padding-right:12px}
.mobile-shipping-inner>button{font-size:13px;min-height:67px;border-bottom-color:#ffffff12}
.mobile-shipping-inner small{font-size:10px;line-height:1.5;color:#b0c8b8}
.mobile-shipping-collapse.expanded{margin-bottom:9px}
.mobile-menu .mobile-links .mobile-link-arrow{font-size:19px;color:#91b09a}
.mobile-menu .mobile-links>[aria-current=page] .mobile-link-arrow{color:#eab11b}
.mobile-foot{padding:17px 23px 15px;background:#092c27f5;box-shadow:0 -12px 25px #092c271f}
.mobile-foot>p{margin-bottom:11px;color:#bdd0c3}
.mobile-start{min-height:51px;border-radius:5px;padding-inline:16px;font-size:14px;transition:background .3s}
.mobile-start:hover{background:#f4c448}
.mobile-foot-links{margin-top:9px}
.mobile-foot-links>button{min-height:36px;font-size:11px}
@media(max-width:350px){.mobile-body{padding-inline:14px}.mobile-menu-head{margin-inline:20px}.mobile-menu h2{font-size:30px}.mobile-foot{padding-inline:20px}.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{font-size:15px;min-height:55px;padding:10px}}
@media(max-height:640px){.mobile-menu-head{padding-block:13px}.mobile-menu-head img{width:112px}.mobile-body{padding-top:18px}.mobile-menu h2{font-size:30px;margin:10px 0 16px}.mobile-menu .mobile-links>a,.mobile-menu .mobile-links>button,.mobile-shipping>button{min-height:52px;padding-block:9px}.mobile-foot{padding-top:13px;padding-bottom:10px}.mobile-foot>p{display:none}.mobile-foot-links{margin-top:4px}}
@media(max-height:450px){.mobile-menu-head{padding-block:10px}.mobile-menu-head img{width:103px}.mobile-body{padding-top:14px}.mobile-eyebrow{display:none}.mobile-menu h2{font-size:25px;margin:0 0 13px}.mobile-foot-links{display:none}.mobile-foot{padding-block:12px}.mobile-start{min-height:45px}}
/* The same two-line menu control becomes the drawer close control. */
.menu-toggle>span{transition:transform .45s cubic-bezier(.22,1,.36,1);transform-origin:center}
.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-toggle-slot{width:44px;height:44px;display:grid;place-items:center}
.mobile-toggle-slot .menu-toggle{display:grid;align-content:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #ffffff2a;border-radius:50%;background:#ffffff08;padding:0;color:#e1ece4}
.mobile-toggle-slot .menu-toggle>span{height:1px;width:23px;background:#fff;display:block}
.mobile-toggle-slot .menu-toggle:hover{background:#ffffff15}
/* The panel slides independently while the original toggle stays stationary. */
.mobile-menu{transform:none;opacity:1;transition:none;background:transparent;box-shadow:none;overflow:visible;border-radius:0}
.mobile-shell{background:linear-gradient(155deg,#123e34,#0b302b 70%);border-radius:14px 0 0 14px;overflow:hidden;transform:translateX(103%);transition:transform .55s cubic-bezier(.22,1,.36,1);box-shadow:-16px 0 70px #001c2950}
.mobile-menu.is-visible .mobile-shell{transform:translateX(0)}
.mobile-menu>.menu-toggle[data-floating-toggle]{position:fixed;left:var(--toggle-left);top:var(--toggle-top);width:var(--toggle-width);height:var(--toggle-height);display:grid;align-content:center;justify-content:center;gap:6px;border:0;border-radius:0;background:none;padding:4px;z-index:2;opacity:1;visibility:visible;transform:none}
.mobile-menu>.menu-toggle[data-floating-toggle]::before{content:'';position:absolute;inset:-6px}
.mobile-menu>.menu-toggle[data-floating-toggle]>span{display:block;width:23px;height:1px;background:white}
@media(prefers-reduced-motion:reduce){.mobile-shell{transition:none}}
.mobile-menu.is-visible{transform:none;opacity:1}
/* Both layers keep identical geometry; no DOM relocation or late icon reset. */
.drawer-menu-toggle{position:fixed;left:var(--toggle-left);top:var(--toggle-top);width:var(--toggle-width);height:var(--toggle-height);display:grid;align-content:center;justify-content:center;gap:6px;border:0;border-radius:0;background:transparent;padding:4px;z-index:2;color:white;appearance:none}
.drawer-menu-toggle::before{content:'';position:absolute;inset:-6px}
.drawer-menu-toggle>span{display:block;width:23px;height:1px;background:#fff;transform-origin:center;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.menu-toggle>span{transition:transform .55s cubic-bezier(.22,1,.36,1)}
.drawer-menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.drawer-menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.drawer-menu-toggle:focus:not(:focus-visible),.menu-toggle:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){.drawer-menu-toggle>span{transition:none}}
.whatsapp-link{transition:background .25s,color .25s}.whatsapp-link:hover{background:#176c40;color:#fff}.phone.whatsapp-link svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.25}.mobile-whatsapp{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;color:#d6eadc}.mobile-whatsapp svg{width:19px;height:19px;fill:none;stroke:#9fe1ad;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.mobile-whatsapp:hover{color:#a8e7b4}
/* Use the standard WhatsApp glyph and center icon/text on the same row. */
.phone.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:12px 14px;font-size:12px;line-height:1;box-sizing:border-box}
.phone.whatsapp-link>svg,.mobile-whatsapp>svg{display:block;width:20px;height:20px;flex:0 0 20px;fill:currentColor;stroke:none;vertical-align:middle}
.phone.whatsapp-link>span,.mobile-whatsapp>span{display:block;line-height:1.15;white-space:nowrap}
.mobile-whatsapp{display:inline-flex;align-items:center;gap:9px;min-height:44px;line-height:1}
@media(max-width:1100px){.phone.whatsapp-link{display:none}}
/* Business-specific copy fits the approved hero composition. */
.hero-copy>p{max-width:390px;text-wrap:pretty}
.metrics strong{font-size:clamp(22px,1.9vw,30px);font-variant-numeric:normal;letter-spacing:-.025em}
@media(max-width:700px){.hero-copy>p{max-width:315px}.metrics strong{font-size:clamp(20px,5.6vw,24px)}.metrics div>span{font-size:9px}}

/* Restore approved count-up statistics. */
.metrics strong{font-size:clamp(24px,2.15vw,38px);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hero-copy>p{max-width:405px}@media(max-width:700px){.metrics strong{font-size:27px}.metrics div>span{font-size:10px}.hero-copy>p{max-width:320px}}
/* Fixed navigation over the hero, with a readable background after scrolling. */
.header{position:fixed;top:0;left:0;right:0;width:100%;padding:30px 4.5%;min-height:105px;transition:background .3s,box-shadow .3s;box-sizing:border-box}
.header.is-scrolled{background:#103b30f5;box-shadow:0 2px 18px #001f2826;backdrop-filter:blur(12px)}
@media(min-width:701px){.header{top:0;left:0;right:0}}
@media(max-width:1100px) and (min-width:701px){.header{padding:24px 4.5%;min-height:91px}}
@media(max-width:700px){.header{top:0;left:0;right:0;padding:24px 20px;min-height:91px}}
/* Compact sticky bar: lighter proportions and consistent control alignment. */
.header{min-height:0;padding:26px 4.5%;border-bottom:1px solid transparent;transition:padding .4s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s,border-color .35s}
.header .brand{transition:width .4s cubic-bezier(.22,1,.36,1)}
.header.is-scrolled{padding:12px 4.5%;min-height:72px;background:#103b30;backdrop-filter:blur(12px);border-bottom-color:#ffffff13;box-shadow:0 5px 20px #001e2520}
.header.is-scrolled .brand{width:110px}
.header.is-scrolled .navigation>a[aria-current=page]{color:#efc75d}
.header.is-scrolled .phone.whatsapp-link{min-height:41px;padding:10px 12px;background:#ffffff05;border:1px solid #ffffff24;border-radius:4px;font-size:11px}
.header.is-scrolled .phone.whatsapp-link:hover{background:#ffffff12;border-color:#ffffff45}
.header.is-scrolled .header-start{min-height:41px;padding:5px 13px 5px 5px;gap:11px;border-radius:4px;background:#eab11b;color:#153d29;font-size:11px}
.header.is-scrolled .header-start .button-square{width:30px;height:30px;background:#fffdf5;color:#245c37}
.header.is-scrolled .header-start:hover{background:#26863a;color:#fff}
.header.is-scrolled .header-start:hover .button-square{background:#fffdf5}
@media(min-width:701px) and (max-width:1100px){.header{padding:23px 4.5%}.header.is-scrolled{padding:11px 4.5%;min-height:68px}.header.is-scrolled .brand{width:105px}}
@media(max-width:700px){.header{padding:23px 20px;min-height:0}.header.is-scrolled{padding:12px 20px;min-height:66px;background:#103b30}.header.is-scrolled .brand{width:102px}.header.is-scrolled .header-start{min-height:35px;padding:4px 9px 4px 4px;gap:7px;font-size:10px}.header.is-scrolled .header-start .button-square{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.header,.header .brand{transition:none}}
/* Section 02, inspired by the reference's off-white editorial service rows. */
.header{z-index:70}
.about-shipping{position:relative;background:#f8f6ef;color:#1f2925;padding:96px 0 88px;scroll-margin-top:85px}
.about-wrap{width:91%;max-width:1440px;margin-inline:auto}
.about-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.06em;color:#365640;background:#eeeee5;padding:7px 10px;line-height:1.2}
.about-eyebrow>span{width:17px;height:17px;background:#204c37;color:#f1cf73;display:grid;place-items:center;font-size:14px}
.about-shipping h2{font-size:clamp(29px,3.2vw,47px);font-weight:500;line-height:1.12;letter-spacing:-.042em;margin:32px 0 64px;max-width:1180px;text-wrap:pretty}
.about-row{border-bottom:1px solid #d9ded3}
.about-row h3{margin:0;font-weight:400}
.about-row-toggle{width:100%;display:grid;grid-template-columns:1.05fr 1.3fr auto;align-items:start;gap:35px;border:0;background:none;padding:35px 0 37px;text-align:left;color:#222e26}
.about-row-title{font-size:clamp(17px,1.5vw,23px);font-weight:500;line-height:1.25;letter-spacing:-.035em;padding-top:2px;transition:color .3s}
.about-tags{display:flex;flex-wrap:wrap;gap:12px 9px;max-width:470px;padding-right:15px}
.about-tags>span{font-size:9px;line-height:1.2;letter-spacing:.02em;color:#617064;background:#eeefe7;padding:6px 8px;font-weight:400;white-space:nowrap}
.about-more{display:flex;gap:18px;align-items:center;justify-content:flex-end;font-size:10px;line-height:1.5;color:#5b6c5d;padding-top:3px;white-space:nowrap}
.about-plus{width:14px;height:14px;position:relative;display:block;flex-shrink:0}
.about-plus::before,.about-plus::after{content:'';position:absolute;left:1px;right:1px;top:6px;height:1px;background:#46624b;transition:transform .45s,background .3s}
.about-plus::after{transform:rotate(90deg)}
.about-row-toggle[aria-expanded=true] .about-plus::after{transform:rotate(0deg)}
.about-row-toggle:is(:hover,[aria-expanded=true]) .about-row-title{color:#21813d}
.about-row-toggle:hover .about-more{color:#23633a}
.about-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .4s}
.about-panel.is-open{grid-template-rows:1fr;opacity:1}
.about-panel-inner{min-height:0;overflow:hidden}
.about-detail{width:calc(100% - 42%);padding:0 0 31px;margin-left:42%;max-width:650px}
.about-detail p{font-size:14px;line-height:1.8;color:#5f6b61;margin:0 0 17px;max-width:590px}
.about-text-link{display:inline-flex;align-items:center;gap:24px;color:#275c38;font-size:12px;line-height:1.5;font-weight:500;background:none;border:0;padding:6px 0;min-height:33px;transition:color .25s}
.about-text-link>span{font-size:20px;color:#b08a20;transition:transform .3s}
.about-text-link:hover>span{transform:translate(2px,-2px)}
.about-text-link:hover{color:#198634}
.about-reveal{opacity:0;transform:translateY(20px);transition:opacity .75s,transform .85s cubic-bezier(.22,1,.36,1)}
.about-reveal.is-revealed{opacity:1;transform:none}
@media(min-width:1700px){.about-shipping{padding-top:115px;padding-bottom:105px}.about-row-toggle{padding-block:42px}}
@media(max-width:1000px){.about-shipping{padding:74px 0}.about-shipping h2{margin-bottom:42px}.about-row-toggle{gap:24px;grid-template-columns:1fr 1.1fr auto;padding-block:29px}.about-tags{padding-right:0;gap:9px 7px}.about-tags>span{font-size:8px}.about-more{gap:12px;font-size:9px}.about-detail{margin-left:39%;width:61%}}
@media(max-width:700px){.about-shipping{padding:59px 20px 54px;scroll-margin-top:74px}.about-wrap{width:100%}.about-eyebrow{font-size:8px;padding:6px 8px}.about-eyebrow>span{width:15px;height:15px}.about-shipping h2{font-size:clamp(27px,6.9vw,37px);line-height:1.14;letter-spacing:-.04em;margin:27px 0 30px}.about-row-toggle{grid-template-columns:1fr auto;gap:15px 12px;padding:25px 0}.about-row-title{font-size:17px;grid-column:1;grid-row:1}.about-tags{grid-row:2;grid-column:1/-1;max-width:none;gap:8px 6px}.about-tags>span{font-size:8px;padding:6px 7px}.about-more{grid-column:2;grid-row:1;font-size:9px;gap:10px;padding-top:4px}.about-detail{width:100%;margin-left:0;padding-bottom:25px}.about-detail p{font-size:13px;line-height:1.75}.about-text-link{font-size:12px;min-height:40px}.about-plus{width:12px}}
@media(max-width:350px){.about-shipping{padding-inline:17px}.about-row-title{font-size:15px}.about-more{font-size:8px;gap:8px}.about-shipping h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.about-panel,.about-plus::after,.about-reveal{transition:none}.about-reveal{opacity:1;transform:none}}