/* Shared navigation and the concise public homepage. */
:root{--contact-dock-space:calc(6rem + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:var(--contact-dock-space)}
.has-contact-dock{padding-bottom:var(--contact-dock-space)}
.fa :focus-visible{scroll-margin-block:110px var(--contact-dock-space)}
.contact-dock{position:fixed;inset:auto 0 0;z-index:25;background:#fff;border-top:1px solid var(--line);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 14px rgba(15,37,65,.06)}
.contact-dock>.wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px}
.dock-hours{font-size:14px;color:var(--muted)}
.dock-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;min-width:0}
.dock-primary{background:var(--green);color:#fff;min-height:48px}
.dock-primary:hover{background:var(--navy);color:#fff}
.dock-alternative{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:600;text-underline-offset:4px}
.navigation-open .contact-dock{visibility:hidden}
body:has(input:focus,select:focus,textarea:focus) .contact-dock{display:none}
.channel-primary{border-color:var(--gold-light);background:var(--gold);color:var(--navy-deep)}
.channel-primary small,.channel-primary .ci{color:var(--navy-deep)}
a.channel-primary:hover{background:var(--gold-light);color:var(--navy-deep)}
.channel-primary small{font-weight:600}
.arrival-footer{flex-wrap:wrap}
.arrival-footer>.btn{margin-block:4px}
.island-guidance>.text-link{font-size:14px;margin-top:10px}
.hero-contact-links{overflow-wrap:anywhere}
.shipment-extra{display:flex;flex-wrap:wrap;gap:4px 28px;border-top:1px solid var(--line);padding-top:18px;margin-top:28px!important;font-size:15px}
.shipment-extra a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:4px}
.shipment-breadcrumb{font-size:14px;color:var(--muted)}
.shipment-breadcrumb a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:4px}
.shipment-page .guide-source-note h3{font-size:25px;color:var(--navy);margin-bottom:12px}
@media(max-width:680px){
 .dock-hours{display:none}
 .contact-dock>.wrap{justify-content:center}
 .dock-actions{gap:6px 18px;justify-content:center;width:100%}
 .dock-primary{font-size:.9375rem;padding-inline:18px;white-space:nowrap}
 .dock-alternative{font-size:.875rem;white-space:nowrap}
}
@media print{.contact-dock{display:none}.has-contact-dock{padding-bottom:0}}
.nav [aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.optional-shipment{grid-column:1/-1;border-block:1px solid var(--line)}
.optional-shipment>summary{cursor:pointer;min-height:52px;padding:14px 4px;color:var(--green);font-weight:600;font-size:16px}
.optional-shipment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;padding:12px 0 24px}
.footer-top nav{max-width:650px}
.f-links a{min-height:44px;display:inline-flex;align-items:center}
.short-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,68px);padding:clamp(44px,6vw,76px) clamp(16px,4vw,40px)}
.short-hero h1{font-size:clamp(44px,5.5vw,72px);margin:20px 0}
.short-hero .lede{max-width:38ch;font-size:19px}
.short-hero .hero-cta{margin-top:26px}
.hero-contact-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:14px;font-size:15px}
.hero-contact-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-underline-offset:4px}
.hero-contact-links a:hover{color:var(--gold-light)}
.hero-photo{margin:0;min-width:0}
.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.hero-photo figcaption{font-size:12px;line-height:1.5;color:var(--on-navy);margin-top:10px}
.hero-photo figcaption a{color:var(--on-navy);text-underline-offset:2px}
.hero-photo figcaption a:hover{color:#fff}
.home-page .section{padding:clamp(44px,5.5vw,72px) 0}
.home-page .sec-head{margin-bottom:28px}
.home-page .sec-head h2{margin:0;font-size:clamp(32px,3.8vw,46px)}
.agency-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;align-items:center}
.agency-summary h2{font-size:clamp(32px,3.8vw,46px);color:var(--navy);margin-top:16px;max-width:16ch}
.agency-summary p{color:var(--muted);max-width:54ch}
.agency-summary p+p{margin-top:12px}
.agency-summary strong{color:var(--navy);font-weight:600}
.service-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px;list-style:none;margin:32px 0 0;padding:24px 0;border-block:1px solid var(--line);font-size:16px;font-weight:500;color:var(--green)}
.process-summary{padding-top:30px}
.process-summary h3{font-size:27px;color:var(--navy)}
.process-summary ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px;padding:0;list-style:none;counter-reset:process;margin:24px 0 16px}
.process-summary li{counter-increment:process;position:relative;padding-left:32px}
.process-summary li::before{content:counter(process) ".";position:absolute;left:0;font-family:"Newsreader",Georgia,serif;font-size:25px;color:var(--gold-ink);line-height:1.1}
.process-summary strong,.process-summary span{display:block}
.process-summary strong{font-weight:600;font-size:16px;color:var(--navy)}
.process-summary span{font-size:15px;line-height:1.5;color:var(--muted);margin-top:5px}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:4px}
.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.topic-links article{display:flex;flex-direction:column;border-top:2px solid var(--gold);padding-top:24px;min-width:0;scroll-margin-top:110px}
.topic-links h3{font-size:28px;color:var(--navy)}
.topic-links p{flex:1;margin:12px 0 10px;color:var(--muted);font-size:16px;max-width:40ch}
.topic-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px;text-underline-offset:4px}
.faq-layout{max-width:850px}
.faq-layout .faq{min-width:0}
.home-questions .faq summary{font-size:22px;padding:21px 4px;min-height:64px}
.home-questions .faq summary span{font-family:"Hanken Grotesk",sans-serif;font-size:22px;flex-shrink:0;width:28px;text-align:center}
.home-questions .faq details[open] summary span{transform:rotate(45deg)}
.home-questions .faq .ans{font-size:16px}
.contact-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 70px;align-items:center}
.compact-contact h2{font-size:clamp(34px,4vw,50px);margin:0;max-width:18ch}
.compact-contact p{color:var(--on-navy);margin-top:18px;max-width:42ch}
.compact-contact .directions{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-underline-offset:4px;margin-top:10px}
.contact-options{display:flex;align-items:flex-start;flex-direction:column;gap:2px}
.contact-options>a:not(.btn){color:#fff;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px;overflow-wrap:anywhere;max-width:100%}
.contact-options>a:not(.btn):hover,.compact-contact .directions:hover{color:var(--gold-light)}
.contact-options .btn{margin-bottom:10px}
@media(max-width:1120px){
 html.navigation-open,body.navigation-open{overflow:hidden}
 .header.menu-active{position:fixed;inset:0 0 auto;z-index:40}
 .header.menu-active .wrap{position:static}
 .header.menu-active .nav.open{position:fixed;inset:84px 0 0;height:calc(100dvh - 84px);border:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;padding:16px clamp(16px,4vw,40px) max(32px,env(safe-area-inset-bottom));background:#fff;justify-content:flex-start}
 .header.menu-active .nav a.nl{min-height:60px;display:flex;align-items:center;font-size:19px;padding:16px 8px}
 .header.menu-active .nav .btn{min-height:52px;flex-shrink:0;margin-top:24px}
 .service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .short-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .short-hero h1{max-width:18ch}
 .hero-photo{max-width:620px}
 .agency-summary{grid-template-columns:minmax(0,1fr);gap:22px}
 .agency-summary h2{max-width:24ch}
 .faq-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .contact-summary{grid-template-columns:minmax(0,1fr);gap:24px}
 .contact-options{align-items:flex-start}
 .topic-links{gap:24px}
 .topic-links h3{font-size:25px}
}
@media(max-width:680px){
 .optional-shipment-fields{grid-template-columns:minmax(0,1fr)}
 .header .wrap{gap:12px}
 .header.menu-active .nav.open{top:72px;height:calc(100dvh - 72px)}
 .brand{gap:10px}
 .brand-sub{letter-spacing:.1em;font-size:10px}
 .menu-btn{flex-shrink:0}
 .hero-contact-links{gap:0 20px}
 .hero-contact-links a{font-size:14px}
 .short-hero .lede{font-size:18px}
 .service-summary{font-size:15px;gap:18px}
 .process-summary ol{grid-template-columns:minmax(0,1fr);gap:18px}
 .topic-links{grid-template-columns:minmax(0,1fr);gap:24px}
 .topic-links article{padding-top:20px}
 .topic-links h3{font-size:27px}
 .contact-options{width:100%}
 .contact-options .btn{width:100%}
 .footer-top{gap:24px;padding:32px 0 24px}
 .f-links{gap:0 22px}
 .home-questions .faq summary{font-size:20px}
}