@font-face{font-family:Archivo;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/fonts/archivo/archivo-latin-200-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2192,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2192,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #f5f2ec;--ink: #161412;--accent: #e8380d;--panel: #e9e3d7;--ink-strong: rgba(22, 20, 18, .78);--ink-body: rgba(22, 20, 18, .68);--ink-muted: rgba(22, 20, 18, .55);--ink-faint: rgba(22, 20, 18, .42);--cream-muted: rgba(245, 242, 236, .6);--cream-faint: rgba(245, 242, 236, .5);--ink-on-accent: rgba(0, 0, 0, .88);--rule: 1px solid rgba(22, 20, 18, .16);--rule-strong: 1px solid rgba(22, 20, 18, .2);--rule-on-dark: 1px solid rgba(245, 242, 236, .22);--pad-x: clamp(20px, 4vw, 56px);--gap: clamp(16px, 2vw, 32px);--header-h: 51px;--section-y: clamp(96px, 17vh, 230px);--section-y-scene: clamp(120px, 20vh, 280px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-wipe: cubic-bezier(.76, 0, .24, 1);--font-display: "Archivo", sans-serif;--font-ja: "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-mixed: "Archivo", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-mixed);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--cream)}ul{margin:0;padding:0;list-style:none}figure{margin:0}.media-frame{position:relative;overflow:hidden;background:var(--panel)}.media-frame>img,.media-frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.t-display,.t-lead,.t-body,.t-meta{margin:0}.t-display{font:var(--fw, 800) var(--fs, 16px) / var(--lh, .95) var(--font-display);letter-spacing:var(--ls, -.03em)}.t-lead{font:var(--fw, 900) var(--fs, 16px) / var(--lh, 1.35) var(--font-ja);letter-spacing:var(--ls, .02em)}.t-body{font:var(--fw, 400) var(--fs, 11.5px) / var(--lh, 2.1) var(--font-ja);color:var(--ink-body)}.t-meta{font:var(--fw, 500) var(--fs, 10px) / var(--lh, 1.6) var(--font-mono);letter-spacing:var(--ls, .2em);color:var(--ink-muted)}.on-dark.t-meta,.on-dark .t-meta{color:var(--cream-muted)}.on-dark.t-body,.on-dark .t-body{color:#f5f2ecb8}.on-accent.t-meta,.on-accent .t-meta,.on-accent.t-body,.on-accent .t-body{color:var(--ink-on-accent)}.section{padding:var(--section-y) var(--pad-x)}.section--scene{padding:var(--section-y-scene) var(--pad-x)}.section--ruled{border-top:var(--rule)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}.grid-12>*{min-width:0}.eyebrow{--lh: 1;--ls: .24em}.work{row-gap:clamp(20px,3.5vh,36px);margin-bottom:clamp(120px,18vh,240px)}.work:last-of-type{margin-bottom:0}.work-caption{display:flex;align-items:baseline;gap:14px;margin:0}.work-code{--fw: 600;--fs: 11px;--lh: 1;color:var(--accent)}.work-title{--fw: 700;--fs: clamp(19px, 2.1vw, 28px);--lh: 1.1;--ls: -.01em}.work-roles{--fs: 9.5px;--lh: 1.7;--ls: .18em;margin-top:10px}.work-credit{--fs: 9.5px;--lh: 1;--ls: .18em;margin-top:14px;color:var(--accent)}.work-concept{--fs: 12px}.work-text .work-concept{margin-top:10px}.work-link{--fw: 600;--fs: 9.5px;--lh: 1;--ls: .16em;margin-top:18px}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(32px,4vw,56px);margin-top:clamp(72px,13vh,170px)}.rule-list>*{border-top:var(--rule)}.rule-list>:last-child{border-bottom:var(--rule)}.on-dark .rule-list>*{border-top:var(--rule-on-dark)}.on-dark .rule-list>:last-child{border-bottom:var(--rule-on-dark)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding:26px var(--pad-x);background:var(--ink)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--pad-x);background:#f5f2eceb;border-bottom:var(--rule)}.site-brand{--fs: 14px;--lh: 1;--ls: .22em;white-space:nowrap}.site-nav{display:flex;gap:clamp(18px,3vw,40px)}.site-nav a{--fw: 600;--lh: 1;--ls: .22em;color:var(--ink);white-space:nowrap}main,section{scroll-margin-top:calc(var(--header-h) + 21px)}.hero-figure{margin-right:calc(var(--pad-x) * -1)}.hero-figure figcaption{--fs: 9.5px;--lh: 1;--ls: .22em;position:absolute;left:0;bottom:-26px}@media (max-width: 960px){.grid-12{grid-template-columns:1fr!important}.grid-12>*{grid-column:auto!important;grid-row:auto!important}.hero-figure{margin:20px calc(var(--pad-x) * -1) 0}.hero-figure figcaption{left:var(--pad-x)}.work-sub-l{width:68%}.work-sub-r{width:52%;margin-left:auto}.work-sub-c{width:60%;margin-left:auto;margin-right:auto}}@media (max-width: 520px){:root{--header-h: 42px}.work--campaign>.work-sub-r{margin-top:-12px}.site-header{gap:12px;padding-block:15px}.site-brand{--fs: 11px;--ls: .12em}.site-nav{gap:10px}.site-nav a{--fs: 8px;--ls: .12em}}.hover-accent{position:relative;transition:color .35s}.hover-accent:hover{color:var(--accent)}.hover-accent:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .45s var(--ease-out)}.hover-accent:hover:after{transform:scaleX(1);transform-origin:left center}.hover-border-accent{border-bottom:1px solid rgba(22,20,18,.3);padding-bottom:4px;transition:color .35s,border-color .35s}.hover-border-accent:hover{color:var(--accent);border-color:var(--accent)}.cap-row>*{transition:transform .55s var(--ease-out)}.cap-row:hover>:first-child,.cap-row.is-active>:first-child{transform:translate(24px)}.cap-row:hover>:last-child,.cap-row.is-active>:last-child{transform:translate(-12px)}.cap-list.reveal{opacity:1;transform:none;transition:none}.cap-list .cap-row{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:calc(var(--d, 0s) + var(--stagger, 0s))}.cap-list.is-visible .cap-row{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:var(--d, 0s)}.reveal.is-visible{opacity:1;transform:none}.lines .line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.lines .line>span{display:block;transform:translateY(110%);transition:transform .9s var(--ease-out);transition-delay:var(--d, 0s)}.lines.is-visible .line>span{transform:none}.reveal-img .media-frame{clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease-wipe);transition-delay:var(--d, 0s)}.reveal-img.is-visible .media-frame{clip-path:inset(0 0 0 0)}.hero-figure .media-frame img{transform:scale(1.06);transition:transform 1.6s var(--ease-out);transition-delay:var(--d, 0s)}.hero-figure.is-visible .media-frame img{transform:none}.hero-figure:hover .media-frame img{transform:scale(1.03);transition-delay:0s}.impact{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:20px;padding-top:24px;--impact-stat: var(--accent);--impact-body: var(--ink-body);--impact-meta: var(--ink-muted);--impact-tag: var(--ink-faint);--impact-rule: rgba(22, 20, 18, .2);border-top:1px solid var(--impact-rule);transition:border-color .45s var(--ease-out)}.impact:before{content:"";position:absolute;z-index:-1;inset:0 -20px -20px;background:var(--ink);opacity:0;transition:opacity .45s var(--ease-out)}.impact:hover:before,.impact.is-active:before{opacity:1}.impact:hover,.impact.is-active{--impact-stat: var(--cream);--impact-body: rgba(245, 242, 236, .86);--impact-meta: var(--cream-muted);--impact-tag: var(--cream-faint);--impact-rule: rgba(245, 242, 236, .3)}.impact p{transition:color .45s var(--ease-out)}.section-wipe{position:relative;isolation:isolate}.section-wipe:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cream);transform-origin:bottom center;transform:scaleY(1);transition:transform 1.1s var(--ease-wipe)}.section-wipe.is-visible:before{transform:scaleY(0)}.contact-mail{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid rgba(22,20,18,.45);padding-bottom:10px;transition:color .4s var(--ease-out),border-color .4s var(--ease-out)}.contact-mail:hover{color:var(--cream);border-color:var(--cream)}.work-arrow{display:inline-block;font-family:var(--font-display);vertical-align:-.08em;transform:rotate(-45deg);transform-origin:center}.contact-mail:hover .work-arrow{transform:translate(4px,-4px) rotate(-45deg)}.parallax{transform:translate3d(0,var(--py, 0px),0);will-change:transform}