@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300&display=swap";@import "https://fonts.googleapis.com/css2?family=Shadows+Into+Light:wght@400&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";:root{--kanso-ink-900:#1a1a1a;--kanso-ink-800:#2a2a2a;--kanso-ink-700:#3d3d3d;--kanso-ink-600:#5c5c5c;--kanso-ink-500:#8a8a8a;--kanso-ink-400:#b5b5b5;--kanso-ink-300:#d4d4d4;--kanso-ink-200:#e5e5e5;--kanso-ink-100:#efefef;--kanso-ink-050:#f5f5f5;--kanso-ink-000:#fff;--kanso-accent-700:#b11f5e;--kanso-accent-600:#c42569;--kanso-accent-500:#dd2773;--kanso-accent-100:#fce6ee;--kanso-accent-050:#fdf3f7;--kanso-success-600:#2f7d5b;--kanso-success-500:#3f9b72;--kanso-success-100:#e6f1ec;--kanso-warning-600:#a8741a;--kanso-warning-500:#c68a24;--kanso-warning-100:#f6eedf;--kanso-danger-600:#b23b3b;--kanso-danger-500:#c94b4b;--kanso-danger-100:#f7e5e5;--kanso-info-600:#3a6e8f;--kanso-info-500:#4d87ab;--kanso-info-100:#e5eef4;--bg-canvas:var(--kanso-ink-050);--bg-surface:var(--kanso-ink-000);--bg-subtle:var(--kanso-ink-100);--bg-tinted:var(--kanso-accent-050);--fg-primary:var(--kanso-ink-900);--fg-secondary:var(--kanso-ink-600);--fg-tertiary:var(--kanso-ink-500);--fg-disabled:var(--kanso-ink-400);--fg-on-accent:var(--kanso-ink-000);--fg-accent:var(--kanso-accent-500);--border-subtle:var(--kanso-ink-200);--border-default:var(--kanso-ink-300);--border-strong:var(--kanso-ink-700);--focus-ring:#dd277352;--font-sans:"Inter Tight", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fs-display:clamp(32px, 2rem + 2.5vw, 56px);--fs-h1:clamp(24px, 1.4rem + 1.4vw, 36px);--fs-h2:clamp(18px, 1.05rem + .7vw, 22px);--fs-body:clamp(14px, .85rem + .2vw, 16px);--fs-label:13px;--lh-display:1.15;--lh-heading:1.25;--lh-body:1.55;--lh-label:1.4;--ls-display:-.022em;--ls-heading:-.014em;--ls-body:-.005em;--ls-label:0;--ls-eyebrow:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--space-7:40px;--space-8:56px;--space-9:80px;--gutter:clamp(16px, 4vw, 48px);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1440px;--grid-cols:4;--grid-gutter:16px;--content-max:1200px;--reading-max:640px;--touch-min:44px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #1a1a1a0a;--shadow-sm:0 1px 3px #1a1a1a0d, 0 1px 2px #1a1a1a08;--shadow-md:0 4px 12px #1a1a1a0f, 0 1px 3px #1a1a1a0a;--shadow-lg:0 12px 32px #1a1a1a14, 0 2px 6px #1a1a1a0a;--shadow-focus:0 0 0 3px var(--focus-ring);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.26s;--ease-standard:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (width>=768px){:root{--grid-cols:8;--grid-gutter:20px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px}}@media (width>=1024px){:root{--grid-cols:12;--grid-gutter:24px;--space-7:56px;--space-8:80px;--space-9:120px}}.app{grid-template-rows:52px 1fr 60px;grid-template-columns:1fr;height:100vh;display:grid}.app>.topbar{grid-area:1/1/auto/-1}.app>.sidenav{display:none}.app>.bottomnav{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:6px 0 calc(6px + env(safe-area-inset-bottom));grid-area:3/1/auto/-1;display:flex}.app>.main{padding:var(--space-5) var(--gutter);grid-area:2/1/auto/-1;overflow:auto}@media (width>=768px){.app{grid-template-rows:56px 1fr;grid-template-columns:64px 1fr}.app>.sidenav{grid-area:2/1;display:block}.app>.bottomnav{display:none}.app>.main{padding:var(--space-6) var(--space-7);grid-area:2/2}}@media (width>=1024px){.app{grid-template-columns:240px 1fr}}.topbar{height:52px;padding:0 var(--gutter);-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border-bottom:1px solid #00000012;align-items:stretch;transition:background .4s,border-color .4s,opacity .3s,transform .3s;display:flex}.topbar--hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}@media (width>=1024px){.topbar{padding:0 var(--space-7)}}@media (width>=1280px){.topbar{padding:0 var(--space-8)}}.topbar--transparent{background:#fff0;border-bottom-color:#0000}.theme-dark .topbar{background:#0c0c0cc7;border-bottom:1px solid #ffffff0f}.theme-dark .topbar--transparent{background:#0c0c0c00;border-bottom-color:#0000}.topbar-inner{width:100%;max-width:var(--content-max);align-items:center;gap:12px;margin:0 auto;display:flex}.topbar .brand{font-family:var(--font-sans);letter-spacing:-.012em;color:var(--fg-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:15px;font-weight:500;text-decoration:none;display:flex}.topbar .brand:hover{opacity:.7}.brand-logo{width:auto;height:32px;display:block}.brand-logo--dark,.theme-dark .brand-logo--light{display:none}.theme-dark .brand-logo--dark{display:block}.topbar .search{border-radius:var(--radius-md);background:var(--bg-canvas);height:32px;color:var(--fg-tertiary);flex:0 320px;align-items:center;gap:8px;padding:0 10px;display:none}.topbar .search input{font:400 13px/1 var(--font-sans);color:var(--fg-primary);background:0 0;border:0;outline:0;flex:1}.topbar .search input::placeholder{color:var(--fg-tertiary)}.topbar .right{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width>=768px){.topbar{gap:24px;height:56px;padding:0 20px}.topbar .search{display:flex}}.bottomnav{justify-content:space-around;transition:opacity .2s,visibility .2s;display:flex}.bottomnav--hidden{opacity:0;visibility:hidden;pointer-events:none}.bn-item{cursor:pointer;min-height:48px;color:var(--fg-tertiary);font:500 10px/1.2 var(--font-sans);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 4px;display:flex}.bn-item svg{width:18px;height:18px}.bn-item.on{color:var(--fg-primary)}.bn-item.on svg{color:var(--fg-accent)}.sidenav{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:16px 12px;overflow:auto}.sidenav .section{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);padding:12px 10px 6px;font-size:11px;font-weight:500}.nav-item{border-radius:var(--radius-sm);font:500 13px/1 var(--font-sans);color:var(--fg-primary);cursor:pointer;transition:background var(--motion-fast);white-space:nowrap;align-items:center;gap:10px;padding:7px 10px;display:flex;overflow:hidden}.nav-item:hover,.nav-item.on{background:var(--bg-canvas)}.nav-item svg{width:14px;height:14px;color:var(--fg-secondary);flex-shrink:0}.nav-item .lbl{text-overflow:ellipsis;overflow:hidden}.nav-item .count{color:var(--fg-tertiary);margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:11px}@media (width>=768px) and (width<=1023px){.sidenav{padding:16px 0}.sidenav .section{display:none}.nav-item{justify-content:center;padding:9px 0}.nav-item .lbl,.nav-item .count{display:none}}.k-btn{border-radius:var(--radius-md);font:500 13px/1 var(--font-sans);cursor:pointer;transition:all var(--motion-base) var(--ease-standard);letter-spacing:-.005em;border:0;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.k-btn:focus-visible{box-shadow:var(--shadow-focus);outline:0}.k-btn--primary{background:var(--kanso-ink-900);color:var(--kanso-ink-000)}.k-btn--primary:hover{background:var(--kanso-ink-800)}.k-btn--primary:active{background:var(--kanso-ink-700)}.k-btn--accent{background:var(--kanso-accent-500);color:#fff}.k-btn--accent:hover{background:var(--kanso-accent-600)}.k-btn--accent:active{background:var(--kanso-accent-700)}.k-btn--secondary{background:var(--bg-surface);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}.k-btn--secondary:hover{background:var(--bg-canvas)}.k-btn--ghost{color:var(--fg-primary);background:0 0}.k-btn--ghost:hover{background:var(--bg-subtle)}.k-btn:disabled{background:var(--kanso-ink-200);color:var(--fg-disabled);cursor:not-allowed}.k-btn--icon{justify-content:center;width:32px;height:32px;padding:0}.k-btn svg{width:14px;height:14px}.k-btn--icon svg{width:16px;height:16px}@media (pointer:coarse){.k-btn,.k-input,.nav-item,.bn-item{min-height:var(--touch-min)}}@media (hover:none){.k-btn:hover,.nav-item:hover,.project-row:hover{background:inherit}.k-btn--primary:hover{background:var(--kanso-ink-900)}.k-btn--accent:hover{background:var(--kanso-accent-500)}}.k-field{flex-direction:column;gap:6px;display:flex}.k-field>label{color:var(--fg-secondary);font-size:12px;font-weight:500}.k-input{border-radius:var(--radius-md);height:38px;font:400 14px/1 var(--font-sans);color:var(--fg-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--motion-base) var(--ease-standard);outline:0;width:100%;padding:0 12px}.k-input::placeholder{color:var(--fg-tertiary)}.k-input:focus{border-color:var(--kanso-accent-500);box-shadow:0 0 0 3px #dd27732e}.k-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:24px}.k-card--elevated{box-shadow:var(--shadow-sm)}.k-card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.k-card__title{color:var(--fg-primary);letter-spacing:-.005em;margin:0;font-size:15px;font-weight:500}.k-card__action{color:var(--fg-secondary);cursor:pointer;font-size:13px;text-decoration:none}.k-card__action:hover{color:var(--fg-primary)}.k-tag{border-radius:var(--radius-pill);font:500 11px/1.4 var(--font-sans);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.k-tag--neutral{background:var(--kanso-ink-300);color:var(--kanso-ink-700)}.k-tag--accent{background:var(--kanso-accent-100);color:var(--kanso-accent-700)}.k-tag--success{background:var(--kanso-success-100);color:var(--kanso-success-600)}.k-tag--warning{background:var(--kanso-warning-100);color:var(--kanso-warning-600)}.k-tag--danger{background:var(--kanso-danger-100);color:var(--kanso-danger-600)}.k-avatar{background:var(--kanso-ink-900);width:28px;height:28px;color:var(--kanso-ink-000);font:500 11px/1 var(--font-sans);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.k-avatar--sm{width:24px;height:24px;font-size:10px}.k-avatar--lg{width:40px;height:40px;font-size:14px}.k-toggle{background:var(--kanso-ink-300);cursor:pointer;width:36px;height:20px;transition:background var(--motion-base);border:0;border-radius:999px;flex-shrink:0;padding:0;position:relative}.k-toggle:after{content:"";width:16px;height:16px;transition:left var(--motion-base);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.k-toggle.on{background:var(--kanso-accent-500)}.k-toggle.on:after{left:18px}.page-head{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.page-head h1{font-size:var(--fs-h1);letter-spacing:-.018em;color:var(--fg-primary);margin:0 0 4px;font-weight:500}.page-head .sub{font-size:var(--fs-body);color:var(--fg-secondary)}.page-head .actions{flex-wrap:wrap;gap:8px;display:flex}@media (width>=768px){.page-head{flex-direction:row;justify-content:space-between;align-items:center}}.metrics{margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4)}.metric .lab{color:var(--fg-secondary);margin-bottom:6px;font-size:12px;font-weight:500}.metric .val{letter-spacing:-.018em;color:var(--fg-primary);margin-bottom:6px;font-size:22px;font-weight:500;line-height:1}.metric .delta{color:var(--kanso-success-600);font-size:12px;font-weight:500}.metric .delta--down{color:var(--kanso-danger-600)}@media (width>=768px){.metrics{grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:20px}.metric .val{font-size:28px}}.project-list{background:var(--bg-surface);border-radius:var(--radius-lg);padding:4px 0}.project-row{cursor:pointer;transition:background var(--motion-fast);min-height:var(--touch-min);align-items:center;gap:12px;padding:14px 16px;display:flex}.project-row+.project-row{border-top:1px solid var(--kanso-ink-300)}.project-row:hover{background:var(--bg-canvas)}.project-row .icon{border-radius:var(--radius-md);background:var(--bg-canvas);width:32px;height:32px;color:var(--fg-secondary);flex-shrink:0;place-items:center;display:grid}.project-row .icon svg{width:16px;height:16px}.project-row .body{flex:1;min-width:0}.project-row .title{color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:2px;font-size:14px;font-weight:500}.project-row .meta{color:var(--fg-tertiary);font-size:12px}.project-row .stack{display:none}.project-row .stack .k-avatar{box-shadow:0 0 0 2px var(--bg-surface);margin-left:-6px}.project-row .stack .k-avatar:first-child{margin-left:0}.project-row .chev{color:var(--kanso-ink-400);flex-shrink:0}.project-row .chev svg{width:16px;height:16px}@media (width>=768px){.project-row{gap:16px;padding:16px 24px}.project-row .icon{width:36px;height:36px}.project-row .stack{display:flex}}.files-table{background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden}.files-row{min-height:var(--touch-min);grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.files-row .col-type,.files-row .col-size,.files-row .col-when{display:none}.files-row+.files-row{border-top:1px solid var(--kanso-ink-300)}.files-row.head{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);font-size:11px;font-weight:500;display:none}.files-row svg{width:16px;height:16px;color:var(--fg-secondary)}.files-row .name{color:var(--fg-primary);font-size:16px;font-weight:500}.files-row .meta{color:var(--fg-secondary);font-size:12px}@media (width>=768px){.files-row{grid-template-columns:32px 1fr 120px 100px 80px;gap:16px;padding:14px 24px}.files-row .col-type,.files-row .col-size,.files-row .col-when{display:block}.files-row.head{padding-top:18px;padding-bottom:12px;display:grid}}.settings-grid{flex-direction:column;gap:24px;max-width:880px;display:flex}.settings-side{flex-direction:row;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.settings-side .group{display:none}.settings-side .item{border-radius:var(--radius-sm);font:500 13px/1 var(--font-sans);color:var(--fg-primary);cursor:pointer;min-height:var(--touch-min);white-space:nowrap;flex-shrink:0;align-items:center;padding:8px 12px;display:inline-flex}.settings-side .item.on,.settings-side .item:hover{background:var(--bg-subtle)}@media (width>=1024px){.settings-grid{grid-template-columns:200px 1fr;gap:48px;display:grid}.settings-side{flex-direction:column;overflow:visible}.settings-side .group{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);padding:6px 0;font-size:11px;font-weight:500;display:block}.settings-side .item{min-height:0;display:block}}.settings-card{background:var(--bg-surface);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.settings-card h2{letter-spacing:-.005em;margin:0 0 4px;font-size:16px;font-weight:500}.settings-card .desc{color:var(--fg-secondary);margin:0 0 20px;font-size:13px}.settings-row{flex-direction:column;gap:8px;padding:16px 0;display:flex}.settings-row+.settings-row{border-top:1px solid var(--kanso-ink-300)}.settings-row .lab{color:var(--fg-primary);font-size:16px;font-weight:500}.settings-row .help{color:var(--fg-tertiary);margin-top:2px;font-size:12px}@media (width>=768px){.settings-card{padding:28px}.settings-row{grid-template-columns:200px 1fr;align-items:center;gap:24px;display:grid}}.scrim{z-index:50;background:#1a1a1a52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);width:100%;padding:24px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:16px 16px 0 0}.modal h3{letter-spacing:-.012em;margin:0 0 8px;font-size:18px;font-weight:500}.modal p{color:var(--fg-secondary);margin:0 0 20px;font-size:14px;line-height:1.55}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width>=768px){.scrim{align-items:center}.modal{border-radius:var(--radius-xl);width:420px;padding:28px}}.back-crumb{color:var(--fg-tertiary);cursor:pointer;transition:color var(--motion-fast);align-items:center;gap:4px;margin-bottom:16px;font-size:12px;display:inline-flex}.back-crumb:hover{color:var(--fg-secondary)}.back-crumb svg{width:12px;height:12px}.empty{text-align:center;padding:80px 24px}.empty .icon{border-radius:var(--radius-lg);background:var(--bg-surface);width:48px;height:48px;color:var(--fg-tertiary);place-items:center;margin:0 auto 16px;display:grid}.empty h3{color:var(--fg-primary);margin:0 0 4px;font-size:16px;font-weight:500}.empty p{color:var(--fg-secondary);margin:0 0 16px;font-size:13px}.app--ds .page-transition,.app--ds-sub .page-transition{animation:.18s ds-page-fade}@keyframes ds-page-fade{0%{opacity:0}to{opacity:1}}.app--ds>.main{grid-column:1/-1}.app--ds-sub{grid-template-columns:1fr}@media (width>=768px){.app--ds-sub{grid-template-columns:240px 1fr}.app--ds-sub>.main{grid-column:2}}@media (width>=1024px){.app--ds-sub{grid-template-columns:260px 1fr}}.ds-nav{background:var(--bg-surface);border-right:1px solid var(--border-subtle);grid-area:2/1;padding:24px 16px;display:none;overflow:auto}@media (width>=768px){.ds-nav{display:block}}.ds-nav-brand{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;margin-bottom:32px;padding:4px 8px;display:block}.ds-nav-brand-name{font-family:var(--font-sans);letter-spacing:-.022em;color:var(--fg-primary);align-items:flex-start;font-size:24px;font-weight:500;line-height:1;display:inline-flex}.ds-nav-brand-dot{background:var(--fg-accent);border-radius:999px;width:8px;height:8px;margin-top:2px;margin-left:3px;display:inline-block}.ds-nav-brand-subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-tertiary);margin-top:10px;font-size:10px;font-weight:500;display:block}.ds-nav-list{flex-direction:column;gap:2px;display:flex}.ds-nav-item{width:100%;font:500 13px/1 var(--font-sans);color:var(--fg-primary);cursor:pointer;text-align:left;transition:background var(--motion-fast);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ds-nav-item:hover{background:var(--bg-canvas)}.ds-nav-item.on{background:var(--kanso-ink-900);color:var(--kanso-ink-000)}.ds-nav-item svg{color:var(--fg-secondary);flex-shrink:0}.ds-nav-item.on svg{color:var(--kanso-ink-000)}.ds-nav-item-label{flex:1}.ds-nav-soon{letter-spacing:.06em;text-transform:uppercase;background:var(--kanso-warning-100);color:var(--kanso-warning-600);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:500;line-height:1}.ds-nav-item.on .ds-nav-soon{color:var(--kanso-ink-000);background:#ffffff29}.ds-nav-sub{border-left:1px solid var(--kanso-ink-200);flex-direction:column;margin:6px 0 10px 18px;padding-left:12px;display:flex}.ds-nav-sub-item{font:500 12px/1.4 var(--font-sans);color:var(--fg-secondary);transition:color var(--motion-fast), background var(--motion-fast);border-radius:4px;padding:6px 10px;text-decoration:none;display:block}.ds-nav-sub-item:hover{color:var(--fg-primary);background:var(--bg-canvas)}.ds-tabs{padding:12px var(--gutter);margin:0 calc(-1 * var(--gutter)) 12px;border-bottom:1px solid var(--kanso-ink-300);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.ds-tabs::-webkit-scrollbar{display:none}.ds-tab{border:1px solid var(--border-subtle);font:500 12px/1 var(--font-sans);color:var(--fg-secondary);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.ds-tab svg{flex-shrink:0}.ds-tab:hover{color:var(--fg-primary)}.ds-tab.on{background:var(--kanso-ink-900);color:var(--kanso-ink-000);border-color:var(--kanso-ink-900)}@media (width>=768px){.ds-tabs{display:none}}.ds{max-width:1080px;padding:0 0 var(--space-9);color:var(--fg-primary);margin:0 auto;position:relative}.ds .ds-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:8px;font-size:11px;font-weight:500}.ds .ds-mono{font-family:var(--font-mono);color:var(--fg-tertiary);font-size:12px;line-height:1.4}.ds-landing{position:relative}.ds-landing:before{content:"";inset:-40px calc(-1 * var(--gutter)) 0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#1a1a1a0a 1px,#0000 1px),linear-gradient(#1a1a1a0a 1px,#0000 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.ds-landing>*{z-index:1;position:relative}.ds-hero{padding:var(--space-7) 0 var(--space-8);grid-template-columns:1fr;align-items:center;gap:24px;display:grid}.ds-hero-text{min-width:0}.ds-hero-byline{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:24px;font-size:11px;font-weight:500}.ds-hero-title{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--fg-primary);margin:0 0 var(--space-4);flex-wrap:wrap;align-items:baseline;gap:18px;font-size:clamp(64px,9vw + 1rem,128px);font-weight:500;line-height:.95;display:flex}.ds-hero-wordmark{align-items:flex-start;display:inline-flex}.ds-hero-dot{background:var(--fg-accent);border-radius:50%;flex-shrink:0;width:.1em;height:.1em;margin-top:.16em;margin-left:.04em;display:inline-block}.ds-hero-version{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-tertiary);background:var(--bg-subtle);border-radius:var(--radius-sm);align-self:center;padding:6px 10px;font-size:12px;font-weight:500}.ds-hero-desc{color:var(--fg-secondary);max-width:480px;margin:0;font-size:clamp(15px,.9rem + .3vw,17px);line-height:1.6}.ds-hero-mark{color:var(--kanso-ink-200);text-align:center;-webkit-user-select:none;user-select:none;letter-spacing:.04em;font-family:Noto Sans JP,system-ui,sans-serif;font-size:clamp(120px,18vw,240px);font-weight:200;line-height:1}@media (width>=768px){.ds-hero{padding:var(--space-8) 0 var(--space-9);grid-template-columns:1.2fr 1fr;gap:48px}.ds-hero-mark{text-align:right}}.ds-cards{margin-bottom:var(--space-9);grid-template-columns:1fr;gap:12px;display:grid}@media (width>=600px){.ds-cards{grid-template-columns:1fr 1fr}}@media (width>=1024px){.ds-cards{grid-template-columns:repeat(4,1fr);gap:16px}}.ds-card{background:var(--bg-surface);border:1px solid var(--border-subtle);color:inherit;cursor:pointer;min-height:184px;transition:border-color var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);border-radius:16px;flex-direction:column;gap:16px;padding:20px;text-decoration:none;display:flex;position:relative}.ds-card:hover{border-color:var(--kanso-ink-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ds-card:focus-visible{box-shadow:var(--shadow-focus);outline:0}.ds-card-icon{border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ds-card-icon--accent{background:var(--kanso-accent-100);color:var(--kanso-accent-600)}.ds-card-icon--info{background:var(--kanso-info-100);color:var(--kanso-info-600)}.ds-card-icon--warning{background:var(--kanso-warning-100);color:var(--kanso-warning-600)}.ds-card-icon--success{background:var(--kanso-success-100);color:var(--kanso-success-600)}.ds-card-body{flex:1;min-width:0}.ds-card-title{letter-spacing:-.008em;color:var(--fg-primary);align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:500;display:inline-flex}.ds-card-soon{letter-spacing:.06em;text-transform:uppercase;background:var(--kanso-warning-100);color:var(--kanso-warning-600);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:500;line-height:1}.ds-card-desc{color:var(--fg-secondary);margin:0;font-size:13px;line-height:1.5}.ds-card-arrow{color:var(--fg-tertiary);transition:transform var(--motion-base) var(--ease-standard), color var(--motion-base);align-self:flex-end;font-size:16px;line-height:1}.ds-card:hover .ds-card-arrow{color:var(--fg-primary);transform:translate(2px)}.ds-page{padding:var(--space-5) 0 var(--space-9)}.ds-page-head{margin-bottom:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--kanso-ink-300)}.ds-page-head .ds-eyebrow{margin-bottom:12px}.ds-page-head h1{font-family:var(--font-sans), Georgia, serif;letter-spacing:-.018em;color:var(--fg-primary);margin:0 0 14px;font-size:clamp(36px,3.5vw + .5rem,56px);font-weight:500;line-height:1.1}.ds-page-head p{color:var(--fg-secondary);max-width:600px;margin:0;font-size:16px;line-height:1.55}.ds-coming-soon{text-align:center;padding:var(--space-9) 24px;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.ds-coming-soon-tag{margin-bottom:24px}.ds-coming-soon h1{font-family:var(--font-sans), Georgia, serif;letter-spacing:-.022em;color:var(--fg-primary);margin:0 0 16px;font-size:clamp(48px,5vw + .5rem,80px);font-weight:500;line-height:1.1}.ds-coming-soon p{color:var(--fg-secondary);max-width:500px;margin:0;font-size:16px;line-height:1.6}.ds-block{padding:var(--space-7) 0;scroll-margin-top:24px}.ds-block+.ds-block{border-top:1px solid var(--kanso-ink-300)}.ds-block-head{margin-bottom:20px}.ds-block-head h2{font-family:var(--font-sans), Georgia, serif;letter-spacing:-.014em;color:var(--fg-primary);margin:0 0 8px;font-size:28px;font-weight:500}.ds-block-head p{color:var(--fg-secondary);max-width:520px;margin:0;font-size:14px;line-height:1.55}.ds-subblock{margin-top:var(--space-6)}.ds-footnote{color:var(--fg-tertiary);max-width:600px;margin:12px 0 0;font-size:12px;line-height:1.6}.ds-footnote strong{color:var(--fg-secondary);font-weight:500}.ds-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:12px;display:grid}.ds-swatch{flex-direction:column;gap:8px;display:flex}.ds-swatch-chip{aspect-ratio:4/3;border-radius:8px;width:100%;box-shadow:inset 0 0 0 1px #1a1a1a0f}.ds-swatch-meta{line-height:1.4}.ds-swatch-token{color:var(--fg-primary);font-size:12px;font-weight:500}.ds-swatch-value{font-family:var(--font-mono);color:var(--fg-tertiary);margin-top:1px;font-size:11px}.ds-swatch-use{color:var(--fg-secondary);margin-top:1px;font-size:11px}.ds-semantic-grid{flex-direction:column;gap:12px;margin-top:12px;display:flex}.ds-semantic-row{grid-template-columns:80px repeat(3,1fr);align-items:center;gap:12px;display:grid}.ds-semantic-label{color:var(--fg-primary);font-size:16px;font-weight:500}.ds-semantic-cell{align-items:center;gap:10px;min-width:0;display:flex}.ds-semantic-chip{border-radius:6px;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 1px #1a1a1a0f}.ds-semantic-meta{font-family:var(--font-mono);color:var(--fg-tertiary);flex-direction:column;min-width:0;font-size:11px;line-height:1.3;display:flex}@media (width<=600px){.ds-semantic-row{grid-template-columns:64px 1fr 1fr 1fr;gap:8px}.ds-semantic-meta{font-size:10px}}.ds-type-table{border-collapse:collapse;width:100%;margin-top:12px}.ds-type-table td{vertical-align:baseline;border-top:1px solid var(--kanso-ink-300);padding:20px 0}.ds-type-table tr:first-child td{border-top:0;padding-top:0}.ds-type-sample{padding-right:24px}.ds-type-meta{text-align:right;color:var(--fg-secondary);white-space:nowrap;width:1%;font-size:13px}.ds-type-name{color:var(--fg-primary);margin-bottom:4px;font-weight:500}.ds-type-display{letter-spacing:-.022em;font-size:clamp(28px,2vw + 1rem,40px);font-weight:500;line-height:1.15}.ds-type-h1{letter-spacing:-.018em;font-size:28px;font-weight:500;line-height:1.25}.ds-type-h2{letter-spacing:-.014em;font-size:20px;font-weight:500;line-height:1.25}.ds-type-body{color:var(--fg-primary);font-size:15px;font-weight:400;line-height:1.55}.ds-type-label{color:var(--fg-primary);font-size:16px;font-weight:500}.ds-type-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);font-size:12px;font-weight:500}.ds-space-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ds-space-row{grid-template-columns:80px 1fr 80px;align-items:center;gap:16px;display:grid}.ds-space-token{font-family:var(--font-mono);color:var(--fg-primary);font-size:12px}.ds-space-bar{background:var(--kanso-ink-300);border-radius:2px;max-width:100%;height:12px}.ds-space-meta{font-family:var(--font-mono);color:var(--fg-tertiary);text-align:right;font-size:12px}.ds-radius-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px;margin-top:12px;display:grid}.ds-radius-cell{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ds-radius-tile{background:var(--kanso-ink-300);width:56px;height:56px}.ds-radius-name{color:var(--fg-primary);font-size:12px;font-weight:500}.ds-radius-meta{font-family:var(--font-mono);color:var(--fg-tertiary);font-size:11px}.ds-shadow-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;margin-top:16px;padding:8px 0 16px;display:grid}.ds-shadow-cell{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.ds-shadow-tile{background:var(--bg-surface);border-radius:12px;width:80px;height:80px}.ds-shadow-xs{box-shadow:var(--shadow-xs)}.ds-shadow-sm{box-shadow:var(--shadow-sm)}.ds-shadow-md{box-shadow:var(--shadow-md)}.ds-shadow-lg{box-shadow:var(--shadow-lg)}.ds-comp-row{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.ds-bp-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.ds-bp-table th,.ds-bp-table td{text-align:left;border-bottom:1px solid var(--kanso-ink-300);padding:12px 12px 12px 0}.ds-bp-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);font-size:11px;font-weight:500}.ds-bp-table td{color:var(--fg-secondary);vertical-align:top;line-height:1.5}.ds-bp-table td:first-child,.ds-bp-table td:nth-child(2){width:80px;color:var(--fg-primary)}.ds-motion-list{border-top:1px solid var(--kanso-ink-100);flex-direction:column;display:flex}.ds-motion-row{padding:22px var(--space-3);border-bottom:1px solid var(--kanso-ink-100);cursor:pointer;transition:background var(--motion-fast);margin:0 calc(-1 * var(--space-3));grid-template-columns:160px 1fr 220px;align-items:center;gap:24px;display:grid}.ds-motion-row:hover{background:var(--bg-canvas)}.ds-motion-row-label .ds-motion-row-token{color:var(--fg-primary);font-weight:500}.ds-motion-row-value{font-family:var(--font-mono);color:var(--fg-tertiary);margin-top:3px;font-size:11px}.ds-motion-row-use{color:var(--fg-secondary);font-size:13px;line-height:1.5}.ds-motion-track{background:var(--bg-subtle);border-radius:2px;height:4px;position:relative}.ds-motion-dot{background:var(--fg-accent);border-radius:999px;width:12px;height:12px;animation:cubic-bezier(.32,.72,0,1) forwards ds-motion-slide;position:absolute;top:-4px;left:0}@keyframes ds-motion-slide{0%{left:0}to{left:calc(100% - 12px)}}@media (width<=720px){.ds-motion-row{grid-template-columns:1fr;gap:12px}.ds-motion-row-use{font-size:12px}}.ds-easings{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}@media (width>=768px){.ds-easings{grid-template-columns:1fr 1fr;gap:20px}}.ds-easing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.ds-easing-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.ds-easing-name{color:var(--fg-primary);letter-spacing:-.005em;font-size:14px;font-weight:500}.ds-easing-value{font-size:11px}.ds-easing-svg{background:var(--bg-canvas);border-radius:6px;width:100%;height:140px;padding:12px;display:block;overflow:visible}.ds-easing-curve{fill:none;stroke:var(--fg-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.ds-easing-axis{stroke:var(--kanso-ink-200);stroke-width:1px;vector-effect:non-scaling-stroke}.ds-easing-use{color:var(--fg-secondary);margin-top:16px;font-size:12px;line-height:1.5}.ds-easing-track{background:var(--bg-subtle);cursor:pointer;border-radius:2px;height:4px;margin-top:14px;position:relative}.ds-easing-dot{background:var(--fg-accent);border-radius:999px;width:12px;height:12px;animation:forwards ds-motion-slide;position:absolute;top:-4px;left:0}.ds-motion-patterns{border-top:1px solid var(--kanso-ink-100);flex-direction:column;margin-top:16px;display:flex}.ds-motion-pattern{border-bottom:1px solid var(--kanso-ink-100);grid-template-columns:1fr 200px;align-items:center;gap:24px;padding:22px 0;display:grid}.ds-motion-pattern-label{color:var(--fg-primary);margin-bottom:4px;font-size:14px;font-weight:500}.ds-motion-pattern-desc{color:var(--fg-secondary);max-width:480px;font-size:13px;line-height:1.5}.ds-motion-pattern-demo{justify-content:flex-end;display:flex}@media (width<=720px){.ds-motion-pattern{grid-template-columns:1fr;gap:12px}.ds-motion-pattern-demo{justify-content:flex-start}}.page-overlay{z-index:500;background:var(--bg-canvas);pointer-events:none;position:fixed;inset:0}.page-overlay--covering{animation:.45s cubic-bezier(.22,1,.36,1) forwards overlay-cover}.page-overlay--revealing{animation:.55s cubic-bezier(.22,1,.36,1) forwards overlay-reveal}@keyframes overlay-cover{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes overlay-reveal{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.ds-motion-controls{margin-bottom:var(--space-3);align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-dark{--kanso-ink-000:#181818;--kanso-ink-050:#0e0e0e;--kanso-ink-100:#222;--kanso-ink-200:#2a2a2a;--kanso-ink-300:#3d3d3d;--kanso-ink-400:#5c5c5c;--kanso-ink-500:#8a8a8a;--kanso-ink-600:#b5b5b5;--kanso-ink-700:#d4d4d4;--kanso-ink-800:#e5e5e5;--kanso-ink-900:#f5f5f5}.theme-dark .ds-swatch-chip,.theme-dark .ds-semantic-chip{box-shadow:inset 0 0 0 1px #ffffff14}.theme-dark .ds-landing:before{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)}.theme-dark .k-avatar{background:var(--kanso-ink-800);color:var(--kanso-ink-050)}.ds-swatch-contrast{letter-spacing:.04em;font-size:10px;font-weight:500;font-family:var(--font-mono);border-radius:4px;margin-top:4px;padding:2px 6px;display:inline-block}.ds-swatch-contrast--success{background:var(--kanso-success-100);color:var(--kanso-success-600)}.ds-swatch-contrast--warning{background:var(--kanso-warning-100);color:var(--kanso-warning-600)}.ds-swatch-contrast--danger{background:var(--kanso-danger-100);color:var(--kanso-danger-600)}.ds-grid-list{border-top:1px solid var(--kanso-ink-100);flex-direction:column;margin-top:12px;display:flex}.ds-grid-row{border-bottom:1px solid var(--kanso-ink-100);grid-template-columns:140px 1fr 200px;align-items:center;gap:24px;padding:22px 0;display:grid}.ds-grid-row-meta{line-height:1.4}.ds-grid-row-name{color:var(--fg-primary);font-size:16px;font-weight:500}.ds-grid-row-meta .ds-mono{margin-top:3px}.ds-grid-diagram{gap:4px;width:100%;height:32px;display:grid}.ds-grid-col{background:var(--kanso-accent-100);border-radius:2px}.theme-dark .ds-grid-col{background:#dd27732e}.ds-grid-row-stats{color:var(--fg-tertiary);font-size:11px;font-family:var(--font-mono);text-align:right;flex-direction:column;gap:2px;display:flex}@media (width<=720px){.ds-grid-row{grid-template-columns:1fr;gap:12px}.ds-grid-row-stats{text-align:left;flex-flow:wrap;gap:12px}}.ds-behavior-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.ds-behavior-table th,.ds-behavior-table td{text-align:left;border-bottom:1px solid var(--kanso-ink-100);vertical-align:top;padding:16px 16px 16px 0;line-height:1.5}.ds-behavior-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);padding-top:12px;padding-bottom:12px;font-size:11px;font-weight:500}.ds-behavior-table td{color:var(--fg-secondary)}.ds-behavior-name{color:var(--fg-primary);width:130px;font-weight:500}.theme-changing,.theme-changing *,.theme-changing :before,.theme-changing :after{transition:background-color .75s cubic-bezier(.22,1,.36,1),border-color .75s cubic-bezier(.22,1,.36,1),color .75s cubic-bezier(.22,1,.36,1),box-shadow .75s cubic-bezier(.22,1,.36,1),fill .75s cubic-bezier(.22,1,.36,1),stroke .75s cubic-bezier(.22,1,.36,1)!important}.app--portfolio{height:100vh;display:block}.app--portfolio>.topbar{z-index:200;position:fixed;top:0;left:0;right:0}.app--portfolio>.main{height:100vh;padding:0;overflow:auto}.portfolio-hero{min-height:100dvh;padding:clamp(40px, 8vh, 80px) var(--gutter);place-items:center;display:grid;position:relative;overflow:hidden}@media (width>=768px){.portfolio-hero{padding:clamp(40px, 8vh, 80px) var(--space-7)}}@media (width>=1280px){.portfolio-hero{padding:clamp(40px, 8vh, 80px) var(--space-8)}}.portfolio-hero-content{z-index:1;width:100%;max-width:880px;position:relative}.portfolio-hero--centered .portfolio-hero-content{text-align:center;margin:0 auto}.portfolio-hero--centered .portfolio-hero-status,.portfolio-hero--centered .portfolio-hero-tagline,.portfolio-hero--centered .portfolio-hero-cta{margin-left:auto;margin-right:auto}.portfolio-hero-subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-tertiary);margin:var(--space-5) 0 var(--space-6);font-size:clamp(11px,.7rem + .15vw,13px);font-weight:500}.portfolio-hero-sep{color:var(--kanso-ink-300);margin:0 8px;display:inline-block}.portfolio-hero-scroll{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-tertiary);z-index:1;cursor:pointer;transition:color var(--motion-fast);font-size:10px;font-weight:500;font-family:var(--font-sans);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.portfolio-hero-scroll:hover{color:var(--fg-primary)}.portfolio-hero-scroll svg{animation:2s ease-in-out infinite portfolio-scroll-bounce}@keyframes portfolio-scroll-bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.portfolio-hero-scroll svg{animation:none}}.portfolio-petal{width:14px;height:20px;color:var(--fg-accent);opacity:0;pointer-events:none;z-index:0;animation-name:portfolio-petal-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-36px}.portfolio-petal svg{width:100%;height:100%;display:block}@keyframes portfolio-petal-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.22}90%{opacity:.52}to{transform:translate(var(--petal-drift,60px), calc(100vh - 80px)) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.portfolio-petal{display:none}}.portfolio-hero-title,.portfolio-hero-role{font-family:var(--font-sans);letter-spacing:-.04em;margin:0;font-size:clamp(48px,6vw + 1rem,96px);font-weight:500;line-height:1.05}.portfolio-hero-title{color:var(--fg-primary)}.portfolio-hero-name{color:var(--fg-accent)}.portfolio-hero-role{color:var(--fg-tertiary);margin-bottom:0}.portfolio-hero-tagline{font-family:var(--font-sans);color:var(--fg-secondary);max-width:540px;margin:0;font-size:clamp(16px,.95rem + .3vw,20px);line-height:1.6}.portfolio-hero-status{border-radius:var(--radius-pill);background:var(--kanso-success-100);color:var(--kanso-success-600);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-5);align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.portfolio-hero-status-dot{background:var(--kanso-success-500);border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite portfolio-status-pulse}@keyframes portfolio-status-pulse{0%,to{opacity:1}50%{opacity:.35}}.portfolio-hero-status{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(8px)}.portfolio-hero-status.hero-anim-in{opacity:1;transform:none}.portfolio-hero-scroll{opacity:0;transition:color var(--motion-fast), opacity .55s ease, transform .55s ease;transform:translate(-50%)translateY(8px)}.portfolio-hero-scroll.hero-anim-in{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.portfolio-hero-status,.portfolio-hero-scroll{transition:opacity .55s;transform:none!important}}.portfolio-hero-cta{margin-top:var(--space-6);flex-wrap:wrap;gap:12px;display:flex}.topbar-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar-nav-link{font:500 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--motion-fast), background var(--motion-fast);background:0 0;border:0;padding:8px 12px}.topbar-nav-link:hover,.topbar-nav-link.on{color:var(--fg-primary)}.topbar-nav-link:disabled{cursor:default;opacity:.5}.topbar-nav-link:disabled:hover{color:var(--fg-secondary)}.topbar-nav .k-btn--icon{margin-left:6px}@media (width<=767px){.topbar-nav{display:none}}.topbar-mobile-controls{display:none}@media (width<=767px){.topbar-mobile-controls{align-items:center;gap:4px;margin-left:auto;display:flex}}.topbar-mobile-overlay{z-index:190;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;display:none;position:fixed;inset:52px 0 0}@media (width<=767px){.topbar-mobile-overlay{display:block}}.topbar-mobile-overlay.is-open{opacity:1;pointer-events:auto}.topbar-mobile-menu{z-index:191;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-2) var(--gutter) var(--space-3);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:none;position:fixed;top:52px;left:0;right:0;transform:translateY(-6px)}@media (width<=767px){.topbar-mobile-menu{display:block}}.topbar-mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.topbar-mobile-menu-list{flex-direction:column;display:flex}.topbar-mobile-menu-item{border:0;border-bottom:1px solid var(--border-subtle);font:500 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-secondary);cursor:pointer;text-align:left;width:100%;transition:color var(--motion-fast);background:0 0;padding:14px 4px}.topbar-mobile-menu-item:last-child{border-bottom:none}.topbar-mobile-menu-item:hover{color:var(--fg-primary)}.topbar-mobile-menu-item:disabled{cursor:default;opacity:.5}.topbar-mobile-menu-item:disabled:hover{color:var(--fg-secondary)}.topbar-overlay{z-index:190;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;display:none;position:fixed;inset:52px 0 0}@media (width>=768px){.topbar-overlay{display:block;top:56px}}.topbar-overlay.is-open{opacity:1;pointer-events:auto}.topbar-dropdown{z-index:191;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-5) var(--gutter) var(--space-6);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:none;position:fixed;top:52px;left:0;right:0;transform:translateY(-6px)}@media (width>=768px){.topbar-dropdown{display:block;top:56px}}.topbar-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.topbar-dropdown-inner{gap:var(--space-4);max-width:var(--content-max);margin:0 auto;display:flex}.topbar-dropdown-card{gap:var(--space-2);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;padding:0;transition:opacity .15s;display:flex}.topbar-dropdown-card:hover{opacity:.72}.topbar-dropdown-card--soon{cursor:default;opacity:.55}.topbar-dropdown-card--soon:hover{opacity:.55}.topbar-dropdown-thumb{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--bg-subtle);width:100%;position:relative;overflow:hidden}.topbar-dropdown-thumb img{object-fit:cover;width:100%;height:100%;display:block}.topbar-dropdown-title{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-secondary);padding:0 2px;font-size:11px;font-weight:500}.portfolio-intro{min-height:100vh;padding:var(--space-9) var(--gutter);text-align:center;place-items:center;display:grid}@media (width>=768px){.portfolio-intro{padding:var(--space-9) var(--space-7)}}@media (width>=1280px){.portfolio-intro{padding:var(--space-9) var(--space-8)}}.portfolio-intro-content{width:100%;max-width:880px}.portfolio-intro-text{font-family:var(--font-sans);letter-spacing:-.018em;color:var(--fg-primary);margin:0;font-size:clamp(24px,2.6vw + .5rem,44px);font-weight:500;line-height:1.4}.reveal{opacity:0;filter:blur(6px);will-change:transform, opacity, filter;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)scale(.97)}.reveal.is-visible{opacity:1;filter:none;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transition:none;transform:none}}.portfolio-scribble{color:var(--fg-accent);letter-spacing:0;font-family:Shadows Into Light;font-size:1.18em;font-weight:700;display:inline-block;position:relative;transform:rotate(-3deg)translateY(2px)}.portfolio-scribble-char{opacity:0;transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-block;transform:translateY(8px)rotate(-4deg)}.reveal.is-visible .portfolio-scribble-char{opacity:1;transform:translateY(0)rotate(0)}.portfolio-scribble-svg{pointer-events:none;width:calc(100% + 6px);height:10px;position:absolute;bottom:-3px;left:-3px;overflow:visible}.portfolio-scribble-svg path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200px}.reveal.is-visible .portfolio-scribble-svg path{stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1) 1.05s}.portfolio-pill{background:var(--kanso-warning-100);color:var(--kanso-warning-600);border-radius:var(--radius-pill);letter-spacing:0;vertical-align:middle;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:.7em;font-weight:500;display:inline-flex}.portfolio-pill-emoji-wrap{align-items:center;display:inline-flex;position:relative}.portfolio-steam-svg{pointer-events:none;width:24px;height:20px;margin-bottom:1px;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%)}.portfolio-steam-svg path{fill:none;stroke:var(--kanso-warning-500);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.reveal.is-visible .portfolio-steam-a{animation:2.8s ease-out .8s infinite steam-rise}.reveal.is-visible .portfolio-steam-b{animation:2.8s ease-out 1.5s infinite steam-rise}.reveal.is-visible .portfolio-steam-c{animation:2.8s ease-out 2.2s infinite steam-rise}@keyframes steam-rise{0%{opacity:0;transform:translateY(0)scaleX(1)}20%{opacity:.65}80%{opacity:.2;transform:translateY(-10px)scaleX(1.3)}to{opacity:0;transform:translateY(-16px)scaleX(.7)}}.portfolio-pill-icon{font-size:1.05em;line-height:1}.portfolio-cursor{vertical-align:middle;margin-right:2px;padding:8px 0 0 10px;display:inline-block;position:relative}.portfolio-cursor-arrow{width:14px;height:18px;color:var(--kanso-accent-500);position:absolute;top:0;left:0}.portfolio-cursor-label{background:var(--kanso-accent-500);color:#fff;letter-spacing:0;white-space:nowrap;font-size:.65em;font-weight:500;font-family:var(--font-sans);border-radius:4px;padding:4px 10px;display:inline-block}.portfolio-cursor{animation:14s ease-in-out infinite cursor-wander}@keyframes cursor-wander{0%,to{transform:translate(0)}18%{transform:translate(-12px,-2px)}35%{transform:translate(8px,-2px)}50%{transform:translate(12px,-2px)}68%{transform:translate(4px,-12px)}85%{transform:translate(-2px,-2px)}}@media (prefers-reduced-motion:reduce){.portfolio-cursor{animation:none}}.works{position:relative}@media (width>=1024px){.works{height:320vh}}.works-mobile-list{padding:var(--space-7) var(--gutter) var(--space-9);gap:var(--space-8);flex-direction:column;display:flex}@media (width>=1024px){.works-mobile-list{display:none}}.works-mobile-card{gap:var(--space-4);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.works-mobile-card-cover{aspect-ratio:16/10;border-radius:12px;width:100%;position:relative;overflow:hidden}.works-mobile-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.works-mobile-card:active .works-mobile-card-cover img{transform:scale(1.04)}.works-mobile-card-body{flex-direction:column;gap:20px;display:flex}.works-mobile-card-title{font-family:var(--font-sans);font-size:clamp(20px,5vw,24px);font-weight:var(--fw-semibold);color:var(--fg-primary);margin:0;line-height:1.2}.works-mobile-card-details{flex-direction:column;gap:12px;display:flex}.works-mobile-card .works-cta{pointer-events:none;display:inline-flex}.works-sticky{display:none}@media (width>=1024px){.works-sticky{height:100dvh;padding:0 var(--space-7);flex-direction:row;align-items:center;display:flex;position:sticky;top:0}}@media (width>=1280px){.works-sticky{padding:0 var(--space-8)}}.works-inner{flex-direction:column;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex}@media (width>=1024px){.works-inner{align-items:center;gap:var(--space-8);flex-direction:row}}.works-text-pane{flex-direction:column;flex:1;justify-content:flex-start;padding:0;display:flex}.works-text{align-items:flex-start;gap:var(--space-3);flex-direction:column;max-width:100%;display:flex}@media (width>=1024px){.works-text{gap:var(--space-4);max-width:480px}}.works-text>*{will-change:transform, opacity, filter;animation:.5s cubic-bezier(.33,1,.68,1) backwards works-slot-roll}.works-text>:first-child{animation-delay:0s}.works-text>:nth-child(2){animation-delay:80ms}.works-text>:nth-child(3){animation-delay:.16s}.works-text>:nth-child(4){animation-delay:.24s}.works-text>:nth-child(5){animation-delay:.32s}@keyframes works-slot-roll{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:none;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.works-text>*{animation:none}}.works-pagination{font-family:var(--font-mono);color:var(--fg-tertiary);letter-spacing:.06em;font-size:12px}.works-pagination-sep{color:var(--kanso-ink-300);margin:0 4px}.works-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--fg-primary);margin:0;font-size:clamp(28px,6vw,40px);font-weight:500;line-height:1.05}@media (width>=1024px){.works-title{font-size:clamp(36px,4vw + .5rem,56px)}}.works-description{color:var(--fg-secondary);margin:0;font-size:14px;line-height:1.55}@media (width>=1024px){.works-description{font-size:clamp(15px,.9rem + .3vw,18px)}}.works-tags{flex-wrap:wrap;gap:6px;display:flex}.works-tag{background:var(--bg-subtle);color:var(--fg-secondary);border-radius:var(--radius-pill);padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}@media (width>=1024px){.works-tag{padding:5px 12px;font-size:12px}}.works-cta{border:1px solid var(--border-default);border-radius:var(--radius-md);font:500 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-primary);cursor:pointer;width:fit-content;margin-top:var(--space-2);transition:background var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);background:0 0;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}@media (width>=1024px){.works-cta{margin-top:var(--space-3)}}.works-cta:hover{background:var(--fg-primary);color:var(--bg-surface);border-color:var(--fg-primary)}.works-cta svg{transition:transform var(--motion-base)}.works-cta:hover svg{transform:translate(3px)}.works-cover-container{position:relative}@media (width<=1023px){.works-cover{display:none}}.works-cover-cursor{display:none}@media (width>=1024px) and (hover:hover){.works-cover-container{cursor:none}.works-cover-cursor{background:var(--kanso-accent-500);color:#fff;width:72px;height:72px;font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms ease-out;display:flex;position:absolute;top:0;left:0}}@media (width>=1024px){.works-cover-container{flex:0 0 45%;align-self:stretch;width:45%;overflow:visible}}.works-cover{--tx:0%;--scale:1;transform:translateY(var(--tx)) scale(var(--scale));will-change:transform, opacity;transition:opacity .7s cubic-bezier(.33,1,.68,1),transform .7s cubic-bezier(.33,1,.68,1);position:absolute;inset:0}@media (width>=1024px){.works-cover{aspect-ratio:1;width:100%;max-width:544px;transform:translate(-50%, -50%) translateY(var(--tx)) scale(var(--scale));inset:50% auto auto 50%}}@media (prefers-reduced-motion:reduce){.works-cover{transition:none}}.works-cover-inner{width:100%;height:100%;position:relative}@media (width>=1024px){.works-cover-inner{border-radius:var(--radius-xl);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform 90ms ease-out,box-shadow .28s;overflow:hidden;box-shadow:0 16px 48px #0000002e,0 4px 12px #0000001a}}@media (width>=1024px) and (hover:hover){.works-cover-inner.is-hovering{box-shadow:0 32px 80px #00000042,0 10px 24px #00000024}}@media (prefers-reduced-motion:reduce){.works-cover-inner{transition:none;transform:none!important}}.works-cover img{object-fit:cover;width:100%;height:100%;display:block}@media (width>=1024px){.works-cover img{background:var(--kanso-info-100)}}.skills{padding:var(--space-9) var(--gutter)}@media (width>=768px){.skills{padding:var(--space-9) var(--space-7)}}@media (width>=1280px){.skills{padding:var(--space-9) var(--space-8)}}.skills-inner{max-width:1200px;margin:0 auto}.skills-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:var(--space-5);font-size:11px;font-weight:500}.skills-grid{border-top:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);flex-direction:column;display:flex}.skills-row{display:grid}.skills-row--featured,.skills-row--secondary{grid-template-columns:repeat(4,1fr)}.skill-highlight{background:var(--fg-primary);z-index:0;pointer-events:none;will-change:transform, width, height, opacity;transition:transform .4s cubic-bezier(.32,.72,0,1),width .4s cubic-bezier(.32,.72,0,1),height .4s cubic-bezier(.32,.72,0,1),opacity .25s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.skill-highlight{transition:opacity .25s}}.skill-cell{z-index:1;padding:var(--space-6) var(--space-4);aspect-ratio:4/3;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--fg-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.skill-cell--small{padding:var(--space-4);gap:8px}.skill-icon{aspect-ratio:1;width:100%;max-width:80px;color:var(--fg-primary);transition:color var(--motion-base) var(--ease-standard);place-items:center;display:grid}.skill-icon svg{width:100%;height:100%;display:block}.skill-cell--small .skill-icon{max-width:44px}.skill-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);text-align:center;transition:color var(--motion-base) var(--ease-standard);font-size:11px;font-weight:500}.skill-cell--small .skill-label{font-size:10px}.skill-cell.is-active .skill-icon,.skill-cell.is-active .skill-label{color:var(--bg-surface)}@media (width<=767px){.skills-row--featured{grid-template-columns:repeat(2,1fr)}.skills-row--featured .skill-cell{aspect-ratio:1;padding:var(--space-4);gap:8px}.skills-row--featured .skill-icon{max-width:44px}.skills-row--secondary{grid-template-columns:repeat(2,1fr)}}.pnav{z-index:200;-webkit-backdrop-filter:blur(16px);opacity:1;background:#f5f5f5b8;border-bottom:1px solid #0c0a080f;justify-content:space-between;align-items:center;height:60px;padding:0 64px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(0)}.pnav--hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.pnav-logo{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.pnav-logo-img{width:auto;height:26px;display:block}.pnav-logo-img--dark,.theme-dark .pnav-logo-img--light{display:none}.theme-dark .pnav-logo-img--dark{display:block}.pnav-actions{align-items:center;gap:14px;display:flex}.pnav-theme-toggle{color:#0c0a08;cursor:pointer;background:0 0;border:1px solid #0c0a082e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s,color .15s;display:flex}.pnav-theme-toggle:hover{background:#0c0a080f;border-color:#0c0a084d}.pnav-theme-icon{width:16px;height:16px}.pnav-theme-icon--sun,.theme-dark .pnav-theme-icon--moon{display:none}.theme-dark .pnav-theme-icon--sun{display:block}.pnav-cta{letter-spacing:.01em;color:#0c0a08;cursor:pointer;background:0 0;border:1px solid #0c0a082e;border-radius:100px;padding:9px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.pnav-cta:hover{color:#fff;background:#dd2773;border-color:#dd2773}@media (width<=768px){.pnav{height:52px;padding:0 16px}}@media (width<=480px){.pnav-cta{font-size:11px}}.theme-dark .pnav{background:#121212b8;border-bottom-color:#f5f5f514}.theme-dark .pnav-theme-toggle{color:#f5f5f5;border-color:#f5f5f538}.theme-dark .pnav-theme-toggle:hover{background:#f5f5f514;border-color:#f5f5f559}.theme-dark .pnav-cta{color:#f5f5f5;border-color:#f5f5f538}.theme-dark .pnav-cta:hover{color:#fff;background:#dd2773;border-color:#dd2773}.pbar{z-index:200;background:var(--kanso-ink-900);border-radius:20px;flex-direction:column;width:calc(100% - 32px);transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s;display:flex;position:fixed;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)translateY(0);box-shadow:0 8px 32px #0000003d,0 2px 8px #0000001f}@media (width>=768px){.pbar{border-radius:24px;width:660px;max-width:calc(100% - 40px)}}.pbar--hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(calc(100% + 24px))}.pbar-nav{flex-direction:column;max-height:0;transition:max-height .65s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.pbar--open .pbar-nav{max-height:380px}.pbar-nav-item{cursor:pointer;color:#fff;text-align:left;letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:8px 14px;font-size:18px;font-weight:500;transition:background .15s;display:flex}.pbar-nav-item:first-child{padding-top:14px}.pbar-nav-item:last-child{padding-bottom:10px}.pbar-nav-item:hover:not(:disabled){background:#ffffff12}.pbar-nav-item:disabled{cursor:default;opacity:.45}.pbar-nav-thumb{background:var(--kanso-ink-800);border-radius:12px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.pbar-nav-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pbar-nav-thumb--home{background:var(--bg-canvas);position:relative;overflow:hidden}.pbar-home-petal{width:6px;color:var(--kanso-accent-500);opacity:0;pointer-events:none;animation-name:pbar-petal-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10px}.pbar-home-petal svg{width:100%;height:auto;display:block}@keyframes pbar-petal-fall{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.75}90%{opacity:.5}to{transform:translate(var(--thumb-drift,8px), 74px) rotate(360deg);opacity:0}}@media (prefers-reduced-motion:reduce){.pbar-home-petal{display:none}}.pbar-nav-thumb--works{position:relative}.pbar-thumb-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.pbar-thumb-img.is-active{opacity:1}.pbar-nav-thumb--sketch{background:#fff}.pbar-nav-thumb--wip{background:var(--kanso-ink-700)}.pbar-nav-thumb--resume{background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-subtle);flex-direction:column;justify-content:center;gap:7px;padding:12px 14px;display:flex}.pbar-resume-line{background:var(--border-default);border-radius:2px;width:100%;height:3px}.pbar-resume-line--title{background:var(--fg-accent);width:65%;height:4px}.pbar-resume-line--short{width:50%}.pbar-nav-wip{color:var(--kanso-ink-500);letter-spacing:.08em;text-transform:uppercase;margin-left:8px;font-size:10px;font-style:normal;font-weight:500}.pbar-divider{background:var(--kanso-ink-800);height:1px;margin:0 14px;transition:transform .5s cubic-bezier(.4,0,.2,1) .1s;transform:scaleX(0)}.pbar--open .pbar-divider{transform:scaleX(1)}.pbar-identity{flex-direction:row;flex-shrink:0;align-items:center;gap:10px;height:80px;padding:0 12px 0 10px;display:flex}@media (width>=768px){.pbar-identity{gap:16px;height:100px;padding:0 20px 0 14px}}.pbar-video{background:var(--kanso-ink-800);border-radius:12px;flex-shrink:0;width:58px;height:58px;overflow:hidden}@media (width>=768px){.pbar-video{border-radius:14px;width:74px;height:74px}}.pbar-video video{object-fit:cover;width:100%;height:100%;display:block}.pbar-text{flex:1;min-width:0;overflow:hidden}.pbar-name-row{align-items:center;gap:8px;margin-bottom:3px;display:flex}@media (width>=768px){.pbar-name-row{margin-bottom:5px}}.pbar-name{letter-spacing:-.01em;color:#fff;margin:0;font-size:16px;font-weight:500;transition:opacity .35s}.pbar-name--fading{opacity:0}@media (width>=768px){.pbar-name{font-size:20px}}.pbar-eq{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:flex}.pbar-eq-bar{background:var(--kanso-accent-500);border-radius:2px;width:3px}.pbar-eq-bar:first-child{animation:.7s ease-in-out infinite alternate pbar-eq}.pbar-eq-bar:nth-child(2){animation:.9s ease-in-out .15s infinite alternate pbar-eq}.pbar-eq-bar:nth-child(3){animation:.65s ease-in-out .3s infinite alternate pbar-eq}@keyframes pbar-eq{0%{height:3px}to{height:14px}}.pbar-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.pbar-track{width:max-content;animation:22s linear infinite pbar-scroll;display:flex}.pbar-items{white-space:nowrap;letter-spacing:-.01em;color:var(--kanso-ink-300);align-items:center;font-size:16px;font-weight:400;display:inline-flex}.pbar-item-wrap{align-items:center;gap:10px;padding-right:10px;display:inline-flex}.pbar-sep{color:var(--kanso-accent-500);font-size:20px}.pbar-menu{width:28px;height:28px;color:var(--kanso-ink-400);cursor:pointer;transition:color var(--motion-base) ease;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pbar-menu:hover{color:#fff}@keyframes pbar-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.pbar-track{animation:none}}.theme-dark .pbar{background:var(--bg-subtle);box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.theme-dark .pbar-nav-item{color:var(--fg-primary)}.theme-dark .pbar-nav-item:hover:not(:disabled){background:#ffffff0f}.theme-dark .pbar-nav-thumb{background:var(--bg-canvas)}.theme-dark .pbar-nav-thumb--sketch{background:#fff}.theme-dark .pbar-nav-thumb--wip{background:var(--border-subtle)}.theme-dark .pbar-nav-wip{color:var(--fg-tertiary)}.theme-dark .pbar-divider{background:var(--border-subtle)}.theme-dark .pbar-video{background:var(--bg-canvas)}.theme-dark .pbar-name{color:var(--fg-primary)}.theme-dark .pbar-items{color:var(--fg-secondary)}.theme-dark .pbar-menu{color:var(--fg-tertiary)}.theme-dark .pbar-menu:hover{color:var(--fg-primary)}.resume-page{max-width:1080px;padding:clamp(80px, 10vw, 120px) var(--gutter) var(--space-9);margin:0 auto}.resume-header{align-items:flex-start;gap:clamp(32px,5vw,56px);margin-bottom:56px;display:flex}.resume-photo-wrap{aspect-ratio:1;flex-shrink:0;width:clamp(120px,16vw,180px);position:relative}.resume-photo-img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%;display:block}.resume-photo-frame{pointer-events:none;border:1px solid #0000001a;border-radius:50%;position:absolute;inset:-8px}.theme-dark .resume-photo-frame{border-color:#ffffff24}.resume-photo-grain{opacity:.4;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.resume-header-body{flex:1;min-width:0}.resume-name{font:700 clamp(28px, 6vw, 48px) / var(--lh-display) var(--font-sans);letter-spacing:var(--ls-display);color:var(--fg-primary);margin:0 0 20px}.resume-name-accent{color:var(--kanso-accent-500)}.resume-bio{color:var(--fg-secondary);max-width:600px;margin:0 0 28px;font-size:clamp(14px,1.5vw,16px);line-height:1.65}.resume-header-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.resume-pdf-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-primary);transition:background var(--motion-base), border-color var(--motion-base);align-items:center;gap:7px;padding:9px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.resume-pdf-btn:hover{background:var(--fg-primary);border-color:var(--fg-primary);color:var(--bg-surface)}.resume-socials{gap:var(--space-2);display:flex}.resume-social-link{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--fg-tertiary);transition:color var(--motion-base), border-color var(--motion-base);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.resume-social-link:hover{color:var(--fg-primary);border-color:var(--fg-primary)}.resume-divider{border:none;border-top:1px solid var(--border-subtle);margin:0 0 48px}.resume-vdivider{background:var(--border-subtle);flex-shrink:0;align-self:stretch;width:1px}.resume-body{grid-template-columns:260px 1px 1fr;align-items:start;gap:0 40px;display:grid}.resume-section{padding-bottom:var(--space-8)}.resume-section-heading{font-family:var(--font-sans);color:var(--fg-accent);letter-spacing:-.01em;margin:0 0 24px;font-size:clamp(22px,5vw,28px);font-weight:600;line-height:1.1}.resume-edu-entry{margin-bottom:28px}.resume-edu-entry:last-child{margin-bottom:0}.resume-edu-degree{color:var(--fg-primary);margin-bottom:3px;font-size:clamp(17px,4vw,20px);font-weight:600;line-height:1.35}.resume-edu-school{color:var(--fg-secondary);margin-bottom:4px;font-size:clamp(14px,3.5vw,16px)}.resume-edu-year{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-tertiary);font-size:11px}.resume-skills-group{margin-bottom:20px}.resume-skills-group:last-child{margin-bottom:0}.resume-skills-label{color:var(--fg-primary);margin-bottom:8px;font-size:clamp(14px,4vw,16px);font-weight:600}.resume-skills-pills{flex-wrap:wrap;gap:6px;display:flex}.resume-skill-pill{border:1px solid var(--border-subtle);background:var(--bg-subtle);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-secondary);border-radius:6px;align-items:center;padding:4px 10px;font-size:clamp(11px,3vw,12px);font-weight:500;line-height:1;display:inline-flex}.resume-exp-entry{gap:16px;margin-bottom:40px;display:flex}.resume-exp-entry:last-child{margin-bottom:0}.resume-exp-logo{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:2px;display:flex}.resume-exp-logo img{object-fit:contain;width:34px;height:34px;display:block}.resume-exp-body{flex:1;min-width:0}.resume-exp-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:12px;display:flex}.resume-exp-title{color:var(--fg-primary);margin-bottom:3px;font-size:clamp(17px,4vw,20px);font-weight:600;line-height:1.3}.resume-exp-company{color:var(--fg-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.resume-exp-sep{color:var(--fg-tertiary)}.resume-exp-dates{font-family:var(--font-mono);letter-spacing:.05em;color:var(--fg-tertiary);white-space:nowrap;text-transform:uppercase;flex-shrink:0;padding-top:2px;font-size:12px}.resume-exp-bullets{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.resume-exp-bullets li{color:var(--fg-secondary);padding-left:16px;font-size:clamp(14px,3.5vw,16px);line-height:1.6;position:relative}.resume-exp-bullets li:before{content:"·";color:var(--fg-tertiary);font-size:16px;line-height:1.3;position:absolute;left:4px}@media (width<=900px){.resume-body{grid-template-columns:220px 1px 1fr;gap:0 28px}}@media (width<=640px){.resume-page{padding-top:80px}.resume-header{gap:var(--space-5);flex-direction:column;margin-bottom:40px}.resume-photo-wrap{width:80px}.resume-body{grid-template-columns:1fr;gap:0}.resume-vdivider{display:none}.resume-main{border-bottom:1px solid var(--border-subtle);order:-1;margin-bottom:40px;padding-bottom:8px}.resume-sidebar{order:1}.resume-exp-top{flex-direction:column;gap:2px}.resume-exp-dates{font-size:11px}}.outside{padding:var(--space-9) var(--gutter)}@media (width>=768px){.outside{padding:var(--space-9) var(--space-7)}}@media (width>=1280px){.outside{padding:var(--space-9) var(--space-8)}}.outside-inner{max-width:1200px;margin:0 auto}.outside-block{padding:var(--space-7) 0}.outside-heading{color:var(--fg-primary);margin-bottom:10px;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.1}.outside-heading span{color:var(--fg-accent)}.outside-bio{color:var(--fg-secondary);max-width:560px;margin-bottom:0;font-size:clamp(14px,2vw,16px);line-height:1.6}.outside-bento{grid-template-rows:260px 260px 240px;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.ob-cell{border-radius:16px;position:relative;overflow:hidden}.ob-img-wrap{animation:.6s ob-fade-in;position:absolute;inset:0}.ob-img-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}.ob-a{grid-area:1/2/3}.ob-b{grid-area:1/1}.ob-c{grid-area:1/3}.ob-d{grid-area:1/4/3}.ob-e{grid-area:2/1}.ob-f{grid-area:2/3}.ob-g{grid-area:3/1}.ob-h{grid-area:3/2/auto/5}.ob-tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.ob-tile-emoji{font-size:40px;line-height:1;display:block}.ob-tile-label{color:var(--fg-secondary);letter-spacing:.02em;font-size:11px;font-weight:500}.theme-dark .ob-tile-label{color:#f5f5f599}.theme-dark .ob-tile--climb .ob-tile-label{color:var(--kanso-ink-700)}.ob-tile-label--dim{color:#ffffff73}.ob-tile--climb{background:#f0ebe0}.theme-dark .ob-tile--climb{background:var(--kanso-ink-100)}.ob-tile--climb .ob-tile-emoji{animation:3.5s ease-in-out infinite ob-climb}@keyframes ob-climb{0%{transform:translateY(14px)rotate(-8deg)}45%{transform:translateY(-8px)rotate(6deg)}70%{transform:translateY(-14px)rotate(10deg)}to{transform:translateY(14px)rotate(-8deg)}}.ob-tile--gaming{background:#0d0d1a}.ob-gaming-lives{color:#ef4444;gap:4px;font-size:16px;display:flex}.ob-gaming-blink{animation:1.2s step-start infinite ob-blink}@keyframes ob-blink{0%,to{opacity:1}50%{opacity:0}}.ob-tile--gaming .ob-tile-label{color:#fff6;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.ob-tile--coffee{background:#fdf6e3}.theme-dark .ob-tile--coffee{background:#1e1a10}.ob-tile--blossom{background:#fff;position:relative;overflow:hidden}.theme-dark .ob-tile--blossom{background:#000}.ob-blossom-petal{width:8px;height:12px;color:var(--fg-accent);opacity:0;pointer-events:none;animation-name:ob-petal-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px}.ob-blossom-petal svg{width:100%;height:100%;display:block}@keyframes ob-petal-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.28}90%{opacity:.55}to{transform:translate(var(--ob-petal-drift,15px), 320px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.ob-blossom-petal{display:none}}.ob-blossom-content{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.ob-coffee-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.ob-steam{align-items:flex-end;gap:5px;height:22px;display:flex}.ob-steam-line{opacity:0;width:3px;height:14px;animation:2.1s ease-out infinite ob-steam;animation-delay:var(--sd,0s);background:#0000002e;border-radius:3px}.theme-dark .ob-steam-line{background:#ffffff38}@keyframes ob-steam{0%{opacity:0;transform:translateY(0)scaleX(1)}25%{opacity:.7;transform:translateY(-6px)scaleX(1.3)}to{opacity:0;transform:translateY(-22px)scaleX(.6)}}.ob-tile--dog{background:#fef9c3}.theme-dark .ob-tile--dog{background:#1a1800}.ob-tile-emoji--bounce{animation:2s ease-in-out infinite ob-bounce}@keyframes ob-bounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(8deg)}}.ob-dog-hearts{pointer-events:none;gap:8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ob-dog-hearts span{font-size:18px;animation:1.2s ease-out infinite ob-heart-float}.ob-dog-hearts span:nth-child(2){animation-delay:.35s}.ob-dog-hearts span:nth-child(3){animation-delay:.7s}@keyframes ob-heart-float{0%{opacity:0;transform:translateY(4px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.1)}}.ob-tile-label--gameover{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;animation:.5s step-start 4 ob-gameover-flash;color:#ef4444!important}@keyframes ob-gameover-flash{0%,to{opacity:1}50%{opacity:0}}.ob-lofi-player{cursor:pointer;-webkit-user-select:none;user-select:none;background:#09090f;align-items:center;gap:28px;padding:20px 28px;transition:background .2s;display:flex}.ob-lofi-player:hover{background:#0f0f1a}.ob-vinyl{background:radial-gradient(circle at center, var(--kanso-accent-500) 0% 11%, #0a0a0a 11% 15%, #1c1c1c 15% 22%, #0a0a0a 22% 30%, #1c1c1c 30% 40%, #0a0a0a 40% 50%, #1c1c1c 50% 60%, #0a0a0a 60% 70%, #1c1c1c 70% 80%, #0a0a0a 80% 90%, #1c1c1c 90% 100%);border-radius:50%;flex-shrink:0;width:120px;height:120px;animation:5s linear infinite paused ob-vinyl-spin;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 8px 32px #0009}.ob-lofi-player.is-playing .ob-vinyl{animation-play-state:running}@keyframes ob-vinyl-spin{to{transform:rotate(360deg)}}.ob-vinyl-art{object-fit:cover;pointer-events:none;border-radius:50%;width:38%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-lofi-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ob-lofi-status{letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.ob-lofi-player.is-playing .ob-lofi-status{color:var(--kanso-accent-500)}.ob-lofi-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite paused ob-status-pulse}.ob-lofi-player.is-playing .ob-lofi-status-dot{animation-play-state:running}@keyframes ob-status-pulse{0%,to{opacity:1}50%{opacity:.3}}.ob-lofi-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.8vw,20px);font-weight:600;line-height:1.2;overflow:hidden}.ob-lofi-genre-label{color:#ffffff59;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.ob-lofi-controls{align-items:center;gap:4px;margin:6px 0 2px;display:flex}.ob-lofi-ctrl{border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s,border-color .15s;display:flex}.ob-lofi-ctrl:hover{color:#ffffffe6;background:#ffffff1f;border-color:#ffffff29}.ob-lofi-ctrl--play{color:#ffffffd9;background:#ffffff1f;border-color:#ffffff24;width:32px;height:32px}.ob-lofi-ctrl--play:hover{background:var(--kanso-accent-500);border-color:var(--kanso-accent-500);color:#fff}.ob-lofi-progress-wrap{background:#ffffff14;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.ob-lofi-progress-bar{background:var(--kanso-accent-500);border-radius:2px;height:100%;transition:width .12s linear}.ob-lofi-eq-big{flex-shrink:0;align-items:flex-end;gap:5px;height:64px;display:flex;overflow:hidden}.ob-lofi-eq-big span{background:var(--kanso-accent-500);border-radius:3px;width:6px;min-height:4px;animation:.7s ease-in-out infinite alternate paused ob-eq-big}.ob-lofi-player.is-playing .ob-lofi-eq-big span{animation-play-state:running}@keyframes ob-eq-big{0%{opacity:.5;height:4px}to{opacity:1;height:56px}}.ob-lofi-eq-big span:first-child{animation-duration:.55s;animation-delay:0s}.ob-lofi-eq-big span:nth-child(2){animation-duration:.8s;animation-delay:.1s}.ob-lofi-eq-big span:nth-child(3){animation-duration:.65s;animation-delay:.2s}.ob-lofi-eq-big span:nth-child(4){animation-duration:.9s;animation-delay:50ms}.ob-lofi-eq-big span:nth-child(5){animation-duration:.7s;animation-delay:.15s}.ob-lofi-eq-big span:nth-child(6){animation-duration:.85s;animation-delay:.25s}.ob-lofi-eq-big span:nth-child(7){animation-duration:.6s;animation-delay:.1s}.ob-lofi-eq-big span:nth-child(8){animation-duration:.75s;animation-delay:.2s}.ob-lofi-eq-big span:nth-child(9){animation-duration:.95s;animation-delay:0s}.ob-lofi-eq-big span:nth-child(10){animation-duration:.68s;animation-delay:.3s}@media (width>=640px) and (width<=1023px){.outside-bento{grid-template-columns:1fr 1fr;grid-template-rows:unset;gap:10px}.ob-a,.ob-d{aspect-ratio:3/4;grid-area:auto}.ob-b,.ob-c,.ob-e,.ob-f,.ob-g{aspect-ratio:1;grid-area:auto}.ob-h{grid-area:auto/1/auto/3;min-height:140px}.ob-vinyl{width:90px;height:90px}.ob-lofi-player{gap:20px;padding:18px 24px}.ob-lofi-eq-big{height:48px}.ob-lofi-eq-big span:nth-child(n+7){display:none}}@media (width<=639px){.outside-bento{grid-template-columns:1fr 1fr;grid-template-rows:unset;gap:8px}.ob-a,.ob-d{aspect-ratio:3/4;grid-area:auto}.ob-b,.ob-c,.ob-e,.ob-f,.ob-g{aspect-ratio:1;grid-area:auto}.ob-h{grid-area:auto/1/auto/3;min-height:100px}.ob-vinyl{display:none}.ob-lofi-player{gap:14px;padding:14px 18px}.ob-lofi-eq-big{gap:3px;height:36px}.ob-lofi-eq-big span{width:5px}.ob-lofi-eq-big span:nth-child(n+6){display:none}}.case{--case-max:1440px;background:var(--bg-canvas)}.case-hero{aspect-ratio:4/3;width:100%;margin-bottom:0;position:relative;overflow:hidden}@media (width>=768px){.case-hero{aspect-ratio:2;margin-bottom:48px}}.case-hero-img{object-fit:cover;object-position:center 50%;transform-origin:top;filter:sepia(.05)saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.case-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000038 55%,#0000008c 100%);height:38%;position:absolute;bottom:0;left:0;right:0}.case-hero .portfolio-hero-scroll{display:none}@media (width>=1024px){.case-hero .portfolio-hero-scroll{z-index:2;color:#ffffffeb;display:flex;bottom:56px}.case-hero .portfolio-hero-scroll:hover{color:#fff}}.case-hero-gradient{background:linear-gradient(#00000014 0%,#0000004d 60%,#000000b8 100%);position:absolute;inset:0}.case-hero-content{padding:var(--space-9) var(--gutter);max-width:var(--case-max);width:100%;margin:0 auto;position:relative}@media (width>=1024px){.case-hero-content{padding-left:var(--space-8);padding-right:var(--space-8)}}.case-hero-eyebrow{font:var(--fw-medium) 12px/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:#ffffff80;margin:0 0 14px}.case-hero-title{font:var(--fw-semibold) clamp(48px, 7vw, 96px)/var(--lh-display) var(--font-sans);letter-spacing:var(--ls-display);color:#fff;margin:0 0 16px}.case-hero-lead{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:#ffffffb3;margin:0 0 28px}.case-hero-chips{flex-wrap:wrap;gap:8px;display:flex}.case-hero-chips span{font:var(--fw-medium) 12px/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:#ffffff8c;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid #ffffff24;padding:7px 14px}.case-section{padding:clamp(36px,5vw,60px) 0;scroll-margin-top:72px}.case-sidenav{z-index:90;flex-direction:column;align-items:flex-end;gap:7px;width:30px;transition:opacity .4s;display:none;position:fixed;top:50%;right:18px;transform:translateY(-50%)}@media (width>=1200px){.case-sidenav{display:flex}}.case-sidenav.is-expanded{width:300px}.case-sidenav.is-hidden{opacity:0;pointer-events:none}.case-sidenav-item{cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;width:100%;height:22px;padding:0;display:flex;position:relative}.case-sidenav-label{white-space:nowrap;text-align:right;font:500 11px/1.35 var(--font-sans);letter-spacing:.01em;color:var(--fg-tertiary);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),color .2s;position:absolute;top:50%;right:40px;transform:translateY(-50%)translate(6px)}.case-sidenav-tick{background:var(--border-default);border-radius:2px;flex-shrink:0;width:16px;height:2px;transition:width .25s,background .2s}.case-sidenav-item.is-active .case-sidenav-tick{background:var(--fg-primary);width:24px}.case-sidenav-item.is-active .case-sidenav-label{opacity:1;color:var(--fg-primary);transform:translateY(-50%)}.case-sidenav.is-expanded .case-sidenav-label{opacity:1;transform:translateY(-50%)}.case-sidenav-item:hover .case-sidenav-tick{background:var(--fg-secondary);width:24px}.case-sidenav-item:hover .case-sidenav-label{color:var(--fg-primary)}.case-section--next{border-top:1px solid var(--border-subtle)}.case-inner{max-width:var(--case-max);padding:0 var(--gutter);margin:0 auto}@media (width>=768px){.case-inner{padding:0 80px}}@media (width>=1024px){.case-inner{padding:0 160px}}@media (width>=1280px){.case-inner{padding:0 280px}}.case-overview-eyebrow{font:var(--fw-medium) 12px/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 16px}.case-overview-divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0}@media (width>=768px){.case-overview-divider{margin:var(--space-7) 0}}.case-overview-meta-grid{gap:var(--space-5) var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width>=768px){.case-overview-meta-grid{gap:var(--space-6) var(--space-7);margin-bottom:var(--space-8)}}.case-overview-meta-item{gap:var(--space-2);flex-direction:column;display:flex}.case-overview-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.case-overview-grid{gap:var(--space-9);grid-template-columns:1fr 1fr}}.case-overview-title{margin:0 0 var(--space-5);font:var(--fw-semibold) clamp(24px, 4.5vw, 48px)/var(--lh-display) var(--font-sans);letter-spacing:var(--ls-display);color:var(--fg-primary)}.case-overview-body{margin:0 0 var(--space-4);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-secondary)}.case-overview-body:last-child{margin-bottom:0}.case-meta-list{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.case-meta-item{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);padding:14px 0;display:flex}.case-meta-label{font:var(--fw-medium) 12px/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fg-tertiary)}.case-meta-value{font:var(--fw-medium) var(--fs-label)/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-label);color:var(--fg-primary)}.case-section-title{margin:0 0 var(--space-5);font:var(--fw-semibold) clamp(20px, 3.5vw, 36px)/var(--lh-display) var(--font-sans);letter-spacing:var(--ls-display);color:var(--fg-primary)}.case-stat-heading{margin:0 0 var(--space-5);font:var(--fw-semibold) clamp(18px, 2.2vw, 24px)/var(--lh-heading) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--fg-primary)}.case-stat-highlight{color:#006b8c}.case-blockquote{margin:var(--space-6) 0 0;padding:var(--space-3) 0 var(--space-3) var(--space-5);font:var(--fw-medium) clamp(15px, 1.8vw, 18px)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-primary);border-left:3px solid #006b8c}.case--tagtrax .case-blockquote{border-left-color:#006b8c}.case--tagtrax .case-stat-dot.is-filled{background:#006b8c}.case--tagtrax .case-stat-card:hover .case-stat-dot.is-filled{box-shadow:0 0 7px #006b8c80}.case--tagtrax .case-persona-badge{color:#006b8c;background:#cce8f2}.theme-dark .case--tagtrax .case-persona-badge{background:#006b8c2e}.case--tagtrax .case-persona-items li:before{background:#006b8c}.case--tagtrax .case-persona-platform-icon{color:#006b8c;background:#cce8f2}.theme-dark .case--tagtrax .case-persona-platform-icon{background:#006b8c2e}.case--firefly .case-blockquote{border-left-color:#16a34a}.case--roumi .case-blockquote{border-left-color:#7c3aed}.case--roumi .case-stat-highlight{color:#7c3aed}.case-callout{background:color-mix(in srgb, #22c55e 10%, var(--bg-canvas));border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);text-align:center;border:1.5px solid #22c55e4d}.case-callout-label{margin-bottom:var(--space-3);font:var(--fw-bold) var(--fs-caption)/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#16a34a;display:block}.theme-dark .case-callout-label{color:#4ade80}.case-callout-body{font:var(--fw-medium) clamp(15px, 1.6vw, 17px)/var(--lh-body) var(--font-sans);color:var(--fg-primary);margin:0;max-width:600px;margin-inline:auto}.case-img-label{margin:0 0 var(--space-4);font:var(--fw-semibold) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-primary);text-align:center}.case-eyebrow{font:var(--fw-medium) 12px/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 10px}.case-heading{margin:0 0 var(--space-5);font:var(--fw-semibold) 24px/var(--lh-heading) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--fg-primary)}.case-body{margin:0 0 var(--space-6);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-secondary)}.case-pillars{gap:var(--space-3);margin:var(--space-5) 0 var(--space-6);flex-direction:column;display:flex}.case-pillar{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-5);text-align:left;flex-direction:row;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.case-pillars{gap:var(--space-5);margin:var(--space-6) 0 var(--space-7);grid-template-columns:repeat(3,1fr);display:grid}.case-pillar{padding:var(--space-7) var(--space-5);text-align:center;flex-direction:column;align-items:center}}.case-pillar-icon{border-radius:var(--radius-pill);border:1.5px solid;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.case-pillar-title{font:var(--fw-semibold) 14px/var(--lh-heading) var(--font-sans);letter-spacing:var(--ls-label);color:var(--fg-primary);margin:0}.case-pillar-subtitle{font-size:12px;line-height:var(--lh-body);color:var(--fg-secondary);margin:0}.case-pillar:before{content:"";border-radius:inherit;background:radial-gradient(circle at 20% 50%, var(--card-accent,transparent) 0%, transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.case-pillar:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000017}.case-pillar:hover:before{opacity:.08}.case-pillar:hover .case-pillar-icon{transform:scale(1.1)}.case-pillar-icon{transition:transform .22s}.case-pillars--2col{grid-template-columns:1fr;display:grid}@media (width>=540px){.case-pillars--2col{grid-template-columns:1fr 1fr}}.case-process-steps{gap:var(--space-5);margin-top:var(--space-7);grid-template-columns:1fr;display:grid}@media (width>=540px){.case-process-steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.case-process-step{gap:var(--space-2);opacity:0;transition:opacity .5s ease var(--step-delay,0s), transform .5s ease var(--step-delay,0s);flex-direction:column;display:flex;transform:translateY(20px)}.case-process-steps.is-visible .case-process-step{opacity:1;transform:translateY(0)}.case-process-num{font:700 clamp(28px, 4vw, 40px)/1 var(--font-sans);letter-spacing:-.02em;line-height:1}.case-process-title{font:var(--fw-semibold) var(--fs-label)/var(--lh-heading) var(--font-sans);color:var(--fg-primary);margin:0}.case-process-sub{font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--fg-secondary);margin:0}.case-direction-list{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.case-direction-item{padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-radius:0 var(--radius-xl) var(--radius-xl) 0;border-left:3px solid;transition:transform .22s,box-shadow .22s,border-left-width .22s}.case-direction-item:hover{border-left-width:5px;transform:translate(5px);box-shadow:0 4px 18px #00000014}.case-direction-title{font:var(--fw-bold) clamp(16px, 2vw, 20px)/var(--lh-heading) var(--font-sans);color:var(--fg-primary);margin:0 0 4px}.case-direction-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-secondary);margin:0}.case-goals-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.case-goals-grid{grid-template-columns:1fr}}.case-goal-item{padding:var(--space-4) var(--space-4) var(--space-5);background:var(--bg-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);gap:var(--space-2);border-top:3px solid;flex-direction:column;transition:transform .22s,box-shadow .22s,border-top-width .22s;display:flex}.case-goal-icon{margin-bottom:var(--space-1);align-items:center;display:flex}.case-goal-title{font:var(--fw-semibold) var(--fs-label)/var(--lh-heading) var(--font-sans);color:var(--fg-primary);margin:0}.case-goal-sub{font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--fg-secondary);margin:0}.case-goal-item:hover{border-top-width:5px;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.case-accordion{margin:var(--space-6) 0 0;border-top:1px solid var(--border-subtle);padding:0;list-style:none}.case-accordion-item{border-bottom:1px solid var(--border-subtle);margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);border-radius:0;transition:background .2s}.case-accordion-item:hover{background:var(--bg-surface)}.case-accordion-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.case-accordion-num{font:700 clamp(22px, 3vw, 32px)/1 var(--font-sans);letter-spacing:-.02em;flex-shrink:0;width:52px;padding-top:2px;transition:transform .2s}.case-accordion-item:hover .case-accordion-num{transform:scale(1.06)}.case-accordion-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.case-accordion-title{font:var(--fw-semibold) clamp(14px, 1.6vw, 16px)/var(--lh-heading) var(--font-sans);color:var(--fg-primary);margin:0;transition:color .2s}.case-accordion-item:hover .case-accordion-title{color:var(--acc-color,var(--fg-accent))}.case-accordion-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-secondary);margin:0}.case-compare-labels{margin-bottom:var(--space-4);justify-content:space-around;display:flex}.case-compare-label{font:var(--fw-semibold) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-primary)}.case-split{gap:var(--space-6);margin-top:var(--space-6);flex-direction:column;display:flex}.case-split-text{flex-shrink:0}.case-split-media{flex:1;min-width:0;margin:0}.case-split-media .case-img{width:100%;height:auto;display:block}@media (width>=768px){.case-split{align-items:center;gap:var(--space-8);flex-direction:row}.case-split-text{flex:0 0 38%}.case-split-media{flex:0 0 58%}}.case-video-container{border-radius:var(--radius-xl);width:100%;padding:var(--space-5);background:#fff;justify-content:center;align-items:center;display:flex}@media (width>=768px){.case-video-container{padding:var(--space-8)}}.case-video-wrap{aspect-ratio:9/16;border-radius:12px;width:min(280px,100%);overflow:hidden}.case-video{object-fit:cover;object-position:50% 50%;background-color:#0000;border-radius:0;width:100%;height:100%;display:block}.case-img-white-bg{padding:var(--space-4);background:#fff;border-radius:clamp(8px,1.5vw,20px);justify-content:center;align-items:center;display:flex}.case-img-white-bg .case-img{border-radius:clamp(4px,1vw,10px)}@media (width>=768px){.case-img-white-bg{padding:var(--space-5)}}.case-video-tablet-wrap{border-radius:var(--radius-xl);aspect-ratio:16/10;width:100%;overflow:hidden}.case-video-tablet{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.case-img-row{gap:var(--space-5);margin:var(--space-7) 0;grid-template-columns:1fr;display:grid}@media (width>=640px){.case-img-row{grid-template-columns:1fr 1fr}}.case-figure{margin:var(--space-6) 0 0}@media (width>=768px){.case-figure{margin:var(--space-7) 0 0}}.case-figure--full{width:100%}.case-img{border-radius:clamp(8px,1.5vw,20px);width:100%;height:auto;display:block}.case-timeline-wrap{margin-top:var(--space-7);background:var(--bg-surface);border-radius:var(--radius-xl);flex-direction:column;gap:28px;padding:28px 28px 20px;display:flex}@media (width>=768px){.case-timeline-wrap{flex-direction:row;align-items:flex-start;gap:36px}}.case-timeline-chart{flex:1 1 0;min-width:0}.case-timeline-header{font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 20px}.case-timeline-row{grid-template-columns:132px 1fr;align-items:center;min-height:58px;display:grid}.case-timeline-row-label{font:500 10px/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-secondary);text-align:right;padding-right:16px}.case-timeline-track{height:5px;position:relative}.case-timeline-gridline{border-left:1.5px dashed var(--border-subtle);width:0;position:absolute;top:-26px;bottom:-26px}.case-timeline-bar{height:5px;top:0;left:var(--bar-left);border-radius:999px;width:0;transition:width .75s cubic-bezier(.22,1,.36,1);position:absolute}.case-timeline-bar.is-animated{width:var(--bar-width)}.case-timeline-months-row{grid-template-columns:132px 1fr;margin-top:10px;display:grid}.case-timeline-months{justify-content:space-between;display:flex}.case-timeline-month{font:500 10px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary)}.case-timeline-list{flex-direction:column;flex-shrink:0;gap:14px;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.case-timeline-list{width:200px;padding-top:36px}}.case-timeline-list-item{align-items:flex-start;gap:8px;display:flex}.case-timeline-list-num{font:700 12px/1.4 var(--font-sans);flex-shrink:0;width:20px}.case-timeline-list-title{font:600 12px/1.3 var(--font-sans);letter-spacing:.02em;color:var(--fg-primary);margin:0}.case-timeline-list-period{font:400 11px/1 var(--font-sans);color:var(--fg-tertiary);margin:3px 0 0}.case-timeline-list-detail{font:400 11px/1.45 var(--font-sans);color:var(--fg-secondary);margin:4px 0 0}.case-dd-wrap{margin-top:var(--space-7);background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5) var(--space-5)}.case-dd-title{margin:0 0 var(--space-3);font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary)}.case-dd{--dd-stroke:#0000004d;width:100%;display:block}.theme-dark .case-dd{--dd-stroke:#ffffff38}.case-dt-wrap{margin-top:var(--space-7);background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5) var(--space-5)}.case-dt-bar{border-radius:999px;gap:3px;height:14px;display:flex;overflow:hidden}.case-dt-segment{flex:1}.case-dt-labels{margin-top:var(--space-4);display:flex}.case-dt-label{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.case-dt-num{letter-spacing:.04em;font:700 11px/1 Courier New,monospace}.case-dt-text{font:600 11px/1.3 var(--font-sans);color:var(--fg-primary);text-align:center}.case-dt-sub-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.case-dt-sub{font:400 10px/1.4 var(--font-sans);color:var(--fg-tertiary);text-align:center}@media (width<=600px){.case-dt-sub{display:none}.case-dt-text,.case-dt-num{font-size:10px}}@media (width<=400px){.case-dt-text,.case-dt-num{font-size:9px}}.case-interview-guide{margin-top:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.case-interview-guide-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);justify-content:space-between;align-items:center;display:flex}.case-interview-guide-title{font:600 12px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary);margin:0}.case-interview-guide-duration{font:500 12px/1 var(--font-sans);color:var(--fg-tertiary)}.case-interview-phase{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.case-interview-phase:last-child{border-bottom:none}.case-interview-phase-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.case-interview-phase-num{flex-shrink:0;font:700 14px/1 Courier New,monospace}.case-interview-phase-title{font:600 15px/1 var(--font-sans);color:var(--fg-primary);flex:1}.case-interview-phase-timing{font:500 11px/1 var(--font-sans);letter-spacing:.06em;border-radius:var(--radius-pill);padding:3px 9px}.case-interview-questions{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.case-interview-questions li{font:400 14px/1.65 var(--font-sans);color:var(--fg-secondary);padding-left:var(--space-4);position:relative}.case-interview-questions li:before{content:"";background:var(--border-default);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:4px}.case--tagtrax .case-interview-phase-num{color:#006b8c}.case--tagtrax .case-interview-phase-timing{color:#006b8c;background:#cce8f2}.case-persona-card{margin-top:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform .2s,box-shadow .2s}.case-persona-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (width>=768px){.case-persona-card{padding:var(--space-7)}}.case-persona-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.case-persona-photo{object-fit:cover;border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:88px;height:88px}.case-persona-identity{flex-direction:column;gap:6px;display:flex}.case-persona-name{font:700 22px/1 var(--font-sans);letter-spacing:-.02em;color:var(--fg-primary);margin:0}.case-persona-badge{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;border-radius:var(--radius-pill);background:#ede9fe;padding:4px 10px}.theme-dark .case-persona-badge{background:#7c3aed2e}.case-persona-bio{font:400 14px/1.7 var(--font-sans);color:var(--fg-secondary);margin:0 0 var(--space-6)}.case-persona-sections{gap:var(--space-5) var(--space-7);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.case-persona-sections{grid-template-columns:1fr}}.case-persona-section-label{font:600 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 var(--space-3)}.case-persona-items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-persona-items li{font:400 13px/1.6 var(--font-sans);color:var(--fg-secondary);padding-left:var(--space-4);cursor:default;transition:color .15s,padding-left .15s;position:relative}.case-persona-items li:hover{color:var(--fg-primary);padding-left:calc(var(--space-4) + 4px)}.case-persona-items li:before{content:"";background:#7c3aed;border-radius:50%;width:5px;height:5px;transition:transform .15s;position:absolute;top:9px;left:0}.case-persona-items li:hover:before{transform:scale(1.4)}.case-persona-platforms{gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.case-persona-platforms{grid-template-columns:1fr}}.case-persona-platform{gap:var(--space-3);padding:var(--space-3);margin:calc(-1 * var(--space-3));border-radius:var(--radius-lg);cursor:default;align-items:flex-start;transition:background .15s;display:flex}.case-persona-platform:hover{background:var(--bg-subtle)}.case-persona-platform-icon{border-radius:var(--radius-md);color:#7c3aed;background:#ede9fe;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.theme-dark .case-persona-platform-icon{background:#7c3aed2e}.case-persona-platform-label{font:600 12px/1 var(--font-sans);color:var(--fg-primary);margin:0 0 4px}.case-persona-platform-desc{font:400 12px/1.6 var(--font-sans);color:var(--fg-tertiary);margin:0}.case-ba-block{margin-top:var(--space-9)}.case-ba-block+.case-ba-block{margin-top:var(--space-9);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.case-ba-heading{font:700 17px/1.2 var(--font-sans);color:var(--fg-primary);margin:0 0 var(--space-5);letter-spacing:-.01em}.case-ba-list{margin:var(--space-6) 0 0;gap:var(--space-4) var(--space-8);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}@media (width<=640px){.case-ba-list{gap:var(--space-5);grid-template-columns:1fr}}.case-ba-item{gap:var(--space-3);align-items:flex-start;display:flex}.case-ba-num{color:#7c3aed;flex-shrink:0;min-width:32px;font:700 17px/1.65 Courier New,monospace}.case-ba-body{font:400 15px/1.7 var(--font-sans);color:var(--fg-secondary);margin:0}.case-marketing-stack{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.case-stats-caption{margin:var(--space-7) 0 var(--space-4);font:var(--fw-semibold) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-primary)}.case-stats-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width>=768px){.case-stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.case-stat-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);gap:var(--space-2);cursor:default;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.case-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.case-stat-dots{margin-bottom:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.case-stat-dot{background:var(--border-default);width:13px;height:13px;transition:transform .35s cubic-bezier(.34, 1.56, .64, 1) var(--dot-delay,0s), box-shadow .2s ease;border-radius:50%;flex-shrink:0;transform:scale(0)}.reveal.is-visible .case-stat-dot{transform:scale(1)}.case-stat-dot.is-filled{background:#7c3aed}.case-stat-card:hover .case-stat-dot.is-filled{box-shadow:0 0 7px #7c3aed8c}.case-stat-fraction{margin-bottom:var(--space-1);align-items:baseline;gap:2px;display:flex}.case-stat-count{font:700 clamp(28px, 4vw, 36px)/1 var(--font-sans);letter-spacing:-.02em;color:var(--fg-primary)}.case-stat-sep{font:400 clamp(16px, 2vw, 20px)/1 var(--font-sans);color:var(--fg-tertiary)}.case-stat-value-orig{gap:var(--space-2);text-align:center;flex-direction:column;align-items:center;display:flex}.case-stat-value{font:700 clamp(32px, 5vw, 44px)/1 var(--font-sans);letter-spacing:-.02em;color:var(--fg-accent)}.case--roumi .case-stat-value{color:#7c3aed}.case-stat-label{font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--fg-secondary)}.cgda-bento{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.cgda-bento{grid-template-columns:1.55fr 1fr;align-items:stretch}}.cgda-bento-col{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.cgda-bento-tile{background:var(--bg-surface);border-radius:clamp(8px,1.5vw,16px);margin:0;overflow:hidden}.cgda-bento-tile img{width:100%;height:auto;display:block}.cgda-bento-tile--tall img{max-width:300px;margin:0 auto}@media (width>=768px){.cgda-bento-tile--tall{position:relative}.cgda-bento-tile--tall img{object-fit:cover;object-position:50% 0;width:100%;max-width:none;height:100%;position:absolute;inset:0}}.case-figcaption{margin-top:var(--space-3);font:var(--fw-regular) var(--fs-label)/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-label);color:var(--fg-tertiary);text-align:center}.case-img-2col{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.case-img-2col{grid-template-columns:1fr}}.case-caption{margin-top:var(--space-5);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-secondary)}.case-workflow-stack{gap:var(--space-8);margin-top:var(--space-7);flex-direction:column;display:flex}.case-workflow-header{margin-bottom:var(--space-5)}.case-workflow-title{margin:0 0 var(--space-2);font:var(--fw-medium) var(--fs-h2)/var(--lh-heading) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--fg-primary)}.case-workflow-desc{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);letter-spacing:var(--ls-body);color:var(--fg-secondary);margin:0}.case-video-placeholder{aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;font:var(--fw-regular) var(--fs-label)/var(--lh-label) var(--font-sans);letter-spacing:var(--ls-eyebrow);color:var(--fg-tertiary);justify-content:center;align-items:center;display:flex}.case-more-heading{margin:0 0 var(--space-6);font:var(--fw-semibold) clamp(24px, 3.5vw, 40px)/var(--lh-heading) var(--font-sans);letter-spacing:var(--ls-heading);color:var(--fg-primary)}@media (width>=768px){.case-more-heading{margin-bottom:var(--space-7)}}.case-works-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-5);display:flex;overflow-x:auto}.case-works-row::-webkit-scrollbar{display:none}@media (width>=768px){.case-works-row{grid-template-columns:repeat(4,1fr);display:grid;overflow:visible}}.case-works-card{scroll-snap-align:start;cursor:pointer;text-align:center;background:0 0;border:none;flex:0 0 220px;padding:0}.case-works-card--soon{cursor:default;opacity:.6}.case-works-card-thumb{aspect-ratio:1;border-radius:var(--radius-xl);width:100%;margin-bottom:var(--space-4);transition:transform .3s;position:relative;overflow:hidden}.case-works-card:hover .case-works-card-thumb{transform:translateY(-4px)}.case-works-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .45s;display:block}.case-works-card:hover .case-works-card-img{transform:scale(1.05)}.case-works-card-title{margin:0 0 var(--space-1);font:var(--fw-semibold) var(--fs-body)/var(--lh-body) var(--font-sans);color:var(--fg-primary)}.works-cover-soon-overlay{-webkit-backdrop-filter:blur(2px);color:#fff;font:600 12px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;border-radius:inherit;background:#00000085;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:absolute;inset:0}.works-cover--soon:hover .works-cover-soon-overlay,.works-mobile-card--soon:hover .works-cover-soon-overlay,.case-works-card--soon:hover .works-cover-soon-overlay{opacity:1}.works-coming-soon-badge--inline{background:var(--bg-surface);color:var(--fg-secondary);border:1px solid var(--border-subtle);font:600 12px/1 var(--font-sans);letter-spacing:.04em;margin-top:var(--space-3);border-radius:999px;padding:4px 12px;display:inline-flex}.works-mobile-card--soon{cursor:default;opacity:.75}.works-mobile-card--soon .works-cover-soon-overlay{opacity:1}.case-works-card-category{font:var(--fw-semibold) 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);margin:0}.site-footer{border-top:1px solid var(--border-subtle);padding:var(--space-7) 0}.site-footer-inner{max-width:1440px;padding:0 var(--gutter);text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.site-footer-inner{text-align:left;align-items:center;gap:var(--space-4);grid-template-columns:1fr auto 1fr;padding:0 80px;display:grid}}@media (width>=1024px){.site-footer-inner{padding:0 160px}}@media (width>=1280px){.site-footer-inner{padding:0 280px}}.site-footer-copy{font:var(--fw-semibold) 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary)}.site-footer-social{align-items:center;gap:var(--space-5);display:flex}.site-footer-icon{color:var(--fg-tertiary);align-items:center;transition:color .2s;display:flex}.site-footer-icon:hover{color:var(--fg-primary)}.site-footer-top{font:var(--fw-semibold) 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;transition:color .2s;display:block}@media (width>=768px){.site-footer-top{text-align:right;margin-left:auto}}.site-footer-top:hover{color:var(--fg-primary)}.site-footer-made{margin:var(--space-5) auto 0;padding:var(--space-5) var(--gutter) 0;text-align:center;color:var(--fg-disabled);letter-spacing:.01em;max-width:560px;font-size:12px;font-style:italic;line-height:1.6}@media (width<=1023px){.site-footer-made{text-align:left}}.contact-section{padding:var(--space-9) var(--gutter);border-top:1px solid var(--border-subtle)}@media (width>=768px){.contact-section{padding:var(--space-9) var(--space-7)}}@media (width>=1280px){.contact-section{padding:var(--space-9) var(--space-8)}}.contact-inner{gap:var(--space-9);grid-template-columns:1fr;max-width:1200px;margin:0 auto;display:grid}@media (width>=768px){.contact-inner{gap:var(--space-7);grid-template-columns:1fr 1.6fr;align-items:start}}.contact-eyebrow{letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fg-accent);margin-bottom:var(--space-4);font-size:11px;font-weight:600}.contact-heading{letter-spacing:-.025em;color:var(--fg-primary);margin:0 0 var(--space-5);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.contact-heading span{color:var(--fg-accent)}.contact-subtext{font-size:var(--fs-body);color:var(--fg-secondary);line-height:var(--lh-body);margin:0 0 var(--space-7);max-width:320px}.contact-links{gap:var(--space-3);flex-direction:column;display:flex}.contact-link{color:var(--fg-secondary);transition:color var(--motion-base) ease;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.contact-link:hover{color:var(--fg-accent)}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=479px){.contact-row{grid-template-columns:1fr}}.contact-field{flex-direction:column;gap:7px;display:flex}.contact-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);font-size:11px;font-weight:600}.contact-input,.contact-textarea{border:none;border-bottom:1px solid var(--border-default);font-family:var(--font-sans);font-size:var(--fs-body);color:var(--fg-primary);-webkit-appearance:none;width:100%;transition:border-color var(--motion-base) ease;background:0 0;border-radius:0;outline:none;padding:10px 0}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--fg-disabled)}.contact-input:focus,.contact-textarea:focus{border-bottom-color:var(--fg-accent)}.contact-input--error{border-bottom-color:var(--kanso-danger-500)!important}.contact-field-error{color:var(--kanso-danger-600);letter-spacing:.01em;font-size:11px}.contact-textarea{resize:vertical;min-height:120px;line-height:var(--lh-body)}.contact-error{color:var(--kanso-danger-600);margin:0;font-size:13px}.contact-actions{padding-top:var(--space-2);justify-content:flex-end;display:flex}.contact-submit{background:var(--fg-primary);color:var(--bg-canvas);font-family:var(--font-sans);letter-spacing:.04em;border:1px solid var(--fg-primary);cursor:pointer;transition:background var(--motion-base) ease, color var(--motion-base) ease, border-color var(--motion-base) ease, opacity var(--motion-base) ease;border-radius:0;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:500;display:inline-flex}.contact-submit:hover:not(:disabled){background:var(--fg-accent);border-color:var(--fg-accent);color:var(--fg-on-accent)}.contact-submit:disabled{opacity:.4;cursor:not-allowed}.contact-success{align-items:flex-start;gap:var(--space-3);padding:var(--space-7) 0;flex-direction:column;display:flex}.contact-success-icon{background:var(--fg-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.contact-success-title{letter-spacing:-.015em;color:var(--fg-primary);margin:0;font-size:clamp(20px,2vw,28px);font-weight:700}.contact-success-sub{font-size:var(--fs-body);color:var(--fg-secondary);line-height:var(--lh-body);margin:0}.contact-reset{font-family:var(--font-sans);color:var(--fg-accent);cursor:pointer;text-underline-offset:3px;margin-top:var(--space-2);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.theme-dark .site-footer{border-top-color:#f5f5f51f}.theme-dark .site-footer-copy,.theme-dark .site-footer-social,.theme-dark .site-footer-icon{color:#f5f5f573}.theme-dark .site-footer-icon:hover{color:#f5f5f5}.theme-dark .site-footer-top{color:#f5f5f573}.theme-dark .site-footer-top:hover{color:#f5f5f5}.theme-dark .site-footer-made{color:#f5f5f559}.theme-dark .contact-section{border-top-color:#f5f5f51f}.theme-dark .contact-heading{color:#f5f5f5}.theme-dark .contact-subtext,.theme-dark .contact-link{color:#f5f5f599}.theme-dark .contact-link:hover{color:var(--fg-accent)}.theme-dark .contact-label{color:#f5f5f573}.theme-dark .contact-input,.theme-dark .contact-textarea{color:#f5f5f5;border-bottom-color:#f5f5f540}.theme-dark .contact-input::placeholder,.theme-dark .contact-textarea::placeholder{color:#f5f5f54d}.theme-dark .contact-submit{color:#121212;background:#f5f5f5;border-color:#f5f5f5}.theme-dark .contact-submit:hover:not(:disabled){background:var(--fg-accent);border-color:var(--fg-accent);color:#fff}.theme-dark .contact-success-title{color:#f5f5f5}.theme-dark .contact-success-sub{color:#f5f5f599}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-canvas);color:var(--fg-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fg-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}@media (pointer:fine){html,*{cursor:none!important}.custom-cursor{mix-blend-mode:difference;pointer-events:none;z-index:999999;will-change:left, top;background:#fff;border-radius:50%;width:26px;height:26px;transition:width .18s,height .18s,opacity .15s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.is-hovering{width:48px;height:48px}.custom-cursor.is-clicking{width:10px;height:10px;transition:width 80ms,height 80ms,opacity .15s}.custom-cursor.is-hidden,.custom-cursor.is-offscreen{opacity:0}}.np-page{min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow:clip}.np-page *,.np-page :before,.np-page :after{box-sizing:border-box}.np-page .nav{z-index:200;opacity:1;pointer-events:all;justify-content:space-between;align-items:center;height:60px;padding:0 64px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(0)}.np-page .nav.hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.np-page .nav-logo{align-items:center;display:flex}.np-page .nav-logo-img{width:auto;height:26px;display:block}.np-page .nav-logo-img--dark,.theme-dark .np-page .nav-logo-img--light{display:none}.theme-dark .np-page .nav-logo-img--dark{display:block}.np-page .nav-cta{letter-spacing:.01em;color:#0c0a08;border:1px solid #0c0a082e;border-radius:100px;padding:9px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.np-page .nav-cta:hover{color:#fff;background:#dd2773;border-color:#dd2773}.np-page .nav-actions{align-items:center;gap:14px;display:flex}.np-page .nav-theme-toggle{color:#0c0a08;cursor:pointer;background:0 0;border:1px solid #0c0a082e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s,color .15s;display:flex}.np-page .nav-theme-toggle:hover{background:#0c0a080f;border-color:#0c0a084d}.np-page .nav-theme-icon{width:16px;height:16px}.np-page .nav-theme-icon--sun,.theme-dark .np-page .nav-theme-icon--moon{display:none}.theme-dark .np-page .nav-theme-icon--sun{display:block}.np-page .scroll-hero{height:250vh;position:relative}.np-page .sticky-stage{width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.np-page .h-main-type{letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:2;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(56px,9vw,148px);font-weight:800;line-height:1;position:absolute;top:0;left:64px;right:64px}.np-page .h-product{color:#dd2773}.np-page .h-designer{color:#0c0a08}.np-page .h-anim-cursor{vertical-align:middle;background:#0c0a08;width:.048em;height:.78em;margin-left:.02em;animation:.65s step-end infinite h-blink;display:inline-block}@keyframes h-blink{0%,to{opacity:1}50%{opacity:0}}.np-page .h-card{z-index:3;will-change:width, height, top, left, border-radius;cursor:pointer;opacity:1;background:0 0;border-radius:18px;position:absolute;overflow:hidden}.np-page .h-card video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;display:block}.np-page .h-card video::-webkit-media-controls{display:none!important}.np-page .h-card video::-webkit-media-controls-enclosure{display:none!important}.np-page .h-card video::-webkit-media-controls-panel{display:none!important}.np-page .h-card.has-video video{opacity:1}.np-page .h-card-ph{background:#f5f3ef;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.np-page .h-card.has-video .h-card-ph{opacity:0;pointer-events:none}.np-page .ph-ring{border:1.5px solid #0c0a0826;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .2s,transform .2s;display:flex}.np-page .h-card:hover .ph-ring{border-color:#0c0a0866;transform:scale(1.06)}.np-page .ph-play{color:#0c0a0852;margin-left:3px;font-size:14px;line-height:1}.np-page .ph-label{letter-spacing:.1em;text-transform:uppercase;color:#0c0a0840;font-size:10px;font-weight:500}.np-page .h-intro{z-index:10;pointer-events:none;text-transform:uppercase;letter-spacing:-.03em;color:#0c0a08;white-space:nowrap;opacity:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1;transition:opacity .35s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(8px)}.np-page .h-desc-row{text-transform:uppercase;color:#0c0a08;-webkit-user-select:none;user-select:none;z-index:2;opacity:1;grid-template-columns:1fr 1fr 1fr;padding:0 64px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;display:grid;position:absolute;left:0;right:0}.np-page .h-desc-a{justify-self:start;margin-left:-.04em;font-size:clamp(14px,1.8vw,28px)}.np-page .h-desc-curious{justify-self:center;font-size:clamp(18px,2.3vw,36px)}.np-page .h-desc-learning{justify-self:end;margin-right:-.03em;font-size:clamp(18px,2.3vw,36px)}.np-page .h-scroll-l,.np-page .h-scroll-r{z-index:5;letter-spacing:.1em;text-transform:uppercase;color:#0c0a0899;opacity:1;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:140px}.np-page .scroll-arrow{opacity:.8;font-size:16px;line-height:1}.np-page .h-scroll-l{left:64px}.np-page .h-scroll-r{right:64px}@media (width<=1024px){.np-page .nav{height:52px;padding:0 16px}.np-page .scroll-hero{height:auto!important}.np-page .sticky-stage{min-height:100svh;flex-direction:column!important;gap:0!important;height:auto!important;padding:92px 16px 36px!important;display:flex!important;position:relative!important;overflow:visible!important}.np-page .h-desc-row{order:1;margin-bottom:12px!important;padding:0!important;position:relative!important;top:auto!important;transform:none!important}.np-page .h-desc-a{margin-left:0!important;font-size:clamp(14px,4vw,28px)!important}.np-page .h-desc-curious,.np-page .h-desc-learning{font-size:clamp(18px,4.5vw,36px)!important}.np-page .h-desc-learning{margin-right:0!important}.np-page .h-card{flex-shrink:0;order:2;aspect-ratio:480/280!important;border-radius:12px!important;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.np-page .h-main-type{order:3;white-space:normal!important;text-align:center!important;margin-top:28px!important;padding-top:16px!important;padding-bottom:8px!important;font-size:clamp(56px,19vw,90px)!important;line-height:.9!important;position:relative!important;top:auto!important;left:0!important;right:0!important;transform:none!important}.np-page .h-scroll-l{font-size:10px;bottom:116px;left:16px}.np-page .h-scroll-r{font-size:10px;bottom:116px;right:16px}.np-page #h-pd-designer{text-indent:0!important;display:block!important}}@media (width<=480px){.np-page .nav-logo-img{height:22px}.np-page .nav-cta{font-size:11px}.np-page .h-main-type{font-size:18vw!important}}.theme-dark .np-page{background:#121212}.theme-dark .np-page .nav{background:0 0}.theme-dark .np-page .nav-cta{color:#f5f5f5;border-color:#f5f5f538}.theme-dark .np-page .nav-cta:hover{color:#fff;background:#dd2773;border-color:#dd2773}.theme-dark .np-page .nav-theme-toggle{color:#f5f5f5;border-color:#f5f5f538}.theme-dark .np-page .nav-theme-toggle:hover{background:#f5f5f514;border-color:#f5f5f559}.theme-dark .np-page .h-desc-row,.theme-dark .np-page .h-intro{color:#f5f5f5}.theme-dark .np-page #h-pd-designer{color:#f5f5f5!important}.theme-dark .np-page .h-card-ph{background:#1a1a1a}.theme-dark .np-page .ph-ring{border-color:#f5f5f52e}.theme-dark .np-page .h-card:hover .ph-ring{border-color:#f5f5f573}.theme-dark .np-page .ph-play{color:#f5f5f566}.theme-dark .np-page .ph-label{color:#f5f5f552}.theme-dark .np-page .h-scroll-l,.theme-dark .np-page .h-scroll-r{color:#f5f5f5a6}