.portfolio-container{width:100%;min-height:100vh}.sb-skip-link{position:fixed;top:-100px;left:8px;background:var(--sb-ink);color:var(--sb-bg);padding:12px 18px;border-radius:8px;z-index:100;font-weight:600;text-decoration:none;transition:top .15s ease}.sb-skip-link:focus,.sb-skip-link:focus-visible{top:8px;outline:2px solid var(--sb-coral);outline-offset:2px}.sb-nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--sb-bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--sb-line);transition:transform .3s ease}.sb-nav-container{display:flex;align-items:center;justify-content:space-between;padding:18px 56px;gap:24px;max-width:1400px;margin:0 auto}.sb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.sb-logo-mark{width:38px;height:38px;border-radius:12px;background:var(--sb-coral);color:#fff;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:700;font-size:18px;transform:rotate(-6deg);box-shadow:0 6px 0 -3px var(--sb-yellow);flex-shrink:0}.sb-logo-text{display:flex;flex-direction:column;line-height:1.1}.sb-logo-name{font-weight:600;font-size:16px;letter-spacing:-.01em}.sb-logo-sub{font-size:11px;color:var(--sb-ink-2);font-weight:500}.sb-nav-links{display:flex;gap:28px;font-size:14px;font-weight:500}.sb-nav-links a{color:var(--sb-ink);letter-spacing:-.01em;transition:color .15s}.sb-nav-links a:hover{color:var(--sb-coral)}.sb-nav-actions{display:flex;gap:10px;align-items:center}.sb-theme-btn{width:36px;height:36px;border-radius:999px;background:var(--sb-surface);border:1px solid var(--sb-line);cursor:pointer;display:grid;place-items:center;font-size:14px;color:var(--sb-ink);transition:transform .15s,background .15s}.sb-theme-btn:hover{transform:rotate(-12deg);background:var(--sb-coral-soft)}.sb-nav-cta{background:var(--sb-ink);color:var(--sb-bg);border:none;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .15s,box-shadow .15s}.sb-nav-cta:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--sb-coral)}.sb-menu-icon{display:none;background:none;border:none;cursor:pointer;color:var(--sb-ink);font-size:1.4rem;padding:6px}.sb-nav-drawer{display:none}.sb-hero{padding:80px 56px;position:relative;overflow:hidden;max-width:1400px;margin:0 auto}.sb-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--sb-coral-soft);color:var(--sb-coral);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:28px;border:1px solid var(--sb-coral)}.sb-dot{width:8px;height:8px;border-radius:999px;background:var(--sb-coral);animation:sb-pulse 1.6s ease-in-out infinite}@keyframes sb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.sb-hero h1{font-family:Fraunces,serif;font-size:clamp(48px,7.2vw,120px);font-weight:600;line-height:.96;letter-spacing:-.035em;margin:0 0 24px;max-width:16ch;color:var(--sb-ink)}.sb-hero h1 em{font-style:italic;color:var(--sb-coral);font-variation-settings:"SOFT" 100;position:relative;display:inline-block}.sb-hero h1 em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.18em;background:var(--sb-yellow);z-index:-1;transform:skew(-6deg) rotate(-1deg);border-radius:4px}.sb-hero p.lead{font-size:22px;line-height:1.45;color:var(--sb-ink-2);max-width:56ch;margin:0 0 36px}.sb-hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.sb-btn-primary{background:var(--sb-ink);color:var(--sb-bg);padding:16px 28px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .15s}.sb-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--sb-coral)}.sb-btn-ghost{background:transparent;color:var(--sb-ink);padding:14px 24px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:2px solid var(--sb-ink);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,background .15s}.sb-btn-ghost:hover{transform:translate(-2px,-2px);background:var(--sb-coral-soft)}.sb-blob{position:absolute;pointer-events:none}.sb-sticker{position:absolute;background:var(--sb-surface);border:1px solid var(--sb-line);border-radius:16px;padding:14px 18px;box-shadow:8px 8px 0 var(--sb-coral-soft);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;color:var(--sb-ink);z-index:2}.sb-sticker--mint{background:var(--sb-mint);color:#0e2a22;box-shadow:8px 8px 0 var(--sb-purple);border-color:transparent}[data-theme=dark] .sb-sticker--mint{box-shadow:8px 8px 0 var(--sb-yellow)}.sb-sticker--blue{background:var(--sb-blue);color:#fff;box-shadow:6px 6px 0 var(--sb-yellow);border-color:transparent}.sb-services{padding:100px 56px;background:var(--sb-surface);position:relative}.sb-services-inner,.sb-about-inner,.sb-projects-inner,.sb-contact-inner{max-width:1400px;margin:0 auto}.sb-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:56px;gap:40px;flex-wrap:wrap}.sb-section-head h2{font-family:Fraunces,serif;font-size:clamp(36px,5vw,72px);font-weight:600;line-height:1;letter-spacing:-.03em;margin:0;max-width:14ch;color:var(--sb-ink)}.sb-section-head h2 em{font-style:italic;color:var(--sb-coral)}.sb-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--sb-coral);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.sb-eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.sb-aside{max-width:36ch;color:var(--sb-ink-2);font-size:16px;line-height:1.55;margin:0}.sb-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.sb-svc{background:var(--sb-bg);border:1px solid var(--sb-line);border-radius:22px;padding:28px 26px;position:relative;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;color:var(--sb-ink)}.sb-svc:hover,.sb-svc:focus-visible{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--sb-ink)}.sb-svc-1,.sb-svc-2{grid-column:span 3}.sb-svc-3,.sb-svc-4,.sb-svc-5{grid-column:span 2}.sb-svc-glyph{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:700;font-size:22px;color:#fff;margin-bottom:22px;transform:rotate(-4deg)}.sb-svc h3{font-family:Fraunces,serif;font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;line-height:1.1}.sb-svc p{font-size:15px;line-height:1.55;color:var(--sb-ink-2);margin:0 0 18px}.sb-svc-tags{display:flex;flex-wrap:wrap;gap:6px}.sb-svc-tag{font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--sb-surface);border:1px solid var(--sb-line);color:var(--sb-ink-2)}.sb-svc-arrow{position:absolute;top:26px;right:26px;width:36px;height:36px;border-radius:999px;background:var(--sb-ink);color:var(--sb-bg);display:grid;place-items:center;transition:transform .2s;font-size:14px}.sb-svc:hover .sb-svc-arrow{transform:rotate(-45deg)}.sb-about{padding:120px 56px}.sb-about-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.sb-avatar-wrap{position:relative;aspect-ratio:4/5;max-width:480px;margin:0 auto;width:100%}.sb-avatar{width:100%;height:100%;background:var(--sb-coral);border-radius:280px 40px;position:relative;overflow:hidden;display:grid;place-items:center}.sb-avatar:before{content:"";position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.5);border-radius:270px 30px;pointer-events:none}.sb-avatar-initials{font-family:Fraunces,serif;font-style:italic;font-size:200px;color:var(--sb-bg);font-weight:500;letter-spacing:-.04em;line-height:1}.sb-about-text h2{font-family:Fraunces,serif;font-size:clamp(36px,4.6vw,60px);font-weight:600;letter-spacing:-.03em;margin:0 0 28px;line-height:1.02;color:var(--sb-ink)}.sb-about-text h2 em{font-style:italic;color:var(--sb-coral)}.sb-about-text p{font-size:17px;line-height:1.65;color:var(--sb-ink-2);margin:0 0 18px}.sb-about-text p strong{color:var(--sb-ink);font-weight:600}.sb-skills{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sb-skill{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:14px;background:var(--sb-surface);border:1px solid var(--sb-line);transition:transform .15s}.sb-skill:hover{transform:translateY(-3px)}.sb-skill-glyph{font-family:Fraunces,serif;font-weight:700;font-size:18px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sb-coral-soft);color:var(--sb-coral)}.sb-skill-name{font-size:13px;font-weight:600;color:var(--sb-ink)}.sb-projects{background:var(--sb-ink);color:var(--sb-bg);padding:120px 56px;border-radius:48px 48px 0 0}[data-theme=dark] .sb-projects{background:var(--sb-coral);color:#16110b}.sb-projects .sb-eyebrow{color:var(--sb-coral)}[data-theme=dark] .sb-projects .sb-eyebrow{color:#16110b}.sb-projects h2{color:var(--sb-bg)}[data-theme=dark] .sb-projects h2{color:#16110b}.sb-projects .sb-aside{color:#ffffffb3}[data-theme=dark] .sb-projects .sb-aside{color:#16110bd9}.sb-proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sb-proj{background:var(--sb-surface);color:var(--sb-ink);border-radius:24px;padding:30px;position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column}[data-theme=dark] .sb-proj{background:#1e1810;color:var(--sb-ink)}.sb-proj-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-coral);margin-bottom:18px;position:relative;z-index:1}[data-theme=dark] .sb-proj-tag{color:var(--sb-yellow)}.sb-proj h3{font-family:Fraunces,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0 0 14px;position:relative;z-index:1}.sb-proj p{font-size:14px;line-height:1.55;color:var(--sb-ink-2);margin:0 0 24px;flex:1;position:relative;z-index:1}[data-theme=dark] .sb-proj p{color:#fff6eca6}.sb-proj-meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--sb-line);font-size:13px;font-weight:500;color:var(--sb-ink-2);gap:12px;position:relative;z-index:1}[data-theme=dark] .sb-proj-meta{border-top-color:#fff6ec1a}.sb-proj-link{display:inline-flex;gap:6px;align-items:center;color:var(--sb-coral);font-weight:600;text-decoration:none;transition:gap .15s}.sb-proj-link:hover{gap:10px}.sb-proj-link[aria-disabled=true]{color:var(--sb-ink-2);cursor:not-allowed;pointer-events:none}.sb-proj-bubble{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:999px;opacity:.6;z-index:0}.sb-contact{padding:140px 56px 80px;text-align:center;position:relative;overflow:hidden}.sb-contact .sb-eyebrow{justify-content:center}.sb-contact h2{font-family:Fraunces,serif;font-size:clamp(54px,9vw,140px);font-weight:600;line-height:.96;letter-spacing:-.04em;margin:0 0 24px;color:var(--sb-ink)}.sb-contact h2 em{font-style:italic;color:var(--sb-coral);position:relative;display:inline-block}.sb-contact h2 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'><path d='M2 14 Q 50 2, 100 12 T 198 8' stroke='%23FF7849' stroke-width='4' fill='none' stroke-linecap='round'/></svg>") no-repeat center / 100% 100%}.sb-contact p.lead{font-size:20px;color:var(--sb-ink-2);max-width:52ch;margin:0 auto 48px;line-height:1.5}.sb-contact-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.sb-contact-card{display:inline-flex;align-items:center;gap:12px;background:var(--sb-surface);border:1px solid var(--sb-line);border-radius:14px;padding:14px 22px;font-size:15px;font-weight:500;text-decoration:none;color:var(--sb-ink);transition:transform .15s,box-shadow .15s}.sb-contact-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--sb-coral-soft)}.sb-contact-card--discord{background:#5865f2;border-color:#5865f2;color:#fff}.sb-contact-card--discord:hover{box-shadow:4px 4px 0 var(--sb-yellow)}.sb-contact-form-wrap{max-width:1100px;margin:0 auto;text-align:left}.sb-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.sb-contact-aside{font-size:16px;color:var(--sb-ink-2);line-height:1.6}.sb-contact-aside h3{font-family:Fraunces,serif;font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px;color:var(--sb-ink)}.sb-form{display:flex;flex-direction:column;gap:16px;background:var(--sb-surface);border:1px solid var(--sb-line);border-radius:22px;padding:28px}.sb-form-field{display:flex;flex-direction:column;gap:6px;text-align:left}.sb-form-field label{font-size:13px;font-weight:600;color:var(--sb-ink);letter-spacing:-.01em}.sb-form-field input,.sb-form-field textarea{font-family:inherit;font-size:15px;padding:12px 14px;border-radius:12px;border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-ink);outline:none;transition:border-color .15s,box-shadow .15s}.sb-form-field textarea{min-height:120px;resize:vertical}.sb-form-field input:focus,.sb-form-field textarea:focus{border-color:var(--sb-coral);box-shadow:0 0 0 3px var(--sb-coral-soft)}.sb-form-field input[aria-invalid=true],.sb-form-field textarea[aria-invalid=true]{border-color:var(--sb-error)}.sb-form-error{color:var(--sb-error);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.sb-form-submit{margin-top:8px;justify-content:center}.sb-form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sb-footer{border-top:1px solid var(--sb-line);padding:32px 56px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--sb-ink-2);gap:16px;flex-wrap:wrap;max-width:1400px;margin:0 auto}.sb-footer a{color:var(--sb-ink-2);transition:color .15s}.sb-footer a:hover{color:var(--sb-coral)}.sb-cookie{position:fixed;bottom:16px;left:16px;right:16px;max-width:640px;margin:0 auto;background:var(--sb-surface);border:1px solid var(--sb-line);border-radius:22px;padding:20px 24px;display:flex;align-items:center;gap:16px;z-index:9999;color:var(--sb-ink);box-shadow:8px 8px 0 var(--sb-coral-soft);flex-wrap:wrap;font-size:14px}.sb-cookie p{margin:0;flex:1;min-width:220px;color:var(--sb-ink-2)}.sb-cookie-actions{display:flex;gap:8px}.sb-cookie-actions button{font-family:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-ink)}.sb-cookie-actions .sb-cookie-accept{background:var(--sb-ink);color:var(--sb-bg);border-color:var(--sb-ink)}.sb-legal{max-width:800px;margin:0 auto;padding:140px 32px 80px;color:var(--sb-ink-2);line-height:1.7}.sb-legal h1{font-family:Fraunces,serif;font-size:clamp(36px,5vw,56px);letter-spacing:-.03em;color:var(--sb-ink);margin:0 0 24px;font-weight:600}.sb-legal h2{font-family:Fraunces,serif;font-size:24px;color:var(--sb-ink);margin-top:32px;font-weight:600}.sb-legal a{color:var(--sb-coral);text-decoration:underline}.sb-maintenance{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sb-bg);color:var(--sb-ink);text-align:center;padding:24px}.sb-maintenance h1{font-family:Fraunces,serif;font-size:clamp(40px,6vw,80px);color:var(--sb-coral);font-weight:600;letter-spacing:-.03em;margin:0 0 16px}.sb-maintenance p{color:var(--sb-ink-2);font-size:18px;max-width:520px;margin:0 auto 24px;line-height:1.55}.sb-notfound{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px;gap:16px}.sb-notfound h1{font-family:Fraunces,serif;font-size:clamp(60px,12vw,140px);color:var(--sb-coral);margin:0;font-weight:600;letter-spacing:-.04em}.sb-notfound p{color:var(--sb-ink-2);font-size:18px;max-width:40ch;margin:0}@media(min-width:769px)and (max-width:1023px){.sb-nav-container{padding:16px 28px;gap:18px}.sb-logo-sub{display:none}.sb-nav-links{gap:18px;font-size:13px}.sb-nav-links a,.sb-nav-cta{white-space:nowrap}.sb-nav-cta{padding:9px 14px;font-size:13px}}@media(max-width:768px){.sb-nav-container{padding:14px 20px}.sb-nav-links,.sb-nav-cta{display:none}.sb-menu-icon{display:inline-flex;align-items:center}.sb-nav-drawer{position:fixed;inset:67px 0 0;background:var(--sb-bg);padding:32px 24px;flex-direction:column;gap:20px;z-index:49}.sb-nav-drawer.open{display:flex}.sb-nav-drawer a:not(.sb-nav-cta){font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--sb-ink);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--sb-line)}.sb-nav-drawer .sb-nav-cta{display:inline-flex;align-self:flex-start;margin-top:16px}.sb-hero,.sb-services,.sb-about,.sb-projects,.sb-contact{padding-left:24px;padding-right:24px}.sb-hero{padding-top:56px;padding-bottom:56px}.sb-services,.sb-about{padding-top:72px;padding-bottom:72px}.sb-projects{padding-top:72px;padding-bottom:72px;border-radius:32px 32px 0 0}.sb-contact{padding-top:80px;padding-bottom:48px}.sb-hero p.lead{font-size:18px}.sb-section-head{margin-bottom:36px}.sb-service-grid{grid-template-columns:1fr}.sb-svc-1,.sb-svc-2,.sb-svc-3,.sb-svc-4,.sb-svc-5{grid-column:span 1}.sb-about-inner{grid-template-columns:1fr;gap:48px}.sb-avatar-wrap{max-width:320px}.sb-avatar-initials{font-size:140px}.sb-skills{grid-template-columns:repeat(2,1fr)}.sb-proj-grid{grid-template-columns:1fr}.sb-contact-grid{grid-template-columns:1fr;gap:32px}.sb-hero .sb-sticker,.sb-about .sb-sticker{display:none}.sb-footer{flex-direction:column;align-items:flex-start;padding:24px 24px 32px;gap:8px}}:root,[data-theme=light]{--sb-bg: #FFF6EC;--sb-surface: #FFFDFA;--sb-ink: #1F1A14;--sb-ink-2: #6B5F4E;--sb-line: #E8DECB;--sb-coral: #FF7849;--sb-coral-soft: #FFD4BD;--sb-mint: #6FD3B8;--sb-blue: #5B7CFA;--sb-yellow: #FFC857;--sb-purple: #B79CFF;--sb-pink: #FFB8C8;--sb-error: #E0492A;color-scheme:light}[data-theme=dark]{--sb-bg: #16110B;--sb-surface: #1E1810;--sb-ink: #FFF6EC;--sb-ink-2: #B0A38E;--sb-line: #2E261B;--sb-coral: #FF7849;--sb-coral-soft: #4A2818;--sb-mint: #6FD3B8;--sb-blue: #5B7CFA;--sb-yellow: #FFC857;--sb-purple: #B79CFF;--sb-pink: #FFB8C8;--sb-error: #FF6B4A;color-scheme:dark}html{scroll-behavior:smooth}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:Inter Tight,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.55;background:var(--sb-bg);color:var(--sb-ink);transition:background-color .25s ease,color .25s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.sb-serif{font-family:Fraunces,"Instrument Serif",Georgia,serif;font-variation-settings:"SOFT" 30}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.5,0,0,1),transform .7s cubic-bezier(.5,0,0,1);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}:focus-visible{outline:2px solid var(--sb-coral);outline-offset:3px;border-radius:4px}a{color:inherit;text-decoration:none}