.hero{gap:var(--sp-8);padding-top:var(--sp-8);padding-bottom:var(--sp-6);grid-template-columns:5fr 7fr;display:grid}.hero-l{justify-content:space-between;gap:var(--sp-6);flex-direction:column;display:flex}.title-v{flex-direction:row-reverse;justify-content:flex-end;gap:28px;display:flex}.title-v :is(h1,h2){writing-mode:vertical-rl;font-family:var(--title-font);font-weight:var(--title-weight);font-size:clamp(64px, 9vw, var(--fs-hero));letter-spacing:var(--tk-1);line-height:1}.title-v p{writing-mode:vertical-rl;font-family:var(--title-font);font-size:var(--fs-md);letter-spacing:.5em;color:var(--ink-2);border-left:var(--rule);white-space:nowrap;padding-left:20px}.lead{font-size:var(--fs-lead);line-height:var(--lh-prose);color:var(--ink-2);max-width:24em;margin-bottom:var(--sp-6)}.acts{align-items:center;gap:28px;display:flex}.acts>*{white-space:nowrap}.hero-r .cover{--z:1;height:min(640px,70vh)}.hero-r .cover img{object-position:center 12%}.hero-r figcaption{font-size:var(--fs-sm);color:var(--ink-3);margin-top:var(--sp-3);letter-spacing:.08em;justify-content:space-between;display:flex}:root[data-hero=center] .hero{gap:var(--sp-8);padding-top:var(--sp-9);text-align:center;grid-template-columns:1fr}:root[data-hero=center] .hero-l{align-items:center;gap:var(--sp-4)}:root[data-hero=center] .title-v{align-items:center;gap:var(--sp-3);flex-direction:column-reverse}:root[data-hero=center] .title-v :is(h1,h2){writing-mode:horizontal-tb;font-size:clamp(56px, 8vw, calc(var(--fs-hero) * .8));letter-spacing:var(--tk-3);margin-right:calc(var(--tk-3) * -1)}:root[data-hero=center] .title-v p{writing-mode:horizontal-tb;letter-spacing:.3em;border:0;padding:0}:root[data-hero=center] .lead{margin:0 auto var(--sp-6);max-width:30em}:root[data-hero=center] .acts{justify-content:center}:root[data-hero=center] .hero-r .cover{height:min(560px,60vh)}:root[data-hero=full] .hero{max-width:none;margin-top:calc(var(--nav-h) * -1);padding:0;display:block;position:relative}:root[data-hero=full] .hero-r .cover{border-radius:0;height:min(820px,88vh)}:root[data-hero=full] .hero-r .cover:after{content:"";background:linear-gradient(#00000047,#0000001a 45%,#000000c7);position:absolute;inset:0}:root[data-hero=full] .hero-r figcaption{display:none}:root[data-hero=full] .hero-l{z-index:2;left:max(var(--gut), calc((100% - var(--wrap)) / 2 + var(--gut)));bottom:var(--sp-8);color:#fff;pointer-events:none;position:absolute}:root[data-hero=full] .hero-l>*{pointer-events:auto}:root[data-hero=full] .title-v{gap:var(--sp-2);flex-direction:column-reverse}:root[data-hero=full] .title-v :is(h1,h2){writing-mode:horizontal-tb;font-size:clamp(56px, 8vw, calc(var(--fs-hero) * .8));letter-spacing:var(--tk-3)}:root[data-hero=full] .title-v p{writing-mode:horizontal-tb;color:#fffc;letter-spacing:.3em;border:0;padding:0}:root[data-hero=full] .lead{color:#ffffffd1;margin-bottom:var(--sp-5)}:root[data-hero=full] .btn{color:#111;background:#fff}@media (width<=760px){.hero{gap:var(--sp-6);padding-top:var(--sp-6);grid-template-columns:1fr}.hero-r .cover{height:380px}:root[data-hero=full] .hero-r .cover{height:78vh}}.hs{--hs-in:calc(1.5s * var(--motion));--hs-ease:cubic-bezier(.65, 0, .15, 1);display:grid;position:relative}.hs>.hero{visibility:hidden;z-index:0;grid-area:1/1;width:100%;min-width:0}.hs>.hero.out{visibility:visible;z-index:1}.hs>.hero.on{visibility:visible;z-index:2}.hs>.hero.out .hero-l,.hs>.hero.out figcaption{opacity:0;transition:opacity calc(.3s * var(--motion)) linear}.hs>.hero.on .hero-r .cover{animation:hs-unroll var(--hs-in) var(--hs-ease) both}.hs>.hero.on .hero-r .cover img{animation:hs-drift calc(var(--hero-interval) * 1s + 2s) cubic-bezier(.2, .6, .3, 1) both;transition:none}.hs>.hero.first .hero-r .cover{animation:none}:root[data-hero-reveal=fade] .hs>.hero.on:not(.first) .hero-r .cover{animation-name:hs-fade}@keyframes hs-unroll{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes hs-fade{0%{opacity:0}to{opacity:1}}@keyframes hs-drift{0%{transform:scale(1.09)}to{transform:scale(1)}}.hs .title-v :is(h1,h2) span{display:inline-block}.hs>.hero.on .title-v :is(h1,h2) span{animation:hs-char calc(.9s * var(--motion)) cubic-bezier(.2, .8, .2, 1) both;animation-delay:calc((var(--i) * 90ms + .45s) * var(--motion))}.hs>.hero.on .title-v p{animation:hs-rise calc(.8s * var(--motion)) var(--ease) both;animation-delay:calc(.3s * var(--motion))}.hs>.hero.on .lead{animation:hs-rise calc(.8s * var(--motion)) var(--ease) both;animation-delay:calc(.9s * var(--motion))}.hs>.hero.on .acts{animation:hs-rise calc(.8s * var(--motion)) var(--ease) both;animation-delay:calc(1.05s * var(--motion))}.hs>.hero.on figcaption{animation:hs-fade calc(.8s * var(--motion)) linear both;animation-delay:calc(.9s * var(--motion))}@keyframes hs-char{0%{opacity:0;filter:blur(6px);transform:translateY(.18em)}to{opacity:1;filter:none;transform:none}}@keyframes hs-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hs-nav{z-index:3;gap:var(--sp-3);padding-top:var(--sp-5);display:flex;position:relative}.hs-nav button{text-align:left;min-width:0;max-width:180px;color:var(--ink-3);transition:color var(--t-mid);flex:1 1 0;padding:10px 0 0}.hs-nav button i{background:color-mix(in srgb, currentColor 45%, transparent);height:1px;display:block;position:relative;overflow:hidden}.hs-nav button i:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hs-nav button.cur i:after{animation:hs-clock calc(var(--hero-interval) * 1s) linear both}.hs.paused .hs-nav button.cur i:after{animation-play-state:paused}.hs-nav button span{margin-top:var(--sp-2);font-family:var(--title-font);font-size:var(--fs-xs);letter-spacing:var(--tk-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hs-nav button.cur,.hs-nav button:hover{color:var(--ink)}@keyframes hs-clock{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root[data-hero=full] .hs-nav{left:0;right:0;bottom:var(--sp-5);justify-content:flex-end;margin:0 auto;padding-top:0;position:absolute}:root[data-hero=full] .hs-nav button{color:#fff9;max-width:120px}:root[data-hero=full] .hs-nav button.cur,:root[data-hero=full] .hs-nav button:hover{color:#fff}:root[data-hero=full] .hs-nav button i:after{background:#fff}:root[data-hero=center] .hs-nav{justify-content:center}:root[data-hero-slide=single] .hs-nav{display:none}@media (width<=760px){.hs-nav{gap:var(--sp-2)}.hs-nav button span{display:none}:root[data-hero=full] .hs-nav{bottom:var(--sp-4);justify-content:flex-start}:root[data-hero=full] .hs-nav button{max-width:44px;padding-top:14px;padding-bottom:6px}:root[data-hero=full] .hs>.hero .hero-l{bottom:var(--sp-9)}}@media (prefers-reduced-motion:reduce){.hs>.hero.on .hero-r .cover,.hs>.hero.on .hero-r .cover img,.hs>.hero.on .title-v :is(h1,h2) span,.hs>.hero.on .title-v p,.hs>.hero.on .lead,.hs>.hero.on .acts,.hs>.hero.on figcaption{animation:none}.hs-nav button.cur i:after{animation:none;transform:scaleX(1)}}.resume{margin-top:var(--sp-8);align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5) var(--sp-4) var(--sp-4);border:1px solid var(--line);border-radius:var(--r);transition:border-color var(--t-fast), background-color var(--t-mid);grid-template-columns:88px 1fr auto;display:grid}.resume:hover{border-color:var(--ink-3);background:var(--paper-2)}.resume .cover{aspect-ratio:1;--z:1.2;border-radius:var(--r-s);width:88px}.resume small{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.1em;display:block}.resume b{font-family:var(--title-font);font-size:var(--fs-h3);font-weight:var(--title-weight);letter-spacing:var(--tk-1)}.resume span{font-size:var(--fs-s2);color:var(--ink-2)}.resume em{font-style:normal;font-family:var(--title-font);letter-spacing:var(--tk-2)}@media (width<=760px){.resume{grid-template-columns:64px 1fr}.resume .cover{width:64px}.resume em{display:none}}.dyn-wrap{overflow:hidden;container-type:inline-size}:root:not([data-head=rule]) .dyn-wrap{margin-top:var(--sp-3)}.dyn{--pad:var(--sp-4);grid-template-columns:var(--tpl);row-gap:var(--sp-5);padding-top:var(--sp-5);margin-left:calc((var(--pad) + var(--line-w)) * -1);display:grid}.dyn a{padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--pad);border-left:var(--rule);flex-direction:column;gap:2px;min-width:0;display:flex}.dyn b{font-family:var(--title-font);font-weight:var(--title-weight);font-size:var(--fs-h3b);letter-spacing:var(--tk-2);white-space:nowrap;transition:color var(--t-fast)}.dyn a:hover b{color:var(--accent)}.dyn span{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}.dyn em{font-style:normal;font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--sp-4);align-items:center;gap:10px;display:flex}.dyn i{height:2px;width:calc(var(--share) * 100%);background:var(--ink-3);min-width:2px;max-width:60%;transition:background-color var(--t-mid);display:block}.dyn a:hover i{background:var(--accent)}.dyn.pre i{transform-origin:0;transform:scaleX(0)}.dyn.pre.seen i{transition:transform calc(.8s * var(--motion)) var(--ease) calc(var(--k,0) * 55ms * var(--motion)), background-color var(--t-mid);transform:none}.dyn .all{display:none}@container (width<=1239px){.dyn{grid-template-columns:repeat(var(--half), 1fr)}.dyn .all{display:flex}}@container (width<=700px){.dyn{grid-template-columns:repeat(2,1fr)}}.sty{gap:var(--sp-5);padding-top:var(--sp-6);grid-template-columns:repeat(5,1fr);display:grid}.sty .cover{aspect-ratio:1;--z:calc(var(--cover-zoom) * 1.14)}.sty .meta{margin-top:var(--sp-3);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sty b{font-family:var(--title-font);font-weight:var(--title-weight);font-size:var(--fs-h3);letter-spacing:var(--tk-3)}.sty .meta>span{font-size:var(--fs-sm);color:var(--ink-3);white-space:nowrap}@media (width<=760px){.sty{gap:var(--sp-5) var(--sp-3);grid-template-columns:repeat(2,1fr)}.sty>a:first-child:nth-last-child(odd){grid-column:1/-1}.sty>a:first-child:nth-last-child(odd) .cover{aspect-ratio:2}}.hq{padding-top:var(--sp-7);max-width:calc(var(--measure) * 1em * 1.15)}.hq figure[hidden]{display:none}.hq figure.turn{animation:hq-turn calc(.5s * var(--motion)) var(--ease)}@keyframes hq-turn{0%{opacity:0;transform:translateY(10px)}}.hq blockquote{font-family:var(--title-font);font-size:var(--home-quote-fs);letter-spacing:var(--tk-1,.02em);color:var(--ink);line-height:1.9}.hq blockquote p+p{margin-top:.8em}.hq figcaption{margin-top:var(--sp-5);font-size:var(--fs-s2);color:var(--ink-2)}.hq figcaption a{transition:color var(--t-fast)}.hq figcaption a:hover{color:var(--ink)}.hq-more{margin-top:var(--sp-5);font-size:var(--fs-s2);color:var(--ink-2);letter-spacing:.08em;transition:color var(--t-fast)}.hq-more:hover{color:var(--ink)}:root[data-home-quote-align=center] .hq{text-align:center;margin-inline:auto}:root[data-home-quote-align=center] .hq blockquote{text-align:left;display:inline-block}:root[data-home-quote=off] .home-quote{display:none}@media (width<=760px){.hq blockquote{font-size:calc(var(--home-quote-fs) * .86);line-height:1.85}}
