@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#fff;--pink:#ff3f86;--lime:#d8ff4f;--muted:#a99da5;--line:#ffffff24;background:#11010a;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{background:#11010a;width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.pages-shell{background:#11010a;width:100vw;height:100vh;overflow:hidden}.page-track{will-change:transform;width:100%;height:400vh;transition:transform .12s cubic-bezier(.16,1,.3,1)}.page{width:100%;height:100vh;position:relative;overflow:hidden}.page-video,.page-video-inner,.page-video video{width:100%;height:100%;position:absolute;inset:0}.page-video-inner{will-change:transform}.page-video video{object-fit:cover;pointer-events:none}.page-video-shade{pointer-events:none;background:linear-gradient(90deg,#11010a8c,#11010a1f 58%,#11010a59),linear-gradient(#0000 48%,#11010a80);position:absolute;inset:0}.home-meta{letter-spacing:.18em;color:#ffffffc2;justify-content:space-between;font:10px DM Mono,monospace;display:flex;position:absolute;top:8%;left:6vw;right:6vw}.home-copy{z-index:2;position:absolute;bottom:13%;left:6vw;right:6vw}.home-copy>p{letter-spacing:.18em;margin:0 0 16px;font-size:12px}.home-copy h1{letter-spacing:-.08em;max-width:960px;margin:0;font-size:clamp(45px,7vw,118px);line-height:.9}.home-copy h1 span{display:block}.home-copy h1 em{color:#ffffff8f;font-style:normal;font-weight:400;display:block}.home-copy small{color:#ffffffc2;max-width:390px;margin-top:26px;font-size:13px;line-height:1.8;display:block}.home-hint{writing-mode:vertical-rl;letter-spacing:.14em;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:7%;right:6vw}.home-hint i{background:#ffffff80;width:1px;height:52px}.page-header{z-index:50;justify-content:space-between;align-items:center;display:flex;position:fixed;top:6%;left:6vw;right:6vw}.page-brand{text-align:left;align-items:center;gap:13px;display:flex}.page-logo{fill:#fff;width:42px;height:42px}.page-brand>span{font-size:13px;font-weight:700;line-height:1.1}.page-brand small{opacity:.7;font-size:9px;font-weight:400}.page-header nav{gap:4px;display:flex}.page-header nav button{letter-spacing:.08em;border-radius:999px;padding:9px 14px;font-size:11px}.page-header nav button:hover,.page-header nav button.on{color:#11010a;background:#fff}.page-counter{color:#ffffff8a;letter-spacing:.1em;align-items:baseline;gap:5px;font:10px DM Mono,monospace;display:flex}.page-counter b{color:var(--lime);font-size:21px;font-weight:400}.dark-page{background:#11010a;padding:15vh 6vw 8vh}.section-kicker{color:var(--pink);letter-spacing:.16em;font:10px DM Mono,monospace}.section-title{justify-content:space-between;align-items:end;margin:30px 0 34px;display:flex}.section-title h2{letter-spacing:-.09em;margin:0;font-size:clamp(58px,8vw,120px);line-height:.8}.section-title h2 span{color:var(--pink);margin-left:12px;font-weight:400}.section-title p{width:330px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.works-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1500px;display:grid}.work-card{text-align:left;border:1px solid var(--line);background:#ffffff09;padding:0;transition:transform .35s,border-color .35s}.work-card:hover{border-color:var(--pink);transform:translateY(-8px)}.work-image{height:34vh;min-height:220px;position:relative;overflow:hidden}.work-image img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .6s;display:block}.work-card:hover .work-image img{transform:scale(1.06)}.work-image span{color:var(--lime);font:10px DM Mono;position:absolute;top:13px;left:15px}.work-image b{border:1px solid #ffffff80;border-radius:50%;padding:8px;font-size:10px;font-weight:400;position:absolute;top:12px;right:15px}.work-info{padding:17px 18px 20px}.work-info small{letter-spacing:.12em;color:var(--pink);font:9px DM Mono}.work-info h3{letter-spacing:-.05em;margin:10px 0 8px;font-size:20px}.work-info p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.timeline{border-top:1px solid var(--line);max-width:1150px}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;gap:25px;padding:22px 0;display:grid}.timeline article>span{color:var(--lime);font:11px DM Mono}.timeline small{color:#8b7d87;letter-spacing:.08em;font:10px DM Mono}.timeline h3{letter-spacing:-.05em;margin:8px 0 5px;font-size:22px}.timeline b{color:#fff;font-size:12px}.timeline p{color:var(--muted);margin:9px 0 0;font-size:12px}.card-layout{grid-template-columns:1fr .65fr;align-items:center;gap:10%;height:72%;display:grid}.card-overline{color:var(--pink);letter-spacing:.13em;font:10px DM Mono}.card-layout h2{letter-spacing:-.1em;margin:20px 0;font-size:clamp(80px,12vw,180px);line-height:.8}.card-layout h2 span{color:var(--pink)}.card-layout h3{margin:0;font-size:24px;line-height:1.35}.card-summary{max-width:390px;color:var(--muted);margin-top:28px;font-size:13px;line-height:1.8}.business-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff1a,#ffffff06);flex-direction:column;gap:10px;max-width:420px;padding:28px;display:flex}.card-mark{border:1px solid var(--pink);width:46px;height:46px;color:var(--pink);border-radius:50%;place-items:center;font:11px DM Mono;display:grid}.business-card strong{font-size:25px}.business-card span,.business-card small{color:var(--muted);font-size:11px}.business-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:14px 0}.business-card a{font-size:13px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1200px;display:grid}.skill-card{border:1px solid var(--line);background:#ffffff09;flex-direction:column;justify-content:space-between;min-height:160px;padding:20px;transition:all .3s;display:flex}.skill-card:hover{border-color:var(--pink);transform:translateY(-5px)}.skill-card span{color:var(--pink);font:10px DM Mono}.skill-card strong{letter-spacing:-.06em;font-size:26px}.skill-card p{color:var(--muted);margin:0;font-size:11px}.skills-footer{color:var(--muted);font-size:11px;position:absolute;bottom:7%;right:6vw}.skills-footer b{color:var(--lime);margin-left:14px;font:11px DM Mono}.page-dots{z-index:55;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.page-dots button{padding:4px}.page-dots i{border:1px solid #ffffff8c;border-radius:50%;width:5px;height:5px;display:block}.page-dots button.on i{background:var(--lime);border-color:var(--lime);box-shadow:0 0 12px var(--lime)}.play-overlay{z-index:90;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080106db;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.play-modal{border:1px solid var(--line);background:#1b0812;width:min(760px,100%);padding:24px;position:relative}.play-modal>button{z-index:2;font-size:25px;position:absolute;top:8px;right:14px}.play-modal video{background:#000;width:100%;max-height:58vh;display:block}.play-modal small{color:var(--pink);margin-top:16px;font:9px DM Mono;display:block}.play-modal h3{margin:8px 0;font-size:28px}.play-modal p{color:var(--muted);font-size:12px;line-height:1.6}@media (width<=800px){.page-header{top:20px;left:20px;right:20px}.page-logo{width:38px;height:38px}.page-brand>span{font-size:12px}.page-header nav{display:none}.page-counter{margin-left:auto;margin-right:8px}.dark-page{padding:100px 20px 30px}.home-meta{top:84px;left:20px;right:20px}.home-meta span:last-child{display:none}.home-copy{bottom:16%;left:20px;right:20px}.home-copy h1{font-size:clamp(39px,11vw,78px)}.home-copy small{font-size:11px}.home-hint{display:none}.section-title{margin:24px 0;display:block}.section-title h2{font-size:58px}.section-title p{width:92%;margin-top:16px;font-size:11px}.works-grid{grid-template-columns:1fr;gap:10px;max-height:65vh;overflow:hidden}.work-image{height:19vh;min-height:120px}.work-info{padding:11px 13px}.work-info h3{margin:7px 0 4px;font-size:16px}.work-info p{font-size:10px}.timeline article{grid-template-columns:54px 1fr;gap:10px;padding:15px 0}.timeline h3{font-size:16px}.timeline p{font-size:10px}.card-layout{height:auto;margin-top:50px;display:block}.card-layout h2{margin:22px 0;font-size:98px}.card-layout h3{font-size:18px}.card-summary{margin-top:18px;font-size:11px}.business-card{margin-top:30px;padding:20px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:9px}.skill-card{min-height:120px;padding:13px}.skill-card strong{font-size:19px}.skill-card p{font-size:9px}.skills-footer{bottom:26px;left:20px;right:20px}.page-dots{right:8px}.play-modal{padding:16px}}.works-choice-page{background:#ff005e;position:relative;overflow:hidden}.works-choice-page .page-video{z-index:0}.works-choice-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#ff005eb8,#ff005e2e 55%,#11010a52),linear-gradient(#0000 45%,#11010a8c);position:absolute;inset:0}.parent-choices{z-index:3;flex-direction:column;gap:15px;display:flex;position:absolute;top:35%;left:12vw}.parent-choices p{letter-spacing:.18em;color:#000000b8;margin:0 0 5px;font-size:12px}.parent-choices button{color:#050308;text-align:left;letter-spacing:-.1em;text-shadow:0 1px #ffffff24;background:0 0;align-items:baseline;gap:24px;width:min(620px,58vw);padding:4px 0;font-size:clamp(32px,4.4vw,70px);font-weight:900;line-height:.95;transition:transform .3s,color .3s;display:flex;position:relative}.parent-choices button:hover{color:#23000f;transform:translate(14px)}.parent-choices button small{letter-spacing:.04em;color:#0503089e;margin-left:8px;font-size:10px;font-weight:500}.parent-choices button b{color:#050308;margin-left:4px;font-size:22px;font-weight:400}.portfolio-browser{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11010ae6;padding:12vh 6vw 7vh;position:absolute;inset:0;overflow:auto}.portfolio-browser-top{color:#ffffffa6;justify-content:space-between;font-size:11px;display:flex}.portfolio-browser-top button{color:var(--lime);font-size:11px}.portfolio-browser-heading{justify-content:space-between;align-items:end;margin:30px 0 20px;display:flex}.portfolio-browser-heading h2{letter-spacing:-.09em;margin:0;font-size:clamp(58px,8vw,122px);line-height:.8}.portfolio-browser-heading h2 em{color:var(--pink);margin-left:10px;font-style:normal;font-weight:400}.portfolio-browser-heading p{color:var(--muted);font-size:12px}.choice-styles{gap:8px;margin-bottom:18px;display:flex}.choice-styles button{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 16px;font-size:11px}.choice-styles button.on{color:#16030c;background:var(--pink);border-color:var(--pink)}.portfolio-browser .works-grid{z-index:2;position:relative}.portfolio-browser .work-card{background:#ffffff0d}@media (width<=800px){.parent-choices{gap:10px;top:37%;left:20px;right:20px}.parent-choices button{gap:12px;width:100%;padding:16px;font-size:32px}.parent-choices button small{font-size:9px}.portfolio-browser{padding:92px 20px 30px}.portfolio-browser-heading{margin:25px 0 15px;display:block}.portfolio-browser-heading h2{font-size:64px}.portfolio-browser-heading p{margin-top:14px}.choice-styles{padding-bottom:3px;overflow:auto}.choice-styles button{white-space:nowrap}.portfolio-browser .works-grid{max-height:none}}.home-copy,.home-meta{transition:opacity .45s,transform .45s}.home-page.choice-open .home-copy{opacity:0;pointer-events:none;transform:translateY(24px)}.home-page.choice-open .home-meta{opacity:.35}.home-page{background:#0c0920}.hero-reference-asset{z-index:0;background-image:linear-gradient(90deg,#0906182e,#09061805 52%,#070c1e38),url(/hero-reference.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.hero-reference-asset:after{content:"";pointer-events:none;background:linear-gradient(#0805141f,#0000 55%,#08051475);position:absolute;inset:0}.hero-motion{z-index:1;opacity:0;background:#0c0920;transition:opacity .7s;position:absolute;inset:0}.hero-motion.is-active{opacity:1}.home-page .home-meta,.home-page .home-copy,.home-page .home-hint{z-index:3}.home-page.choice-open .hero-reference-asset{opacity:0}.home-page:not(.choice-open) .home-copy{max-width:520px}.home-page:not(.choice-open) .home-copy h1{font-size:clamp(42px,5.2vw,86px)}.home-page:not(.choice-open) .home-copy small{max-width:340px}.hero-reference-asset{will-change:transform;opacity:1;background-position:50%;transform:scale(1)}.home-page.choice-open .hero-reference-asset{opacity:1;animation:1.35s cubic-bezier(.2,.75,.25,1) forwards hero-walk}.parent-choices button{color:#090611;text-shadow:0 1px #ffffffa6,0 0 18px #ffffff40}@keyframes hero-walk{0%{transform:scale(1)translate(0,0)}35%{transform:scale(1.035)translate(1.2vw,-.3vh)}70%{transform:scale(1.075)translate(2.7vw)}to{transform:scale(1.09)translate(3.5vw)}}.home-page.choice-open:not(.motion-done) .home-copy{opacity:1;pointer-events:auto;transform:none}.home-page.choice-open.motion-done .home-copy{opacity:0;pointer-events:none;transform:translateY(24px)}.home-page.choice-open:not(.motion-pointing) .home-copy{opacity:1;pointer-events:auto;transform:none}.home-page.choice-open.motion-pointing .home-copy{opacity:0;pointer-events:none;transform:translateY(24px)}.card-carousel-shell{z-index:4;color:#fff;-webkit-user-select:none;user-select:none;width:min(680px,68vw);height:600px;position:absolute;top:17%;left:7vw}.card-carousel-copy{z-index:5;color:#ffffffb8;justify-content:space-between;align-items:baseline;padding:0 8px;display:flex;position:relative}.card-carousel-copy p{letter-spacing:.18em;color:#ffffffc7;margin:0;font-size:12px}.card-carousel-copy span{letter-spacing:.08em;color:#ffffff6b;font-size:10px}.card-carousel{cursor:grab;touch-action:none;position:absolute;inset:36px 0 28px;overflow:visible}.card-carousel:active{cursor:grabbing}.card-carousel-stage{perspective:1350px;transform-style:preserve-3d;contain:layout paint;position:absolute;inset:0}.carousel-card{aspect-ratio:1.5925;width:min(330px,29vw);transform-style:preserve-3d;will-change:transform,opacity;contain:layout paint;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%}.carousel-card:focus-visible{outline:2px solid var(--lime);outline-offset:8px;border-radius:17px}.card-depth{pointer-events:none;background:#101014;border:1px solid #ffffff29;border-radius:16px;position:absolute;inset:0;transform:translateZ(-2px)}.card-depth.depth-b{background:#08080c;border-color:#ffffff14;transform:translateZ(-4px)}.card-face{backface-visibility:hidden;transform-style:preserve-3d;text-align:left;border:1px solid #fff3;border-radius:16px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 55px #0000006b}.card-front{background:#111;transform:translateZ(3px)}.card-front>video,.card-back>video{object-fit:cover;opacity:.72;filter:saturate(.8)contrast(1.06);width:100%;height:100%;position:absolute;inset:0}.card-wash{z-index:1;mix-blend-mode:screen;opacity:.7;position:absolute;inset:0}.card-front strong{z-index:2;letter-spacing:.12em;font:700 10px DM Mono,monospace;position:absolute;top:18px;left:20px}.card-front em{z-index:2;letter-spacing:-.08em;text-shadow:0 2px 14px #00000080;font-size:26px;font-style:normal;font-weight:800;position:absolute;bottom:48px;left:20px}.card-front small{z-index:2;color:#ffffffb8;letter-spacing:.08em;font-size:10px;position:absolute;bottom:28px;left:21px}.card-front label{z-index:2;color:#ffffffa6;writing-mode:vertical-rl;letter-spacing:.08em;font:9px DM Mono,monospace;position:absolute;bottom:19px;right:18px}.card-chip{z-index:2;background:linear-gradient(135deg,#fff,#929292 46%,#ededed);border-radius:6px;width:32px;height:23px;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #0000004d,0 2px 8px #00000059}.card-chip:after{content:"";border:1px solid #0006;border-radius:3px;position:absolute;inset:5px 7px}.card-front u{z-index:2;border:1px solid #ffffffa6;border-radius:50%;width:34px;height:18px;text-decoration:none;position:absolute;bottom:18px;right:18px}.card-front u:after{content:"";border:1px solid #fff6;border-radius:50%;width:34px;height:18px;position:absolute;top:-1px;left:14px}.card-back{color:#fff;background:#111;padding:20px;transform:rotateY(180deg)translateZ(3px)}.card-back>video{filter:blur(11px)brightness(.48);transform:scale(1.12)}.card-stripe{z-index:2;background:#000000c7;height:34px;position:absolute;top:26px;left:0;right:0}.card-back strong{z-index:2;font-size:14px;position:absolute;bottom:46px;left:20px}.card-back small{z-index:2;color:#ffffffb3;font:10px DM Mono,monospace;position:absolute;bottom:28px;left:20px}.card-back label{z-index:2;color:#ffffff80;font:9px DM Mono,monospace;position:absolute;bottom:28px;right:20px}.card-carousel-dots{gap:7px;display:flex;position:absolute;bottom:3px;left:8px}.card-carousel-dots i{background:#ffffff52;border-radius:50%;width:5px;height:5px;transition:transform .2s,background .2s;display:block}.card-carousel-dots i.on{transform:scale(1.6);box-shadow:0 0 12px}@media (width<=800px){.card-carousel-shell{width:auto;height:520px;top:21%;left:20px;right:20px}.card-carousel-copy{display:block}.card-carousel-copy span{margin-top:8px;display:block}.card-carousel{inset:42px -10px 24px}.carousel-card{width:min(290px,72vw)}.card-front em{font-size:22px}}.page-header-actions{align-items:center;gap:18px;display:flex}.admin-trigger{color:#ffffffd1;letter-spacing:.04em;border:1px solid #ffffff40;border-radius:999px;padding:10px 15px;font-size:11px;transition:border-color .2s,background .2s}.admin-trigger:hover{border-color:var(--lime);background:#d8ff4f14}.admin-trigger b{color:var(--lime);margin-left:6px;font-size:15px;font-weight:400}.admin-overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030107bd;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-panel{background:#130711;border-left:1px solid #ffffff26;width:min(560px,100vw);height:100%;padding:30px 30px 22px;overflow:auto;box-shadow:-20px 0 60px #00000061}.admin-head{justify-content:space-between;align-items:flex-start;display:flex}.admin-head small{letter-spacing:.16em;color:var(--pink);font:9px DM Mono,monospace}.admin-head h2{letter-spacing:-.06em;margin:8px 0 0;font-size:30px}.admin-head>button{color:#ffffffb3;font-size:26px}.admin-state{color:#ffffffa8;background:#d8ff4f0d;border:1px solid #d8ff4f38;margin:18px 0;padding:11px 12px;font-size:11px;line-height:1.6}.admin-tabs{border-bottom:1px solid var(--line);gap:7px;padding:2px 0 18px;display:flex;overflow:auto}.admin-tabs button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:11px}.admin-tabs button.on{color:#130711;background:var(--lime);border-color:var(--lime)}.admin-form{padding-top:20px}.admin-field{margin:0 0 14px;display:block}.admin-field>span{color:#ffffff94;margin-bottom:7px;font-size:11px;display:block}.admin-field input,.admin-field textarea{color:#fff;background:#ffffff0b;border:1px solid #ffffff29;border-radius:4px;outline:none;width:100%;padding:10px 11px;font:12px Manrope,Noto Sans SC,sans-serif;display:block}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px #d8ff4f1a}.admin-field textarea{resize:vertical;min-height:72px;line-height:1.6}.admin-note{color:var(--muted);margin:18px 0;font-size:10px;line-height:1.7}.admin-list{padding-bottom:10px}.admin-item{background:#ffffff06;border:1px solid #ffffff21;margin-bottom:12px;padding:16px}.admin-item-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-item-head b{color:var(--pink);letter-spacing:.1em;font:10px DM Mono,monospace}.admin-item-head button{color:#ff799f;font-size:10px}.admin-add{width:100%;color:var(--lime);border:1px dashed #d8ff4f73;padding:12px;font-size:11px}.admin-foot{background:linear-gradient(#0000,#130711 30%);justify-content:flex-end;gap:10px;padding:18px 0 0;display:flex;position:sticky;bottom:-22px}.admin-reset,.admin-save{border-radius:4px;padding:10px 17px;font-size:11px}.admin-reset{border:1px solid var(--line);color:var(--muted)}.admin-save{background:var(--lime);color:#130711;font-weight:700}@media (width<=800px){.page-header-actions{gap:8px}.admin-trigger{padding:8px 10px;font-size:10px}.page-counter{display:none}.admin-panel{padding:22px 18px}.admin-head h2{font-size:26px}}.page-track{transition:none}.card-carousel-shell,.card-carousel,.carousel-card{pointer-events:auto}.card-video-placeholder{background:linear-gradient(135deg,#1e1630eb,#08080ee0);position:absolute;inset:0}.card-front>.card-video-placeholder,.card-back>.card-video-placeholder{z-index:0}.card-front>video,.card-back>video,.card-video-placeholder{pointer-events:none}.card-media-image,.play-image{object-fit:cover;width:100%;height:100%;display:block}.play-image{background:#000;max-height:58vh}.home-meta{display:none}.admin-trigger{z-index:60;position:fixed;top:14%;right:6vw}.card-carousel-shell{animation:.5s cubic-bezier(.2,.85,.25,1) both choices-fade}@keyframes choices-fade{0%{opacity:0}to{opacity:1}}@media (width<=800px){.admin-trigger{top:74px;right:20px}.card-carousel-shell{animation-duration:.4s}}.skull-logo{fill:#fff}.home-meta{display:flex;top:13%;display:none!important}.admin-trigger{z-index:60;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:fixed;top:6%;right:6vw}.admin-trigger svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.admin-trigger b{display:none}.card-carousel-copy span{z-index:60;white-space:nowrap;position:absolute;top:-3vh;left:calc(87vw - 203px)}.portfolio-main-tabs{border-bottom:1px solid var(--line);gap:8px;margin:0 0 16px;padding-bottom:12px;display:flex}.portfolio-main-tabs button{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:12px}.portfolio-main-tabs button.on{color:#16030c;background:var(--lime);border-color:var(--lime)}.work-image video{object-fit:cover;filter:saturate(.75);pointer-events:none;width:100%;height:100%;display:block}.portfolio-browser-top{height:38px;position:relative}.portfolio-back{letter-spacing:.1em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background:radial-gradient(circle at 50% 45%,#b77eff1f,#3f145294 58%,#16071ccc);border-radius:12px;place-items:center;width:112px;height:42px;font-size:15px;font-weight:500;animation:8s ease-in-out infinite portfolio-breathe;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 14px #a855f714,0 0 10px #a855f70f;color:#fff!important;border:1px solid #c691ff6b!important}.portfolio-back:after{content:"";-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px #d946efcc);pointer-events:none;z-index:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:conic-gradient(#0000 0deg 245deg,#a855f7 285deg,#ff3f86 320deg,#d946ef 338deg,#0000 360deg);border-radius:16px;padding:1px;animation:2.4s linear infinite bubble-flow;display:none;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portfolio-back-flow{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portfolio-back-flow rect{filter:drop-shadow(0 0 5px #d946efd9);animation:2.8s linear infinite portfolio-edge-flow}@keyframes portfolio-edge-flow{to{stroke-dashoffset:-274px}}@keyframes portfolio-breathe{0%,to{background:radial-gradient(circle at 50% 45%,#b77eff14,#3f145294 58%,#16071ccc);box-shadow:inset 0 0 14px #a855f70f,0 0 10px #a855f70d}50%{background:radial-gradient(circle at 50% 45%,#cb9dff33,#572170a3 58%,#16071ccc);box-shadow:inset 0 0 20px #be82ff1f,0 0 16px #a855f71a}}@keyframes bubble-flow{to{transform:rotate(360deg)}}.card-qr{background:#fff;border-radius:4px;width:72px;height:72px;padding:7px;position:absolute;top:20px;right:20px;overflow:hidden}.card-qr:before,.card-qr:after,.card-qr span{content:"";background:#fff;border:4px solid #130711;width:20px;height:20px;position:absolute}.card-qr{background-color:#fff;background-image:linear-gradient(90deg,#130711 12%,#0000 12% 24%,#130711 24% 36%,#0000 36% 52%,#130711 52% 64%,#0000 64% 76%,#130711 76% 88%,#0000 88%),linear-gradient(#130711 12%,#0000 12% 24%,#130711 24% 36%,#0000 36% 52%,#130711 52% 64%,#0000 64% 76%,#130711 76% 88%,#0000 88%);background-size:17px 17px}.card-doodle{fill:none;width:82px;height:65px;stroke:var(--pink);stroke-width:2px;opacity:.8;position:absolute;bottom:18px;right:20px;transform:rotate(-8deg)}.resume-link{letter-spacing:.03em;margin-top:2px;color:var(--lime)!important;font-size:11px!important}.skill-icon{object-fit:contain;border-radius:7px;align-self:flex-end;width:30px;height:30px}.portfolio-browser .work-card{cursor:pointer}@media (width<=800px){.home-meta{top:82px}.admin-trigger{width:38px;height:38px;top:20px;right:20px}.card-carousel-copy span{font-size:9px;top:96px;left:calc(100vw - 240px)}.portfolio-main-tabs{overflow:auto}.portfolio-main-tabs button{padding:7px 12px;font-size:10px}}.business-card{min-height:330px;padding-right:175px;position:relative;overflow:hidden}.card-qr{background-color:#130711;background-image:linear-gradient(90deg,#fff 12%,#0000 12% 24%,#fff 24% 36%,#0000 36% 52%,#fff 52% 64%,#0000 64% 76%,#fff 76% 88%,#0000 88%),linear-gradient(#fff 12%,#0000 12% 24%,#fff 24% 36%,#0000 36% 52%,#fff 52% 64%,#0000 64% 76%,#fff 76% 88%,#0000 88%);background-size:15px 15px;border:2px solid #fff;border-radius:0;width:132px;height:148px;padding:10px;top:2px;right:16px}.card-qr:before,.card-qr:after,.card-qr span{background:#130711;border:4px solid #fff;width:23px;height:23px}.card-qr:before{top:10px;left:10px}.card-qr:after{top:10px;right:10px}.card-qr span{bottom:10px;left:10px}.resume-image-link,.resume-image-placeholder{border:2px solid var(--pink);background:#0c030c8c;width:132px;height:120px;display:block;position:absolute;bottom:31px;right:16px;overflow:hidden}.resume-image-link img{object-fit:cover;width:100%;height:100%;display:block}.resume-caption{text-align:center;white-space:nowrap;width:132px;line-height:1.1;position:absolute;bottom:9px;right:16px;color:var(--lime)!important;font-size:11px!important}.card-qr.has-image{background:#130711;padding:0}.card-qr.has-image:before,.card-qr.has-image:after,.card-qr.has-image span{display:none}.card-qr.has-image img{object-fit:contain;width:100%;height:100%;display:block}.resume-image-placeholder{background:linear-gradient(145deg,#ff3f8614,#0c030ccc)}.admin-file-field input[type=file]{color:var(--muted);background:#ffffff08;border:1px dashed #ffffff40;padding:7px;font-size:11px}.admin-file-field small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.app-error{color:#fff;background:#11010a;place-items:center;width:100vw;height:100vh;font-size:14px;display:grid}.work-card{content-visibility:auto;contain-intrinsic-size:360px 420px}@media (width<=800px){.business-card{min-height:330px;padding-right:155px}.card-qr{width:116px;height:130px;right:12px}.resume-image-link,.resume-image-placeholder{width:116px;height:104px;right:12px}.resume-caption{width:116px;right:12px;font-size:10px!important}}