:root{color-scheme:light;--paper:#f3eddf;--paper-deep:#e7ddca;--ink:#20221f;--muted:#62645d;--line:#b8ad99;--red:#a3392f;--red-deep:#7f2a23;--green:#243e35;--grid-line:#20221f0b;--serif:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--sans:"Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{background:linear-gradient(90deg, transparent calc(100% - 1px), var(--grid-line) 1px) 0 0 / 8.333vw 100%, var(--paper);min-width:320px;margin:0}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header,main,footer{width:min(100% - 3rem,1440px);margin-inline:auto}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:96px;display:flex}.footer-links{gap:clamp(1rem,3vw,2.5rem);font-size:.86rem;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:calc(100vh - 96px);padding-block:clamp(5rem,10vw,9rem);display:grid}.eyebrow{color:var(--red-deep);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.72rem;font-weight:700}.hero h1{max-width:12ch;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3.5rem,7.1vw,7.6rem);font-weight:600;line-height:1.02}.hero h1 span{color:var(--red)}.hero-lede{color:#3f423d;max-width:43rem;margin:2.5rem 0 0;font-size:clamp(1rem,1.3vw,1.23rem);line-height:1.9}.hero-actions{align-items:center;gap:1.5rem 2rem;margin-top:2.5rem;display:flex}.primary-action{background:var(--ink);min-height:52px;color:var(--paper);align-items:center;gap:2.5rem;padding:.8rem 1.1rem .8rem 1.25rem;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.primary-action:hover{background:var(--red-deep);transform:translateY(-2px)}.text-action{font-size:.9rem}.workshop-figure{border-left:1px solid var(--ink);padding:1.25rem 0 0 clamp(1.5rem,4vw,3.5rem);position:relative}.workshop-figure:before{border:1px solid var(--ink);background:var(--paper);content:"";width:.9rem;height:.9rem;position:absolute;top:-1.4rem;left:-.48rem;transform:rotate(45deg)}.figure-label{color:var(--muted);letter-spacing:.14em;margin:0 0 2rem;font-size:.66rem}.workshop-figure ol{margin:0;padding:0;list-style:none}.workshop-figure li{border-top:1px solid var(--line);grid-template-columns:2rem 1fr auto;align-items:baseline;gap:1rem;padding:1.45rem 0;display:grid}.workshop-figure li:last-child{border-bottom:1px solid var(--line)}.workshop-figure li span,.method-number,.section-index{color:var(--red-deep);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem}.workshop-figure li strong{font-family:var(--serif);font-size:clamp(1.3rem,2vw,2rem)}.workshop-figure li small{color:var(--muted)}.orientation{border-top:1px solid var(--ink);grid-template-columns:.2fr .9fr 1fr;gap:clamp(2rem,5vw,5rem);padding-block:7rem;display:grid}.section-heading h2,.methods h2,.sequence h2,.boundary h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4.4vw,4.8rem);font-weight:550;line-height:1.12}.orientation-copy{align-self:end;max-width:39rem}.orientation-copy p,.sequence-detail p,.boundary p{color:#444741;font-size:1.05rem;line-height:1.85}.orientation-copy a,.sequence-detail a,.all-methods{color:var(--red-deep);gap:1rem;margin-top:1rem;font-weight:700;display:inline-flex}.methods{background:var(--green);color:#f1eadc;padding:7rem clamp(1.5rem,5vw,5rem)}.methods .eyebrow{color:#e49a86}.methods-intro{grid-template-columns:1.35fr .65fr;align-items:end;gap:4rem;margin-bottom:4rem;display:grid}.methods-intro>p{color:#c9c6bb;max-width:23rem;margin:0;line-height:1.7}.methods-intro>p strong{color:#f1eadc;font-family:var(--serif);font-size:4rem;font-weight:500;display:block}.method-list{margin:0;padding:0;list-style:none}.method-list li{border-top:1px solid #f1eadc47;grid-template-columns:3rem minmax(0,1fr) auto;align-items:start;gap:clamp(1rem,3vw,3rem);padding:2rem 0;display:grid}.method-list li:last-child{border-bottom:1px solid #f1eadc47}.method-list h3{font-family:var(--serif);margin:0 0 .6rem;font-size:clamp(1.4rem,2.5vw,2.35rem);font-weight:500}.method-list p{color:#c9c6bb;max-width:60rem;margin:0;line-height:1.65}.method-list a{border:1px solid #f1eadc80;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;text-decoration:none;display:grid}.method-list a:hover{color:var(--green);background:#f1eadc}.methods .method-number{color:#e49a86}.all-methods{color:#f1eadc;margin-top:2.5rem}.sequence{grid-template-columns:1.2fr .8fr;gap:clamp(4rem,10vw,10rem);padding-block:9rem;display:grid}.sequence-detail{align-self:end}.sequence-detail blockquote{border-left:4px solid var(--red);font-family:var(--serif);margin:3rem 0 1rem;padding:1.4rem 0 1.4rem 1.5rem;font-size:clamp(1.6rem,3vw,2.6rem)}.boundary{background:var(--red);color:#fff8e9;padding:6rem clamp(1.5rem,7vw,7rem)}.boundary .eyebrow{color:#f5c8b7}.boundary h2{max-width:17ch}.boundary p{color:#f8ded3;max-width:48rem;margin:2rem 0 0 auto}footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:2rem;min-height:180px;display:flex}footer>div:first-child{flex-direction:column;gap:.45rem;display:flex}footer strong{font-family:var(--serif);font-size:1.7rem}footer span{color:var(--muted);font-size:.82rem}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;max-width:62rem;min-height:100vh;display:flex}.not-found h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3rem,8vw,7rem);font-weight:600}.not-found>p:not(.eyebrow){max-width:40rem;color:var(--muted);font-size:1.1rem;line-height:1.8}@media (width<=900px){body{background:var(--paper)}.hero,.orientation,.methods-intro,.sequence{grid-template-columns:1fr}.hero{min-height:auto}.workshop-figure{max-width:42rem}.orientation{gap:1.5rem}.section-index{display:none}.methods-intro>p{max-width:35rem}.sequence{gap:2rem}}@media (width<=620px){.site-header,main,footer{width:min(100% - 2rem,1440px)}.site-header{min-height:76px}.hero{gap:4rem;padding-block:4rem 5rem}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}.hero-actions{flex-direction:column;align-items:flex-start}.workshop-figure li{grid-template-columns:2rem 1fr}.workshop-figure li small{grid-column:2}.orientation,.sequence{padding-block:5rem}.methods{margin-inline:-1rem;padding-block:5rem}.method-list li{grid-template-columns:2.2rem minmax(0,1fr)}.method-list a{display:none}.boundary{margin-inline:-1rem;padding-block:5rem}footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:220px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}