@font-face{font-family:Outfit;src:url("assets/fonts/outfit-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#efe6d7;--red:#c9362b;--ink:#3e352c;--line:color-mix(in srgb,var(--ink) 55%,transparent);--display:Outfit,"Arial Black",sans-serif;--typewriter:"Courier New",Courier,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:24px 16px;color:var(--ink);background:var(--ink);font-family:var(--typewriter);-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:wait}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip-link{position:fixed;z-index:10;top:12px;left:12px;padding:14px 18px;background:var(--ink);color:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-shell{position:relative;max-width:1440px;margin:auto;background:var(--paper);border-radius:42px;overflow:clip;container-type:inline-size}.ruled-section{margin-inline:3.5cqw}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--display);letter-spacing:-.045em;font-weight:850}p{line-height:1.45}.brand{display:block;flex-shrink:0;text-decoration:none}.brand img{display:block;width:100%;height:auto}@supports(mask-image:url("assets/writl-logo.webp")){.brand{background:var(--red);mask:url("assets/writl-logo.webp") center/contain no-repeat;-webkit-mask:url("assets/writl-logo.webp") center/contain no-repeat}.brand img{visibility:hidden}}
.hero-panel{display:grid;grid-template-columns:18.4% 1fr;min-height:69cqw}.index-rail{border-right:1px solid var(--line);padding:2.4cqw 1.6cqw 0 3.9cqw}.hero-brand{width:12.8cqw}.chapter-index{display:flex;flex-direction:column;align-items:flex-start;gap:2.25cqw;margin-top:4.75cqw}.chapter-index a{display:flex;flex-direction:column;font-size:clamp(12px,1.45cqw,20px);line-height:1.6;text-decoration:none}.chapter-index a span{font-weight:700;color:var(--red);font-size:clamp(13px,1.65cqw,23px)}.chapter-index a:not(:last-child)::after{content:"";width:2.3cqw;height:1px;background:var(--line);margin-top:2.3cqw}.chapter-index a:hover{color:var(--red)}
.hero-main{position:relative;margin:0 3.8cqw 0 2cqw;min-width:0}.navigation{height:8.4cqw;display:flex;align-items:center;justify-content:flex-end;gap:3.6cqw;border-bottom:1px solid var(--line)}.navigation a{font-size:clamp(11px,1.25cqw,18px);text-decoration:none;padding:12px 0;white-space:nowrap}.navigation a:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}.nav-explore span{font-family:Arial,sans-serif;font-size:1.8cqw;margin-left:.55cqw}.hero-copy{position:relative;z-index:2;padding-top:2.25cqw;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{text-transform:uppercase;font-size:clamp(11px,1.4cqw,19px);letter-spacing:.025em;margin-bottom:1cqw}.hero-copy h1{font-size:8cqw;line-height:.97;letter-spacing:-.052em}.hero-description{font-size:clamp(13px,1.5cqw,21px);line-height:1.4;margin-top:1.65cqw}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.8cqw;margin-top:1.7cqw}.explore-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5cqw;padding:1.4cqw 2.2cqw;min-height:48px;background:var(--red);color:var(--paper);border:1px solid var(--red);font-size:clamp(13px,1.5cqw,21px);font-weight:700;text-decoration:none;border-radius:2px}.explore-button:hover{background:var(--ink);border-color:var(--ink)}.explore-button span{font-family:Arial,sans-serif;font-size:1.8cqw;font-weight:400}.philosophy-link{font-size:clamp(12px,1.35cqw,19px);text-decoration-color:var(--red);text-underline-offset:5px;padding-block:5px}.hero-square{position:absolute;z-index:0;top:18cqw;right:0;width:23cqw;aspect-ratio:1;background:var(--red)}.hero-circle{position:absolute;left:9.7cqw;top:49.3cqw;width:18.8cqw;aspect-ratio:1;border-radius:50%;background:var(--ink)}
.device-composition{position:absolute;z-index:3;right:2.6cqw;top:35.7cqw;width:49cqw;aspect-ratio:8/5;pointer-events:none}.ipad{position:absolute;inset:0;padding:1.6cqw;background:var(--ink);border-radius:1.8cqw;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 30%,transparent)}.camera{position:absolute;left:50%;top:.66cqw;width:.32cqw;aspect-ratio:1;border-radius:50%;background:var(--paper)}.ipad-screen{position:relative;height:100%;background:var(--paper);overflow:hidden;border-radius:.3cqw}.screen-margins{position:absolute;top:0;bottom:0;left:5.1cqw;width:.35cqw;border-inline:1px solid color-mix(in srgb,var(--red) 65%,transparent)}.archive-tab{position:absolute;left:0;top:7.1cqw;border:1px solid var(--line);border-right:2px solid var(--red);padding:.6cqw .25cqw;font-family:var(--display);font-size:1.5cqw;line-height:1.25}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:2.5cqw 1.4cqw 0;border-bottom:1px solid var(--line);padding:0 0 1.15cqw 5.1cqw}.page-heading span:first-child{font-family:var(--display);font-weight:500;font-size:1.45cqw}.page-heading span:last-child{font-size:.85cqw}.writing-lines{margin-top:1.6cqw}.writing-lines p{position:relative;margin-left:6.6cqw;font-size:.95cqw;line-height:2.35;white-space:nowrap}.writing-lines p span{position:absolute;right:calc(100% + 2cqw);font-size:.85cqw}.writing-lines p:nth-child(2),.writing-lines p.line-gap{margin-top:1cqw}
.attention{display:grid;grid-template-columns:26% 1fr;align-items:center;border-top:1px solid var(--line);padding:2cqw 0}.outline-number{font-family:Arial,sans-serif;font-weight:700;font-size:17cqw;letter-spacing:-.065em;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--red)}.attention-copy{padding-left:3.7cqw;border-left:1px solid var(--line);min-width:0}.attention h2{font-size:6.4cqw;line-height:1.04;margin-bottom:1.15cqw}.attention p{font-size:clamp(13px,1.7cqw,24px)}
.order{display:grid;grid-template-columns:58% 36%;gap:6%;background:var(--red);color:var(--paper);padding:2.5cqw 3.8cqw 2cqw 4.8cqw}.chapter-label{display:flex;align-items:center;gap:1.5cqw;font-weight:700;font-size:clamp(12px,1.5cqw,20px);line-height:1}.chapter-label::after{content:"";width:17.5cqw;max-width:75%;height:1px;background:currentColor;opacity:.6}.order h2{font-size:6.45cqw;line-height:.94;letter-spacing:-.04em;margin:1.7cqw 0 1.5cqw}.order-copy>p:last-child{font-size:clamp(13px,1.65cqw,23px);line-height:1.4}.archive-example{align-self:center;min-width:0}.archive-preview{padding:1.5cqw 2cqw;background:var(--paper);color:var(--ink)}.archive-search{font-size:1.16cqw;display:flex;align-items:center;gap:1.8cqw;border-bottom:1px solid var(--line);padding-bottom:1.2cqw;white-space:nowrap}.search-icon{position:relative;width:1.55cqw;height:1.55cqw;border:1px solid var(--ink);border-radius:50%;flex-shrink:0}.search-icon::after{content:"";position:absolute;right:-.45cqw;bottom:-.2cqw;width:.65cqw;height:1px;background:var(--ink);transform:rotate(50deg)}.archive-rows{padding-top:1cqw}.archive-rows>div{display:grid;grid-template-columns:1.65cqw 1fr auto;align-items:center;gap:1.9cqw;font-size:1.25cqw;line-height:2}.archive-dot{width:1.5cqw;height:1.5cqw;border:1px solid var(--line);border-radius:50%}.selected .archive-dot{background:var(--red);border-color:var(--red)}.selected span:nth-child(2){font-weight:700}.archive-example figcaption{font-size:1.15cqw;text-transform:uppercase;margin-top:1cqw;letter-spacing:.02em}
.rhythm{display:grid;grid-template-columns:28.5% 1fr;padding:2.4cqw 0 1.6cqw;border-bottom:1px solid var(--line)}.rhythm .chapter-label,.form-copy .chapter-label{color:var(--red)}.rhythm .chapter-label::after,.form-copy .chapter-label::after{background:var(--ink)}.sound-disc{display:grid;place-items:center;width:14cqw;aspect-ratio:1;border:0;border-radius:50%;background:var(--red);color:var(--paper);margin:1.2cqw 0 0 4.7cqw;transition:background .15s}.sound-disc:hover{background:var(--ink)}.play-symbol{width:0;height:0;border-top:2.8cqw solid transparent;border-bottom:2.8cqw solid transparent;border-left:4.5cqw solid var(--paper);transform:translateX(.5cqw)}.sound-disc[aria-pressed="true"] .play-symbol{width:4cqw;height:4cqw;border:0;background:var(--paper);transform:none}.rhythm-copy{border-left:1px solid var(--line);padding-left:3.7cqw;margin-top:.3cqw;min-width:0}.rhythm h2{font-size:4.7cqw;line-height:1;margin-bottom:1cqw}.rhythm-copy>p{font-size:clamp(13px,1.6cqw,22px);line-height:1.4}.sound-player{display:flex;align-items:center;gap:2cqw;border-top:1px solid var(--line);margin-top:1.5cqw;padding-top:1cqw}.sound-label{display:flex;align-items:center;gap:2cqw;border:0;padding:9px 0;background:transparent;color:var(--ink);font-size:clamp(11px,1.18cqw,17px);white-space:nowrap}.small-play{width:0;height:0;border-block:.85cqw solid transparent;border-left:1.4cqw solid var(--ink)}.sound-label[aria-pressed="true"] .small-play{width:1.3cqw;height:1.3cqw;background:var(--ink);border:0}.waveform{flex:1;min-width:0;max-width:31cqw;color:var(--red)}.waveform svg{width:100%;height:4.2cqw;display:block;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.is-playing .waveform{animation:ink-pulse .7s ease-in-out infinite alternate}@keyframes ink-pulse{to{opacity:.45}}.sound-status:empty{display:none}.sound-status{font-size:12px!important;margin-top:8px}.rhythm audio{display:none}
.form-section{display:grid;grid-template-columns:35% 1fr;padding:2cqw 0 1.8cqw;border-bottom:1px solid var(--line)}.form-copy{padding:0 2.2cqw 0 1.2cqw;border-right:1px solid var(--line)}.form-copy h2{font-size:4.15cqw;line-height:.92;margin:.85cqw 0 1.5cqw}.form-copy>p:last-child{font-size:clamp(12px,1.4cqw,20px);line-height:1.4}.form-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.8cqw;padding-left:3.3cqw;align-items:end}.form-art{height:12.1cqw;display:flex;align-items:flex-end;margin-bottom:1.2cqw}.shape-circle{display:block;width:12cqw;aspect-ratio:1;border-radius:50%;background:var(--red)}.shape-bars{display:grid;gap:.8cqw;width:9.2cqw;padding-bottom:.6cqw}.shape-bars i{height:2.6cqw;border-radius:.45cqw;background:var(--red)}.shape-arch{display:block;width:100%;height:10cqw;background:var(--red);border-radius:15cqw 15cqw 0 0}.form-study p{font-size:clamp(12px,1.55cqw,22px);line-height:1.25}.closing{padding:1.3cqw 1.2cqw 1.7cqw;border-bottom:1px solid var(--line)}.closing h2{font-size:4.25cqw;line-height:1.1}.closing p{font-size:clamp(11px,1.3cqw,18px);margin-top:.7cqw}.closing p span{margin-inline:.7cqw}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:1cqw 1.2cqw 1.3cqw;min-height:70px}.footer-brand{width:8.5cqw;min-width:80px}.footer-links{display:flex;gap:3cqw;align-items:center;font-size:clamp(11px,1.1cqw,16px)}.footer-links a{text-decoration:none;padding-block:12px}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-links>span{border-left:1px solid var(--line);padding-left:3cqw;white-space:nowrap}
/* Shared framing for support and privacy. */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 2cqw;border-bottom:1px solid var(--line)}.header-brand{width:150px}.site-header .navigation{height:auto;border:0}.site-header .navigation a{font-size:14px}.info-content h1{font-family:var(--display)}
@media(max-width:1000px) and (min-width:761px){.hero-panel{min-height:73cqw}.device-composition{top:39cqw}.hero-circle{top:52cqw}.hero-actions{gap:1cqw}.order h2{font-size:6.9cqw}.sound-player{gap:1.5cqw}.sound-label{gap:1.3cqw}.waveform{max-width:25cqw}}
@media(max-width:760px){
 body{padding:12px 8px}.site-shell{border-radius:25px}.ruled-section{margin-inline:5cqw}.hero-panel{display:block;min-height:0}.index-rail{border:0;padding:23px 5cqw 0;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.hero-brand{width:115px}.chapter-index{margin:0;display:grid;grid-template-columns:repeat(2,auto);gap:9px 22px}.chapter-index a{font-size:11px;line-height:1.2;flex-direction:row;gap:7px;align-items:center;padding:5px 0}.chapter-index a span{font-size:11px}.chapter-index a:not(:last-child)::after{display:none}.hero-main{margin:0 5cqw;display:flow-root;padding-bottom:30px}.navigation{height:62px;gap:22px;justify-content:flex-start}.navigation a{font-size:11px}.nav-explore span{font-size:16px}.hero-copy{padding-top:28px}.eyebrow{font-size:11px;margin-bottom:13px}.hero-copy h1{font-size:10.6cqw;line-height:.99;letter-spacing:-.055em}.hero-description{font-size:13px;line-height:1.5;margin-top:20px}.desktop-break{display:none}.hero-actions{margin-top:20px;gap:12px}.explore-button{font-size:13px;gap:23px;padding:14px 18px;min-height:48px}.explore-button span{font-size:20px}.philosophy-link{font-size:12px}.hero-square{width:32cqw;top:auto;bottom:33cqw;right:0}.hero-circle{left:0;top:auto;bottom:15px;width:29cqw}.device-composition{position:relative;inset:auto;width:79cqw;margin:45px 0 0 auto;aspect-ratio:8/5}.ipad{padding:2.5cqw;border-radius:2.8cqw}.camera{width:.5cqw;top:1cqw}.ipad-screen{border-radius:.5cqw}.screen-margins{left:8.3cqw;width:.6cqw}.archive-tab{top:11.5cqw;font-size:2.4cqw;padding:1cqw .4cqw}.page-heading{margin:4cqw 2.2cqw 0;padding:0 0 1.8cqw 8.3cqw}.page-heading span:first-child{font-size:2.35cqw}.page-heading span:last-child{font-size:1.4cqw}.writing-lines{margin-top:2.5cqw}.writing-lines p{margin-left:10.7cqw;font-size:1.53cqw}.writing-lines p span{right:calc(100% + 3.3cqw);font-size:1.4cqw}.writing-lines p:nth-child(2),.writing-lines p.line-gap{margin-top:1.6cqw}
 .attention{grid-template-columns:22% 1fr;padding:23px 0}.outline-number{font-size:18cqw;-webkit-text-stroke:1px var(--red)}.attention-copy{padding-left:5cqw}.attention h2{font-size:6.9cqw;line-height:1.05;margin-bottom:9px}.attention p{font-size:12px;line-height:1.45}.order{grid-template-columns:1fr;padding:26px 5cqw 25px;gap:24px}.chapter-label{font-size:12px;gap:16px}.chapter-label::after{width:120px}.order h2{font-size:10cqw;line-height:.97;margin:18px 0 15px}.order-copy>p:last-child{font-size:13px}.archive-example{width:80%;max-width:390px;justify-self:end}.archive-preview{padding:18px 22px}.archive-search{font-size:11px;gap:17px;padding-bottom:13px}.search-icon{width:15px;height:15px}.search-icon::after{width:6px;right:-4px;bottom:-2px}.archive-rows{padding-top:9px}.archive-rows>div{grid-template-columns:15px 1fr auto;gap:17px;font-size:12px;line-height:2}.archive-dot{width:13px;height:13px}.archive-example figcaption{font-size:10px;margin-top:10px}.order :focus-visible{outline-color:var(--paper)}
 .rhythm{grid-template-columns:24% 1fr;padding:25px 0;gap:0}.rhythm-control .chapter-label::after{width:35px}.sound-disc{width:18cqw;margin:22px 0 0}.play-symbol{border-top-width:3.6cqw;border-bottom-width:3.6cqw;border-left-width:5.6cqw;transform:translateX(.8cqw)}.sound-disc[aria-pressed="true"] .play-symbol{width:5cqw;height:5cqw}.rhythm-copy{padding-left:4cqw;margin:0}.rhythm h2{font-size:6.1cqw;line-height:1.04;margin-bottom:12px}.rhythm-copy>p{font-size:12px;line-height:1.5}.sound-player{flex-wrap:wrap;gap:3px;margin-top:15px;padding-top:7px}.sound-label{font-size:10px;gap:12px;min-height:40px}.small-play{border-block-width:6px;border-left-width:10px}.sound-label[aria-pressed="true"] .small-play{width:9px;height:9px}.waveform{flex-basis:100%;max-width:100%;width:100%}.waveform svg{height:30px}
 .form-section{grid-template-columns:1fr;padding:23px 0;gap:25px}.form-copy{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.form-copy .chapter-label{grid-column:1/-1}.form-copy h2{font-size:8cqw;line-height:.97;margin:0}.form-copy>p:last-child{font-size:12px;align-self:center}.form-studies{padding:0;gap:8cqw}.form-art{height:21cqw;margin-bottom:13px;align-items:center}.shape-circle{width:20cqw}.shape-bars{width:18cqw;gap:1.5cqw;padding:0}.shape-bars i{height:5cqw;border-radius:1cqw}.shape-arch{height:14cqw;border-radius:22cqw 22cqw 0 0}.form-study p{font-size:12px;line-height:1.4}.closing{padding:20px 0}.closing h2{font-size:7.7cqw;max-width:90%;line-height:1.02}.closing p{font-size:10px;line-height:1.8;margin-top:12px}.closing p span{margin-inline:1px}.site-footer{padding:17px 0 20px;gap:15px;flex-wrap:wrap}.footer-brand{width:80px;min-width:0}.footer-links{font-size:10px;gap:15px}.footer-links>span{padding-left:15px}.site-header{padding:25px 0}.header-brand{width:115px}.site-header .navigation{gap:15px}.site-header .navigation a{font-size:12px}
}
@media(max-width:370px){.index-rail{gap:12px}.hero-brand{width:95px}.chapter-index{column-gap:12px}.chapter-index a{font-size:10px;gap:4px}.navigation{gap:18px}.navigation a{font-size:10px}.archive-example{width:94%}.sound-label{font-size:9px;gap:8px}.footer-links{gap:12px}.footer-links>span{padding-left:12px}.closing h2{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.skip-link{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;transform:none}.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none}