:root{--paper:#f4f3ee;--ink:#111;--signal:#d7ff3f;--blue:#b9d8ff;--pad:clamp(18px,3.3vw,54px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-size:16px;line-height:1.35;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{display:none}
.site-header{position:fixed;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px var(--pad);border-bottom:1px solid transparent;transition:.2s}.site-header.scrolled{background:rgba(244,243,238,.94);backdrop-filter:blur(10px);border-color:var(--ink)}.wordmark{font-size:13px;font-weight:900;letter-spacing:.1em}.site-header nav{display:flex;gap:30px;font-size:11px;font-weight:800;letter-spacing:.08em}.site-header nav a,.menu-cta{border:1px solid transparent;padding:7px 10px}.site-header nav a:hover,.menu-cta:hover{border-color:var(--ink);background:var(--signal)}.menu-cta{justify-self:end;font-size:11px;font-weight:800;letter-spacing:.08em}
.hero{position:relative;min-height:100svh;padding:110px var(--pad) 0;display:flex;flex-direction:column;overflow:hidden}.eyebrow,.section-no,.hero-code{font:800 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}.hero-code{position:absolute;right:var(--pad);top:110px;writing-mode:vertical-rl}.hero h1{margin:auto 0 4vh;font-size:clamp(52px,10.6vw,168px);font-weight:900;line-height:.76;letter-spacing:-.075em}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:9vw}.hero h1 span:nth-child(3){color:transparent;-webkit-text-stroke:2px var(--ink);margin-left:18vw}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.hero-bottom>p{font-size:14px;font-weight:700;text-transform:uppercase;max-width:300px}.round-link{width:82px;height:82px;background:var(--signal);border:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:900;letter-spacing:.1em;gap:6px;transition:.2s}.round-link b{font-size:20px}.round-link:hover{transform:translate(-5px,-5px);box-shadow:5px 5px 0 var(--ink)}.method-marquee{margin-inline:calc(-1 * var(--pad));display:flex;width:max-content;border-block:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:clamp(25px,3.5vw,52px);font-weight:900;line-height:1;padding:13px 0;letter-spacing:-.04em;animation:marquee 20s linear infinite}.method-marquee i{color:var(--signal);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:clamp(100px,14vw,190px) var(--pad)}.manifesto .lead{font-size:clamp(32px,5vw,76px);font-weight:800;line-height:.97;letter-spacing:-.055em;margin:0 0 75px;text-transform:uppercase}.manifesto .lead span{background:var(--signal);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:900px}.manifesto-grid p{margin:0;font-size:17px}.manifesto-grid p:last-child{font-size:clamp(22px,2.4vw,36px);font-weight:800;text-transform:uppercase;line-height:1}
.reality-check{background:var(--blue);padding:24px var(--pad) clamp(80px,10vw,140px);border-block:1px solid var(--ink)}.reality-grid{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end;margin-top:80px}.reality-grid p{margin:0}.reality-grid p:first-child{font-size:clamp(48px,9vw,140px);font-weight:900;line-height:.78;letter-spacing:-.07em;text-transform:uppercase}.reality-grid p:last-child{font-size:18px;font-weight:700}
.formats{padding:clamp(90px,12vw,170px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:70px}.section-head h2,.books-intro h2{font-size:clamp(45px,7vw,104px);line-height:.82;letter-spacing:-.065em;font-weight:900;margin:0}.format-card{display:grid;grid-template-columns:70px 1fr auto;gap:30px;border-top:1px solid var(--ink);padding:28px 0 45px;transition:.2s}.format-card:last-child{border-bottom:1px solid var(--ink)}.format-card:hover{background:var(--signal);padding-inline:18px}.card-index{font-size:11px;font-weight:900}.card-copy{max-width:760px}.card-copy h3{font-size:clamp(51px,8vw,118px);line-height:.76;letter-spacing:-.065em;font-weight:900;margin:18px 0 28px}.card-copy>p:last-child{max-width:610px;font-size:16px}.arrow-link{align-self:end;border:1px solid var(--ink);padding:11px 13px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:var(--paper)}.arrow-link span,.contact-link span{display:inline-block;margin-left:12px}.button-link{cursor:pointer}
.books{display:grid;grid-template-columns:.8fr 1.8fr;gap:8vw;background:var(--ink);color:var(--paper);padding:clamp(90px,12vw,160px) var(--pad)}.books-intro{position:sticky;top:110px;align-self:start}.books-intro .section-no{margin-bottom:55px}.books-intro>p:last-child{max-width:390px;margin-top:45px;font-size:17px}.book{display:grid;grid-template-columns:minmax(210px,370px) 1fr;gap:40px;align-items:end;padding-bottom:95px}.book-cover{aspect-ratio:.69;background:var(--signal);color:var(--ink);border:1px solid var(--paper);padding:9%;display:flex;flex-direction:column;transition:.25s}.book-cover:hover{transform:translate(-8px,-8px);box-shadow:8px 8px 0 var(--paper)}.book-cover small{font-size:9px;font-weight:900;letter-spacing:.12em}.book-cover strong{font-size:clamp(25px,3.2vw,49px);line-height:.82;letter-spacing:-.06em;margin:auto 0}.book-cover span{font-size:13px;font-weight:700}.book-two .book-cover{background:var(--blue)}.book-meta>span{font-size:10px;font-weight:900;letter-spacing:.14em}.book-meta h3{font-size:31px;font-weight:900;line-height:.95;letter-spacing:-.04em}.text-link{padding:10px 0;border:0;border-bottom:1px solid;background:none;color:inherit;cursor:pointer;font-size:12px;font-weight:800;text-transform:uppercase}
.closing{min-height:92vh;padding:clamp(90px,11vw,155px) var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:var(--signal)}.closing h2{font-size:clamp(46px,9vw,135px);line-height:.78;letter-spacing:-.07em;font-weight:900;margin:70px 0}.contact-link{align-self:flex-end;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:1px solid;padding:14px;background:var(--paper)}
footer{border-top:1px solid var(--ink);padding:30px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}footer>div{display:flex;flex-direction:column;gap:8px}footer>div:nth-child(2){text-align:center}footer>div:last-child{align-items:flex-end}footer button{background:none;border:0;padding:0;text-transform:uppercase;letter-spacing:inherit;font:inherit;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.modal{width:min(620px,calc(100% - 32px));border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:clamp(28px,5vw,58px);box-shadow:10px 10px 0 var(--signal)}.modal::backdrop{background:rgba(17,17,17,.75)}.modal-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.modal h2{font-size:clamp(33px,5vw,60px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:20px 0}.modal p{max-width:480px}.signup-form{display:grid;gap:12px;margin-top:35px}.signup-form label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.signup-form input{font:inherit;border:0;border-bottom:1px solid;background:transparent;padding:13px 0;outline:none}.signup-form button{margin-top:18px;padding:15px;background:var(--ink);color:var(--paper);border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}.form-note{font-size:12px}.form-success{border-left:8px solid var(--signal);padding-left:16px;margin-top:30px}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{padding-top:100px}.hero-code{display:none}.hero h1{font-size:clamp(51px,16vw,98px)}.hero h1 span:nth-child(2),.hero h1 span:nth-child(3){margin-left:0}.hero-bottom{align-items:center}.round-link{width:72px;height:72px}.manifesto,.section-head{grid-template-columns:1fr}.manifesto .lead{margin-bottom:45px}.manifesto-grid,.reality-grid{grid-template-columns:1fr;gap:35px}.format-card{grid-template-columns:45px 1fr}.format-card .arrow-link{grid-column:2;justify-self:start}.books{grid-template-columns:1fr}.books-intro{position:static}.book{grid-template-columns:minmax(180px,1fr) 1fr;gap:26px}footer{grid-template-columns:1fr 1fr}footer>div:nth-child(2){display:none}}
@media(max-width:520px){.hero{min-height:90svh}.hero h1{margin-top:auto}.hero h1 span:nth-child(3){-webkit-text-stroke:1px var(--ink)}.hero-bottom>p{font-size:10px}.manifesto-grid p{font-size:16px}.reality-grid p:first-child{font-size:58px}.format-card{grid-template-columns:1fr}.card-index{display:none}.format-card .arrow-link{grid-column:1}.card-copy h3{font-size:51px}.book{grid-template-columns:1fr}.book-cover{width:78%;margin:auto}.closing .contact-link{align-self:flex-start}footer{grid-template-columns:1fr}footer>div:last-child{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.method-marquee{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.site-header{padding-block:12px}.wordmark{display:block;width:156px;height:48px;overflow:hidden}.wordmark img{width:100%;height:100%;object-fit:contain}.hero-logo{width:clamp(210px,24vw,360px);height:auto;object-fit:contain;align-self:flex-start}.vsn-logo{display:block;width:clamp(180px,23vw,330px);height:clamp(110px,15vw,210px);object-fit:contain;object-position:left center;margin:4px 0 16px}.book-cover-image{padding:0;background:#222}.book-cover-image img{width:100%;height:100%;object-fit:cover;display:block}.book-placeholder{background:repeating-linear-gradient(-45deg,var(--signal),var(--signal) 18px,#c8ee35 18px,#c8ee35 36px)}
@media(max-width:520px){.wordmark{width:126px;height:39px}.hero-logo{width:210px}}

/* Kinetic system */
.hero h1{position:relative;z-index:2}.method-marquee{display:block;width:calc(100% + 2 * var(--pad));overflow:hidden;animation:none}.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee-seamless 24s linear infinite}.marquee-track>div{flex:none}.kinetic-mark{position:absolute;z-index:1;border:1px solid var(--ink);pointer-events:none;transform:translate3d(calc(var(--px,0) * 1px),calc(var(--py,0) * 1px),0)}.mark-one{width:clamp(70px,8vw,130px);aspect-ratio:1;right:15%;top:21%;background:var(--signal);animation:slow-spin 18s linear infinite}.mark-two{width:clamp(30px,4vw,62px);aspect-ratio:1;border-radius:50%;right:7%;bottom:23%;background:var(--blue);animation:float-mark 4s ease-in-out infinite}.reality-check{position:relative;overflow:hidden}.signal-orbit{position:absolute;right:7vw;top:34px;width:110px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;animation:slow-spin 9s linear infinite}.signal-orbit span{position:absolute;width:13px;aspect-ratio:1;background:var(--signal);border:1px solid var(--ink);border-radius:50%}.signal-orbit span:nth-child(1){top:-7px;left:48px}.signal-orbit span:nth-child(2){right:-7px;bottom:25px}.signal-orbit span:nth-child(3){left:3px;bottom:8px}.format-card:hover .card-copy h3,.format-card:hover .vsn-logo{transform:translateX(10px)}.card-copy h3,.vsn-logo{transition:transform .25s ease}
@keyframes marquee-seamless{to{transform:translateX(-25%)}}@keyframes slow-spin{to{rotate:360deg}}@keyframes float-mark{50%{translate:0 -16px}}
@media(max-width:520px){.kinetic-mark{opacity:.65}.signal-orbit{width:76px;right:4vw}.signal-orbit span:nth-child(1){left:30px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.kinetic-mark,.signal-orbit{animation:none}.kinetic-mark{display:none}}
.hero h1 span:nth-child(3){font-size:.92em;letter-spacing:-.035em}.quality-check p{max-width:880px;margin:0 0 24px;font-size:clamp(27px,3.25vw,50px);font-weight:800;line-height:.96;letter-spacing:-.04em}.quality-check strong{display:block;max-width:760px;font-size:clamp(34px,4.4vw,68px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;background:var(--signal);padding:.12em .16em;width:fit-content}.quality-check strong::after{content:"";display:inline-block;width:.22em;height:.22em;margin-left:.12em;background:var(--ink);animation:quality-pulse 1.5s ease-in-out infinite}@keyframes quality-pulse{50%{transform:scale(.35);opacity:.35}}
@media(max-width:520px){.hero h1 span:nth-child(3){font-size:.88em;letter-spacing:-.02em}.manifesto-grid .quality-check p{font-size:27px;margin-bottom:18px;line-height:.98}.quality-check strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.quality-check strong::after{animation:none}}
.method-box{max-width:650px;margin-top:28px;padding:18px 0;border-top:1px solid var(--ink)}.method-box span{font-size:9px;font-weight:900;letter-spacing:.16em}.method-box p{margin:9px 0 5px;font-size:14px;font-weight:900;letter-spacing:.03em}.method-box small{display:block;max-width:570px;font-size:13px;line-height:1.45}.format-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.format-options span{border:1px solid;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:.1em}.book{grid-template-columns:minmax(170px,270px) 1fr;align-items:start}.book-meta{padding-top:12px}.book-meta>p{max-width:520px}.book-meta details{max-width:520px;margin:22px 0;font-size:14px}.book-meta summary{cursor:pointer;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding:9px 0}.book-meta details p{line-height:1.55}

/* Course format selector */
.format-choice{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.format-choice legend{margin-bottom:12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.format-choice label{position:relative;cursor:pointer}
.format-choice input{position:absolute;opacity:0;pointer-events:none}
.format-choice span{min-height:70px;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;transition:background-color .18s,box-shadow .18s,transform .18s}
.format-choice b{font-size:18px;line-height:1}
.format-choice label:hover span{background:rgba(215,255,63,.35)}
.format-choice input:checked+span{background:var(--signal);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}
.format-choice input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:520px){.format-choice{grid-template-columns:1fr}.format-choice span{min-height:54px;flex-direction:row;align-items:center}.format-choice b{margin-right:18px}}

/* Final editorial polish */
::selection{background:var(--signal);color:var(--ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
section[id]{scroll-margin-top:72px}
.site-header::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--signal);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.site-header.scrolled{box-shadow:0 1px 0 rgba(17,17,17,.08)}
.section-no{display:flex;align-items:center;gap:12px;white-space:nowrap}
.section-no::after{content:"";width:42px;height:1px;background:currentColor}
.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow::before{content:"";width:6px;height:6px;background:var(--signal);border:1px solid var(--ink);flex:none}
.reality-check .eyebrow::before,.books .eyebrow::before{border-color:currentColor}
.manifesto-grid{align-items:start}.quality-check{padding-left:clamp(18px,2vw,32px);border-left:1px solid var(--ink)}
.quality-check strong{box-shadow:6px 6px 0 var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.quality-check:hover strong{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.format-card{position:relative;isolation:isolate;overflow:hidden;padding-inline:0}
.format-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--signal),rgba(215,255,63,.34) 55%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.format-card::after{content:"";position:absolute;left:0;top:28px;bottom:45px;width:4px;background:var(--ink);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}
.format-card:hover{background:transparent;padding-inline:18px}
.format-card:hover::before,.format-card:hover::after{transform:scale(1)}
.card-index{font-size:20px;letter-spacing:-.04em}
.arrow-link,.contact-link{transition:background-color .18s,color .18s,transform .18s,box-shadow .18s}
.arrow-link:hover,.contact-link:hover{background:var(--ink);color:var(--paper);transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--signal)}
.arrow-link span,.contact-link span{transition:transform .18s}.arrow-link:hover span,.contact-link:hover span{transform:translate(3px,-3px)}
.method-box{position:relative}.method-box::before{content:"";position:absolute;top:-1px;left:0;width:52px;height:3px;background:var(--signal)}
.format-options span{background:var(--paper);transition:background-color .18s,transform .18s}.format-card:hover .format-options span{background:var(--signal)}.format-options span:hover{transform:translateY(-2px)}
.books{position:relative}.book{position:relative;border-top:1px solid rgba(244,243,238,.3);padding-top:28px}.book::before{content:"0" counter(book);position:absolute;right:0;top:22px;font-size:10px;font-weight:900;letter-spacing:.12em}.book-shelf{counter-reset:book}.book{counter-increment:book}
.book-cover-image{position:relative;transform-origin:center bottom;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.book-cover-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);pointer-events:none}
.book-cover-image:hover{transform:perspective(900px) rotateY(-4deg) translate(-6px,-8px);box-shadow:14px 18px 0 rgba(215,255,63,.95)}
.book-two .book-cover-image:hover{box-shadow:14px 18px 0 rgba(185,216,255,.95)}
.book-meta h3{font-size:clamp(29px,3vw,44px);margin:18px 0;max-width:460px}
.book-meta>p{color:rgba(244,243,238,.82);line-height:1.55}
.book-meta summary{list-style:none;display:flex;justify-content:space-between;align-items:center}.book-meta summary::-webkit-details-marker{display:none}.book-meta summary::after{content:"+";font-size:20px;line-height:1}.book-meta details[open] summary::after{content:"–"}.book-meta details[open] p{animation:details-in .25s ease both}
.text-link{transition:color .18s,border-color .18s}.text-link:hover{color:var(--signal);border-color:var(--signal)}
.closing{position:relative;overflow:hidden}.closing::after{content:"RLS";position:absolute;right:-.04em;bottom:-.19em;color:transparent;-webkit-text-stroke:1px rgba(17,17,17,.18);font-size:clamp(180px,30vw,500px);font-weight:900;line-height:1;pointer-events:none}.closing>*{position:relative;z-index:1}
.modal{max-height:calc(100dvh - 32px);overflow:auto}
@keyframes details-in{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:800px){.quality-check{padding-left:0;border-left:0}.book::before{top:16px}.format-card:hover{padding-inline:10px}.closing::after{bottom:-.1em}}
@media(max-width:520px){.section-no::after{width:28px}.quality-check strong{box-shadow:4px 4px 0 var(--ink)}.format-card::after{top:20px;bottom:28px}.format-card:hover{padding-inline:8px}.book{grid-template-columns:1fr;padding-top:22px}.book-cover-image{width:72%;margin:0 auto 12px}.book-cover-image:hover{transform:translateY(-5px);box-shadow:7px 9px 0 var(--signal)}.book-two .book-cover-image:hover{box-shadow:7px 9px 0 var(--blue)}.book-meta{padding-top:4px}.modal{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){.quality-check strong,.format-card::before,.format-card::after,.book-cover-image,.arrow-link,.contact-link{transition:none}.book-meta details[open] p{animation:none}}