/* Circle / line / threshold. Static editorial notation; shared across scripts. */
.visual-gesture{display:block;width:100%;height:auto;color:var(--ink);fill:none;stroke:currentColor;stroke-width:1.25;pointer-events:none;overflow:hidden}
.visual-gesture .field{fill:var(--accent);stroke:none}.visual-gesture .paper-line{stroke:var(--paper);stroke-width:2}.visual-gesture .ink-dot{fill:currentColor;stroke:none}
.practice-hero{position:relative;isolation:isolate;grid-template-columns:1.7fr 1fr;column-gap:3rem;align-items:center}
.practice-hero h1{grid-column:1;grid-row:2;position:relative;z-index:1;font-size:clamp(3rem,6.1vw,6.2rem);max-inline-size:16ch}
.practice-hero .hero-geometry{grid-column:2;grid-row:2/4;width:115%;justify-self:end;max-width:29rem}
.practice-hero .practice-subtitle{grid-column:1;grid-row:3;margin-inline-start:15%;max-width:35ch}
html[lang=en] .hero-geometry{transform:translateY(-1.5rem)}
.built-platforms .platform-lead>.visual-gesture{width:clamp(7rem,13vw,12rem);margin-block:0 1.3rem;margin-inline-start:12%}
.platform-notes article{position:relative;padding-inline-end:5.7rem;min-block-size:7rem}.platform-notes article>.visual-gesture{position:absolute;inset-inline-end:0;inset-block-start:0;width:5rem}.platform-notes article+article>.visual-gesture{inset-block-start:1.5rem}
.practice-concept header>.visual-gesture{width:8rem;max-width:100%;margin-block-start:1.5rem;color:var(--field-clay-ink)}
.practice-concept .visual-gesture .field{fill:var(--field-clay-ink)}
.practice-context header>.visual-gesture,.practice-about header>.visual-gesture{width:5rem;margin-block-start:1.5rem}
.practice-music{position:relative}.practice-music:before{content:'';position:absolute;inset:-.65rem auto auto -.65rem;width:2rem;height:2rem;border-inline-start:1px solid var(--accent);border-block-start:1px solid var(--accent);pointer-events:none}
.practice-letter>.visual-gesture,.compact-letter>.visual-gesture{width:3rem;flex:0 0 3rem}.practice-letter>div{margin-inline-end:auto}
.fa-compact .compact-hero{position:relative}.fa-compact .compact-hero h1{grid-column:3/10}.fa-hero-geometry{grid-column:10/13;grid-row:1/4;align-self:center;width:120%;max-width:15rem;justify-self:end}.fa-compact .compact-hero .hero-subtitle{grid-column:3/10}
.fa-compact .compact-section>header>.visual-gesture{width:3.5rem;margin-block-start:1.2rem}.fa-compact .compact-theory .visual-gesture{color:var(--field-clay-ink)}.fa-compact .compact-theory .visual-gesture .field{fill:var(--field-clay-ink)}
@media(max-width:1000px){.platform-notes article{padding-inline-end:0;padding-block-start:4rem}.platform-notes article>.visual-gesture{width:3.5rem;inset-inline-start:0}.platform-notes article+article{padding-block-start:5rem}.practice-hero h1{font-size:clamp(2.7rem,6.6vw,4.7rem)}.fa-compact .compact-hero h1{font-size:clamp(2.4rem,4.7vw,4rem)}}
@media(max-width:700px){.fa-compact .compact-hero h1,.fa-compact .compact-hero .hero-subtitle{grid-column:1}.fa-hero-geometry{grid-column:1;grid-row:auto;width:6rem;position:absolute;inset-inline-end:0;inset-block-start:1rem}.fa-compact .compact-hero>.compact-meta{padding-block-end:2rem;padding-inline-start:7rem}.fa-compact .compact-hero h1{font-size:clamp(2rem,7.5vw,3rem)}.fa-compact .compact-section>header>.visual-gesture{width:2.1rem;margin:0;margin-inline-start:auto}.compact-letter>.visual-gesture{display:none}}
@media(max-width:600px){.practice-hero{grid-template-columns:1fr;gap:1.2rem}.practice-hero h1{grid-column:1;grid-row:3;font-size:clamp(2.9rem,11vw,4.5rem)}.practice-hero .hero-geometry{grid-column:1;grid-row:2;width:45%;margin-block:-1rem 0;transform:none}.practice-hero .practice-subtitle{grid-column:1;grid-row:4;margin-inline-start:0}.built-platforms .platform-lead>.visual-gesture{width:6rem;margin-inline-start:0}.platform-notes article+article{padding-block-start:4rem}.platform-notes article+article>.visual-gesture{inset-block-start:0}.practice-concept header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.practice-concept header>.visual-gesture{width:3rem;margin:0}.practice-context header,.practice-about header{position:relative;padding-inline-end:4rem}.practice-context header>.visual-gesture,.practice-about header>.visual-gesture{position:absolute;inset-inline-end:0;inset-block-start:0;width:3rem;margin:0}.practice-letter>.visual-gesture{display:none}}

.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.72rem;line-height:1.8}.social-links a{color:inherit;text-decoration:none}.social-links a:hover,.social-links a:focus-visible{color:var(--accent-text)}main>.social-links{margin-block:1.5rem 3rem}footer>.social-links{flex-basis:100%;justify-content:flex-start}
