:root{--paper:#f1eee8;--ink:#151515;--muted:rgba(21,21,21,.58);--rule:rgba(21,21,21,.19);--accent:#ef694d;--pad-x:clamp(24px,4.2vw,76px);--pad-y:clamp(22px,3.3vw,54px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--ink);color:var(--ink);font-family:"Helvetica Neue","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cover{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--paper) url("../../assets/typing-style-study-v32-poster.jpg") center/cover no-repeat}
.cover__film{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.cover__tone{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(241,238,232,.99) 0%,rgba(241,238,232,.97) 37%,rgba(241,238,232,.76) 49%,rgba(241,238,232,.08) 67%,rgba(241,238,232,0) 100%),linear-gradient(0deg,rgba(241,238,232,.34),transparent 28%);pointer-events:none}
.cover__frame{width:100%;min-height:100svh;padding:var(--pad-y) var(--pad-x);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:clamp(10px,1.25vw,24px)}
.cover__header{grid-column:1/-1;display:grid;grid-template-columns:4fr 4fr 4fr;align-items:start;font:600 clamp(9px,.7vw,11px)/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:.08em}.cover__header p{margin:0}.cover__header p:nth-child(2){text-align:center}.cover__header p:last-child{color:rgba(241,238,232,.72);text-align:right}
.cover__statement{grid-column:1/span 7;align-self:center;padding:clamp(40px,7vh,88px) 0 clamp(34px,5vh,68px)}
.identity{width:min(100%,700px);display:grid;grid-template-columns:minmax(170px,.85fr) minmax(260px,1.35fr);gap:28px;align-items:start;margin-bottom:clamp(30px,5.5vh,70px)}.identity p{margin:0}.identity__name{font-size:clamp(20px,1.65vw,28px);font-weight:650;letter-spacing:-.04em}.identity__name span{margin-left:.28em;font:500 clamp(9px,.66vw,11px)/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.04em}.identity__role{padding-left:18px;border-left:2px solid var(--accent);font-size:clamp(13px,.93vw,16px);font-weight:600;line-height:1.35}.identity__role span{color:var(--muted);font:500 clamp(9px,.66vw,11px)/1.45 "SFMono-Regular",Consolas,monospace;letter-spacing:.02em}
h1{max-width:11.7em;margin:0;font-size:clamp(44px,5vw,88px);font-weight:650;line-height:.99;letter-spacing:-.075em;text-wrap:balance}h1 span{position:relative;display:inline-block;color:var(--accent);margin-left:.07em}h1 span::after{content:"";position:absolute;left:.05em;right:-.04em;bottom:-.1em;height:.055em;background:currentColor;transform-origin:left;animation:judgment 4.6s cubic-bezier(.22,.7,.25,1) infinite}
.cover__thesis{max-width:680px;font-size:clamp(12px,.86vw,15px);line-height:1.45;letter-spacing:.015em}
.cover__thesis p{margin:0}.cover__thesis p:first-child span{display:inline}
.cover__thesis p[lang="en"]{margin-top:5px;color:var(--muted);font:500 clamp(8px,.62vw,10px)/1.35 "SFMono-Regular",Consolas,monospace;letter-spacing:.025em}
.cover__footer{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(10px,1.25vw,24px);align-items:end}.proof-index{grid-column:1/span 7;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.proof-index li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:15px 18px 2px 0;opacity:.48;transition:opacity .45s ease}.proof-index li::before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--accent);transition:width .5s cubic-bezier(.22,.7,.25,1)}.proof-index li.is-active{opacity:1}.proof-index li.is-active::before{width:clamp(26px,2.8vw,48px)}.proof-index b{grid-row:1/span 2;color:var(--accent);font:600 10px/1.2 "SFMono-Regular",Consolas,monospace}.proof-index span{font-size:clamp(12px,.9vw,15px);font-weight:650}.proof-index em{color:var(--muted);font-size:11px;font-style:normal}
.enter{grid-column:9/-1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px 18px;align-items:end;min-height:76px;padding:14px 0 2px;color:inherit;text-decoration:none;border-top:1px solid rgba(241,238,232,.48)}.enter small{color:rgba(241,238,232,.62);font:600 9px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.08em}.enter span{color:var(--paper);font-size:clamp(19px,1.8vw,31px);font-weight:590;line-height:1;letter-spacing:-.04em}.enter b{grid-column:2;grid-row:1/span 2;color:var(--accent);font-size:clamp(24px,2.2vw,38px);font-weight:400;transition:transform .3s ease}.enter:hover b,.enter:focus-visible b{transform:translate(5px,-5px)}.enter:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.motion-toggle{position:absolute;right:max(14px,1.6vw);top:50%;z-index:3;width:30px;height:30px;padding:0;display:flex;justify-content:center;align-items:center;gap:3px;border:1px solid rgba(241,238,232,.35);border-radius:50%;background:rgba(10,10,10,.22);backdrop-filter:blur(6px);cursor:pointer}.motion-toggle span{width:2px;height:8px;background:var(--paper)}.motion-toggle.is-paused span:first-child{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--paper);background:none}.motion-toggle.is-paused span:last-child{display:none}
@keyframes judgment{0%,15%{transform:scaleX(0)}28%,88%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
@media(max-width:880px){.cover{background-position:64% center}.cover__tone{background:linear-gradient(90deg,rgba(241,238,232,.98) 0%,rgba(241,238,232,.94) 58%,rgba(241,238,232,.42) 100%)}.cover__header{grid-template-columns:1fr 1fr}.cover__header p:nth-child(2){display:none}.cover__statement{grid-column:1/-1;max-width:680px}.identity{grid-template-columns:1fr;gap:11px;margin-bottom:36px}.identity__role{max-width:340px}h1{max-width:9.6em;font-size:clamp(42px,9vw,72px)}.cover__thesis{max-width:520px}.proof-index{grid-column:1/span 8}.enter{grid-column:9/-1}}
@media(max-width:620px){:root{--pad-x:20px;--pad-y:20px}.cover{background-position:62% center}.cover__tone{background:linear-gradient(180deg,rgba(241,238,232,.97) 0%,rgba(241,238,232,.91) 61%,rgba(20,20,20,.28) 100%)}.cover__frame{display:flex;flex-direction:column}.cover__header p:last-child{display:none}.cover__statement{margin:auto 0;padding:50px 0 32px}.identity__name{font-size:20px}h1{max-width:9em;font-size:clamp(40px,12vw,58px);line-height:1.03}.cover__thesis{max-width:28em;font-size:13px}.cover__footer{display:block}.proof-index{margin-bottom:24px}.proof-index li{padding-right:8px;grid-template-columns:1fr;gap:3px}.proof-index b{grid-row:auto}.proof-index em{display:none}.enter{min-height:62px}.motion-toggle{top:auto;bottom:24px;right:20px;transform:translateY(-76px)}}
@media(prefers-reduced-motion:reduce){.cover__film{display:none}h1 span::after{animation:none;transform:scaleX(1)}.proof-index li{transition:none}.motion-toggle{display:none}}

/* V10 clean system — no inherited revision overrides below this point */
:root{--paper:#ece9e2;--ink:#0a0a0a;--muted:rgba(236,233,226,.56);--rule:rgba(236,233,226,.25)}
body{color:var(--paper)}
.cover{background-color:var(--ink)}
.cover__tone{display:none}
.cover__header{color:rgba(236,233,226,.72)}
.cover__header p:last-child{color:inherit}

.cover__statement{grid-column:1/span 7;align-self:start;padding-top:40px;padding-bottom:0}
.identity{grid-template-columns:repeat(7,minmax(0,1fr));column-gap:clamp(10px,1.25vw,24px);align-items:start;margin-bottom:clamp(34px,5vh,58px)}
.identity__name{grid-column:1/span 3;padding-top:1px;line-height:1.15}
.identity__role{grid-column:4/-1;min-height:44px;padding-left:16px;line-height:1.15}
.identity__role span{display:block;margin-top:7px;line-height:1}
h1{max-width:none;font-size:clamp(42px,4.15vw,76px);line-height:1.02;letter-spacing:-.07em}
h1 .title-line{display:block;margin:0;color:var(--paper);white-space:nowrap}
h1 .title-line::after{display:none}
h1 strong{position:relative;display:inline-block;margin-left:.06em;color:var(--accent);font-weight:inherit}
h1 strong::after{content:"";position:absolute;left:.04em;right:-.03em;bottom:-.1em;height:.055em;background:currentColor;transform-origin:left;animation:judgment 4.6s cubic-bezier(.22,.7,.25,1) infinite}

.cover__footer{position:relative;grid-column:1/-1;align-items:start;padding-top:16px;border-top:1px solid var(--rule)}
.cover__footer>.cover__thesis{position:absolute;left:0;bottom:calc(100% + 18px);width:min(52%,680px)}
.proof-index{border-top:0}
.proof-index li{padding-top:0}
.proof-index li::before{top:-18px}
.proof-index li.is-active::before{width:136px}
.enter{min-height:auto;padding-top:0;border-top:0;align-items:start}
.enter small{line-height:1.2}.enter span{margin-top:5px}

@media(max-width:880px) and (min-width:621px){
  .cover__statement{grid-column:1/-1;padding-top:40px}
  .identity{grid-template-columns:repeat(8,minmax(0,1fr))}
  .identity__name{grid-column:1/span 3}
  .identity__role{grid-column:4/span 5}
  h1{font-size:clamp(38px,6.1vw,58px)}
}

@media(max-width:620px){
  :root{--pad-x:20px;--pad-y:20px}
  .cover{min-height:100svh;background-image:none}
  .cover__frame{display:flex;min-height:100svh;overflow:hidden;padding:var(--pad-y) var(--pad-x)}
  .cover__header{flex:0 0 auto;display:block}
  .cover__header p:not(:first-child){display:none}
  .cover__statement{flex:0 0 auto;width:100%;margin:0;padding:clamp(48px,7vh,64px) 0 0}
  .identity{display:grid;grid-template-columns:1fr;gap:9px;width:100%;margin:0 0 clamp(26px,3.5vh,34px);padding:0}
  .identity__name,.identity__role{grid-column:1;width:100%;margin:0;padding:0;border:0;text-align:left}
  .identity__name{font-size:20px}
  .identity__role{min-height:0}
  .identity__role span{margin-top:7px}
  h1{width:100%;max-width:100%;margin:0;font-size:clamp(24px,6.7vw,31px);line-height:1.06;letter-spacing:-.06em;text-align:left}
  .cover__film{position:relative;inset:auto;z-index:0;flex:0 0 auto;align-self:flex-start;width:153%;height:auto;aspect-ratio:16/9;margin:clamp(2px,.4vh,5px) 0 -80px -55%;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 94%,transparent 100%)}
  .cover__footer{position:relative;z-index:2;flex:0 0 auto;display:block;width:100%;margin:0;padding-top:0;border-top:0}
  .cover__footer>.cover__thesis{position:static;width:100%;max-width:100%;margin:0 0 20px;text-align:left;overflow-wrap:anywhere}
  .cover__thesis p:first-child span{display:block}
  .cover__thesis p[lang="en"]{max-width:34em;margin-top:8px;line-height:1.45}
  .proof-index{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 22px;padding-top:14px;border-top:1px solid var(--rule)}
  .proof-index li{grid-template-columns:1fr;gap:3px;padding-right:8px}
  .proof-index b{grid-row:auto}.proof-index em{display:none}
  .proof-index li::before{top:-16px}.proof-index li.is-active::before{width:clamp(72px,22vw,104px)}
  .enter{display:grid;min-height:62px}
  .motion-toggle{top:auto;right:20px;bottom:calc(var(--pad-y) + 126px);transform:none}
}

@media(prefers-reduced-motion:reduce){h1 strong::after{animation:none;transform:scaleX(1)}}
