:root{--paper: #FDF2F8;--ink: #0B0A0B;--pink: #EC4899;--pink-deep: #BE185D;--pink-soft: #F472B6;--cyan: #0891B2;--cyan-deep: #0E7490;--bg: #FDF2F8;--fg: #0B0A0B;--fg-muted: #5B5560;--accent: #BE185D;--rule: rgba(11, 10, 11, .18);--rule-strong: rgba(11, 10, 11, .9);--font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-body: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(1.25rem, 4vw, 4rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--section-y: clamp(6rem, 12vw, 12rem);--nav-h: 4.25rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.83, 0, .17, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}body{margin:0;min-height:100svh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1rem;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}html:not(.js) app-preloader,html:not(.js) app-cursor{display:none!important}html.has-cursor,html.has-cursor *{cursor:none!important}img,svg,video{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}p,h1,h2,h3,h4,dl,dd,figure{margin:0}::selection{background:var(--pink);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.display-xl,.display-lg,.display-md{font-family:var(--font-display);font-weight:900;font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:-.02em;line-height:.9;overflow-wrap:normal}.display-xl{font-size:clamp(3.25rem,12vw,15rem)}.display-lg{font-size:clamp(2.5rem,7.2vw,8.5rem)}.display-md{font-size:clamp(1.75rem,3.6vw,4rem);font-weight:600;font-variation-settings:"wdth" 100;text-transform:none;letter-spacing:-.02em;line-height:1.05}.lead{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.5}.label{font-family:var(--font-body);font-size:.75rem;font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--fg-muted)}.section{position:relative;padding:var(--section-y) var(--gutter)}.section-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.section-head__index{font-family:var(--font-display);font-weight:700;font-size:.875rem;letter-spacing:.08em}.section-head__rule{height:2px;background:var(--fg);transform-origin:left center}.chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .85rem;border:1.5px solid var(--fg);font-size:.8125rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}.chip img{width:1.05rem;height:1.05rem}.btn{position:relative;display:inline-flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:0 1.5rem;border:2px solid var(--fg);background:var(--fg);color:var(--bg);font-weight:600;letter-spacing:.02em;isolation:isolate;overflow:hidden;transition:color .35s var(--ease-out)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg);transform:translateY(101%);transition:transform .45s var(--ease-out)}.btn:hover,.btn:focus-visible{color:var(--fg)}.btn:hover:before,.btn:focus-visible:before{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--fg)}.btn--ghost:before{background:var(--fg)}.btn--ghost:hover,.btn--ghost:focus-visible{color:var(--bg)}.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-bottom:1.5px solid currentColor;padding-bottom:.15rem}.link-arrow svg{width:.9em;height:.9em;transition:transform .35s var(--ease-out)}.link-arrow:hover svg,.link-arrow:focus-visible svg{transform:translate(.2em,-.2em)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}#smooth-wrapper{position:relative}#smooth-content{will-change:transform}.line-mask{overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[lang=ja]{--font-display: "Archivo", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-body: "Space Grotesk", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}html[lang=ja] body{line-height:1.75}html[lang=ja] .lead{line-height:1.7}html[lang=ja] .label{letter-spacing:.1em}html[lang=ja] .display-md{line-height:1.35;letter-spacing:0}html[lang=ja] .sec__title,html[lang=ja] .contact__title,html[lang=ja] .menu__label,html[lang=ja] .xp__role{line-height:1.12;letter-spacing:0}html[lang=ja] .skills__name{font-size:clamp(1.4rem,2.6vw,2.5rem);line-height:1.2}html[lang=ja] .hero__marquee{letter-spacing:.04em}html[lang=ja]{line-break:strict}html[lang=ja] .xp__role{font-size:clamp(1.9rem,6.6vw,7.5rem)}