#main-content.destination-us-virgin-islands{& :is(.vi-island,.vi-handover,.vi-customs,.vi-support,.vi-faq){isolation:isolate;padding:clamp(2rem,3vw,3rem) var(--public-page-gutter);position:relative;overflow:hidden}& :is(h2,h3){font-family:var(--public-display-font);letter-spacing:-.035em;font-weight:750}& h2{margin:.6rem 0 1rem;font-size:clamp(1.9rem,3vw,3rem);line-height:1.12}& h3{margin:.4rem 0 .65rem;font-size:1.4rem;line-height:1.25}& p{font-size:1rem;line-height:1.7}& .destination-detail__hero{isolation:isolate;background:radial-gradient(at 18% 0,#0c4a63,#0000 60%),#031e33;position:relative}& .destination-detail__hero:before{z-index:-1;content:"";border:1px solid #3c819b33;border-radius:50%;width:51rem;height:28rem;position:absolute;top:4rem;right:-8rem;transform:rotate(-23deg);box-shadow:0 0 0 4rem #16738a0a,0 0 0 4.05rem #3c819b22}& .vi-panel-heading{font-family:var(--public-display-font);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-weight:750;display:flex}& .country-hero-panel>.vi-hero-note{grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}& .country-hero-panel>.vi-hero-note>span{float:none;color:#031e33;background:#ffb000;border-radius:50%;place-items:center;width:2rem;height:2rem;margin:0;font-size:1.3rem;line-height:1;display:grid}& .vi-hero-note strong{color:#fff;font-family:var(--public-display-font);font-size:1.2rem;font-weight:750;line-height:1.4;display:block}& .vi-hero-note p{margin:.5rem 0 0}& .vi-section-nav{padding:1rem var(--public-page-gutter);background:#09293e;border-block:1px solid #27536a;flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}& .vi-section-nav a{color:#dceef9;text-underline-offset:.3rem;padding:.6rem 0;font-size:1rem;font-weight:750}& :is(.vi-island,.vi-faq){color:#07283e;background:#fff}& :is(.vi-island,.vi-handover,.vi-faq) .atlas-kicker{color:#006b82}& :is(.vi-island,.vi-handover,.vi-faq) p{color:#385c76}& .vi-label{font-family:var(--public-display-font);letter-spacing:.08em;text-transform:uppercase;color:#8cddf5;font-size:.85rem;font-weight:750}& :is(.vi-island,.vi-handover) .vi-label{color:#006b82}& .vi-island{background:radial-gradient(at 100% 100%,#eaf6fb,#0000 65%),#fff;grid-template-columns:1.15fr .85fr;gap:3rem;display:grid}& .vi-island-names{border-block:1px solid #b7d5e1;flex-wrap:wrap;gap:1rem 2rem;margin:1.4rem 0;padding:1.1rem 0;list-style:none;display:flex}& .vi-island-names li{font-family:var(--public-display-font);color:#006b82;font-size:1.35rem;font-weight:750}& .vi-address-note{background:#edf7fb;border-top:3px solid #0088a7;border-radius:0 0 1.5rem 1.5rem;align-self:center;padding:1.5rem 2rem;position:relative;transform:translateY(1rem)}& .vi-address-note:before{content:"";border-top:2px solid #b78300;border-radius:50%;width:3rem;height:1rem;position:absolute;top:-1.2rem;right:1.5rem}& .vi-handover{color:#07283e;background:linear-gradient(145deg,#eff7fb,#f8fbfd)}& .vi-handover>header{max-width:60rem}& .vi-handover-spread{grid-template-columns:1.15fr .85fr;gap:3rem;margin-top:1.5rem;display:grid}& .vi-handover article{border-top:2px solid #0086a6;padding-top:1rem}& .vi-handover article+article{border-color:#b78300}& .vi-customs{color:#fff;background:radial-gradient(at 95% 0,#155c69,#0000 65%),#063d49;grid-template-columns:1.1fr .9fr;gap:3rem;display:grid}& .vi-customs p{color:#d8edf2}& .vi-customs aside{background:#092e3bbd;border-left:3px solid #ffb000;border-radius:0 1.5rem 1.5rem 0;align-self:center;padding:1.5rem 2rem}& .vi-customs a{color:#a9e8ff;text-underline-offset:.25rem;margin:.6rem 0;font-weight:750;display:inline-block}& .vi-support{color:#fff;background:radial-gradient(at 0 100%,#0a4256,#0000 65%),#051e31}& .vi-support>header{max-width:58rem}& .vi-support p{color:#c9e0ee}& .vi-packing-spread{grid-template-columns:1.15fr .85fr;gap:3rem;margin-top:1.5rem;display:grid}& .vi-packing-spread aside{background:linear-gradient(145deg,#103b4e,#082738);border:1px solid #315e73;border-radius:1.5rem;align-self:start;padding:1.5rem 2rem}& .vi-feature-actions{gap:.75rem;margin-top:1.5rem;display:grid}& .vi-feature-actions a{color:#031e33;min-height:56px;font-family:var(--public-display-font);background:#02acfd;border:1px solid #02acfd;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.2rem;font-size:16px;font-weight:750;line-height:1.4;text-decoration:none;display:flex}& .vi-feature-actions a:hover{background:#56c9ff}& .vi-service-paths{border-top:1px solid #315e73;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.7rem;padding-top:1rem;display:grid}& .vi-service-paths a{color:#fff;border-left:2px solid #1683a0;padding-left:1.2rem;text-decoration:none;display:block}& .vi-service-paths strong{font-family:var(--public-display-font);margin:.4rem 0 .6rem;font-size:1.3rem;font-weight:750;display:block}& .vi-service-paths span{color:#c9e0ee;font-size:1rem;line-height:1.7;display:block}& .vi-service-paths b{color:#8cddff;margin-top:.7rem;font-size:1rem;display:block}& .vi-service-paths a:hover b{text-decoration:underline}& .vi-faq{grid-template-columns:.8fr 1.2fr;gap:3rem;display:grid}& .vi-faq details{border-bottom:1px solid #b7d5e1;padding:1.1rem 0}& .vi-faq summary{cursor:pointer;font-family:var(--public-display-font);font-size:1.1rem;font-weight:750;line-height:1.5}& .vi-faq details p{margin:.8rem 0 0}& .vi-faq a{color:#005c82;text-underline-offset:.2rem}& :is(a,summary,button):focus-visible{outline-offset:4px;outline:3px solid #ffb000}@media (width<=1000px){& :is(.vi-island,.vi-customs,.vi-faq){grid-template-columns:1fr;gap:1.5rem}& .vi-address-note{transform:none}& .vi-handover-spread,& .vi-packing-spread{gap:1.5rem}}@media (width<=680px){& :is(.vi-handover-spread,.vi-packing-spread,.vi-service-paths){grid-template-columns:1fr;gap:1.25rem}& :is(.vi-address-note,.vi-customs aside,.vi-packing-spread aside){padding:1.25rem}& .vi-section-nav{gap:.3rem 1.2rem}}@media (forced-colors:active){& :is(a,summary,button):focus-visible{outline-color:highlight}& .vi-feature-actions a{border:1px solid buttontext}}}