.hp-camp-sticky{--camp-clear:calc(var(--page-navpadding,80px) + var(--unit-6-00));--camp-strip:76px;--camp-h:clamp(520px, calc(100svh - var(--camp-clear) - var(--camp-strip) - var(--unit-8-00)), 720px);--camp-post-h:calc(var(--camp-h) * .86);--camp-post-top:calc(var(--camp-h) * .04);--camp-lockup-h:36px;--camp-film-h:calc(var(--camp-post-h) - var(--camp-lockup-h) - var(--unit-4-00));--camp-post-w:calc(var(--camp-film-h) * 9 / 16);--camp-panel-top:calc(var(--camp-h) * .16);--camp-card:var(--surface-primary-default);--camp-rule:color-mix(in srgb, var(--text-primary) 10%, transparent);--camp-spectrum:linear-gradient(135deg, var(--spectrum-yellow), var(--spectrum-lime) 30%, var(--spectrum-cyan) 58%, var(--spectrum-violet) 80%, var(--spectrum-magenta))}.hp-camp{height:var(--camp-h);position:relative}.hp-hero-stage.hp-camp-sticky{position:relative;top:auto}.hp-hero-pin:has(>.hp-camp-sticky):after{display:none}@media (min-width:1024px){.hp-hero:has(.hp-camp-sticky){gap:var(--unit-8-00)}.hp-hero:has(.hp-camp-sticky) .hp-hero-field{padding-top:var(--unit-4-00);padding-bottom:var(--unit-8-00)}}.hp-camp-track{width:100%;margin:0}.hp-camp-track-button{padding-block:var(--unit-3-00)}.hp-camp-track .hp-steps-seg-button[data-state=done] .hp-steps-seg-fill{width:0%}.hp-camp-sticky .hp-camp-track>.hp-steps-seg.hp-steps-seg{display:flex}.hp-hero-stage.hp-camp-sticky>.hp-hero-strip-row.hp-hero-strip-row{margin-top:var(--unit-6-00)}.hp-camp-panel{inset:var(--camp-panel-top) 0 0;border-radius:var(--hp-radius-card,32px);clip-path:inset(0 round var(--hp-radius-card,32px));background-color:var(--page-secondary,#1a1815);position:absolute;overflow:hidden}.hp-camp-backdrop{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.hp-camp-backdrop[data-live=true]{z-index:1;opacity:1}.hp-camp-fade{z-index:2;background-color:#0e0d0c85;position:absolute;inset:0}.hp-camp-scene{--camp-fade:.6s;animation:hp-camp-in var(--camp-fade) ease both;position:absolute;inset:0}.hp-camp-scene[data-opening]{animation:none}.hp-camp-scene[data-leaving]{pointer-events:none;animation-name:hp-camp-out}@keyframes hp-camp-in{0%{opacity:0}}@keyframes hp-camp-out{to{opacity:0}}.hp-camp-post{top:var(--camp-post-top);z-index:4;gap:var(--unit-4-00);width:var(--camp-post-w);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;left:50%;transform:translate(-50%)}.hp-camp-video{isolation:isolate;aspect-ratio:9/16;border-radius:calc(var(--camp-post-w) * .09);width:100%;clip-path:inset(0 round calc(var(--camp-post-w) * .09));background-color:var(--page-secondary,#1a1815);position:relative;overflow:hidden;box-shadow:0 40px 80px #00000080}@supports ((-moz-appearance:none)){.hp-camp-video{clip-path:none}}.hp-camp-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hp-camp-video:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 0 0,#ffffff29,#0000 42%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1.5px #ffffff6b}.hp-camp-video-blur{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:34%;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 100%);mask-image:linear-gradient(#000 0% 30%,#0000 100%)}@media (pointer:coarse),(max-width:767px){.hp-camp-video-blur{display:none}}.hp-camp-video-fade{z-index:1;background:linear-gradient(#0e0d0cc7 0%,#0e0d0c6b 16%,#0e0d0c00 38%);position:absolute;inset:0}.hp-camp-logo{z-index:2;aspect-ratio:2;width:44%;position:absolute;top:7%;left:50%;transform:translate(-50%)}.hp-camp-logo :where(img){object-fit:contain;filter:brightness(0)invert()}.hp-camp-mono{font-family:var(--typeface-mono);font-size:calc(var(--size-body-xs,12px) * var(--camp-type,1));letter-spacing:var(--tracking-mono);text-transform:uppercase;white-space:nowrap;color:var(--text-primary)}.hp-camp-mono[data-quiet]{color:var(--text-secondary)}.hp-camp-mono[data-up]{color:var(--spectrum-lime)}.hp-camp-mono[data-large]{font-size:calc(var(--size-body-md,16px) * var(--camp-type,1))}.hp-camp-card{--camp-type:.92;z-index:3;padding:var(--unit-4-00);border:1px solid var(--camp-rule);background-color:var(--camp-card);color:var(--text-primary);font-family:var(--typeface-body);border-radius:20px;position:absolute;box-shadow:0 24px 48px #0000006b}.hp-camp-card[data-slot=send]{top:calc(var(--camp-panel-top) - 32px);left:1.5%;transform:rotate(-1.5deg)}.hp-camp-card[data-slot=metric]{bottom:48px;left:4.5%;transform:rotate(1deg)}.hp-camp-card[data-slot=library]{top:calc(var(--camp-panel-top) - 48px);right:4%;transform:rotate(1.5deg)}.hp-camp-card[data-slot=code]{bottom:80px;right:7%;transform:rotate(-1deg)}.hp-camp-tile{aspect-ratio:1;border-radius:10px;display:block;position:relative;overflow:hidden}.hp-camp-tile :where(img){object-fit:cover}.hp-camp-check{width:12px;height:12px}.hp-camp-brief{--camp-brief-loop:6.4s;gap:var(--unit-2-00);width:300px;font-size:calc(var(--size-body-sm,14px) * var(--camp-type,1));line-height:1.3;display:grid}.hp-camp-chips{gap:var(--unit-2-00);margin-bottom:var(--unit-2-00);display:flex}.hp-camp-chip{padding:var(--unit-1-50) var(--unit-3-00);border:1px solid var(--camp-rule);border-radius:var(--wire-radius-pill);color:var(--text-secondary);white-space:nowrap}.hp-camp-chip[data-picked]{animation:hp-camp-chip-pick var(--camp-brief-loop) ease infinite}@keyframes hp-camp-chip-pick{0%,10%,94%,to{border-color:var(--camp-rule);color:var(--text-secondary);background-color:#0000}16%,88%{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--page-primary,#0e0d0c)}}.hp-camp-gift{align-items:center;gap:var(--unit-3-00);margin-bottom:var(--unit-2-00);display:flex}.hp-camp-gift>.hp-camp-tile{border-radius:8px;flex:none;width:32px}.hp-camp-gift-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-camp-targets{gap:var(--unit-3-00);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-camp-target{gap:var(--unit-1-50);min-width:0;display:grid}.hp-camp-target-value{padding-block:var(--unit-1-00);align-items:center;display:flex}.hp-camp-card[data-slot=library]{--camp-dark-ink:var(--end-ink-dark,var(--text-primary));border-color:color-mix(in srgb, var(--camp-dark-ink) 12%, transparent);background-color:var(--end-fill-dark,var(--camp-card));color:var(--camp-dark-ink)}.hp-camp-card[data-slot=library] .hp-camp-mono{color:var(--camp-dark-ink)}.hp-camp-card[data-slot=library] .hp-camp-mono[data-quiet]{color:color-mix(in srgb, var(--camp-dark-ink) 60%, transparent)}.hp-camp-field{--camp-field-loop:6.4s;gap:var(--unit-3-00);width:248px;display:grid}.hp-camp-field-foot{margin-top:var(--unit-1-00);padding-top:var(--unit-3-00);border-top:1px solid color-mix(in srgb, var(--camp-dark-ink) 12%, transparent);color:var(--camp-dark-ink);align-items:center;display:flex}.hp-camp-field-head{justify-content:space-between;align-items:baseline;gap:var(--unit-3-00);margin-bottom:var(--unit-1-00);display:flex}.hp-camp-score{margin-inline:calc(var(--unit-2-00) * -1);font-size:calc(var(--size-body-sm,14px) * var(--camp-type,1));gap:2px;display:grid}.hp-camp-score-row{align-items:center;gap:var(--unit-3-00);padding:var(--unit-1-50) var(--unit-2-00);color:color-mix(in srgb, var(--camp-dark-ink) 60%, transparent);border-radius:10px;grid-template-columns:minmax(0,1fr) 92px;display:grid}.hp-camp-score-label{white-space:nowrap}.hp-camp-score .hp-camp-bar{background-color:color-mix(in srgb, var(--camp-dark-ink) 10%, transparent)}.hp-camp-score .hp-camp-bar:not([data-win]):after{background-color:color-mix(in srgb, var(--camp-dark-ink) 45%, transparent)}.hp-camp-score .hp-camp-bar:after{animation:hp-camp-bar-fill var(--camp-field-loop) cubic-bezier(.22, .61, .36, 1) infinite;animation-delay:calc(var(--row) * .24s)}.hp-camp-score-row[data-win]{animation:hp-camp-score-win var(--camp-field-loop) ease infinite}@keyframes hp-camp-score-win{0%,40%,92%,to{color:color-mix(in srgb, var(--camp-dark-ink) 60%, transparent);background-color:#0000}48%,86%{background-color:color-mix(in srgb, var(--camp-dark-ink) 8%, transparent);color:var(--camp-dark-ink)}}.hp-camp-match-figure{font-family:var(--typeface-mono);font-size:calc(var(--size-body-md,16px) * var(--camp-type,1));font-variant-numeric:tabular-nums}.hp-camp-bar{width:100%;height:var(--metric-bar-height);border-radius:var(--metric-bar-radius);background-color:color-mix(in srgb, var(--text-primary) 10%, transparent);display:block;position:relative;overflow:hidden}.hp-camp-bar:after{content:"";border-radius:inherit;background-color:color-mix(in srgb, var(--text-primary) 45%, transparent);transform:scaleX(var(--share,1));transform-origin:0;position:absolute;inset:0}.hp-camp-bar[data-win]:after{background:var(--gradient-spectrum-linear)}@keyframes hp-camp-bar-grow{0%{transform:scaleX(0)}}.hp-camp-chat{--camp-chat-loop:7.2s;gap:var(--unit-2-00);width:280px;padding:0;padding-bottom:var(--unit-1-00);font-size:calc(var(--size-body-sm,14px) * var(--camp-type,1));margin:0;line-height:1.35;list-style:none;display:grid}.hp-camp-turn{align-items:flex-end;gap:var(--unit-2-00);opacity:0;animation:hp-camp-turn-1 var(--camp-chat-loop) ease infinite;display:flex}.hp-camp-turn:nth-child(2){animation-name:hp-camp-turn-2}.hp-camp-turn:nth-child(3){animation-name:hp-camp-turn-3}.hp-camp-turn[data-from=creator]{flex-direction:row-reverse}.hp-camp-chat>.hp-camp-turn{font-size:inherit}.hp-camp-bubble{max-width:210px;padding:var(--unit-2-00) var(--unit-3-00);background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:14px}.hp-camp-turn[data-from=creator] .hp-camp-bubble{background-color:var(--text-primary);color:var(--page-primary,#0e0d0c)}.hp-camp-turn-mark,.hp-camp-turn-face{flex:none;width:20px;height:20px;display:block}.hp-camp-turn-mark :where(svg){width:100%;height:100%}.hp-camp-turn-face{width:auto;height:auto}@keyframes hp-camp-turn-1{0%,2%{opacity:0}8%,88%{opacity:1}94%,to{opacity:0}}@keyframes hp-camp-turn-2{0%,26%{opacity:0}32%,88%{opacity:1}94%,to{opacity:0}}@keyframes hp-camp-turn-3{0%,50%{opacity:0}56%,88%{opacity:1}94%,to{opacity:0}}.hp-camp-metrics{--camp-metric-loop:9s;width:280px;display:grid}.hp-camp-metric{gap:var(--unit-2-00);animation:hp-camp-metric-turn var(--camp-metric-loop) ease infinite;grid-area:1/1;display:grid}.hp-camp-metric[data-turn="1"]{animation-delay:calc(var(--camp-metric-loop) / -2)}.hp-camp-metric-row{justify-content:space-between;align-items:center;gap:var(--unit-4-00);display:flex}.hp-camp-metric-trend{flex:none;width:140px;height:40px;display:block;overflow:visible}.hp-camp-metric-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:hp-camp-metric-draw var(--camp-metric-loop) cubic-bezier(.22, .61, .36, 1) infinite}.hp-camp-metric[data-turn="1"] .hp-camp-metric-line{animation-delay:calc(var(--camp-metric-loop) / -2)}@keyframes hp-camp-metric-turn{0%,44%{opacity:1}50%,94%{opacity:0}to{opacity:1}}@keyframes hp-camp-metric-draw{0%,4%{clip-path:inset(-20% 100% -20% 0)}32%,50%{clip-path:inset(-20% 0)}50.1%,to{clip-path:inset(-20% 100% -20% 0)}}.hp-camp-redacted{opacity:.07;background-color:currentColor;border-radius:.24em;width:4.4em;height:.85em;display:inline-block}.hp-camp-metric-row .hp-camp-redacted{width:3.4em;height:1.1em;font-size:calc(var(--size-heading-sm,20px) * var(--camp-type,1))}.hp-camp-redacted[data-size=sm]{width:2.2em}@keyframes hp-camp-bar-fill{0%,6%{transform:scaleX(0)}26%,90%{transform:scaleX(var(--share,1))}96%,to{transform:scaleX(0)}}@media (max-width:1279px){.hp-camp-card{scale:.88}.hp-camp-card[data-slot=send],.hp-camp-card[data-slot=metric]{transform-origin:0}.hp-camp-card[data-slot=library],.hp-camp-card[data-slot=code]{transform-origin:100%}}@media (max-width:1023px){.hp-camp-sticky{--camp-h:600px}.hp-camp-card{scale:.74}}@media (max-width:767px){.hp-hero-stage.hp-camp-sticky{margin-top:var(--unit-8-00);top:auto}.hp-camp-sticky{--camp-h:744px;--camp-post-h:480px;--camp-post-top:104px}.hp-camp-panel{inset:190px calc(var(--page-margin,16px) * -.5) 0;background-color:color-mix(in srgb, var(--text-primary) 4%, transparent)}.hp-camp-track{width:auto;margin-inline:calc(var(--page-margin,16px) * -.5)}.hp-camp-backdrop,.hp-camp-fade,.hp-camp-sticky>.hp-hero-strip-row{display:none}.hp-camp-post{z-index:4}.hp-camp-video-blur,.hp-camp-card[data-slot=library],.hp-camp-card[data-slot=code]{display:none}.hp-camp-card{scale:.82}.hp-camp-card[data-slot=send]{transform-origin:0 0;top:0;left:-28px;right:auto}.hp-camp-card[data-slot=metric]{transform-origin:100% 100%;bottom:33px;left:auto;right:4px}}@media (prefers-reduced-motion:reduce){.hp-camp-scene,.hp-camp-backdrop{transition:none;animation:none}.hp-camp-brief *,.hp-camp-field *,.hp-camp-field :after,.hp-camp-turn,.hp-camp-metric,.hp-camp-metric-line{animation:none}.hp-camp-metric[data-turn="1"]{opacity:0}.hp-camp-chip[data-picked]{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--page-primary,#0e0d0c)}.hp-camp-turn{opacity:1}.hp-camp-score-row[data-win]{background-color:color-mix(in srgb, var(--camp-dark-ink) 8%, transparent);color:var(--camp-dark-ink)}}
