.portfolio-section{color:#fff;background:0 0;position:relative;overflow:clip}.portfolio-stack-section{--portfolio-glass:linear-gradient(180deg,#488bdb80,#ffffff47);--portfolio-glass-border:#ffffff73;--portfolio-glass-shadow:inset 0 2px 10px #135cb440,inset 0 -1px 4px #ffffff73,0 20px 44px #0614282e;--portfolio-ease:cubic-bezier(.22,1,.36,1)}.portfolio-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(48px,7vw,96px);width:min(1280px,100% - 64px);margin:0 auto;padding:clamp(88px,10vh,120px) 0 76px;display:grid}.portfolio-eyebrow{font:600 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.72;margin:0 0 20px}.portfolio-intro h2{letter-spacing:-.064em;max-width:11ch;margin:0;font-size:clamp(58px,6vw,88px);font-weight:520;line-height:.9}.portfolio-intro h2 span{color:#ffffff6b;display:block}.portfolio-intro h2 .portfolio-title-line{color:inherit}.portfolio-intro-copy>p:first-child{color:#ffffffbd;max-width:530px;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.55}.portfolio-scroll-note{font:500 10px/1.4 var(--font-mono);color:#ffffff94;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:26px 0 0;display:flex}.portfolio-scroll-note i{background:#d4ff00;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #d4ff0029}.portfolio-stack{--portfolio-overlap:20px;padding-bottom:174px;position:relative}.portfolio-card{width:min(1280px,100% - 64px);height:771px;margin:0 auto calc(-1*var(--portfolio-overlap));scroll-margin-top:90px;position:sticky;top:72px}.portfolio-card:last-child{margin-bottom:calc(-1*var(--portfolio-overlap));border-radius:48px;overflow:hidden}.portfolio-card[data-tone=paper]{--pf-ground:#f6f5f0;--pf-ink:#111820;--pf-soft:#111820a3;--pf-line:#11182024;--pf-chip:#ffffff9e;--pf-chip-border:#ffffffeb;--pf-stage:#ebe9e2;--pf-primary:#d4ff00;--pf-primary-ink:#111820;--pf-pill:#1118200d;--pf-pill-border:#1118202e}.portfolio-card[data-tone=coral]{--pf-ground:#ffb5a5;--pf-ink:#111820;--pf-soft:#111820a8;--pf-line:#11182029;--pf-chip:#ffffff57;--pf-chip-border:#ffffffb8;--pf-stage:#ffa08d;--pf-primary:#d4ff00;--pf-primary-ink:#111820;--pf-pill:#ffffff38;--pf-pill-border:#fffc}.portfolio-card[data-tone=lime]{--pf-ground:#d4ff00;--pf-ink:#0f1115;--pf-soft:#0f1115a8;--pf-line:#0f111529;--pf-chip:#ffffff5c;--pf-chip-border:#ffffffc7;--pf-stage:#c3ea00;--pf-primary:#0f1115;--pf-primary-ink:#fff;--pf-pill:#0f11150f;--pf-pill-border:#0f111538}.portfolio-card[data-tone=ink]{--pf-ground:#10151f;--pf-ink:#fff;--pf-soft:#ffffffad;--pf-line:#ffffff24;--pf-chip:#ffffff14;--pf-chip-border:#ffffff38;--pf-stage:#171d29;--pf-primary:#d4ff00;--pf-primary-ink:#111820;--pf-pill:#ffffff0f;--pf-pill-border:#ffffff3d}.portfolio-card[data-project=kings]{--pf-ground:#eff5fb;--pf-stage:#cbdced;scroll-margin-top:90px}.portfolio-sheet{width:100%;height:771px;color:var(--pf-ink);background:var(--pf-ground);border-radius:48px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,0 -1px #fff9,0 20px 54px #1134591f}.portfolio-card[data-active=true] .portfolio-sheet{box-shadow:inset 0 0 0 1px #ffffff9e,0 -1px #ffffffb3,0 26px 70px #1134592b}.portfolio-copy{flex-direction:column;justify-content:space-between;min-width:0;padding:48px 42px 48px 48px;display:flex}.portfolio-index{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:center;width:max-content;margin-bottom:32px;display:grid}.portfolio-pill{z-index:2;border:1px solid var(--pf-pill-border);background:var(--pf-pill);border-radius:999px;place-items:center;width:68px;height:32px;margin-right:-52px;display:grid;position:relative}.portfolio-pill.active{z-index:6;width:auto;min-width:68px;color:var(--pf-ground);background:var(--pf-ink);padding:0 13px}.portfolio-pill span{white-space:nowrap;font:600 11px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase}.portfolio-sheet h3{letter-spacing:-.057em;max-width:13ch;margin:0;font-size:clamp(43px,3.8vw,61px);font-weight:560;line-height:.94}.portfolio-turn{color:var(--pf-soft);display:block}.portfolio-description{max-width:520px;color:var(--pf-soft);margin:24px 0 0;font-size:15px;line-height:1.53}.portfolio-tags{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.portfolio-tags span,.portfolio-proof-mark,.portfolio-actions a{border:1px solid var(--pf-chip-border);color:var(--pf-ink);background:var(--pf-chip);box-shadow:inset 0 1px #ffffff59}.portfolio-tags span{font:650 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 10px}.portfolio-proof{border-top:1px solid var(--pf-line);padding-top:20px}.portfolio-proof-top{align-items:center;gap:12px;display:flex}.portfolio-proof-mark{width:38px;height:38px;font:750 10px/1 var(--font-mono);border-radius:12px;place-items:center;display:grid}.portfolio-proof-top strong,.portfolio-proof-top small{display:block}.portfolio-proof-top strong{font-size:13px}.portfolio-proof-top small{color:var(--pf-soft);font:500 8px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.portfolio-proof>p{max-width:470px;color:var(--pf-soft);margin:14px 0 0;font-size:12px;line-height:1.46}.portfolio-actions{gap:10px;margin-top:20px;display:flex}.portfolio-actions button,.portfolio-actions a{cursor:pointer;min-height:48px;transition:transform .3s var(--portfolio-ease),box-shadow .3s var(--portfolio-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.portfolio-actions button,.portfolio-actions .portfolio-case-link{color:var(--pf-primary-ink);background:var(--pf-primary);border:1px solid #ffffff80;box-shadow:inset 0 2px 8px #ffffff59,inset 0 -1px 4px #0000001f,0 14px 30px #06142829}.portfolio-actions button:hover,.portfolio-actions a:hover{transform:translateY(-2px)}.portfolio-actions button:active,.portfolio-actions a:active{transform:translateY(0)}.portfolio-actions button:focus-visible,.portfolio-actions a:focus-visible{z-index:1;outline-offset:3px;outline:3px solid #ffe782;position:relative}.portfolio-stage{--s:1;--tilt-x:0;--tilt-y:0;--glow-x:.5;--glow-y:.5;--lift:0;isolation:isolate;background:radial-gradient(120% 90% at 30% 18%,color-mix(in oklab,var(--pf-stage),#fff 7%),var(--pf-stage)70%);border-radius:28px;min-width:0;height:723px;margin:24px 24px 24px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff1f}.portfolio-echo{z-index:1;width:calc(250px*var(--s));aspect-ratio:9/16;border-radius:calc(22px*var(--s));will-change:transform;background:#0b1018;border:1px solid #ffffff52;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 50px #06142842}.portfolio-echo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.portfolio-echo:after{content:"";background:linear-gradient(#ffffff1a,#0000 30%,#0414324d);position:absolute;inset:0}.portfolio-echo--a{transform:translate3d(calc(-50% - 235px*var(--s) + var(--tilt-x)*26px),calc(-56% + var(--tilt-y)*20px),0)rotate(-8deg)}.portfolio-echo--b{transform:translate3d(calc(-50% + 235px*var(--s) + var(--tilt-x)*26px),calc(-46% + var(--tilt-y)*20px),0)rotate(7deg)}.portfolio-player{z-index:3;width:calc(360px*var(--s));height:calc(640px*var(--s));border-radius:calc(30px*var(--s));transform:translate3d(calc(-50% + var(--tilt-x)*10px),calc(-50% + var(--tilt-y)*8px - var(--lift)*6px),0);will-change:transform;background:#0b1018;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 34px 70px #0614285c,inset 0 0 0 1px #ffffff4d}.portfolio-player:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#ffffff29,#0000 18% 62%,#040d1680);position:absolute;inset:0}.portfolio-player video,.portfolio-poster{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-player video{z-index:1;background:#0b1018}.portfolio-poster{z-index:2;transition:opacity .45s}.portfolio-player.video-ready .portfolio-poster{opacity:0;pointer-events:none}.portfolio-card[data-reduced-motion=true] .portfolio-player video{opacity:0}.portfolio-card[data-reduced-motion=true] .portfolio-poster{opacity:1}.portfolio-media-meta{z-index:4;color:#fff;font:600 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#5599de99;border:1px solid #ffffff57;border-radius:999px;padding:6px 9px;position:absolute;top:14px;right:14px}.portfolio-media-caption{z-index:4;color:#fff;text-shadow:0 1px 8px #0000003d;position:absolute;bottom:18px;left:18px}.portfolio-media-caption small,.portfolio-media-caption strong{display:block}.portfolio-media-caption small{color:#ffffffb3;font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.portfolio-media-caption strong{margin-top:5px;font-size:14px}.portfolio-video-toggle{z-index:4;color:#fff;cursor:pointer;width:44px;height:44px;transition:transform .3s var(--portfolio-ease),background .3s var(--portfolio-ease);background:#ffffff24;border:1px solid #ffffff80;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:14px;right:14px}.portfolio-video-toggle:hover{background:#ffffff42;transform:scale(1.06)}.portfolio-video-toggle:focus-visible{outline-offset:3px;outline:3px solid #ffe782}.portfolio-stat{z-index:5;border:1px solid var(--portfolio-glass-border);min-width:120px;color:var(--pf-ink);background:var(--portfolio-glass);box-shadow:var(--portfolio-glass-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate3d(calc(var(--tilt-x)*-12px),calc(var(--tilt-y)*-10px),0);will-change:transform;border-radius:20px;gap:2px;padding:16px 20px 14px;display:grid;position:absolute;top:28px;left:28px}.portfolio-stat strong{letter-spacing:-.045em;font-size:44px;font-weight:600;line-height:1}.portfolio-stat span{font-size:12px;font-weight:600}.portfolio-stat small{font:500 9px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-top:4px}.portfolio-stage[data-orientation=landscape] .portfolio-player{width:calc(560px*var(--s));height:calc(315px*var(--s));border-radius:calc(22px*var(--s))}.portfolio-stage[data-orientation=landscape] .portfolio-echo{width:calc(330px*var(--s));aspect-ratio:16/9}.portfolio-stage[data-orientation=landscape] .portfolio-echo--a{transform:translate3d(calc(-50% - 110px*var(--s) + var(--tilt-x)*26px),calc(-50% - 210px*var(--s) + var(--tilt-y)*20px),0)rotate(-5deg)}.portfolio-stage[data-orientation=landscape] .portfolio-echo--b{transform:translate3d(calc(-50% + 110px*var(--s) + var(--tilt-x)*26px),calc(-50% + 210px*var(--s) + var(--tilt-y)*20px),0)rotate(4deg)}@media (max-width:992px){.portfolio-intro{grid-template-columns:1fr;gap:36px;padding-bottom:82px}.portfolio-intro h2{max-width:12ch}.portfolio-stack{padding-bottom:100px}.portfolio-card{width:min(760px,100% - 32px);height:auto;margin:0 auto calc(-1*var(--portfolio-overlap));position:relative;top:auto}.portfolio-card:last-child{border-radius:38px;margin-bottom:0}.portfolio-sheet{border-radius:38px;grid-template-columns:1fr;height:auto;min-height:0}.portfolio-copy{gap:64px;min-height:0;padding:42px 38px 54px}.portfolio-stage{--s:.86;aspect-ratio:1;order:-1;height:auto;margin:18px 18px 0}.portfolio-stage[data-orientation=landscape]{aspect-ratio:16/11}.portfolio-stage[data-orientation=landscape] .portfolio-echo--a{transform:translate3d(calc(-50% - 110px*var(--s)),calc(-50% - 170px*var(--s)),0)rotate(-5deg)}.portfolio-stage[data-orientation=landscape] .portfolio-echo--b{transform:translate3d(calc(-50% + 110px*var(--s)),calc(-50% + 170px*var(--s)),0)rotate(4deg)}}@media (max-width:620px){.portfolio-intro{width:calc(100% - 28px);padding:72px 0 54px}.portfolio-intro h2{font-size:clamp(46px,14vw,68px)}.portfolio-stack{--portfolio-overlap:12px}.portfolio-card{width:calc(100% - 20px)}.portfolio-card:last-child,.portfolio-sheet{border-radius:28px}.portfolio-stage{--s:.6;aspect-ratio:4/5;border-radius:22px;margin:10px 10px 0}.portfolio-stage[data-orientation=landscape]{--s:.58;aspect-ratio:1}.portfolio-stat{border-radius:16px;min-width:0;padding:12px 14px 10px;top:14px;left:14px}.portfolio-stat strong{font-size:32px}.portfolio-media-caption{bottom:14px;left:14px}.portfolio-media-caption strong{font-size:12px}.portfolio-video-toggle{width:38px;height:38px;bottom:10px;right:10px}.portfolio-copy{gap:56px;padding:28px 22px 38px}.portfolio-sheet h3{font-size:clamp(39px,11.6vw,53px)}.portfolio-description{font-size:14px}.portfolio-actions{flex-direction:column}.portfolio-actions button,.portfolio-actions a{width:100%}}@media (prefers-reduced-motion:reduce){.portfolio-card{position:relative;top:auto}.portfolio-poster{transition:none}.portfolio-actions button,.portfolio-actions a,.portfolio-video-toggle{transition:none;transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.portfolio-tags span,.portfolio-proof-mark,.portfolio-actions a{background:color-mix(in oklab,var(--pf-ground),var(--pf-ink)8%)}.portfolio-stat{background:#78aae6eb}}.portfolio-proof-mark img{-o-object-fit:contain;object-fit:contain;filter:brightness(.15);width:100%;height:100%;padding:4px}.portfolio-card[data-project=kings] .portfolio-actions{flex-wrap:wrap}.portfolio-card[data-project=kings] .portfolio-copy{padding-right:32px}.portfolio-kings-deck{position:absolute;inset:0 0 70px}.portfolio-kings-frame{color:#fff;transition:translate .3s var(--portfolio-ease);background:#10151f;border:1px solid #ffffffb3;border-radius:24px;text-decoration:none;display:block;position:absolute;overflow:hidden;box-shadow:0 24px 48px #11233a45}.portfolio-kings-frame--show{z-index:3;width:88%;transform:translate(calc(var(--tilt-x)*9px),calc(var(--tilt-y)*7px))rotate(-3deg);top:20%;left:5%}.portfolio-kings-frame--talks{z-index:2;width:74%;transform:translate(calc(var(--tilt-x)*16px),calc(var(--tilt-y)*12px))rotate(5deg);bottom:0;right:5%}.portfolio-kings-frame>img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;transition:transform .4s var(--portfolio-ease);display:block}.portfolio-kings-caption{background:#10151f;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.portfolio-kings-caption small{font:9px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffa8;display:block}.portfolio-kings-caption strong{letter-spacing:-.035em;margin-top:4px;font-size:20px;font-weight:550;display:block}.portfolio-kings-caption i{border:1px solid #ffffff5c;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.portfolio-kings-route{font:10px/1.4 var(--font-mono);color:#344b64;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;display:flex;position:absolute;inset:auto 16px 28px}.portfolio-kings-route span+span:before{content:"·";margin-right:18px}.portfolio-kings-frame:focus-visible{outline-offset:3px;z-index:4;outline:3px solid #d4ff00}.portfolio-kings-frame:active{translate:0}@media (hover:hover) and (pointer:fine){.portfolio-kings-frame:hover{z-index:4;translate:0 -6px}.portfolio-kings-frame:hover>img{transform:scale(1.025)}}@media (max-width:992px){.portfolio-card[data-project=kings] .portfolio-copy{gap:28px}.portfolio-stage.portfolio-kings-stage{aspect-ratio:auto;height:540px}.portfolio-kings-frame--show{width:76%;top:15%;left:7%}.portfolio-kings-frame--talks{width:62%;right:7%}}@media (max-width:620px){.portfolio-stage.portfolio-kings-stage{aspect-ratio:auto;height:clamp(490px,130vw,560px)}.portfolio-kings-deck{bottom:48px}.portfolio-kings-frame--show{width:76%;top:18%;left:5%}.portfolio-kings-frame--talks{width:70%;right:5%}.portfolio-kings-frame{border-radius:18px}.portfolio-kings-caption{padding:10px 12px}.portfolio-kings-caption strong{font-size:15px}.portfolio-kings-caption small{font-size:8px}.portfolio-kings-caption i{width:26px;height:26px}.portfolio-kings-route{gap:6px 10px;font-size:9px;bottom:18px}.portfolio-kings-route span+span:before{margin-right:10px}}@media (prefers-reduced-motion:reduce){.portfolio-kings-frame,.portfolio-kings-frame>img{transition:none;translate:none}.portfolio-kings-frame:hover>img{transform:none}}