.sc-pack{--sc-orange:var(--trojan-orange,#f58327);--sc-cyan:var(--trojan-blue,#3ecdf3);--sc-panel:var(--panel,#11161a);--sc-card:var(--card,#161616);--sc-line:var(--line,#30363b);--sc-border:var(--border,#2a2a2a);--sc-ink:#f5f4f0;--sc-muted:#bdc3c7;--sc-top:130px;overflow-clip-margin:10px;color:var(--sc-ink);padding-block:clamp(48px,7vw,88px);position:relative;overflow-x:clip}.sc-pack-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.sc-pack-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.sc-pack .sc-pack-eyebrow{letter-spacing:.09em;color:var(--sc-orange);margin:0;font-size:.875rem;line-height:1.4}.sc-pack .sc-pack-title{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;color:var(--sc-ink);margin:0;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.12}.sc-pack .sc-pack-intro{color:var(--sc-muted);max-width:46ch;margin:0;font-size:1rem;line-height:1.6}.sc-pack-steps{margin-top:2px;padding-left:34px;position:relative}.sc-pack-rail{background:var(--sc-line);border-radius:2px;width:2px;position:absolute;top:13px;bottom:0;left:6px}.sc-pack-rail>i{border-radius:inherit;background:var(--sc-orange);transform-origin:top;position:absolute;inset:0}.sc-pack .sc-pack-beats{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sc-pack .sc-pack-beats li{color:var(--sc-muted);margin:0;padding:0;font-size:1rem;line-height:1.6;position:relative}.sc-pack .sc-pack-beats strong{color:var(--sc-ink);font-weight:600}.sc-pack-dot{background:var(--sc-panel);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--sc-line);border-radius:50%;position:absolute;top:6px;left:-34px}.sc-pack-dot>i{background:var(--sc-orange);box-shadow:0 0 0 4px color-mix(in srgb, var(--sc-orange) 22%, transparent);border-radius:50%;position:absolute;inset:0}.sc-pack .sc-pack-sources{color:var(--sc-muted);margin:0;font-size:.875rem;line-height:1.6}.sc-pack .sc-pack-sources a{color:var(--sc-cyan);text-underline-offset:3px;text-decoration:underline}.sc-pack-after{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.sc-pack .sc-pack-after a{text-decoration:none}.sc-pack .sc-pack-after .primary-link{color:#17110c}.sc-pack .sc-pack-after .secondary-link{color:#fff}.sc-pack-after svg{width:18px;height:18px;color:var(--sc-cyan);flex:none}.sc-pack-mock{border:1px solid var(--sc-line);background:#0e1418;border-radius:18px;justify-self:center;width:min(640px,100%);height:460px;position:relative;overflow:clip;container-type:inline-size}.sc-pack-mock b,.sc-pack-mock small{margin:0;display:block}.sc-pack-tag{z-index:4;border:1px solid var(--sc-border);background:var(--sc-card);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted);border-radius:100px;margin:0;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;top:16px;right:12px}.sc-pack-map{position:absolute;inset:0}.sc-pack-map svg{width:100%;height:100%;display:block}.sc-pack-park{fill:color-mix(in srgb, var(--sc-cyan) 6%, #0e1418)}.sc-pack-river{fill:var(--sc-cyan)}.sc-pack-pins{position:absolute;inset:0}.sc-pack-me{z-index:1;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:45%;left:50%}.sc-pack-me:after{content:"";background:var(--sc-cyan);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 3px #0e1418}.sc-pack-me-ring{border:1px solid var(--sc-cyan);background:color-mix(in srgb, var(--sc-cyan) 12%, transparent);opacity:.6;border-radius:50%;position:absolute;inset:-44px}.sc-pack-pin{z-index:1;--sc-from:calc(6% + var(--i) * 2.2%);--sc-to:calc(11% + var(--i) * 2.2%);width:22px;height:22px;margin:-27px 0 0 -11px;position:absolute}.sc-pack-pin>i{background:var(--sc-orange);border-radius:50% 50% 50% 0;width:22px;height:22px;display:block;position:relative;transform:rotate(-45deg)}.sc-pack-pin>i:after{content:"";background:#0e1418;border-radius:50%;position:absolute;inset:7px}.sc-pack-far>i{opacity:.45;--sc-from:40%;--sc-to:46%;background:#3a4750}.sc-pack-search{z-index:3;border:1px solid var(--sc-line);background:var(--sc-card);max-width:calc(100% - 172px);height:38px;color:var(--sc-ink);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:13px;line-height:1.2;display:flex;position:absolute;top:12px;left:12px}.sc-pack-search>span{text-overflow:ellipsis;min-width:0;overflow:clip}.sc-pack-search svg{width:16px;height:16px;color:var(--sc-cyan);flex:none}.sc-pack-list{z-index:2;border:1px solid var(--sc-border);background:var(--sc-card);--sc-from:50%;--sc-to:62%;border-bottom:0;border-radius:16px 16px 0 0;width:calc(52% - 24px);padding:8px 8px 6px;position:absolute;bottom:0;left:12px;overflow:clip}.sc-pack-list:before{content:"";background:var(--sc-line);border-radius:100px;width:36px;height:4px;margin:0 auto 6px;display:block}.sc-pack-list:after{content:"";background:var(--sc-border);width:46%;height:8px;box-shadow:0 52px var(--sc-border), 0 104px var(--sc-border);border-radius:100px;position:absolute;top:40px;left:18px}.sc-pack-item{z-index:1;background:var(--sc-card);--sc-from:calc(26% + var(--i) * 4%);--sc-to:calc(36% + var(--i) * 4%);border-radius:10px;align-content:center;gap:2px;height:52px;padding:0 10px;display:grid;position:relative}.sc-pack-line,.sc-pack-item small{z-index:1;position:relative}.sc-pack-line{align-items:baseline;gap:8px;min-width:0;display:flex}.sc-pack-line b{color:var(--sc-ink);white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3}.sc-pack-stars{letter-spacing:1px;color:var(--sc-orange);white-space:nowrap;font-size:12px;line-height:1.3}.sc-pack-item small{color:var(--sc-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:clip}.sc-pack-item .sc-pack-lit{--sc-from:42%;--sc-to:46%}.sc-pack-profile{z-index:3;border:1px solid var(--sc-line);background:var(--sc-panel);--sc-from:50%;--sc-to:62%;border-radius:16px;flex-direction:column;gap:8px;width:46%;padding:12px;display:flex;position:absolute;top:64px;bottom:12px;right:12px}.sc-pack-cover{border-radius:10px;flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:4px;min-height:44px;margin-bottom:4px;display:grid;overflow:clip}.sc-pack-cover>*{background:color-mix(in srgb, var(--sc-cyan) 8%, var(--sc-panel))}.sc-pack-cover>span{grid-row:span 2;place-items:center;display:grid}.sc-pack-cover>i:nth-child(2){background:color-mix(in srgb, var(--sc-orange) 12%, var(--sc-panel))}.sc-pack-cover>i:last-child{background:color-mix(in srgb, var(--sc-cyan) 15%, var(--sc-panel))}.sc-pack-cover svg{stroke-width:1.5px;width:30px;height:30px;color:color-mix(in srgb, var(--sc-cyan) 60%, var(--sc-panel))}.sc-pack-mock .sc-pack-name{color:var(--sc-ink);font-size:15px;font-weight:700;line-height:1.3}.sc-pack-mock .sc-pack-cat{color:var(--sc-muted);margin:0;font-size:12px;line-height:1.3}.sc-pack-reviews{align-items:center;gap:8px;display:flex}.sc-pack-reviews small{color:var(--sc-muted);font-size:12px;line-height:1.3}.sc-pack-rstars{border-radius:100px;padding:3px 9px;position:relative}.sc-pack-rstars>span{z-index:1;letter-spacing:1px;color:var(--sc-orange);font-size:12px;line-height:1.3;position:relative}.sc-pack-rstars .sc-pack-lit{--sc-from:62%;--sc-to:68%}.sc-pack-bars{gap:6px;display:grid}.sc-pack-bars>i{background:var(--sc-line);border-radius:100px;height:7px;display:block}.sc-pack-bars>i+i{width:64%}.sc-pack-acts{gap:6px;margin-top:4px;display:flex}.sc-pack-act{border:1px solid var(--sc-line);border-radius:100px;flex:auto;justify-content:center;align-items:center;min-height:34px;padding:0 8px;display:flex;position:relative}.sc-pack-act>span{z-index:1;color:var(--sc-ink);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;line-height:1.2;display:flex;position:relative}.sc-pack-act svg{width:14px;height:14px;color:var(--sc-orange);flex:none}.sc-pack-act .sc-pack-lit{--sc-from:calc(74% + var(--i) * 5%);--sc-to:calc(79% + var(--i) * 5%)}.sc-pack-lit{z-index:0;border-radius:inherit;background:color-mix(in srgb, var(--sc-orange) 14%, transparent);box-shadow:inset 0 0 0 1px var(--sc-orange);position:absolute;inset:0}.sc-pack-tap{z-index:0;background:color-mix(in srgb, var(--sc-orange) 40%, transparent);opacity:0;pointer-events:none;--sc-from:89%;--sc-to:94%;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.sc-pack-rail>i{--sc-from:0%;--sc-to:100%}.sc-pack-dot>i{--sc-from:calc(var(--i) * 24% + min(var(--i), 1) * 2%);--sc-to:calc(var(--sc-from) + 2%)}.sc-pack-me-ring{--sc-from:2%;--sc-to:10%}@container (width<=620px){.sc-pack-pins{top:50px;bottom:284px}.sc-pack-me-ring{inset:-34px}.sc-pack-list{border-bottom:1px solid var(--sc-border);border-radius:16px;width:auto;bottom:120px;left:8px;right:8px}.sc-pack-list:after{box-shadow:0 46px var(--sc-border), 0 92px var(--sc-border);top:37px}.sc-pack-item{height:46px}.sc-pack-profile{border-bottom:0;border-radius:16px 16px 0 0;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"cover name rev""cover cat rev""acts acts acts";align-content:center;gap:0 10px;width:auto;height:112px;padding:10px 12px;display:grid;inset:auto 0 0}.sc-pack-cover{border-radius:8px;grid-area:cover;grid-template-rows:1fr;grid-template-columns:1fr;width:40px;height:40px;min-height:0;margin:0}.sc-pack-cover>span{grid-row:auto}.sc-pack-cover>i,.sc-pack-bars{display:none}.sc-pack-cover svg{width:20px;height:20px}.sc-pack-mock .sc-pack-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;align-self:end;overflow:clip}.sc-pack-mock .sc-pack-cat{white-space:nowrap;text-overflow:ellipsis;grid-area:cat;align-self:start;overflow:clip}.sc-pack-reviews{grid-area:rev;align-self:center}.sc-pack-acts{grid-area:acts;margin-top:10px}}@container (width<=339px){.sc-pack-reviews>small{display:none}.sc-pack-tag{letter-spacing:.08em;padding:4px 8px;font-size:11px}.sc-pack-search{gap:6px;max-width:calc(100% - 132px);padding:0 12px 0 10px;font-size:12px}}@media (width>=761px) and (width<=1000px){.sc-pack-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}@media (width<=760px){.sc-pack-inner{grid-template-columns:minmax(0,1fr)}.sc-pack-mock{width:100%;height:520px}}@media screen and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@media (width>=761px) and (height>=640px){.sc-pack-track{height:calc(100svh - var(--sc-top) + 160vh);view-timeline-name:--sc-pack;view-timeline-axis:block;view-timeline-inset:var(--sc-top) 0px}.sc-pack-stage{top:var(--sc-top);min-height:calc(100svh - var(--sc-top));align-content:center;display:grid;position:sticky}.sc-pack [data-sc]{animation-timeline:--sc-pack;animation-range:contain var(--sc-from) contain var(--sc-to);animation-fill-mode:both}.sc-pack-rail>i{animation-name:sc-pack-fill;animation-timing-function:linear}.sc-pack-dot>i{animation-name:sc-pack-on;animation-timing-function:linear}}@media (width<=760px),(height<=639px){.sc-pack-mock{view-timeline-name:--sc-pack;view-timeline-axis:block}.sc-pack-mock [data-sc]{animation-timeline:--sc-pack;animation-range:cover calc(35% + var(--sc-from) * .3) cover calc(35% + var(--sc-to) * .3);animation-fill-mode:both}}@media (width>=761px) and (height<=639px){.sc-pack-mock{view-timeline-inset:var(--sc-top) 0px}}.sc-pack-me-ring{animation-name:sc-pack-ring}.sc-pack-pin{animation-name:sc-pack-drop}.sc-pack-far>i{animation-name:sc-pack-dim}.sc-pack-item{animation-name:sc-pack-up}.sc-pack-profile{animation-name:sc-pack-in}.sc-pack-lit{animation-name:sc-pack-on}.sc-pack-tap{animation-name:sc-pack-tap}.sc-pack-me-ring,.sc-pack-pin,.sc-pack-item,.sc-pack-profile{animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-pack-far>i,.sc-pack-lit,.sc-pack-tap{animation-timing-function:linear}@container (width<=620px){.sc-pack-profile{animation-name:sc-pack-rise}.sc-pack-list{animation-name:sc-pack-push;animation-timing-function:cubic-bezier(.22,.61,.36,1)}}@keyframes sc-pack-fill{0%{transform:scaleY(0)}}@keyframes sc-pack-on{0%{opacity:0}}@keyframes sc-pack-ring{0%{opacity:0;transform:scale(.4)}}@keyframes sc-pack-drop{0%{opacity:0;transform:translateY(-56px)}}@keyframes sc-pack-dim{0%{opacity:1}}@keyframes sc-pack-up{0%{transform:translateY(calc(100% * (3 - var(--i)) + 40px))}}@keyframes sc-pack-in{0%{transform:translate(calc(100% + 16px))}}@keyframes sc-pack-rise{0%{transform:translateY(100%)}}@keyframes sc-pack-push{0%{transform:translateY(120px)}}@keyframes sc-pack-tap{0%{opacity:0;transform:scale(.4)}40%{opacity:.9}to{opacity:0;transform:scale(1.6)}}}}
