.hero [data-parallax]{will-change:transform}.hero .inner{z-index:2;position:relative}.roads{background:var(--blue-deep);color:#fff;padding:38px 0 42px}.roads .rhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.roads h2{font:600 clamp(20px,2.4vw,26px)/1.2 var(--head);color:#fff;margin:0}.roads .stamp{font:400 13.5px/1.5 var(--body);color:#ffffffb8;margin:0}.roads .stamp b{color:var(--blue-tint);font-weight:600}.rlist{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.rlist li{border-radius:var(--radius);background:#ffffff12;border:1px solid #fff3;padding:20px 22px 22px}.rlist .hwy{align-items:baseline;gap:10px;margin:0 0 10px;display:flex}.rlist .shield{font:700 13px/1 var(--head);letter-spacing:.06em;color:var(--blue-deep);background:var(--blue-tint);border-radius:2px;flex:none;padding:7px 9px}.rlist .via{font:400 13.5px/1.4 var(--body);color:#ffffffb8}.rlist .state{font:500 16px/1.5 var(--body);color:#fff;margin:0}.rlist .state.clear:before{content:"";vertical-align:middle;background:#7fd4a0;border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.rlist .state.chains:before,.rlist .state.restricted:before,.rlist .state.unknown:before{content:"";vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.rlist .state.chains:before,.rlist .state.restricted:before{background:#f2b84b}.rlist .state.unknown:before{background:#ffffff80}.rlist .detail{font:400 14px/1.55 var(--body);color:#ffffffc7;margin:10px 0 0}.rlist .detail a{color:var(--blue-tint)}.roads .caltrans{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin:22px 0 0;display:flex}.roads .caltrans p{font:400 14.5px/1.6 var(--body);color:#ffffffb8;flex:420px;margin:0}.roads .caltrans a{color:var(--blue-tint)}.checkin{background:var(--blue-wash);border-radius:var(--radius);margin:0 0 40px;padding:30px 32px}.checkin p:last-child{margin-bottom:0}.arrive{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin-top:8px;display:grid}.arrive>div{border-bottom:1px solid var(--line);padding:28px 28px 28px 0}.arrive>div+div{border-left:1px solid var(--line);padding-left:28px}.arrive .big{font:600 clamp(30px,3.6vw,40px)/1.05 var(--head);color:var(--blue-ink);letter-spacing:-.02em;margin:0 0 8px}.arrive h3{font:600 12px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);margin:0 0 14px}.arrive p{color:#3a3537;margin:0;font-size:16px}.routes{gap:18px;margin:0;padding:0;list-style:none;display:grid}.route{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;padding:26px 28px 28px;display:grid}.route .rname{font:600 19px/1.25 var(--head);color:var(--black);margin:0 0 6px}.route .rfor{font:600 11px/1 var(--head);letter-spacing:.13em;text-transform:uppercase;color:var(--blue-ink);margin:0 0 12px}.route p{color:#3a3537;margin:0;font-size:16px}.route .diagram{width:100%;height:auto}.route .note{color:var(--gray-text);margin-top:12px;font-size:15px}.route.easiest{border-color:var(--blue);border-left-width:3px}.route .tagbest{font:600 10px/1 var(--head);letter-spacing:.13em;text-transform:uppercase;color:#fff;background:var(--blue-ink);border-radius:2px;margin:0 0 12px;padding:6px 9px;display:inline-block}.levels{grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.levels li{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff3d;padding:22px 24px}.levels .lv{font:700 15px/1 var(--head);letter-spacing:.05em;color:var(--blue-tint);margin:0 0 12px}.levels p{color:#ffffffe0;margin:0;font-size:15.5px;line-height:1.6}.pack{grid-template-columns:1fr 1fr;gap:0 42px;margin:0;padding:0;list-style:none;display:grid}.pack li{border-bottom:1px solid var(--line);grid-template-columns:22px 1fr;align-items:start;gap:13px;padding:14px 0;font-size:16.5px;display:grid}.pack li svg{margin-top:4px}.gap{font:600 12.5px/1.5 var(--head);color:#7a5410;white-space:nowrap;background:#fff6e5;border:1px dashed #c8912f;border-radius:2px;padding:2px 7px}.pinact{height:440vh;padding:0}.pinstage{align-items:center;min-height:100vh;padding:142px 0 60px;display:flex;position:sticky;top:0}.pinhead{max-width:660px;margin-bottom:40px}.pinbody{min-height:330px;position:relative}.cue{opacity:0;pointer-events:none;transition:opacity .52s var(--ease),transform .52s var(--ease);grid-template-columns:1fr 1.05fr;align-items:center;gap:44px;display:grid;position:absolute;inset:0;transform:translateY(26px)}.cue.on{opacity:1;pointer-events:auto;transform:none}.cue.was{transform:translateY(-26px)}.cue .rname{font:600 clamp(24px,3vw,34px)/1.15 var(--head);letter-spacing:-.015em;color:var(--black);margin:0 0 10px}.cue .rfor{font:600 11px/1 var(--head);letter-spacing:.13em;text-transform:uppercase;color:var(--blue-ink);margin:0 0 14px}.cue p{color:#3a3537;max-width:46ch;margin:0;font-size:17.5px}.cue .tagbest{font:600 10px/1 var(--head);letter-spacing:.13em;text-transform:uppercase;color:#fff;background:var(--blue-ink);border-radius:2px;margin:0 0 14px;padding:6px 9px;display:inline-block}.cue .diagram{width:100%;height:auto}.cue .diagram path{stroke-dasharray:var(--len,600);stroke-dashoffset:calc(var(--len,600) * (1 - var(--sc-q,0)))}.cue:not(.on) .diagram path{stroke-dashoffset:var(--len,600)}.pindots{gap:9px;margin:38px 0 0;padding:0;list-style:none;display:flex}.pindots li{background:var(--line);width:26px;height:3px;transition:background .32s var(--ease);border-radius:2px}.pindots li.on{background:var(--blue-ink)}.gpsnote{padding-top:0}@media (max-width:1000px){.pinact{height:auto;padding:84px 0}.pinstage{min-height:0;padding:0;display:block;position:static}.pinbody{gap:26px;min-height:0;display:grid}.cue{opacity:1;pointer-events:auto;border-top:1px solid var(--line);grid-template-columns:1fr;gap:20px;padding:24px 0;position:static;transform:none}.cue .diagram path{stroke-dashoffset:0}.pindots{display:none}.gpsnote{padding-top:0}}.roads{position:relative;overflow:hidden}.roads:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#4d90cd4d,#4d90cd00 70%);height:320px;position:absolute;inset:auto -10% -60% 40%}.roads .wrap{z-index:1;position:relative}@media (max-width:1000px){.rlist{grid-template-columns:1fr}.route{grid-template-columns:1fr;gap:20px}.arrive{grid-template-columns:1fr}.arrive>div{padding:22px 0}.arrive>div+div{border-left:0;padding-left:0}.levels{grid-template-columns:1fr}.pack{grid-template-columns:1fr;gap:0}}@media (max-width:640px){.checkin{padding:24px 22px}.roads .rhead{flex-direction:column;align-items:flex-start;gap:8px}}