.portfolio-selector{--selector-paper:#eee9df;--selector-ink:#141417;--selector-line:#ffffff24;color:var(--selector-paper);background:#111214;min-height:100svh;padding:0 clamp(20px,5vw,90px);overflow:clip}.selector-top{border-bottom:1px solid var(--selector-line);font:10px var(--font-geist-mono);letter-spacing:.09em;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.selector-top>a:first-child{font:700 36px var(--font-geist);letter-spacing:-.08em}.selector-top>a:first-child span,.selector-intro h1>span{color:#b7a0f2}.selector-top>a:last-child{padding:12px 0}.selector-entry{--canvas-paper:var(--selector-paper);--canvas-bg:#111214;--canvas-violet:#b7a0f2;--canvas-mint:#72e1cc;--canvas-muted:#aeb1b8}.selector-replay,.selector-splash-skip{cursor:pointer;min-height:44px;font:10px var(--font-geist-mono);color:var(--selector-paper);border:1px solid var(--selector-line);background:0 0;padding:10px 12px}.selector-replay:hover,.selector-splash-skip:hover{border-color:#b7a0f2}.selector-splash{z-index:100;pointer-events:auto;background:radial-gradient(at 50% 40%,#33273e 0,#111214 65%);place-items:center;display:none;position:fixed;inset:0}.selector-splash[hidden]{display:none}.selector-splash[data-visible],html[data-selector-intro=pending] .selector-splash{display:grid}html[data-selector-intro=pending] .selector-splash .code-mark{transform:matrix(1.65,0,0,1.65,-43,-29)}html[data-selector-intro=pending] .selector-splash .code-guides,html[data-selector-intro=pending] .selector-splash .code-layer,html[data-selector-intro=pending] .selector-splash .code-connection,html[data-selector-intro=pending] .selector-splash .code-pulse,html[data-selector-intro=pending] .selector-splash .code-envelope,html[data-selector-intro=pending] .selector-splash .code-anchor,html[data-selector-intro=pending] .selector-splash .code-caption{opacity:0}html[data-selector-intro=pending] .selector-splash-art{transform:translateY(10px)scale(.985)}@media (prefers-reduced-motion:reduce){html[data-selector-intro=pending] .selector-splash{display:none}}.selector-splash-art{color:#b7a0f2;transform-origin:50%;width:min(900px,88vw)}.selector-entry[data-intro-status=playing] .selector-splash,.selector-entry[data-intro-status=playing] .selector-splash-art{will-change:transform, opacity}.selector-replay:disabled{opacity:.5;cursor:default}.selector-splash-stages{font:9px var(--font-geist-mono);letter-spacing:.08em;color:#99949f;flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:8vh;left:6vw}.selector-splash-stages li{transition:color .15s}.selector-entry[data-stage=identity] [data-phase=identity],.selector-entry[data-stage=connection] [data-phase=connection],.selector-entry[data-stage=composition] [data-phase=composition],.selector-entry[data-stage=reveal] [data-phase=composition]{color:#eee9df}@media (max-width:650px){.selector-splash-stages{gap:12px;font-size:8px;bottom:16vh}}@media (prefers-reduced-motion:reduce){.selector-splash-stages li{transition:none}}.selector-splash-heading{font:10px var(--font-geist-mono);letter-spacing:.12em;color:#bec1c5;justify-content:space-between;gap:20px;display:flex;position:absolute;top:12vh;left:6vw;right:6vw}.selector-splash-skip{pointer-events:auto;position:absolute;bottom:8vh;right:6vw}@media (max-width:650px){.selector-top{flex-wrap:wrap;gap:10px}.selector-top>a:last-child{font-size:9px}.selector-replay{padding:10px;font-size:9px}.selector-splash-heading{flex-direction:column;font-size:9px}.selector-splash-art{width:96vw}}.selector-intro{padding:48px 0 36px}.selector-kicker{font:10px var(--font-geist-mono);letter-spacing:.13em;color:#a9b0b7;margin-bottom:24px}.selector-intro h1{letter-spacing:-.065em;max-width:1150px;margin:0;font-size:clamp(40px,6.9vw,106px);font-weight:650;line-height:.96}.selector-description{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-top:30px;display:grid}.selector-description>p:first-child{letter-spacing:-.03em;font-size:clamp(25px,2.5vw,36px);line-height:1.13}.selector-description em{font-family:Georgia,serif;font-weight:400}.selector-description>p:last-child{color:#bec1c5;max-width:410px;font-size:14px;line-height:1.7}.selector-choices{grid-template-columns:1fr 1fr;gap:24px;display:grid}.experience-choice{min-width:0;transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--choice-lift,0px));border:1px solid var(--selector-line);flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s;display:flex;position:relative;overflow:hidden}.experience-choice[data-tilting]{transition:transform .12s linear,border-color .35s}.experience-choice:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff2e, transparent 55%);mix-blend-mode:soft-light;transition:opacity .35s;position:absolute;inset:0}.experience-choice[data-tilting]:after{opacity:1}.experience-choice:focus-visible{outline-offset:6px;outline:3px solid #41dfc1}.experience-choice:hover{--choice-lift:-5px}.choice-original{color:#241c16;background:#e4dbca;border-color:#e4dbca}.choice-interactive{background:#17181d}.choice-meta{font:9px var(--font-geist-mono);letter-spacing:.1em;justify-content:space-between;gap:20px;padding:20px 24px;display:flex}.choice-original .choice-meta{border-bottom:1px solid #241c1626}.choice-interactive .choice-meta{border-bottom:1px solid var(--selector-line);color:#bdb4d8}.dossier-preview,.canvas-preview{height:270px;position:relative;overflow:hidden}.dossier-preview{perspective:900px;padding:28px 15%}.dossier-tab{font:8px var(--font-geist-mono);background:#b99a63;border-radius:6px 6px 0 0;padding:7px 18px;position:absolute;top:16px;left:12%}.dossier-sheet{background:#f5f0e8;border-left:14px solid #c8a86a;padding:28px 25px;transition:transform .5s;position:relative;transform:rotate(-5deg);box-shadow:0 20px 40px #38200e33}.experience-choice:hover .dossier-sheet{transform:rotate(-2deg)translateY(-5px)}.dossier-stamp{font:9px var(--font-geist-mono);color:#892929;border:1px solid #892929;width:max-content;margin-bottom:18px;padding:4px 7px;display:block;transform:rotate(-7deg)}.dossier-case{font:7px var(--font-geist-mono);position:absolute;top:35px;right:20px}.dossier-sheet strong{letter-spacing:-.03em;font:32px/1.06 Georgia,serif}.dossier-lines{background:repeating-linear-gradient(#0000 0 7px,#28211d1f 7px 8px);height:24px;margin-top:15px}.dossier-signature{margin-top:12px;font:italic 20px Georgia,serif;display:block}.canvas-preview{background:radial-gradient(at 80% 90%,#7c5bad33,#0000 65%)}.canvas-preview svg{stroke:#b7a0f2;stroke-width:.8px;opacity:.4;width:100%;height:100%;position:absolute}.canvas-preview img{width:42%;max-width:240px;height:auto;transition:transform .5s;position:absolute;bottom:-15px;right:5%}.experience-choice:hover .canvas-preview img{transform:translateY(-5px)}.canvas-preview-type{z-index:1;letter-spacing:-.055em;font-size:clamp(28px,3.3vw,52px);font-weight:600;line-height:1.05;position:absolute;top:60px;left:30px}.canvas-preview-type em{color:#b7a0f2;font-family:Georgia,serif;font-weight:400}.choice-copy{border-top:1px solid #241c1626;flex:1;padding:24px 26px 25px}.choice-interactive .choice-copy{border-color:var(--selector-line)}.choice-copy h2{letter-spacing:-.045em;justify-content:space-between;gap:12px;font-size:clamp(23px,2.6vw,35px);font-weight:500;line-height:1.1;display:flex}.choice-copy h2>span{font-size:26px;transition:transform .3s}.experience-choice:hover h2>span{transform:translate(3px,-3px)}.choice-copy p{color:#51473d;max-width:440px;margin-top:16px;font-size:13px;line-height:1.75}.choice-interactive .choice-copy p{color:#bdc0c6}.choice-action{font:10px var(--font-geist-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:24px;display:flex}.choice-interactive .choice-action{color:#72e1cc}.selector-footer{font:9px/1.7 var(--font-geist-mono);color:#aeb1b8;letter-spacing:.03em;justify-content:space-between;gap:25px;padding:30px 0;display:flex}@media (prefers-reduced-motion:no-preference){.selector-intro,.selector-choices{animation:.65s both selector-arrive}.selector-choices{animation-delay:.12s}@keyframes selector-arrive{0%{opacity:.8;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (max-width:760px){.selector-top>span{display:none}.selector-description{grid-template-columns:1fr;gap:20px}.selector-description>p:last-child{max-width:470px}.selector-choices{grid-template-columns:1fr;gap:22px}.selector-intro{padding-top:36px}.selector-intro h1{font-size:clamp(36px,9vw,67px)}.selector-kicker{font-size:8px}.selector-footer{flex-wrap:wrap;font-size:8px}.selector-footer>span:nth-child(2){display:none}.canvas-preview-type{font-size:44px}.dossier-preview,.canvas-preview{height:250px}.choice-meta{padding:17px 20px;font-size:8px}.choice-copy{padding:23px 20px}.dossier-case{font-size:6px}.choice-copy h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.experience-choice,.dossier-sheet,.canvas-preview img,.choice-copy h2>span{transition:none;transform:none!important}}.selector-playyard{color:#eeedf2;background:#1a1922;border:1px solid #4c4a57;border-radius:3px;align-items:center;gap:22px;margin:32px 0 10px;padding:24px 28px;text-decoration:none;transition:border-color .18s,background .18s;display:flex}.selector-playyard:hover{background:#211f2c;border-color:#b7a0ff}.selector-playyard:focus-visible{outline-offset:5px;outline:3px solid #b7a0ff}.selector-playyard-mark{color:#201d29;background:#b7a0ff;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:28px;display:grid}.selector-playyard>span:nth-child(2){flex:1}.selector-playyard strong{letter-spacing:-.02em;font-size:18px;font-weight:500;display:block}.selector-playyard small{color:#b9b6c3;margin-top:6px;font-size:12px;line-height:1.7;display:block}.selector-playyard>span:last-child{font-size:27px}@media (max-width:600px){.selector-playyard{gap:15px;margin-top:24px;padding:20px 17px}.selector-playyard strong{font-size:15px}.selector-playyard small{font-size:11px}.selector-playyard-mark{width:35px;height:35px;font-size:23px}.selector-playyard>span:last-child{font-size:22px}}@media (prefers-reduced-motion:reduce){.selector-playyard{transition:none}}