.portfolio{--kit-bg:#000;--kit-surface:#090909;--kit-hover:#111;--kit-text:#f4f4f4;--kit-muted:#a0a0a0;--kit-dim:#858585;--kit-line:#232323;--kit-strong-line:#5b9aff;--kit-accent:#78b6ff;--kit-gradient:linear-gradient(110deg, #91c9ff 0%, #599fff 48%, #3378e8 100%);--kit-button:linear-gradient(110deg, #8bc4ff 0%, #64a6ff 45%, #4388ef 100%);--kit-button-text:#03070d;--kit-accent-wash:#559bff1f;background:var(--kit-bg);min-height:100svh;color:var(--kit-text);font-size:14px;font-family:var(--font-roboto-mono), "Roboto Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:background-color .2s,color .2s}.portfolio[data-theme=light]{--kit-bg:#fafaf9;--kit-surface:#fff;--kit-hover:#f2f2f0;--kit-text:#161616;--kit-muted:#626262;--kit-dim:#6c6c6c;--kit-line:#e3e3df;--kit-strong-line:#bfbfba;--kit-accent:#2863ca;--kit-gradient:linear-gradient(110deg, #397ada 0%, #2869d5 50%, #225bc5 100%);--kit-button:linear-gradient(110deg, #3674d5 0%, #2c66cd 50%, #245ac2 100%);--kit-button-text:#fff;--kit-accent-wash:#4281eb14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.portfolio :where(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--kit-accent);outline-offset:5px}.portfolio svg{flex-shrink:0}.portfolio h1,.portfolio h2,.portfolio h3,.kit-overview strong,.portfolio :where(button,input,textarea){font-family:inherit}.kit-brand,.kit-profile h1,.kit-contact h2 span{background:var(--kit-gradient);color:var(--kit-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kit-topbar{align-items:center;gap:28px;width:min(1080px,100% - 80px);min-height:90px;margin:0 auto;padding:22px 0;display:flex}.kit-brand{letter-spacing:-.045em;align-items:center;font-size:23px;font-weight:500;display:inline-flex}.kit-brand-name{align-items:center;gap:5px;display:inline-flex}.kit-nav{align-items:center;gap:26px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.kit-nav a{align-items:center;gap:4px;padding-block:8px;transition:color .18s;display:inline-flex}.kit-nav a:hover,.kit-footer a:hover{color:var(--kit-accent)}.kit-nav svg{width:13px;height:13px}.kit-controls{gap:12px;display:flex;position:relative}.kit-icon-button{border:1px solid var(--kit-line);background:var(--kit-surface);width:36px;height:36px;color:var(--kit-muted);cursor:pointer;border-radius:10px;place-items:center;transition:color .2s,border-color .2s,transform .2s;display:grid}.kit-icon-button:hover{color:var(--kit-text);border-color:var(--kit-strong-line);transform:translateY(-2px)}.kit-copy-status{z-index:2;background:var(--kit-text);width:max-content;max-width:260px;color:var(--kit-bg);border-radius:7px;font-size:11px;position:absolute;top:46px;right:0}.kit-copy-status:not(:empty){border:1px solid var(--kit-line);padding:9px 12px}.kit-main,.kit-footer{width:min(1080px,100% - 80px);margin-inline:auto}.kit-profile{grid-template-columns:1fr .9fr;align-items:center;gap:70px;min-height:500px;padding:70px 42px 80px;scroll-margin-top:20px;animation:.75s both kit-appear;display:grid}.kit-profile-copy{z-index:1;position:relative}.kit-profile-art{justify-self:center;width:280px;height:280px;position:relative}.kit-profile-art:before{content:"";border:1px solid #599fff6b;border-radius:48px;position:absolute;inset:-22px;transform:rotate(7deg)}.kit-profile-art:after{content:"";z-index:0;background:var(--kit-gradient);opacity:.2;filter:blur(50px);pointer-events:none;border-radius:50%;position:absolute;inset:14% -12% -10%}.kit-profile-image{z-index:1;border:1px solid var(--kit-line);background:var(--kit-bg);border-radius:36px;width:100%;height:100%;transition:transform .4s;position:relative;overflow:hidden;transform:rotate(-5deg)}.kit-profile-art:hover .kit-profile-image{transform:rotate(-2deg)translateY(-4px)}.kit-profile-image img{object-fit:cover;width:100%;height:100%;display:block}.kit-eyebrow{color:var(--kit-muted);letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:10px;font-weight:650;line-height:1.5}.kit-profile h1{letter-spacing:-.075em;margin:7px 0 0;font-size:clamp(82px,8vw,112px);font-weight:500;line-height:1.15;display:inline-block;position:relative}.kit-availability{color:var(--kit-dim);align-items:center;gap:7px;margin-top:23px;font-size:10px;line-height:1.5;display:inline-flex}.kit-availability i{background:var(--kit-accent);border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 10px #599fff59}.kit-tagline{color:var(--kit-muted);letter-spacing:-.025em;margin:18px 0 0;font-size:20px}.kit-profile-actions{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:28px;display:flex}.kit-button{background:var(--kit-button);min-height:46px;color:var(--kit-button-text);border:1px solid #96c8ff40;border-radius:11px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:12px;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex;box-shadow:0 5px 24px #3378e824}.kit-button:hover{opacity:.9;transform:translateY(-2px)}.kit-button svg{width:16px;height:16px}.kit-button svg:last-child{width:13px;height:13px;margin-left:7px}.kit-youtube-link{min-height:44px;color:var(--kit-muted);align-items:center;gap:8px;font-size:12px;transition:color .2s;display:inline-flex}.kit-youtube-link:hover{color:var(--kit-text)}.kit-youtube-link svg:first-child{color:var(--kit-accent);width:25px;height:25px}.kit-youtube-link svg:last-child{width:12px;height:12px}.kit-overview{border-block:1px solid var(--kit-line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 auto;padding:30px 0;display:grid;position:relative}.kit-overview:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#91c9ff 25%,#3378e8 75%,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.kit-overview>div{flex-direction:column;align-items:flex-start;padding:0 42px;display:flex}.kit-overview>div+div{border-left:1px solid var(--kit-line)}.kit-overview strong{letter-spacing:-.055em;white-space:nowrap;order:-1;margin:0 0 12px;font-size:40px;font-weight:600;line-height:1.2}.kit-overview strong span{color:var(--kit-accent);letter-spacing:-.035em;font-size:18px;font-weight:500}.kit-overview>div:first-child strong span{margin-left:4px}.kit-overview>div>p:last-child{color:var(--kit-dim);margin:7px 0 0;font-size:10px;line-height:1.5}.kit-network{padding:80px 0 0;scroll-margin-top:35px}.kit-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.kit-section-heading h2{letter-spacing:-.05em;margin:10px 0 0;font-size:32px;font-weight:700;line-height:1.2}.kit-section-note{color:var(--kit-muted);align-items:center;gap:6px;padding-bottom:3px;font-size:11px;display:inline-flex}.kit-section-note svg{width:12px;height:12px}.kit-channel-tabs{border:1px solid var(--kit-line);border-radius:10px;align-items:center;gap:5px;width:fit-content;margin-bottom:23px;padding:4px;display:flex}.kit-channel-tabs button{color:var(--kit-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.kit-channel-tabs button:hover{color:var(--kit-text)}.kit-channel-tabs button[aria-selected=true]{color:var(--kit-accent);background:var(--kit-accent-wash);box-shadow:inset 0 -1px 0 var(--kit-accent)}.kit-channel-tabs button span{background:var(--kit-hover);border:1px solid var(--kit-line);min-width:18px;color:var(--kit-dim);border-radius:4px;padding:2px 4px;font-size:9px}.kit-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kit-channel-card{background:linear-gradient(var(--kit-surface), var(--kit-surface)) padding-box, linear-gradient(130deg, #74b3ff61, var(--kit-line) 48%, #3378e838) border-box;border:1px solid #0000;border-radius:15px;grid-template-columns:20px 56px minmax(0,1fr) auto 18px;align-items:center;gap:15px;min-width:0;min-height:118px;padding:23px;transition:border-color .22s,transform .22s,background-color .22s;animation:.45s both kit-appear;display:grid}.kit-channel-card:hover{border-color:var(--kit-strong-line);background:var(--kit-hover);transform:translateY(-3px)}.kit-channel-index{color:var(--kit-dim);font-family:var(--font-geist-mono), monospace;font-size:10px}.kit-channel-avatar{object-fit:cover;border:1px solid var(--kit-line);border-radius:14px;width:56px;height:56px;display:block}.kit-channel-body{min-width:0}.kit-channel-body h3{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 5px;font-size:14px;font-weight:600;line-height:1.4}.kit-channel-body p{color:var(--kit-muted);overflow-wrap:anywhere;margin:0;font-size:10px}.kit-channel-meta{text-align:right;gap:4px;display:grid}.kit-channel-meta strong{letter-spacing:-.035em;font-size:16px;font-weight:600}.kit-channel-meta span{color:var(--kit-dim);font-size:9px}.kit-channel-arrow{width:18px;height:18px;color:var(--kit-accent);transition:color .2s,transform .2s}.kit-channel-card:hover .kit-channel-arrow{color:var(--kit-text);transform:translate(2px,-2px)}.kit-contact{border-top:1px solid var(--kit-line);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:76px;padding:60px 0 10px;scroll-margin-top:35px;display:grid}.kit-contact h2{letter-spacing:-.055em;margin:20px 0 0;font-size:42px;font-weight:500;line-height:1.2}.kit-contact h2 span{color:var(--kit-accent)}.kit-contact-description{color:var(--kit-muted);margin:22px 0 0;font-size:12px;line-height:1.8}.kit-email{letter-spacing:-.035em;align-items:center;gap:12px;margin-top:24px;font-size:19px;font-weight:600;transition:color .2s;display:inline-flex}.kit-email:hover{color:var(--kit-accent)}.kit-email svg{width:16px;height:16px;color:var(--kit-muted)}.portfolio .contact-form{border:1px solid var(--kit-line);background:var(--kit-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;gap:19px;padding:26px;display:grid}.portfolio .contact-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio .contact-form label{gap:8px;min-width:0}.portfolio .contact-form label>span{color:var(--kit-muted);letter-spacing:0;text-transform:none;font-size:10px;font-weight:500}.portfolio .contact-form input,.portfolio .contact-form textarea{border:1px solid var(--kit-line);background:var(--kit-bg);color:var(--kit-text);box-shadow:none;border-radius:6px;font-size:12px}.portfolio .contact-form input{height:42px;padding-inline:12px}.portfolio .contact-form textarea{min-height:112px;padding:12px}.portfolio .contact-form input::placeholder,.portfolio .contact-form textarea::placeholder{color:var(--kit-dim)}.portfolio .contact-form input:focus,.portfolio .contact-form textarea:focus{background:var(--kit-bg);border-color:var(--kit-strong-line);box-shadow:0 0 0 3px var(--kit-accent-wash)}.portfolio .contact-submit-row{flex-direction:column;align-items:stretch;gap:10px}.portfolio .contact-submit-row button{background:var(--kit-button);min-height:44px;color:var(--kit-button-text);border-radius:6px;order:0;justify-content:space-between;font-size:12px;font-weight:600}.portfolio .contact-submit-row button:hover{box-shadow:none;opacity:.9;transform:translateY(-1px)}.portfolio .contact-submit-row small{text-align:center;color:var(--kit-dim);letter-spacing:0;text-transform:none;order:1;font-size:10px}.kit-footer{border-top:1px solid var(--kit-line);min-height:100px;color:var(--kit-dim);justify-content:space-between;align-items:center;gap:20px;margin-top:50px;font-size:10px;display:flex}.kit-footer .kit-brand{color:var(--kit-text);gap:5px;font-size:15px}.kit-footer>a:last-child{align-items:center;gap:5px;transition:color .2s;display:inline-flex}.kit-footer>a:last-child svg{width:12px;height:12px}@keyframes kit-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.kit-topbar{gap:20px;width:calc(100% - 48px);padding-inline:0}.kit-main,.kit-footer{width:calc(100% - 48px)}.kit-profile{gap:50px;min-height:460px;padding:60px 15px 70px}.kit-profile-art{width:225px;height:225px}.kit-contact{gap:30px}.kit-contact h2{font-size:36px}.kit-overview strong{font-size:32px}.kit-overview>div{padding-inline:20px}.kit-channel-card{grid-template-columns:48px minmax(0,1fr) auto 14px;gap:12px;padding:18px}.kit-channel-index{display:none}.kit-channel-avatar{border-radius:12px;width:48px;height:48px}.kit-channel-body h3{font-size:13px}.kit-channel-meta strong{font-size:15px}}@media (max-width:640px){.kit-topbar{gap:16px;width:calc(100% - 36px);min-height:76px;padding-block:18px}.kit-brand{font-size:18px}.kit-nav{gap:16px;font-size:11px}.kit-nav svg{display:none}.kit-controls{gap:8px}.kit-icon-button{width:33px;height:33px}.kit-main,.kit-footer{width:calc(100% - 36px)}.kit-profile{grid-template-columns:1fr;gap:48px;padding:40px 10px 52px}.kit-profile-copy{justify-self:start}.kit-profile-art{width:90px;height:90px;position:absolute;top:48px;right:12px}.kit-profile{position:relative}.kit-profile-art:before{border-radius:21px;inset:-7px}.kit-profile-image{border-radius:18px}.kit-profile h1{font-size:78px}.kit-profile-actions{gap:24px;margin-top:25px}.kit-tagline{margin-top:22px;font-size:17px}.kit-overview{padding:24px 0}.kit-overview>div{padding-inline:6px}.kit-overview .kit-eyebrow{letter-spacing:.1em;font-size:8px}.kit-overview strong{margin:0 0 12px;font-size:22px}.kit-overview strong span{font-size:11px}.kit-overview>div>p:last-child{max-width:95px;margin-top:9px;font-size:9px}.kit-network{padding-top:55px}.kit-section-heading h2{font-size:28px}.kit-section-note{display:none}.kit-channel-grid{grid-template-columns:1fr;gap:14px}.kit-channel-card{min-height:100px}.kit-contact{grid-template-columns:1fr;gap:30px;margin-top:52px;padding:40px 0 0}.kit-contact h2{font-size:clamp(28px,8.5vw,36px)}.kit-contact-copy{padding:0}.kit-footer{gap:10px;min-height:90px;margin-top:34px}}@media (max-width:360px){.kit-topbar{gap:11px}.kit-nav{gap:10px}.kit-controls{gap:5px}.kit-icon-button{width:30px;height:30px}.kit-profile-art{width:78px;height:78px;top:50px;right:10px}.kit-profile h1{font-size:68px}.kit-overview strong{font-size:18px}.kit-overview strong span{font-size:10px}.kit-profile-actions{gap:15px}.kit-button{padding-inline:15px}.kit-contact h2{font-size:28px}.portfolio .contact-form{padding:20px}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :before,.portfolio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:480px){.portfolio .contact-field-row{grid-template-columns:1fr}}
