@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(10px);opacity:1;background:#f5f5f5d6;height:58px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;inset:0 0 auto;transform:translateY(0)}.pnav--hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.pnav-inner{justify-content:space-between;align-items:center;max-width:1440px;height:100%;margin:0 auto;padding:0 clamp(16px,3vw,40px);display:flex}.pnav-logo{color:#0c0a08;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.pnav-logo .logo{width:auto;height:26px;display:block}.pnav-actions{align-items:center;gap:10px;display:flex}.pnav-theme{appearance:none;font-family:var(--font-sans);color:#0c0a08;cursor:pointer;background:0 0;border:1px solid #0c0a082e;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .15s,border-color .15s,color .15s}.pnav-cta{font-family:var(--font-sans);letter-spacing:.01em;color:#0c0a08;cursor:pointer;background:0 0;border:1px solid #0c0a082e;border-radius:100px;padding:9px 20px;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-inner{padding:0 16px}.pnav{height:52px}}@media (width<=480px){.pnav-cta{font-size:11px}}.theme-dark .pnav-logo{color:#f5f5f5}.theme-dark .pnav{background:#121212d6}.theme-dark .pnav-theme{color:#f5f5f5;border-color:#f5f5f538}.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)}.pbar--editorial{--pb-bg:#ececeadb;--pb-fg:#101010;--pb-muted:#5c5c5c;--pb-line:#0000002e;--pb-chip:#10101014;border:1px solid var(--pb-line);background:var(--pb-bg);-webkit-backdrop-filter:blur(14px);box-shadow:none;color:var(--pb-fg);border-radius:0}.theme-dark .pbar--editorial{--pb-bg:#0c0c0cdb;--pb-fg:#f2f2f2;--pb-muted:#8f8f8f;--pb-line:#ffffff2e;--pb-chip:#f2f2f21a}@media (width>=768px){.pbar--editorial{border-radius:0;width:720px}}.pbar--editorial .pbar-identity{gap:14px;height:88px;padding:0 14px}@media (width>=768px){.pbar--editorial .pbar-identity{gap:18px;height:104px;padding:0 18px}}.pbar--editorial .pbar-video{background:var(--pb-chip);border-radius:0;width:62px;height:62px}@media (width>=768px){.pbar--editorial .pbar-video{border-radius:0;width:76px;height:76px}}.pbar--editorial .pbar-name{letter-spacing:-.012em;color:var(--pb-fg);font-size:17px;font-weight:500}@media (width>=768px){.pbar--editorial .pbar-name{font-size:20px}}.pbar--editorial .pbar-name-row{margin-bottom:5px}.pbar--editorial .pbar-items{font-family:var(--font-mono);letter-spacing:.08em;color:var(--pb-muted);font-size:12px}@media (width>=768px){.pbar--editorial .pbar-items{font-size:12.5px}}.pbar--editorial .pbar-sep{color:var(--kanso-accent-500);font-size:13px}.pbar--editorial .pbar-eq{height:15px}.pbar--editorial .pbar-eq-bar{border-radius:0;width:3px}.pbar--editorial .pbar-menu{background:var(--pb-chip);width:34px;height:34px;color:var(--pb-fg);border-radius:0;transition:background .2s,color .2s}.pbar--editorial .pbar-menu:hover{background:var(--kanso-accent-500);color:#fff}.pbar--editorial .pbar-divider{background:var(--pb-line);margin:0 14px}@media (width>=768px){.pbar--editorial .pbar-divider{margin:0 18px}}.pbar--editorial .pbar-nav-item{color:var(--pb-fg);border-radius:0;gap:14px;padding:10px 14px;font-size:16px;font-weight:500}@media (width>=768px){.pbar--editorial .pbar-nav-item{padding:11px 18px}}.pbar--editorial .pbar-nav-item:hover:not(:disabled){background:var(--pb-chip)}.pbar--editorial .pbar-nav-thumb{border-radius:0;width:56px;height:38px}.pbar--editorial .pbar-nav-item:first-child{padding-top:14px}.pbar--editorial .pbar-nav-item:last-child{padding-bottom:12px}.pnav-theme{position:relative;overflow:hidden}.pnav-theme .ml-card-pixel{background:var(--kanso-accent-500);transition:opacity .14s linear}.pnav-theme:hover .ml-card-pixel,.pnav-theme:focus-visible .ml-card-pixel{opacity:1}.pnav-theme-label{z-index:1;transition:color .18s .1s;position:relative}.pnav-theme:hover .pnav-theme-label,.pnav-theme:focus-visible .pnav-theme-label{color:#fff}.pnav-theme:hover{background:0 0;border-color:#0c0a084d}.theme-dark .pnav-theme:hover{background:0 0;border-color:#f5f5f559}@media (prefers-reduced-motion:reduce){.pnav-theme .ml-card-pixel,.pnav-theme-label{transition:none}}.resume-page{--rz-bg:#ececea;--rz-fg:#101010;--rz-muted:#5c5c5c;--rz-line:#00000029;--rz-accent:var(--kanso-accent-500);--rz-max:1440px;--rz-pad:clamp(16px, 3vw, 40px);background:var(--rz-bg);min-height:100%;color:var(--rz-fg);font-family:var(--font-sans);padding:calc(58px + clamp(40px, 8vh, 88px)) var(--rz-pad) clamp(56px, 10vh, 110px);transition:background .35s,color .35s}.theme-dark .resume-page{--rz-bg:#0c0c0c;--rz-fg:#f2f2f2;--rz-muted:#8f8f8f;--rz-line:#ffffff26}.app--resume>.main{background:#ececea}.theme-dark .app--resume>.main{background:#0c0c0c}.resume-page>*{max-width:var(--rz-max);margin-inline:auto}.resume-header{align-items:flex-start;gap:clamp(24px,4vw,48px);margin-bottom:clamp(40px,6vw,64px);display:flex}.resume-photo-wrap{aspect-ratio:1;flex-shrink:0;width:clamp(112px,14vw,160px);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 var(--rz-line);border-radius:50%;position:absolute;inset:-8px}.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{letter-spacing:-.045em;color:var(--rz-fg);margin:0 0 clamp(14px,2vw,20px);font-size:clamp(38px,5.6vw,72px);font-weight:500;line-height:.94}.resume-name-accent{color:var(--rz-accent)}.resume-bio{max-width:62ch;color:var(--rz-fg);margin:0 0 clamp(20px,3vw,28px);font-size:clamp(15px,1.1vw,17px);line-height:1.6}.resume-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.resume-pdf-btn{color:var(--rz-fg);background:color-mix(in srgb, var(--rz-fg) 9%, transparent);align-items:center;gap:7px;padding:5px 11px;font-family:inherit;font-size:13.5px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.resume-pdf-btn:hover{background:var(--rz-accent);color:#fff}.resume-socials{gap:8px;display:flex}.resume-social-link{width:30px;height:30px;color:var(--rz-fg);background:color-mix(in srgb, var(--rz-fg) 9%, transparent);justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s;display:flex}.resume-social-link:hover{background:var(--rz-accent);color:#fff}.resume-vdivider{background:var(--rz-line);flex-shrink:0;align-self:stretch;width:1px}.resume-body{grid-template-columns:260px 1px minmax(0,1fr);align-items:start;gap:0 clamp(28px,4vw,56px);display:grid}.resume-section{padding-bottom:clamp(36px,5vw,56px)}.resume-section-heading{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--rz-fg);margin:0 0 clamp(18px,2.4vw,26px);font-size:clamp(21px,2.2vw,30px);font-weight:500;line-height:1.05}.resume-edu-entry{border-top:1px solid var(--rz-line);padding:14px 0}.resume-edu-entry:last-child{border-bottom:1px solid var(--rz-line)}.resume-edu-degree{color:var(--rz-fg);margin-bottom:3px;font-size:14.5px;font-weight:600;line-height:1.35}.resume-edu-school{color:var(--rz-muted);margin-bottom:6px;font-size:14.5px}.resume-edu-year{font-family:var(--font-mono);letter-spacing:.05em;color:var(--rz-muted);font-variant-numeric:tabular-nums;font-size:12px}.resume-skills-group{margin-bottom:22px}.resume-skills-group:last-child{margin-bottom:0}.resume-skills-label{letter-spacing:.1em;text-transform:uppercase;color:var(--rz-muted);margin-bottom:10px;font-size:12px;font-weight:400}.resume-skills-pills{flex-wrap:wrap;gap:5px;display:flex}.resume-skill-pill{letter-spacing:0;text-transform:none;color:var(--rz-fg);background:color-mix(in srgb, var(--rz-fg) 8%, transparent);align-items:center;padding:3px 9px;font-size:12.5px;font-weight:400;line-height:1.5;display:inline-flex}.resume-exp-entry{border-top:1px solid var(--rz-line);gap:clamp(12px,1.4vw,18px);padding:clamp(20px,2.6vw,28px) 0;display:flex}.resume-exp-entry:last-child{border-bottom:1px solid var(--rz-line)}.resume-exp-logo{border:1px solid var(--rz-line);background:color-mix(in srgb, var(--rz-fg) 4%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;display:flex}.resume-exp-logo img{object-fit:contain;width:28px;height:28px;display:block}.resume-exp-body{flex:1;min-width:0}.resume-exp-top{justify-content:space-between;align-items:baseline;gap:clamp(12px,2vw,24px);margin-bottom:12px;display:flex}.resume-exp-title{color:var(--rz-fg);letter-spacing:-.01em;margin-bottom:3px;font-size:16.5px;font-weight:600;line-height:1.3}.resume-exp-company{color:var(--rz-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.resume-exp-sep{color:var(--rz-muted);opacity:.6}.resume-exp-dates{font-family:var(--font-mono);letter-spacing:.05em;color:var(--rz-muted);white-space:nowrap;text-transform:uppercase;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.resume-exp-bullets{flex-direction:column;gap:8px;max-width:78ch;margin:0;padding:0;list-style:none;display:flex}.resume-exp-bullets li{color:var(--rz-muted);padding-left:16px;font-size:14.5px;line-height:1.6;position:relative}.resume-exp-bullets li:before{content:"";background:var(--rz-accent);width:4px;height:4px;position:absolute;top:.6em;left:0}@media (width<=900px){.resume-body{grid-template-columns:210px 1px minmax(0,1fr)}}@media (width<=640px){.resume-page{padding-top:92px}.resume-header{flex-direction:column;gap:20px;margin-bottom:36px}.resume-photo-wrap{width:92px}.resume-body{grid-template-columns:1fr;gap:0}.resume-vdivider{display:none}.resume-main{order:-1;margin-bottom:36px}.resume-sidebar{order:1}.resume-exp-top{flex-direction:column;align-items:flex-start;gap:4px}.resume-exp-entry{gap:12px}}.app--resume .site-footer{--rz-fg:#101010;--rz-muted:#5c5c5c;--rz-line:#00000029;border-top:1px solid var(--rz-line);padding:clamp(28px,4vw,44px) 0 clamp(32px,5vw,52px)}.theme-dark .app--resume .site-footer{--rz-fg:#f2f2f2;--rz-muted:#8f8f8f;--rz-line:#ffffff26}.app--resume .site-footer-inner{max-width:1440px;padding:0 clamp(16px,3vw,40px)}@media (width>=768px){.app--resume .site-footer-inner{padding:0 clamp(16px,3vw,40px)}}@media (width>=1024px){.app--resume .site-footer-inner{padding:0 clamp(16px,3vw,40px)}}@media (width>=1280px){.app--resume .site-footer-inner{padding:0 clamp(16px,3vw,40px)}}.app--resume .site-footer-copy,.app--resume .site-footer-top{font-family:var(--font-mono);letter-spacing:.05em;text-transform:none;color:var(--rz-muted);font-size:12px;font-weight:400}.app--resume .site-footer-top:hover{color:var(--rz-fg)}.app--resume .site-footer-social{gap:8px}.app--resume .site-footer-icon{width:30px;height:30px;color:var(--rz-fg);background:color-mix(in srgb, var(--rz-fg) 9%, transparent);justify-content:center;align-items:center;transition:background .2s,color .2s}.app--resume .site-footer-icon:hover{background:var(--kanso-accent-500);color:#fff}.app--resume .site-footer-made{font-family:var(--font-sans);color:var(--rz-muted);opacity:.85;font-size:13px;font-style:normal;line-height:1.6}.resume-exp-entry.cs2-reveal{opacity:1;transition:none;transform:none}.resume-exp-entry .resume-exp-logo,.resume-exp-entry .resume-exp-top,.resume-exp-entry .resume-exp-bullets li{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transform:translateY(12px)}.resume-exp-entry.is-visible .resume-exp-logo,.resume-exp-entry.is-visible .resume-exp-top,.resume-exp-entry.is-visible .resume-exp-bullets li{opacity:1;transform:none}.resume-exp-entry.is-visible .resume-exp-logo{transition-delay:0s}.resume-exp-entry.is-visible .resume-exp-top{transition-delay:70ms}.resume-exp-entry.is-visible .resume-exp-bullets li:first-child{transition-delay:.15s}.resume-exp-entry.is-visible .resume-exp-bullets li:nth-child(2){transition-delay:.21s}.resume-exp-entry.is-visible .resume-exp-bullets li:nth-child(3){transition-delay:.27s}.resume-exp-entry.is-visible .resume-exp-bullets li:nth-child(4){transition-delay:.33s}.resume-exp-entry.is-visible .resume-exp-bullets li:nth-child(5){transition-delay:.39s}.resume-exp-entry .resume-exp-bullets li:before{transition:transform .4s var(--ease-out);transform:scale(0)}.resume-exp-entry.is-visible .resume-exp-bullets li:before{transform:scale(1)}@media (prefers-reduced-motion:reduce){.resume-exp-entry .resume-exp-logo,.resume-exp-entry .resume-exp-top,.resume-exp-entry .resume-exp-bullets li,.resume-exp-entry .resume-exp-bullets li:before{opacity:1;transition:none;transform:none}}.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}.cs2{--cs2-content:880px;--cs2-pad:clamp(20px, 5vw, 56px);--cs2-gap:clamp(32px, 3.5vw, 48px);--cs2-rule:color-mix(in srgb, var(--fg-primary) 12%, transparent);--cs2-accent:#0e7490;--cs2-accent-2:#b45309;--cs2-accent-soft:color-mix(in srgb, var(--cs2-accent) 12%, transparent);--cs2-muted:#6e6e6e;background:var(--bg-canvas);color:var(--fg-primary);padding-bottom:40px}.theme-dark .cs2{--cs2-accent:#38bdf8;--cs2-accent-2:#fbbf24;--cs2-accent-soft:color-mix(in srgb, var(--cs2-accent) 18%, transparent);--cs2-muted:#9a9a9a}.cs2--firefly{--cs2-accent:#15803d;--cs2-accent-2:#b45309}.theme-dark .cs2--firefly{--cs2-accent:#4ade80;--cs2-accent-2:#fbbf24}.cs2--cgda{--cs2-accent:#7c3aed;--cs2-accent-2:#0f766e}.theme-dark .cs2--cgda{--cs2-accent:#c084fc;--cs2-accent-2:#5eead4}.cs2--mapshoulder{--cs2-accent:#0f766e;--cs2-accent-2:#be123c}.theme-dark .cs2--mapshoulder{--cs2-accent:#5eead4;--cs2-accent-2:#fb7185}.cs2--roumi{--cs2-accent:#7e22ce;--cs2-accent-2:#0891b2}.theme-dark .cs2--roumi{--cs2-accent:#d8b4fe;--cs2-accent-2:#67e8f9}.cs2-shell{max-width:calc(var(--cs2-content) + var(--cs2-pad) * 2);padding:clamp(72px, 10vh, 104px) var(--cs2-pad) 0;gap:var(--cs2-gap);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.cs2-body{min-width:0}.cs2-hero{padding-bottom:clamp(28px,4vw,44px)}.cs2-hero-eyebrow{font-size:13px;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--cs2-accent);margin:0 0 clamp(14px,2vw,22px)}.cs2-hero-title{letter-spacing:-.042em;color:var(--fg-primary);margin:0;font-size:clamp(38px,5.4vw,74px);font-weight:700;line-height:1.02}.cs2-hero-media{border-radius:2px;justify-content:center;margin:clamp(28px,4vw,52px) 0 0;display:flex;overflow:hidden}.cs2-hero-media img{max-width:100%;height:auto;display:block}.cs2-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,32px);padding:clamp(32px,4.5vw,52px) 0 0;display:grid}@media (width>=720px){.cs2-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs2-meta-label{font-size:13px;font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--cs2-muted);margin:0 0 12px;display:block}.cs2-meta-value{color:var(--fg-secondary);margin:0;font-size:16px;line-height:1.7}.cs2-section{padding:clamp(56px,8vw,112px) 0 0;scroll-margin-top:88px}.cs2-eyebrow{font-size:13px;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--cs2-accent);margin:0 0 clamp(12px,1.6vw,18px)}.cs2-headline{font-size:clamp(26px,3vw,40px);font-weight:var(--fw-semibold);letter-spacing:-.032em;color:var(--fg-primary);margin:0 0 clamp(20px,2.6vw,30px);line-height:1.1}.cs2-lead{letter-spacing:-.004em;color:var(--fg-secondary);margin:0 0 18px;font-size:clamp(16px,1.05vw,18px);line-height:1.72}.cs2-lead:last-child{margin-bottom:0}.cs2-grid2{grid-template-columns:1fr;gap:clamp(26px,3.2vw,44px);margin-top:clamp(32px,4vw,56px);display:grid}@media (width>=720px){.cs2-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs2-grid3{grid-template-columns:1fr;gap:clamp(26px,3vw,40px);margin-top:clamp(32px,4vw,56px);display:grid}@media (width>=880px){.cs2-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs2-sub-title{font-size:clamp(17px,1.2vw,20px);font-weight:var(--fw-semibold);letter-spacing:-.016em;color:var(--fg-primary);margin:0 0 10px;line-height:1.3}.cs2-sub-body{color:var(--fg-secondary);margin:0;font-size:16px;line-height:1.7}.cs2-sub-rule{background:var(--cs2-rule);width:100%;height:1px;margin-bottom:18px}.cs2-figure{margin:clamp(32px,4vw,56px) 0 0}.cs2-frame{border-radius:2px;justify-content:center;display:flex;overflow:hidden}.cs2-frame img,.cs2-frame video{max-width:100%;height:auto;display:block}.cs2-frame--tall img{max-width:min(100%,680px)}.cs2-showcase{align-items:flex-start;gap:clamp(20px,2.5vw,36px);margin:clamp(32px,4vw,56px) 0 0;display:flex}.cs2-showcase-item{flex-grow:var(--ar,1);flex-shrink:1;flex-basis:0;min-width:0}.cs2-showcase-item img{border-radius:2px;width:100%;height:auto;display:block}@media (width<=759px){.cs2-showcase{flex-direction:column;align-items:center}.cs2-showcase-item{flex:none;width:100%}.cs2-showcase-item--phone{max-width:300px}}.cs2-caption{text-align:center;letter-spacing:.01em;color:var(--cs2-muted);margin:14px 0 0;font-size:14px;line-height:1.5}.cs2-row{grid-template-columns:1fr;align-items:center;gap:clamp(24px,3vw,44px);padding:clamp(36px,4.5vw,64px) 0 0;display:grid}@media (width>=900px){.cs2-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.cs2-row--flip .cs2-row-text{order:2}}.cs2-row .cs2-frame{justify-content:center;align-items:center;min-height:240px;display:flex}.cs2-row .cs2-frame img{object-fit:contain;max-height:440px}.cs2-row-num{font-family:var(--font-mono);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.1em;color:var(--cs2-accent);margin:0 0 12px;display:block}.cs2-row-title{font-size:clamp(19px,1.5vw,23px);font-weight:var(--fw-semibold);letter-spacing:-.022em;color:var(--fg-primary);margin:0 0 12px;line-height:1.22}.cs2-row-body{color:var(--fg-secondary);margin:0 0 14px;font-size:16px;line-height:1.7}.cs2-row-body:last-child{margin-bottom:0}.cs2-flows{margin-top:clamp(32px,4vw,56px)}.cs2-flow-item{grid-template-columns:1fr;align-items:center;gap:clamp(20px,2.6vw,36px);display:grid}@media (width>=860px){.cs2-flow-item{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.cs2-flow-item+.cs2-flow-item{margin-top:clamp(44px,5.5vw,76px)}.cs2-flow-media{border-radius:var(--radius-xl);background:#fff;justify-content:center;align-items:center;padding:clamp(20px,3vw,44px);display:flex}.cs2-flow-video{aspect-ratio:9/16;border-radius:12px;width:min(300px,100%);overflow:hidden}.cs2-flow-video video{object-fit:cover;width:100%;height:100%;display:block}.cs2-flow-media--img{background:0 0;padding:0;display:block}.cs2-flow-media--img img{border-radius:2px;width:100%;height:auto;display:block}.cs2-flow-item--stacked{display:block}.cs2-flow-media--wide{background:0 0;margin-bottom:clamp(18px,2.2vw,26px);padding:0;display:block}.cs2-flow-media--wide video{border-radius:2px;width:100%;height:auto;display:block}@media (width>=860px){.cs2-flow-item--stacked .cs2-flow-text{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(24px,3vw,44px);display:grid}}.cs2-flow-index{font-family:var(--font-mono);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.1em;color:var(--cs2-accent);margin:0 0 10px;display:block}.cs2-feature-head{align-items:center;gap:10px;margin:0 0 10px;display:flex}.cs2-feature-icon{border-radius:var(--radius-sm);background:var(--cs2-accent-soft);width:26px;height:26px;color:var(--cs2-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.cs2-feature-title{font-size:17px;font-weight:var(--fw-semibold);letter-spacing:-.014em;color:var(--fg-primary);margin:0}.cs2-feature-body{color:var(--fg-secondary);margin:0;font-size:16px;line-height:1.7}.cs2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);margin-top:clamp(30px,3.6vw,44px);display:grid}@media (width>=880px){.cs2-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.cs2-stats--3up{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs2-stat{border-top:1px solid var(--cs2-rule);padding-top:18px}.cs2-stat-value{letter-spacing:-.034em;color:var(--cs2-accent);margin:0 0 8px;font-size:clamp(28px,2.8vw,36px);font-weight:700;line-height:1;display:block}.cs2-stat-unit{font-size:.5em;font-weight:var(--fw-regular);color:var(--cs2-muted);letter-spacing:0}.cs2-stat-label{color:var(--fg-secondary);margin:0;font-size:16px;line-height:1.6}.cs2-quote{border-left:2px solid var(--cs2-accent);font-size:clamp(18px,1.7vw,23px);font-weight:var(--fw-regular);letter-spacing:-.02em;color:var(--fg-primary);max-width:44ch;margin:clamp(32px,4vw,56px) 0 0;padding:0 0 0 clamp(18px,2vw,26px);line-height:1.5}.cs2-persona{border-top:1px solid var(--cs2-rule);grid-template-columns:1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(28px,3.4vw,44px);display:grid}@media (width>=820px){.cs2-persona{grid-template-columns:190px minmax(0,1fr);align-items:start}}.cs2-persona-photo{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;max-width:190px}.cs2-persona-name{font-size:clamp(20px,1.7vw,25px);font-weight:var(--fw-semibold);letter-spacing:-.026em;color:var(--fg-primary);margin:0 0 4px}.cs2-persona-role{font-size:13px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--cs2-accent);margin:0 0 16px}.cs2-list{margin:12px 0 0;padding:0;list-style:none}.cs2-list li{color:var(--fg-secondary);margin-bottom:8px;padding-left:18px;font-size:16px;line-height:1.62;position:relative}.cs2-list li:before{content:"";background:var(--cs2-accent);width:6px;height:1px;position:absolute;top:.62em;left:0}.cs2-more{border-top:1px solid var(--cs2-rule);margin-top:clamp(64px,9vw,120px);padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,104px)}.cs2-more-heading{font-size:clamp(20px,1.9vw,25px);font-weight:var(--fw-semibold);letter-spacing:-.026em;color:var(--fg-primary);margin:0 0 clamp(24px,3vw,40px)}.cs2-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);display:grid}@media (width>=860px){.cs2-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs2-more-card{appearance:none;text-align:left;background:0 0;border:0;padding:0;font-family:inherit;font-size:16px}.cs2-more-thumb{aspect-ratio:4/3;border-radius:2px;margin-bottom:12px;overflow:hidden}.cs2-more-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);display:block}.cs2-more-card:hover .cs2-more-thumb img{transform:scale(1.05)}.cs2-more-title{font-size:16px;font-weight:var(--fw-medium);letter-spacing:-.014em;color:var(--fg-primary);margin:0 0 2px}.cs2-more-cat{color:var(--cs2-muted);margin:0;font-size:14px}.cs2-reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(16px)}.cs2-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cs2-reveal{opacity:1;transition:none;transform:none}}html.ml-active,html.ml-active *{cursor:auto!important}html.ml-active button,html.ml-active a,html.ml-active [role=button]{cursor:pointer!important}html.ml-active .custom-cursor{display:none!important}.ml{--ml-bg:#0c0c0c;--ml-fg:#f2f2f2;--ml-muted:#8f8f8f;--ml-line:#ffffff24;--ml-panel:#131313;--ml-media:#141414;--ml-field-ink:#fff;--ml-grain-opacity:1;--ml-accent:var(--kanso-accent-500);--ml-accent-ink:#fff;--ml-pad:clamp(20px, 5vw, 64px);background:var(--ml-bg);min-height:100%;color:var(--ml-fg);font-family:var(--font-sans);transition:background .35s,color .35s;position:relative;overflow-x:hidden}.ml--light{--ml-bg:#f4f4f2;--ml-fg:#101010;--ml-muted:#5c5c5c;--ml-line:#00000029;--ml-panel:#e9e9e6;--ml-media:#e4e4e0;--ml-field-ink:#000;--ml-grain-opacity:.45}.ml-field{z-index:0;pointer-events:none;--ml-field-mask:linear-gradient(to right, #000 0%, #000 12%, transparent 26%, transparent 74%, #000 88%, #000 100%);-webkit-mask-image:var(--ml-field-mask);-webkit-mask-image:var(--ml-field-mask);mask-image:var(--ml-field-mask);position:fixed;inset:0;overflow:hidden}@media (width<=900px){.ml-field{--ml-field-mask:linear-gradient(to right, #000 0%, #000 22%, transparent 44%, transparent 56%, #000 78%, #000 100%)}}.ml-field-chunk{background:var(--ml-field-ink);opacity:0;will-change:opacity;animation-name:ml-field-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes ml-field-pulse{0%{opacity:0}18%{opacity:var(--o,.03)}46%{opacity:var(--o,.03)}70%{opacity:0}to{opacity:0}}.ml-rules{z-index:1;pointer-events:none;position:fixed;inset:0}.ml-rules-inner{width:100%;max-width:1180px;height:100%;margin:0 auto;position:relative}.ml-rule{background:color-mix(in srgb, var(--ml-fg) 9%, transparent);width:1px;position:absolute;top:0;bottom:0}.ml-corner{background:linear-gradient(var(--ml-accent), var(--ml-accent)) 0 0 / 11px 11px no-repeat, linear-gradient(var(--ml-accent), var(--ml-accent)) 11px 11px / 11px 11px no-repeat;opacity:.5;width:22px;height:22px;position:fixed}.ml-corner-tr{top:22px;right:22px}.ml-corner-bl{bottom:22px;left:22px}.ml-grain{z-index:2;pointer-events:none;opacity:var(--ml-grain-opacity);will-change:background-position;background-repeat:repeat;position:fixed;inset:0}.ml-trail{z-index:3;pointer-events:none;position:fixed;inset:0}.ml-trail-cell{will-change:opacity, transform;background:var(--ml-accent);position:absolute;top:0;left:0}.ml-inner{z-index:4;max-width:1180px;padding:0 var(--ml-pad);margin:0 auto;position:relative}.ml-stack-notes{grid-template-columns:1fr;gap:clamp(24px,3vw,40px);display:grid}@media (width>=800px){.ml-stack-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}.ml-sub-rule{background:var(--ml-line);height:1px;margin-bottom:16px}.ml-stack-title{letter-spacing:-.015em;color:var(--ml-fg);margin:0 0 8px;font-size:17px;font-weight:600}.ml-head{border-bottom:1px solid var(--ml-line);padding:clamp(60px,12vh,120px) 0 clamp(32px,5vw,56px)}.ml-title{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(34px,6vw,68px);font-weight:700;line-height:1}.ml-sub{max-width:62ch;color:var(--ml-muted);margin:0;font-size:16px;line-height:1.65}.ml-controls{z-index:6;background:color-mix(in srgb, var(--ml-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ml-line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(28px,4vw,48px);padding:14px 0;display:flex;position:sticky;top:0}.ml-btn{appearance:none;border:1px solid var(--ml-line);color:var(--ml-fg);letter-spacing:.02em;background:0 0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .2s,border-color .2s,color .2s}.ml-btn:hover{border-color:var(--ml-accent);color:var(--ml-accent)}.ml-btn[aria-pressed=true]{background:var(--ml-accent);border-color:var(--ml-accent);color:var(--ml-accent-ink)}.ml-btn-note{color:var(--ml-muted);margin-left:auto;font-size:12px}.ml-demo{border-bottom:1px solid var(--ml-line);padding:clamp(48px,8vw,96px) 0}.ml-demo-head{grid-template-columns:1fr;gap:6px 28px;margin-bottom:clamp(24px,3.5vw,40px);display:grid}@media (width>=800px){.ml-demo-head{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);align-items:start}}.ml-demo-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ml-accent);padding-top:6px;font-size:12px}.ml-demo-title{letter-spacing:-.025em;margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.15}.ml-demo-note{color:var(--ml-muted);margin:0;font-size:14px;line-height:1.65}.ml-demo-note code{font-family:var(--font-mono);color:var(--ml-fg);font-size:12.5px}.ml-pixel-wrap{background:var(--ml-media);border-radius:2px;position:relative;overflow:hidden}.ml-pixel-wrap img,.ml-pixel-wrap video{width:100%;height:auto;display:block}.ml-pixel-grid{pointer-events:none;display:grid;position:absolute;inset:0}.ml-pixel-cell{background:var(--ml-bg);opacity:1;transition:opacity .26s linear}.ml-pixel-grid.is-revealed .ml-pixel-cell{opacity:0}.ml-lines{max-width:26ch;position:relative}.ml-lines--body{max-width:70ch}.ml-line-mask{clip-path:inset(0 0 -.25em);display:block}.ml-line{opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .85s;display:block;transform:translateY(135%)}.ml-line.is-in{opacity:1;transform:translateY(0)}.ml-lines-h{letter-spacing:-.035em;margin:0 0 26px;font-size:clamp(28px,4.4vw,56px);font-weight:600;line-height:1.08}.ml-lines-p{color:var(--ml-muted);margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.6}.ml-measure{visibility:hidden;pointer-events:none;white-space:normal;width:100%;position:absolute;top:0;left:0}.ml-cards{grid-template-columns:1fr;gap:clamp(16px,2vw,24px);display:grid}@media (width>=700px){.ml-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.ml-card{background:var(--ml-media);aspect-ratio:4/3;color:inherit;border:0;border-radius:2px;padding:0;font-family:inherit;position:relative;overflow:hidden}.ml-card-media{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.ml-card:hover .ml-card-media{transform:scale(1.04)}.ml-card-overlay{pointer-events:none;display:grid;position:absolute;inset:0}.ml-card-pixel{background:var(--ml-accent);opacity:0;transition:opacity .18s linear}.ml-card:hover .ml-card-pixel{opacity:1}.ml-card-label{letter-spacing:.02em;color:var(--ml-accent-ink);opacity:0;pointer-events:none;place-items:center;font-size:14px;font-weight:600;transition:opacity .2s .16s;display:grid;position:absolute;inset:0}.ml-card:hover .ml-card-label{opacity:1}.ml-marquee{border-block:1px solid var(--ml-line);-webkit-user-select:none;user-select:none;padding:18px 0;overflow:hidden}.ml-marquee-track{will-change:transform;width:max-content;display:flex}.ml-marquee-set{flex:none;align-items:center;display:flex}.ml-marquee-word{letter-spacing:-.03em;white-space:nowrap;color:var(--ml-fg);padding:0 clamp(18px,2.5vw,36px);font-size:clamp(28px,4vw,52px);font-weight:600}.ml-marquee-word:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--ml-muted)}.ml-panels{gap:2px;display:grid}.ml-panel{background:var(--ml-panel);padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.ml-panel-bar{background:var(--ml-accent);transform-origin:top;width:3px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.ml-panel.is-in .ml-panel-bar{transform:scaleY(1)}.ml-panel-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ml-muted);font-size:12px}.ml-panel-title{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(19px,2vw,24px);font-weight:600}.ml-wipe{background:var(--ml-media);aspect-ratio:16/7;border-radius:2px;position:relative;overflow:hidden}.ml-wipe svg{width:100%;height:100%;position:absolute;inset:0}.ml-wipe-caption{color:var(--ml-muted);margin:14px 0 0;font-size:13px}.ml-foot{color:var(--ml-muted);max-width:70ch;padding:clamp(48px,8vw,96px) 0;font-size:14px;line-height:1.7}.ml-foot code{font-family:var(--font-mono);color:var(--ml-fg);font-size:12.5px}@media (prefers-reduced-motion:reduce){.ml-field-chunk{opacity:var(--o,.03);animation:none}.ml-line{opacity:1;transition:none;transform:none}.ml-pixel-cell{opacity:0;transition:none}.ml-panel-bar{transition:none;transform:scaleY(1)}}.hl{--hl-bg:#ececea;--hl-fg:#101010;--hl-muted:#5c5c5c;--hl-line:#00000029;--hl-max:1440px;--hl-pad:clamp(16px, 3vw, 40px);--hl-nav-h:58px;--hl-inset:0px;--ml-accent:var(--kanso-accent-500);--ml-accent-ink:#fff;--ml-field-ink:#000;--ml-grain-opacity:.5;background:var(--hl-bg);min-height:100%;color:var(--hl-fg);font-family:var(--font-sans);transition:background .35s,color .35s;position:relative;overflow-x:hidden}.hl--dark{--hl-bg:#0c0c0c;--hl-fg:#f2f2f2;--hl-muted:#8f8f8f;--hl-line:#ffffff26;--ml-field-ink:#fff;--ml-grain-opacity:1}.hl .ml-field{--hl-mask-sides:linear-gradient(to right, #000 0%, #000 13%, transparent 27%, transparent 73%, #000 87%, #000 100%);--hl-mask-top:linear-gradient(to bottom, #000 0%, #000 7%, transparent 22%, transparent 100%);-webkit-mask-image:var(--hl-mask-sides), var(--hl-mask-top);-webkit-mask-image:var(--hl-mask-sides), var(--hl-mask-top);mask-image:var(--hl-mask-sides), var(--hl-mask-top);-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;mask-composite:add}@media (width<=900px){.hl .ml-field{--hl-mask-sides:linear-gradient(to right, #000 0%, #000 8%, transparent 22%, transparent 78%, #000 92%, #000 100%)}}.hl-mark{color:var(--hl-fg);flex:none;width:26px;height:26px;line-height:0;display:block}.hl-theme{appearance:none;border:1px solid var(--hl-line);color:var(--hl-fg);background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-family:inherit;font-size:12px}.hl-nav{z-index:20;height:var(--hl-nav-h);background:color-mix(in srgb, var(--hl-bg) 84%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0}.hl-nav-inner{max-width:var(--hl-max);height:100%;padding:0 var(--hl-pad);align-items:center;gap:clamp(26px,5vw,76px);margin:0 auto;display:flex}.hl-tracks{width:100%;height:100%;display:flex;position:relative}.hl-track{appearance:none;letter-spacing:-.005em;min-width:0;color:var(--hl-muted);text-align:left;background:0 0;border:0;flex:1;align-content:center;gap:7px;padding:0 clamp(10px,1.4vw,22px) 0 0;font-family:inherit;font-size:13px;transition:color .3s;display:grid}.hl-track:last-child{padding-right:0}.hl-track.is-active{color:var(--hl-fg)}.hl-track-top{white-space:nowrap;align-items:baseline;gap:7px;display:flex;overflow:hidden}.hl-track-num{font-variant-numeric:tabular-nums;opacity:.65}.hl-track-bar{background:color-mix(in srgb, var(--hl-fg) 14%, transparent);height:2px;position:relative;overflow:hidden}.hl-track-bar:after{content:"";width:calc(var(--fill,0) * 100%);background:var(--ml-accent);position:absolute;inset:0 auto 0 0}.hl-body{z-index:4;max-width:var(--hl-max);padding:0 var(--hl-pad);margin:0 auto;position:relative}.hl-section{scroll-margin-top:var(--hl-nav-h);padding-left:var(--hl-inset);padding-right:var(--hl-inset)}.hl-h2{letter-spacing:-.035em;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(30px,4.4vw,58px);font-weight:500;line-height:1.02;position:relative}.hl-intro{padding-top:calc(var(--hl-nav-h) + clamp(40px, 9vh, 96px));padding-bottom:clamp(48px,9vh,110px)}@keyframes hl-enter-fade{0%{opacity:0}to{opacity:1}}@keyframes hl-enter-move{0%{transform:translateY(18px)}to{transform:none}}.hl-intro-enter .hl-name,.hl-intro-enter .hl-intro-meta,.hl-intro-enter .hl-intro-copy,.hl-intro-enter .hl-intro-links,.hl-intro-enter .hl-roles,.hl-intro-enter .hl-scroll,.hl-enter-root .hl-enter-item{animation:.7s both hl-enter-fade,1.05s cubic-bezier(.16,1,.3,1) both hl-enter-move}.hl-enter-root .hl-mark{animation-delay:0s}.hl-enter-root .hl-nav-current,.hl-enter-root .hl-tracks{animation-delay:.1s}.hl-enter-root .hl-theme{animation-delay:.18s}.hl-intro-enter .hl-name{animation-delay:.3s}.hl-intro-enter .hl-intro-meta{animation-delay:.42s}.hl-intro-enter .hl-intro-copy{animation-delay:.54s}.hl-intro-enter .hl-intro-links{animation-delay:.66s}.hl-intro-enter .hl-roles{animation-delay:.78s}.hl-intro-enter .hl-scroll{animation-delay:.9s}.hl-intro-panel{max-width:68ch;margin-bottom:clamp(28px,4vw,46px);position:relative}.hl-name{letter-spacing:-.05em;margin:0 0 clamp(18px,2.4vw,28px);font-size:clamp(40px,7.4vw,104px);font-weight:500;line-height:.9;display:grid}.hl-name-last{color:var(--ml-accent)}.hl-intro-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--hl-muted);justify-items:end;gap:6px;margin-bottom:clamp(30px,4vw,50px);font-size:12px;display:grid}.hl-meta-line{gap:18px;display:flex}.hl-name-year{font-variant-numeric:tabular-nums}@media (width<=600px){.hl-name{font-size:clamp(52px,14vw,64px)}.hl-intro-meta{justify-items:start}}.hl-intro-copy{max-width:62ch;color:var(--hl-fg);margin:0 0 clamp(20px,3vw,30px);font-size:clamp(15px,1.1vw,17px);line-height:1.6}.hl-intro-copy strong{font-weight:600}.hl-intro-links{flex-wrap:wrap;gap:8px;margin-bottom:clamp(32px,5vw,56px);display:flex}.hl-chip-link{color:var(--hl-fg);background:color-mix(in srgb, var(--hl-fg) 9%, transparent);padding:4px 10px;font-size:13.5px;text-decoration:none;transition:background .2s,color .2s}.hl-chip-link:hover{background:var(--ml-accent);color:#fff}.hl-roles{border-top:1px solid var(--hl-line);margin:0;padding:0;list-style:none}.hl-role{border-bottom:1px solid var(--hl-line);grid-template-columns:96px minmax(0,1fr);gap:12px;padding:13px 0;display:grid}@media (width>=700px){.hl-role{grid-template-columns:140px minmax(0,1fr)}}.hl-role-when{color:var(--hl-muted);font-variant-numeric:tabular-nums;font-size:14px}.hl-role-body{gap:2px;display:grid}.hl-role-org{font-size:14.5px;font-weight:600}.hl-role-title{color:var(--hl-muted);font-size:14.5px}.hl-worksec{padding-block:clamp(56px,10vh,120px)}.hl-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(40px,5vw,84px) clamp(18px,2.2vw,32px);display:grid}.hl-work{grid-column:span 10}@media (width>=760px){.hl-work--wide{grid-column:1/span 5}.hl-work--offset{grid-column:6/span 4;margin-top:clamp(40px,8vw,120px)}.hl-work--tall{grid-column:1/span 6}.hl-work--small{grid-column:7/span 4;margin-top:clamp(40px,7vw,110px)}.hl-work--right{grid-column:4/span 5}}.hl-work{appearance:none;color:inherit;text-align:left;background:0 0;border:0;align-content:start;padding:0;font-family:inherit;display:grid}.hl-work-frame{background:color-mix(in srgb, var(--hl-fg) 6%, transparent);aspect-ratio:3/2;margin-bottom:14px;position:relative;overflow:hidden}.hl-work-frame .ml-card-overlay{pointer-events:none;display:grid;position:absolute;inset:0}.hl-work-frame .ml-card-pixel{background:var(--ml-accent);opacity:0;transition:opacity .18s linear}.hl-work:hover .ml-card-pixel,.hl-work:focus-visible .ml-card-pixel{opacity:1}.hl-work-view{letter-spacing:.01em;color:var(--ml-accent-ink);opacity:0;pointer-events:none;place-items:center;font-size:14px;font-weight:600;transition:opacity .2s .16s;display:grid;position:absolute;inset:0}.hl-work:hover .hl-work-view,.hl-work:focus-visible .hl-work-view{opacity:1}.hl-work-frame .ml-pixel-wrap{height:100%}.hl-work-img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.hl-work:hover .hl-work-img{transform:scale(1.04)}.hl-work-numrow{align-items:center;gap:12px;margin-bottom:4px;display:flex}.hl-work-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(34px,3.4vw,46px);font-weight:400;line-height:1}.hl-work-arrow{color:var(--hl-fg);font-size:20px;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hl-work:hover .hl-work-arrow{transform:translate(3px,-3px)}.hl-work-row{border-top:1px solid var(--hl-line);color:var(--hl-fg);padding:8px 0;font-size:13.5px;display:block}.hl-work-title{font-weight:600}.hl-work-tags{flex-wrap:wrap;gap:5px;display:flex}.hl-work-meta-row{color:var(--hl-muted);justify-content:space-between;gap:12px;display:flex}.hl-work-blurb{border-top:1px solid var(--hl-line);color:var(--hl-fg);padding:8px 0 0;font-size:13.5px;line-height:1.5;display:block}.hl-tag{color:#111;white-space:nowrap;padding:2px 7px;font-size:12.5px}.hl-tag--cyan{background:#a8f0e4}.hl-tag--pink{background:#f7bbe4}.hl-tag--yellow{background:#f6f0a8}.hl-tag--green{background:#b9f2b0}.hl-tag--purple{background:#d9c2f7}.hl--dark .hl-tag{color:#f2f2f2}.hl--dark .hl-tag--cyan{color:#7ef0dd;background:#2dd4bf38}.hl--dark .hl-tag--pink{color:#f9a8d4;background:#f472b638}.hl--dark .hl-tag--yellow{color:#fde68a;background:#facc1533}.hl--dark .hl-tag--green{color:#a7f3b6;background:#4ade8033}.hl--dark .hl-tag--purple{color:#d8c2fb;background:#a78bfa3d}.hl-showreel{padding-block:clamp(48px,9vh,110px)}.hl-reel-frame{aspect-ratio:16/8;background:#111;overflow:hidden}.hl-reel-video{object-fit:cover;width:100%;height:100%;display:block}.hl-contact{padding-block:clamp(48px,9vh,110px) clamp(30px,5vh,60px)}.hl-lines{position:relative}.hl-contact-inner{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);display:grid}@media (width>=900px){.hl-contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;padding-left:0}}.hl-contact-body{color:var(--hl-muted);max-width:42ch;margin:18px 0 0;font-size:clamp(15px,1.1vw,17px);line-height:1.7}.hl-form{gap:18px;display:grid}.hl-form-row{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=560px){.hl-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.hl-field{gap:8px;min-width:0;display:grid}.hl-field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hl-muted);font-size:12px}.hl-field input,.hl-field select,.hl-field textarea{width:100%;color:var(--hl-fg);border:0;border-bottom:1px solid var(--hl-line);background:0 0;border-radius:0;padding:10px 0;font-family:inherit;font-size:15px;transition:border-color .2s}.hl-field textarea{resize:vertical;min-height:96px}.hl-field input::placeholder,.hl-field textarea::placeholder{color:color-mix(in srgb, var(--hl-muted) 70%, transparent)}.hl-field input:focus,.hl-field select:focus,.hl-field textarea:focus{border-bottom-color:var(--ml-accent);outline:none}.hl-field select option{color:#111}.hl-field input[aria-invalid=true],.hl-field select[aria-invalid=true],.hl-field textarea[aria-invalid=true]{border-bottom-color:#d92d20}.hl-field-error{color:#d92d20;font-size:12.5px;line-height:1.4}.hl--dark .hl-field input[aria-invalid=true],.hl--dark .hl-field select[aria-invalid=true],.hl--dark .hl-field textarea[aria-invalid=true]{border-bottom-color:#ff6b60}.hl--dark .hl-field-error{color:#ff6b60}.hl-form-error{color:#d92d20;margin:0;font-size:13.5px;line-height:1.5}.hl--dark .hl-form-error{color:#ff6b60}.hl-submit{appearance:none;border:1px solid var(--ml-accent);background:var(--ml-accent);color:#fff;cursor:pointer;border-radius:999px;justify-self:start;padding:11px 26px;font-family:inherit;font-size:14px;transition:opacity .2s}.hl-submit:hover{opacity:.86}.hl-submit:disabled{opacity:.55;cursor:default}.hl-form--sent{border:1px solid var(--hl-line);align-content:start;gap:10px;padding:clamp(20px,3vw,32px)}.hl-form-sent-h{letter-spacing:-.018em;margin:0;font-size:19px;font-weight:600}.hl-form-sent-p{color:var(--hl-muted);margin:0;font-size:14.5px;line-height:1.6}.hl-form-reset{appearance:none;border:1px solid var(--hl-line);color:var(--hl-fg);background:0 0;border-radius:999px;justify-self:start;margin-top:6px;padding:7px 16px;font-family:inherit;font-size:13px}.hl-footer{z-index:4;border-top:1px solid var(--hl-line);margin-top:clamp(48px,9vh,110px);position:relative}.hl-marquee{border-bottom:1px solid var(--hl-line);padding:clamp(16px,2.4vw,26px) 0;overflow:hidden}.hl-marquee-track{width:max-content;animation:34s linear infinite hl-marquee;display:flex}.hl-marquee-set{flex:none;display:flex}.hl-marquee-word{letter-spacing:-.03em;white-space:nowrap;padding:0 clamp(16px,2.2vw,32px);font-size:clamp(26px,3.6vw,46px);font-weight:600}.hl-marquee-word:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--hl-muted)}@keyframes hl-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.hl-footer-inner{max-width:var(--hl-max);padding:clamp(32px, 5vw, 56px) var(--hl-pad) clamp(24px, 3vw, 36px);margin:0 auto}.hl-footer-top{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);display:grid}@media (width>=860px){.hl-footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}}.hl-footer-brand{align-content:start;gap:16px;display:grid}.hl-mark--lg{width:34px;height:34px;position:static}.hl-footer-tagline{color:var(--hl-muted);max-width:34ch;margin:0;font-size:15px;line-height:1.6}.hl-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,40px);display:grid}@media (width>=560px){.hl-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}.hl-footer-group{align-content:start;gap:9px;display:grid}.hl-footer-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--hl-muted);margin:0 0 4px;font-size:12px}.hl-footer-link{appearance:none;text-align:left;color:var(--hl-fg);background:0 0;border:0;justify-self:start;padding:0;font-family:inherit;font-size:15px;text-decoration:none;transition:color .2s}.hl-footer-link:hover{color:var(--ml-accent)}.hl-footer-bottom{border-top:1px solid var(--hl-line);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:clamp(32px,5vw,56px);padding-top:18px;display:flex}.hl-footer-credit,.hl-footer-meta{color:var(--hl-muted);font-variant-numeric:tabular-nums;margin:0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.hl-marquee-track{animation:none}}.hl .ml-line-mask{display:block;overflow:hidden}.hl .ml-line{opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .85s;display:block;transform:translateY(110%)}.hl .ml-line.is-in{opacity:1;transform:translateY(0)}.hl .ml-measure{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}.hl .ml-pixel-cell{background:var(--hl-bg)}@media (prefers-reduced-motion:reduce){.hl .ml-line{opacity:1;transition:none;transform:none}.hl-track,.hl-track-rule,.hl-rule{transition:none}}.hl-about{padding-block:clamp(56px,10vh,120px)}.hl-strip{--hl-strip-fade:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);-webkit-mask-image:var(--hl-strip-fade);-webkit-mask-image:var(--hl-strip-fade);mask-image:var(--hl-strip-fade);margin-bottom:clamp(36px,5vw,64px);overflow:hidden}.hl-strip-track{width:max-content;animation:98s linear infinite hl-strip-run;display:flex}.hl-strip:hover .hl-strip-track{animation-play-state:paused}.hl-strip-set{flex:none;display:flex}.hl-strip-item{background:color-mix(in srgb, var(--hl-fg) 6%, transparent);flex:none;height:clamp(190px,24vw,320px);margin-right:clamp(8px,1vw,14px);display:block;overflow:hidden}.hl-strip-item img{width:auto;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.hl-strip-item:hover img{transform:scale(1.04)}@keyframes hl-strip-run{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hl-strip-track{animation:none}}.hl-about-h{letter-spacing:-.03em;max-width:30ch;margin:0 0 clamp(18px,2.4vw,28px);font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.14;position:relative}.hl-about-p{max-width:74ch;color:var(--hl-muted);margin:0;font-size:clamp(14.5px,1.05vw,16px);line-height:1.65;position:relative}.hl-name-mark{letter-spacing:0;vertical-align:super;color:var(--hl-muted);font-variant-numeric:tabular-nums;margin-left:.14em;font-size:.2em;font-weight:400}.hl-scroll{flex-direction:column;align-items:center;gap:12px;margin-top:clamp(40px,7vh,84px);display:flex}.hl-scroll-label{letter-spacing:.2em;text-transform:uppercase;color:var(--hl-muted);font-size:11.5px}.hl-scroll-track{background:color-mix(in srgb, var(--hl-fg) 16%, transparent);width:1px;height:54px;position:relative;overflow:hidden}.hl-scroll-dot{background:var(--ml-accent);width:3px;height:16px;animation:1.9s cubic-bezier(.65,0,.35,1) infinite hl-scroll-run;position:absolute;left:-1px}@keyframes hl-scroll-run{0%{opacity:0;transform:translateY(-18px)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(54px)}}@media (prefers-reduced-motion:reduce){.hl-scroll-dot{animation:none;transform:translateY(19px)}}.hl-nav-current{min-width:0;color:var(--hl-fg);white-space:nowrap;flex:1;align-items:baseline;gap:7px;font-size:13px;display:none}@media (width<=820px){.hl-nav-inner{gap:clamp(12px,3vw,20px);position:relative}.hl-nav-current{display:flex}.hl-tracks{left:var(--hl-pad);right:var(--hl-pad);gap:5px;width:auto;height:3px;position:absolute;bottom:7px}.hl-track{align-content:stretch;gap:0;padding:0}.hl-track-top{display:none}.hl-track-bar{height:3px}.hl-theme{padding:5px 10px;font-size:11px}}.hl-theme{cursor:pointer;position:relative;overflow:hidden}.hl-theme .ml-card-pixel{transition:opacity .14s linear}.hl-theme:hover .ml-card-pixel,.hl-theme:focus-visible .ml-card-pixel{opacity:1}.hl-theme-label{z-index:1;transition:color .18s .1s;position:relative}.hl-theme:hover .hl-theme-label,.hl-theme:focus-visible .hl-theme-label{color:#fff}@media (prefers-reduced-motion:reduce){.hl-theme .ml-card-pixel,.hl-theme-label{transition:none}}.logo{width:100%;height:100%;display:block;overflow:visible}.logo-n{fill:currentColor}.logo-p,.logo-px rect{fill:var(--kanso-accent-500)}.logo-n,.logo-p-wrap{transform-box:fill-box;transform-origin:50%}.logo-px rect{opacity:0}@keyframes logo-part-left{0%{transform:translate(0)}26%{transform:translate(-6px)}62%{transform:translate(-6px)}to{transform:translate(0)}}@keyframes logo-part-right{0%{transform:translate(0)}26%{transform:translate(6px)}62%{transform:translate(6px)}to{transform:translate(0)}}@keyframes logo-p-solid{0%,30%{opacity:1}33%,56%{opacity:0}60%,to{opacity:1}}@keyframes logo-p-block{0%{opacity:0}12%{opacity:1}to{opacity:1}}a:hover>.logo .logo-n,button:hover>.logo .logo-n,a:focus-visible>.logo .logo-n,button:focus-visible>.logo .logo-n{animation:1s cubic-bezier(.16,1,.3,1) logo-part-left}a:hover>.logo .logo-p-wrap,button:hover>.logo .logo-p-wrap,a:focus-visible>.logo .logo-p-wrap,button:focus-visible>.logo .logo-p-wrap{animation:1s cubic-bezier(.16,1,.3,1) logo-part-right}a:hover>.logo .logo-p,button:hover>.logo .logo-p,a:focus-visible>.logo .logo-p,button:focus-visible>.logo .logo-p{animation:1s linear logo-p-solid}a:hover>.logo .logo-px rect,button:hover>.logo .logo-px rect,a:focus-visible>.logo .logo-px rect,button:focus-visible>.logo .logo-px rect{animation:logo-p-block var(--px-dur) steps(1, end) var(--px-delay)}@media (prefers-reduced-motion:reduce){a:hover>.logo .logo-n,button:hover>.logo .logo-n,a:hover>.logo .logo-p-wrap,button:hover>.logo .logo-p-wrap,a:hover>.logo .logo-p,button:hover>.logo .logo-p,a:hover>.logo .logo-px rect,button:hover>.logo .logo-px rect,a:focus-visible>.logo .logo-n,button:focus-visible>.logo .logo-n,a:focus-visible>.logo .logo-p-wrap,button:focus-visible>.logo .logo-p-wrap,a:focus-visible>.logo .logo-p,button:focus-visible>.logo .logo-p,a:focus-visible>.logo .logo-px rect,button:focus-visible>.logo .logo-px rect{animation:none}}*,: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}