:root{--color-navy:#0a212f;--color-red:#e8021a;--color-orange:#ffa202;--color-pink:#ff4a73;--color-black:#000;--color-white:#fff;--color-sakura:#f23958;--color-navy-deep:#051f36;--ink-900:#0a212f;--ink-800:oklch(from var(--ink-900) calc(l + .08) c h);--ink-700:oklch(from var(--ink-900) calc(l + .16) c h);--ink-600:oklch(from var(--ink-900) calc(l + .24) c h);--ink-500:oklch(from var(--ink-900) calc(l + .32) c h);--ink-400:oklch(from var(--ink-900) calc(l + .42) c h);--ink-300:oklch(from var(--ink-900) calc(l + .54) c h);--ink-200:oklch(from var(--ink-900) calc(l + .66) c h);--ink-100:oklch(from var(--ink-900) calc(l + .76) c h);--paper-0:#fffdf9;--paper-50:#fbf5ea;--paper-100:#f5ecdc;--paper-200:#ece0cb;--paper-300:#ddcfb4;--orange-100:oklch(from var(--color-orange) .95 c h);--orange-300:oklch(from var(--color-orange) .88 c h);--orange-500:var(--color-orange);--orange-600:oklch(from var(--color-orange) calc(l - .08) c h);--orange-700:oklch(from var(--color-orange) calc(l - .18) c h);--red-100:oklch(from var(--color-red) .94 c h);--red-300:oklch(from var(--color-red) .8 c h);--red-500:var(--color-red);--red-600:oklch(from var(--color-red) calc(l - .08) c h);--red-700:oklch(from var(--color-red) calc(l - .16) c h);--pink-100:oklch(from var(--color-pink) .94 c h);--pink-300:oklch(from var(--color-pink) .85 c h);--pink-500:var(--color-pink);--pink-600:oklch(from var(--color-pink) calc(l - .1) c h);--pink-700:oklch(from var(--color-pink) calc(l - .2) c h);--surface-page:var(--paper-50);--surface-canvas:var(--paper-0);--surface-card:var(--color-white);--surface-sunken:var(--paper-100);--surface-inverse:var(--ink-900);--surface-overlay:color-mix(in oklch, var(--ink-900) 55%, transparent);--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-tertiary:var(--ink-400);--text-on-dark:var(--paper-50);--text-on-accent:var(--color-white);--text-link:var(--red-600);--text-link-hover:var(--red-700);--border-subtle:var(--paper-300);--border-default:var(--ink-200);--border-strong:var(--ink-400);--border-focus:var(--color-orange);--accent-primary:#0a212f;--accent-primary-hover:#031825;--accent-primary-active:#011522;--accent-warm:var(--color-orange);--accent-warm-hover:var(--orange-600);--accent-secondary:var(--color-pink);--accent-secondary-hover:var(--pink-600);--state-success:#1c8a5a;--state-success-bg:#e7f5ee;--state-warning:var(--color-orange);--state-warning-bg:var(--orange-100);--state-danger:var(--color-red);--state-danger-bg:var(--red-100);--state-info:#2470b8;--state-info-bg:#e8f1fa}@supports (color:lab(0% 0 0)){:root{--accent-primary-hover:lab(7.10457% -4.12513 -12.0631);--accent-primary-active:lab(5.68026% -3.40173 -11.6295)}}
:root{--font-display:var(--font-manrope), "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;--font-body:var(--font-inter), "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;--font-editorial:var(--font-playfair), Georgia, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-expanded:var(--font-anton), "Arial Narrow", var(--font-display);--text-display-xl:700 4.5rem/1.05 var(--font-display);--text-display-lg:700 3.5rem/1.08 var(--font-display);--text-display-md:700 2.5rem/1.12 var(--font-display);--text-display-sm:600 1.75rem/1.2 var(--font-display);--text-heading-lg:600 1.5rem/1.3 var(--font-display);--text-heading-md:600 1.25rem/1.35 var(--font-display);--text-heading-sm:600 1.0625rem/1.4 var(--font-display);--text-body-lg:400 1.125rem/1.6 var(--font-body);--text-body-md:400 1rem/1.6 var(--font-body);--text-body-sm:400 .875rem/1.55 var(--font-body);--text-label:600 .8125rem/1.3 var(--font-body);--text-caption:500 .75rem/1.4 var(--font-body);--text-overline:700 .75rem/1.2 var(--font-body);--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-overline:.12em}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-xs:0 1px 2px color-mix(in oklch, var(--ink-900) 8%, transparent);--shadow-sm:0 2px 6px color-mix(in oklch, var(--ink-900) 8%, transparent);--shadow-md:0 8px 24px color-mix(in oklch, var(--ink-900) 12%, transparent);--shadow-lg:0 16px 48px color-mix(in oklch, var(--ink-900) 16%, transparent);--shadow-focus:0 0 0 3px color-mix(in oklch, var(--color-orange) 45%, transparent);--container-max:1200px;--container-pad:32px;--border-width:1px;--header-offset:72px}@media (max-width:640px){:root{--container-pad:20px}}
:root{--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-entrance:cubic-bezier(.16, 1, .3, 1);--ease-emphasized:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--duration-panel:.42s;--duration-reveal:.78s;--scroll-duration-min:.48s;--scroll-duration-max:1.1s}
*,:before,:after{box-sizing:border-box}html{background-color:var(--color-navy);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font:var(--text-body-md);color:var(--text-primary);background:var(--surface-card);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;margin:0;overflow-x:clip}body:has(dialog[open]){overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}p{margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}button{font-family:var(--font-body)}img,video{max-width:100%}:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px;border-radius:2px}.skipLink{z-index:100;background:var(--color-navy);color:var(--paper-0);font:var(--text-label);border-radius:0 0 var(--radius-md) 0;padding:12px 20px;position:absolute;top:0;left:-9999px}.skipLink:focus{color:var(--paper-0);text-decoration:none;left:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{scroll-margin-top:calc(var(--header-offset) + 12px)}.reveal{opacity:0;transition:opacity var(--duration-reveal) var(--ease-entrance), transform var(--duration-reveal) var(--ease-entrance), filter var(--duration-reveal) var(--ease-entrance);will-change:opacity, transform;transform:translateY(28px)}.reveal[data-variant=heading]{filter:blur(7px);transform:translateY(16px)}.reveal[data-variant=card]{transform:translateY(22px)scale(.982)}.reveal[data-variant=fade]{transform:none}.reveal.is-in{opacity:1;filter:none;will-change:auto;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal[data-variant=heading],.reveal[data-variant=card]{opacity:1;filter:none;transition:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}