:root{--bg:#0b0a18;--surface:#151424;--panel:#17152c;--ink:#f7f5f1;--muted:#bab5c9;--lime:#d6ff59;--pink:#ff7cc9;--blue:#9f9aff;--stroke:#ffffff2b;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--sans:Inter,"Arial Nova",system-ui,-apple-system,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);overflow-x:hidden;line-height:1.48}::selection{background:var(--pink);color:#11091a}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,canvas{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}p{margin:0}h1,h2,h3{line-height:1;letter-spacing:-.064em}h2{font-size:clamp(3.25rem,7.5vw,8.3rem);margin:0;font-weight:860}h2 em{font-style:normal;color:var(--pink)}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;z-index:100;background:var(--lime);color:#0b0a18;padding:12px}.skip:focus{top:1rem}.screen-reader{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
#nebula{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-3;opacity:.7}.grid-noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.13;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(#000,transparent 85%)}.scroll-line{height:3px;position:fixed;left:0;top:0;z-index:60;background:var(--lime);width:var(--scroll,0%);box-shadow:0 0 18px var(--lime)}.mono,.section-meta,.eyelabel,.btn,.brand,.nav-inner nav,.live,.kicker,.hero-motto,.principle .number,.micro-callout,.method-menu button,.method-note span,.deliverable,.plain-next,.control-group label,.form-index,.forge-input label,.brief-lines span,.filter,.pattern-card .pattern-meta,.work-grid small,.work-grid a>span,.qa-form legend,.download-kicker,.footer-links,.header-universe,.header-actions .icon-btn{font-family:var(--mono);font-size:.72rem;letter-spacing:.085em}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--stroke);background:#0b0a18e8;backdrop-filter:blur(14px)}.nav-inner{padding:0 clamp(1.1rem,4.2vw,5.5rem);min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:.95rem;white-space:nowrap;font-weight:850}.brand-glyph{font-family:var(--sans);font-size:2.4rem;line-height:.7;color:var(--lime);display:inline-block;animation:spinmark 24s linear infinite}.brand-dot{color:var(--pink)}.nav-inner nav{display:flex;align-items:center;gap:clamp(10px,1.7vw,29px)}.nav-inner nav a{color:var(--muted);transition:color .2s}.nav-inner nav a:hover,.nav-inner nav a:focus-visible{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{padding:10px 12px;border:1px solid var(--stroke);background:transparent;color:var(--ink);white-space:nowrap}.header-universe{padding:11px 15px;background:var(--lime);color:#0a0b12;white-space:nowrap;font-weight:700}.header-universe:hover{background:#fff}.live{color:var(--lime)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--lime);box-shadow:0 0 15px var(--lime);margin-right:5px;animation:beacon 1.9s infinite}
.hero{min-height:790px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 78% 35%,#6d43ff2b,transparent 73%)}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px clamp(1.2rem,5vw,6rem);font-size:.68rem;color:var(--muted);border-bottom:1px solid #ffffff12}.hero-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;max-width:1680px;margin:auto;padding:80px clamp(1.2rem,5vw,6rem) 105px;min-height:705px;position:relative}.hero-copy{position:relative;z-index:2}.kicker{color:var(--pink);margin-bottom:24px;font-size:.77rem}.mini-glyph{color:var(--lime);font-size:1.3rem;vertical-align:middle}.hero h1{font-size:clamp(5rem,11.3vw,12.5rem);letter-spacing:-.105em;line-height:.83;margin:0 0 38px;font-weight:920;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--lime);letter-spacing:-.11em}.word-shift{color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-lead{font-size:clamp(1rem,1.7vw,1.38rem);line-height:1.6;max-width:640px;color:#d8d5e4}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;padding:16px 21px;border:1px solid var(--lime);font-weight:750;font-size:.74rem;line-height:1.25;transition:background .25s,color .25s,transform .25s;text-align:center}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--lime);color:#11121a}.btn-primary:hover{background:#fff;border-color:#fff}.btn-outline{background:#0b0a18c9;color:var(--ink);border-color:#ffffff68}.btn-outline:hover{border-color:var(--pink);color:var(--pink)}.hero-motto{margin-top:75px;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.61rem}.hero-motto span{border-left:2px solid var(--pink);padding-left:10px}.hero-art{height:590px;position:relative;display:grid;place-items:center;transform:translateX(2%);filter:drop-shadow(0 0 65px #e85cff24)}.art-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #ffffff50;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff7cc914,transparent 65%)}.orbit-a{transform:rotate(-35deg) rotateX(58deg);animation:orbitA 17s linear infinite}.orbit-b{transform:rotate(40deg) rotateY(65deg);border:2px solid #d6ff5975;animation:orbitB 24s linear infinite}.orbit-c{width:68%;border-style:dashed;border-color:#b5aaff6a;animation:spinmark 36s linear infinite}.art-centre{position:relative;z-index:2;width:min(66%,400px);aspect-ratio:1;border-radius:27% 73% 41% 59% / 48% 38% 62% 52%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 27%,#f6ff9b,#d6ff59 33%,#99b621 63%,#101821 100%);box-shadow:inset -26px -38px 70px #10182093,0 0 120px #d6ff5926;transform:rotate(-13deg);animation:morph 9s ease-in-out infinite}.art-centre>span{font-size:clamp(7rem,16vw,15rem);line-height:.7;color:#140e22;text-shadow:3px 4px #ff7cc9}.art-sticker{position:absolute;top:17%;font:.65rem var(--mono);color:#0b0a18;letter-spacing:.18em}.art-centre small{position:absolute;bottom:19%;font:.6rem var(--mono);letter-spacing:.05em;color:#111420}.orbit-tag{position:absolute;z-index:3;padding:9px 12px;border:1px solid #fff8;background:#151426dd;font:.65rem var(--mono);color:var(--lime)}.orbit-tag-a{top:10%;right:17%}.orbit-tag-b{bottom:10%;left:8%;color:var(--pink)}.orbit-tag-c{right:1%;bottom:26%}.hero-marquee{overflow:hidden;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:var(--pink);color:#12091b;font-weight:920;font-size:clamp(1.2rem,3vw,2.4rem);letter-spacing:-.04em;white-space:nowrap}.marquee-track{width:max-content;padding:10px 0;animation:marquee 32s linear infinite}
.section{position:relative;padding:clamp(75px,8vw,145px) clamp(1.2rem,5vw,6rem);border-bottom:1px solid var(--stroke)}.section-meta{display:flex;justify-content:space-between;gap:14px;color:var(--lime);margin-bottom:60px;font-size:.7rem}.section-meta span:last-child{text-align:right;color:var(--muted)}.split-heading{display:grid;grid-template-columns:1.5fr .58fr;gap:8%;align-items:end;margin-bottom:54px}.split-heading>p{color:var(--muted);font-size:1.12rem;line-height:1.7;max-width:510px;padding-bottom:8px}.thesis{background:linear-gradient(160deg,#10101f,#161128a8 67%,#0d0c1d)}.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.principle{position:relative;border:1px solid #ffffff33;background:linear-gradient(145deg,#ffffff0b,#ffffff04);padding:30px 24px 26px;min-height:450px;transition:border .2s,transform .25s}.principle:hover{border-color:var(--lime);transform:translateY(-5px)}.principle .number{color:var(--lime)}.principle-icon{font-size:4rem;color:var(--pink);height:94px;display:flex;align-items:center}.principle h3{font-size:clamp(1.55rem,2vw,2.7rem);line-height:1.05;letter-spacing:-.06em;margin:0 0 17px}.principle p{color:var(--muted);font-size:.93rem;line-height:1.7}.micro-callout{border-top:1px solid var(--stroke);margin-top:25px;padding-top:17px;color:#cfc7dc;line-height:1.75;letter-spacing:0;font-size:.7rem}.micro-callout b{color:var(--lime)}.thesis-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:44px;color:#bdb7ce;font-size:.64rem}
.method{background:radial-gradient(circle at 95% 2%,#f679c015,transparent 39%),#11101f}.method h2{margin-bottom:55px}.method-grid{display:grid;grid-template-columns:minmax(210px,.76fr) minmax(0,1.7fr);gap:20px}.method-menu{display:flex;flex-direction:column;gap:6px}.method-menu button{border:1px solid var(--stroke);background:#17152a;color:var(--ink);padding:20px;text-align:left;display:flex;gap:17px;align-items:center;font-size:.74rem;transition:background .2s}.method-menu button span{color:var(--pink)}.method-menu button b{margin-left:auto}.method-menu button[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:#10101b;font-weight:900}.method-menu button[aria-selected=true] span{color:#10101b}.method-menu button:hover:not([aria-selected=true]){background:#28243b}.method-detail{border:1px solid #ffffff4c;background:linear-gradient(140deg,#251d3b,#100f20);padding:clamp(24px,4vw,64px);min-height:610px;display:flex;flex-direction:column}.eyelabel{color:var(--lime)}.method-detail h3{font-size:clamp(2.1rem,4.5vw,5.4rem);margin:31px 0 25px}.method-detail>p{font-size:1.15rem;line-height:1.6;color:#ddd6ec;max-width:800px}.method-note{border-top:1px solid #ffffff26;margin-top:25px;padding:20px 0 0}.method-note span{color:var(--lime)}.method-note p{margin-top:9px;color:var(--muted);line-height:1.6}.method-warning span{color:var(--pink)}.deliverable{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--stroke);margin-top:auto;padding-top:23px}.deliverable span{color:var(--pink)}.deliverable strong{color:var(--lime)}.plain-next{align-self:flex-end;border:0;background:none;color:var(--lime);font:750 .76rem var(--mono);padding:22px 0 0}
.synth{background:radial-gradient(circle at 79% 42%,#6d59d137,transparent 50%),#0d0c18}.synth-grid{display:grid;grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.synth-panel,.forge-input{padding:clamp(23px,3vw,43px);border:1px solid #ffffff3b;background:#151427e8}.control-group{margin-bottom:27px}.control-group label{display:flex;justify-content:space-between;gap:18px;color:var(--ink);margin-bottom:13px}.control-group output{color:var(--lime)}.control-group select,.control-group input[type=text],.forge-input input:not([type=range]),.forge-input select{color:var(--ink);border:1px solid #ffffff55;border-radius:0;background:#201d35;width:100%;height:52px;padding:12px;font-size:.95rem;min-width:0}.control-group select option,.forge-input select option{background:#201d35}.control-group input[type=range],.forge-input input[type=range]{width:100%;height:28px;accent-color:var(--pink);cursor:ew-resize}.help{color:var(--muted);font-size:.79rem;line-height:1.5;margin-top:5px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.button-row .btn{flex:1;min-width:180px}.poster-shell{border:1px solid #fff6;background:#0d0b17;padding:14px;box-shadow:0 22px 90px #0006}.poster-shell canvas{width:100%;height:auto;display:block;aspect-ratio:4/5;background:#131129}.poster-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);padding:15px 3px 3px;font-size:.6rem}.forge{background:radial-gradient(circle at 5% 30%,#e45b8c19,transparent 40%),#141024}.forge-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.forge-heading p{font-size:1.1rem;color:var(--muted);max-width:780px;margin-top:33px;line-height:1.7}.forge-badge{border:1px solid var(--lime);color:var(--lime);padding:24px;white-space:nowrap;line-height:2}.forge-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:18px;align-items:start}.form-index{display:flex;justify-content:space-between;color:var(--lime);margin-bottom:30px}.forge-input label{display:block;margin:23px 0 9px;color:var(--ink)}.forge-input .control-group label{display:flex}.forge-input>label:first-of-type{margin-top:12px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px}.privacy-text{font-size:.78rem;color:var(--muted);line-height:1.5;margin-top:20px}.forge-output{border:1px solid #ffffff48;background:linear-gradient(148deg,#25213b,#11101d 50%);padding:clamp(24px,3vw,50px);min-height:680px}.forge-output h3{font-size:clamp(2.2rem,4.6vw,5.5rem);margin:15px 0 20px;line-height:.99}.brief-hook{color:var(--pink);font-size:1.25rem;line-height:1.55;max-width:800px;margin-bottom:31px}.brief-lines{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brief-lines>div{border-top:1px solid #ffffff38;padding:16px 0 8px}.brief-lines span{color:var(--lime);font-size:.64rem}.brief-lines p{margin-top:9px;color:#d9d3e6;line-height:1.58;font-size:.91rem}.forge-output .button-row{margin-top:32px}.patterns{background:#0c0b18}.pattern-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.filter{border:1px solid #ffffff51;background:#18152b;color:#eeeaf5;padding:12px 17px;font-size:.68rem}.filter.active,.filter[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#15111e;font-weight:900}.filter:hover:not(.active){border-color:var(--lime)}.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pattern-card{border:1px solid #ffffff33;background:linear-gradient(140deg,#211a34,#11101d);min-height:250px}.pattern-card summary{list-style:none;cursor:pointer;padding:27px 25px;min-height:230px;display:flex;flex-direction:column}.pattern-card summary::-webkit-details-marker{display:none}.pattern-card summary:focus-visible{outline-offset:-4px}.pattern-card[open]{border-color:var(--lime)}.pattern-meta{display:flex;justify-content:space-between;gap:5px;color:var(--lime)}.pattern-card h3{font-size:clamp(1.5rem,2.1vw,2.75rem);margin:28px 0 14px}.pattern-card .pattern-teaser{color:var(--muted);line-height:1.6;font-size:.89rem}.pattern-expand{display:flex;justify-content:space-between;color:var(--pink);font:750 .68rem var(--mono);margin-top:auto;padding-top:18px}.pattern-content{padding:0 25px 27px;font-size:.9rem;line-height:1.65}.pattern-content p{color:var(--muted);padding:15px 0;border-top:1px solid var(--stroke)}.pattern-content strong{color:var(--lime)}.pattern-helper{font-size:.64rem;color:var(--muted);padding-top:26px}.cases{background:linear-gradient(150deg,#211427,#0b0a18 56%)}.section-intro{max-width:820px;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:28px 0 50px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.work-grid a{position:relative;display:flex;flex-direction:column;padding:26px;border:1px solid #ffffff36;background:#ffffff07;min-height:290px;transition:background .2s,transform .25s}.work-grid a:hover{background:#d6ff5913;border-color:var(--lime);transform:translateY(-4px)}.work-grid small{color:var(--lime);line-height:1.5}.work-grid h3{font-size:clamp(1.5rem,2.3vw,3rem);line-height:1.06;margin:34px 0 17px}.work-grid p{color:var(--muted);font-size:.89rem;line-height:1.6;margin-bottom:23px}.work-grid a>span{margin-top:auto;color:var(--pink)}
.quality{background:#151020}.qa-layout{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:25px}.qa-meter{border:1px solid var(--stroke);background:#211a32;padding:35px;text-align:center;align-self:start;position:sticky;top:100px}.qa-ring{--completion:0%;width:min(220px,100%);margin:0 auto 35px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(closest-side,#211a32 76%,transparent 78% 100%),conic-gradient(var(--lime) var(--completion),#ffffff20 0)}.qa-ring>span{font-weight:900;font-size:clamp(4.2rem,7vw,7rem);line-height:1;letter-spacing:-.09em}.qa-ring small{font:.65rem var(--mono);color:var(--muted)}.qa-meter>p{color:var(--muted);line-height:1.7}.button-stack{display:grid;gap:10px;margin-top:25px}.qa-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.qa-form fieldset{min-width:0;margin:0;border:1px solid #ffffff36;padding:25px;background:#0e0c1c}.qa-form legend{font-weight:800;color:var(--lime);padding:0 8px}.qa-form label{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff1c;line-height:1.5;cursor:pointer;font-size:.91rem}.qa-form label:last-child{border:0}.qa-form input{accent-color:var(--lime);height:20px;width:20px;flex:0 0 20px;margin:0;cursor:pointer}
.download{background:radial-gradient(circle at 80% 40%,#d6ff5920,transparent 40%),#111323}.download-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:40px}.download-kicker{color:var(--lime)}.download h2{margin:26px 0 28px}.download p{max-width:720px;color:var(--muted);font-size:1.12rem;line-height:1.8}.download .download-foot{font-size:.65rem;margin-top:30px;color:var(--lime)}.book-art{perspective:950px;min-height:540px;display:grid;place-items:center}.book-cover{width:min(370px,85%);aspect-ratio:3/4;background:linear-gradient(135deg,#d6ff59 0 62%,#b4dc23 100%);color:#121422;box-shadow:-15px 12px 0 #a6b62c,2px 35px 60px #000b;padding:30px;display:flex;flex-direction:column;transform:rotateY(-17deg) rotateZ(6deg);transition:transform .5s;position:relative}.book-cover:hover{transform:rotateY(-5deg) rotateZ(0)}.book-cover>span,.book-cover small{font:700 .72rem var(--mono)}.book-cover strong{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.89;letter-spacing:-.08em;margin-top:70px}.book-cover b{font-size:5.4rem;margin-top:auto;line-height:1}.book-cover small{margin-top:15px}.closing{text-align:center;background:var(--pink);color:#160d21;padding:clamp(95px,11vw,170px) 20px}.closing>.mono{margin-bottom:28px}.closing h2{font-size:clamp(4rem,10vw,12.5rem)}.closing h2 em{color:#fff}.closing>p:not(.mono){font-size:1.2rem;margin:32px auto;max-width:500px;line-height:1.6}.closing .btn{background:#130d20;color:white;border-color:#130d20}.closing .btn:hover{background:#fff;color:#130d20}footer{background:#0b0a18;border-top:1px solid var(--stroke);padding:55px clamp(1.2rem,5vw,6rem);display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:50px}footer .footer-mark{font-size:1.75rem;font-weight:900;letter-spacing:-.08em;color:var(--lime)}footer p{color:var(--muted);line-height:1.7;max-width:400px;margin-top:17px;font-size:.87rem}.footer-links{display:grid;align-content:start;gap:14px;color:var(--pink)}.footer-links a:hover{color:var(--lime)}.footer-year{color:var(--muted);line-height:2;font-size:.68rem}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--lime);color:#080c15;z-index:100;padding:12px 22px;font:750 .8rem var(--mono);border:1px solid #0006;box-shadow:0 15px 50px #000a;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spinmark{to{transform:rotate(360deg)}}@keyframes orbitA{to{transform:rotate(325deg) rotateX(58deg)}}@keyframes orbitB{to{transform:rotate(400deg) rotateY(65deg)}}@keyframes morph{0%,100%{border-radius:27% 73% 41% 59% / 48% 38% 62% 52%;transform:rotate(-13deg)}50%{border-radius:58% 42% 57% 43%/34% 63% 37% 66%;transform:rotate(12deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes beacon{50%{opacity:.38;box-shadow:0 0 1px var(--lime)}}
@supports (animation-timeline: view()){.principle,.work-grid a{animation:enterBoth linear both;animation-timeline:view();animation-range:entry 0% cover 25%}@keyframes enterBoth{from{opacity:.25;translate:0 18px}to{opacity:1;translate:0 0}}}
@media(max-width:1380px){.principle-grid{grid-template-columns:repeat(2,1fr)}.principle{min-height:380px}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.nav-inner nav{gap:12px}.nav-inner nav a:nth-child(2),.nav-inner nav a:nth-child(3){display:none}.header-universe{display:none}.hero-layout{grid-template-columns:1fr .6fr}.hero-art{height:430px}.split-heading{grid-template-columns:1fr .65fr;gap:30px}.pattern-grid{grid-template-columns:repeat(2,1fr)}.qa-layout{grid-template-columns:.6fr 1.4fr}}
@media(max-width:800px){.nav-inner{min-height:70px}.nav-inner nav a:nth-child(4),.nav-inner nav a:nth-child(5){display:none}.hero-top{font-size:.57rem}.hero-top .live{display:none}.hero-layout{grid-template-columns:1fr;padding-top:80px;padding-bottom:75px;min-height:unset}.hero h1{font-size:clamp(4.4rem,14.3vw,8rem)}.hero-art{position:absolute;opacity:.29;right:-20%;top:90px;width:65vw;height:420px;pointer-events:none}.hero-motto{margin-top:57px}.split-heading,.synth-grid,.forge-grid,.download-layout{grid-template-columns:1fr}.split-heading>p{margin-top:14px;max-width:760px}.method-grid{grid-template-columns:1fr}.method-menu{flex-direction:row;overflow:auto;padding-bottom:8px}.method-menu button{min-width:184px;padding:15px}.method-menu button b{display:none}.method-detail{min-height:480px}.forge-heading{display:block}.forge-badge{display:inline-block;margin-top:22px}.qa-layout{grid-template-columns:1fr}.qa-meter{position:static}.qa-ring{width:175px}.qa-form{grid-template-columns:1fr 1fr}.book-art{min-height:440px}.book-cover{max-width:300px}footer{grid-template-columns:1fr 1fr;gap:30px}.footer-year{grid-column:1/-1}}
@media(max-width:560px){.site-header .brand{font-size:.81rem}.nav-inner{gap:7px;padding:0 14px}.nav-inner nav a:not(:last-child){display:none}.nav-inner nav a:last-child{font-size:.64rem}.header-actions .icon-btn{padding:9px 7px;font-size:.59rem}.hero h1{font-size:clamp(3.8rem,14vw,5.5rem)}.hero-top{padding:19px}.hero-layout{padding:65px 19px 64px}.hero-art{width:95vw;right:-52%;top:65px}.kicker{font-size:.64rem}.hero-lead{font-size:1.03rem}.hero-actions .btn{width:100%}.hero-motto{gap:13px;font-size:.57rem}.section{padding:74px 19px}.section-meta{font-size:.61rem;margin-bottom:43px}.section-meta span:last-child{max-width:42%}h2{font-size:clamp(2.9rem,12.4vw,5.7rem)}.principle-grid,.pattern-grid,.work-grid,.qa-form{grid-template-columns:1fr}.principle{min-height:auto}.method-detail h3{font-size:2.6rem}.method-detail{padding:23px;min-height:570px}.method-detail>p{font-size:1rem}.two-inputs,.brief-lines{grid-template-columns:1fr}.forge-input,.forge-output,.synth-panel{padding:22px}.forge-output h3{font-size:2.7rem}.button-row .btn{width:100%;min-width:0}.poster-footer{font-size:.5rem}.qa-meter{padding:30px}.download h2{font-size:clamp(3.4rem,15vw,6rem)}.closing h2{font-size:clamp(3.1rem,13vw,6rem)}footer{grid-template-columns:1fr}.footer-year{grid-column:auto}.brand-glyph{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#nebula{opacity:.15}.principle,.work-grid a{translate:none!important;opacity:1!important}}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="off"] #nebula{opacity:.15}
/* Small-screen navigation keeps the most useful action visible, not an arbitrary last item. */
@media(max-width:560px){.nav-inner nav a{display:none!important}.nav-inner nav a:nth-child(4){display:inline!important}}