.punch-about-link{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#c3cbd7;font-size:12px;padding:8px}.punch-about-link:hover{color:#fff}.punch-about-link svg{transition:transform .25s}.punch-about-link:hover svg{transform:translateY(4px)}
.crew{padding:88px 40px 92px;scroll-margin-top:25px;background:var(--punch-bg)}
.crew-inner{max-width:1320px;margin:auto}
.crew-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:32px}
.crew-heading-copy{min-width:0;max-width:600px}
.crew-heading h2{font:600 clamp(38px,4.5vw,64px)/1.15 Unbounded,sans-serif;letter-spacing:-.055em;margin:0}
.crew-heading-copy>p{max-width:560px;margin:18px 0 0;font-size:16px;line-height:1.8;color:var(--punch-muted);text-wrap:balance}
.crew-stage{position:relative;background:var(--punch-surface);border:1px solid #ffffff0b;border-radius:32px;isolation:isolate}.crew-panel{min-height:565px;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;border-radius:inherit}.crew-panel[hidden],.crew-controls[hidden],.crew-roster[hidden]{display:none}.crew-panel+.crew-panel{border-top:1px solid #ffffff10}.crew.is-enhanced .crew-panel{border-top:0}.crew-visual{position:relative;min-height:565px;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;touch-action:pan-y}.crew-visual:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--crew-accent) 13%,transparent),transparent 68%)}.crew-word{position:absolute;left:50%;top:22%;transform:translateX(-50%);font:600 clamp(46px,5.7vw,84px)/1 Unbounded,sans-serif;letter-spacing:-.065em;white-space:nowrap;color:var(--crew-accent);opacity:.09;z-index:-2}.crew-halo{position:absolute;inset:14% 21% 13%;border:1px solid color-mix(in srgb,var(--crew-accent) 15%,transparent);border-radius:50% 50% 44% 44%;transform:rotate(-18deg);z-index:-2}.crew-floor{position:absolute;bottom:30px;left:17%;right:17%;height:40px;border-radius:50%;background:#0e131b;filter:blur(11px);z-index:-1}.crew-character{position:relative;z-index:1;display:block;width:auto;height:505px;max-width:88%;object-fit:contain;object-position:bottom;margin-bottom:36px;filter:drop-shadow(0 15px 15px #080d1540);transform:translate3d(var(--crew-x,0px),var(--crew-y,0px),0);transition:transform var(--punch-motion-scene,420ms) var(--punch-ease,cubic-bezier(.2,.8,.2,1))}.crew-panel[data-member=golderrina] .crew-character{height:455px;max-width:94%}
.crew-bio{align-self:center;position:relative;z-index:2;padding:44px 72px 94px 36px;max-width:675px}.crew-role{font-size:14px;line-height:1.5;color:var(--crew-accent);margin:0 0 18px}.crew-bio h3{font:600 clamp(26px,2.8vw,42px)/1.25 Unbounded,sans-serif;letter-spacing:-.05em;color:var(--punch-text);overflow-wrap:anywhere;margin:0 0 28px}.crew-intro{font-size:20px;line-height:1.5;font-weight:500;color:var(--punch-text);margin:0 0 16px;max-width:440px}.crew-description{font-size:15px;line-height:1.85;color:var(--punch-muted);max-width:475px;margin:0}.crew-skills{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;padding:0;margin:26px 0 0;color:var(--punch-muted);font-size:12px;line-height:1.6}.crew-skills li{display:flex;align-items:center;gap:7px}.crew-skills li:before{content:'';height:3px;width:3px;border-radius:50%;background:var(--crew-accent)}
.crew-controls{position:absolute;bottom:30px;right:36px;display:flex;align-items:center;gap:10px;z-index:4}.crew-position{font-size:12px;margin-right:15px;color:#b6c0cf;font-variant-numeric:tabular-nums}.crew-position>span+span{color:#647185}.crew-arrow{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid #ffffff1c;border-radius:50%;background:transparent;color:#bdc8d8;transition:background .25s,transform .25s,border-color .25s}.crew-arrow:hover{background:#ffffff09;border-color:#ffffff3b;transform:translateX(2px)}.crew-arrow[data-crew-prev]:hover{transform:translateX(-2px)}.crew-arrow:active{transform:scale(.94)}
.crew-roster{display:grid;grid-template-columns:repeat(var(--crew-count,9),minmax(0,1fr));gap:8px;padding:28px 4px 0}.crew-pick{position:relative;isolation:isolate;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;min-width:0;padding:10px 4px 18px;border:0;border-radius:14px;background:transparent;color:#8c99ac;cursor:pointer;transition:color .25s,background .25s}.crew-pick:after{content:'';position:absolute;left:30%;right:30%;bottom:0;height:2px;background:var(--crew-accent);border-radius:2px;transform:scaleX(0);transition:transform .35s}.crew-pick[aria-selected=true]{color:var(--punch-text);background:linear-gradient(0deg,color-mix(in srgb,var(--crew-accent) 9%,transparent),transparent 80%)}.crew-pick[aria-selected=true]:after{transform:scaleX(1)}.crew-pick:hover{color:var(--punch-text)}.crew-pick-art{height:112px;max-width:100%;width:100%;display:flex;justify-content:center;align-items:flex-end}.crew-pick-art img{height:110px;max-width:100%;width:auto;object-fit:contain;object-position:bottom;filter:grayscale(.55) brightness(.8);transform-origin:bottom;transition:filter .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.crew-pick[aria-selected=true] img,.crew-pick:hover img{filter:none;transform:translateY(-5px) scale(1.05)}.crew-pick-name{font-size:12px;line-height:1.5;max-width:100%;overflow-wrap:anywhere;text-align:center}.crew-pick-record{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #ffffff20;background:repeating-radial-gradient(circle,#ffffff08 0px,#ffffff08 1px,transparent 2px,transparent 4px);margin-bottom:12px;color:var(--crew-accent);transition:transform .45s}.crew-pick:hover .crew-pick-record{transform:rotate(15deg)}
.crew-motif{position:absolute;inset:0;z-index:-1;color:var(--crew-accent);overflow:hidden}.crew-wave{position:absolute;top:45%;left:9%;right:9%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:7px;opacity:.22}.crew-wave span{display:block;width:3px;max-width:4%;height:var(--size);border-radius:3px;background:currentColor;transform-origin:center;animation:crew-wave 2.4s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -.18s)}.crew-timeline{position:absolute;bottom:80px;left:10%;right:6%;height:85px;display:flex;flex-direction:column;gap:9px;opacity:.3}.crew-timeline>span{display:block;width:72%;height:13px;background:linear-gradient(90deg,currentColor 20%,transparent 20% 23%,currentColor 23% 65%,transparent 65% 69%,currentColor 69%);border-radius:3px}.crew-timeline>span:nth-child(2){width:86%;margin-left:7%}.crew-timeline>span:nth-child(3){width:62%;margin-left:20%}.crew-timeline i{position:absolute;top:-8px;bottom:10px;left:0;width:100%;border-left:1px solid currentColor;animation:crew-playhead 6s linear infinite}.crew-network{position:absolute;inset:14% 5% 8%;width:90%;height:78%;stroke:currentColor;stroke-width:1;opacity:.25}.crew-network path{stroke-dasharray:5 6;animation:crew-network 12s linear infinite}.crew-network circle{fill:currentColor;stroke:none}.crew-stroke{position:absolute;inset:8% 2%;width:95%;height:86%;stroke:currentColor;stroke-width:1.4;opacity:.35}.crew-stroke path{stroke-dasharray:1;stroke-dashoffset:1}.crew-panel.is-current .crew-stroke path{animation:crew-draw 800ms var(--punch-ease-enter,cubic-bezier(.16,.8,.24,1)) forwards}.crew-shapes{position:absolute;inset:0}.crew-shapes span{position:absolute;display:block;width:18px;height:18px;border:1px solid currentColor;opacity:.28}.crew-shapes span:first-child{top:25%;left:18%;border-radius:50%;animation:crew-orbit 8s ease-in-out infinite}.crew-shapes span:nth-child(2){top:55%;right:17%;width:9px;height:9px;transform:rotate(45deg);animation:crew-orbit 7s -3s ease-in-out infinite reverse}.crew-shapes span:nth-child(3){bottom:22%;left:23%;width:5px;height:5px;background:currentColor;animation:crew-orbit 10s -5s ease-in-out infinite}.crew-panel[data-motion=live] .crew-halo:after{content:'';position:absolute;inset:0;border:1px solid var(--crew-accent);border-radius:inherit;opacity:0;animation:crew-live 5s ease-out infinite}.crew-panel[data-motion=frame] .crew-halo{border-radius:18px;inset:19% 18%;transform:rotate(-8deg);border-style:dashed}.crew-panel[data-motion=frame] .crew-shapes span{border-radius:0;width:22px;height:22px;border-width:2px;border-color:currentColor transparent transparent currentColor}.crew-panel[data-motion=pixels] .crew-shapes span{border-radius:2px;background:currentColor;border:0;animation-name:crew-pixel}.crew-panel[data-motion=pixels] .crew-halo{border-radius:14px;transform:rotate(12deg);border-style:dotted}.crew-panel[data-motion=ink] .crew-stroke{transform:rotate(25deg)}
.crew-record{position:absolute;top:50%;left:50%;margin:-155px 0 0 -155px;width:310px;height:310px;border-radius:50%;border:1px solid #ffffff12;background:repeating-radial-gradient(circle at center,#121820 0px,#121820 2px,#27303e 3px,#121820 4px);box-shadow:0 30px 50px #0b101b88,inset 0 0 0 15px #111721;animation:crew-record 22s linear infinite}.crew-record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,#fff1 35deg,transparent 70deg 170deg,#fff1 205deg,transparent 240deg)}.crew-record-label{position:absolute;inset:36%;border-radius:50%;display:grid;place-items:center;background:var(--crew-accent);color:#222735;box-shadow:0 0 0 6px var(--punch-surface)}.crew-panel[data-motion=sound] .crew-wave{top:auto;bottom:70px;height:54px;opacity:.3}
.crew.is-enhanced .crew-panel.is-current .crew-character{animation:crew-character-in var(--punch-motion-scene,420ms) var(--punch-ease-enter,cubic-bezier(.16,.8,.24,1)) both}.crew.is-enhanced .crew-panel.is-current .crew-bio{animation:crew-copy-in var(--punch-motion-ui,240ms) 40ms var(--punch-ease-enter,cubic-bezier(.16,.8,.24,1)) both}.crew-panel[data-motion=edit].is-current .crew-character{animation-name:crew-edit-in}.crew-panel[data-motion=draw].is-current .crew-character,.crew-panel[data-motion=ink].is-current .crew-character{animation-name:crew-art-in}.crew:not(.is-in-view) .crew-panel *,.crew:not(.is-in-view) .crew-panel *:before,.crew:not(.is-in-view) .crew-panel *:after,.crew.is-page-hidden .crew-panel *,.crew.is-page-hidden .crew-panel *:before,.crew.is-page-hidden .crew-panel *:after{animation-play-state:paused!important}.crew.is-in-view .crew-panel *{animation-play-state:running}
@keyframes crew-character-in{from{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes crew-copy-in{from{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}@keyframes crew-edit-in{from{opacity:0;translate:-16px 0}to{opacity:1;translate:0 0}}@keyframes crew-art-in{from{opacity:0;rotate:-2deg;translate:0 12px;scale:.985}to{opacity:1;rotate:0deg;translate:0 0;scale:1}}@keyframes crew-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes crew-playhead{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes crew-network{to{stroke-dashoffset:-66}}@keyframes crew-draw{to{stroke-dashoffset:0}}@keyframes crew-orbit{0%,100%{translate:0 0}50%{translate:8px -18px}}@keyframes crew-live{0%{transform:scale(.97);opacity:0}20%{opacity:.3}80%,100%{transform:scale(1.15);opacity:0}}@keyframes crew-pixel{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-12px) rotate(90deg);opacity:.45}}@keyframes crew-record{to{transform:rotate(360deg)}}
@media(min-width:1500px){.crew-bio h3{font-size:44px}}
@media(max-width:1100px){.crew{padding:72px 24px}.crew-heading{gap:30px}.crew-panel{grid-template-columns:44% 56%;min-height:540px}.crew-visual{min-height:540px}.crew-character{height:470px}.crew-bio{padding:40px 32px 90px 22px}.crew-bio h3{font-size:30px}.crew-intro{font-size:18px}.crew-description{font-size:13px}.crew-roster{gap:4px}.crew-pick-name{font-size:12px}.crew-pick-art{height:94px}.crew-pick-art img{height:90px}.crew-pick-record{width:64px;height:64px}.crew-record{width:260px;height:260px;margin:-130px 0 0 -130px}}
@media(max-width:800px){.crew-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 8px}.crew-pick-art{height:100px}.crew-pick-art img{height:98px}.crew-pick-name{font-size:12px}.crew-heading-copy>p{font-size:14px}.crew-stage{border-radius:24px}.crew-bio{padding-right:24px}.crew-bio h3{font-size:26px}.crew-role{font-size:12px}.crew-intro{font-size:16px}.crew-skills{font-size:12px;gap:8px 12px}.crew-character{height:440px}.crew-panel[data-member=golderrina] .crew-character{height:350px}.crew-word{font-size:45px}}
@media(max-width:600px){.crew{padding:58px 16px 56px;scroll-margin-top:12px}.crew-inner{display:flex;flex-direction:column}.crew-heading{display:block;margin-bottom:26px}.crew-heading h2{font-size:38px;letter-spacing:-.055em}.crew-heading-copy>p{margin:18px 0 0;max-width:300px;font-size:13px;line-height:1.75}.crew-roster{order:1;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#344151 transparent;gap:8px;margin:0 -16px 24px;padding:6px 16px 12px}.crew-pick{flex:0 0 88px;scroll-snap-align:center;gap:9px;padding:4px 3px 14px}.crew-pick-art{height:85px}.crew-pick-art img{height:82px}.crew-pick-name{font-size:12px}.crew-pick-record{width:58px;height:58px;margin-bottom:8px}.crew-stage{order:2;min-width:0;border-radius:22px}.crew-panel{display:flex;flex-direction:column;min-height:0}.crew-visual{min-height:0;height:330px;flex:none}.crew-character{height:300px;max-width:85%;margin-bottom:10px}.crew-panel[data-member=golderrina] .crew-character{height:285px;max-width:88%}.crew-halo{inset:10% 27% 3%;transform:rotate(-16deg)}.crew-word{top:24%;font-size:64px}.crew-floor{bottom:0;left:24%;right:24%;height:22px}.crew-bio{width:100%;max-width:470px;align-self:center;padding:20px 24px 88px;min-height:350px}.crew-role{font-size:12px;margin-bottom:12px}.crew-bio h3{font-size:28px;margin-bottom:22px}.crew-intro{font-size:17px;line-height:1.5;margin-bottom:12px}.crew-description{font-size:14px;line-height:1.8}.crew-skills{margin-top:22px;font-size:12px}.crew-controls{right:22px;left:24px;bottom:23px;gap:10px;justify-content:flex-end}.crew-position{margin-right:auto}.crew-arrow{width:38px;height:38px}.crew-record{width:240px;height:240px;margin:-120px 0 0 -120px}.crew-wave{left:13%;right:13%;height:70px}.crew-panel[data-motion=sound] .crew-wave{bottom:26px}.crew-timeline{left:15%;right:15%;bottom:26px;height:65px}.crew-panel[data-motion=frame] .crew-halo{inset:17% 22% 6%}.crew-announcement{order:3}.punch-home .punch-footer{padding-top:40px}}
@media(max-width:360px){.crew-bio{padding-left:20px;padding-right:20px;min-height:390px}.crew-bio h3{font-size:25px}.crew-visual{height:300px}.crew-character{height:275px}.crew-panel[data-member=golderrina] .crew-character{height:250px}.crew-word{font-size:52px}.crew-skills{gap:8px 12px}}
.crew:not(.has-motion) *,.crew:not(.has-motion) *:before,.crew:not(.has-motion) *:after{animation:none!important;transition:none!important}.crew:not(.has-motion) .crew-stroke path{stroke-dashoffset:0}.crew:not(.has-motion) .crew-character{transform:none!important}.crew:not(.has-motion) .crew-shapes span{translate:none!important}.crew:not(.has-motion) .crew-record{transform:none!important}

.crew-motion{display:inline-flex;flex:none;align-items:center;gap:10px;min-height:44px;margin:10px 0 0;padding:10px 14px;border:1px solid var(--punch-line,#354153);border-radius:var(--punch-radius-control,12px);background:transparent;color:var(--punch-muted);font:400 13px/1.5 Onest,sans-serif;cursor:pointer;white-space:nowrap;transition:background-color 160ms,border-color 160ms,color 160ms}
.crew-motion[hidden]{display:none}
.crew-motion:hover{color:var(--punch-text);border-color:#697992;background:#ffffff05}
.crew-motion[aria-pressed=false] .crew-motion-pause,.crew-motion[aria-pressed=true] .crew-motion-play{display:none}
.crew-motion[aria-pressed=true]{color:#b4c5dc}

/* Shared controls keep their target size on every breakpoint. */
.crew-motion-state{font-size:12px;line-height:1.5;padding-left:10px;border-left:1px solid var(--punch-line,#354153);min-width:36px;text-align:center;color:#bfcbdc}
.crew:not(.has-motion) .crew-pick:is(:hover,[aria-selected=true]) img{transform:none}.crew .crew-arrow{width:44px;height:44px;min-width:44px;min-height:44px;transform:none}.crew .crew-arrow:hover,.crew .crew-arrow:active{transform:none}
@media(max-width:600px){
    .crew-heading{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:26px}
    .crew-heading-copy{max-width:100%}
    .crew-heading-copy>p{max-width:380px;margin-top:14px;font-size:14px;line-height:1.75}
    .crew-motion{margin-top:0}
}