:root{color:#202824;background:#ece9e2;font-family:Arial,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-image:linear-gradient(#20282410 1px,#0000 1px),linear-gradient(90deg,#20282410 1px,#0000 1px);background-size:32px 32px;min-width:320px;margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.skip{color:#fff;z-index:20;background:#202824;padding:.8rem 1rem;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}.rail{z-index:10;background:#ece9e2ed;border-bottom:1px solid #202824;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 3vw;display:grid;position:sticky;top:0}.mark{align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.mark span{color:#10a37f}nav{gap:1.8rem;display:flex}nav a,.languages a{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;text-decoration:none}.languages{justify-self:end;gap:.7rem;display:flex}.shell{width:min(1240px,92vw);margin:0 auto}.eyebrow{color:#557067;text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(3.7rem,8vw,8rem);font-weight:400;line-height:.92}h2{letter-spacing:-.045em;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:400;line-height:.98}p{color:#415048;line-height:1.74}.hero{grid-template-columns:1.18fr .82fr;align-items:center;gap:4vw;min-height:calc(100svh - 76px);padding:4vw 0;display:grid}.hero-copy{padding-bottom:0}.hero-copy p{max-width:44rem;font-size:1.1rem}.hero-visual{background:#ece9e2;border:1px solid #202824;padding:12px;position:relative}.hero-visual:before{content:"FIG. 01";font:.7rem ui-monospace,monospace;position:absolute;top:-1.6rem;right:0}.hero-visual img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.78)contrast(.96);width:100%;height:auto}.section{border-top:1px solid #202824;padding:clamp(5rem,10vw,10rem) 0}.profile-grid{grid-template-columns:.7fr 1.3fr;gap:9vw;display:grid}.record{margin-top:4rem}.record-row{border-top:1px solid #79827e;grid-template-columns:9rem 1fr;padding:1.2rem 0;display:grid}.record-row small{color:#557067;font-family:ui-monospace,monospace}.practice-head{grid-template-columns:1fr 1fr;gap:5vw;display:grid}.practice-grid{grid-template-columns:repeat(3,1fr);margin-top:5rem;display:grid}.practice-item{color:#ece9e2;background:#202824;border-right:1px solid #68706c;min-height:340px;padding:2rem;position:relative}.practice-item:nth-child(2){background:#2e3a34}.practice-item:nth-child(3){background:#3a4841}.practice-item p{color:#c8cec9}.practice-item strong{margin-bottom:1rem;font:1.2rem Georgia,serif;display:block}.practice-item i{color:#10a37f;font-family:ui-monospace,monospace;font-style:normal;position:absolute;bottom:1rem;right:1.2rem}.note-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;display:grid}.note-layout img{aspect-ratio:3/2;object-fit:cover;border:1px solid #202824;width:100%;padding:10px}.text-link{text-underline-offset:.35rem;margin-top:1rem;font-family:ui-monospace,monospace;text-decoration-thickness:1px;display:inline-block}.contact{grid-template-columns:1.4fr .6fr;align-items:end;gap:3rem;display:grid}.contact-links{gap:.7rem;display:grid}.contact-links a{background:#ece9e2;border:1px solid #202824;padding:1rem;text-decoration:none}.contact-links a:hover{color:#ece9e2;background:#202824}footer{color:#ece9e2;background:#202824;justify-content:space-between;padding:2rem 3vw;font:.75rem ui-monospace,monospace;display:flex}.article{width:min(800px,90vw);margin:0 auto;padding:8rem 0}.article h1{font-size:clamp(3.2rem,7vw,7rem)}.article header{border-bottom:1px solid #202824;padding-bottom:4rem}.article section{margin:4rem 0}.article h2{font-size:2rem}.back{margin-bottom:4rem;font-family:ui-monospace,monospace;display:inline-block}@media (width<=760px){.rail{grid-template-columns:1fr auto}nav{display:none}.hero,.profile-grid,.practice-head,.note-layout,.contact{grid-template-columns:1fr}.hero{padding-top:5rem}.practice-grid{grid-template-columns:1fr}.practice-item{border-bottom:1px solid #68706c;min-height:240px}.record-row{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}