/* A shared twelve-column grid; the signature is the deliberate serif exception. */
:root{--gutter:50px;--grid-gap:24px;--opening:280px;--stage:280px;--word:112px;--row:128px;--word-height:230px}
html{scroll-padding-top:174px;overflow-anchor:none}
.title-stage{height:0;overflow:visible;border:0;background:none}
.title-panel{height:var(--stage);flex:none;overflow:hidden;background:var(--bg);color:var(--fg);border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent);transition:height 240ms var(--ease),background 450ms var(--ease),color 450ms var(--ease)}
.opening-space{height:var(--opening)}
.stage-grid,.chapter-inner{width:min(1140px,calc(100% - var(--gutter)*2));margin-inline:auto}
.stage-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap)}
.wordmark{grid-column:5/-1;justify-content:flex-end;height:var(--word-height);font-size:var(--word);letter-spacing:-.04em}
.chapter-nav{grid-column:7/-1;justify-content:space-between;gap:16px;min-height:48px;padding:0;overflow:visible}
.chapter-nav a{padding:0;min-height:44px;font-size:14px}
.is-compact{--stage:174px;--word:76px;--row:90px;--word-height:118px}
.chapter h1,.chapter h2{font-family:'DM Sans',sans-serif;font-weight:700;text-align:left;letter-spacing:-.035em;text-wrap:pretty;line-height:1.08}
.name-ting{font-family:Fraunces,Georgia,serif;font-weight:400}
.chapter{min-height:0;padding:88px 0 104px}
.navigating{padding-top:64px}
.about-layout,.writing-layout,.document-layout,.project-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);align-items:start;row-gap:72px}
.about-layout>div:first-child{grid-column:1/7}
.about-layout figure{grid-column:9/-1;width:100%;max-width:370px;justify-self:end}
.about-layout img{aspect-ratio:4/4.3}
.about-layout .lead{margin:28px 0;font-size:22px}
.about-bridge{grid-column:1/-1;padding-top:48px}
.about-bridge h2{font-size:40px}
.path-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.path-links strong{display:flex;font-size:25px;line-height:1.2}
.path-links .path-prefix{font:700 1em/1.2 'DM Sans',sans-serif}
.path-links .path-ting{font:400 1em/1.2 Fraunces,Georgia,serif}
.path-links strong>span{font-size:inherit}
.project-intro{margin-bottom:48px}
.project-intro h2,.writing-layout>h2,.document-layout>h2{grid-column:1/7;font-size:54px}
.project-intro .lead,.writing-copy,.document-layout>.lead{grid-column:8/-1;padding:0;margin:0}
.project-intro .lead{font-size:20px}
.project-toolbar{margin-bottom:24px}
.project-track,.project-group{gap:var(--grid-gap)}
.project-card:hover{transform:none}
.project-card:hover .card-open{text-decoration:underline;text-underline-offset:5px}
.project-note{margin-top:16px}
.touch-help{display:none}
.keyboard-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.margin-note{font:400 17px/1.6 'DM Sans',sans-serif;padding-top:24px}
.video-collection{margin:0;padding-top:32px}
.document-layout h2{font-size:54px}
.interest-layout h2{font-size:54px;margin-bottom:56px}
.interest-list a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);padding:24px 0}
.interest-list a>span:first-child{grid-column:1/7;font-size:48px}
.interest-detail{grid-column:8/-1;justify-content:space-between}
.interest-list a:hover>span:first-child{font-family:'DM Sans',sans-serif}
.contact-layout h2{font-size:64px}
.contact-close{font:400 22px/1.5 'DM Sans',sans-serif}
.release-footer{padding-inline:max(var(--gutter),calc((100% - 1140px)/2))}
@media(max-width:1100px){
 :root{--gutter:32px;--word:clamp(60px,8.4vw,92px);--row:110px}
 .is-compact{--word:clamp(46px,6.9vw,76px);--row:90px}
 .wordmark{grid-column:1/-1}.chapter-nav{grid-column:1/-1;max-width:600px;width:100%;justify-self:end}
 .about-layout>div:first-child{grid-column:1/8}.about-layout figure{grid-column:9/-1}
 .chapter h1{font-size:54px}.about-layout .lead{font-size:20px}
 .path-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .project-intro h2,.writing-layout>h2,.document-layout>h2,.interest-layout h2{font-size:46px}
}
@media(max-width:650px){
 :root{--gutter:20px;--grid-gap:16px;--opening:198px;--stage:198px;--word:clamp(36px,10.5vw,62px);--row:72px;--word-height:151px}
 .is-compact{--stage:112px;--word:clamp(32px,8.8vw,46px);--row:58px;--word-height:65px}
 html{scroll-padding-top:112px}
 .stage-grid{width:100%;display:block}.wordmark{padding-inline:20px 32px}
 .chapter-nav{display:flex;max-width:none;justify-content:flex-start;gap:4px;min-height:47px;padding:0 14px;overflow-x:auto;overflow-y:hidden}
 .chapter-nav a{font-size:14px;padding:0 10px;flex:none}
 .chapter{padding:48px 0 64px}.navigating{padding-top:36px}
 .about-layout,.writing-layout,.document-layout,.project-intro{display:grid;grid-template-columns:1fr;gap:36px}
 .about-layout>div:first-child,.about-layout figure,.about-bridge,.project-intro h2,.writing-layout>h2,.document-layout>h2,.project-intro .lead,.writing-copy,.document-layout>.lead{grid-column:1}
 .chapter h1{font-size:40px}.about-layout .lead{font-size:19px;margin:22px 0}
 .about-layout figure{justify-self:start;max-width:370px}.about-bridge{padding-top:36px}.about-bridge h2{font-size:30px}
 .path-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.path-links strong{font-size:clamp(20px,5.6vw,25px)}
 .project-intro{margin-bottom:32px;gap:20px}.project-intro h2,.writing-layout>h2,.document-layout>h2,.document-layout h2,.interest-layout h2{font-size:36px}
 .project-intro .lead{font-size:18px}.project-toolbar{margin-bottom:16px}.video-collection{padding-top:24px}
 .interest-list a{display:block}.interest-list a>span:first-child{font-size:36px}.interest-detail{margin-top:12px;font-size:14px}
 .contact-layout h2{font-size:40px}.contact-close{font-size:20px}
 .pointer-help{display:none}.touch-help{display:inline}
}
@media(hover:none){.pointer-help{display:none}.touch-help{display:inline}}
@media(prefers-reduced-motion:reduce){.title-panel{transition:none}}