@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");:root{--ink:#1B1A18;--ink-strong:#0F0E0C;--ink-soft:#5A554D;--ink-mute:#8C857A;--ink-faint:#B6AE9F;--font-display:"Instrument Serif","Iowan Old Style","Palatino Linotype","Palatino",serif;--font-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Menlo","Consolas",monospace;--font-script:"Caveat","Bradley Hand",cursive;--font-jp:"Klee One","Hiragino Mincho ProN","Yu Mincho",serif}:root[data-brand=asgard],[data-brand=asgard]{--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px;--spacing-7:48px;--spacing-8:64px;--spacing-9:96px;--spacing-10:128px;--spacing-11:192px;--spacing-12:256px;--size-fs-10:10px;--size-fs-11:11px;--size-fs-12:12px;--size-fs-13:13px;--size-fs-14:14px;--size-fs-15:15px;--size-fs-16:16px;--size-fs-18:18px;--size-fs-20:20px;--size-fs-24:24px;--size-fs-28:28px;--size-fs-32:32px;--size-fs-40:40px;--size-fs-48:48px;--size-fs-56:56px;--size-fs-72:72px;--size-fs-96:96px;--size-fs-128:128px;--size-fs-160:160px;--size-fs-240:240px;--size-fs-320:320px;--weight-thin:100;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-black:900;--lineHeight-flat:1;--lineHeight-tight:1.05;--lineHeight-snug:1.15;--lineHeight-body:1.55;--lineHeight-loose:1.75;--letterSpacing-tight:-0.04em;--letterSpacing-display:-0.015em;--letterSpacing-body:0;--letterSpacing-tracked:0.04em;--letterSpacing-tape:0.14em;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-pill:999px;--duration-instant:0ms;--duration-fast:120ms;--duration-base:220ms;--duration-slow:420ms;--duration-slower:600ms;--duration-page:1000ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-in:cubic-bezier(0.4,0,1,1);--easing-out:cubic-bezier(0.16,1,0.3,1);--easing-paper:cubic-bezier(0.32,0.72,0,1);--easing-glass:cubic-bezier(0.4,0,0.2,1);--easing-snap:cubic-bezier(0.2,0.8,0.2,1);--easing-bounce:cubic-bezier(0.34,1.56,0.64,1);--easing-glitch:steps(4,end);--zIndex-base:0;--zIndex-card:2000;--zIndex-header:5000;--zIndex-gallery:10000;--zIndex-overlay:50000;--zIndex-modal:99999;--zIndex-toast:999999;--container-narrow:720px;--container-default:1280px;--container-wide:1600px;--container-full:100%;--borderWidth-1:1px;--borderWidth-2:2px;--borderWidth-4:4px;--borderWidth-hair:0.5px;--color-brand-asgard-ink:#1B1A18;--color-brand-asgard-ink-strong:#0F0E0C;--color-brand-asgard-ink-soft:#5A554D;--color-brand-asgard-ink-mute:#8C857A;--color-brand-asgard-ink-faint:#B6AE9F;--color-brand-asgard-paper-vellum:#F5EDDC;--color-brand-asgard-paper-vellum-2:#EFE5D0;--color-brand-asgard-paper-bone:#F2EDE3;--color-brand-asgard-paper-bone-2:#ECE5D6;--color-brand-asgard-paper-sage:#E9E6D6;--color-brand-asgard-paper-sage-2:#DFDCC9;--color-brand-asgard-paper-white:#FBF6EB;--color-brand-asgard-koto-amber:#D9A648;--color-brand-asgard-koto-amber-soft:#E8C77E;--color-brand-asgard-koto-rust:#B85842;--color-brand-asgard-koto-iris:#6B5BA1;--color-brand-asgard-koto-moss:#6E7E4E;--color-semantic-bg:#F5EDDC;--color-semantic-bg-elevated:#FBF6EB;--color-semantic-bg-sunk:#EFE5D0;--color-semantic-bg-inverse:#1B1A18;--color-semantic-fg:#1B1A18;--color-semantic-fg-muted:#5A554D;--color-semantic-fg-subtle:#8C857A;--color-semantic-fg-faint:#B6AE9F;--color-semantic-fg-inverse:#FBF6EB;--color-semantic-accent:#D9A648;--color-semantic-accent-fg:#1B1A18;--color-semantic-border:rgba(27,26,24,0.18);--color-semantic-border-strong:rgba(27,26,24,0.42);--color-semantic-border-faint:rgba(27,26,24,0.08);--color-semantic-link:#1B1A18;--color-semantic-link-hover:#B85842;--color-semantic-selection-bg:#E8C77E;--color-semantic-selection-fg:#1B1A18;--color-semantic-danger:#B85842;--color-semantic-warning:#D9A648;--color-semantic-info:#4A8FCD;--color-semantic-success:#6E7E4E;--font-semantic-display:Instrument Serif,"Iowan Old Style","Palatino Linotype",Palatino,serif;--font-semantic-body:DM Sans,system-ui,-apple-system,"Segoe UI",sans-serif;--font-semantic-mono:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;--font-semantic-script:Caveat,"Bradley Hand","Apple Chancery",cursive;--font-semantic-jp:Klee One,"Hiragino Mincho ProN","Yu Mincho",serif;--size-semantic-display:160px;--size-semantic-h1:96px;--size-semantic-h2:56px;--size-semantic-h3:32px;--size-semantic-h4:18px;--size-semantic-body:16px;--size-semantic-body-sm:14px;--size-semantic-body-lg:20px;--size-semantic-eyebrow:11px;--size-semantic-mono:13px;--radius-semantic-card:8px;--radius-semantic-button:4px;--radius-semantic-input:4px;--radius-semantic-tag:999px;--radius-semantic-modal:12px;--shadow-semantic-card:0 1px 0 rgba(27,26,24,0.04),0 6px 16px -10px rgba(60,40,20,0.20);--shadow-semantic-raised:0 1px 0 rgba(27,26,24,0.06),0 12px 28px -14px rgba(60,40,20,0.28),0 4px 8px -6px rgba(60,40,20,0.12);--shadow-semantic-float:0 1px 0 rgba(27,26,24,0.08),0 24px 48px -16px rgba(60,40,20,0.32),0 8px 16px -8px rgba(60,40,20,0.16);--shadow-semantic-sunk:inset 0 1px 0 rgba(27,26,24,0.06),inset 0 0 0 1px rgba(27,26,24,0.04);--shadow-semantic-stamp:inset 0 0 0 1px rgba(27,26,24,0.18);--shadow-semantic-glow:none;--motion-semantic-default:cubic-bezier(0.32,0.72,0,1)}:root[data-brand=kaios],[data-brand=kaios]{--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px;--spacing-7:48px;--spacing-8:64px;--spacing-9:96px;--spacing-10:128px;--spacing-11:192px;--spacing-12:256px;--size-fs-10:10px;--size-fs-11:11px;--size-fs-12:12px;--size-fs-13:13px;--size-fs-14:14px;--size-fs-15:15px;--size-fs-16:16px;--size-fs-18:18px;--size-fs-20:20px;--size-fs-24:24px;--size-fs-28:28px;--size-fs-32:32px;--size-fs-40:40px;--size-fs-48:48px;--size-fs-56:56px;--size-fs-72:72px;--size-fs-96:96px;--size-fs-128:128px;--size-fs-160:160px;--size-fs-240:240px;--size-fs-320:320px;--weight-thin:100;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-black:900;--lineHeight-flat:1;--lineHeight-tight:1.05;--lineHeight-snug:1.15;--lineHeight-body:1.55;--lineHeight-loose:1.75;--letterSpacing-tight:-0.04em;--letterSpacing-display:-0.015em;--letterSpacing-body:0;--letterSpacing-tracked:0.04em;--letterSpacing-tape:0.14em;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-pill:999px;--duration-instant:0ms;--duration-fast:120ms;--duration-base:220ms;--duration-slow:420ms;--duration-slower:600ms;--duration-page:1000ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-in:cubic-bezier(0.4,0,1,1);--easing-out:cubic-bezier(0.16,1,0.3,1);--easing-paper:cubic-bezier(0.32,0.72,0,1);--easing-glass:cubic-bezier(0.4,0,0.2,1);--easing-snap:cubic-bezier(0.2,0.8,0.2,1);--easing-bounce:cubic-bezier(0.34,1.56,0.64,1);--easing-glitch:steps(4,end);--zIndex-base:0;--zIndex-card:2000;--zIndex-header:5000;--zIndex-gallery:10000;--zIndex-overlay:50000;--zIndex-modal:99999;--zIndex-toast:999999;--container-narrow:720px;--container-default:1280px;--container-wide:1600px;--container-full:100%;--borderWidth-1:1px;--borderWidth-2:2px;--borderWidth-4:4px;--borderWidth-hair:0.5px;--color-brand-kaios-koto-black:#000000;--color-brand-kaios-koto-bone:#FDF7CD;--color-brand-kaios-koto-bone-dim:#BF931B;--color-brand-kaios-kaios-red:#F80000;--color-brand-kaios-kaios-red-deep:#750E13;--color-brand-kaios-kaios-red-bright:#9A161C;--color-brand-kaios-koto-red:#E61C22;--color-brand-kaios-koto-red-soft:#FF3B40;--color-brand-kaios-koto-red-pure:#C60001;--color-brand-kaios-koto-red-hot:#FF0E12;--color-brand-kaios-koto-green:#4CC840;--color-brand-kaios-koto-green-bright:#4FC844;--color-brand-kaios-koto-green-pure:#00E322;--color-brand-kaios-koto-sakura:#FFB3B8;--color-brand-kaios-koto-magenta:#D40F85;--color-brand-kaios-koto-pink:#FF69B4;--color-brand-kaios-koto-yellow-pure:#FFEA00;--color-brand-kaios-koto-yellow-toxic:#E3CE0E;--color-brand-kaios-koto-cyan:#00ECD8;--color-brand-kaios-koto-blue:#005EFF;--color-brand-kaios-koto-coral:#E92741;--color-brand-kaios-bg-overlay:rgba(117,14,19,0.06);--color-brand-kaios-bg-panel:#0d0a0c;--color-brand-kaios-bg-panel-2:#150d10;--color-semantic-bg:#000000;--color-semantic-bg-elevated:#0d0a0c;--color-semantic-bg-sunk:#150d10;--color-semantic-bg-inverse:#FDF7CD;--color-semantic-fg:#FDF7CD;--color-semantic-fg-muted:#BF931B;--color-semantic-fg-subtle:rgba(253,247,205,0.55);--color-semantic-fg-faint:rgba(253,247,205,0.30);--color-semantic-fg-inverse:#000000;--color-semantic-accent:#F80000;--color-semantic-accent-fg:#FDF7CD;--color-semantic-border:#FDF7CD;--color-semantic-border-strong:#FDF7CD;--color-semantic-border-faint:rgba(253,247,205,0.25);--color-semantic-link:#FDF7CD;--color-semantic-link-hover:#F80000;--color-semantic-selection-bg:#FDF7CD;--color-semantic-selection-fg:#000000;--color-semantic-danger:#E61C22;--color-semantic-warning:#E3CE0E;--color-semantic-info:#00ECD8;--color-semantic-success:#4CC840;--glow-brand-kaios-kaios:0 0 0.5px rgb(198,0,1),0 0 1px rgb(198,0,1),0 0 3px rgb(198,0,1),0 0 6px rgb(198,0,1),0 0 11px rgb(198,0,1),0 0 19px rgb(198,0,1);--glow-brand-kaios-green:0 0 0.13px #4FC844,0 0 0.27px #4FC844,0 0 0.93px #4FC844,0 0 1.86px #4FC844,0 0 3.2px #4FC844,0 0 5.6px #4FC844;--glow-brand-kaios-bone:0 0 8px rgba(253,247,205,0.4),0 0 16px rgba(253,247,205,0.2);--glow-brand-kaios-pfp:0 0 16px rgba(117,14,19,0.6),0 2px 12px rgba(117,14,19,0.25);--font-semantic-display:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-semantic-body:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-semantic-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-semantic-jp:Klee One,"Hiragino Mincho ProN","Yu Mincho",serif;--font-semantic-wordmark:"PP Monument Extended","Geist Mono",monospace;--font-semantic-poster:"Caribbean Island",cursive;--font-semantic-mono-slant:"Server Mono","Geist Mono",monospace;--size-semantic-display:240px;--size-semantic-mega:320px;--size-semantic-h1:72px;--size-semantic-h2:40px;--size-semantic-h3:24px;--size-semantic-h4:16px;--size-semantic-body:14px;--size-semantic-body-sm:12px;--size-semantic-eyebrow:12px;--size-semantic-mono:14px;--size-semantic-mini:10px;--radius-semantic-card:0px;--radius-semantic-button:2px;--radius-semantic-input:2px;--radius-semantic-tag:999px;--radius-semantic-modal:0px;--shadow-semantic-card:none;--shadow-semantic-raised:none;--shadow-semantic-float:0 8px 32px rgba(0,0,0,0.6);--shadow-semantic-sunk:inset 0 1px 2px rgba(0,0,0,0.4);--shadow-semantic-stamp:none;--shadow-semantic-glow:0 0 0.5px rgb(198,0,1),0 0 1px rgb(198,0,1),0 0 3px rgb(198,0,1),0 0 6px rgb(198,0,1),0 0 11px rgb(198,0,1),0 0 19px rgb(198,0,1);--motion-semantic-default:cubic-bezier(0.2,0.8,0.2,1)}:root[data-brand=kotopia],[data-brand=kotopia]{--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px;--spacing-7:48px;--spacing-8:64px;--spacing-9:96px;--spacing-10:128px;--spacing-11:192px;--spacing-12:256px;--size-fs-10:10px;--size-fs-11:11px;--size-fs-12:12px;--size-fs-13:13px;--size-fs-14:14px;--size-fs-15:15px;--size-fs-16:16px;--size-fs-18:18px;--size-fs-20:20px;--size-fs-24:24px;--size-fs-28:28px;--size-fs-32:32px;--size-fs-40:40px;--size-fs-48:48px;--size-fs-56:56px;--size-fs-72:72px;--size-fs-96:96px;--size-fs-128:128px;--size-fs-160:160px;--size-fs-240:240px;--size-fs-320:320px;--weight-thin:100;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-black:900;--lineHeight-flat:1;--lineHeight-tight:1.05;--lineHeight-snug:1.15;--lineHeight-body:1.55;--lineHeight-loose:1.75;--letterSpacing-tight:-0.04em;--letterSpacing-display:-0.015em;--letterSpacing-body:0;--letterSpacing-tracked:0.04em;--letterSpacing-tape:0.14em;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-pill:999px;--duration-instant:0ms;--duration-fast:120ms;--duration-base:220ms;--duration-slow:420ms;--duration-slower:600ms;--duration-page:1000ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-in:cubic-bezier(0.4,0,1,1);--easing-out:cubic-bezier(0.16,1,0.3,1);--easing-paper:cubic-bezier(0.32,0.72,0,1);--easing-glass:cubic-bezier(0.4,0,0.2,1);--easing-snap:cubic-bezier(0.2,0.8,0.2,1);--easing-bounce:cubic-bezier(0.34,1.56,0.64,1);--easing-glitch:steps(4,end);--zIndex-base:0;--zIndex-card:2000;--zIndex-header:5000;--zIndex-gallery:10000;--zIndex-overlay:50000;--zIndex-modal:99999;--zIndex-toast:999999;--container-narrow:720px;--container-default:1280px;--container-wide:1600px;--container-full:100%;--borderWidth-1:1px;--borderWidth-2:2px;--borderWidth-4:4px;--borderWidth-hair:0.5px;--color-brand-kotopia-koto-yellow:#fcef3a;--color-brand-kotopia-koto-yellow-warm:#ffdc50;--color-brand-kotopia-kai-red:#ff3b3b;--color-brand-kotopia-kai-cherry:#ff5fb0;--color-brand-kotopia-kai-cross:#d92f2f;--color-brand-kotopia-kai-violet:#4d4ce8;--color-brand-kotopia-sky-blue:#99d0f3;--color-brand-kotopia-sky-blue-deep:#6fb6e7;--color-brand-kotopia-sky-cyan:#1abef0;--color-brand-kotopia-foam:#e3f2ff;--color-brand-kotopia-brutalist-grey:#5a5a5a;--color-brand-kotopia-touch-grass:#3ea84a;--color-brand-kotopia-night:#241b1b;--color-brand-kotopia-kotopia-ink:#1a1a2e;--color-brand-kotopia-hint:#4b4b4b;--color-brand-kotopia-paper:#ffffff;--color-brand-kotopia-glass-light:rgba(255,255,255,0.35);--color-brand-kotopia-glass-mid:rgba(220,235,250,0.25);--color-brand-kotopia-glass-metal-1:rgba(255,255,255,0.50);--color-brand-kotopia-glass-metal-2:rgba(200,210,220,0.30);--color-brand-kotopia-glass-metal-3:rgba(180,190,200,0.25);--color-brand-kotopia-glass-metal-4:rgba(220,230,240,0.40);--color-brand-kotopia-glass-edge:rgba(255,255,255,0.50);--color-brand-kotopia-glass-overlay-dark:rgba(0,0,0,0.85);--color-semantic-bg:#99d0f3;--color-semantic-bg-elevated:rgba(255,255,255,0.50);--color-semantic-bg-sunk:#6fb6e7;--color-semantic-bg-inverse:#241b1b;--color-semantic-fg:#1a1a2e;--color-semantic-fg-muted:rgba(50,60,80,0.80);--color-semantic-fg-subtle:#4b4b4b;--color-semantic-fg-faint:rgba(50,60,80,0.50);--color-semantic-fg-inverse:#ffffff;--color-semantic-accent:#fcef3a;--color-semantic-accent-fg:#241b1b;--color-semantic-border:rgba(255,255,255,0.50);--color-semantic-border-strong:rgba(255,255,255,0.80);--color-semantic-border-faint:rgba(255,255,255,0.20);--color-semantic-link:#1a1a2e;--color-semantic-link-hover:#ff5fb0;--color-semantic-selection-bg:#fcef3a;--color-semantic-selection-fg:#241b1b;--color-semantic-danger:#ff3b3b;--color-semantic-info:#1abef0;--color-semantic-success:#3ea84a;--font-semantic-display:OCR,ui-monospace,"JetBrains Mono",monospace;--font-semantic-body:"Founders Grotesk",system-ui,sans-serif;--font-semantic-mono:OCR,ui-monospace,"JetBrains Mono",monospace;--font-semantic-jp:Klee One,"Hiragino Mincho ProN","Yu Mincho",serif;--font-semantic-wordmark:"Caribbean Island Mseek","Caribbean Island",cursive;--size-semantic-display:clamp(30px,5vw,80px);--size-semantic-h1:clamp(30px,5vw,80px);--size-semantic-h2:clamp(20px,3vw,48px);--size-semantic-h3:clamp(14px,1.8vw,28px);--size-semantic-h4:clamp(12px,1.4vw,20px);--size-semantic-body:clamp(13px,1vw,16px);--size-semantic-body-sm:clamp(11px,0.9vw,14px);--size-semantic-eyebrow:clamp(10px,0.85vw,12px);--size-semantic-mono:clamp(11px,0.9vw,14px);--size-semantic-cta:clamp(12px,1.1vw,18px);--radius-semantic-card:clamp(12px,1vw,18px);--radius-semantic-button:clamp(8px,0.6vw,12px);--radius-semantic-input:8px;--radius-semantic-tag:999px;--radius-semantic-modal:24px;--shadow-brand-kotopia-card-lgm:0 12px 48px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.20);--shadow-brand-kotopia-card-lgm-active:0 16px 64px rgba(0,0,0,0.20),inset 0 1px 2px rgba(255,255,255,0.80),inset 0 -1px 1px rgba(0,0,0,0.05),0 0 60px rgba(135,206,250,0.15);--shadow-brand-kotopia-button-glass:0 1px 2px rgba(255,255,255,0.80) inset,0 -1px 1px rgba(0,0,0,0.10) inset,1px 2px 4px rgba(0,0,0,0.10),-1px -1px 2px rgba(255,255,255,0.40),0 0 0 1px rgba(255,255,255,0.30);--shadow-brand-kotopia-cta-yellow:0 4px 16px rgba(252,239,58,0.30),inset 0 1px 2px rgba(255,255,255,0.60),inset 0 -1px 1px rgba(0,0,0,0.10),0 0 0 1px rgba(255,255,255,0.40);--shadow-brand-kotopia-cta-yellow-hover:0 12px 32px rgba(252,239,58,0.40),0 0 30px rgba(252,239,58,0.25);--shadow-semantic-card:0 12px 48px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.20);--shadow-semantic-raised:0 16px 64px rgba(0,0,0,0.20),inset 0 1px 2px rgba(255,255,255,0.80),inset 0 -1px 1px rgba(0,0,0,0.05),0 0 60px rgba(135,206,250,0.15);--shadow-semantic-float:0 16px 64px rgba(0,0,0,0.20),inset 0 1px 2px rgba(255,255,255,0.80),inset 0 -1px 1px rgba(0,0,0,0.05),0 0 60px rgba(135,206,250,0.15);--shadow-semantic-stamp:0 1px 2px rgba(255,255,255,0.80) inset,0 -1px 1px rgba(0,0,0,0.10) inset,1px 2px 4px rgba(0,0,0,0.10),-1px -1px 2px rgba(255,255,255,0.40),0 0 0 1px rgba(255,255,255,0.30);--shadow-semantic-glow:0 0 30px rgba(252,239,58,0.25);--motion-semantic-default:cubic-bezier(0.4,0,0.2,1)}:root{--paper-bone:#F4EFE3;--paper-bone-2:#ECE4D2;--paper-bone-3:#FAF6EC;--hairline:rgba(27,26,24,0.16);--hairline-soft:rgba(27,26,24,0.10);--accent-koto:#EFB510;--accent-amber:#C39438;--accent-rose:#C66E78;--accent-rust:#B85842;--accent-vermillion:#C53A2C;--accent-blue:#3A6FB0;--accent-moss:#5C6E3E}[data-accent=rose]{--accent-koto:#C66E78}[data-accent=amber]{--accent-koto:#C39438}[data-accent=moss]{--accent-koto:#5C6E3E}[data-accent=rust]{--accent-koto:#B85842}body,html{background:var(--paper-bone);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:none;border:0;padding:0}img{display:block;max-width:100%}::selection{background:rgba(195,148,56,.32);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(60,40,20,.04) 1px,transparent 0),radial-gradient(rgba(60,40,20,.02) 1px,transparent 0);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply;z-index:1}#root{position:relative;z-index:2}.boot{position:fixed;inset:0;z-index:200;background:#0F0E0C;color:var(--paper-bone);display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}.boot.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot__frame{display:flex;flex-direction:column;align-items:center;gap:24px}.boot__tree{width:64px;filter:invert(1) brightness(1.4);animation:fade-up .8s cubic-bezier(.16,1,.3,1) both}.boot__word{font-family:var(--font-display);font-style:italic;font-size:clamp(40px,7vw,84px);line-height:.95;letter-spacing:-.02em;color:var(--paper-bone);margin:0;animation:fade-up 1s cubic-bezier(.16,1,.3,1) .2s both}.boot__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(244,239,227,.5);animation:fade-up 1s cubic-bezier(.16,1,.3,1) .5s both}.boot__bar{width:220px;height:1px;background:rgba(244,239,227,.18);position:relative;overflow:hidden}.boot__bar:after{content:"";position:absolute;left:0;top:0;height:100%;background:var(--accent-koto);animation:load 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes load{0%{width:0}to{width:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}nav.top{position:-webkit-sticky;position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:32px;gap:32px;padding:16px 28px;background:color-mix(in oklab,var(--paper-bone) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}nav.top .mark{display:flex;align-items:center;gap:10px;cursor:pointer}nav.top .mark img{height:22px;opacity:.92}nav.top .mark .name{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--ink);white-space:nowrap}nav.top ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;justify-content:center}nav.top ul a{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);padding:6px 0;border-bottom:1px solid transparent;transition:color .16s,border-color .16s;cursor:pointer}nav.top ul a.is-active,nav.top ul a:hover{color:var(--ink);border-color:var(--ink)}nav.top .right{display:flex;align-items:center;gap:14px;justify-content:flex-end}nav.top .ticker{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase;white-space:nowrap}nav.top .ticker .live{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--accent-rust);margin-right:8px;animation:pulse 1.6s ease-in-out infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}nav.top .cta{border:1px solid var(--ink);border-radius:999px;padding:9px 18px;background:var(--ink);color:var(--paper-bone-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:background .16s,color .16s}nav.top .cta:hover{background:var(--paper-bone-3);color:var(--ink)}@media (max-width:900px){nav.top .ticker,nav.top ul{display:none}}.page-wrap>.page{opacity:0;transform:translateY(6px);transition:opacity .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1)}.page-wrap.mounted>.page{opacity:1;transform:none}.wrap{max-width:1400px;margin:0 auto;padding:80px 32px}.eye{font-size:10px;letter-spacing:.22em;color:var(--ink-mute)}.btn,.eye{font-family:var(--font-mono);text-transform:uppercase}.btn{font-size:11px;letter-spacing:.18em;padding:13px 22px;border-radius:999px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:10px;transition:background .16s,color .16s,transform .16s;white-space:nowrap}.btn--primary{background:var(--ink);color:var(--paper-bone-3)}.btn--primary:hover{background:#2A2522;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--paper-bone-3)}.btn .arrow{transition:transform .16s}.btn:hover .arrow{transform:translateX(3px)}.chap-head{display:grid;grid-template-columns:120px 1fr auto;grid-gap:32px;gap:32px;align-items:end;margin-bottom:48px;padding-bottom:18px;border-bottom:1px solid var(--hairline)}.chap-head__num{font-family:var(--font-display);font-style:italic;font-size:56px;line-height:.92;color:var(--accent-koto);margin:0;white-space:nowrap;letter-spacing:-.02em}.chap-head__eye{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase;display:block;margin-bottom:8px}.chap-head__title{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1;letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}.chap-head__title em{font-style:italic;color:var(--accent-koto)}.chap-head__filed{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase;text-align:right;line-height:1.7;margin:0;white-space:nowrap}.chap-head__filed b{color:var(--ink);font-weight:500}@media (max-width:760px){.chap-head{grid-template-columns:auto 1fr}.chap-head__filed{grid-column:1/-1;text-align:left}}.hero{max-width:1400px;margin:0 auto;padding:56px 32px 72px}.hero__top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:24px;gap:24px;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase;border-bottom:1px solid var(--hairline);padding-bottom:12px;margin-bottom:56px}.hero__top .right{text-align:right}.hero__top .center{text-align:center}.hero__top b{color:var(--ink);font-weight:500;letter-spacing:.1em}.hero__top em{color:var(--accent-koto);font-style:normal}.hero__h1{font-family:var(--font-display);font-weight:400;font-size:clamp(64px,11vw,168px);line-height:.92;letter-spacing:-.025em;color:var(--ink);margin:0;max-width:14ch}.hero__h1 em{font-style:italic}.hero__h1 em .l1{color:var(--accent-koto)}.hero__h1 em .l2{color:var(--accent-rose)}.hero__h1 em .l3{color:var(--accent-vermillion)}.hero__h1 em .l4{color:var(--accent-blue)}.hero__h1 em .l5{color:var(--accent-moss)}.hero__h1 .small{font-size:.42em;font-style:italic;color:var(--ink-soft);display:inline-block;transform:translateY(-.18em);padding:0 .06em}.hero__lower{display:grid;grid-template-columns:1.05fr .85fr .7fr;grid-gap:56px;gap:56px;margin-top:56px;padding-top:28px;border-top:1px solid var(--hairline);align-items:start}.hero__lede{font-family:var(--font-display);font-size:22px;line-height:1.45;color:var(--ink-soft);max-width:38ch;margin:0}.hero__lede em{font-style:italic;color:var(--ink)}.hero__specs{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;display:grid;grid-template-columns:auto 1fr;grid-gap:8px 18px;gap:8px 18px;margin:0}.hero__specs dt{color:var(--ink-mute)}.hero__specs dd{margin:0;color:var(--ink);letter-spacing:.1em}.hero__pencil{font-family:var(--font-jp);font-size:15px;line-height:1.7;color:var(--ink-soft);transform:rotate(-1.5deg);border-left:2px solid var(--accent-vermillion);padding-left:16px;margin:0}.hero__pencil .em{color:var(--accent-koto)}.hero__ctas{grid-column:1/-1;display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;align-items:center}@media (max-width:980px){.hero__top{grid-template-columns:1fr 1fr;row-gap:8px}.hero__top .center,.hero__top .right{text-align:left}.hero__lower{grid-template-columns:1fr;gap:36px}}.ribbon{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--paper-bone-2);overflow:hidden;padding:14px 0}.ribbon__track{display:inline-flex;white-space:nowrap;animation:scroll var(--mqs,60s) linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.ribbon__item{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:var(--ink-soft);text-transform:uppercase;padding:0 32px;display:inline-flex;align-items:center;gap:32px}.ribbon__dot{color:var(--accent-amber);margin-left:32px}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px;gap:24px}.proj{background:var(--paper-bone-3);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 1px 0 rgba(27,26,24,.04),0 6px 16px -10px rgba(60,40,20,.2);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;cursor:pointer;position:relative;min-width:0}.proj:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(27,26,24,.06),0 16px 32px -14px rgba(60,40,20,.3)}.proj__no{position:absolute;top:14px;left:14px;background:color-mix(in oklab,var(--paper-bone-3) 88%,transparent);border:1px solid rgba(27,26,24,.32);border-radius:4px;padding:5px 9px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--ink-soft);text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.proj__no b{color:var(--accent-koto);font-weight:500}.proj__cover{aspect-ratio:5/4;position:relative;overflow:hidden;background:var(--paper-bone-2);border-bottom:1px solid var(--hairline)}.proj__img{width:100%;height:100%;object-fit:cover;filter:saturate(.94);transition:transform .7s cubic-bezier(.16,1,.3,1)}.proj:hover .proj__img{transform:scale(1.04)}.proj__veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(27,26,24,.18));pointer-events:none}.proj__meta{padding:18px 22px 22px;display:flex;flex-direction:column;gap:6px}.proj__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.proj__tag{letter-spacing:.18em}.proj__client,.proj__tag{font-family:var(--font-mono);font-size:10px;color:var(--ink-mute);text-transform:uppercase}.proj__client{letter-spacing:.14em}.proj__title{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin:4px 0 0}.proj__sub{font-style:italic;color:var(--accent-koto)}.proj.is-big .proj__cover{aspect-ratio:16/10}.proj.is-big .proj__title{font-size:32px}.proj__kotopia{width:100%;height:100%;position:relative;background:linear-gradient(160deg,#B7DDF4,#B8E8C8 50%,#F7C7D9);display:grid;place-items:center}.proj__kotopia img{max-width:70%;max-height:80%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15))}.proj.kaios{color:var(--paper-bone);border-color:rgba(0,0,0,.5)}.proj.kaios,.proj.kaios .proj__cover{background:#0F0E0C}.proj.kaios .proj__client,.proj.kaios .proj__tag{color:rgba(244,239,227,.5)}.proj.kaios .proj__title{color:var(--paper-bone)}.proj.kaios .proj__sub{color:#E54033}@media (max-width:980px){.grid>.proj{grid-column:span 6!important}}@media (max-width:640px){.grid>.proj{grid-column:span 12!important}}.bleed{background:linear-gradient(160deg,#FFF6E8,#B7DDF4 35%,#B8E8C8 65%,#F7C7D9);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:96px 32px;position:relative;overflow:hidden}.bleed__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:56px;gap:56px;align-items:center}.bleed__eye{font-family:"OCR",var(--font-mono);font-size:11px;letter-spacing:.22em;color:rgba(42,37,48,.6);text-transform:uppercase;display:block;margin-bottom:16px}.bleed__h{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.02em;color:#2A2530;margin:0 0 18px;text-wrap:balance}.bleed__h em{font-style:italic;color:#E85A6F}.bleed__lede{font-family:"Founders Grotesk",var(--font-sans);font-size:18px;line-height:1.55;color:rgba(42,37,48,.75);max-width:42ch;margin:0 0 28px}.bleed__cta{font-family:"OCR",var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:13px 22px;border-radius:999px;background:#2A2530;color:#FFF6E8;display:inline-flex;align-items:center;gap:10px;transition:transform .16s}.bleed__cta:hover{transform:translateY(-1px)}.bleed__art{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.bleed__cell{aspect-ratio:1/1;background:rgba(255,246,232,.4);border:1px solid rgba(42,37,48,.18);border-radius:16px;overflow:hidden;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bleed__cell img{max-width:80%;max-height:80%;object-fit:contain}@media (max-width:900px){.bleed__inner{grid-template-columns:1fr}}.dir{background:var(--paper-bone-2);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:112px 32px 96px;position:relative}.dir__frame{max-width:920px;margin:0 auto;text-align:center}.dir__orn{font-family:var(--font-display);font-style:normal;font-size:56px;color:var(--accent-koto);line-height:1;margin-bottom:20px;text-shadow:0 0 8px rgba(239,181,16,.55),0 0 28px rgba(239,181,16,.28);filter:saturate(1.3)}.dir__eye{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:24px;display:block}.dir__quote{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,5.6vw,80px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);margin:0 auto;max-width:16ch;text-wrap:balance}.dir__quote em{font-style:italic}.dir__quote em .l1{color:var(--accent-koto)}.dir__quote em .l2{color:var(--accent-rose)}.dir__quote em .l3{color:var(--accent-vermillion)}.dir__quote em .l4{color:var(--accent-blue)}.dir__quote em .l5{color:var(--accent-moss)}.dir__body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin:32px auto 0;text-wrap:pretty}.dir__sig{margin-top:40px;display:inline-flex;justify-content:center;align-items:center;gap:18px}.dir__sig .jp{font-family:var(--font-jp);font-size:28px;color:var(--ink);line-height:1}.dir__sig .by{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase;border-left:1px solid var(--hairline);padding-left:18px;text-align:left;line-height:1.6}.dir__sig .by b{display:block;color:var(--ink);font-weight:500}.dir__stamp{position:absolute;top:48px;right:48px;width:96px;height:96px;border-radius:50%;border:1px solid rgba(27,26,24,.32);display:grid;place-items:center;text-align:center;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;color:var(--accent-koto);text-transform:uppercase;transform:rotate(-8deg);line-height:1.4;background:color-mix(in oklab,var(--paper-bone) 60%,transparent)}.dir__stamp b{display:block;font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--accent-koto);margin:4px 0;letter-spacing:-.01em}@media (max-width:760px){.dir__stamp{display:none}}.kaios-bleed{background:linear-gradient(180deg,#1B1A18,#0F0E0C);color:var(--paper-bone);padding:96px 32px;border-top:1px solid rgba(0,0,0,.5)}.kaios-bleed__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.kaios-bleed__eye{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:rgba(244,239,227,.5);text-transform:uppercase;display:block;margin-bottom:16px}.kaios-bleed__h{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,5vw,80px);line-height:.98;letter-spacing:-.02em;color:var(--paper-bone);margin:0 0 20px;text-wrap:balance}.kaios-bleed__h em{font-style:italic;color:#E54033;font-weight:700}.kaios-bleed__lede{font-family:var(--font-sans);font-size:17px;line-height:1.55;color:rgba(244,239,227,.7);max-width:42ch;margin:0 0 28px}.kaios-bleed__cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:13px 22px;border-radius:999px;background:#E54033;color:var(--paper-bone);display:inline-flex;align-items:center;gap:10px}.kaios-bleed__phones{display:flex;gap:24px;justify-content:flex-end;align-items:flex-end}.kaios-bleed__phones img{width:220px;height:auto;border-radius:28px;box-shadow:0 32px 64px -12px rgba(0,0,0,.6)}@media (max-width:900px){.kaios-bleed__inner{grid-template-columns:1fr}.kaios-bleed__phones{justify-content:center}}.clients{padding:80px 32px}.clients__inner{max-width:1400px;margin:0 auto}.clients__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:18px;border-bottom:1px solid var(--hairline);margin-bottom:24px}.clients__head h4{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:28px;margin:0;color:var(--ink)}.clients__head .ct{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.clients__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border-top:1px solid var(--hairline-soft)}.clients__cell{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--ink);padding:22px 8px;border-bottom:1px solid var(--hairline-soft);border-right:1px solid var(--hairline-soft);transition:background .16s,color .16s}.clients__cell:nth-child(4n){border-right:0}.clients__cell:hover{background:var(--paper-bone-3);color:var(--accent-koto)}@media (max-width:760px){.clients__grid{grid-template-columns:repeat(2,1fr)}.clients__cell:nth-child(4n){border-right:1px solid var(--hairline-soft)}.clients__cell:nth-child(2n){border-right:0}}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;border-radius:999px;border:1px solid var(--hairline);color:var(--ink-soft);background:transparent;transition:background .16s,color .16s,border-color .16s}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip.is-on{background:var(--ink);color:var(--paper-bone-3);border-color:var(--ink)}.filters__sp{flex:1 1}.filters__count{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase}.works-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--hairline)}.works-list li{display:grid;grid-template-columns:60px 2.4fr 1fr 1fr 90px 30px;grid-gap:24px;gap:24px;align-items:baseline;padding:22px 8px;border-bottom:1px solid var(--hairline-soft);cursor:pointer;transition:background .16s}.works-list li:hover{background:var(--paper-bone-3)}.wl__no{font-family:var(--font-mono);font-size:11px;color:var(--accent-koto);letter-spacing:.14em}.wl__title{font-family:var(--font-display);font-size:26px;color:var(--ink)}.wl__title em{font-style:italic;color:var(--accent-koto)}.wl__client,.wl__type,.wl__year{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase}.wl__arrow{font-family:var(--font-mono);color:var(--ink-mute);transition:transform .16s,color .16s;text-align:right}.works-list li:hover .wl__arrow{color:var(--accent-koto);transform:translateX(4px)}@media (max-width:800px){.works-list li{grid-template-columns:1fr 30px;row-gap:6px}.wl__client,.wl__no,.wl__type,.wl__year{grid-column:1/-1}}.detail .back{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:32px}.detail .back:hover{color:var(--ink)}.detail__head{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:56px;gap:56px;align-items:end;margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--hairline)}.detail__eye{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase;display:block;margin-bottom:16px}.detail__title{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,8vw,120px);line-height:.94;letter-spacing:-.025em;color:var(--ink);margin:0}.detail__title em{font-style:italic;color:var(--accent-koto)}.detail__lede{font-family:var(--font-display);font-size:22px;line-height:1.45;color:var(--ink-soft);margin:24px 0 0;max-width:50ch}.detail__specs{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;display:grid;grid-template-columns:auto 1fr;grid-gap:8px 18px;gap:8px 18px;margin:0}.detail__specs dt{color:var(--ink-mute)}.detail__specs dd{margin:0;color:var(--ink);letter-spacing:.1em}.detail__hero{aspect-ratio:16/9;background:var(--paper-bone-2);border:1px solid var(--hairline);border-radius:12px;overflow:hidden;margin-bottom:32px}.detail__hero img{width:100%;height:100%;object-fit:cover}.detail__gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px;margin-bottom:48px}.dg__cell{background:var(--paper-bone-2);border:1px solid var(--hairline);border-radius:8px;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}.dg__cell img{max-width:80%;max-height:80%;object-fit:contain}.detail__body{max-width:60ch;margin:0 auto 80px;font-size:17px;line-height:1.65;color:var(--ink-soft)}.detail__body p{margin:0 0 1em}.detail__more{font-family:var(--font-display);font-style:italic;font-size:28px;color:var(--ink);margin:0 0 24px}@media (max-width:800px){.detail__head{grid-template-columns:1fr}}.about__grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:56px;gap:56px;align-items:start;margin-bottom:80px}.about__lede{font-family:var(--font-display);font-size:28px;line-height:1.35;color:var(--ink);margin:0 0 24px;max-width:32ch}.about__lede em{font-style:italic;color:inherit}.about__left p{font-size:16px;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin:0 0 1em}.about__left b{color:var(--ink);font-weight:500}.about__side{display:flex;flex-direction:column;gap:16px}.about__side .card{background:var(--paper-bone-3);border:1px solid var(--hairline);border-radius:8px;padding:20px 22px}.about__side .card h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-mute);text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.about__side .card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.about__side .card li{display:grid;grid-template-columns:80px 1fr;grid-gap:14px;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);align-items:baseline}.about__side .card li b{color:var(--ink-mute);font-weight:400;letter-spacing:.14em;text-transform:uppercase}.about__h{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(36px,5vw,56px);margin:0 0 32px;color:var(--ink);border-top:1px solid var(--hairline);padding-top:32px}.principles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.pr{background:var(--paper-bone-3);border:1px solid var(--hairline);border-radius:8px;padding:24px 22px;min-height:200px;display:flex;flex-direction:column;gap:12px;transition:transform .16s,box-shadow .16s}.pr:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(60,40,20,.28)}.pr__num{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--accent-koto);text-transform:uppercase}.pr__title{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.2;color:var(--ink);margin:0;letter-spacing:-.01em}.pr__body{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0}@media (max-width:900px){.about__grid,.principles{grid-template-columns:1fr}}.log{list-style:none;padding:0;margin:0;border-top:1px solid var(--hairline)}.log__row{display:grid;grid-template-columns:100px 80px 1fr 30px;grid-gap:24px;gap:24px;align-items:start;padding:24px 8px;border-bottom:1px solid var(--hairline-soft);cursor:pointer;transition:background .16s}.log__row:hover{background:var(--paper-bone-3)}.log__date{font-size:11px;color:var(--accent-koto);letter-spacing:.14em}.log__date,.log__kind{font-family:var(--font-mono);padding-top:4px}.log__kind{font-size:9px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.log__body h4{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.2;color:var(--ink);margin:0 0 6px}.log__body p{font-family:var(--font-sans);font-size:14px;color:var(--ink-soft);margin:0;max-width:60ch}.log__arrow{color:var(--ink-mute);padding-top:4px}.log__arrow,.log__sub{font-family:var(--font-mono)}.log__sub{margin-top:32px;font-size:12px;letter-spacing:.06em;color:var(--ink-soft)}.ulink{color:var(--accent-koto);border-bottom:1px solid var(--accent-koto)}@media (max-width:760px){.log__row{grid-template-columns:1fr 30px;row-gap:8px}.log__date,.log__kind{grid-column:1}}.contact{max-width:920px;margin:0 auto;padding:96px 32px;text-align:center}.contact__big{font-family:var(--font-display);font-weight:400;font-size:clamp(48px,7vw,96px);line-height:1;letter-spacing:-.025em;color:var(--ink);margin:0 auto;max-width:14ch;text-wrap:balance}.contact__big em{font-style:italic;color:var(--accent-koto)}.contact__body{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:50ch;margin:28px auto 36px}.email-block{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--ink);border-radius:999px;padding:8px 8px 8px 24px;background:var(--paper-bone-3);box-shadow:0 1px 0 rgba(27,26,24,.04),0 6px 16px -10px rgba(60,40,20,.2);flex-wrap:wrap;justify-content:center}.email-block__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.email-block__addr{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--ink)}.email-block__send{background:var(--ink);color:var(--paper-bone-3);border-radius:999px;padding:12px 22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:background .16s}.email-block__send:hover{background:#2A2522}.contact__chan{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:56px;max-width:640px;margin-left:auto;margin-right:auto}.contact__chan a{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper-bone-3);transition:transform .16s,border-color .16s}.contact__chan a:hover{transform:translateY(-2px);border-color:var(--ink)}.chan__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.chan__h{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--ink)}.contact__marg{margin-top:56px;font-family:var(--font-jp);font-size:16px;color:var(--ink-soft);transform:rotate(-1deg)}@media (max-width:700px){.contact__chan{grid-template-columns:1fr}}footer.foot{background:linear-gradient(180deg,#1B1A18,#0F0E0C);color:var(--paper-bone);padding:80px 32px 32px}footer.foot .inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:56px;gap:56px;align-items:start}footer.foot .brand .mark{display:flex;gap:12px;align-items:center;margin-bottom:18px}footer.foot .brand .mark img{height:32px;filter:invert(1) brightness(1.4);opacity:.9}footer.foot .brand .mark .name{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--paper-bone)}footer.foot .brand .blurb{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:rgba(244,239,227,.62);max-width:36ch;margin:0}footer.foot h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:rgba(244,239,227,.45);text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(244,239,227,.12)}footer.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}footer.foot ul a{font-family:var(--font-sans);font-size:14px;color:rgba(244,239,227,.82);transition:color .16s;cursor:pointer}footer.foot ul a:hover{color:var(--accent-koto)}.foot-tail{max-width:1400px;margin:64px auto 0;padding:22px 0 0;border-top:1px solid rgba(244,239,227,.12);display:flex;justify-content:space-between;align-items:center;gap:32px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:rgba(244,239,227,.45);text-transform:uppercase;flex-wrap:wrap}.foot-tail .jp{font-family:var(--font-jp);font-size:16px;color:rgba(244,239,227,.7);letter-spacing:0;text-transform:none}@media (max-width:900px){footer.foot .inner{grid-template-columns:1fr 1fr}}@media (max-width:600px){footer.foot .inner{grid-template-columns:1fr}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-bg,#fff);color:var(--color-fg,#111);font-family:var(--font-body,system-ui,-apple-system,sans-serif)}.brand-shell[data-brand=kaios],.brand-shell[data-brand=kotopia]{min-height:100dvh;background:var(--color-semantic-bg);color:var(--color-semantic-fg);font-family:var(--font-semantic-body,system-ui,sans-serif)}.stub{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:2rem;text-align:center;gap:1rem}.stub h1{margin:0;font-family:var(--font-semantic-display,inherit);font-size:var(--size-semantic-h1,4rem);color:var(--color-semantic-fg,inherit);line-height:1.05}.stub p{margin:0;font-family:var(--font-semantic-body,inherit);font-size:var(--size-semantic-body,1rem);color:var(--color-semantic-fg-muted,inherit)}.stub a{color:var(--color-semantic-link,inherit);text-decoration:none}.stub a:hover{color:var(--color-semantic-link-hover,inherit);text-decoration:underline}