/* blueprint/style.css */
@font-face{font-family:Founders;src:url('/home-study/assets/founders-grotesk-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Cabinet;src:url('/home-study/assets/cabinet-grotesk-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{--cream:#F1F3F2;--paper:#F9FBFA;--pink:#F5C5D5;--blue:#D9E4E5;--red:#F54C32;--ink:#24221F;--line:#C9CECD;--body:Cabinet,Arial,sans-serif;--display:Founders,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--cream);color:var(--ink);font:22px/1.3 var(--body)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;font-family:var(--display);letter-spacing:0;line-height:.9}a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a,input,summary,textarea{touch-action:manipulation}::selection{background:var(--red);color:var(--cream)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}input,textarea{caret-color:var(--red)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#8a8e8b;border:2px solid var(--cream)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 60px));margin-inline:auto}.mono{font:12px/1.4 var(--mono);letter-spacing:.025em}.comparison-bar{height:42px;background:var(--ink);color:var(--cream);font-size:12px;display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:30;padding:5px 12px}.comparison-bar>a{text-decoration:none}.comparison-bar>span{border:1px solid var(--cream);padding:4px 10px}.comparison-bar button{font-size:12px;background:none;border:0;padding:4px;color:var(--cream);text-decoration:underline;text-underline-offset:3px}.hero{min-height:1450px;position:relative;padding-top:90px;overflow:hidden}.hero-sky{position:absolute;inset:0 0 auto;height:950px;background:url('/home-study/blueprint/assets/wasc-sky.png') center top/cover no-repeat;z-index:0;mask-image:linear-gradient(#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(#000 50%,transparent 100%)}.living-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero>.living-field{height:1000px;opacity:0;transition:opacity .5s}.type-background .hero>.living-field{opacity:1}.type-background .hero-sky{opacity:.12}.hero-sky{transition:opacity .5s}.retro{border:1px solid var(--ink);padding:3px;background:var(--cream);box-shadow:inset 1px 1px var(--paper),inset -1px -1px #777}.window-title{font:13px/1.2 var(--mono);background:var(--ink);color:var(--cream);padding:4px 6px;letter-spacing:0}.window-body{padding:10px}.announcement{position:relative;width:364px;margin:0 auto;z-index:2;background:var(--cream);font-family:var(--mono);font-size:15px;text-align:center}.announcement .window-title{text-align:left;font-size:12px}.announcement p{padding:13px 8px 10px;line-height:1.3}.announcement a{font-size:15px;display:inline-block;margin-bottom:11px}.hero-statement{position:relative;max-width:1100px;margin:125px auto 0;text-align:center;z-index:2}.hero h1{font-size:150px;line-height:.8;letter-spacing:0;-webkit-text-stroke:.3px currentColor;position:relative}.margin-rail{position:absolute;left:-5px;top:140px;writing-mode:vertical-rl;transform:rotate(180deg);font:10px/1 var(--mono);letter-spacing:.1em}.interrupt{position:absolute;top:57%;left:50%;transform:translateX(-50%);background:var(--red);font-size:18px;font-weight:750;white-space:nowrap;display:flex;gap:8px;align-items:center;text-decoration:none;padding:3px 8px;box-shadow:2px 4px 4px #24221f33}.interrupt svg{width:18px;height:18px;fill:currentColor}.hero-explanation{position:relative;text-align:center;font-size:19px;margin:48px auto 0;max-width:650px;line-height:1.35}.hero-actions{position:relative;display:flex;justify-content:center;gap:80px;margin-top:54px;font:700 57px/.9 var(--display)}.hero-actions a{border-bottom:4px solid currentColor;text-decoration:none;padding-bottom:7px}.hero-actions a:hover{color:var(--red)}.edge-label{position:absolute;bottom:15px;left:10px;font:9px/1 var(--mono)}.pink-world{background:var(--pink);padding-top:30px}.desktop-scene{height:800px;position:relative;border:1px solid var(--ink);overflow:hidden}.scene-label{position:absolute;left:0;top:0;background:var(--ink);color:var(--pink);padding:4px 8px;z-index:4}.scene-background{position:absolute;inset:0;background:url('/home-study/blueprint/assets/wasc-sky.png') center/cover;filter:grayscale(1) contrast(1.8);mix-blend-mode:multiply;opacity:.6}.desktop-scene .retro{position:absolute;z-index:2}.scene-brief{left:3%;top:80px;width:30%}.scene-brief h2{font-size:40px;margin-bottom:15px}.scene-brief p{font-size:18px}.scene-haiku{left:13%;top:245px;width:23%;z-index:3!important}.scene-sonnet{left:39%;top:140px;width:25%;z-index:3!important}.scene-opus{left:66%;top:220px;width:27%;z-index:3!important}.desktop-scene b{font:700 32px/.95 var(--display)}.desktop-scene .retro p{font-size:17px;margin-top:9px}.scene-receipt{left:25%;top:335px;width:53%;z-index:5!important}.scene-receipt .window-body{padding:20px 14px}.scene-row{display:flex;align-items:center;gap:15px;font-size:15px;margin-bottom:18px}.scene-row>span{width:125px;flex:none}.scene-row>div{height:25px;flex:1;background:#dedede;position:relative}.scene-row i{display:block;height:100%;width:var(--w);background:var(--color)}.scene-row b{position:absolute;right:5px;top:4px;font:13px/1 var(--mono);background:var(--cream);padding:2px}.scene-receipt .window-body .mono{font:12px/1.4 var(--mono);margin-top:24px}.scene-clock{right:10px;top:25px;width:235px}.scene-clock time{font:24px/1.3 var(--mono);display:block}.scene-clock span{display:block;margin-top:10px}.scene-life{right:15px;bottom:20px;width:135px;background:var(--pink)}.life-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:8px;background:var(--ink);border:1px solid var(--ink)}.life-grid i{aspect-ratio:1;background:var(--pink)}.life-grid i.alive{background:var(--ink)}.scene-life>span{display:block;font-size:10px;margin:6px}.scene-version{left:15px;bottom:15px;width:290px;background:var(--pink)}.scene-version .window-body{display:flex;gap:14px;align-items:center;font-size:15px}.scene-version img{width:35px}.display{font-size:150px;line-height:.8;letter-spacing:0}.bracket{position:relative}.bracket:before,.bracket:after{content:'';position:absolute;pointer-events:none;inset:0;border:solid var(--ink);border-width:1px 0;mask:linear-gradient(90deg,#000 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px));-webkit-mask:linear-gradient(90deg,#000 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}.bracket:after{border-width:0 1px;mask:linear-gradient(#000 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px));-webkit-mask:linear-gradient(#000 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}.research{padding-top:70px}.research>.display{text-align:center;padding:35px 0 50px}.research-grid{display:grid;grid-template-columns:1fr 1fr .45fr;gap:28px;margin:50px 0}.ruled{border-left:1px solid currentColor;padding-left:10px}.research-grid>.ruled>p{font-size:22px;line-height:1.25;margin-top:32px}.research-grid>.ruled>p+p{margin-top:20px}.margin-code{padding-left:10px;word-break:break-word;line-height:1.7}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1050px;margin:60px 0 100px}.principles h3{font-size:34px;margin-bottom:25px}.principles p{font-size:19px;line-height:1.3}.argument>.display{text-align:center;padding-top:20px}.small-proof{display:block;text-align:center;font-size:15px;margin:28px 0 80px}.framed{padding:9px;border:1px solid var(--ink);position:relative}.comparison-panel{background:var(--paper);min-height:640px}.comparison-main{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:80px 42px 60px}.comparison-main strong{display:block;font:700 155px/.9 var(--display);margin-top:28px}.comparison-main p{font-size:22px;margin-top:20px}.comparison-bars{padding-top:55px}.comparison-bars>div{margin-bottom:30px}.comparison-bars>div>span{font-size:17px;display:block;margin-bottom:8px}.comparison-bars>div>div{height:35px;background:#dedede;position:relative}.comparison-bars i{display:block;width:var(--w);height:100%;background:var(--color)}.comparison-bars b{position:absolute;right:8px;top:7px;font:16px/1.1 var(--mono)}.panel-caption{font-size:16px;line-height:1.4;padding:20px 40px;border-top:1px solid var(--ink)}.argument-callout{display:flex;justify-content:space-between;align-items:end;gap:60px;padding:80px 0 100px}.argument-callout h3{font-size:76px;max-width:650px}.argument-callout p{font-size:22px;max-width:430px}.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:100px;align-items:stretch}.confidence-window{background:var(--paper)}.confidence-grid{display:grid;grid-template-columns:repeat(17,1fr);gap:3px;padding:35px 20px}.confidence-grid i{height:23px;background:var(--pink);border:1px solid var(--ink)}.confidence-grid i.low{background:var(--ink)}.confidence-key{display:flex;justify-content:space-between;gap:15px;padding:15px;font:12px/1.3 var(--mono)}.confidence-key i{display:inline-block;width:10px;height:10px;background:var(--ink)}.demo-copy{display:flex;flex-direction:column;padding-left:10px;border-left:1px solid var(--ink)}.demo-copy h2{font-size:64px;margin:0 0 45px}.demo-copy p{margin-bottom:25px;font-size:22px;line-height:1.3}.demo-copy a{font-size:18px;margin-top:auto}.medium-display{font-size:64px;line-height:.9}.evidence>.medium-display{padding:30px 80px;margin-bottom:100px}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:80px}.evidence-pair figure{padding:0 20px 0 10px}.label{display:inline-block;background:var(--ink);color:var(--pink);padding:4px 6px}.session-chart,.direction-chart{padding:50px 5px;display:flex;flex-direction:column;gap:35px}.session-chart>div,.direction-chart>div{display:flex;gap:20px;align-items:baseline;position:relative;padding-bottom:20px}.session-chart b,.direction-chart b{font:700 70px/.85 var(--display);min-width:140px}.session-chart span,.direction-chart span{font-size:19px}.session-chart i,.direction-chart i{position:absolute;bottom:0;left:0;width:var(--w);height:7px;background:var(--ink)}.direction-chart>div:first-child i{background:var(--red)}.evidence-pair figcaption{font-size:17px;line-height:1.35;max-width:550px}.latency-scene{min-height:520px;background:var(--cream)}.latency-main{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:70px 35px}.receipt-total strong{font:700 150px/.9 var(--display);display:block}.receipt-total>span{font-size:22px;display:block;margin-top:15px}.receipt-total>p{font-size:18px;margin-top:30px}.latency-track h3{font-size:58px;line-height:.95}.latency-track p{font-size:20px;line-height:1.3;margin-top:25px}.speedline{height:35px;position:relative;margin:50px 0 15px;border-bottom:1px solid var(--ink);border-top:1px solid var(--ink)}.speedline span{display:block;width:11px;height:15px;position:absolute;top:9px;background:var(--red);animation:speed 2.5s linear infinite alternate}@keyframes speed{to{left:calc(100% - 11px)}}.speedline span{left:0}.numeric-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:25px}.numeric-pair p{border-left:1px solid var(--ink);padding-left:10px}.numeric-pair b{display:block;font:700 64px/.9 var(--display)}.numeric-pair span{display:block;font-size:18px;margin-top:10px}.brand-pause{padding:120px 0 100px}.big-brand{display:flex;align-items:center;justify-content:center;gap:35px;padding:65px 25px}.big-brand img{width:135px}.big-brand>span{font:850 110px/.9 var(--body);letter-spacing:-4px}.big-brand small{font-size:40px;font-weight:500;letter-spacing:-1px}.pause-cta{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:80px}.pause-cta h2{font-size:64px}.pause-cta a{font:700 55px/.9 var(--display);text-decoration:none;border-bottom:4px solid currentColor;padding-bottom:8px}.editorial-band{background:var(--blue);padding:100px 0}.editorial-band>.container>.medium-display{margin-bottom:60px}.editorial-layout{display:grid;grid-template-columns:820fr 270fr;gap:50px}.editorial-feature{text-decoration:none}.editorial-art{position:relative;height:450px;overflow:hidden}.editorial-art>img{width:100%;height:100%;object-fit:cover}.floating-receipt{position:absolute;width:300px;left:50%;top:75px;transform:translateX(-50%) rotate(-5deg);background:var(--cream)}.floating-receipt>strong{display:block;font:700 105px/.95 var(--display);margin:28px 20px 0}.floating-receipt>span{display:block;font-size:20px;margin:10px 20px 28px}.floating-receipt>img{width:70px;position:absolute;right:15px;bottom:30px}.category{display:inline-block;background:var(--ink);color:var(--cream);font:13px/1 var(--mono);padding:5px 6px;margin-top:20px}.editorial-feature h3{font-size:64px;margin:25px 0 20px}.editorial-feature>p{font-size:22px;line-height:1.3;max-width:750px}.editorial-layout aside{display:flex;flex-direction:column;gap:45px}.editorial-layout aside>a{text-decoration:none;border-left:1px solid var(--ink);padding-left:10px}.editorial-layout aside .category{margin-top:0;font-size:11px}.editorial-layout aside h3{font-size:35px;margin:25px 0 18px}.editorial-layout aside p{font-size:18px;line-height:1.3}.editorial-layout aside>a:last-child{font-size:18px;text-decoration:underline;margin-top:auto}.arrow{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.faq-section{background:var(--ink);color:var(--cream);padding:100px 0 80px}.faq-section>.container{position:relative}.faq-title{text-align:center;font:450 64px/.9 var(--body);letter-spacing:.025em;padding:20px 0;margin-bottom:70px}.faq-section .bracket:before,.faq-section .bracket:after{border-color:var(--cream)}.faq-list{max-width:670px}.faq-list details{padding:0 0 0 10px;margin-bottom:30px;border-left:1px dotted var(--cream)}.faq-list details[open]{border-left-style:solid}.faq-list summary{font:13px/1.5 var(--mono);list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-list summary:after{content:'+';font:18px/1 var(--mono);border:1px solid var(--cream);padding:0 2px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:22px;line-height:1.3;padding:35px 0 20px}.faq-mark{position:absolute;right:20px;bottom:0;width:190px;height:140px;display:grid;place-items:center}.faq-mark img{width:70px}.closing{background:var(--ink);color:var(--cream);padding:20px 0 0;position:relative;overflow:hidden}.join-row{display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative;z-index:2;padding:60px 0}.join-row h2{font-size:72px}.join-row form{max-width:520px;width:50%}.join-row label{font-size:18px;display:block;margin-bottom:12px}.join-row form>div{display:flex;border-bottom:1px solid var(--cream)}.join-row input{border:0;background:transparent;min-width:0;width:100%;color:var(--cream);padding:12px 0;font-size:18px}.join-row input::placeholder{color:var(--line)}.join-row button{border:0;background:var(--pink);color:var(--ink);font-weight:750;font-size:17px;padding:10px 16px;white-space:nowrap}.join-row form>p{font-size:12px;margin-top:14px}.footer-scene{height:740px;position:relative;overflow:hidden}.wireframe{position:absolute;inset:0;width:100%;height:100%;z-index:1}.footer-scene.bracket:before,.footer-scene.bracket:after{border-color:var(--cream)}.footer-wordmark{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:25px;z-index:2;white-space:nowrap}.footer-wordmark>img{width:125px}.footer-wordmark>span{font:850 108px/.85 var(--body);letter-spacing:-4px}.footer-wordmark small{display:block;text-align:right;font-size:36px;letter-spacing:-1px;font-weight:500}.footer-technical{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;z-index:2}.utility{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.closing>.living-field{opacity:.5}.subpage{min-height:100vh;padding:130px 0 100px}.sub-intro{font-size:23px;max-width:680px;margin:45px 0 70px}.notes-page,.article-page{background:var(--blue)}.notes-controls{display:flex;gap:10px;margin-bottom:45px}.notes-controls button{border:1px solid var(--ink);padding:7px 12px;background:none;font:14px/1.3 var(--mono)}.notes-controls button.selected{background:var(--ink);color:var(--cream)}.notes-feature{max-width:1000px;display:grid;grid-template-columns:1.3fr 1fr;gap:45px;background:var(--ink);color:var(--cream);padding:35px;margin-bottom:65px}.notes-feature .category{background:var(--cream);color:var(--ink);margin:0}.notes-feature h2{font-size:65px;margin:40px 0 25px}.notes-feature p{font-size:21px;margin-bottom:40px}.notes-feature>a{font-size:18px}.notes-feature>img{max-height:420px;object-fit:contain}.notes-row{display:grid;grid-template-columns:250px 1fr;gap:30px;max-width:1000px;margin:35px 0;padding-left:10px;border-left:1px dotted var(--ink)}.notes-row a{text-decoration:none}.notes-row h2{font-size:40px;margin-bottom:15px}.notes-row p{font-size:20px}.article-hero{text-align:center}.article-art{position:relative;height:330px;max-width:720px;margin:0 auto 60px;overflow:hidden}.article-art>img:first-child{width:100%;height:100%;object-fit:cover}.article-art>img:last-child{position:absolute;width:180px;top:65px;left:50%;transform:translateX(-50%)}.article-hero .display{margin-bottom:40px}.article-hero>span{font-size:16px}.reading{max-width:800px;margin:100px auto 0;font-size:22px;line-height:1.4}.reading>p{margin-bottom:28px}.reading .lead{font-size:28px;line-height:1.25}.reading h2{font-size:64px;margin:65px 0 35px}.reading table{width:100%;border-collapse:collapse;font-size:20px;margin:40px 0}.reading th,.reading td{text-align:left;padding:18px 10px;border-bottom:1px solid var(--ink)}.reading figure{margin:60px 0}.reading figure img{max-height:650px;margin:auto}.reading figcaption{font-size:15px;margin-top:20px}.resource-page{background:var(--cream)}.resource-page .display{text-align:center}.resource-intro{max-width:800px;margin:65px auto 80px}.resource-intro>p{font-size:26px;line-height:1.3;margin-bottom:35px}.resource-intro>a{font:700 38px/1 var(--display)}.resource-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.resource-gallery img{width:100%;height:470px;object-fit:cover}.resource-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:100px 0}.resource-steps h2{font-size:40px;margin-bottom:25px}.resource-steps p{font-size:22px}.resource-close{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:50px 20px}.resource-close h2{font-size:64px}.resource-close a{font:700 40px/.95 var(--display);max-width:350px}.motion-resource-art{height:650px;position:relative;background:var(--pink)}.motion-resource-art>h2{position:absolute;top:30%;left:10%;font-size:150px;z-index:2}.about-page{background:var(--pink)}.about-visual{height:340px;display:grid;place-items:center;margin-bottom:70px}.about-visual img{width:200px}.about-page .display{text-align:center}.about-page .reading{margin-bottom:80px}.blueprint-map .display{font-size:110px}.mapping-row{display:grid;grid-template-columns:70px 1fr 1.3fr;gap:25px;border-top:1px solid var(--ink);padding:25px 0;font-size:18px}.mapping-row h2{font-size:30px}.mapping-row .mapping-count{font:13px/1.3 var(--mono)}.map-boundary{padding:60px 0;max-width:800px}.map-boundary h2{font-size:55px;margin-bottom:25px}.map-boundary p{margin-bottom:25px}.studio{display:grid;grid-template-columns:256px 1fr;min-height:calc(100vh - 42px);padding-top:0;background:var(--paper);font-size:14px}.studio-sidebar{background:var(--cream);border-right:1px solid var(--line);padding:30px 16px;display:flex;flex-direction:column;gap:10px}.studio-brand{display:flex;align-items:center;gap:10px;font:850 27px/1 var(--body);letter-spacing:-1px;text-decoration:none;margin-bottom:6px}.studio-brand img{width:26px}.studio-caption{font-size:12px;margin:0 0 40px}.studio-sidebar>button{border:0;border-radius:6px;padding:10px 12px;background:none;text-align:left;font-size:14px}.studio-sidebar>button.active{background:var(--pink);font-weight:650}.studio-return{margin-top:auto;font-size:12px}.studio>main{min-width:0}.studio-header{height:65px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 32px}.studio-header>span:last-child{background:var(--blue);padding:4px 9px;border-radius:4px;font-size:12px}.studio-headline{padding:40px 32px}.studio-headline h1{font:650 65px/.95 var(--body);letter-spacing:-.035em}.studio-headline p{font-size:16px;margin-top:20px}.studio-workspace{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.studio-inputs{border-right:1px solid var(--line)}.studio-workspace section{padding:25px 32px}.studio-workspace h2{font:650 17px/1.3 var(--body);letter-spacing:0;margin-bottom:20px}.work-evidence{border-top:1px solid var(--line)}.studio-workspace label{font-size:13px;display:block;margin-bottom:10px}.studio-workspace textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;font-size:15px;line-height:1.45;resize:vertical;background:white;display:block}.studio-workspace button{font-size:13px;border:1px solid var(--line);background:none;padding:8px 12px;border-radius:6px;margin-top:15px}.studio-workspace p{font-size:14px;line-height:1.45;margin-bottom:15px}.studio-workspace .check{margin-top:25px;display:flex;gap:10px;align-items:center}.studio-workspace .demo-label{font-size:12px;color:#5A605F}.studio-output{position:relative;min-width:0}#output-content{min-height:340px;display:grid;place-items:center;padding:20px;background:var(--cream)}#output-content>p{font-size:16px;max-width:270px;text-align:center}#output-content img{max-height:420px;width:auto}.studio-feedback{font-size:13px;line-height:1.45;margin-top:20px;min-height:20px}.preview-nav{display:flex;justify-content:center;align-items:center;gap:25px;font-size:12px}.preview-nav button{margin:0}.studio-runbar{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 32px}.studio-runbar>span{font-size:12px}.studio-runbar>div{display:flex;gap:10px}.studio-runbar button{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:none}.studio-runbar #load{background:var(--ink);color:var(--cream);border-color:var(--ink)}.studio-runbar button:disabled{opacity:.45;cursor:not-allowed}.mobile-tabs{display:none}.secondary-pane{padding:35px}.secondary-pane h2{font:650 35px/1.1 var(--body);letter-spacing:-.025em;margin-bottom:30px}.secondary-pane p{max-width:700px;font-size:18px;line-height:1.4;margin-bottom:25px}.assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.assets-grid img{max-height:330px;margin:auto}.paused *{animation-play-state:paused!important}.offscreen .speedline span{animation-play-state:paused!important}
@media(min-width:810px) and (max-width:1199px){.display,.hero h1{font-size:94px;line-height:.8}.hero{min-height:1160px}.hero-statement{max-width:850px}.hero-actions{font-size:44px;gap:50px}.desktop-scene{height:740px}.research-grid{grid-template-columns:1fr 1fr}.margin-code{display:none}.scene-brief{width:35%}.scene-receipt{width:65%;left:17%}.scene-opus{top:260px}.big-brand>span{font-size:75px}.big-brand img{width:100px}.big-brand small{font-size:28px}.comparison-main{gap:30px;padding-inline:25px}.comparison-main strong{font-size:120px}.latency-main{gap:25px;padding-inline:20px}.receipt-total strong{font-size:110px}.latency-track h3{font-size:45px}.editorial-feature h3{font-size:50px}.studio{grid-template-columns:200px 1fr}.studio-brand{font-size:21px}.studio-workspace section{padding:20px}.studio-runbar{flex-direction:column;align-items:start;padding-inline:20px}.footer-wordmark>span{font-size:80px}.footer-wordmark>img{width:90px}.blueprint-map .display{font-size:90px}}
@media(min-width:1200px) and (max-width:1439px){.display,.hero h1{font-size:140px;line-height:.8}.hero-statement{max-width:1080px}}
@media(max-width:809px){.container{width:calc(100% - 20px)}.comparison-bar{height:auto;min-height:54px;gap:5px 15px;flex-wrap:wrap;font-size:10px;padding:6px}.comparison-bar>span{padding:4px 6px}.comparison-bar button{font-size:10px}.comparison-bar>a{font-size:10px}.hero{padding-top:90px;min-height:900px}.hero-sky{height:640px;background-size:auto 640px}.hero>.living-field{height:750px}.announcement{width:304px;font-size:13px}.announcement .window-title{font-size:10px}.announcement p{padding:12px 4px}.announcement a{font-size:13px}.hero-statement{margin-top:85px;max-width:calc(100% - 40px)}.hero h1,.display{font-size:54px;line-height:.8;letter-spacing:0}.margin-rail{display:none}.interrupt{position:static;transform:none;margin:35px auto 0;width:max-content;font-size:15px;padding:4px 8px}.interrupt svg{width:15px;height:15px}.hero-explanation{font-size:17px;max-width:340px;margin-top:25px;padding-inline:5px;line-height:1.35}.hero-explanation br{display:none}.hero-actions{font-size:28px;line-height:1;gap:25px;margin-top:34px;padding:0 15px;flex-wrap:wrap}.hero-actions a{border-bottom-width:2px}.edge-label{font-size:8px}.pink-world{padding-top:20px}.desktop-scene{height:720px}.window-title{font-size:11px;padding:4px}.scene-label{font-size:9px}.scene-brief{left:3%;top:48px;width:63%}.scene-brief h2{font-size:31px}.scene-brief p{font-size:15px}.scene-haiku{left:3%;top:225px;width:41%}.scene-sonnet{left:49%;top:250px;width:47%}.scene-opus{left:30%;top:340px;width:65%}.desktop-scene b{font-size:25px}.desktop-scene .retro p{font-size:14px}.scene-receipt{left:5%;top:430px;width:90%}.scene-receipt .window-body{padding:15px 9px}.scene-row{gap:10px;font-size:12px;margin-bottom:12px}.scene-row>span{width:100px}.scene-row>div{height:21px}.scene-row b{font-size:11px;top:2px}.scene-receipt .window-body .mono{font-size:10px;margin-top:12px}.scene-clock{right:3%;top:160px;width:55%}.scene-clock .window-title{font-size:8px}.scene-clock time{font-size:20px}.scene-clock span{font-size:10px;margin-top:5px}.scene-life{display:none}.scene-version{left:4%;bottom:13px;width:65%}.scene-version .window-body{font-size:12px;gap:10px}.scene-version img{width:28px}.research{padding-top:40px}.research>.display{padding:30px 10px}.research-grid{grid-template-columns:1fr;gap:35px;margin:40px 10px}.research-grid>.ruled>p{font-size:20px;line-height:1.3;margin-top:25px}.margin-code{display:none}.principles{grid-template-columns:1fr;gap:30px;margin:45px 10px 65px}.principles h3{font-size:31px;margin-bottom:15px}.principles p{font-size:18px}.argument>.display{padding-top:20px}.small-proof{margin:25px 0 45px;font-size:14px}.comparison-panel{min-height:0}.comparison-main{grid-template-columns:1fr;gap:30px;padding:35px 18px}.comparison-main strong{font-size:110px;margin-top:20px}.comparison-main p{font-size:20px;margin-top:15px}.comparison-bars{padding-top:0}.comparison-bars>div{margin-bottom:20px}.comparison-bars>div>span{font-size:15px}.comparison-bars>div>div{height:28px}.comparison-bars b{font-size:13px;top:6px}.panel-caption{padding:20px 10px;font-size:15px}.argument-callout{display:block;padding:45px 10px 60px}.argument-callout h3{font-size:51px}.argument-callout p{font-size:20px;margin-top:25px}.demo-split{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.confidence-grid{padding:25px 5px;gap:2px}.confidence-grid i{height:17px}.confidence-key{font-size:10px;padding:12px 5px}.demo-copy{margin-inline:10px}.demo-copy h2{font-size:50px;margin-bottom:30px}.demo-copy p{font-size:20px}.demo-copy a{font-size:17px}.medium-display{font-size:50px;line-height:.9}.evidence>.medium-display{padding:25px 10px;margin-bottom:50px}.evidence-pair{grid-template-columns:1fr;gap:45px;margin:0 10px 55px}.evidence-pair figure{padding-right:0}.session-chart,.direction-chart{padding:35px 4px;gap:28px}.session-chart b,.direction-chart b{font-size:62px;min-width:110px}.session-chart span,.direction-chart span{font-size:17px}.evidence-pair figcaption{font-size:17px}.latency-scene{min-height:0}.latency-main{grid-template-columns:1fr;gap:45px;padding:35px 15px}.receipt-total strong{font-size:110px}.receipt-total>span{font-size:21px}.receipt-total>p{font-size:18px;margin-top:15px}.latency-track h3{font-size:48px}.latency-track p{font-size:18px}.speedline{margin-top:30px}.numeric-pair{gap:10px;margin-inline:10px}.numeric-pair b{font-size:44px}.numeric-pair span{font-size:15px}.brand-pause{padding:65px 0}.big-brand{gap:15px;padding:45px 12px}.big-brand img{width:57px}.big-brand>span{font-size:41px;letter-spacing:-1.3px;white-space:nowrap}.big-brand small{font-size:18px;letter-spacing:0;display:block;text-align:right}.pause-cta{display:block;margin:45px 10px 0}.pause-cta h2{font-size:49px}.pause-cta a{font-size:35px;margin-top:30px;display:inline-block;border-bottom-width:2px}.editorial-band{padding:60px 0}.editorial-band>.container>.medium-display{padding-inline:10px;margin-bottom:40px}.editorial-layout{grid-template-columns:1fr;gap:45px;padding-inline:10px}.editorial-art{height:310px}.floating-receipt{width:230px;top:50px}.floating-receipt>strong{font-size:80px;margin-top:22px}.floating-receipt>span{font-size:17px;margin-bottom:22px}.floating-receipt>img{width:48px;bottom:25px}.category{font-size:11px;margin-top:16px}.editorial-feature h3{font-size:45px;margin:24px 0}.editorial-feature>p{font-size:20px}.editorial-layout aside{gap:35px}.editorial-layout aside h3{font-size:34px;margin-top:18px}.editorial-layout aside p{font-size:18px}.faq-section{padding:60px 0 35px}.faq-title{font-size:51px;padding:25px 10px;margin-bottom:45px}.faq-list{margin:0 10px}.faq-list summary{font-size:12px;line-height:1.5;gap:12px}.faq-list summary:after{flex:none}.faq-list details p{font-size:20px;line-height:1.35;padding-top:25px}.faq-mark{display:none}.closing{padding-top:0}.join-row{display:block;padding:45px 10px}.join-row h2{font-size:55px;margin-bottom:35px}.join-row form{width:100%}.join-row form>div{display:block}.join-row button{width:100%;margin:8px 0 12px}.join-row input{font-size:17px}.join-row label{font-size:17px}.join-row form>p{font-size:11px}.footer-scene{height:430px}.footer-wordmark{gap:12px;top:52%}.footer-wordmark>img{width:50px}.footer-wordmark>span{font-size:42px;letter-spacing:-1px}.footer-wordmark small{font-size:23px;letter-spacing:0;margin-top:8px}.footer-technical{font-size:8px}.utility{padding:25px 20px;justify-content:start;flex-wrap:wrap;gap:15px 25px;font-size:13px}.utility>span{width:100%}.subpage{padding-top:120px;padding-bottom:60px}.subpage>.container{width:calc(100% - 40px)}.sub-intro{font-size:21px;margin:35px 0 45px}.notes-controls{gap:6px;margin-bottom:30px}.notes-controls button{font-size:12px;padding:6px 8px}.notes-feature{display:flex;flex-direction:column-reverse;padding:20px;gap:25px;margin-bottom:40px}.notes-feature>img{max-height:340px;width:100%;object-fit:contain}.notes-feature .category{font-size:10px}.notes-feature h2{font-size:45px;margin:25px 0}.notes-feature p{font-size:19px;margin-bottom:25px}.notes-feature a{font-size:18px}.notes-row{grid-template-columns:1fr;gap:20px}.notes-row h2{font-size:35px}.notes-row p{font-size:18px}.article-art{height:220px;margin-bottom:40px}.article-art>img:last-child{width:120px;top:45px}.article-hero .display{font-size:54px;margin-bottom:30px}.article-hero>span{font-size:13px}.reading{width:calc(100% - 60px);margin-top:60px;font-size:20px;line-height:1.4}.reading .lead{font-size:24px;line-height:1.3}.reading h2{font-size:48px;margin-top:45px}.reading table{font-size:16px}.reading th,.reading td{padding:15px 5px}.reading figure{margin-block:40px}.reading figcaption{font-size:13px}.resource-intro{margin:40px 0 50px}.resource-intro>p{font-size:22px;line-height:1.3}.resource-intro>a{font-size:30px}.resource-gallery{grid-template-columns:1fr;gap:20px}.resource-gallery img{height:auto;max-height:480px;object-fit:contain}.resource-steps{grid-template-columns:1fr;gap:35px;margin:60px 0}.resource-steps h2{font-size:35px;margin-bottom:20px}.resource-steps p{font-size:20px}.resource-close{display:block;padding:35px 15px}.resource-close h2{font-size:48px}.resource-close a{font-size:32px;display:block;margin-top:35px}.motion-resource-art{height:440px}.motion-resource-art>h2{font-size:85px}.about-visual{height:240px;margin-bottom:50px}.about-visual img{width:135px}.about-page .reading{width:100%;margin-top:55px}.blueprint-map .display{font-size:54px}.mapping-row{grid-template-columns:35px 1fr;gap:20px}.mapping-row>p{grid-column:2;font-size:17px}.mapping-row h2{font-size:29px}.map-boundary{padding:40px 0}.map-boundary h2{font-size:43px}.map-boundary p{font-size:19px}.studio{display:block;padding-top:0}.studio-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:20px 15px;gap:8px}.studio-brand{font-size:24px;margin:0}.studio-caption{margin:0 0 0 auto;font-size:10px}.studio-sidebar>button{margin-top:15px;padding:8px 12px;font-size:13px}.studio-sidebar .studio-return{display:none}.studio-header{padding:15px 20px;height:55px;font-size:13px}.studio-headline{padding:30px 20px}.studio-headline h1{font-size:43px;line-height:1;letter-spacing:-.025em}.studio-headline p{font-size:16px}.mobile-tabs{display:flex;border-block:1px solid var(--line)}.mobile-tabs button{flex:1;background:none;border:0;padding:12px;font-size:14px}.mobile-tabs button[aria-selected="true"]{background:var(--pink);font-weight:650}.studio-workspace{display:block;border-top:0}.studio-inputs{border-right:0}.studio-workspace section{padding:25px 20px}.work-evidence{border-top:0}.studio-output{min-height:430px}.studio[data-mobile-pane="brief"] .work-evidence,.studio[data-mobile-pane="brief"] .work-output{display:none}.studio[data-mobile-pane="evidence"] .work-brief,.studio[data-mobile-pane="evidence"] .work-output{display:none}.studio[data-mobile-pane="output"] .studio-inputs{display:none}.studio-runbar{display:block;padding:20px}.studio-runbar>div{display:flex;flex-wrap:wrap;margin-top:15px}.studio-runbar>span{font-size:11px}.studio-runbar button{font-size:12px;padding:9px 11px}.secondary-pane{padding:30px 20px}.secondary-pane h2{font-size:32px}.assets-grid{grid-template-columns:1fr 1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Preserve the small/big hierarchy without undersizing functional controls. */
@media(max-width:809px){.comparison-bar,.comparison-bar>a,.comparison-bar button{font-size:11px}.comparison-bar{gap:5px 12px;min-height:60px}.announcement .window-title,.scene-clock .window-title,.scene-label,.scene-clock span,.scene-receipt .window-body .mono,.scene-life>span,.confidence-key,.notes-feature .category,.studio-caption,.join-row form>p{font-size:11px}.edge-label,.footer-technical{font-size:10px}}

/* applied/style.css */
:root{--hl-green:#C8E4AE;--hl-yellow:#F2DB6F;--hl-violet:#D8C8F0;--hl-blue:#B9DDEB;--hl-coral:#F58575;--chapter:var(--hl-green);--marker:var(--hl-yellow);--cursor:url('/home-study/system-lab/cursor.svg') 16 16,crosshair}
body{background:var(--paper)}body[data-palette="original"]{--hl-green:#D9E4E5;--hl-yellow:#F5C5D5;--hl-violet:#F5C5D5;--hl-blue:#D9E4E5;--hl-coral:#F54C32;--chapter:#F5C5D5;--marker:#F5C5D5}html{scroll-padding-top:35px}button,a,summary{cursor:var(--cursor)}button:disabled{opacity:.4;cursor:not-allowed}button,select{min-height:36px}::selection{background:var(--marker);color:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink)}mark{background:var(--marker);color:var(--ink);padding:0 .05em;box-decoration-break:clone;-webkit-box-decoration-break:clone}a{transition:color .2s}a:hover{color:var(--red)}.skip{position:fixed;left:12px;top:10px;z-index:100;background:var(--marker);padding:12px;visibility:hidden;transform:translateY(-150%)}.skip:focus{visibility:visible;transform:none}.preview-bar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 14px;background:var(--ink);color:var(--cream);font-size:12px}.preview-bar button{border:0;background:none;color:inherit;padding:4px 8px;font-size:12px;min-height:28px}.preview-bar .palette-choice{display:flex;align-items:center;gap:4px}.preview-bar [aria-pressed="true"]{background:var(--marker);color:var(--ink)}.preview-bar #motion{text-decoration:underline}.hero{min-height:1060px;padding:96px 20px 85px;background:var(--paper)}.character-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero>.character-sky{height:650px;mask-image:linear-gradient(#000 40%,transparent 100%)}.hero .announcement{background:var(--cream);width:364px}.announcement p{font-family:var(--body);font-size:18px}.announcement a{font-family:var(--body);font-size:16px}.hero-statement{margin-top:100px;max-width:1000px}.hero h1{font-size:clamp(100px,12.2vw,176px);line-height:.79;letter-spacing:0;text-wrap:balance}.hero h1 mark{background:linear-gradient(transparent 18%,var(--marker) 18% 90%,transparent 90%);padding:0 12px}.margin-rail{left:15px;top:90px}.hero-explanation{margin-top:50px}.hero-actions{gap:65px;margin-top:44px;font-size:43px}.hero-actions a{border-bottom:3px solid currentColor}.hero-actions a:hover{border-bottom-width:6px}.sky-caption{position:absolute;bottom:18px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.sky-caption a{text-underline-offset:3px}.workbench-chapter{background:var(--chapter);padding:75px 0 35px}.bench-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.bench-heading h2{font-size:78px}.bench-heading p{font-size:21px;line-height:1.3}.bench-heading .preview-note{font-size:13px;margin-top:18px}.desktop-scene{height:1060px;isolation:isolate;background:var(--chapter)}.desktop-scene>.character-sky{opacity:.7}.bench-toolbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--ink);color:var(--cream);font:12px/1.4 var(--mono);z-index:20}.desktop-scene .bench-window{position:absolute;touch-action:pan-y;transition:outline-color .15s}.bench-window:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.bench-window [data-drag]{cursor:grab;touch-action:none;user-select:none}.bench-window.dragging [data-drag]{cursor:grabbing}.window-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;min-height:25px;padding:5px 7px}.window-title>span:last-child:not(:first-child){font-size:15px}.reel-window{left:3%;top:90px;width:43%;z-index:3!important}.reel-window .window-title{background:var(--hl-violet);color:var(--ink)}.reel-layout{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:14px}.reel-preview{height:306px;position:relative;overflow:hidden;background:var(--ink)}.reel-preview>img{width:100%;height:100%;object-fit:cover;animation:reel-pan 12s ease-in-out infinite alternate}.reel-caption{position:absolute;bottom:38px;left:9px;right:9px;font:700 32px/.92 var(--display);background:var(--cream);padding:8px}.reel-caption mark{font-size:26px;display:inline-block;margin-top:4px}.reel-time{position:absolute;top:8px;left:8px;background:var(--ink);color:var(--paper);font:11px/1.3 var(--mono);padding:4px}.edit-meta{padding-top:7px;display:flex;flex-direction:column}.edit-meta h3{font-size:37px}.desktop-scene .edit-meta p{font-size:17px;margin-top:20px}.edit-frames{display:flex;gap:8px;margin-top:auto;margin-bottom:13px}.edit-frames img{width:calc(50% - 4px);height:75px;object-fit:cover}.edit-meta .mono{font-size:11px}.timeline{display:grid;grid-template-columns:50px 1fr;gap:9px 10px;padding:4px 14px 14px;font:11px/1.3 var(--mono)}.timeline-clips{height:18px;display:flex;gap:3px;position:relative}.timeline-clips i{flex:1;background:var(--hl-violet);border:1px solid var(--ink)}.timeline-clips i:nth-child(even){background:var(--hl-blue)}.timeline-clips b{position:absolute;left:20%;height:50px;width:2px;background:var(--red);top:-3px}.wave{height:16px;background:var(--hl-green);clip-path:polygon(0 30%,4% 50%,8% 10%,12% 60%,16% 35%,20% 80%,24% 20%,28% 60%,32% 5%,36% 70%,40% 15%,44% 60%,48% 35%,52% 80%,56% 20%,60% 50%,64% 5%,68% 50%,72% 20%,76% 75%,80% 5%,84% 60%,88% 25%,92% 70%,96% 30%,100% 50%,100% 100%,0 100%)}.verdict-window{left:51%;top:155px;width:43%;z-index:4!important}.verdict-window .window-title{background:var(--marker);color:var(--ink)}.verdict-window .window-body{padding:18px}.verdict-head{display:flex;align-items:center;gap:22px;margin-bottom:20px}.verdict-head>img{width:50px}.verdict-head h3{font-size:39px}.test-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-pair img{width:100%;height:135px;object-fit:cover}.test-pair figcaption{font:11px/1.4 var(--mono);margin-top:7px}.inspection-line{display:flex;gap:20px;font-size:15px;border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.desktop-scene .verdict-window p{font-size:17px;margin-bottom:9px}.verdict-window .mono{font-size:11px}.carousel-window{left:21%;top:513px;width:47%;z-index:6!important}.carousel-window .window-title{background:var(--hl-blue);color:var(--ink)}.carousel-layout{padding:13px;display:grid;grid-template-columns:185px 1fr;gap:20px}.carousel-layout>img{width:185px;height:231px;object-fit:contain;background:var(--cream)}.carousel-meta{display:flex;flex-direction:column;align-items:start;padding-top:4px}.carousel-meta>.mono{font-size:11px}.carousel-meta h3{font-size:35px;margin-top:12px}.desktop-scene .carousel-meta p{font-size:15px;margin-top:12px}.carousel-meta>a{font-size:13px;margin-top:13px}.slide-controls{display:flex;align-items:center;gap:14px;margin-top:auto;font:11px/1.3 var(--mono)}.slide-controls button{border:1px solid var(--ink);background:var(--paper);min-height:32px;width:32px;font:18px/1 var(--body)}.slide-controls button:hover:not(:disabled){background:var(--marker)}.clock-window{right:2%;top:43px;width:230px;z-index:8!important;transform:translateY(0)}.clock-window .window-body{padding:12px}.clock-window label{font-size:12px}.clock-window select{font-size:13px;padding:2px;background:var(--cream);border:0;border-bottom:1px solid var(--ink);border-radius:0;max-width:100%}.clock-window #city{width:118px;margin-left:7px}.clock-window time{font:26px/1.3 var(--mono);font-variant-numeric:tabular-nums;display:block;margin:8px 0}.weather-controls{display:grid;grid-template-columns:35px 1fr;gap:3px 8px;align-items:center}.desktop-scene .clock-window p{font-size:11px;margin-top:10px}.clock-window{top:51px}.verdict-window{top:290px;left:55%;width:40%}.carousel-window{top:553px;left:18%}.reel-window{top:96px;width:47%}.pipeline-window{position:absolute;left:2%;right:2%;bottom:58px;z-index:2!important}.pipeline-window .window-title{background:var(--ink);color:var(--cream)}#step-pipeline{font:11px/1 var(--mono);background:var(--marker);color:var(--ink);border:0;padding:5px 8px;min-height:25px}.pipeline-stages{display:flex;padding:18px 24px;justify-content:space-between;gap:20px}.pipeline-stages span{font:700 29px/1 var(--display);position:relative;padding:3px 14px}.pipeline-stages span:not(:last-child):after{content:'→';position:absolute;right:-65px;font-family:var(--body);font-size:20px;top:3px}.pipeline-stages .current{background:var(--marker)}.pipeline-caption{display:flex;justify-content:space-between;gap:20px;padding:0 24px 14px;font:11px/1.4 var(--mono)}.bench-taskbar{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:8px;background:var(--cream);padding:8px 12px;border-top:1px solid var(--ink);font:11px/1.3 var(--mono)}.bench-taskbar button{font:12px/1.2 var(--body);border:1px solid var(--ink);padding:4px 14px;min-height:30px;background:var(--paper)}#reset-windows{margin-left:auto}.bench-taskbar button:hover{background:var(--marker)}.bench-caption{display:flex;justify-content:space-between;gap:25px;padding-top:20px;font-size:13px}.bench-caption a{font-size:19px;font-weight:650}.bench-window.raised{z-index:15!important}.point-of-view{padding:100px 0 80px}.point-of-view>.display{font-size:140px;text-align:center;padding:35px 0 50px;line-height:.82}.point-of-view mark{background:transparent;position:relative}.point-of-view mark:after{content:'';position:absolute;height:8px;background:var(--marker);bottom:0;left:0;right:0;z-index:-1}.point-of-view .research-grid{margin-bottom:0}.margin-code img{width:65px;margin-top:30px}.offer-chapter{background:var(--hl-blue);padding:95px 0 80px}.offer-chapter h2{font-size:100px;line-height:.85;max-width:1000px}.offer-chapter h2 mark{background:var(--paper)}.format-layout{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;margin:75px 0 65px}.format-layout article{min-width:0;border-top:1px solid var(--ink);padding-top:20px}.format-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.format-top h3{font-size:40px}.format-top img{width:36px}.format-layout p{font-size:19px;line-height:1.4}.news-fragments{margin-top:35px;display:flex;flex-direction:column;align-items:start;gap:10px;font:700 29px/1.1 var(--display)}.news-fragments span{background:var(--paper);padding:5px 8px}.news-fragments mark{padding:5px 8px}.verdict-note{margin-top:30px;padding:25px;background:var(--marker);display:flex;flex-direction:column;gap:20px}.verdict-note span{font-size:13px}.verdict-note strong{font:700 49px/.9 var(--display)}.list-block ol{margin:35px 0 0;padding:0;list-style-position:inside;font-size:19px}.list-block li{border-bottom:1px solid var(--ink);padding:15px 0}.list-block li::marker{font-family:var(--mono);font-size:14px}.list-tally{font:32px/1 var(--mono)}.large-link{display:flex;width:max-content;gap:35px;border-bottom:3px solid var(--ink);text-decoration:none;font:700 47px/1 var(--display);padding-bottom:9px}.large-link:hover{border-color:var(--red)}.resources-chapter{padding:100px 0}.resources-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.resources-intro h2{font-size:76px}.resources-intro p{font-size:22px;max-width:250px}.resource-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:50px}.resource-layout a{text-decoration:none}.resource-picture{position:relative;background:var(--ink);height:460px}.resource-picture img{width:100%;height:100%;object-fit:cover}.resource-picture>span{position:absolute;bottom:15px;left:15px;background:var(--marker);padding:6px 9px;font-size:13px}.resource-feature h3{font-size:72px;margin:28px 0 20px}.resource-feature p{font-size:21px;max-width:580px}.resource-link{display:inline-block;text-decoration:underline;font-size:17px;margin-top:22px}.resource-rail{display:flex;flex-direction:column;gap:45px}.motion-resource-card{padding:210px 25px 30px;background:var(--hl-violet);position:relative}.motion-resource-card canvas{position:absolute;inset:0 0 auto;width:100%;height:220px}.motion-resource-card h3{font-size:45px;position:relative}.motion-resource-card p{font-size:18px;margin-top:15px}.field-note{padding-left:15px;border-left:1px solid var(--ink)}.field-note h3{font-size:45px;margin:22px 0}.field-note p{font-size:18px}.faq-title{font-family:var(--body);font-size:64px}.faq-list details p{max-width:65ch}.faq-list summary{font-size:14px;min-height:32px}.faq-list summary:after{content:'';width:18px;height:18px;flex:none;background:linear-gradient(var(--cream),var(--cream)) center/10px 1px no-repeat,linear-gradient(var(--cream),var(--cream)) center/1px 10px no-repeat}.faq-list details[open] summary:after{content:'';background:linear-gradient(var(--cream),var(--cream)) center/10px 1px no-repeat}.closing>.character-sky{opacity:.18}.closing .join-row{padding-top:55px}.footer-scene{height:740px}.footer-scene .wireframe{height:100%;width:100%}.footer-wordmark{z-index:2;pointer-events:none}.footer-wordmark>span{font-family:var(--display);font-weight:700;letter-spacing:0}.utility{position:relative;z-index:2}.join-row button{background:var(--marker);color:var(--ink)}
@keyframes reel-pan{from{transform:scale(1.08) translateX(-2%)}to{transform:scale(1.22) translateX(3%)}}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .bench-window{transition:none}
@media(max-width:1100px){.container{width:calc(100% - 50px)}.hero{min-height:970px}.hero-actions{font-size:35px;gap:40px}.bench-heading h2{font-size:65px}.bench-heading p{font-size:18px}.reel-window{left:3%;width:49%}.reel-layout{gap:10px;padding:10px}.reel-preview{height:270px}.edit-meta h3{font-size:29px}.reel-caption{font-size:26px}.reel-caption mark{font-size:21px}.verdict-window{left:54%;width:43%;top:312px}.verdict-head h3{font-size:31px}.verdict-head>img{width:35px}.test-pair img{height:100px}.carousel-window{top:550px;left:13%;width:51%}.carousel-layout{grid-template-columns:145px 1fr;gap:15px}.carousel-layout>img{width:145px;height:181px}.carousel-meta h3{font-size:30px}.carousel-meta p{display:none}.carousel-meta>a{font-size:12px}.pipeline-stages span:not(:last-child):after{right:-35px}.point-of-view>.display{font-size:115px}.offer-chapter h2{font-size:84px}.format-layout{gap:25px}.format-top h3{font-size:32px}.format-layout p{font-size:17px}.verdict-note strong{font-size:38px}.news-fragments{font-size:24px}.resources-intro h2{font-size:65px}.resource-layout{gap:30px}.resource-picture{height:380px}.resource-feature h3{font-size:62px}.motion-resource-card h3{font-size:36px}.field-note h3{font-size:38px}.footer-scene{height:620px}}
@media(max-width:760px){.preview-bar{height:auto;min-height:61px;flex-wrap:wrap;justify-content:space-between;gap:2px;padding:5px 10px}.preview-bar>span{width:100%;font-size:11px}.preview-bar button{font-size:11px;min-height:26px;padding:3px 6px}.hero{padding:78px 20px 70px;min-height:880px}.hero>.character-sky{height:550px}.hero .announcement{width:300px;max-width:100%}.hero-statement{margin-top:86px}.hero h1{font-size:105px;line-height:.8;letter-spacing:0}.hero h1 mark{padding-inline:4px}.margin-rail{display:none}.hero-explanation{font-size:17px;margin-top:40px}.hero-explanation br{display:none}.hero-actions{flex-direction:column;align-items:center;gap:22px;font-size:30px;margin-top:35px}.sky-caption{left:20px;right:20px;font-size:11px;align-items:end}.sky-caption>span{max-width:190px}.container{width:calc(100% - 40px)}.workbench-chapter{padding:55px 0 25px}.bench-heading{display:block;margin-bottom:30px}.bench-heading h2{font-size:60px}.bench-heading>div{margin-top:25px}.bench-heading p{font-size:18px}.bench-heading p br{display:none}.bench-heading .preview-note{font-size:12px}.desktop-scene{height:auto;display:flex;flex-direction:column;gap:25px;padding:59px 14px 70px;width:calc(100% - 20px);overflow:hidden}.desktop-scene .bench-window{position:relative;left:auto;top:auto;right:auto;width:100%;transform:none!important;order:2}.bench-window [data-drag]{cursor:var(--cursor);touch-action:pan-y}.clock-window{order:1!important;max-width:260px;align-self:end;margin-bottom:-8px}.clock-window .window-body{padding:9px 12px}.clock-window .weather-controls{grid-template-columns:32px 1fr 25px 1fr;gap:4px}.clock-window time{font-size:26px;margin:5px 0}.clock-window .window-body>p{font-size:11px}.reel-window{order:2!important}.verdict-window{order:3!important}.carousel-window{order:4!important}.pipeline-window{position:relative!important;inset:auto;order:5;width:100%}.reel-layout{grid-template-columns:1fr 1fr;gap:12px}.reel-preview{height:255px}.reel-caption{font-size:25px}.reel-caption mark{font-size:20px}.edit-meta h3{font-size:28px}.desktop-scene .edit-meta p{font-size:15px}.edit-frames img{height:55px}.verdict-window .window-body{padding:15px}.verdict-head h3{font-size:36px}.test-pair img{height:115px}.carousel-layout{grid-template-columns:140px 1fr;gap:13px;padding:10px}.carousel-layout>img{width:140px;height:175px}.carousel-meta h3{font-size:29px;line-height:.9}.carousel-meta .mono{font-size:11px}.carousel-meta>a{font-size:12px}.slide-controls{gap:10px;margin-top:14px}.slide-controls button{min-height:30px;width:30px}.pipeline-stages{gap:10px;padding:17px 10px}.pipeline-stages span{padding:3px 4px;font-size:23px}.pipeline-stages span:not(:last-child):after{display:none}.pipeline-caption{padding:0 10px 12px;font-size:11px;display:block}.pipeline-caption>span{display:block;margin-top:4px}.bench-taskbar{padding:8px;font-size:11px;gap:5px;flex-wrap:wrap}.bench-taskbar>span{display:none}.bench-taskbar button{padding:4px 9px;min-height:32px;font-size:11px}#reset-windows{margin-left:auto;font-size:11px}.bench-caption{display:block;font-size:12px}.bench-caption a{display:inline-block;margin-top:16px;font-size:20px}.point-of-view{padding:65px 0 60px}.point-of-view>.display{font-size:65px;padding:25px 10px 35px}.point-of-view .research-grid{display:block;margin-top:35px}.research-grid>.ruled{margin-bottom:30px}.research-grid>.ruled>p{font-size:20px;margin-top:0}.research-grid .margin-code{display:flex;align-items:center;justify-content:space-between;margin-top:35px;font-size:11px;line-height:1.5}.margin-code img{width:65px;margin-top:0}.offer-chapter{padding:60px 0 50px}.offer-chapter h2{font-size:60px;line-height:.88}.format-layout{display:block;margin:50px 0 40px}.format-layout article{margin-bottom:45px}.format-top h3{font-size:40px}.format-layout p{font-size:20px}.news-fragments{font-size:31px;margin-top:25px}.verdict-note strong{font-size:58px}.verdict-note{max-width:420px}.list-block ol{font-size:21px;margin-top:20px}.large-link{font-size:32px;width:100%;gap:15px;justify-content:space-between}.resources-chapter{padding:65px 0}.resources-intro{display:block;margin-bottom:35px}.resources-intro h2{font-size:57px}.resources-intro p{font-size:20px;margin-top:25px}.resource-layout{display:block}.resource-picture{height:360px}.resource-feature h3{font-size:62px}.resource-feature p{font-size:20px}.resource-rail{margin-top:50px;gap:40px}.motion-resource-card{padding:240px 24px 30px}.motion-resource-card canvas{height:250px}.motion-resource-card h3{font-size:52px}.field-note h3{font-size:48px}.faq-section{padding:65px 0 35px}.faq-title{font-size:54px;letter-spacing:0}.faq-list summary{font-size:13px}.faq-list details p{font-size:20px}.faq-mark{position:relative;right:auto;bottom:auto;margin:30px 0 0 auto;width:110px;height:95px}.faq-mark img{width:48px}.join-row{display:block;padding:35px 0 45px}.join-row h2{font-size:58px}.join-row form{width:100%;margin-top:35px;max-width:none}.join-row input{font-size:16px}.join-row button{font-size:15px;white-space:nowrap}.footer-scene{height:470px}.footer-wordmark{gap:15px}.footer-wordmark>img{width:55px}.footer-wordmark>span{font-size:48px;letter-spacing:0}.footer-wordmark small{font-size:22px}.utility{font-size:12px;gap:20px;padding:20px;display:flex;flex-wrap:wrap}.utility>span{width:100%}.closing>.character-sky{opacity:.12}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

#shot-transition{position:fixed;inset:0;pointer-events:none;z-index:200;display:none;overflow:hidden}#shot-transition.active{display:block}.shot-aim{position:absolute;width:54px;left:var(--shot-x);top:var(--shot-y);transform:translate(-50%,-50%);z-index:3}.shot-target{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%) scale(.2);z-index:2;opacity:0}.shot-target img{width:100%;height:100%}.shot-curtain{position:absolute;inset:0;background:var(--cream);opacity:0;z-index:1}.active .shot-aim{animation:aim-in .24s ease-out both}.active .shot-target{animation:target-in .78s cubic-bezier(.7,0,.3,1) both}.active .shot-curtain{animation:curtain-in .78s ease both}@keyframes aim-in{to{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.6)}}@keyframes target-in{0%{opacity:0}20%{opacity:1;transform:translate(-50%,-50%) scale(.85)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-72%,-28%) scale(35)}}@keyframes curtain-in{0%{opacity:0}20%,75%{opacity:1}100%{opacity:0}}
.shot-target{transform-origin:72% 28%}


.offscreen .reel-preview>img{animation-play-state:paused}

a:hover{color:var(--ink)}.closing a:hover{color:var(--marker)}

/* Finish review: keep the painted marker behind every line of type. */
.offer-chapter h2{position:relative;isolation:isolate}.offer-chapter h2 mark{position:relative;background:none}.offer-chapter h2 mark:before{content:"";position:absolute;inset:18% 0 0;background:var(--paper);z-index:-1}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.slide-controls .ui-icon{width:18px;height:18px}.large-link>.ui-icon{width:1.1em;height:1.1em}.format-top .list-tally{width:40px;height:40px}.carousel-meta>.mono,.field-note>.mono{display:block;margin:8px 0 10px}
@media(max-width:760px){.footer-wordmark{left:0;width:100%;transform:translateY(-50%);justify-content:center;gap:12px}.footer-wordmark>img{width:clamp(38px,12vw,48px)}.footer-wordmark>span{font-size:clamp(28px,9vw,38px)}.footer-wordmark small{font-size:20px}}

/* workshop/style.css */
@font-face{font-family:Founders Reading;src:url('/home-study/workshop/assets/founders-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Clash;src:url('/home-study/workshop/assets/clash-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Workshop Pixel;src:url('/home-study/workshop/assets/vt323.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Workshop Mono;src:url('/home-study/workshop/assets/plex-mono-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--display:'Founders Reading',sans-serif;--mono:'Workshop Mono',monospace;--pixel:'Workshop Pixel',monospace;--display-weight:400}
body[data-type="clash"]{--display:Clash,sans-serif}
body[data-type="cabinet"]{--display:Cabinet,sans-serif;--display-weight:500}
h1,h2,h3{font-weight:var(--display-weight);letter-spacing:-.025em;line-height:.96;text-wrap:balance}
.pixel{font-family:var(--pixel)}
.preview-bar{height:42px;gap:12px}.preview-bar>span{white-space:nowrap}.preview-bar a{color:inherit;text-underline-offset:3px}.preview-bar .type-choice{display:flex;align-items:center;gap:7px;font-size:12px}.type-choice select{background:var(--ink);color:var(--cream);border:1px solid #777a75;min-height:28px;font:12px var(--body);padding:2px 5px}
.hero{min-height:1040px;padding-top:99px}.hero-statement{max-width:1090px;margin-top:80px}.hero h1{font-size:clamp(105px,12.1vw,174px);line-height:.87;letter-spacing:-.025em;-webkit-text-stroke:0}.hero h1 mark{background:none;position:relative;isolation:isolate;padding:0 13px}.hero h1 mark:before{content:"";position:absolute;inset:17% 0 6%;background:var(--marker);z-index:-1}.hero-explanation{font-size:24px;line-height:1.25;margin-top:42px}.hero-actions{font-family:var(--display);font-weight:var(--display-weight);font-size:38px;gap:65px;margin-top:35px}.hero-actions a{border-bottom-width:1px;padding-bottom:4px}.hero-actions a:hover{border-bottom-width:2px}.hero .announcement{width:350px}.announcement p{font-size:19px}.window-title,.announcement .window-title{font:400 22px/1 var(--pixel);letter-spacing:0;padding:5px 8px}.announcement .window-title{font-size:22px}.margin-rail{font-size:10px;left:-10px}.sky-caption{font-size:12px}
.workbench-chapter{padding-top:80px}.bench-heading{margin-bottom:55px}.bench-heading h2{font-size:88px;line-height:.91}.bench-heading p{font-size:22px}.bench-heading>div{width:40%}.bench-heading .preview-note{max-width:38ch;font:12px/1.5 var(--mono)}.bench-toolbar{font:22px/1 var(--pixel);padding:8px 10px}.reel-caption{font-weight:var(--display-weight);font-size:32px}.reel-caption mark{font-size:25px}.edit-meta h3{font-size:36px}.verdict-head h3{font-size:37px}.carousel-meta h3{font-size:36px}.clock-window time{font:40px/.95 var(--pixel);margin:12px 0}.clock-window .window-body{padding:14px}.clock-window{width:240px}.clock-window label{font:12px var(--body)}.verdict-window{top:310px}.carousel-window{top:560px}.pipeline-stages span{font:400 38px/1 var(--pixel);padding:3px 18px}.pipeline-stages span:not(:last-child):after{top:9px}.pipeline-caption{font-size:11px}.bench-taskbar button{font:20px/1 var(--pixel);padding:4px 14px}.bench-caption{font:12px/1.5 var(--mono)}.bench-caption a{font:25px/1 var(--display)}
.point-of-view{padding:110px 0 105px}.point-of-view>.display{max-width:1130px;margin:0 auto;font-size:clamp(90px,10.4vw,150px);line-height:.85;letter-spacing:-.025em;padding:25px 0 45px}.manifesto-reading{width:min(800px,100%);margin:80px auto 0}.manifesto-mission,.manifesto-argument{border-left:1px solid var(--ink);padding-left:12px}.manifesto-reading .mono{display:block;font-size:12px;margin-bottom:48px}.manifesto-mission p{font:var(--display-weight) 34px/1.08 var(--display);letter-spacing:-.02em}.manifesto-argument{margin-top:46px}.manifesto-argument p{font:400 24px/1.25 var(--body);max-width:65ch;margin-top:22px}.manifesto-argument mark{background:var(--hl-violet)}.inspection-principles{display:grid;grid-template-columns:repeat(3,1fr) 90px;gap:24px;margin-top:70px;align-items:start}.inspection-principles>div{border-left:1px solid var(--ink);padding-left:10px}.inspection-principles .mono{font-size:11px;margin-bottom:28px}.inspection-principles p{font-size:20px;line-height:1.2}.inspection-principles img{width:65px;justify-self:end}
.offer-chapter{padding:85px 0 75px}.offer-chapter h2{font-size:118px;line-height:.89;max-width:1090px}.format-layout{grid-template-columns:2fr 1fr;gap:45px 60px;margin:70px 0 65px;align-items:start}.format-layout article{border-top:0;padding:0}.format-layout .verdict-block{grid-column:1;grid-row:1 / span 2}.format-layout .news-block{grid-column:2;grid-row:1}.format-layout .list-block{grid-column:2;grid-row:2}.format-top{margin-bottom:16px;border-top:1px solid var(--ink);padding-top:13px}.format-top h3{font-size:38px;line-height:1}.verdict-block .format-top h3{font-size:59px}.format-layout p{font-size:21px;line-height:1.25}.format-layout .verdict-block>p{max-width:550px;font-size:24px}.format-top img{width:30px}.verdict-block .format-top img{width:46px}.verdict-note{background:var(--marker);min-height:340px;padding:35px;justify-content:end;gap:20px;position:relative}.verdict-note>img{width:60px;position:absolute;right:25px;top:25px}.verdict-note strong{font:var(--display-weight) 86px/.9 var(--display);letter-spacing:-.025em}.verdict-note>span{font:22px/1 var(--pixel)}.verdict-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.verdict-mini>span{font:10px/1.4 var(--mono);border-left:1px solid var(--ink);padding-left:9px}.verdict-mini .pixel{display:block;font-size:29px;line-height:1.1;margin-top:12px}.news-fragments{font:var(--display-weight) 27px/1 var(--display);margin-top:22px;gap:7px}.list-block ol{font-size:20px;margin-top:15px}.list-block li{padding:11px 0}.large-link{font:var(--display-weight) 43px/1 var(--display);border-bottom-width:1px}
.resources-chapter{padding:95px 0 110px}.resources-intro{margin-bottom:60px}.resources-intro h2{font-size:86px;line-height:.91}.resources-intro p{font-size:22px}.resource-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:55px}.resource-picture{height:500px}.resource-picture>span{font:25px/1 var(--pixel);padding:5px 9px}.resource-feature h3{font-size:67px;line-height:.91;margin:24px 0 16px}.resource-feature p{font-size:23px}.resource-rail{gap:44px}.motion-resource-card{padding:180px 16px 23px}.motion-resource-card canvas{height:180px}.motion-resource-card h3,.field-note h3{font-size:34px;line-height:.97;letter-spacing:-.015em}.motion-resource-card p,.field-note p{font-size:19px;line-height:1.25}.field-note{padding-left:10px}.field-note h3{margin:0 0 15px}.field-note .mono{font:20px/1.1 var(--pixel)}.resource-link{font-size:16px;line-height:1.3}
.founder-chapter{background:var(--hl-violet);padding:85px 0 95px}.founder-chapter h2{font-size:117px;line-height:.88;text-align:center;max-width:1120px;margin:0 auto 75px;padding:20px 0 30px}.founder-layout{max-width:980px;margin:auto;display:grid;grid-template-columns:350px 1fr;gap:70px;align-items:start}.founder-photo img{width:100%;height:auto;filter:none}.founder-photo figcaption{font:20px/1 var(--pixel);padding:12px 9px}.founder-photo .window-title{background:var(--ink);color:var(--hl-violet)}.founder-copy{padding-top:4px}.founder-copy .founder-lead{font:var(--display-weight) 35px/1.07 var(--display);margin:0 0 36px;letter-spacing:-.02em}.founder-copy>p{font-size:23px;line-height:1.25;margin-top:25px}.founder-signoff{display:flex;align-items:center;gap:25px;margin-top:35px}.founder-signoff img{width:45px}.founder-signoff .mono{font-size:11px}
.faq-title{font-family:var(--display);font-size:85px;line-height:.93;letter-spacing:-.025em}.faq-list summary{font:23px/1.1 var(--pixel);padding:15px 0}.faq-list details p{font-size:23px;line-height:1.3}.join-row h2{font:var(--display-weight) 86px/1 var(--display);letter-spacing:-.025em}.footer-wordmark>span{font-family:Founders,sans-serif;font-weight:700}.footer-scene .wireframe{cursor:grab;touch-action:none;pointer-events:auto}.footer-scene .wireframe.dragging{cursor:grabbing}.footer-scene .wireframe:focus-visible{outline:2px solid var(--marker);outline-offset:-4px}.footer-technical{pointer-events:none}.orbit-hint{position:absolute;top:18px;left:22px;z-index:3;font:20px/1 var(--pixel);color:var(--cream);pointer-events:none}.reset-rotation{position:absolute;top:12px;right:18px;z-index:4;font:20px/1 var(--pixel);background:transparent;color:var(--cream);border:1px solid currentColor;padding:5px 10px}.reset-rotation:hover{background:var(--marker);color:var(--ink)}
@media(max-width:1100px){.preview-bar{font-size:11px;gap:5px}.preview-bar button{padding:3px 5px;font-size:11px}.preview-bar .type-choice{font-size:11px}.type-choice select{font-size:11px;max-width:125px}.hero{min-height:980px}.hero-actions{font-size:31px;gap:40px}.hero-explanation{font-size:22px}.bench-heading h2{font-size:72px}.bench-heading p{font-size:20px}.bench-heading>div{width:43%}.clock-window{width:230px}.edit-meta h3{font-size:29px}.verdict-head h3{font-size:31px}.carousel-meta h3{font-size:30px}.point-of-view>.display{font-size:112px}.offer-chapter h2{font-size:95px}.format-layout{gap:35px}.verdict-note{min-height:310px;padding:25px}.verdict-note strong{font-size:68px}.verdict-mini .pixel{font-size:25px}.resources-intro h2{font-size:72px}.resource-layout{grid-template-columns:2.6fr 1fr;gap:35px}.resource-picture{height:410px}.resource-feature h3{font-size:58px}.founder-chapter h2{font-size:96px}.founder-layout{grid-template-columns:310px 1fr;gap:40px}.founder-copy .founder-lead{font-size:31px}.founder-copy>p{font-size:21px}.join-row h2{font-size:70px}}
@media(max-width:760px){.preview-bar{min-height:91px;gap:2px 8px;padding:6px 10px;justify-content:space-between}.preview-bar>span{width:100%}.preview-bar .type-choice{font-size:11px;order:2}.preview-bar #motion{order:3}.preview-bar .palette-choice{order:1}.type-choice select{max-width:139px;min-height:27px}.hero{min-height:880px;padding-top:83px}.hero .announcement{width:296px}.hero-statement{margin-top:70px}.hero h1{font-size:100px;line-height:.9}.hero-explanation{font-size:20px;max-width:340px;margin:35px auto 0}.hero-actions{font-size:29px;gap:20px;margin-top:30px}.hero h1 mark{padding-inline:6px}.hero-actions a{padding-bottom:3px}.hero>.character-sky{height:550px}.window-title,.announcement .window-title{font-size:21px}.bench-heading h2{font-size:61px}.bench-heading>div{width:auto}.bench-heading p{font-size:20px}.bench-heading .preview-note{font-size:11px}.bench-toolbar{font-size:20px}.clock-window{max-width:270px}.clock-window time{font-size:38px;margin:10px 0}.reel-caption{font-size:25px}.reel-caption mark{font-size:21px}.edit-meta h3{font-size:28px}.verdict-head h3{font-size:35px}.carousel-meta h3{font-size:28px;line-height:.95}.pipeline-stages span{font-size:29px;padding:3px 4px}.bench-taskbar button{font-size:19px;padding:4px 8px}.bench-taskbar #reset-windows{font-size:17px}.bench-caption{font-size:11px}.bench-caption a{font-size:23px}.point-of-view{padding:65px 0}.point-of-view>.display{font-size:60px;line-height:.91;padding:25px 0 32px}.manifesto-reading{margin-top:45px}.manifesto-reading .mono{font-size:11px;margin-bottom:25px}.manifesto-mission p{font-size:29px;line-height:1.08}.manifesto-argument{margin-top:35px}.manifesto-argument p{font-size:21px;line-height:1.3}.inspection-principles{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.inspection-principles .mono{font-size:10px;margin-bottom:20px}.inspection-principles p{font-size:17px;line-height:1.2}.inspection-principles img{grid-column:3;width:45px;margin-top:10px}.offer-chapter{padding:60px 0 50px}.offer-chapter h2{font-size:64px;line-height:.91}.format-layout{display:flex;flex-direction:column;gap:40px;margin:50px 0 40px}.format-layout article{margin:0;width:100%}.format-layout .verdict-block{order:0}.format-layout .news-block{order:1}.format-layout .list-block{order:2}.verdict-block .format-top h3{font-size:47px}.format-top h3{font-size:39px}.format-layout p,.format-layout .verdict-block>p{font-size:21px}.verdict-note{min-height:300px;padding:24px}.verdict-note strong{font-size:67px}.verdict-note>img{width:40px;top:20px;right:20px}.verdict-note>span{font-size:21px}.verdict-mini{gap:10px}.verdict-mini .pixel{font-size:23px}.verdict-mini>span{font-size:9px}.news-fragments{font-size:28px}.large-link{font-size:31px}.resources-chapter{padding:65px 0}.resources-intro h2{font-size:61px;line-height:.94}.resources-intro{margin-bottom:35px}.resources-intro p{font-size:21px}.resource-picture{height:310px}.resource-feature h3{font-size:54px;line-height:.94}.resource-feature p{font-size:21px}.resource-rail{margin-top:45px;display:grid;grid-template-columns:1fr;gap:35px}.motion-resource-card{padding:190px 24px 25px}.motion-resource-card canvas{height:190px}.motion-resource-card h3,.field-note h3{font-size:40px}.resource-link{font-size:18px}.founder-chapter{padding:60px 0}.founder-chapter h2{font-size:59px;line-height:.92;padding:20px 0 30px;margin-bottom:40px}.founder-layout{display:flex;flex-direction:column;gap:35px}.founder-photo{width:min(100%,340px);margin:auto}.founder-copy .founder-lead{font-size:31px;margin-bottom:28px}.founder-copy>p{font-size:21px}.faq-title{font-size:60px}.faq-list summary{font-size:22px}.faq-list details p{font-size:21px}.join-row h2{font-size:64px}.orbit-hint{font-size:18px;top:14px;left:12px;max-width:165px;line-height:1.1}.reset-rotation{font-size:18px;right:10px;top:10px}.footer-wordmark{top:58%}}
@media(max-width:760px){.hero h1{font-size:clamp(68px,20vw,105px)}.verdict-note strong{font-size:clamp(48px,14vw,67px)}.verdict-mini .pixel{font-size:21px}.bench-caption a{display:block}}
.manifesto-argument p,.format-layout p,.resource-feature p,.motion-resource-card p,.field-note p,.founder-copy>p{line-height:1.3}.manifesto-mission p,.founder-copy .founder-lead{line-height:1.12}.inspection-principles .mono,.verdict-mini>span{font-size:11px}
@media(max-width:760px){.inspection-principles .mono,.verdict-mini>span{font-size:11px}}
/* The FAQ ornament has its own space at intermediate widths. */
.faq-mark{pointer-events:none}
@media(min-width:761px) and (max-width:1100px){.faq-mark{position:relative;inset:auto;margin:35px 0 0 auto;width:140px;height:100px}.faq-mark img{width:48px}}

/* Each chapter has a visual job within the shared type/mark/grid system. */
.inspection-sheet{max-width:1040px;margin:65px auto 0}.inspection-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.inspection-images figure{position:relative;padding-bottom:45px;height:310px;overflow:hidden;border-bottom:1px solid var(--ink)}.inspection-images figure>img{width:100%;height:265px;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1);transform-origin:52% 65%}.inspection-images figure:nth-child(2)>img{transform-origin:50% 62%}.inspection-images.inspecting figure>img{transform:scale(1.75)}.inspection-images figcaption{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:var(--paper);height:45px;gap:10px}.inspection-images .pixel{font-size:24px}.inspection-images figcaption>span:last-child{font:10px/1.3 var(--mono)}.inspection-aim{position:absolute;width:74px;height:74px;padding:17px;background:var(--marker);left:50%;top:105px;transform:translateX(-50%);z-index:3}.inspection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.inspection-tools button{font:22px/1 var(--pixel);background:transparent;border:1px solid var(--ink);padding:8px 14px}.inspection-tools button:hover{background:var(--marker)}.inspection-tools button[aria-pressed=true]{background:var(--marker)}.manifesto-reading{margin-top:65px}
.news-block{background:var(--paper);padding:20px!important;position:relative}.news-block .format-top{border:0;padding-top:0}.news-fragments{gap:0}.news-fragments>*{background:none!important;padding:10px 0!important;width:100%;border-bottom:1px solid var(--ink)}.news-fragments>mark{background:var(--marker)!important;padding:10px 8px!important;margin-top:8px;border:0}.list-block{padding:15px 20px 18px!important;border:1px solid var(--ink)!important}.list-block .format-top{border:0;padding-top:0}.list-block li:last-child{border-bottom:0}.verdict-note{overflow:hidden}.verdict-note>img{width:112px;right:28px;top:25px}.verdict-note strong,.verdict-note>span{position:relative;z-index:1}
.contact-layout .resource-picture{border:1px solid var(--ink);height:440px}.contact-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:var(--ink);padding:8px;margin-top:8px;color:var(--paper);height:140px}.contact-strip>img{width:100%;height:124px;object-fit:cover}.contact-strip>img:first-child{object-position:center 80%}.contact-strip>div{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:6px 10px}.contact-strip .pixel{font-size:25px;line-height:1}.contact-strip>div>img{width:40px;filter:brightness(0) invert(1)}
.founder-layout{max-width:1080px;grid-template-columns:440px 1fr;gap:85px}.founder-photo{padding:18px;background:transparent;border:0;box-shadow:none}.founder-photo>img{width:100%;border:12px solid var(--paper)}.archive-label{font:11px/1.4 var(--mono);margin:0 0 16px}.founder-photo figcaption{font:24px/1 var(--pixel);padding:15px 0 0}.archive-index{margin-top:30px;border-top:1px solid var(--ink)}.archive-index>div{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--ink);padding:12px 0}.archive-index .pixel{font-size:30px}.archive-index>div>span:last-child{font-size:18px;line-height:1.2}.founder-copy .founder-lead{font-size:33px}.founder-copy>p{font-size:21px}.founder-signoff{margin-top:30px}.faq-title{font-size:92px;max-width:1040px;margin-inline:auto;line-height:.91}
@media(max-width:1100px){.inspection-images figure{height:265px}.inspection-images figure>img{height:220px}.inspection-images figcaption{display:block;padding-top:4px}.inspection-images .pixel{font-size:21px}.inspection-images figcaption>span:last-child{display:block;font-size:10px}.inspection-aim{top:80px;width:65px;height:65px;padding:15px}.contact-strip{height:115px}.contact-strip>img{height:99px}.contact-strip .pixel{font-size:22px}.founder-layout{grid-template-columns:36% 1fr;gap:40px}.founder-photo{padding:12px}.founder-photo>img{border-width:8px}.founder-photo figcaption{font-size:22px}.faq-title{font-size:76px}.verdict-note>img{width:85px;right:20px;top:20px}}
@media(max-width:760px){.inspection-sheet{margin-top:35px}.inspection-images{gap:12px}.inspection-images figure{height:230px}.inspection-images figure>img{height:175px}.inspection-images figcaption{height:55px}.inspection-images .pixel{font-size:21px}.inspection-images figcaption>span:last-child{font-size:9px;line-height:1.2;max-width:15ch;margin-top:3px}.inspection-aim{width:48px;height:48px;padding:11px;top:60px}.inspection-tools{display:block}.inspection-tools .mono{font-size:11px}.inspection-tools button{display:block;margin-top:15px;font-size:21px}.manifesto-reading{margin-top:45px}.news-block{padding:22px!important}.list-block{padding:22px!important}.verdict-note>img{width:68px}.contact-layout .resource-picture{height:310px}.contact-strip{height:100px;gap:5px;padding:5px}.contact-strip>img{height:90px}.contact-strip>div{padding:4px}.contact-strip .pixel{font-size:20px}.contact-strip>div>img{width:26px}.founder-photo{width:100%;padding:18px}.founder-photo>img{border-width:10px}.archive-label{font-size:11px}.founder-copy .founder-lead{font-size:31px}.archive-index>div{grid-template-columns:63px 1fr;gap:12px}.archive-index>div>span:last-child{font-size:18px}.faq-title{font-size:54px;line-height:.98}}
.inspection-images figcaption>span:last-child{font-size:11px}
@media(max-width:760px){.inspection-images figure{height:245px}.inspection-images figcaption{height:70px}}

/* A three-part statement: the pixel phrase interrupts the display face. */
.point-of-view>.workflow-statement{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:35px 36px 44px;text-align:left;font-size:clamp(90px,10.4vw,150px);line-height:.92}
.workflow-statement .statement-start{display:block}
.workflow-statement .statement-hinge{display:block;align-self:center;margin-left:8%;font:400 clamp(40px,4.2vw,60px)/1 var(--pixel);letter-spacing:0;background:var(--hl-violet);padding:7px 18px 10px}
.workflow-statement .statement-end{display:block;align-self:flex-end}
@media(max-width:760px){.point-of-view>.workflow-statement{font-size:clamp(48px,12.8vw,78px);line-height:.98;gap:15px;padding:24px 12px 30px}.workflow-statement .statement-hinge{font-size:33px;padding:6px 12px 8px;margin-left:12%}}

/* The hero update is an editorial notice. Desktop windows belong to the workbench. */
.bench-notice{position:relative;z-index:2;display:flex;align-items:center;gap:20px;width:min(900px,calc(100% - 80px));margin:0 auto;padding:18px 20px;border-bottom:1px solid var(--ink);background:var(--paper);text-align:left}
.bench-notice>img{width:27px;height:27px;flex:none}.bench-notice>p{font:400 18px/1.35 var(--body)}.bench-notice>p>span{display:block;font-size:14px;margin-top:4px}.bench-notice>a{font:400 17px/1.25 var(--body);display:flex;align-items:center;gap:15px;margin-left:auto;text-decoration:none;padding:10px 0}.bench-notice>a>.ui-icon{width:24px;height:24px;flex:none}.bench-notice>a:hover{text-decoration:underline;text-underline-offset:5px}.bench-notice:hover>img{background:var(--marker)}
@media(max-width:760px){.bench-notice{width:calc(100% - 40px);display:grid;grid-template-columns:24px 1fr;gap:12px;padding:15px 12px}.bench-notice>img{width:24px;height:24px;align-self:start;margin-top:3px}.bench-notice>p{font-size:17px}.bench-notice>a{grid-column:2;font-size:16px;margin:0;padding:3px 0;justify-content:space-between}.bench-notice>p>span{font-size:14px}}

/* Bare letter choreography. Source words reserve a stable, responsive slot. */
.word-roll{display:inline-grid;position:relative;vertical-align:baseline;overflow:clip;line-height:1.12;max-width:100%;text-align:inherit;isolation:isolate}
.word-roll>.roll-word{display:block;position:relative;grid-area:1/1;justify-self:start;white-space:nowrap;opacity:0;padding-block:.035em;align-self:center}
.word-roll>.roll-word.is-current,.word-roll.letters-ready>.roll-word.is-shown{opacity:1}
.hero-roll>.roll-word{justify-self:center;background:var(--marker);padding-inline:.08em}
.offer-roll>.roll-word{background:var(--marker);padding-inline:.035em}
.rabbit-roll>.roll-word{justify-self:center}
.workflow-statement .word-roll{vertical-align:baseline;text-align:right}
.workflow-statement .word-roll>.roll-word{justify-self:end}
.workflow-statement .statement-end{max-width:100%}
.word-roll.letters-ready>.roll-word{background:none}
.letters-ready .roll-source{visibility:hidden}
.letter-layer{position:absolute;inset:.035em 0;pointer-events:none}
.hero-roll .letter-layer{inset-inline:.08em}
.offer-roll .letter-layer{inset-inline:.035em}
.letter-highlight{position:absolute;inset:0;z-index:-1;background:var(--marker);transform-origin:left center;pointer-events:none}
.verdict-roll{width:100%}
.verdict-note strong{display:block;width:100%}
.verdict-note strong span{font-size:inherit}
.closing-roll{vertical-align:baseline}
@media(max-width:760px){.workflow-statement .statement-end .word-roll{font-size:clamp(28px,11.8vw,72px)}}
@media(max-width:380px){.offer-chapter h2{font-size:16.4vw}.resources-intro h2{font-size:16vw}.faq-title{font-size:14.1vw}}
@media(prefers-reduced-motion:reduce){.word-roll.letters-ready>.roll-word{opacity:0}.word-roll.letters-ready>.roll-word.is-current{opacity:1}}

@media(max-width:760px){.bench-heading h2{font-size:clamp(32px,11.3vw,58px);line-height:1}}

/* A delayed, nonmodal music reward; no video loads before it is discovered. */
.music-easter-egg{position:fixed;z-index:30;right:24px;bottom:24px;width:350px;max-width:calc(100vw - 32px);padding:20px 16px 14px;background:var(--hl-violet,#d7c8ed);color:var(--ink);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);animation:music-egg-arrive .5s cubic-bezier(.16,1,.3,1) both}
.music-easter-egg[hidden]{display:none}
.music-easter-egg>button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:inherit;width:32px;height:32px;font:26px/1 var(--body);cursor:crosshair}
.music-eyebrow{font:18px/1.1 var(--pixel);display:block;margin-bottom:14px;padding-right:24px}
.music-easter-egg>h3{font:500 27px/1.05 var(--display);letter-spacing:-.03em}
.music-easter-egg>p{font:14px/1.3 var(--body);margin:5px 0 14px}
.music-player{aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden;border:1px solid var(--ink)}
.music-player iframe{display:block;width:100%;height:100%;border:0}
.music-easter-egg>a{display:inline-block;margin-top:12px;font:12px/1.3 var(--mono);text-underline-offset:3px}
.music-easter-egg :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@keyframes music-egg-arrive{from{transform:translateY(24px) rotate(2deg);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:760px){.music-easter-egg{right:16px;bottom:16px;width:300px;padding:16px 12px 12px}.music-easter-egg>h3{font-size:25px}.music-eyebrow{font-size:17px}}
@media(prefers-reduced-motion:reduce){.music-easter-egg{animation:none}}

.music-player{position:relative;display:grid;place-items:center}
.music-player iframe[hidden],.music-player .music-load[hidden]{display:none}
.music-player iframe{position:absolute;inset:0}
.music-load{position:relative;z-index:1;padding:12px 16px;border:1px solid var(--ink);background:var(--paper,#f3f7f8);color:var(--ink);font:14px/1.3 var(--body);cursor:pointer}
.music-easter-egg>.music-external-note{font:12px/1.45 var(--body);margin:10px 0 0}

/* workshop/type/pairings.css */
@font-face{font-family:"Study Instrument";src:url("/home-study/workshop/type/assets/instrument-sans.ttf") format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Study Space";src:url("/home-study/workshop/type/assets/space-grotesk.ttf") format("truetype");font-weight:300 700;font-display:swap}
@font-face{font-family:"Study Plex Sans";src:url("/home-study/workshop/type/assets/plex-sans.ttf") format("truetype");font-weight:100 700;font-display:swap}
@font-face{font-family:"Study JetBrains";src:url("/home-study/workshop/type/assets/jetbrains-mono.ttf") format("truetype");font-weight:100 800;font-display:swap}
@font-face{font-family:"Study Departure";src:url("/home-study/workshop/type/assets/DepartureMono-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
[data-pairing="instrument"]{--display:"Study Instrument",sans-serif;--body:"Study Instrument",sans-serif;--mono:"Workshop Mono",monospace;--pixel:"Study Departure",monospace;--display-weight:500}
[data-pairing="space"]{--display:"Study Space",sans-serif;--body:"Study Plex Sans",sans-serif;--mono:"Study JetBrains",monospace;--pixel:"Workshop Pixel",monospace;--display-weight:400}
[data-pairing="clash"]{--display:Clash,sans-serif;--body:Cabinet,sans-serif;--mono:"Workshop Mono",monospace;--pixel:"Study Departure",monospace;--display-weight:400}
[data-pairing="founders"]{--display:"Founders Reading",sans-serif;--body:Cabinet,sans-serif;--mono:"Workshop Mono",monospace;--pixel:"Workshop Pixel",monospace;--display-weight:400}
body[data-pairing] .preview-bar{font-family:Cabinet,sans-serif}
body[data-pairing="instrument"] .hero h1{font-size:clamp(100px,11vw,158px);line-height:.95}
body[data-pairing="space"] .hero h1{font-size:clamp(100px,11.5vw,165px);line-height:.96}
body[data-pairing="clash"] .hero h1{line-height:.96}
body[data-pairing="instrument"] .point-of-view>.display,body[data-pairing="space"] .point-of-view>.display,body[data-pairing="clash"] .point-of-view>.display{line-height:.96}
body[data-pairing="instrument"] .window-title,body[data-pairing="clash"] .window-title{font-size:16px;line-height:1.3}
body[data-pairing="instrument"] .bench-toolbar,body[data-pairing="clash"] .bench-toolbar{font-size:16px;line-height:1.4}
body[data-pairing="instrument"] .bench-taskbar button,body[data-pairing="clash"] .bench-taskbar button{font-size:14px;line-height:1.3}
body[data-pairing="instrument"] .pipeline-stages span,body[data-pairing="clash"] .pipeline-stages span{font-size:26px;line-height:1.4}
body[data-pairing="instrument"] .faq-list summary,body[data-pairing="clash"] .faq-list summary{font-size:18px;line-height:1.4}
body[data-pairing="instrument"] .inspection-images .pixel,body[data-pairing="clash"] .inspection-images .pixel{font-size:16px}
body[data-pairing="instrument"] .verdict-mini .pixel,body[data-pairing="clash"] .verdict-mini .pixel{font-size:22px;line-height:1.4}
@media(max-width:760px){body[data-pairing="instrument"] .hero h1,body[data-pairing="space"] .hero h1,body[data-pairing="clash"] .hero h1{font-size:clamp(50px,15.2vw,90px)}body[data-pairing="instrument"] .pipeline-stages span,body[data-pairing="clash"] .pipeline-stages span{font-size:18px}body[data-pairing="instrument"] .inspection-images .pixel,body[data-pairing="clash"] .inspection-images .pixel{font-size:13px}body[data-pairing="instrument"] .verdict-mini .pixel,body[data-pairing="clash"] .verdict-mini .pixel{font-size:16px}body[data-pairing="instrument"] .contact-strip .pixel,body[data-pairing="clash"] .contact-strip .pixel{font-size:14px;line-height:1.25}body[data-pairing="instrument"] .inspection-tools button,body[data-pairing="clash"] .inspection-tools button{font-size:16px}}
@media(max-width:760px){
 body:is([data-pairing="instrument"],[data-pairing="clash"]) .archive-index .pixel{font-size:22px;line-height:1.3}
 body:is([data-pairing="instrument"],[data-pairing="clash"]) .orbit-hint{font-size:11px;line-height:1.5;max-width:148px}
 body:is([data-pairing="instrument"],[data-pairing="clash"]) .reset-rotation{font-size:11px;line-height:1.4;min-height:32px}
}

/* Second study: the same technical voices; compare display authority and cohesion. */
@font-face{font-family:"Study Clash Medium";src:url("/home-study/workshop/type/assets/clash-medium.woff2") format("woff2");font-weight:500;font-display:swap}
[data-pairing="space-medium"],[data-pairing="clash-space"]{--display:"Study Space",sans-serif;--body:"Study Space",sans-serif;--mono:"Study JetBrains",monospace;--pixel:"Workshop Pixel",monospace;--display-weight:500}
body:is([data-pairing="space-medium"],[data-pairing="clash-space"]) .hero h1{font-size:clamp(100px,11.5vw,165px);line-height:.92}
body[data-pairing="clash-space"] :is(.hero h1,.workflow-statement,.offer-chapter h2,.founder-chapter h2,.faq-title){font-family:"Study Clash Medium",sans-serif;font-weight:500}
body:is([data-pairing="space-medium"],[data-pairing="clash-space"]) .mono{font-weight:300}
@media(max-width:760px){body:is([data-pairing="space-medium"],[data-pairing="clash-space"]) .hero h1{font-size:clamp(50px,15.2vw,90px)}}

/* Finalist study: keep the reading / annotation roles fixed to compare display voice. */
@font-face{font-family:"Study Archivo";src:url("/home-study/workshop/type/assets/archivo-variable.ttf") format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
[data-pairing="cabinet-space"],[data-pairing="archivo-space"]{--display:Cabinet,sans-serif;--body:"Study Space",sans-serif;--mono:"Study JetBrains",monospace;--pixel:"Workshop Pixel",monospace;--display-weight:600}
[data-pairing="archivo-space"]{--display:"Study Archivo",sans-serif;--display-weight:500}
body:is([data-pairing="cabinet-space"],[data-pairing="archivo-space"]) .hero h1{font-size:clamp(100px,11.5vw,165px);line-height:.94}
body:is([data-pairing="cabinet-space"],[data-pairing="archivo-space"]) .mono{font-weight:300}
body[data-pixel="departure"]{--pixel:"Study Departure",monospace}
body[data-pixel="departure"] :is(.window-title,.bench-toolbar){font-size:16px;line-height:1.35}
body[data-pixel="departure"] :is(.bench-taskbar button,.inspection-tools button){font-size:14px;line-height:1.4}
body[data-pixel="departure"] .pipeline-stages span{font-size:25px;line-height:1.4}
body[data-pixel="departure"] .faq-list summary{font-size:17px;line-height:1.5}
body[data-pixel="departure"] .verdict-mini .pixel{font-size:21px;line-height:1.4}
body[data-pixel="departure"] .orbit-hint,body[data-pixel="departure"] .reset-rotation{font-size:12px;line-height:1.5}
body[data-pixel="departure"] .inspection-images .pixel{font-size:16px;line-height:1.4}
body[data-pixel="departure"] .contact-strip .pixel{font-size:16px;line-height:1.4}
body[data-pixel="departure"] .workflow-statement .statement-hinge{font-size:clamp(28px,3vw,44px)}
@media(max-width:760px){body:is([data-pairing="cabinet-space"],[data-pairing="archivo-space"]) .hero h1{font-size:clamp(50px,15.2vw,90px)}body[data-pixel="departure"] .pipeline-stages span{font-size:16px}body[data-pixel="departure"] .inspection-images .pixel{font-size:12px}body[data-pixel="departure"] .contact-strip .pixel{font-size:12px}body[data-pixel="departure"] .verdict-mini .pixel{font-size:16px}body[data-pixel="departure"] .workflow-statement .statement-hinge{font-size:26px}}

/* workshop/directions/palettes.css */
/* Opt-in colour studies. Shared semantic roles; incumbent remains the default. */
body[data-palette="signal"]{--paper:#F3F0E7;--cream:#F3F0E7;--ink:#232521;--hl-green:#A9C6ED;--hl-yellow:#DAEF68;--hl-violet:#F3A087;--hl-blue:#DDE4D4;--hl-coral:#F3A087;--chapter:var(--hl-green);--marker:var(--hl-yellow);--pink:var(--hl-violet);--blue:var(--hl-blue);--red:#943D29;--line:#7B8074}
body[data-palette="printshop"]{--paper:#F7EFE8;--cream:#F7EFE8;--ink:#292330;--hl-green:#F09AA5;--hl-yellow:#F8D86B;--hl-violet:#A8CDB4;--hl-blue:#C3B8E7;--hl-coral:#F09AA5;--chapter:var(--hl-green);--marker:var(--hl-yellow);--pink:var(--hl-coral);--blue:var(--hl-blue);--red:#9B384C;--line:#857B88}
body[data-palette="fieldkit"]{--paper:#E9E7DC;--cream:#E9E7DC;--ink:#202C29;--hl-green:#B0C7B6;--hl-yellow:#F6B866;--hl-violet:#D7C7B6;--hl-blue:#C8D7D8;--hl-coral:#E4A58E;--chapter:var(--hl-green);--marker:var(--hl-yellow);--pink:var(--hl-coral);--blue:var(--hl-blue);--red:#843E2D;--line:#78857B}
.preview-bar .palette-choice{display:flex;align-items:center;gap:6px;font-size:12px}
.preview-bar select{font:12px/1.3 var(--body);background:var(--ink);color:var(--cream);border:1px solid #8c8c83;min-height:28px;max-width:200px;padding:3px 5px}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.embedded-study .preview-bar{display:none}
@media(max-width:760px){.preview-bar{height:auto;min-height:91px}.preview-bar select{font-size:11px;max-width:160px}.preview-bar .palette-choice{font-size:11px}}

/* workshop/colour/application.css */
/* Experimental application studies. Same page, structure and fonts. */
body[data-palette="editorial"]{--paper:#F2EFE6;--cream:#F2EFE6;--ink:#20211F;--base-ink:#20211F;--base-paper:#F2EFE6;--field:#2448CE;--field-ink:#F2EFE6;--accent:#EE6145;--soft:#CED8EF;--offer:#20211F;--offer-ink:#F2EFE6;--archive:#CED8EF;--archive-ink:#20211F;--hl-green:#CED8EF;--hl-yellow:#EE6145;--hl-blue:#CED8EF;--hl-violet:#CED8EF;--hl-coral:#EE6145;--marker:#EE6145;--chapter:#2448CE;--pink:#CED8EF;--blue:#CED8EF;--red:#2448CE;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body[data-palette="mechanical"]{--paper:#F2E7D5;--cream:#F2E7D5;--ink:#32271F;--base-ink:#32271F;--base-paper:#F2E7D5;--field:#95452D;--field-ink:#F2E7D5;--accent:#CCAC82;--soft:#BED4DE;--offer:#BED4DE;--offer-ink:#32271F;--archive:#95452D;--archive-ink:#F2E7D5;--hl-green:#BED4DE;--hl-yellow:#CCAC82;--hl-blue:#BED4DE;--hl-violet:#BED4DE;--hl-coral:#CCAC82;--marker:#CCAC82;--chapter:#95452D;--pink:#BED4DE;--blue:#BED4DE;--red:#95452D;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body[data-palette="digital"]{--paper:#F5F4F7;--cream:#F5F4F7;--ink:#2A193E;--base-ink:#2A193E;--base-paper:#F5F4F7;--field:#422864;--field-ink:#E8DFF5;--accent:#F39A57;--soft:#D4BCEB;--offer:#F39A57;--offer-ink:#2A193E;--archive:#D4BCEB;--archive-ink:#2A193E;--hl-green:#D4BCEB;--hl-yellow:#F39A57;--hl-blue:#D4BCEB;--hl-violet:#D4BCEB;--hl-coral:#F39A57;--marker:#F39A57;--chapter:#422864;--pink:#D4BCEB;--blue:#D4BCEB;--red:#422864;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]){accent-color:var(--accent);caret-color:var(--field);scrollbar-color:var(--field) var(--paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) ::selection{background:var(--field);color:var(--field-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .hero{background:var(--paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .hero-roll{color:var(--field)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .letter-highlight{display:none}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .hero-roll>.roll-word, body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-roll>.roll-word{background:none}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .bench-notice{background:transparent}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .workbench-chapter{background:var(--field);color:var(--field-ink);--ink:var(--field-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .desktop-scene{background:transparent;border-color:currentColor}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .desktop-scene :is(.bench-window,.pipeline-window,.bench-taskbar,.bench-toolbar){--ink:var(--base-ink);color:var(--base-ink);background:var(--paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .desktop-scene .window-title{background:var(--base-ink);color:var(--base-paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .desktop-scene .clock-window .window-title{background:var(--accent);color:var(--base-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .point-of-view{background:var(--paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .workflow-statement .statement-hinge{background:none;color:var(--field);border-block:1px solid currentColor;padding-inline:0}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .manifesto-argument mark{background:none;color:var(--field);text-decoration:underline;text-underline-offset:.18em}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-chapter{background:var(--offer);color:var(--offer-ink);--ink:var(--offer-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-chapter .news-block{--ink:var(--base-ink);color:var(--base-ink);background:var(--paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-chapter .verdict-note{--ink:var(--base-ink);color:var(--base-ink);background:var(--soft)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-chapter .news-fragments>mark{background:transparent!important;border-bottom:3px solid var(--accent)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .motion-resource-card{background:var(--soft)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .founder-chapter{background:var(--archive);color:var(--archive-ink);--ink:var(--archive-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .faq-section, body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .closing{background:var(--base-ink);color:var(--base-paper)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .faq-section .faq-title{color:var(--soft)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .join-row button{background:var(--accent);color:var(--base-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .resource-picture>span{background:var(--paper);color:var(--base-ink)}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .hero h1 mark:before, body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) .offer-chapter h2 mark:before{display:none}
body:is([data-palette="editorial"],[data-palette="mechanical"],[data-palette="digital"],:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"]),[data-palette="contact"]) a:hover{color:inherit}
body[data-palette="editorial"] .offer-chapter .format-top>img,body[data-palette="mechanical"] .founder-signoff>img{filter:brightness(0) invert(1)}
body[data-palette="editorial"] .offer-chapter .news-block .format-top>img{filter:none}

body[data-palette="mechanical"] .offer-chapter .verdict-note{background:var(--paper)}

body:is([data-palette="oxblood"],[data-palette="oxblood-frost"]){--paper:#EBE3D4;--cream:#EBE3D4;--ink:#24252D;--base-ink:#24252D;--base-paper:#EBE3D4;--field:#552239;--field-ink:#EBE3D4;--accent:#D6D96A;--soft:#BBDEE3;--offer:#BBDEE3;--offer-ink:#552239;--archive:#EBE3D4;--archive-ink:#24252D;--hl-green:#BBDEE3;--hl-yellow:#D6D96A;--hl-blue:#BBDEE3;--hl-violet:#BBDEE3;--hl-coral:#D6D96A;--marker:#D6D96A;--chapter:#552239;--pink:#BBDEE3;--blue:#BBDEE3;--red:#D6D96A;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body:is([data-palette="olive"],[data-palette="olive-frost"]){--paper:#EAE9DE;--cream:#EAE9DE;--ink:#222521;--base-ink:#222521;--base-paper:#EAE9DE;--field:#50502F;--field-ink:#EAE9DE;--accent:#F2559A;--soft:#BDD5E6;--offer:#BDD5E6;--offer-ink:#222521;--archive:#EAE9DE;--archive-ink:#222521;--hl-green:#BDD5E6;--hl-yellow:#F2559A;--hl-blue:#BDD5E6;--hl-violet:#BDD5E6;--hl-coral:#F2559A;--marker:#F2559A;--chapter:#50502F;--pink:#BDD5E6;--blue:#BDD5E6;--red:#F2559A;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body[data-palette="contact"]{--paper:#F1F0EC;--cream:#F1F0EC;--ink:#1C1E1F;--base-ink:#1C1E1F;--base-paper:#F1F0EC;--field:#C8CDCC;--field-ink:#1C1E1F;--accent:#C92F3A;--soft:#C8CDCC;--offer:#F1F0EC;--offer-ink:#1C1E1F;--archive:#F1F0EC;--archive-ink:#1C1E1F;--hl-green:#C8CDCC;--hl-yellow:#C92F3A;--hl-blue:#C8CDCC;--hl-violet:#C8CDCC;--hl-coral:#C92F3A;--marker:#C92F3A;--chapter:#C8CDCC;--pink:#C8CDCC;--blue:#C8CDCC;--red:#C92F3A;--line:color-mix(in srgb,var(--ink) 45%,transparent);}
body:is([data-palette="oxblood"],[data-palette="oxblood-frost"]) .hero{background:var(--field);color:var(--paper);--ink:var(--paper)}
body:is([data-palette="oxblood"],[data-palette="oxblood-frost"]) .hero .hero-roll{color:var(--accent)}
body:is([data-palette="oxblood"],[data-palette="oxblood-frost"]) .bench-notice>img{filter:brightness(0) invert(1)}
body:is([data-palette="oxblood"],[data-palette="oxblood-frost"]) :is(.faq-section,.closing){background:var(--field)}
body:is([data-palette="olive"],[data-palette="olive-frost"]) .hero{background:var(--soft);color:var(--field)}
body:is([data-palette="olive"],[data-palette="olive-frost"]) :is(.faq-section,.closing){background:var(--field)}
body:is(:is([data-palette="oxblood"],[data-palette="oxblood-frost"]),:is([data-palette="olive"],[data-palette="olive-frost"])) .offer-chapter .verdict-note{background:var(--accent)}
body[data-palette="contact"] .hero-roll,body[data-palette="contact"] .workflow-statement .statement-hinge,body[data-palette="contact"] .manifesto-argument mark{color:var(--base-ink)}
body[data-palette="contact"] :is(.join-row button,.desktop-scene .clock-window .window-title,.navigation a:hover,.pipeline-stages .current,#step-pipeline,.reel-caption mark,.inspection-line mark){background:var(--accent);color:var(--base-paper)}
body[data-palette="contact"] .inspection-tools button:is(:hover,[aria-pressed="true"]),body[data-palette="contact"] .bench-taskbar button:hover{background:var(--soft);color:var(--base-ink)}
body[data-palette="contact"] .verdict-note{background:var(--soft)}

body[data-palette="contact"] .reset-rotation:hover,body[data-palette="contact"] .slide-controls button:hover:not(:disabled){background:var(--soft);color:var(--base-ink)}

/* Frost variant: only replace the warm neutral, preserve the other hues. */
body[data-palette="oxblood-frost"]{--paper:#F4F8FA;--cream:#F4F8FA;--base-paper:#F4F8FA;--field-ink:#F4F8FA;--archive:#F4F8FA}

body[data-palette="olive-frost"]{--paper:#F4F8FA;--cream:#F4F8FA;--base-paper:#F4F8FA;--field-ink:#F4F8FA;--archive:#F4F8FA}

body:is([data-palette="olive"],[data-palette="olive-frost"])[data-pink="soft"]{--accent:#F667A6;--hl-yellow:#F667A6;--hl-coral:#F667A6;--marker:#F667A6;--red:#F667A6}

/* The hero uses the selected palette accent, including the softer pink variant. */
body:is([data-palette="olive"],[data-palette="olive-frost"]) .hero-roll{color:var(--accent)}

/* workshop/home-type-study.css */
/* Only active in explicit comparison URLs. */
body[data-type-study=shared] .hero-statement{width:calc(100% - 80px);max-width:var(--study-width);margin-inline:auto;text-align:var(--study-align)}
body[data-type-study=shared][data-pairing=cabinet-space] .hero h1{font-family:Cabinet,sans-serif;font-size:var(--study-size);font-weight:var(--study-weight);line-height:.9;letter-spacing:-.015em;-webkit-text-stroke:.75px currentColor;text-wrap:wrap;max-width:none}
body[data-type-study=shared] .hero-statement .margin-rail{display:none}
@media(max-width:700px){body[data-type-study=shared] .hero-statement{width:calc(100% - 32px)}body[data-type-study=shared][data-pairing=cabinet-space] .hero h1{font-size:54px;line-height:.94;-webkit-text-stroke:.25px currentColor}}

/* Reserve the longest word, preserving a shared baseline and stable line breaks. */
body[data-type-study=shared] .hero-phrase{white-space:nowrap}
body[data-type-study=shared][data-study-align=left] .hero-roll>.roll-word{justify-self:start}
body[data-type-study=shared] .hero-roll{font-size:inherit}
/* Main statements share the selected display role; card and UI emphasis stay independent. */
body[data-pairing="cabinet-space"]{--statement-weight:500}
body[data-pairing="cabinet-space"] main :is(h1,h2){font-weight:var(--statement-weight)}

/* Existing aiming artwork, tinted sulphur on the FAQ's oxblood field. */
.faq-mark .faq-aim{display:block;width:70px;aspect-ratio:1;background:var(--marker);-webkit-mask:url("/home-study/workshop/assets/aim-oxblood.svg") center/contain no-repeat;mask:url("/home-study/workshop/assets/aim-oxblood.svg") center/contain no-repeat}
@media(min-width:761px) and (max-width:1100px){.faq-mark .faq-aim{width:48px}}

/* workshop/announcement.css */
/* Home-only notice: original companion + compact, bevelled desktop panel. */
.hero .announcement{position:relative;z-index:3;width:min(680px,calc(100% - 80px));margin:14px auto 0;color:#552239;text-align:left;--notice-paper:#F4F8FA;--notice-ink:#552239;--notice-accent:#D6D96A}
.announcement[hidden]{display:none}
.hero .announcement-link{display:flex;align-items:center;gap:24px;min-height:94px;padding:23px 24px 23px 48px;background:var(--notice-paper);color:var(--notice-ink)!important;border:1px solid var(--notice-ink);border-radius:2px;box-shadow:inset 2px 2px 0 white,inset -2px -2px 0 #aab7bd,0 6px 16px #24101a30;text-decoration:none!important}
.announcement-message{flex:1;min-width:0;font:500 21px/1.3 var(--body);text-wrap:pretty}
.announcement-action{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:10px 14px;background:var(--notice-accent);border:1px solid var(--notice-ink);box-shadow:inset 1px 1px 0 #f7f8cf,inset -1px -1px 0 #96994c;font:500 16px/1.2 var(--body)}
.announcement-link:hover .announcement-action{background:#e3e58c}
.announcement-link:active .announcement-action{box-shadow:inset 1px 1px 0 #96994c;transform:translateY(1px)}
.announcement-companion{position:absolute;right:-24px;top:-73px;width:104px;height:104px;object-fit:contain;pointer-events:none;transform:rotate(-6deg);transform-origin:50% 80%;transition:transform 350ms cubic-bezier(.16,1,.3,1);z-index:2}
.announcement:hover .announcement-companion,.announcement:focus-within .announcement-companion{transform:rotate(7deg) translateY(-3px)}
.announcement-dismiss{position:absolute;left:6px;top:6px;width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--notice-ink);padding:0}
.announcement-dismiss:hover{background:#dce7eb}
.announcement-link:focus-visible,.announcement-dismiss:focus-visible{outline:3px solid var(--notice-accent);outline-offset:5px}
.paused .announcement-companion{transition:none;transform:rotate(-6deg)}
@media(max-width:700px){.hero .announcement{width:calc(100% - 40px);margin-top:30px}.hero .announcement-link{padding:20px 22px 20px 44px;gap:14px;align-items:flex-start;flex-direction:column}.announcement-message{font-size:18px;max-width:25ch}.announcement-action{font-size:15px;padding:9px 12px}.announcement-companion{width:78px;height:78px;top:-56px;right:-8px}.announcement-dismiss{width:32px;height:32px;left:5px;top:5px}}
@media(prefers-reduced-motion:reduce){.announcement-companion{transition:none!important;transform:rotate(-6deg)!important}}

/* workshop/contribution.css */
/* Contribution bridge and local destination. Shared Cabinet / Space palette. */
.contribute-chapter{background:var(--soft);color:var(--field);padding:80px 0;scroll-margin-top:100px}
.contribution-frame{position:relative;padding:48px 32px 28px;background:linear-gradient(currentColor,currentColor) left top/16px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 16px no-repeat,linear-gradient(currentColor,currentColor) right top/16px 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 16px no-repeat,linear-gradient(currentColor,currentColor) left bottom/16px 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 16px no-repeat,linear-gradient(currentColor,currentColor) right bottom/16px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 16px no-repeat}
.contribution-top{display:grid;grid-template-columns:1fr .42fr;gap:40px;align-items:center}
.contribute-chapter h2{font-family:var(--display);font-size:clamp(64px,9vw,144px);font-weight:500;line-height:.94;letter-spacing:-.025em;margin:0}
.open-loop{width:100%;max-width:320px;justify-self:end;overflow:visible}
.loop-highlight{color:var(--paper);stroke-dasharray:70 900;stroke-dashoffset:0;animation:open-loop-travel 12s linear infinite}
@keyframes open-loop-travel{to{stroke-dashoffset:-970}}
.contribution-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-top:72px}
.contribution-bottom p{font-family:var(--body);font-size:clamp(20px,2vw,28px);line-height:1.28;max-width:33ch;margin:0}
.contribution-link{display:inline-flex;align-items:center;justify-self:end;gap:20px;font-family:var(--display);font-size:clamp(28px,3.5vw,56px);line-height:1.1;color:inherit;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:2px;cursor:crosshair}
.contribution-link svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;flex:none;transition:transform .2s ease-out}
.contribution-link:hover svg{transform:translateX(6px)}
.contribution-link:focus-visible{outline:2px solid currentColor;outline-offset:10px}
.contribution-note{display:block;margin-top:48px;font-family:var(--mono);font-size:12px;line-height:1.5}
.contribute-page{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}
.contribute-page *{box-sizing:border-box}
.contribute-page .contribution-preview{padding:10px 24px;background:var(--accent);color:var(--base-ink);font:13px/1.4 var(--mono)}
.contribute-page .contribution-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;border-bottom:1px solid var(--field)}
.contribute-page .contribution-brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:27px;text-decoration:none}
.contribution-brand img{width:34px;height:34px}
.contribute-page a{color:var(--field);text-underline-offset:.2em;cursor:crosshair}
.contribute-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--field);outline-offset:5px}
.contribute-page .contribution-intro{padding:90px 5% 70px;max-width:1600px;margin:auto}
.contribution-intro h1{font:500 clamp(64px,11vw,150px)/.92 var(--display);letter-spacing:-.025em;max-width:11ch;margin:0 0 45px;color:var(--field)}
.contribution-intro p{max-width:52ch;font-size:clamp(22px,2.2vw,30px);line-height:1.3;margin:0}
.contribution-ways{margin:0 5% 90px}
.contribution-way{border-top:1px solid var(--field);padding:32px 0;display:grid;grid-template-columns:1fr 1.1fr auto;gap:40px;align-items:start}
.contribution-way h2{font:500 clamp(28px,3.4vw,48px)/1 var(--display);letter-spacing:-.02em;margin:0;color:var(--field)}
.contribution-way p{font-size:19px;line-height:1.45;max-width:46ch;margin:0}
.contribution-way a{font-size:17px;white-space:nowrap}
.contribution-intake{background:var(--soft);padding:70px 5%;color:var(--field);display:grid;grid-template-columns:1fr 1fr;gap:70px;scroll-margin-top:30px}
.contribution-intake h2{font:500 clamp(48px,6vw,84px)/.98 var(--display);letter-spacing:-.025em;margin:0 0 28px}
.contribution-intake p{font-size:20px;line-height:1.4;max-width:38ch}
.contribution-intake form{display:grid;gap:14px;align-content:start}
.contribution-intake label{font-size:16px}
.contribution-intake :is(input,textarea,select){width:100%;font:18px/1.4 var(--body);border:1px solid var(--field);border-radius:0;padding:12px;background:var(--paper);color:var(--field);caret-color:var(--field)}
.contribution-intake textarea{resize:vertical;min-height:150px}
.contribution-intake button{justify-self:start;background:var(--field);color:var(--paper);padding:14px 24px;border:0;font:20px var(--body);cursor:crosshair}
.contribution-intake button:hover{background:var(--base-ink)}
.contribution-intake output{font-size:16px;line-height:1.4}
.contribution-footer{padding:35px 5%;display:flex;justify-content:space-between;gap:20px;font-size:16px}
@media(max-width:700px){.contribute-chapter{padding:40px 0}.contribution-frame{padding:30px 18px 24px}.contribution-top{grid-template-columns:1fr;gap:30px}.contribute-chapter h2{font-size:clamp(50px,13vw,80px)}.open-loop{width:120px;justify-self:start}.contribution-bottom{grid-template-columns:1fr;gap:30px;margin-top:32px}.contribution-link{justify-self:start;font-size:32px;gap:14px}.contribution-link svg{width:30px;height:30px}.contribution-note{margin-top:32px;font-size:11px}.contribution-way{grid-template-columns:1fr;gap:20px}.contribution-intake{grid-template-columns:1fr;gap:24px}.contribution-footer{flex-direction:column}.contribute-page .contribution-intro{padding-top:55px}.contribute-page .contribution-brand{font-size:22px}.contribution-nav>a:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.loop-highlight{animation:none}.contribution-link svg{transition:none}}

body.paused .loop-highlight{animation-play-state:paused}

.contribution-intro h1{max-width:none;font-size:clamp(58px,10vw,150px)}
.contribution-roll{color:var(--field);text-align:left}
.contribution-motion{display:block;font:13px var(--mono);color:var(--field);padding:9px 0;margin:-22px 0 32px;background:none;border:0;text-decoration:underline;text-underline-offset:.2em;cursor:crosshair}
.contribution-motion:disabled{cursor:default;text-decoration:none}
@media(max-width:700px){.contribution-intro h1{font-size:clamp(40px,11vw,64px);line-height:1}.contribution-roll{font-size:clamp(48px,13vw,76px)}}

/* workshop/workflow.css */
/* Home refinement: one framed statement and its visible work. */
#workflow{padding-block:70px 90px;scroll-margin-top:90px}
#workflow .workflow-demonstration{padding:40px 32px 26px}
#workflow .workflow-statement{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;margin:0;padding:0;font-family:var(--display);font-size:clamp(64px,7.6vw,110px);font-weight:500;line-height:1;letter-spacing:-.025em;text-align:left}
#workflow .statement-start{display:block;white-space:nowrap;grid-column:1;grid-row:1}
#workflow .statement-hinge{display:block;grid-column:2;grid-row:1/3;align-self:center;margin:0;border:0;padding:8px;background:var(--field);color:var(--field);font:700 clamp(25px,3vw,44px)/1 Cabinet,sans-serif;letter-spacing:0}
#workflow .statement-end{display:block;grid-column:1;grid-row:2;min-width:0;max-width:100%;margin-top:4px;color:var(--field)}
.workflow-flaps{display:flex;gap:3px}
.flap-slot{display:block;position:relative;width:.72em;height:1.35em;perspective:240px;background:var(--paper);border-radius:2px;overflow:hidden}
.flap-slot:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:color-mix(in srgb,var(--field) 35%,transparent);z-index:2;pointer-events:none}
.flap-face{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;white-space:pre;background:var(--paper);backface-visibility:hidden;transform-origin:center}
#workflow .word-roll{text-align:left;vertical-align:top}
#workflow .word-roll>.roll-word{justify-self:start}
#workflow .ending-roll{font-size:inherit;max-width:100%}
#workflow .inspection-sheet{margin:36px 0 0;width:100%}
#workflow .inspection-images{gap:18px}
#workflow .inspection-images figure>img{width:100%;height:clamp(190px,20vw,300px);object-fit:cover}
#workflow .inspection-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#workflow .inspection-tools>span{margin-right:auto}
#workflow .next-thought{font:16px var(--body);background:none;border:0;border-bottom:1px solid currentColor;color:var(--field);padding:8px 0;cursor:crosshair}
#workflow .next-thought:hover{background:var(--soft)}
#workflow .next-thought:focus-visible{outline:2px solid var(--field);outline-offset:5px}
#workflow .manifesto-reading{margin-top:60px}
@media(max-width:760px){
 #workflow{padding-block:46px 60px;scroll-margin-top:110px}
 #workflow .workflow-demonstration{padding:25px 12px 20px}
 #workflow .workflow-statement{font-size:clamp(48px,8.5vw,70px);column-gap:14px}
 #workflow .statement-hinge{font-size:clamp(20px,3.6vw,28px);padding:5px;grid-row:1}
 #workflow .statement-end{grid-column:1/3}
 #workflow .statement-end .word-roll{font-size:clamp(34px,6.8vw,52px)}
 #workflow .inspection-sheet{margin-top:25px}
 #workflow .inspection-images{gap:12px}
 #workflow .inspection-images figure>img{height:160px}
 #workflow .inspection-tools{gap:12px}
 #workflow .inspection-tools>span{width:100%;font-size:11px}
 #workflow .next-thought{font-size:14px}
 #workflow .manifesto-reading{margin-top:40px}
}

/* Print crop marks sit outside the trim, with a clear gap at each corner. */
#workflow .crop-frame{position:relative}
.crop-mark{position:absolute;width:28px;height:28px;pointer-events:none;color:var(--field)}
.crop-mark:before,.crop-mark:after{content:"";position:absolute;background:currentColor}
.crop-mark:before{width:15px;height:1px;left:0;top:21px}
.crop-mark:after{width:1px;height:15px;left:21px;top:0}
.crop-tl{top:-22px;left:-22px}.crop-tr{top:-22px;right:-22px;transform:rotate(90deg)}
.crop-bl{bottom:-22px;left:-22px;transform:rotate(-90deg)}.crop-br{bottom:-22px;right:-22px;transform:rotate(180deg)}
#workflow .workflow-statement{grid-template-columns:minmax(0,1fr) 36%;column-gap:26px}
#workflow .statement-hinge{align-self:stretch;display:flex;padding:8px;font-size:clamp(28px,4.5vw,66px);min-height:100%;grid-row:1/3}
#workflow .workflow-flaps{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
#workflow .flap-slot{width:100%;height:100%;min-height:100px;perspective:500px;border-radius:1px}
.flap-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--paper);backface-visibility:hidden}
.flap-half>span{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;white-space:pre}
.top-back,.top-leaf{top:0}.bottom-back,.bottom-leaf{bottom:0}
.top-back>span,.top-leaf>span{top:0}.bottom-back>span,.bottom-leaf>span{bottom:0}
.top-leaf{transform-origin:center bottom;z-index:3}.bottom-leaf{transform-origin:center top;z-index:3}
#workflow .flap-slot:after{z-index:4;background:var(--field);opacity:.4}
.workflow-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 #workflow .workflow-statement{grid-template-columns:minmax(0,1fr) 36%;column-gap:12px;font-size:clamp(40px,7.7vw,64px)}
 #workflow .statement-hinge{grid-row:1/3;font-size:clamp(18px,4vw,28px);padding:4px}
 #workflow .statement-end{grid-column:1}.workflow-flaps{gap:2px!important}
 #workflow .statement-end .word-roll{font-size:inherit}
 #workflow .flap-slot{min-height:85px}
 .crop-mark{scale:.65}.crop-tl{top:-15px;left:-15px}.crop-tr{top:-15px;right:-15px}.crop-bl{bottom:-15px;left:-15px}.crop-br{bottom:-15px;right:-15px}
}

/* A marked passage, following the manifesto reference. */
#workflow .manifesto-argument mark{background:var(--marker)!important;color:var(--ink)!important;text-decoration:none!important;padding:.02em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* workshop/home-story.css */
/* Home narrative study: why → how → what. Selected Oxblood/Frost identity. */
.why-chapter{background:var(--soft);color:var(--field);padding:110px 0 100px;scroll-margin-top:70px}
.why-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}
.why-copy h2{font:500 clamp(70px,8.5vw,124px)/.91 var(--display);letter-spacing:-.03em;margin-bottom:38px}
.why-copy p{font:400 22px/1.35 var(--body);max-width:36ch;margin:20px 0}
.why-copy .why-lead{font-size:28px;line-height:1.2}
.why-copy mark{background:var(--marker)!important;color:var(--base-ink)!important;text-decoration:none!important;padding:.02em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.why-link{font-size:20px;display:inline-flex;gap:25px;margin-top:20px;text-underline-offset:6px}
.record-study{min-width:0}.repeat-label{margin-bottom:20px}
.record-player{display:block;width:100%;aspect-ratio:1.2;position:relative;border:1px solid var(--field);background:var(--paper);color:var(--field);padding:0;cursor:crosshair;box-shadow:0 12px 24px #55223916}
.record-player:focus-visible{outline:3px solid var(--field);outline-offset:6px}
.record-disc{position:absolute;left:5%;top:9%;width:72%;aspect-ratio:1;border-radius:50%;background:var(--field);animation:broken-record 7s linear infinite;overflow:hidden}
.record-target{position:absolute;inset:4%;background:var(--paper);mask:url('/home-study/assets/landed-ink.svg') center/contain no-repeat}
.record-label{position:absolute;inset:38%;border-radius:50%;display:grid;place-content:center;background:var(--marker);color:var(--base-ink);font:12px/.95 var(--mono);text-align:center}
.record-label:after{content:'';position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--field)}
.record-arm{position:absolute;inset:0;width:100%;height:100%;fill:var(--marker);stroke:var(--field);stroke-width:2;pointer-events:none}
.record-arm path{fill:none;stroke-width:3}.record-arm .needle{stroke-width:5}
.record-light{position:absolute;bottom:6%;left:6%;width:9px;height:9px;background:var(--field);border-radius:50%}
.record-control{position:absolute;bottom:5%;right:6%;font-size:18px}
.record-player.is-paused .record-disc,.record-study.offscreen .record-disc,.paused .record-disc,.page-hidden .record-disc{animation-play-state:paused}
.feed-loop{margin-top:22px;border-left:1px solid var(--field);padding-left:14px;display:grid;gap:5px;font:500 clamp(16px,1.8vw,25px)/1.15 var(--display)}
.feed-loop span:nth-child(2){opacity:.65}.feed-loop span:nth-child(3){opacity:.35}
.record-caption{font:14px/1.3 var(--body);margin:18px 0 0}
@keyframes broken-record{0%{transform:rotate(0)}70%{transform:rotate(300deg)}76%{transform:rotate(285deg)}83%{transform:rotate(310deg)}89%{transform:rotate(295deg)}100%{transform:rotate(360deg)}}
#workbench .bench-heading{align-items:end}#workbench .bench-heading>div{width:38%}
#workbench .desktop-scene{height:1510px}
#desktop .claim-window{top:65px;left:4%;width:48%;z-index:10!important}
#desktop .human-window{top:105px;right:4%;left:auto;width:36%;z-index:11!important}
.claim-body,.human-body{padding:22px}
#desktop .claim-body>p{font-size:20px;margin:0 0 18px}
.claim-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:var(--field);padding:5px}
.claim-square{aspect-ratio:1;padding:0;display:grid;place-items:center;border:2px solid;border-color:var(--paper) var(--field) var(--field) var(--paper);background:var(--soft);color:var(--field);font:30px/1 var(--pixel);cursor:crosshair}
.claim-square:hover{background:var(--marker)}.claim-square:focus-visible{outline:3px solid var(--marker);outline-offset:-4px}
.claim-square.revealed{background:var(--paper);border:1px solid var(--soft);font-size:24px}
.claim-square.selected{box-shadow:inset 0 0 0 3px var(--field)}.claim-square[data-kind=useful].revealed{background:var(--marker)}
.claim-square.is-clue{outline:3px dashed var(--marker);outline-offset:-5px}
.claim-actions{display:flex;gap:18px;justify-content:space-between;margin:18px 0 14px}
.claim-actions button,.human-choices button{background:none;border:0;border-bottom:1px solid currentColor;font:16px/1.2 var(--body);padding:8px 0;cursor:crosshair}
.claim-body>.mono{font-size:10px}.human-window .window-title svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.human-body{position:relative;padding-top:40px}.human-sticker{position:absolute;right:15px;top:13px;transform:rotate(10deg);font:16px/.9 var(--pixel);background:var(--marker);color:var(--base-ink);padding:9px}
.claim-detail>.mono{display:block;font-size:10px;max-width:65%;margin-bottom:24px}
#desktop .claim-detail h3{font:500 clamp(28px,3vw,45px)/.98 var(--display);letter-spacing:-.025em;margin-bottom:20px;max-width:12ch}
#desktop .claim-detail p{font:18px/1.3 var(--body);min-height:94px;margin:0}
.human-choices{display:flex;gap:17px;margin-top:18px}.human-choices button[aria-pressed=true]{background:var(--marker)}
#desktop #human-status{font:12px/1.4 var(--mono);margin:18px 0 0;min-height:34px}
#desktop .reel-window{top:570px;left:3%;width:47%}#desktop .verdict-window{top:615px;left:54%;width:42%}
#desktop .carousel-window{top:1005px;left:12%;width:49%}#desktop .clock-window{top:1040px;right:3%;width:230px}
.bench-method{margin-top:35px;border-block:1px solid currentColor;padding:22px 0}
.bench-method>summary{cursor:crosshair;font:500 29px/1.2 var(--display);display:flex;gap:25px;justify-content:space-between;align-items:baseline}
.bench-method>summary>span{font:14px/1.3 var(--body);text-decoration:underline}
.bench-method #workflow{padding:30px 0 0;color:var(--paper);--field:var(--paper);--paper:var(--base-ink)}
.bench-method #workflow .workflow-statement{font-size:clamp(40px,6vw,80px)}
.bench-method #workflow .statement-end{color:var(--marker)}
.method-controls{display:flex;gap:30px;justify-content:space-between;align-items:center;margin:25px 0 10px}.method-controls p{font-size:18px;max-width:48ch}
/* Replace decorative brackets throughout this Home study with separated crop marks. */
body .bracket:before,body .bracket:after{inset:-12px;border:0;mask:none;-webkit-mask:none;transform:none;color:inherit}
body .bracket:before{background:linear-gradient(currentColor,currentColor) left 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 12px/8px 1px no-repeat}
body .bracket:after{background:linear-gradient(currentColor,currentColor) left 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) left 12px bottom 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px bottom 0/1px 8px no-repeat}
body .verdict-note{overflow:visible}
@media(max-width:1000px) and (min-width:761px){.why-layout{gap:35px}.why-copy h2{font-size:75px}.why-copy p{font-size:19px}.why-copy .why-lead{font-size:24px}#desktop .human-window{width:39%;right:3%}.claim-body,.human-body{padding:16px}.human-body{padding-top:38px}.human-choices{gap:12px}.human-choices button{font-size:14px}}
@media(max-width:760px){.why-chapter{padding:65px 0}.why-layout{grid-template-columns:1fr;gap:45px}.why-copy h2{font-size:68px}.why-copy p{font-size:20px}.record-study{max-width:460px;width:100%;margin:auto}.record-label{font-size:10px}#workbench .bench-heading>div{width:100%}#workbench .desktop-scene{height:auto}#desktop .bench-window{position:relative;top:auto;left:auto;right:auto;width:100%}#desktop .claim-window{order:0!important}#desktop .human-window{order:1!important}#desktop .clock-window{order:5!important}.claim-square{font-size:28px}#desktop .claim-detail h3{font-size:38px}.human-body{padding-top:38px}.human-sticker{right:18px}.bench-method>summary{font-size:23px;display:block}.bench-method>summary>span{display:block;margin-top:10px}.method-controls{align-items:start}.method-controls p{font-size:16px}.bench-method #workflow .statement-hinge{font-size:19px}.feed-loop{font-size:21px}.claim-actions button{font-size:14px}.bench-taskbar{flex-wrap:wrap;height:auto}#desktop{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.record-disc{animation:none}}

#desktop .bench-window.raised{z-index:20!important}
/* The optional method sample is a light sheet on the dark workbench. */
.bench-method #workflow{--field:#552239;--paper:#F4F8FA;--ink:#24252D;background:var(--paper);color:var(--ink);padding:28px;margin-top:24px}
.bench-method #workflow .workflow-statement,.bench-method #workflow .method-controls{color:var(--ink)}
.bench-method #workflow .statement-end{color:var(--field)}
@media(max-width:760px){.bench-method #workflow{padding:20px 12px}}

/* The missing piece passes through the whole record, not just its printed rings. */
.record-disc{mask:url('/home-study/workshop/assets/record-cutout-mask.svg?v=2') center/100% 100% no-repeat}
.verdict-note>.verdict-symbol{position:absolute;right:28px;top:25px;width:112px;height:112px;fill:var(--field);pointer-events:none}
@media(max-width:760px){.verdict-note>.verdict-symbol{width:82px;height:82px;right:20px}}

/* A field of changing characters, sharing the verdict word's morph clock. */
.verdict-note>.character-fallback{visibility:hidden}
.verdict-note>.verdict-characters{position:absolute;right:20px;top:12px;width:200px;height:200px;pointer-events:none}
.verdict-note{min-height:390px}
@media(max-width:760px){.verdict-note>.verdict-characters{width:136px;height:136px;right:12px;top:8px}.verdict-note{min-height:330px}}

.verdict-preview-next{position:absolute;right:26px;bottom:23px;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;padding:4px 0;font:12px/1.2 var(--mono);cursor:crosshair}.verdict-preview-next:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:760px){.verdict-preview-next{position:static;align-self:flex-start;margin-top:4px}.verdict-note{min-height:390px}}

/* Mines are patterns to inspect. A hit reveals the example, never ends the board. */
.claim-grid{position:relative;overflow:hidden;isolation:isolate}
.claim-square.revealed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1}
.claim-square .claim-glyph{font-size:24px;line-height:.9}
.claim-square .tile-label{font:10px/1.05 var(--mono);max-width:100%;overflow-wrap:anywhere;padding:0 2px}
.claim-square.revealed[data-kind="mine"]{background:var(--field);color:var(--paper);box-shadow:inset 0 0 0 1px var(--paper)}
.claim-square svg{width:29px;height:29px;fill:currentColor;flex-shrink:0}.claim-square .mine-glint{fill:var(--field)}
.claim-explosion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}
@media(max-width:760px){.claim-square .tile-label{font-size:8px}.claim-square svg{width:21px;height:21px}.claim-square .claim-glyph{font-size:20px}.claim-square.revealed{gap:2px}}

/* Contribution uses its own frame, so explicitly share the Home print marks. */
#contribute .contribution-frame{background:none}
#contribute .contribution-frame::before,#contribute .contribution-frame::after{content:"";position:absolute;inset:-12px;pointer-events:none;color:inherit}
#contribute .contribution-frame::before{background:linear-gradient(currentColor,currentColor) left 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 12px/8px 1px no-repeat}
#contribute .contribution-frame::after{background:linear-gradient(currentColor,currentColor) left 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) left 12px bottom 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px bottom 0/1px 8px no-repeat}

/* Recognisable mine after the blast; full reel frames keep their original composition. */
#claim-grid .claim-square.revealed[data-kind="mine"]{background:#552239;color:#D6D96A;border:2px solid #D6D96A;box-shadow:inset 0 0 0 2px #552239}
#claim-grid .claim-square.revealed[data-kind="mine"] .tile-label{font-weight:700;letter-spacing:.08em}
#claim-grid .claim-square.revealed[data-kind="mine"] svg{width:30px;height:30px}
#claim-grid .claim-square.revealed[data-kind="mine"].selected{outline:2px solid #552239;outline-offset:1px}
@media(max-width:760px){#claim-grid .claim-square.revealed[data-kind="mine"] svg{width:25px;height:25px}}
/* Treat reels as portrait artwork, with copy beside it rather than letterboxed thumbnails. */
#desktop .piece-preview-layout{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:24px;padding:22px;align-items:stretch}
#desktop .piece-preview-art{margin:0;min-width:0;align-self:start;aspect-ratio:9/16}
#desktop .piece-preview-art img{display:block;width:100%;height:100%;object-fit:cover;animation:none;transform:none}
#desktop .piece-preview-copy{display:flex;flex-direction:column;min-width:0;padding:5px 0}
#desktop .piece-preview-copy h3{font:var(--display-weight) 36px/.98 var(--display);letter-spacing:-.025em;margin:0;text-wrap:balance}
#desktop .piece-preview-copy p{font:18px/1.4 var(--body);margin:24px 0;max-width:24ch}
#desktop .piece-preview-foot{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:10px}
#desktop .piece-preview-foot .mono{font:11px/1.4 var(--mono)}
#desktop .piece-preview-status{font:14px/1.3 var(--body)}
#desktop #reel-window .timeline{margin:0 22px 18px;padding:0}
body.focus-mode #desktop #reel-window .timeline{display:none}
@media(max-width:760px){#desktop .piece-preview-layout{gap:16px;padding:16px;grid-template-columns:minmax(0,44%) minmax(0,1fr)}#desktop .piece-preview-copy h3{font-size:26px}#desktop .piece-preview-copy p{font-size:15px;line-height:1.35;margin:18px 0}#desktop .piece-preview-foot{padding-top:12px;gap:6px}#desktop .piece-preview-foot .mono{font-size:10px}#desktop .piece-preview-status{font-size:12px}}

/* workshop/loose-end.css */
/* A loose end, connecting the workbench to the footer. Local prototype. */
.loose-end{position:absolute;top:40px;left:52%;width:94px;height:292px;z-index:24;--parcel-ink:#552239;--parcel-paper:#F4F8FA;--parcel-tape:#D6D96A}
.cut-string{position:relative;display:block;width:94px;height:292px;padding:0;border:0;background:none;color:var(--parcel-ink);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4F8FA' stroke='%23552239' d='M2 3h6v6H2zm0 12h6v6H2zM8 8l14 14M8 16 22 2'/%3E%3C/svg%3E") 12 12,crosshair}
.cut-string:focus-visible{outline:2px dashed var(--parcel-tape);outline-offset:4px}
.parcel-string{position:absolute;left:46px;top:0;width:1px;height:204px;background:var(--parcel-paper);transform-origin:top}
.parcel-swing{position:absolute;top:198px;left:6px;transform-origin:40px -198px;animation:parcel-sway 4.5s ease-in-out infinite}
.parcel-box{display:block;position:relative;width:80px;height:76px;background:var(--parcel-paper,#F4F8FA);border:1px solid var(--parcel-ink,#552239);color:var(--parcel-ink,#552239);box-shadow:0 5px 12px #0002;transform:rotate(-5deg)}
.parcel-tape{position:absolute;top:0;bottom:0;left:31px;width:16px;background:var(--parcel-tape,#D6D96A)}
.parcel-tag{position:absolute;left:7px;top:13px;background:var(--parcel-paper,#F4F8FA);padding:5px 8px;font:18px/.9 var(--pixel);transform:rotate(9deg);border:1px solid var(--parcel-ink,#552239)}
.parcel-stamp{position:absolute;bottom:5px;right:5px;font:8px/1 var(--mono)}
.pixel-scissors{position:absolute;top:153px;left:30px;width:26px;height:26px;fill:var(--parcel-tape);opacity:0;transform:translateX(-5px);transition:opacity .15s,transform .15s}
.cut-string:hover .pixel-scissors,.cut-string:focus-visible .pixel-scissors{opacity:1;transform:none}
.loose-end.is-cut .cut-string{visibility:hidden}.parcel-follow{position:absolute;top:155px;left:-10px;width:115px;color:var(--base-paper);font:12px/1.3 var(--mono);text-align:center;z-index:1}
.parcel-flight{position:absolute;top:0;left:0;width:80px;height:76px;pointer-events:none;z-index:100;will-change:transform;--parcel-ink:#552239;--parcel-paper:#F4F8FA;--parcel-tape:#D6D96A}
.parcel-landing{padding:55px 0 45px;display:flex;gap:45px;align-items:center;border-top:1px solid currentColor;scroll-margin-top:80px}
.open-parcel{position:relative;width:200px;height:165px;flex:none;color:var(--field);isolation:isolate}
.box-inside{position:absolute;left:36px;top:66px;width:130px;height:90px;background:var(--field);border:1px solid var(--paper)}
.open-flap{position:absolute;top:65px;width:68px;height:65px;background:var(--soft);border:1px solid var(--field);z-index:2}.flap-left{left:0;clip-path:polygon(0 0,53% 3%,100% 90%,53% 100%)}.flap-right{right:0;clip-path:polygon(47% 3%,100% 0,47% 100%,0 90%)}
.gift-disk{position:absolute;top:0;left:67px;width:84px;height:96px;background:var(--marker);color:var(--base-ink);border:1px solid var(--base-ink);transform:rotate(9deg);z-index:3;border-radius:2px}
.disk-metal{position:absolute;left:18px;top:0;width:45px;height:27px;background:var(--paper);border:1px solid var(--base-ink)}.disk-metal:after{content:'';position:absolute;top:5px;bottom:5px;right:7px;width:9px;background:var(--field)}
.disk-label{position:absolute;left:7px;right:7px;bottom:7px;background:var(--paper);font:17px/.95 var(--pixel);padding:7px 4px}
.box-front{position:absolute;left:36px;top:100px;width:130px;height:56px;background:var(--paper);border:1px solid var(--field);z-index:4;font:16px/.95 var(--pixel);padding:12px 15px}
.parcel-reveal-copy h3{font:500 clamp(30px,4vw,48px)/1 var(--display);margin-bottom:16px}.parcel-reveal-copy p{font:18px/1.3 var(--body);max-width:40ch;margin-bottom:16px}.parcel-reveal-copy>.mono{display:block;font-size:11px;margin-bottom:18px}
#rehang-parcel{background:none;border:0;border-bottom:1px solid currentColor;padding:6px 0;font:16px/1.2 var(--body);cursor:crosshair}
.paused .parcel-swing,.page-hidden .parcel-swing,.loose-end.offscreen .parcel-swing{animation-play-state:paused}
@keyframes parcel-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@media(max-width:1000px) and (min-width:761px){.loose-end{left:50%;scale:.8;transform-origin:top left}}
@media(max-width:760px){#desktop .loose-end{position:relative;left:auto;top:auto;align-self:center;order:-1;margin-top:-20px;margin-bottom:-5px;height:172px}.pixel-scissors{opacity:1}.parcel-follow{left:-15px;top:60px}.parcel-landing{flex-direction:column;align-items:start;gap:25px;padding:40px 0}.open-parcel{align-self:center}.parcel-reveal-copy h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.parcel-swing{animation:none}.pixel-scissors{transition:none}}

@media(max-width:760px){#desktop .loose-end,.cut-string{height:252px}.parcel-string{height:164px}.parcel-swing{top:158px;transform-origin:40px -158px}.pixel-scissors{top:113px}.parcel-follow{top:120px}}

/* workshop/feed-headlines.css */
/* WASC record collection. Opt-in audio with a silent initial state. */
#why .why-layout{align-items:start;gap:clamp(32px,5vw,75px)}
#feed-heading{font-size:clamp(58px,6.8vw,104px);display:block;min-height:0;line-height:.96;margin-top:0}
.feed-title-fixed,.feed-title-line{display:block}
.feed-title-line{min-height:1.05em;max-width:none;transition:opacity 180ms ease,transform 180ms ease}
.feed-title-line.is-changing{opacity:0;transform:translateY(.16em)}
#why .record-study{--deck:#552239;--deck-edge:#351425;--record-accent:#D6D96A;--record-paper:#F4F8FA;padding-top:5px}
#why .record-player{display:block;position:relative;width:100%;aspect-ratio:1.23;background:var(--deck);color:var(--record-paper);border:0;border-radius:12px;cursor:default;box-shadow:inset 0 2px 1px #ffffff42,inset -2px 0 2px #ffffff12,0 10px 0 var(--deck-edge),0 26px 34px #35142535;isolation:isolate}
#why .record-player:before,#why .record-player:after{content:'';position:absolute;bottom:-16px;width:12%;height:9px;border-radius:0 0 4px 4px;background:#24101a;z-index:-1}
#why .record-player:before{left:12%}#why .record-player:after{right:12%}
.deck-brand{position:absolute;top:5%;left:6%;font:500 clamp(9px,.9vw,12px)/1 var(--mono);letter-spacing:.06em;color:#F4F8FA}
#why .record-platter{position:absolute;left:5%;top:12%;width:70%;aspect-ratio:1}
#why .record-disc{inset:0;width:100%;height:100%;background:#20151d;animation:broken-record 7s linear infinite;box-shadow:inset 0 0 0 3px #F4F8FA;rotate:0deg}
#why .record-target{inset:5%;background:#F4F8FA;opacity:.8}
#why .record-label{inset:36%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:var(--record-accent);color:#351425;font:700 clamp(9px,1.15vw,15px)/.9 var(--body);letter-spacing:-.02em;transition:background 240ms ease}
#why .record-label:after{left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;background:var(--deck);box-shadow:0 0 0 1px #35142550}
#why .record-arm{inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:none}
.tonearm{transform-origin:83px 19px;transition:transform 600ms cubic-bezier(.2,.8,.2,1);transform:rotate(0deg)}
#why .record-arm .arm-shadow{stroke:#15091075;stroke-width:4;transform:translate(1.2px,2px)}
#why .record-arm .arm-body{stroke:#b6cbd0;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#why .record-arm .arm-highlight{stroke:#F4F8FA;stroke-width:.65;stroke-linecap:round}
#why .record-arm .needle{stroke:var(--record-accent);stroke-width:3.5;stroke-linecap:round}
#why .record-arm .arm-base{fill:#2f1827;stroke:#b6cbd0;stroke-width:1.2}
#why .record-arm .arm-pivot{fill:#F4F8FA;stroke:#81969b;stroke-width:.5}
#why .record-study.is-lifting .tonearm,#why .record-study.is-paused .tonearm{transform:rotate(-28deg)}
.deck-bottom{position:absolute;bottom:5%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.deck-readout{display:flex;align-items:center;gap:8px;font:500 clamp(8px,.8vw,11px)/1.2 var(--mono);letter-spacing:.03em}
#why .record-light{position:static;width:6px;height:6px;background:var(--record-accent);box-shadow:none;flex:none}
.record-motion-controls{display:flex;gap:9px}
.record-motion-controls button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #F4F8FA80;background:#351425;color:#F4F8FA;cursor:pointer;box-shadow:0 2px 3px #16081050}
.record-motion-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.record-motion-controls button:hover{background:#F4F8FA;color:#552239}
.record-motion .play-symbol{display:none}
.record-motion[aria-pressed="true"] .play-symbol{display:block}
.record-motion[aria-pressed="true"] .pause-symbol{display:none}
#why .record-study[data-mode="vibes"] .record-disc{animation:club-record-spin 10s linear infinite}
#why .record-study.is-paused .record-disc,#why .record-study.is-lifting .record-disc,#why .record-study.offscreen .record-disc,.paused #why .record-disc,.page-hidden #why .record-disc,.focus-mode #why .record-disc{animation-play-state:paused}
#why .record-study[data-track="1"]{--record-accent:#BBDEE3}
#why .record-study[data-track="2"]{--record-accent:#F4F8FA}
.record-below{padding-top:36px}
#why .feed-loop{margin:0;border:0;padding:0;gap:5px;font:500 clamp(19px,2vw,26px)/1.2 var(--display)}
#why .feed-loop span{transition:opacity 180ms ease;opacity:.45}
#why .feed-loop span.is-active{opacity:1}
.record-change{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;padding:12px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:500 23px/1.2 var(--body);text-align:left;cursor:pointer}
.record-change svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform 180ms ease}
.record-change:hover svg{transform:translate(3px,-3px)}
.record-collection[hidden],.record-noise[hidden]{display:none!important}
.collection-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
#why .collection-heading h3{font:500 clamp(25px,2.4vw,34px)/1.05 var(--display);margin:0;letter-spacing:-.025em}
.record-reset{font:400 12px/1.3 var(--body);border:0;border-bottom:1px solid currentColor;padding:0 0 2px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}
.record-tracks{display:grid}
.record-tracks button{display:flex;align-items:center;gap:13px;min-height:65px;border:0;border-top:1px solid #55223965;background:transparent;color:#552239;padding:10px 4px;cursor:pointer;text-align:left}
.record-tracks button:last-child{border-bottom:1px solid #55223965}
.record-tracks button[aria-pressed="true"]{background:#F4F8FA80}
.record-tracks button:hover{background:#F4F8FA}
.record-tracks strong{display:block;font:500 21px/1.1 var(--display)}
.record-tracks small{display:block;font:400 13px/1.3 var(--body);margin-top:3px}
.track-disc{width:36px;height:36px;border-radius:50%;background:#552239;position:relative;flex:none}
.track-disc:before{content:'';position:absolute;inset:11px;border-radius:50%;background:#D6D96A}
.track-disc:after{content:'';position:absolute;inset:16px;border-radius:50%;background:#552239}
[data-record-track="1"] .track-disc:before{background:#BBDEE3}
[data-record-track="2"] .track-disc:before{background:#F4F8FA}
.track-selection{margin-left:auto;font-size:20px}
#why .record-caption{font:400 12px/1.4 var(--mono);margin:17px 0 0;max-width:none}
#why button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#why .record-motion-controls button:focus-visible{outline-color:#D6D96A}
@keyframes club-record-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){#feed-heading{font-size:clamp(48px,11.8vw,80px)}.feed-title-line{min-height:1.05em;max-width:none}#why .why-layout{gap:36px}#why .record-study{padding:0;max-width:500px}#why .record-label{font-size:12px;gap:8px}.deck-brand{font-size:10px}.deck-readout{font-size:9px}.record-motion-controls button{width:38px;height:38px}.record-below{padding-top:31px}#why .why-copy p{font-size:20px}.record-tracks button{min-height:70px}}
@media(prefers-reduced-motion:reduce){#why .record-disc{animation:none!important}.feed-title-line,.tonearm,#why .record-label{transition:none}}
/* Audio is opt-in. The miniature stop control follows explicitly started music. */
.record-audio-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:20px}
.record-audio-controls button{border:0;border-bottom:1px solid currentColor;padding:7px 0;background:transparent;color:inherit;font:500 16px var(--body);cursor:pointer}
.record-audio-controls label{display:flex;align-items:center;gap:10px;font:400 12px var(--mono)}
.record-audio-controls input{width:90px;accent-color:#552239}
.record-credit{font:400 11px/1.5 var(--mono)!important;margin:8px 0 0!important;max-width:none!important}
.record-credit a{display:inline-block;color:inherit;text-underline-offset:3px}
.record-credit a[hidden]{display:none}
.record-new-tracks summary{cursor:pointer;padding:15px 0;font:400 14px var(--body);text-decoration:underline;text-underline-offset:4px}
.record-mini{position:fixed;bottom:20px;left:20px;z-index:95;max-width:calc(100vw - 40px);display:flex;gap:20px;align-items:center;padding:12px 16px;background:#552239;color:#F4F8FA;border:1px solid #F4F8FA70;box-shadow:0 5px 20px #35142525;font:400 13px var(--mono)}
.record-mini[hidden]{display:none}
.record-mini button{flex:none;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:5px 0;font:inherit;cursor:pointer}
.record-mini button:focus-visible{outline:2px solid #D6D96A;outline-offset:4px}

/* Sound switches independently of transport. */
.record-motion-controls .record-sound{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:64px;padding:0 9px;border-radius:20px;font:500 10px/1 var(--mono)}
.record-sound[aria-pressed="false"] .sound-waves,.record-sound[aria-pressed="true"] .sound-muted{display:none}
.record-motion-controls{flex:none}
@media(max-width:360px){.deck-bottom{gap:6px}.record-motion-controls{gap:5px}.record-motion-controls .record-sound{min-width:56px;padding:0 6px}.deck-readout{font-size:8px}}

/* Site: "Enough of that." is the fed-up key of the record player. */
#why .record-change{margin-top:28px;padding:18px 22px;border:0;border-radius:12px;background:#552239;color:#D6D96A;font:800 clamp(22px,6.9vw,33px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;box-shadow:inset 0 2px 1px #ffffff30,0 6px 0 #351425;transform:rotate(-1.5deg);transition:transform 120ms ease,box-shadow 120ms ease}
#why .record-change svg{flex:none;width:28px;height:28px;stroke:#D6D96A;stroke-width:2.6}
#why .record-change:active{transform:rotate(-1.5deg) translateY(4px);box-shadow:inset 0 2px 1px #ffffff30,0 2px 0 #351425}
#why .record-change:focus-visible{outline-color:#552239}
#why .record-change.is-shouting{animation:record-change-shake 520ms ease 1}
@keyframes record-change-shake{0%,100%{transform:rotate(-1.5deg)}20%{transform:rotate(-1.5deg) translateX(-5px)}40%{transform:rotate(-1.5deg) translateX(5px)}60%{transform:rotate(-1.5deg) translateX(-3px)}80%{transform:rotate(-1.5deg) translateX(2px)}}
@media(prefers-reduced-motion:reduce){#why .record-change{transition:none}#why .record-change.is-shouting{animation:none}}
.paused #why .record-change.is-shouting,.focus-mode #why .record-change.is-shouting{animation:none}

/* workshop/content-colours.css */
/* Shared content bases. Lighting supplies depth; formats keep their hue. */
:root {
  --wasc-news: #552239;
  --wasc-verdict: #d6d96a;
  --wasc-list: #bbdee3;
  --wasc-frost: #f4f8fa;
  --wasc-overload: #8b66ad;
}

/* The same content format carries the same cover colour on every shelf. */
:is(#library .books,.collection) .book[data-format="news"]{--book-bg:var(--wasc-news);--book-ink:var(--wasc-frost)}
:is(#library .books,.collection) .book[data-format="verdict"]{--book-bg:var(--wasc-verdict);--book-ink:var(--wasc-news)}
:is(#library .books,.collection) .book:is([data-format="short-list"],[data-format="skills"]){--book-bg:var(--wasc-list);--book-ink:var(--wasc-news)}
:is(#library .books,.collection) .book[data-format="field-notes"]{--book-bg:var(--wasc-verdict);--book-ink:var(--wasc-news)}
#library .books .book[data-format]{border:1px solid var(--wasc-news)}

/* workshop/curiosity-brain.css */
/* Curiosity: information in, considered work out. Local art-direction prototype. */
.curiosity-system{position:relative;isolation:isolate;margin-top:25px;scroll-margin-top:30px}
.brain-stage{height:395px;position:relative;z-index:4;pointer-events:none}
.brain-object{position:absolute;width:450px;left:50%;top:0;transform:translateX(-50%)}
.brain-object img{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 18px #55223912);will-change:transform}
.brain-shadow{position:absolute;width:230px;height:22px;border-radius:50%;background:#55223916;filter:blur(12px);left:50%;top:315px;transform:translateX(-50%)}
.brain-aside{position:absolute;left:calc(50% + 250px);top:100px;font:12px/1.4 var(--mono,monospace);opacity:.65}
.curiosity-cables{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.curiosity-system .format-layout{position:relative;z-index:2;margin:0 0 45px;align-items:start;gap:45px}
.curiosity-system .format-layout article{margin-top:0;position:relative}
.curiosity-system .format-top{position:relative}
.curiosity-system .format-top:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;position:absolute;top:-25px;left:50%;transform:translateX(-50%)}
.curiosity-system .news-block .format-top:before{top:-45px}
.curiosity-system .list-block .format-top:before{top:-40px}
.news-inspect{position:absolute;z-index:5;width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid #5289b9;background:#f4f8fae8;color:#234f78;border-radius:50%;font:28px/1 monospace;cursor:crosshair;display:grid;place-items:center}
.news-inspect:hover,.news-inspect:focus-visible{outline:2px solid #4b93cc;outline-offset:5px}
.news-inspect .inspect-label{position:absolute;left:53px;top:10px;width:150px;font:11px/1.4 var(--mono,monospace);text-align:left;color:var(--ink);pointer-events:none}
.news-stream{position:absolute;z-index:6;width:320px;background:#f4f8fa;color:#552239;border:1px solid #552239;box-shadow:6px 6px 0 #55223915}
.news-stream[hidden]{display:none}
.news-stream header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #552239;font:12px var(--mono,monospace)}
.news-stream header button{border:0;background:transparent;color:inherit;font:22px monospace;cursor:crosshair;min-width:32px;min-height:28px}
.news-stream p{font:11px/1.4 var(--mono,monospace)!important;padding:10px 12px;margin:0!important;border-top:1px solid #55223930}
.stream-viewport{height:180px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,black 12%,black 88%,transparent)}
.stream-rows{will-change:transform}
.stream-row{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #55223915;font:13px var(--mono,monospace)}
.stream-row i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;background:#bbdee3;flex-shrink:0}
.curiosity-system .cable-flow{transition:opacity .2s}
.curiosity-system[data-inspecting="true"] .output-flow{opacity:.25}
@media(max-width:1000px) and (min-width:761px){.brain-object{width:380px}.brain-stage{height:350px}.brain-shadow{top:265px}.brain-aside{left:calc(50% + 200px)}.curiosity-system .format-layout{gap:25px}}
@media(max-width:760px){.curiosity-system{margin-top:30px}.brain-stage{height:290px}.brain-object{width:min(340px,100%);top:0}.brain-shadow{top:225px;width:170px}.brain-aside{display:none}.curiosity-system .format-layout{display:flex;padding-left:36px;gap:55px}.curiosity-system .format-layout .news-block{order:0}.curiosity-system .format-layout .verdict-block{order:1}.curiosity-system .format-layout .list-block{order:2}.curiosity-system .format-top:before{display:none}.news-inspect .inspect-label{width:125px;left:46px;font-size:10px}.news-stream{width:min(305px,calc(100% - 12px))}.curiosity-system .verdict-note{padding:22px 14px}.curiosity-system .verdict-note strong{font-size:clamp(38px,12vw,62px)}}
@media(prefers-reduced-motion:reduce){.brain-object img,.stream-rows{will-change:auto}.cable-flow{transition:none!important}}
/* Restore the editorial hierarchy: one large Verdict, two stacked companions. */
@media(min-width:761px){
 .curiosity-system{padding-bottom:115px}
 .brain-stage{height:360px}
 .brain-object{left:32%}
 .brain-shadow{left:32%;top:315px}
 .brain-aside{left:62%;top:75px}
 .curiosity-system .format-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:45px 60px;margin-bottom:0}
 .curiosity-system .verdict-block{grid-column:1;grid-row:1 / span 2}
 .curiosity-system .news-block{grid-column:2;grid-row:1}
 .curiosity-system .list-block{grid-column:2;grid-row:2}
 .curiosity-system .format-layout article{min-width:0;width:auto}
}
@media(min-width:761px) and (max-width:1000px){
 .brain-stage{height:320px}.brain-shadow{top:270px}
 .curiosity-system .format-layout{gap:35px}
}
.curiosity-system .format-top:before{display:none}
/* Material and occlusion study: card fronts remain readable HTML. */
.curiosity-tube-material{position:absolute;left:-64px;top:-64px;z-index:3;pointer-events:none}
.curiosity-system .verdict-note{border-radius:8px;background:linear-gradient(145deg,#e4e58b 0%,#d6d96a 45%,#cbd05d 100%);box-shadow:inset 0 2px 2px #ffffdda6,inset -2px -2px 3px #858b3566,1px 2px 0 #a9ad49,2px 4px 0 #9da342,3px 6px 0 #92983c,5px 11px 17px #33361630;margin-bottom:18px}
@media(max-width:760px){.curiosity-system .verdict-note{box-shadow:inset 0 2px 2px #ffffdda6,1px 3px 0 #a9ad49,2px 5px 0 #92983c,3px 8px 12px #33361625}}

/* Live volume composition: heading + brain share the desktop header row. */
.curiosity-system .verdict-note{border-radius:22px;background:linear-gradient(150deg,#eef09f 0%,#dce272 30%,#d6d96a 70%,#c3c957 100%)!important;box-shadow:inset 0 3px 3px #ffffe5,inset -3px -3px 6px #81872f70,1px 1px 0 rgb(153 159 55),2px 2px 0 rgb(152 158 54),3px 3px 0 rgb(151 157 54),4px 5px 0 rgb(150 156 53),5px 6px 0 rgb(149 155 53),6px 7px 0 rgb(148 154 52),7px 8px 0 rgb(147 153 52),8px 9px 0 rgb(146 152 51),9px 10px 0 rgb(145 151 51),10px 12px 0 rgb(144 150 50),11px 13px 0 rgb(143 149 50),12px 14px 0 rgb(142 148 49),13px 15px 0 rgb(141 147 49),14px 16px 0 rgb(140 146 48),15px 17px 0 rgb(139 145 48),16px 18px 0 rgb(138 144 47),17px 20px 0 rgb(137 143 47),18px 21px 0 rgb(136 142 46),19px 22px 0 rgb(135 141 46),20px 23px 0 rgb(134 140 45),21px 24px 0 rgb(133 139 45),22px 25px 0 rgb(132 138 44),23px 26px 0 rgb(131 137 44),24px 28px 0 rgb(130 136 43),28px 65px 28px -14px #374c4f55;margin-bottom:75px}
.curiosity-system .verdict-mini{padding-top:8px}
.curiosity-system .news-block,.curiosity-system .list-block{border-radius:10px;box-shadow:3px 5px 0 #7b9d9f20,9px 18px 25px #36545a15}
.curiosity-system .list-block{background:#f4f8fa!important}
@media(min-width:1001px){
 .curiosity-system{margin-top:0;scroll-margin-top:75px}
 .curiosity-system>h2.display{width:66%;max-width:none;font-size:clamp(78px,6.1vw,103px);line-height:.96;letter-spacing:-.035em;margin:0 0 140px;text-align:left;min-height:300px}
 .curiosity-system .brain-stage{position:absolute;top:-15px;right:0;width:35%;height:330px}
 .curiosity-system .brain-object{left:50%;width:440px;max-width:110%;top:0}
 .curiosity-system .brain-shadow{left:50%;top:290px;width:190px;opacity:.5}
 .curiosity-system .brain-aside{display:none}
 .curiosity-system .format-layout{gap:45px 80px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
}
@media(min-width:761px) and (max-width:1000px){
 .curiosity-system>h2.display{font-size:76px;max-width:100%;margin-bottom:0}
 .curiosity-system .brain-stage{height:300px}
 .curiosity-system .brain-object{left:70%;width:360px}
}
@media(max-width:760px){
 .curiosity-system>h2.display{font-size:clamp(48px,14.3vw,64px);line-height:.96;margin-bottom:12px}
 .curiosity-system .verdict-note{border-radius:15px;box-shadow:inset 0 2px 3px #ffffdd,2px 3px 0 #a9af4d,4px 6px 0 #9da445,6px 9px 0 #91993d,8px 12px 0 #858e35,10px 15px 0 #79832e,12px 35px 20px -8px #374c4f55;margin-bottom:44px}
}

/* workshop/curiosity-material.css */
/* Opt-in material study. Previous routes retain their original treatment. */
.curiosity-material-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.curiosity-material-scene canvas{display:block;width:100%;height:100%}
.curiosity-system[data-material="ready"] .verdict-note{background:transparent!important;box-shadow:none!important;border:0}
.curiosity-system[data-material="ready"]>h2{position:relative;z-index:2}
.material-controls{position:relative;z-index:7;margin:42px 0 0;border:1px solid var(--wasc-news,#552239)55;background:var(--wasc-frost,#f4f8fa);color:var(--wasc-news,#552239);border-radius:12px;padding:18px 22px;font:14px/1.45 var(--mono,monospace)}
.material-controls summary{cursor:crosshair;font-size:16px;display:flex;gap:14px;justify-content:space-between;align-items:center}
.material-controls summary:after{content:'+';font-size:22px}.material-controls[open] summary:after{content:'−'}
.material-controls .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 26px;margin:20px 0}
.material-controls label{display:grid;grid-template-columns:1fr auto;gap:8px}
.material-controls input{grid-column:1/-1;width:100%;accent-color:var(--wasc-news,#552239);cursor:ew-resize}
.material-controls output{font-variant-numeric:tabular-nums}
.material-controls p{font:12px/1.5 var(--mono,monospace)!important;margin:12px 0!important;max-width:none!important}
.material-controls button{background:var(--wasc-news,#552239);color:var(--wasc-frost,#f4f8fa);border:0;padding:10px 16px;border-radius:4px;font:inherit;cursor:crosshair;margin-right:8px}
.material-controls a{color:inherit;text-decoration:underline;margin-left:12px}
.material-controls :focus-visible{outline:2px solid var(--wasc-news,#552239);outline-offset:4px}
@media(min-width:1001px){.curiosity-system[data-material="ready"]>h2.display{margin-bottom:var(--material-space,210px)}}
@media(max-width:760px){.material-controls{padding:15px}.material-controls .material-grid{grid-template-columns:1fr 1fr;gap:18px}.material-controls summary{font-size:13px}}

.curiosity-system[data-material="ready"] .curiosity-tube-material,.curiosity-system[data-material="ready"] .curiosity-cables{display:none}
.material-controls .material-select{display:flex;align-items:center;gap:18px;margin:20px 0 8px}
.material-select select{font:inherit;border:1px solid var(--wasc-news,#552239)66;border-radius:5px;background:white;color:var(--wasc-news,#552239);padding:10px;max-width:100%;cursor:crosshair}
.curiosity-system[data-material="ready"] .news-inspect .inspect-label{top:auto;bottom:54px;left:-48px;width:140px;text-align:center}
@media(max-width:760px){.material-controls .material-select{align-items:stretch;flex-direction:column;gap:6px}.curiosity-system[data-material="ready"] .news-inspect .inspect-label{left:-34px;width:112px}}

/* Embedded socket artwork sits behind the cable insertion tips. Other study routes retain the old asset. */
.curiosity-system[data-material="ready"][data-sockets="embedded"] .brain-stage{z-index:0}
.curiosity-system[data-material="ready"][data-sockets="embedded"] .brain-object img{transform:none!important}

/* Integrated mesh study. DOM carries semantics and hit targets; ink is on the slab. */
.curiosity-system[data-sockets="model"] .brain-object img,.curiosity-system[data-sockets="model"] .brain-shadow{opacity:0}
.curiosity-system[data-sockets="model"] .curiosity-material-scene{z-index:3}
.curiosity-system[data-sockets="model"] .format-layout{z-index:auto}
.curiosity-system[data-sockets="model"] .verdict-block{z-index:auto}
.curiosity-system[data-sockets="model"] .verdict-block>.format-top,.curiosity-system[data-sockets="model"] .verdict-block>p,.curiosity-system[data-sockets="model"] .verdict-mini{position:relative;z-index:4}
.curiosity-system[data-sockets="model"] .news-block,.curiosity-system[data-sockets="model"] .list-block{z-index:4}
.curiosity-system[data-sockets="model"] .verdict-note>*{opacity:0}
.curiosity-system[data-sockets="model"] .verdict-preview-next{z-index:5;pointer-events:auto}
.curiosity-system[data-sockets="model"] .verdict-preview-next:focus-visible{opacity:1;background:var(--wasc-frost,#f4f8fa)}

/* Front sockets have their own strip above the lighter cards' reading area. */
.curiosity-system[data-front-ports="ready"] .news-block,
.curiosity-system[data-front-ports="ready"] .list-block{padding:96px 20px 22px!important}
.curiosity-system[data-sockets="model"][data-front-ports="ready"] .news-block,
.curiosity-system[data-sockets="model"][data-front-ports="ready"] .list-block{z-index:auto;background:transparent!important;border-color:transparent!important;box-shadow:none}
.curiosity-system[data-front-ports="ready"] .news-block>*,
.curiosity-system[data-front-ports="ready"] .list-block>*{position:relative;z-index:4}
@media(max-width:760px){
 .curiosity-system[data-front-ports="ready"] .news-block,
 .curiosity-system[data-front-ports="ready"] .list-block{padding:72px 18px 20px!important}
}

/* Content identity study: the neutral stage is independent of format colour. */
.offer-chapter:has(.curiosity-system[data-content-colours="frost"]){background:var(--wasc-frost,#f4f8fa)!important}
.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .news-block{color:var(--wasc-frost,#f4f8fa)!important;--ink:var(--wasc-frost,#f4f8fa)}
.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .news-block :is(h3,p,.format-top,.format-icon,.news-demo){color:inherit!important}
.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .news-block .format-top img{filter:brightness(0) invert(1)}
.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .news-block mark{background:transparent;color:inherit}
.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .list-block{color:var(--wasc-news,#552239)!important}

.curiosity-system:is([data-content-colours="frost"],[data-content-colours="blue"]) .news-fragments>*{border-bottom-color:var(--wasc-frost,#f4f8fa)66!important}

/* One editorial takeaway per format; these same nodes are the focus-mode hooks. */
.curiosity-system .format-takeaway{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.06em .18em;background:var(--wasc-news,#552239)!important;color:var(--wasc-frost,#f4f8fa)!important}
.curiosity-system .news-block .news-fragments .format-takeaway{display:inline;background:var(--wasc-verdict,#d6d96a)!important;color:var(--wasc-news,#552239)!important;border:0!important;padding:.06em .18em!important}
.curiosity-system .verdict-note>.format-takeaway{background:var(--wasc-list,#bbdee3)!important;color:var(--wasc-news,#552239)!important;padding:.15em .4em;width:fit-content;max-width:70%}

/* Printed faces own their text, so the cable depth buffer also occludes the ink. */
.curiosity-system[data-printed-cards="ready"] :is(.news-block,.list-block)>*{opacity:0}
.curiosity-system[data-sockets="model"] .verdict-block>.format-top,
.curiosity-system[data-sockets="model"] .verdict-block>p,
.curiosity-system[data-sockets="model"] .verdict-mini{z-index:2}
@media(max-width:760px){
 .curiosity-system[data-front-ports="ready"]{margin-top:0;padding-bottom:0}
 .curiosity-system[data-front-ports="ready"] .brain-stage{height:280px}
 .curiosity-system[data-front-ports="ready"] .brain-object{width:min(290px,90%);left:50%}
 .curiosity-system[data-front-ports="ready"] .format-layout{box-sizing:border-box;padding:0 16px;gap:72px;align-items:stretch}
 .curiosity-system[data-front-ports="ready"] .format-layout article{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0}
 .curiosity-system[data-front-ports="ready"] .format-layout .verdict-block{order:0}
 .curiosity-system[data-front-ports="ready"] .format-layout .news-block{order:1}
 .curiosity-system[data-front-ports="ready"] .format-layout .list-block{order:2}
 .curiosity-system[data-front-ports="ready"] .verdict-note{box-sizing:border-box;width:calc(100% - 12px);min-width:0;min-height:330px;padding:20px 16px;margin:28px 0 36px}
 .curiosity-system[data-front-ports="ready"] .verdict-note strong{font-size:clamp(34px,10vw,48px)!important;max-width:100%}
 .curiosity-system[data-front-ports="ready"] .verdict-characters{width:108px;height:108px;right:8px;top:10px}
 .curiosity-system[data-front-ports="ready"] .verdict-block .format-top h3{font-size:clamp(34px,10vw,44px);min-width:0}
 .curiosity-system[data-front-ports="ready"] .verdict-block .format-top img{width:32px;flex-shrink:0}
 .curiosity-system[data-front-ports="ready"] .verdict-mini .pixel{font-size:18px}
 .curiosity-system[data-front-ports="ready"] .material-controls{box-sizing:border-box;width:100%;margin:56px 0 0}
 .offer-chapter:has(.curiosity-system[data-front-ports="ready"]) .large-link{display:flex;width:fit-content;max-width:100%;margin-top:56px;font-size:clamp(24px,7vw,31px);gap:12px}
}

/* Source overload is its own object, above the three output formats. */
.curiosity-system .crt-anchor{position:absolute;left:6%;top:330px;width:300px;height:235px;z-index:5;pointer-events:auto}
.crt-feed-control{position:absolute;bottom:-12px;left:16px;background:var(--wasc-frost,#f4f8fa);color:var(--wasc-news,#552239);border:1px solid var(--wasc-news,#552239)66;border-radius:5px;padding:9px 13px;font:12px var(--mono,monospace);cursor:pointer}
.crt-feed-control:focus-visible{outline:2px solid var(--wasc-news,#552239);outline-offset:4px}
@media(min-width:1001px){.curiosity-system[data-crt]>h2.display{margin-bottom:350px}}
@media(min-width:761px) and (max-width:1000px){.curiosity-system .crt-anchor{top:310px;left:2%;width:230px;height:220px}.curiosity-system[data-crt] .brain-stage{height:350px}}
@media(max-width:760px){.curiosity-system .crt-anchor{position:relative;top:auto;left:auto;width:min(225px,70%);height:220px;margin:25px auto 65px}.curiosity-system[data-crt] .brain-stage{height:305px}.crt-feed-control{bottom:-12px;left:0}.curiosity-system[data-crt] .news-inspect .inspect-label{bottom:48px;left:-67px}}
.curiosity-system:not([data-crt="ready"]) .crt-anchor{visibility:hidden}

.curiosity-system[data-crt] .brain-aside{display:none}

body[data-production-view="true"] .material-controls{display:none!important}

.brain-interaction-focus{position:absolute;inset:8%;border:0;background:transparent;outline:none;pointer-events:none}
.brain-interaction-focus:focus-visible{outline:2px solid var(--wasc-list,#bbdee3);outline-offset:4px;pointer-events:auto}
.brain-interaction-hint{font:11px/1.4 Mono,monospace;color:var(--wasc-news,#552239);margin:.35rem 0 0;max-width:22rem}
.curiosity-system .curiosity-material-scene,.curiosity-system .curiosity-material-scene canvas{pointer-events:none!important}
.curiosity-system[data-brain-interaction="layout"],.curiosity-system[data-brain-interaction="ready"],.curiosity-system[data-brain-interaction="active"]{touch-action:pan-y}

.brain-scene-reset{pointer-events:auto;position:absolute;top:0;right:0;z-index:4;border:0;border-bottom:1px solid currentColor;padding:6px 0;background:transparent;color:var(--wasc-news,#552239);font:11px/1.4 Mono,monospace;cursor:pointer}
.brain-scene-reset[hidden]{display:none}
.brain-scene-reset:focus-visible{outline:2px solid var(--wasc-news,#552239);outline-offset:4px}

/* Clean load. The flat version of this scene (brain picture, flat hoses, flat cards) is a different picture from
   the 3D scene, so it is not shown while the 3D scene loads. An inline script in the page head sets
   data-scene-pending on <html>; curiosity-material.js removes it when the 3D scene is complete (or cannot
   appear), and the scene then shows in one 200ms step. Headings and copy around the scene stay visible. Reading
   view and a missing 3D scene keep the flat treatment. */
html[data-scene-pending] body:not(.focus-mode) .curiosity-system :is(.curiosity-cables,.curiosity-tube-material,.brain-stage,.news-inspect,.news-stream,.news-block,.list-block,.verdict-note){opacity:0!important;pointer-events:none!important}
/* The space the 3D scene takes is reserved from the start, so nothing moves when it appears. */
@media(min-width:1001px){html[data-scene-pending] body:not(.focus-mode) .curiosity-system>h2.display{margin-bottom:350px}}
@media(min-width:761px) and (max-width:1000px){html[data-scene-pending] body:not(.focus-mode) .curiosity-system .brain-stage{height:350px}}
@media(max-width:760px){html[data-scene-pending] body:not(.focus-mode) .curiosity-system .brain-stage{height:305px}}
.curiosity-system :is(.news-inspect,.news-stream,.crt-anchor){transition:opacity .2s ease}
@media(prefers-reduced-motion:reduce){.curiosity-system :is(.news-inspect,.news-stream,.crt-anchor){transition:none}}
/* The scene explains itself (Valentin, 23 Oct): no "Inspect the stream" button or its preview,
   no visible "Slow the feed" label. Hovering the CRT still slows the feed; the feed button
   appears only while it has keyboard focus. */
.curiosity-system .news-inspect,.curiosity-system .news-stream{display:none!important}
.curiosity-system .crt-feed-control:not(:focus-visible){opacity:0;clip-path:inset(50%)}
/* Approved 23 Oct mobile composition. Desktop/Editorial retain their existing rules. */
.mobile-brain-scene{display:none}
@media(max-width:760px){
 body:not(.focus-mode) #what-you-get{background:#f4f8fa!important}
 body:not(.focus-mode) #what-you-get>.container{width:100%;padding-inline:20px;max-width:480px;margin-inline:auto}
 body:not(.focus-mode) .curiosity-system{margin:0;padding:0;isolation:isolate}
 body:not(.focus-mode) .curiosity-system>h2.display{font-size:clamp(40px,12vw,51px)!important;line-height:.98!important;letter-spacing:-.035em;max-width:100%;width:100%;min-height:140px;margin:0!important;position:relative;z-index:2}
 body:not(.focus-mode) .curiosity-system .brain-stage{position:relative!important;top:auto;right:auto;left:auto;width:100%;height:330px!important;margin:12px 0 0;z-index:0;overflow:visible;touch-action:pan-y}
 body:not(.focus-mode) .curiosity-system .mobile-brain-scene{display:block;position:absolute;inset:0;pointer-events:none}
 body:not(.focus-mode) .curiosity-system .mobile-brain-scene canvas{position:absolute;top:0;left:0;width:100%;pointer-events:none}
 body:not(.focus-mode) .curiosity-system[data-mobile-brain="ready"] .brain-stage>:not(.mobile-brain-scene){visibility:hidden}
 body:not(.focus-mode) .curiosity-system :is(.curiosity-material-scene,.curiosity-cables,.curiosity-tube-material,.crt-anchor,.brain-interaction-focus,.brain-scene-reset,.brain-interaction-hint){display:none!important}
 body:not(.focus-mode) .curiosity-system .format-layout{display:grid!important;grid-template-columns:1fr!important;position:relative;z-index:1!important;padding:0!important;gap:40px!important;margin:26px 0 0!important;align-items:stretch}
 body:not(.focus-mode) .curiosity-system .format-layout article{position:relative;z-index:1!important;grid-area:auto!important;transform:none!important;padding:25px 24px 24px!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;color:#552239!important}
 body:not(.focus-mode) .curiosity-system .format-layout article>*{opacity:1!important}
 body:not(.focus-mode) .curiosity-system .format-layout .news-block{order:0!important;background:#552239!important;color:#f4f8fa!important;--ink:#f4f8fa}
 body:not(.focus-mode) .curiosity-system .format-layout .verdict-block{order:1!important;background:#d6d96a!important}
 body:not(.focus-mode) .curiosity-system .format-layout .list-block{order:2!important;background:#bbdee3!important}
 body:not(.focus-mode) .curiosity-system .format-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;margin:0!important}
 body:not(.focus-mode) .curiosity-system .format-top h3{font-size:35px!important;line-height:1.05!important;font-weight:500;letter-spacing:-.025em;margin:0}
 body:not(.focus-mode) .curiosity-system .format-top :is(img,svg){width:29px!important;height:29px!important;flex:none}
 body:not(.focus-mode) .curiosity-system .news-block .format-top img{filter:brightness(0) invert(1)}
 body:not(.focus-mode) .curiosity-system .format-layout article>p{font-size:16px!important;line-height:1.5!important;margin:20px 0 0!important;max-width:none}
 body:not(.focus-mode) .curiosity-system .news-fragments{display:grid;gap:0;margin-top:27px;font-size:26px;line-height:1.25}
 body:not(.focus-mode) .curiosity-system .news-fragments>span{display:block;border:0!important;border-top:1px solid #f4f8fa50!important;padding:8px 0!important}
 body:not(.focus-mode) .curiosity-system .verdict-note{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:0!important;width:100%!important;max-width:100%;padding:0!important;margin:27px 0 0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important;overflow:visible}
 body:not(.focus-mode) .curiosity-system .verdict-note>*{opacity:1!important}
 body:not(.focus-mode) .curiosity-system .verdict-note :is(.verdict-symbol,.verdict-characters){display:none!important}
 body:not(.focus-mode) .curiosity-system .verdict-note strong{font-size:46px!important;line-height:1!important;letter-spacing:-.03em;min-height:96px;max-width:100%;margin:0}
 body:not(.focus-mode) .curiosity-system .verdict-note>.format-takeaway{font-family:var(--sans,Arial,sans-serif);font-size:18px!important;line-height:1.35!important;font-weight:400;background:none!important;color:#552239!important;max-width:100%;padding:0;margin-top:20px}
 body:not(.focus-mode) .curiosity-system .verdict-preview-next{position:static!important;display:flex;align-items:center;gap:10px;min-height:44px;opacity:1!important;pointer-events:auto;border:0;border-bottom:1px solid #55223965;border-radius:0;background:transparent;color:#552239;padding:0;margin:14px 0 0;font:11px var(--mono,monospace)}
 body:not(.focus-mode) .curiosity-system .verdict-mini{grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid #55223950;margin-top:22px;padding-top:16px}
 body:not(.focus-mode) .curiosity-system .verdict-mini>span{font:11px var(--mono,monospace);border:0;padding:0}
 body:not(.focus-mode) .curiosity-system .verdict-mini .pixel{font:11px/1.5 var(--mono,monospace);margin-top:7px}
 body:not(.focus-mode) .curiosity-system .list-block .format-takeaway{display:inline-block;font-size:18px;line-height:1.35;background:none!important;color:#552239!important;padding:0;margin-top:20px}
 body:not(.focus-mode) .curiosity-system .list-block ol{font-size:16px;line-height:1.5;padding-left:22px;margin:24px 0 0}
 body:not(.focus-mode) .curiosity-system .list-block li{padding:8px 0;border:0;border-top:1px solid #55223935}
 body:not(.focus-mode) #what-you-get>.container>.large-link{font-size:26px;line-height:1.2;display:flex;justify-content:space-between;gap:12px;margin-top:36px;width:100%}
 html[data-scene-pending] body:not(.focus-mode) .curiosity-system :is(.news-block,.list-block,.verdict-note){opacity:1!important;pointer-events:auto!important}
}

/* workshop/library-home.css */
@font-face{font-family:LibraryDeparture;src:url('/home-study/workshop/type/assets/DepartureMono-Regular.woff2') format('woff2');font-display:swap}#library{--frost:var(--wasc-frost,#f4f8fa);--oxblood:var(--wasc-news,#552239);--sulphur:var(--wasc-verdict,#d6d96a);--mist:var(--wasc-list,#bbdee3);--ink:#24252d;--line:#55223955;--ease:cubic-bezier(.16,1,.3,1)}#library *{box-sizing:border-box}#library body{margin:0;background:var(--frost);color:var(--oxblood);font-family:var(--body)}#library button,#library a{-webkit-tap-highlight-color:transparent}#library button{font:inherit;color:inherit;cursor:pointer}#library a{color:inherit;text-underline-offset:6px}#library button:focus-visible,#library a:focus-visible,#library summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}#library ::selection{background:var(--oxblood);color:var(--sulphur)}#library html{scrollbar-color:var(--oxblood) var(--frost)}#library [hidden]{display:none!important}#library .study-bar{min-height:48px;padding:12px 32px;display:flex;justify-content:space-between;gap:20px;background:var(--oxblood);color:var(--frost);font-size:12px}#library .study-bar a{text-underline-offset:3px}#library main{max-width:1456px;padding:76px 64px 80px;margin:auto}#library .intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px;gap:40px}#library .intro h1{font-family:var(--display);font-size:clamp(64px,7.4vw,108px);line-height:.94;letter-spacing:-.035em;font-weight:500;margin:0}#library .intro h1 span{display:inline-block;background:var(--sulphur);padding:0 .08em .04em;margin-left:-.08em}#library .intro-note{padding:0 0 8px;min-width:200px}#library .intro-note img{width:54px;height:54px;margin-bottom:28px}#library .intro-note p{font-size:22px;line-height:1.35;margin:0}#library .collection-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--oxblood);padding:17px 0 28px;gap:20px}#library .collection-bar h2{font-size:22px;font-weight:500;margin:0}#library .view-switch{display:flex;gap:4px}#library .view-switch button{background:none;border:1px solid transparent;min-height:44px;min-width:70px;padding:8px 16px}#library .view-switch button[aria-pressed=true]{border-color:var(--oxblood)}#library .view-switch button:hover{background:var(--mist)}#library .books{display:flex;align-items:stretch;gap:12px;border-bottom:2px solid var(--oxblood);padding:0 0 14px;min-height:530px}#library .book{position:relative;display:flex;flex:1 1 0;min-width:0;background:var(--book-bg);color:var(--book-ink);transition:flex-grow 650ms var(--ease);border-radius:2px 12px 0 0;overflow:hidden}#library .book.images{--book-bg:var(--oxblood);--book-ink:var(--frost);margin-top:32px}#library .book.notes{--book-bg:var(--sulphur);--book-ink:var(--oxblood)}#library .book.motion{--book-bg:var(--mist);--book-ink:var(--oxblood);margin-top:16px}#library .book.is-open{flex-grow:3.2}#library .spine{border:0;background:none;text-align:left;width:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:28px 22px;position:relative;transition:width 650ms var(--ease);overflow:hidden}#library .spine-kind{font-family:LibraryDeparture,monospace;font-size:11px;line-height:1.5;white-space:nowrap}#library .spine-title{font-family:var(--display);font-size:clamp(26px,2.7vw,40px);line-height:1.04;letter-spacing:-.025em;font-weight:500}#library .spine-foot{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px}#library .spine svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}#library .spine:hover .spine-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}#library .book.is-open .spine{width:62px;padding:24px 14px;border-right:1px solid currentColor;align-items:center}#library .book.is-open .spine-kind{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;white-space:nowrap}#library .book.is-open .spine-title{display:none}#library .book.is-open .spine-foot{writing-mode:vertical-rl;gap:18px;align-items:center;width:auto}#library .book.is-open .spine svg{transform:rotate(180deg)}#library .preview{flex:1;min-width:0}#library .preview-inner{height:100%;display:flex;flex-direction:column;animation:library-reveal 480ms var(--ease) both;min-width:0}#library .cover-image{position:relative;min-height:290px;flex:1;overflow:hidden}#library .cover-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}#library .image-caption{position:absolute;bottom:18px;left:20px;background:var(--frost);color:var(--oxblood);padding:6px 10px;font-size:13px}#library .book-copy{padding:24px 28px 28px}#library .book-copy h3{font-size:26px;font-family:var(--display);font-weight:500;line-height:1.05;margin:0 0 10px}#library .notes .book-copy h3,#library .motion .book-copy h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#library .book-copy p{font-size:16px;line-height:1.5;margin:0 0 22px;max-width:40ch}#library .book-copy a{display:flex;justify-content:space-between;gap:16px;font-size:16px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px}#library .book-copy a:hover{border-bottom-width:3px;padding-bottom:5px}#library .notes-art{flex:1;min-height:310px;padding:30px 28px;position:relative;font-family:var(--display)}#library .notes-art>span{font-size:28px}#library .notes-art strong{display:block;font-size:clamp(60px,6.6vw,94px);line-height:.94;letter-spacing:-.04em;font-weight:500;margin:8px 0 28px}#library .notes-art img{width:50px;height:50px;position:absolute;right:28px;top:26px}#library .notes-art small,#library .motion-art small{font-family:LibraryDeparture,monospace;font-size:11px}#library .motion-art{position:relative;flex:1;min-height:320px;padding:28px;font-family:var(--display)}#library .motion-art>span{font-size:26px}#library .motion-art img{position:absolute;width:90px;height:90px;right:24px;top:60px}#library .motion-art strong{display:block;font-size:80px;font-weight:500;letter-spacing:-.035em;line-height:.95;margin:44px 0 24px}#library .shelf-caption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:16px}#library .shelf-caption p{margin:0}#library .shelf-caption a:not(.large-link){font-size:20px}#library .study-notes{border-top:1px solid var(--line);padding:26px 32px 40px;display:flex;justify-content:space-between;gap:40px;font-size:13px;line-height:1.6}#library .study-notes>p{margin:0}#library .study-notes details{max-width:520px}#library .study-notes summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:32px}#library .study-notes details div{display:flex;gap:24px;flex-wrap:wrap}#library .books[data-view=index]{display:block;min-height:0;border:0}#library .books[data-view=index] .book{margin:0;border-radius:0;border-top:1px solid var(--frost);display:grid;grid-template-columns:36% 64%}#library .books[data-view=index] .spine{width:100%;min-height:180px;border:0;align-items:flex-start;padding:24px}#library .books[data-view=index] .spine-kind{writing-mode:horizontal-tb;transform:none}#library .books[data-view=index] .spine-title{display:block;font-size:30px}#library .books[data-view=index] .spine-foot{display:none}#library .books[data-view=index] .preview{display:block!important}#library .books[data-view=index] .preview-inner{animation:none;justify-content:center}#library .books[data-view=index] .cover-image,#library .books[data-view=index] .notes-art,#library .books[data-view=index] .motion-art,#library .books[data-view=index] .book-copy h3{display:none}#library .books[data-view=index] .book-copy{padding:28px}#library .books[data-view=index] .book-copy p{max-width:44ch}
@keyframes library-reveal{from{opacity:.35;clip-path:inset(0 12% 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(min-width:1600px){#library main{padding-top:90px}}
@media(max-width:900px){#library main{padding:48px 28px 60px}#library .intro{margin-bottom:50px}#library .intro h1{font-size:76px}#library .intro-note{min-width:150px}#library .intro-note p{font-size:18px}#library .book.is-open{flex-grow:3.6}#library .spine{padding:22px 14px}#library .spine-kind{font-size:10px}#library .spine-title{font-size:26px}#library .book-copy{padding:24px 20px}#library .notes-art{padding:28px 20px}#library .notes-art strong{font-size:66px}#library .notes-art img{width:32px;right:20px}#library .motion-art strong{font-size:65px}#library .motion-art img{width:60px;right:20px}}
@media(max-width:650px){#library .study-bar{padding:12px 20px;font-size:11px}#library .study-bar>span{display:none}#library main{padding:40px 20px 48px}#library .intro{display:block;margin-bottom:38px}#library .intro h1{font-size:clamp(48px,11.4vw,72px);line-height:.98}#library .intro-note{display:flex;align-items:center;gap:16px;margin-top:26px;padding:0}#library .intro-note img{width:30px;height:30px;margin:0}#library .intro-note p{font-size:16px}#library .intro-note br{display:none}#library .collection-bar{padding:12px 0 20px}#library .collection-bar h2{font-size:18px}#library .view-switch button{font-size:14px;min-width:56px;padding:8px}#library .books{display:block;min-height:0;padding-bottom:10px}#library .book,#library .book.images,#library .book.motion{display:block;margin:0 0 10px;border-radius:2px 10px 0 0}#library .spine,#library .book.is-open .spine{width:100%;padding:18px 20px;min-height:114px;display:grid;grid-template-columns:1fr 24px;gap:8px;align-items:center;border:0}#library .spine-kind,#library .book.is-open .spine-kind{writing-mode:horizontal-tb;transform:none;font-size:11px;grid-column:1;grid-row:1}#library .spine-title,#library .book.is-open .spine-title{display:block;font-size:28px;grid-column:1;grid-row:2}#library .spine-title br{display:none}#library .spine-foot,#library .book.is-open .spine-foot{display:block;font-size:0;writing-mode:horizontal-tb;grid-column:2;grid-row:1 / 3}#library .spine svg{transform:rotate(90deg)}#library .book.is-open .spine svg{transform:rotate(-90deg)}#library .book.is-open .spine{border-bottom:1px solid currentColor}#library .notes-art{min-height:280px;padding:24px}#library .notes-art strong{font-size:74px}#library .notes-art img{right:24px;top:24px;width:44px}#library .book-copy{padding:20px 24px 24px}#library .book-copy p{font-size:16px}#library .book-copy a{font-size:16px}#library .cover-image{min-height:275px}#library .motion-art{padding:24px;min-height:300px}#library .motion-art strong{font-size:76px}#library .motion-art img{width:86px;right:30px}#library .shelf-caption{display:block;font-size:14px;margin-top:18px}#library .shelf-caption a:not(.large-link){display:inline-block;font-size:18px;margin-top:20px}#library .study-notes{display:block;padding:24px 20px}#library .study-notes details{margin-top:20px}#library .books[data-view=index] .book{display:block}#library .books[data-view=index] .spine{min-height:100px;padding:20px 24px 0}#library .books[data-view=index] .spine-title{font-size:28px}#library .books[data-view=index] .book-copy{padding:14px 24px 24px}}
@media(prefers-reduced-motion:reduce){#library *,#library *::before,#library *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#library .spine:focus-visible{outline:3px solid currentColor;outline-offset:-7px}#library .books[data-view=index] .book.is-open .spine-foot{display:none}#library .books[data-view=index] .book.is-open .spine{border:0}

#library{font-family:var(--body);color:#552239;padding-block:95px 110px;scroll-margin-top:110px}
#library .resources-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}
#library .resources-intro h2{font-family:var(--display);font-weight:500;letter-spacing:-.035em;line-height:.98;margin:0}
#library .resources-intro p{font-size:22px;max-width:230px;margin:0 0 12px}
#library .library-roll>.roll-word{background:none;padding-inline:.06em}
#library .library-roll.letters-ready>.roll-word{background:none}
#library .book .spine-thumb{display:block;width:100%;height:116px;object-fit:cover;margin:18px 0;border:0}
#library .book.is-open .spine-thumb,#library .books[data-view=index] .spine-thumb{display:none}
#library .book .spine{font-weight:400}
#library .book-copy a{font-family:var(--body)}
@media(max-width:650px){#library{padding-block:65px}#library .resources-intro{display:block;margin-bottom:32px}#library .resources-intro h2{font-size:clamp(42px,11.8vw,70px)}#library .resources-intro p{font-size:18px;margin-top:22px;max-width:none}#library .book .spine-thumb{width:54px;height:54px;grid-column:2;grid-row:1 / 3;margin:0}#library .book:has(.spine-thumb) .spine{grid-template-columns:1fr 54px}#library .book:has(.spine-thumb) .spine-foot{display:none}#library .book.is-open .spine{grid-template-columns:1fr 24px}#library .book.is-open .spine-foot{display:block}#library .books[data-view=index] .book.is-open .spine-foot{display:none}}
#library .library-roll .letter-highlight{display:none}

/* Shelf controls share a bottom baseline, open or closed. */
@media(min-width:651px){#library .books[data-view=shelf] .spine{padding-bottom:28px}}

/* Shelf covers retain the approved oxblood / sulphur / blue palette. *//* A steady shelf: card selection must not reflow the rest of the page. */
#library .books[data-view=shelf] .book,#library .spine{transition:none}
#library .card-surface-link{position:absolute;inset:0;z-index:2;text-decoration:none;cursor:pointer}
#library .card-surface-link:focus-visible{outline:3px solid currentColor;outline-offset:-5px}
#library .shelf-toggle{position:relative;z-index:3;background:none;color:inherit;border:0;padding:0;text-align:left;min-height:44px;cursor:pointer}
#library .book-copy a{position:relative;z-index:3;min-width:0;max-width:100%;overflow-wrap:anywhere}
#library .book-copy a span{flex:none}
#library .book-copy{min-width:0}
#library .preview-inner{min-height:0}
@media(min-width:651px){
 #library .books[data-view=shelf]{height:580px;min-height:580px}
 #library .books[data-view=shelf] .preview{height:100%;min-height:0}
 #library .books[data-view=shelf] .cover-image,#library .books[data-view=shelf] .notes-art,#library .books[data-view=shelf] .motion-art{min-height:0}
 #library .books[data-view=shelf] .book-copy{flex:none}
 #library .books[data-view=shelf] .notes-art strong{font-size:clamp(44px,5.7vw,80px)}
 #library .books[data-view=shelf] .motion-art strong{font-size:clamp(44px,5.7vw,76px)}
 #library .books[data-view=shelf] .spine-kind{white-space:normal;overflow-wrap:anywhere}
 #library .books[data-view=shelf] .book.is-open .spine-kind{white-space:nowrap}
 #library .books[data-view=shelf] .spine-foot{min-height:44px}
}
@media(max-width:650px){
 #library .books[data-view=shelf] .spine,#library .books[data-view=shelf] .book.is-open .spine{height:132px;min-height:132px}
 #library .books[data-view=shelf] .preview{height:500px}
 #library .books[data-view=shelf] .cover-image,#library .books[data-view=shelf] .notes-art,#library .books[data-view=shelf] .motion-art{min-height:0}
 #library .books[data-view=shelf] .book-copy{flex:none}
 #library .book:has(.spine-thumb) .spine{grid-template-columns:1fr 44px}
 #library .book:has(.spine-thumb) .spine-foot{display:block}
 #library .book .spine-thumb{display:none}
 #library .shelf-toggle{min-width:44px}
}

@media(hover:hover) and (pointer:fine) and (min-width:651px){#library .books[data-view=shelf] .book{transition:flex-grow 280ms cubic-bezier(.2,.7,.2,1)}#library .spine{transition:width 280ms cubic-bezier(.2,.7,.2,1)}#library .preview-inner{animation:none}}
@media(prefers-reduced-motion:reduce){#library .books[data-view=shelf] .book,#library .spine{transition:none!important}}
/* Use the same large-link component as Ways to contribute. */
#library .shelf-caption{align-items:center;padding-top:12px;gap:30px}
#library .shelf-caption p{font-size:16px;line-height:1.5}
#library .shelf-caption .shelf-library-cta{max-width:100%;align-items:center}
#library .shelf-library-cta>span{min-width:0}
#library .shelf-library-cta>.ui-icon{flex:none}
@media(max-width:650px){#library .shelf-caption .shelf-library-cta{margin-top:24px}#library .shelf-caption p{font-size:14px}}

/* The same piece retains its cover in the expanded homepage preview. */
#library .notes-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,38%);gap:20px;align-items:center;min-height:0}
#library .notes-art .notes-title{min-width:0}
#library .notes-title>span{font-size:26px}
#library .notes-art strong{font-size:clamp(44px,4.5vw,68px);margin:12px 0 24px}
#library .notes-art .notes-cover{position:static;display:block;width:100%;height:100%;max-height:300px;object-fit:contain}
@media(max-width:650px){#library .notes-art{grid-template-columns:minmax(0,1fr) minmax(80px,36%);gap:14px}#library .notes-title>span{font-size:20px}#library .notes-art strong{font-size:clamp(35px,9vw,48px)}#library .notes-art .notes-cover{max-height:220px}}

/* Match the library's square trim and detached print marks. */
#library .books .book{border-radius:0}
#library .books[data-view=shelf] .book{overflow:visible}
#library .books[data-view=shelf] .preview{overflow:hidden}
#library .books[data-view=shelf] .book.is-open::before,#library .books[data-view=shelf] .book.is-open::after{content:'';position:absolute;width:13px;height:13px;background:linear-gradient(var(--oxblood),var(--oxblood)) 12px 0/1px 8px no-repeat,linear-gradient(var(--oxblood),var(--oxblood)) 0 12px/8px 1px no-repeat;pointer-events:none}
#library .books[data-view=shelf] .book.is-open::before{top:-13px;left:-13px}
#library .books[data-view=shelf] .book.is-open::after{right:-13px;bottom:-13px;transform:rotate(180deg)}
#library .books[data-view=index] .book{border:1px solid var(--oxblood)}
#library .books[data-view=index] .book+.book{border-top:0}

/* Approved six-piece Home selection; existing shelf controller owns every card. */
#library .book.news{background:var(--oxblood);color:var(--frost)}
#library .book.verdict{background:var(--sulphur);color:var(--oxblood)}
#library .book.resource{background:var(--mist);color:var(--oxblood)}
#library .home-stack-art{display:flex;flex:1;min-height:0;padding:24px}
#library .shelf-stack-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:100%;max-width:360px;background:var(--frost);color:var(--oxblood);border:1px solid var(--oxblood);text-align:left}
#library .shelf-stack-tile{display:grid;align-content:center;gap:6px;min-width:0;min-height:0;padding:12px 9px;border-bottom:1px solid var(--line)}
#library .shelf-stack-tile:nth-child(odd){border-right:1px solid var(--line)}
#library .shelf-stack-tile:nth-last-child(-n+2){border-bottom:0}
#library .shelf-stack-tile img{width:24px;height:24px;object-fit:contain}
#library .shelf-stack-name{font-family:var(--display);font-size:13px;line-height:1.15}
#library .shelf-stack-job{font-size:10px;line-height:1.35}
#library .books[data-view=index] .home-stack-art{display:none}
#library .home-shelf-added .cover-image img{object-fit:contain;padding:12px}
@media(max-width:650px){
 #library .home-stack-art{padding:16px}
 #library .home-stack-art .shelf-stack-tile{padding:8px;gap:4px}
 #library .home-stack-art .shelf-stack-tile img{width:20px;height:20px}
 #library .home-stack-art .shelf-stack-name{font-size:12px}
 #library .home-stack-art .shelf-stack-job{font-size:9px}
}
@media(min-width:901px){
 #library .books[data-view=shelf] .book{flex:1 1 0;min-width:0}
 #library .books[data-view=shelf] .book.is-open{flex:5 1 0;min-width:0}
 #library .books[data-view=shelf] .spine{width:100%;padding-inline:12px}
 #library .books[data-view=shelf] .book:not(.is-open) .spine-title{font-size:clamp(21px,1.6vw,24px);overflow-wrap:anywhere}
 #library .books[data-view=shelf] .book.is-open .spine{width:58px;flex:none}
 #library .books[data-view=shelf] .book.is-open .preview{flex:1;min-width:0}
 #library .books[data-view=shelf] .book-copy{padding:22px}
 #library .books[data-view=shelf] .book-copy h3{font-size:28px}
 #library .books[data-view=shelf] .book-copy p{font-size:15px}
 #library .books[data-view=shelf] .home-shelf-added .cover-image{max-height:250px}
}
@media(min-width:651px) and (max-width:900px){
 #library .books[data-view=shelf]{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px}
 #library .books[data-view=shelf] .book{flex:0 0 80%;min-width:0;scroll-snap-align:start}
 #library .books[data-view=shelf] .book.is-open{flex:0 0 80%}
 #library .books[data-view=shelf] .book:not(.is-open) .spine{width:100%}
}

/* workshop/home-hero/hero-study.css */
/* Isolated Hero Study stylesheet for Worth a Shot Club.
   Preserves the established Oxblood / Frost / Sulphur / Pale-Blue foundation,
   Cabinet Grotesk 500 display scale (196px desktop reference), Space Grotesk body,
   tactile button treatment, and configurable announcement with companion. */

body .hero.hero-study {
  position: relative;
  min-height: 890px;
  padding: 56px 24px 14px;
  background: #552239;
  color: #F4F8FA;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  isolation: isolate;
}

/* Glyph character-sky layer (app.js) */
.hero.hero-study > .character-sky {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* Subtle bottom horizon transition so the sky blends cleanly into the section border */
.hero.hero-study::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 140px;
  background: linear-gradient(to bottom, rgba(85, 34, 57, 0), rgba(42, 16, 28, 0.45));
  pointer-events: none;
  z-index: 1;
}

/* Preview bar additions for the Hero Study */
.preview-bar .study-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.preview-bar .study-pill {
  background: #D6D96A;
  color: #24252D;
  padding: 2px 7px;
  font: 500 11px/1.2 var(--mono);
  letter-spacing: 0.02em;
}

.preview-bar .study-bar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-bar .study-bar-actions button {
  border: 1px solid rgba(244, 248, 250, 0.35);
  padding: 3px 9px;
  text-decoration: none !important;
}

.preview-bar .study-bar-actions button[aria-pressed="true"] {
  background: #D6D96A;
  color: #24252D;
  border-color: #D6D96A;
}

/* Center stack: Announcement -> Headline -> Explanation -> Actions */
.hero-study-core {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Announcement & Companion refinements for sky readability and companion thoughts */
.hero.hero-study .announcement {
  width: min(680px, calc(100% - 48px));
  margin: 14px auto 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 4;
  color: #552239;
  text-align: left;
  --notice-paper: #F4F8FA;
  --notice-ink: #552239;
  --notice-accent: #D6D96A;
}

.hero.hero-study .announcement[hidden] {
  display: none !important;
}

.hero.hero-study .announcement-link {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 92px;
  margin-bottom: 0 !important;
  padding: 22px 24px 22px 48px;
  background: #F4F8FA;
  color: #552239 !important;
  border: 1px solid #552239;
  border-radius: 2px;
  box-shadow:
    inset 2px 2px 0 #ffffff,
    inset -2px -2px 0 #aab7bd,
    0 6px 16px rgba(36, 16, 26, 0.22),
    0 0 calc(26px * var(--lightning-alpha, 0)) rgba(214, 217, 106, calc(0.55 * var(--lightning-alpha, 0)));
  transform: translateX(var(--gust-tx, 0px)) rotate(var(--gust-rot, 0deg));
  text-decoration: none !important;
}

.hero.hero-study .announcement-message {
  flex: 1;
  min-width: 0;
  font: 500 21px/1.3 "Study Space", sans-serif;
  color: #552239;
  text-wrap: pretty;
}

.hero.hero-study .announcement-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: none;
  padding: 10px 14px;
  background: #D6D96A;
  color: #552239;
  border: 1px solid #552239;
  box-shadow: inset 1px 1px 0 #f7f8cf, inset -1px -1px 0 #96994c;
  font: 500 16px/1.2 "Study Space", sans-serif;
}

.hero.hero-study .announcement-dismiss {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #552239;
  padding: 0;
  cursor: pointer;
}

.hero.hero-study .announcement-dismiss:hover {
  background: #dce7eb;
}

.companion-stage {
  position: absolute;
  right: -24px;
  top: -70px;
  width: 104px;
  height: 104px;
  z-index: 5;
  pointer-events: auto;
}

.companion-stage .announcement-companion {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: rotate(-6deg);
  transform-origin: 50% 80%;
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.companion-trigger {
  position: absolute;
  inset: 6px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
}

.companion-trigger:focus-visible {
  outline: 3px solid #D6D96A;
  outline-offset: 3px;
}

/* Companion glance at the sky & thought gestures */
.announcement:hover .companion-stage .announcement-companion,
.companion-stage:focus-within .announcement-companion,
.companion-stage[data-companion-gesture="thought"] .announcement-companion {
  transform: rotate(8deg) translateY(-4px);
}

.companion-stage[data-companion-gesture="glance"] .announcement-companion {
  transform: rotate(-16deg) translateY(-6px) scale(1.03);
}

.companion-stage[data-wind-brace="true"] .announcement-companion {
  transform: rotate(-19deg) translate(-5px, 2px);
}

/* Small companion thought bubble (placed to the right of the companion on desktop, clear of top nav) */
.companion-thought {
  position: absolute;
  left: calc(100% + 10px);
  right: auto;
  top: 14px;
  width: max-content;
  max-width: 240px;
  padding: 8px 12px;
  background: #F4F8FA;
  color: #552239;
  border: 1px solid #552239;
  border-radius: 2px;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #aab7bd, 0 6px 16px rgba(20, 8, 14, 0.34);
  font: 500 13px/1.3 "Study Space", sans-serif;
  text-align: left;
  z-index: 6;
  pointer-events: none;
  animation: companion-thought-in 220ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.companion-thought::after {
  content: "";
  position: absolute;
  left: -6px;
  right: auto;
  top: 18px;
  width: 10px;
  height: 10px;
  background: #F4F8FA;
  border-bottom: 1px solid #552239;
  border-left: 1px solid #552239;
  transform: rotate(45deg);
}

.companion-thought-tag {
  display: block;
  font: 400 14px/1 "Workshop Pixel", monospace;
  color: #552239;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
  opacity: 0.82;
}

@keyframes companion-thought-in {
  from {
    opacity: 0;
    transform: translateY(5px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Narrower, centred Hero Headline composition with deliberate line breaks */
.hero.hero-study .hero-statement {
  width: 100%;
  max-width: 1180px;
  margin: 12px auto 0;
  text-align: center;
  position: relative;
  z-index: 3;
}

body .hero.hero-study .hero-statement h1 {
  font-family: Cabinet, sans-serif;
  font-weight: 500;
  font-size: clamp(120px, 13.6vw, 196px);
  line-height: 0.88;
  letter-spacing: -0.018em;
  -webkit-text-stroke: 0.75px currentColor;
  color: #F4F8FA;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-shadow:
    var(--lightning-shadow-x, 0px) 8px 26px rgba(214, 217, 106, calc(0.75 * var(--lightning-alpha, 0))),
    0 0 calc(22px * var(--lightning-alpha, 0)) rgba(244, 248, 250, calc(0.55 * var(--lightning-alpha, 0)));
}

.hero.hero-study .hero-line {
  display: block;
  white-space: nowrap;
}

.hero.hero-study .hero-line-accent {
  color: #D6D96A;
}

.hero.hero-study .hero-shot-roll {
  display: inline-grid;
  vertical-align: baseline;
  line-height: 0.96;
  max-width: none;
  color: #D6D96A;
}

.hero.hero-study .hero-shot-roll > .roll-word {
  justify-self: center;
  padding-block: 0.02em;
  background: none !important;
  color: #D6D96A;
}

.hero.hero-study .hero-shot-roll .letter-layer {
  inset: 0.02em 0;
  text-align: left;
}

.hero.hero-study .hero-line-lead {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.24em;
}

.hero.hero-study .lead-token {
  display: inline-block;
  position: relative;
}

.hero.hero-study .lead-ai {
  cursor: pointer;
  user-select: none;
  outline: none;
}

.hero.hero-study .lead-ai:focus-visible {
  outline: 2px dashed #D6D96A;
  outline-offset: 8px;
}

/* Fixed-width single-character slot so rolling A -> S -> A causes zero horizontal layout shift */
.hero.hero-study .lead-letter-slot {
  display: inline-grid;
  vertical-align: baseline;
  overflow: clip;
  position: relative;
}

.hero.hero-study .lead-glyph {
  grid-area: 1 / 1;
  display: inline-block;
  transition:
    transform 340ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 260ms ease,
    color 240ms ease;
}

.hero.hero-study .lead-glyph-a {
  transform: translateY(0%);
  opacity: 1;
}

.hero.hero-study .lead-glyph-s {
  transform: translateY(-108%);
  opacity: 0;
  color: #D6D96A;
  position: relative;
}

/* Quiet AI / SI letter cycle */
.hero.hero-study .lead-ai[data-si-phase="showing-s"] .lead-glyph-a {
  transform: translateY(108%);
  opacity: 0;
}

.hero.hero-study .lead-ai[data-si-phase="showing-s"] .lead-glyph-s {
  transform: translateY(0%);
  opacity: 1;
}

/* Working explanation copy in Space Grotesk */
.hero.hero-study .hero-explanation {
  font-family: "Study Space", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.34;
  color: #F4F8FA;
  max-width: 680px;
  margin: 12px auto 0;
  text-align: center;
  text-shadow: 0 2px 12px rgba(24, 8, 16, 0.45);
}

/* Proposed Actions: Primary ("Join the Club") + Secondary ("Open the workbench") */
.hero.hero-study .hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  margin-top: 14px;
  flex-wrap: wrap;
}

/* Primary button preserves the tactile bevelled WASC button treatment */
.hero.hero-study .hero-actions .hero-action-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 26px;
  background: #D6D96A;
  color: #552239 !important;
  border: 1px solid #24101A;
  border-radius: 2px;
  box-shadow:
    inset 2px 2px 0 #f7f8cf,
    inset -2px -2px 0 #96994c,
    0 8px 20px rgba(20, 8, 14, 0.32);
  font: 500 26px/1.05 Cabinet, sans-serif;
  letter-spacing: -0.015em;
  text-decoration: none !important;
  transition: background-color 150ms ease, transform 120ms ease;
}

.hero.hero-study .hero-actions .hero-action-primary:hover {
  background: #e3e58c;
  color: #552239 !important;
}

.hero.hero-study .hero-actions .hero-action-primary:active {
  box-shadow: inset 2px 2px 0 #96994c;
  transform: translateY(1px);
}

.hero.hero-study .hero-actions .hero-action-primary svg {
  width: 20px;
  height: 20px;
  flex: none;
}

/* Secondary action preserves the classic WASC underlined Cabinet 500 action link */
.hero.hero-study .hero-actions .hero-action-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 2px 6px;
  color: #F4F8FA !important;
  border-bottom: 2px solid rgba(244, 248, 250, 0.85);
  font: 500 28px/1.05 Cabinet, sans-serif;
  letter-spacing: -0.015em;
  text-decoration: none !important;
  transition: color 150ms ease, border-color 150ms ease;
}

.hero.hero-study .hero-actions .hero-action-secondary:hover {
  color: #D6D96A !important;
  border-bottom-color: #D6D96A;
}

.hero.hero-study .hero-actions a:focus-visible {
  outline: 3px solid #D6D96A;
  outline-offset: 5px;
}

/* Collapsible "Pocket Weather Station" Bar + Expandable Simulation Drawer */
.sky-simulator {
  position: relative;
  z-index: 4;
  width: min(1360px, 100%);
  margin: 10px auto 0;
  background: rgba(32, 12, 22, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(187, 222, 227, 0.34);
  border-radius: 2px;
  box-shadow: inset 1px 1px 0 rgba(244, 248, 250, 0.12), 0 10px 28px rgba(16, 5, 11, 0.38);
  padding: 7px 12px;
  color: #F4F8FA;
  text-align: left;
}

.sky-simulator-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  flex-wrap: wrap;
}

.sky-simulator-drawer {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid rgba(187, 222, 227, 0.22);
}

.sky-simulator-drawer[hidden] {
  display: none !important;
}

.sky-simulator-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sky-sim-badge {
  font: 400 17px/1 "Workshop Pixel", monospace;
  background: #BBDEE3;
  color: #24252D;
  padding: 3px 7px;
  letter-spacing: 0.02em;
}

.sky-sim-readout {
  font: 400 12px/1.35 "Study JetBrains", monospace;
  color: #BBDEE3;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sky-simulator-utilities {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.sky-station-label {
  display: inline-flex;
  align-items: center;
}

.sky-station-label select {
  font: 500 11.5px/1.15 "Study Space", sans-serif;
  min-height: 26px;
  padding: 3px 7px;
  background: rgba(244, 248, 250, 0.08);
  color: #F4F8FA;
  border: 1px solid rgba(187, 222, 227, 0.38);
  border-radius: 2px;
  cursor: pointer;
}

.sky-station-label select option {
  background: #24101A;
  color: #F4F8FA;
}

.sky-simulator-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: center;
  justify-content: space-between;
}

.sky-control-group {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.sky-control-label {
  font: 400 10.5px/1.2 "Study JetBrains", monospace;
  color: #BBDEE3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 1px;
}

.sky-pill-row {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-wrap: wrap;
}

.sky-simulator button {
  font: 500 11.5px/1.15 "Study Space", sans-serif;
  min-height: 26px;
  padding: 3px 7px;
  background: rgba(244, 248, 250, 0.08);
  color: #F4F8FA;
  border: 1px solid rgba(187, 222, 227, 0.32);
  border-radius: 2px;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.sky-simulator .sky-drawer-toggle {
  border-color: rgba(214, 217, 106, 0.72);
  color: #D6D96A;
  font-weight: 600;
}

.sky-simulator .sky-drawer-toggle[aria-expanded="true"] {
  background: #D6D96A;
  color: #24252D;
  border-color: #D6D96A;
}

.sky-simulator button:hover:not(:disabled),
.sky-station-label select:hover {
  background: rgba(187, 222, 227, 0.22);
  border-color: #BBDEE3;
}

.sky-simulator button[aria-pressed="true"],
.sky-simulator button.is-active {
  background: #D6D96A;
  color: #24252D;
  border-color: #D6D96A;
  font-weight: 600;
}

.sky-simulator button:focus-visible,
.sky-station-label select:focus-visible {
  outline: 2px solid #D6D96A;
  outline-offset: 2px;
}

.sky-simulator-footnote {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px dashed rgba(187, 222, 227, 0.18);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
  flex-wrap: wrap;
  font: 400 11px/1.35 "Study JetBrains", monospace;
  color: rgba(244, 248, 250, 0.76);
}

.sky-drawer-extra-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.sky-simulator-footnote a {
  color: #BBDEE3;
  text-underline-offset: 3px;
}

/* Focus Mode: retains all content and editorial highlights while removing decorative motion */
body.focus-mode .character-sky {
  opacity: 0.35;
}

body.focus-mode .companion-thought {
  display: none !important;
}

body.focus-mode .companion-stage .announcement-companion {
  transform: rotate(-6deg) !important;
  transition: none !important;
}

body.focus-mode .ai-si-morph .morph-glyph,
body.paused .ai-si-morph .morph-glyph {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .ai-si-morph .morph-glyph,
  .companion-stage .announcement-companion,
  .companion-thought {
    transition: none !important;
    animation: none !important;
  }
}

/* Tablet adaptation */
@media (max-width: 1080px) {
  .sky-simulator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
  }

  .companion-thought {
    left: auto;
    right: 88px;
    top: -10px;
  }

  .companion-thought::after {
    left: auto;
    right: -6px;
    border-bottom: 0;
    border-left: 0;
    border-top: 1px solid #552239;
    border-right: 1px solid #552239;
  }
}

/* Phone / Mobile composition (<= 760px):
   Readable copy, reachable actions, touch-friendly controls, reduced visual density */
@media (max-width: 760px) {
  html,body,main,.preview-bar,body .hero.hero-study{
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  .preview-bar {
    flex-wrap: wrap;
    height: auto;
    padding: 6px 10px !important;
    gap: 4px 8px !important;
  }

  .preview-bar > span {
    width: 100%;
    white-space: normal !important;
  }

  .preview-bar .palette-choice select,
  .preview-bar .type-choice select {
    max-width: 112px !important;
  }

  .preview-bar .study-bar-actions {
    order: 3;
  }

  body .hero.hero-study {
    min-height: auto;
    padding: 152px 16px 26px !important;
  }

  .hero.hero-study .announcement {
    width: 100%;
    max-width: 358px;
    margin-top: 28px;
  }

  .hero.hero-study .announcement-link {
    padding: 18px 20px 18px 40px;
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
  }

  .hero.hero-study .announcement-message {
    font-size: 17px;
    max-width: 25ch;
  }

  .hero.hero-study .announcement-action {
    font-size: 15px;
    padding: 8px 12px;
  }

  .companion-stage {
    width: 72px;
    height: 72px;
    top: -46px;
    right: -2px;
  }

  .companion-thought {
    left: auto;
    right: 66px;
    top: -6px;
    max-width: 196px;
    font-size: 12px;
    padding: 6px 10px;
  }

  .hero.hero-study .hero-statement {
    margin-top: 22px;
    width: 100% !important;
    max-width: 100% !important;
  }

  body .hero.hero-study .hero-statement h1 {
    font-size: clamp(42px, 12.2vw, 52px) !important;
    line-height: 0.92;
    -webkit-text-stroke: 0.25px currentColor;
  }

  .hero.hero-study .si-attempt-pill {
    left: calc(100% + 8px);
    top: 22%;
    font-size: 8px;
    padding: 2px 6px;
  }

  .hero.hero-study .hero-explanation {
    font-size: 17px;
    line-height: 1.35;
    max-width: 32ch;
    margin-top: 18px;
  }

  .hero.hero-study .hero-explanation br {
    display: none;
  }

  .hero.hero-study .hero-actions {
    flex-direction: column;
    width: 100%;
    max-width: 340px;
    gap: 16px;
    margin-top: 26px;
  }

  .hero.hero-study .hero-actions .hero-action-primary {
    width: 100%;
    min-height: 48px;
    font-size: 22px;
    padding: 13px 20px;
  }

  .hero.hero-study .hero-actions .hero-action-secondary {
    font-size: 22px;
    padding: 8px 4px;
    min-height: 42px;
  }

  .sky-simulator {
    margin-top: 32px;
    padding: 12px;
  }

  .sky-simulator-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .sky-simulator-utilities {
    width: 100%;
  }

  .sky-simulator-utilities button {
    flex: 1 1 auto;
    min-height: 36px;
    text-align: center;
  }

  .sky-simulator-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .sky-control-group {
    justify-content: space-between;
    width: 100%;
  }

  .sky-pill-row {
    flex: 1;
    justify-content: flex-end;
  }

  .sky-simulator button {
    min-height: 36px;
    padding: 6px 9px;
    font-size: 12px;
  }

  .pixel-consent-hud {
    padding: 12px;
    margin-top: 22px;
  }

  .pixel-consent-main {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .pixel-consent-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .pixel-consent-actions button {
    flex: 1 1 auto;
    justify-content: center;
  }

  .pixel-consent-settings {
    grid-template-columns: 1fr;
  }
}

/* 8-Bit Zero-Cookie Sky Consent HUD Ticket (wasc_consent_v2 compatible) */
.pixel-consent-hud {
  position: relative;
  z-index: 5;
  width: min(100%, 1120px);
  margin: 8px auto 0;
  padding: 9px 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  background: rgba(24, 8, 16, 0.95);
  border: 2px solid #D6D96A;
  box-shadow: 4px 4px 0 rgba(16, 4, 10, 0.85);
  color: #F4F8FA;
  font-family: "Study JetBrains", ui-monospace, monospace;
}

.pixel-consent-hud[hidden] {
  display: none !important;
}

.pixel-consent-main {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}

.pixel-consent-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.pixel-consent-toprow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.pixel-consent-badge {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #D6D96A;
}

.pixel-consent-state-pill {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 1px 6px;
  background: rgba(187, 222, 227, 0.14);
  border: 1px solid rgba(187, 222, 227, 0.55);
  color: #BBDEE3;
}

.pixel-consent-text {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.35;
  color: #F4F8FA;
}

.pixel-consent-text strong {
  color: #D6D96A;
  font-weight: 700;
}

.pixel-consent-text a {
  color: #BBDEE3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pixel-consent-actions {
  flex: 0 0 auto;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
}

.pixel-consent-actions button {
  appearance: none;
  font-family: "Study JetBrains", ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 7px 11px;
  border-radius: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 120ms ease, background-color 120ms ease, color 120ms ease;
}

.pixel-consent-actions button[hidden] {
  display: none !important;
}

.pixel-btn-accept,
.pixel-btn-save {
  background: #D6D96A;
  color: #1E0A14;
  border: 1.5px solid #F4F8FA;
  box-shadow: 2px 2px 0 rgba(16, 4, 10, 0.85);
}

.pixel-btn-accept:hover,
.pixel-btn-save:hover {
  background: #F4F8FA;
  color: #1E0A14;
  transform: translate(-1px, -1px);
}

.pixel-btn-reject {
  background: rgba(244, 248, 250, 0.10);
  color: #F4F8FA;
  border: 1.5px solid rgba(244, 248, 250, 0.72);
}

.pixel-btn-reject:hover {
  background: #F4F8FA;
  color: #1E0A14;
}

.pixel-btn-settings {
  background: rgba(187, 222, 227, 0.08);
  color: #BBDEE3;
  border: 1.5px solid rgba(187, 222, 227, 0.58);
}

.pixel-btn-settings:hover,
.pixel-btn-settings[aria-expanded="true"] {
  background: #BBDEE3;
  color: #1E0A14;
  border-color: #F4F8FA;
}

.pixel-consent-settings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(214, 217, 106, 0.45);
}

.pixel-consent-settings[hidden] {
  display: none !important;
}

.pixel-consent-setting {
  background: rgba(244, 248, 250, 0.05);
  border: 1px solid rgba(187, 222, 227, 0.28);
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pixel-consent-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11.5px;
  line-height: 1.35;
  color: #F4F8FA;
  cursor: pointer;
}

.pixel-consent-check input[type="checkbox"] {
  margin-top: 2px;
  accent-color: #D6D96A;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.pixel-consent-check code,
.pixel-consent-setting details code {
  font-size: 10.5px;
  color: #D6D96A;
}

.pixel-consent-setting details {
  font-size: 11px;
  line-height: 1.38;
  color: rgba(244, 248, 250, 0.82);
}

.pixel-consent-setting summary {
  cursor: pointer;
  color: #BBDEE3;
  font-size: 10.5px;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pixel-consent-setting details p {
  margin: 5px 0 0;
  font-size: 10.5px;
  line-height: 1.4;
}

#toggle-pixel-sky[aria-pressed="true"] {
  background: #D6D96A !important;
  color: #1E0A14 !important;
  border-color: #F4F8FA !important;
  font-weight: 700;
}

/* ============================================================================
   CONVERSION & OPTION 2 ARCHITECTURE:
   1. Clean Production View vs Study Lab View
   2. Hero AI Magic Hardware Switch ("Editorial mode // ✦ Turn on the AI magic")
   3. Morphing "Join the Club →" Inline Email Input + "Not convinced? See what you get ↓"
   4. Bottom-Left 1-Line Corner Signature (Slashes // only, zero dots)
   5. Mid-Page AI Magic Upsell Banner (#ai-magic-upsell)
   ============================================================================ */

.study-bar-actions button[aria-pressed="true"] {
  background: #D6D96A !important;
  color: #1E0A14 !important;
  border-color: #D6D96A !important;
  font-weight: 600;
}

/* 1. Clean Production View layout adjustments */
body[data-production-view="true"] .hero.hero-study {
  min-height: clamp(620px, calc(100svh - 38px), 850px);
  padding-top: 82px;
  padding-bottom: 64px;
  justify-content: center;
}

body[data-production-view="true"] .hero-study-core {
  margin-block: auto;
}

body[data-production-view="true"] .sky-simulator {
  display: none;
}

body[data-production-view="true"] .sky-simulator.is-popover-open {
  display: block;
  position: absolute;
  left: clamp(16px, 2.5vw, 32px);
  bottom: 42px;
  width: min(calc(100vw - 32px), 980px);
  margin: 0;
  z-index: 18;
  background: rgba(24, 9, 18, 0.96);
  border: 1.5px solid rgba(214, 217, 106, 0.78);
  box-shadow: 0 18px 48px rgba(10, 3, 8, 0.72), 4px 4px 0 rgba(214, 217, 106, 0.25);
}

/* 2. Hero AI Magic Hardware Switch */
.hero-mode-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: -6px;
  position: relative;
  z-index: 4;
}

.ai-magic-switch {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 5px 12px;
  background: rgba(26, 9, 18, 0.72);
  border: 1px solid rgba(187, 222, 227, 0.36);
  box-shadow: 2px 2px 0 rgba(16, 4, 10, 0.55);
  color: #F4F8FA;
  font: 500 11px/1.2 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, transform 120ms ease, box-shadow 150ms ease;
}

.ai-magic-switch:hover {
  border-color: #D6D96A;
  background: rgba(26, 9, 18, 0.90);
  transform: translateY(-1px);
}

.ai-magic-switch:focus-visible {
  outline: 2px solid #D6D96A;
  outline-offset: 3px;
}

.ai-magic-seg {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  transition: color 150ms ease, background-color 150ms ease;
}

.ai-magic-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #BBDEE3;
  display: inline-block;
}

.ai-magic-slash {
  color: rgba(187, 222, 227, 0.42);
  font-weight: 400;
}

.ai-magic-spark {
  color: #D6D96A;
  font-size: 12px;
}

/* State OFF (Editorial mode active, "Turn on the AI magic" invited in Sulphur) */
body[data-ai-magic="false"] .ai-magic-seg-editorial {
  color: #F4F8FA;
  font-weight: 600;
}

body[data-ai-magic="false"] .ai-magic-seg-live {
  color: #D6D96A;
  font-weight: 700;
}

/* State ON (AI magic active) */
body[data-ai-magic="true"] .ai-magic-switch {
  border-color: rgba(214, 217, 106, 0.82);
  background: rgba(26, 9, 18, 0.86);
}

body[data-ai-magic="true"] .ai-magic-seg-editorial {
  color: rgba(244, 248, 250, 0.56);
}

body[data-ai-magic="true"] .ai-magic-dot {
  background: rgba(187, 222, 227, 0.35);
}

body[data-ai-magic="true"] .ai-magic-seg-live {
  background: #D6D96A;
  color: #1E0A14;
  font-weight: 700;
}

body[data-ai-magic="true"] .ai-magic-spark {
  color: #1E0A14;
}

/* 3. Morphing "Join the Club →" Inline Email Signup + "Not convinced? See what you get ↓" */
.hero.hero-study .hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 26px;
  margin-top: 18px;
}

.hero-join-morph {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hero-join-morph[data-join-open="true"] .hero-action-primary {
  display: none !important;
}

.hero-inline-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 7px 10px;
  background: rgba(24, 9, 18, 0.94);
  border: 2px solid #D6D96A;
  box-shadow: 4px 4px 0 rgba(16, 4, 10, 0.78);
  animation: heroJoinMorphIn 180ms cubic-bezier(0.2, 0.85, 0.3, 1);
}

.hero-inline-form[hidden] {
  display: none !important;
}

@keyframes heroJoinMorphIn {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(3px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.hero-inline-field-row {
  display: flex;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

.hero-inline-field-row input[type="email"] {
  appearance: none;
  min-width: 230px;
  padding: 10px 12px;
  background: rgba(244, 248, 250, 0.96);
  color: #1E0A14;
  border: 1.5px solid #552239;
  border-radius: 0;
  font: 500 15px/1.2 "Study Space", sans-serif;
}

.hero-inline-field-row input[type="email"]::placeholder {
  color: rgba(30, 10, 20, 0.52);
}

.hero-inline-field-row input[type="email"]:focus-visible {
  outline: 2px solid #D6D96A;
  outline-offset: 1px;
}

.hero-inline-submit {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 16px;
  background: #D6D96A;
  color: #1E0A14;
  border: 1.5px solid #D6D96A;
  border-radius: 0;
  font: 600 15px/1.1 "Study Space", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}

.hero-inline-submit:hover {
  background: #F4F8FA;
  border-color: #F4F8FA;
}

.hero-inline-close {
  appearance: none;
  width: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(244, 248, 250, 0.08);
  color: #BBDEE3;
  border: 1px solid rgba(187, 222, 227, 0.36);
  border-radius: 0;
  font: 600 18px/1 "Study JetBrains", monospace;
  cursor: pointer;
}

.hero-inline-close:hover {
  background: rgba(244, 248, 250, 0.20);
  color: #F4F8FA;
}

.hero-inline-meta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font: 500 10.5px/1.3 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.03em;
  color: rgba(244, 248, 250, 0.78);
}

.hero-inline-form.is-submitted #hero-inline-status {
  color: #D6D96A;
  font-weight: 700;
}

.hero-inline-full-link {
  color: #BBDEE3;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

/* 4. Bottom-Left 1-Line Corner Signature (Slashes // only, zero dots, ultra-compact) */
.sky-corner-signature {
  position: absolute;
  left: clamp(16px, 2.5vw, 32px);
  bottom: 14px;
  z-index: 6;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  font: 500 10px/1.2 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(244, 248, 250, 0.42);
  transition: color 160ms ease, opacity 160ms ease;
}

.sky-corner-signature:hover,
.sky-corner-signature:focus-within {
  color: rgba(244, 248, 250, 0.88);
}

/* In Study Lab View (`data-production-view="false"`), hide the corner signature since the full simulator bar is visible */
body[data-production-view="false"] .sky-corner-signature {
  display: none !important;
}

.sky-corner-sep {
  color: rgba(187, 222, 227, 0.30);
  user-select: none;
}

.sky-corner-btn {
  appearance: none;
  background: none;
  border: 0;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.2 !important;
  padding: 1px 4px !important;
  margin: 0 !important;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: rgba(214, 217, 106, 0.68);
  cursor: pointer;
  transition: color 120ms ease, background-color 120ms ease;
}

.sky-corner-signature:hover .sky-corner-btn,
.sky-corner-btn:focus-visible {
  color: #D6D96A;
}

.sky-corner-btn:hover {
  color: #1E0A14 !important;
  background: #D6D96A;
}

.sky-corner-btn[aria-expanded="true"] {
  color: #1E0A14 !important;
  background: #D6D96A;
  font-weight: 700;
}

/* 5. Mid-Page Horizontal AI Magic Upsell Section with Spinning Disco Ball & Dancing Companion (#ai-magic-upsell) */
.ai-magic-upsell {
  position: relative;
  padding: clamp(22px, 3vw, 34px) 0;
  background: linear-gradient(180deg, #3D1729 0%, #260D1A 100%);
  border-top: 1px solid rgba(214, 217, 106, 0.36);
  border-bottom: 1px solid rgba(187, 222, 227, 0.24);
  color: #F4F8FA;
}

.ai-magic-upsell-inner {
  display: grid;
  grid-template-columns: 168px minmax(280px, 1fr) auto;
  align-items: center;
  gap: 20px 30px;
  padding: 16px clamp(18px, 2.6vw, 28px);
  background: rgba(85, 34, 57, 0.56);
  border: 1.5px solid rgba(214, 217, 106, 0.72);
  box-shadow: 5px 5px 0 rgba(16, 4, 10, 0.65);
  overflow: hidden;
  position: relative;
}

.ai-magic-upsell.is-awake .ai-magic-upsell-inner {
  border-color: rgba(187, 222, 227, 0.64);
  background: rgba(34, 12, 24, 0.78);
}

/* Mini Disco Stage: Hanging Spinning Disco Ball + Little Companion Grooving Underneath */
.upsell-disco-stage {
  position: relative;
  width: 168px;
  height: 146px;
  border: 1px solid rgba(214, 217, 106, 0.42);
  border-radius: 2px;
  background:
    radial-gradient(circle at 50% 28%, rgba(214, 217, 106, 0.24) 0%, rgba(187, 222, 227, 0.10) 42%, rgba(24, 8, 16, 0.92) 78%),
    #1A0711;
  box-shadow: inset 0 0 18px rgba(16, 4, 10, 0.75);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  outline: none;
}

.upsell-disco-stage:hover {
  border-color: #D6D96A;
}

.upsell-disco-stage:focus-visible {
  outline: 2px solid #D6D96A;
  outline-offset: 3px;
}

/* Rotating diagonal disco light beams */
.disco-rays {
  position: absolute;
  left: 50%;
  top: 26px;
  width: 240px;
  height: 240px;
  margin-left: -120px;
  margin-top: -120px;
  background: conic-gradient(
    from 0deg,
    transparent 0deg 18deg,
    rgba(214, 217, 106, 0.26) 18deg 34deg,
    transparent 34deg 72deg,
    rgba(187, 222, 227, 0.24) 72deg 88deg,
    transparent 88deg 126deg,
    rgba(255, 142, 114, 0.20) 126deg 142deg,
    transparent 142deg 180deg,
    rgba(214, 217, 106, 0.26) 180deg 196deg,
    transparent 196deg 234deg,
    rgba(187, 222, 227, 0.24) 234deg 250deg,
    transparent 250deg 288deg,
    rgba(255, 142, 114, 0.20) 288deg 304deg,
    transparent 304deg 360deg
  );
  mask-image: radial-gradient(circle, rgba(0, 0, 0, 0.95) 8%, rgba(0, 0, 0, 0.55) 48%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 0.95) 8%, rgba(0, 0, 0, 0.55) 48%, transparent 72%);
  animation: disco-rays-spin 9s linear infinite;
  pointer-events: none;
}

.ai-magic-upsell.is-awake .disco-rays,
.upsell-disco-stage:hover .disco-rays {
  animation-duration: 4.2s;
  filter: brightness(1.25);
}

.disco-rig {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -1px;
}

.disco-cord {
  display: block;
  width: 1.5px;
  height: 10px;
  background: #F4F8FA;
  opacity: 0.75;
}

.disco-ball-wrap {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow:
    0 0 14px rgba(214, 217, 106, 0.55),
    0 0 26px rgba(187, 222, 227, 0.28);
  animation: disco-ball-sway 3.2s ease-in-out infinite alternate;
}

.disco-ball-svg {
  display: block;
  width: 44px;
  height: 44px;
}

.disco-meridian.m1 {
  transform-origin: 32px 32px;
  animation: disco-meridian-spin 2.4s linear infinite;
}

.disco-meridian.m2 {
  transform-origin: 32px 32px;
  animation: disco-meridian-spin 2.4s linear infinite reverse;
}

.disco-glints {
  transform-origin: 32px 32px;
  animation: disco-glints-shift 1.4s steps(3, end) infinite;
}

/* Floating specular disco sparks around the stage */
.disco-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.disco-spark {
  position: absolute;
  font: 700 11px/1 "Study JetBrains", ui-monospace, monospace;
  color: #D6D96A;
  text-shadow: 0 0 6px rgba(214, 217, 106, 0.85);
  animation: disco-spark-twinkle 1.6s ease-in-out infinite;
}

.disco-spark.s1 { left: 18px; top: 18px; animation-delay: 0s; color: #D6D96A; }
.disco-spark.s2 { right: 20px; top: 24px; animation-delay: 0.4s; color: #BBDEE3; }
.disco-spark.s3 { left: 26px; bottom: 38px; animation-delay: 0.8s; color: #F4F8FA; }
.disco-spark.s4 { right: 22px; bottom: 44px; animation-delay: 1.2s; color: #D6D96A; }

/* The Little Companion Dancing Directly Underneath the Disco Ball */
.disco-dancer-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -4px;
  margin-bottom: 14px;
}

.disco-dancer-img {
  width: 66px;
  height: 66px;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 4px 8px rgba(12, 3, 8, 0.72));
  transform-origin: 50% 88%;
  animation: companion-disco-dance 1.15s cubic-bezier(0.36, 0, 0.64, 1) infinite;
}

.ai-magic-upsell.is-awake .disco-dancer-img,
.upsell-disco-stage:hover .disco-dancer-img {
  animation-duration: 0.68s;
}

.disco-floor-glow {
  position: absolute;
  bottom: 2px;
  width: 58px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(214, 217, 106, 0.58) 0%, rgba(187, 222, 227, 0.25) 55%, transparent 80%);
  animation: disco-floor-pulse 0.58s ease-in-out infinite alternate;
  pointer-events: none;
}

.disco-stage-tag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 2px 6px;
  background: rgba(20, 6, 13, 0.88);
  border-top: 1px solid rgba(214, 217, 106, 0.32);
  font: 600 9px/1.2 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.06em;
  text-align: center;
  color: #D6D96A;
}

@keyframes disco-rays-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes disco-ball-sway {
  from { transform: rotate(-4deg); }
  to { transform: rotate(4deg); }
}

@keyframes disco-meridian-spin {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(0.22); }
  100% { transform: scaleX(1); }
}

@keyframes disco-glints-shift {
  0% { transform: translateX(-2px); opacity: 0.95; }
  50% { transform: translateX(2px); opacity: 0.7; }
  100% { transform: translateX(0px); opacity: 1; }
}

@keyframes disco-spark-twinkle {
  0%, 100% { opacity: 0.25; transform: scale(0.75) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(25deg); }
}

@keyframes companion-disco-dance {
  0% {
    transform: translate3d(-4px, 0px, 0) rotate(-7deg) scale(1, 0.96);
  }
  25% {
    transform: translate3d(0px, -6px, 0) rotate(2deg) scale(1.03, 1.04);
  }
  50% {
    transform: translate3d(4px, 0px, 0) rotate(8deg) scale(1, 0.96);
  }
  75% {
    transform: translate3d(0px, -5px, 0) rotate(-3deg) scale(1.03, 1.04);
  }
  100% {
    transform: translate3d(-4px, 0px, 0) rotate(-7deg) scale(1, 0.96);
  }
}

@keyframes disco-floor-pulse {
  from { transform: scaleX(0.86); opacity: 0.55; }
  to { transform: scaleX(1.14); opacity: 0.95; }
}

@media (prefers-reduced-motion: reduce) {
  .disco-rays,
  .disco-ball-wrap,
  .disco-meridian,
  .disco-glints,
  .disco-spark,
  .disco-dancer-img,
  .disco-floor-glow {
    animation: none !important;
  }
}

.ai-magic-upsell-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ai-magic-upsell-eyebrow {
  font: 600 10.5px/1.3 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #D6D96A;
}

.ai-magic-upsell.is-awake .ai-magic-upsell-eyebrow {
  color: #BBDEE3;
}

.ai-magic-upsell.is-awake .disco-stage-tag {
  color: #BBDEE3;
  border-top-color: rgba(187, 222, 227, 0.36);
}

/* Hovering the downsell actions previews dimming the disco party */
.ai-magic-upsell.is-awake:has(.ai-magic-upsell-actions:hover) .disco-rays {
  opacity: 0.25;
  animation-play-state: paused;
}

.ai-magic-upsell.is-awake:has(.ai-magic-upsell-actions:hover) .disco-dancer-img {
  animation-play-state: paused;
  transform: rotate(0deg);
}

.ai-magic-upsell-title {
  margin: 0;
  font-family: var(--font-display, "Cabinet Grotesk", sans-serif);
  font-size: clamp(21px, 2.3vw, 28px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #F4F8FA;
}

.ai-magic-upsell-text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: rgba(244, 248, 250, 0.86);
  max-width: 62ch;
}

.ai-magic-upsell-actions {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.ai-magic-upsell-primary {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  background: #D6D96A;
  color: #1E0A14;
  border: 1.5px solid #F4F8FA;
  box-shadow: 3px 3px 0 rgba(16, 4, 10, 0.85);
  font: 600 14.5px/1.15 "Study Space", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.ai-magic-upsell.is-awake .ai-magic-upsell-primary {
  background: #F4F8FA;
  color: #1E0A14;
  border-color: #BBDEE3;
}

.ai-magic-upsell-primary:hover {
  background: #F4F8FA;
  transform: translate(-1px, -1px);
}

.ai-magic-upsell.is-awake .ai-magic-upsell-primary:hover {
  background: #BBDEE3;
  border-color: #F4F8FA;
}

.ai-magic-upsell-secondary {
  appearance: none;
  padding: 9px 14px;
  background: rgba(244, 248, 250, 0.08);
  color: #BBDEE3;
  border: 1px solid rgba(187, 222, 227, 0.48);
  font: 500 11.5px/1.2 "Study JetBrains", ui-monospace, monospace;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}

.ai-magic-upsell-secondary:hover {
  background: #BBDEE3;
  color: #1E0A14;
}

@media (max-width: 960px) {
  .ai-magic-upsell-inner {
    grid-template-columns: 152px 1fr;
  }

  .ai-magic-upsell-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  body[data-production-view="true"] .hero.hero-study {
    padding: 136px 16px 68px !important;
  }

  .ai-magic-switch {
    font-size: 10px;
    padding: 5px 9px;
    gap: 6px;
  }

  .hero-inline-form {
    width: 100%;
    max-width: 340px;
  }

  .hero-inline-field-row {
    flex-wrap: wrap;
  }

  .hero-inline-field-row input[type="email"] {
    min-width: 0;
    flex: 1 1 180px;
  }

  .sky-corner-signature {
    left: 16px;
    right: 16px;
    bottom: 12px;
    font-size: 10px;
    gap: 6px;
  }

  .ai-magic-upsell-inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .ai-magic-upsell-actions {
    width: 100%;
    flex-direction: column;
  }

  .ai-magic-upsell-primary,
  .ai-magic-upsell-secondary {
    width: 100%;
    justify-content: center;
  }
}




/* Keep both sky switches available and let the companion stand without the news panel. */
.hero.hero-study .companion-stage[hidden],
.hero.hero-study .announcement[data-news-visible="false"] .announcement-link,
.hero.hero-study .announcement[data-news-visible="false"] .announcement-dismiss {
  display: none !important;
}
.hero.hero-study .announcement[data-news-visible="false"] {
  min-height: 94px;
}
.hero.hero-study .announcement[data-news-visible="false"] .companion-stage {
  top: 0;
  right: 0;
}
.sky-simulator button[aria-pressed="true"]:hover:not(:disabled) {
  background: #D6D96A;
  color: #24252D;
}
body[data-production-view="true"] .sky-simulator.is-popover-open {
  position: fixed;
  max-height: calc(100svh - 100px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

body[data-production-view="true"] .hero.hero-study:has(.sky-simulator.is-popover-open) {
  z-index: 60;
}

.hero.hero-study .lead-ai { cursor: default; }
body.focus-mode .lead-glyph { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .hero.hero-study .lead-glyph { transition: none; }
}

.hero.hero-study > .character-sky {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 650px;
  mask-image: linear-gradient(#000 40%, transparent 100%);
  z-index: 0;
  pointer-events: none;
  display: block;
}
@media (max-width: 760px) {
  .hero.hero-study > .character-sky { height: 550px; }
}
body[data-production-view="true"] .sky-corner-signature,
body[data-production-view="true"] .sky-simulator,
body[data-production-view="true"] .hero-mode-row {
  display: none !important;
}

/* The announcement and its companion (the yellow mascot) live in their own layer. They no longer take part in the
   flow, so nothing about them (shown, hidden, resized, moved, a thought bubble, the news bar) can move the mode
   choice or the headline. The space they used to occupy is a fixed reserve at the top of the hero core. */
.hero-study-core {
  --hero-announce-top: 14px;
  --hero-announce-reserve: 108px; /* 14px top + the 94px the announcement always held */
  padding-top: var(--hero-announce-reserve);
}
.hero.hero-study .announcement {
  position: absolute;
  top: var(--hero-announce-top);
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* The help line under the toggle stays for screen readers (it describes the group) but is not shown. */
.hero-study-core .reading-choice-help {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
@media (max-width: 760px) {
  /* Post-launch mobile hierarchy: let the headline lead the section titles.
     16vw keeps the fixed "Worth your" line and the longest rolling word in view. */
  body .hero.hero-study .hero-statement h1 {
    font-size: clamp(50px, 16vw, 112px) !important;
  }
  /* Phones: the mascot moves to the top-right corner beside the mode choice and its reserve goes, so the mode
     choice sits right under the header and the headline lands in the middle of the screen. */
  .hero-study-core {
    --hero-announce-top: -66px;
    --hero-announce-reserve: 0px;
  }
  /* The headline starts close below the mode choice and its help line. */
  .hero-study-core .reading-choice { margin-bottom: 0; }
}

/* workshop/contribution-home.css */
/* The slide is a working scene; the surrounding chapter stays editorial. */
#contribute .contribution-frame{padding:42px 0 28px}
#contribute .contribution-eyebrow{font-size:14px;margin:0 0 26px;letter-spacing:.02em}
#contribute .contribution-top{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:12px}
#contribute h2{font-size:clamp(64px,7.8vw,114px);line-height:.94;letter-spacing:-.035em;margin:0}
#contribute .contribution-copy>p{font-size:clamp(17px,1.6vw,22px);line-height:1.45;max-width:31ch;margin:30px 0}
#contribute .contribution-slide{min-width:0}
#club-slide{display:block;width:100%;height:540px;border:0;background:transparent;color-scheme:light}
#contribute .contribution-note{display:block;margin-top:40px}
@media(max-width:900px){#contribute .contribution-top{grid-template-columns:1fr}#contribute h2{font-size:clamp(64px,11vw,96px)}#contribute .contribution-copy>p{max-width:38ch}#club-slide{height:480px}#contribute .contribution-note{margin-top:20px}}
@media(max-width:540px){#contribute .contribution-frame{padding:24px 0}#contribute .contribution-eyebrow{font-size:12px}#contribute h2{font-size:64px}#club-slide{height:410px}#contribute .contribution-copy>p{margin:24px 0}#contribute .contribution-note{font-size:11px;line-height:1.5}}

#contribute .contribution-copy .large-link{max-width:100%}
@media(max-width:700px){#contribute .contribution-note{text-align:center;text-wrap:balance}}

#contribute .contribute-home-roll{text-align:left;vertical-align:baseline}

/* workshop/workbench-performance.css */
/* Stable reserved scene space; only the ready iframe replaces the poster. */
#contribute .contribution-slide{position:relative}
#club-slide:not(.scene-ready){opacity:0;pointer-events:none}
#club-slide-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--paper,#f3f8fa)}
#club-slide-preview img{width:100%;max-height:76%;object-fit:contain;mix-blend-mode:multiply}
#club-slide-start{padding:12px 18px;background:var(--base-ink,#552239);color:var(--base-paper,#f3f8fa);border:1px solid currentColor;font:inherit;font-size:15px}
#club-slide-start:disabled{cursor:wait}
#club-slide-preview[hidden]{display:none}

/* workshop/footer-home.css */
/* Footer extends the established palette. The target has its own stage. */
#join.footer-home{background:var(--wasc-news);color:var(--wasc-frost);padding:0;isolation:isolate}
#join.footer-home{position:relative}
#join.footer-home>.character-sky{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.25}
#join.footer-home>.container,#join.footer-home>.parcel-landing{position:relative;z-index:1}
#join .footer-invitation{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:80px 0 64px;border-top:1px solid #f4f8fa66;border-bottom:1px solid #f4f8fa66}
#join .footer-invitation h2{font:500 clamp(56px,6.8vw,96px)/.96 var(--display);letter-spacing:-.03em;margin:0 0 26px}
#join .footer-invitation>div>p{font:20px/1.45 var(--body);max-width:36ch;margin:0}
#join .footer-signup{width:100%;max-width:none;margin:0}
#join .footer-signup label{display:block;font:24px/1.2 var(--body);margin-bottom:16px}
#join .footer-email-row{display:flex;align-items:stretch;border:1px solid var(--wasc-frost)}
#join .footer-email-row input{min-width:0;width:100%;border:0;border-radius:0;background:transparent;color:var(--wasc-frost);font:18px/1.4 var(--body);padding:18px 16px;caret-color:var(--wasc-verdict)}
#join .footer-email-row input::placeholder{color:var(--wasc-frost);opacity:.8}
#join .footer-email-row button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;border:0;border-radius:0;padding:16px 20px;background:var(--wasc-verdict);color:var(--wasc-news);font:500 18px/1.2 var(--body);cursor:pointer}
#join .footer-email-row button:hover{background:var(--wasc-frost)}
#join .footer-email-row svg{width:24px;height:24px}
#join #join-status{font:12px/1.5 var(--body);margin:12px 0 0;color:var(--wasc-frost)}
#join .footer-main{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:56px;padding:68px 0 64px}
#join .footer-logotype{display:block;width:max-content;max-width:100%;color:var(--wasc-frost);font:700 clamp(48px,5.8vw,82px)/.9 Founders,sans-serif;letter-spacing:-.035em;text-decoration:none}
#join .footer-logotype span{display:block;text-align:right;color:var(--wasc-verdict);font-size:.43em;letter-spacing:-.02em;margin-top:10px}
#join .footer-links{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:28px;margin-top:60px}
#join .footer-links h3{font:500 16px/1.2 var(--body);color:var(--wasc-verdict);margin:0 0 18px}
#join .footer-links a{display:block;width:fit-content;max-width:100%;font:16px/1.4 var(--body);padding:8px 0;text-decoration:none}
#join .footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
#join .footer-object{min-width:0;color:var(--wasc-verdict)}
#join .footer-object-stage{height:350px;position:relative}
#footer-target{width:100%;height:100%;display:block;cursor:grab;touch-action:none;position:relative;z-index:1}
#footer-target.dragging{cursor:grabbing;touch-action:none}
#footer-target-fallback{position:absolute;inset:15%;width:70%;height:70%}
#footer-target-fallback[hidden]{display:none}
#join .footer-object-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d6d96a66;padding-top:12px;font:14px/1.4 var(--body)}
#join .footer-object-controls button{background:none;color:inherit;border:0;text-decoration:underline;text-underline-offset:5px;font:inherit;min-height:44px;padding:8px 0 8px 20px;cursor:pointer}
#join .footer-utility{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 30px;border-top:1px solid #f4f8fa66;font:13px/1.4 var(--body);background:none}
#join .footer-utility>span{width:auto}
#join .footer-utility nav{display:flex;flex-wrap:wrap;gap:24px}
#join .footer-utility a{padding-block:10px;text-decoration:none}
#join .footer-utility a:hover{text-decoration:underline;text-underline-offset:5px}
#join .footer-back-top{display:flex;align-items:center;gap:10px}
#join .footer-back-top svg{width:18px;height:18px}
#join :is(a,button,input,canvas):focus-visible{outline:2px solid var(--wasc-verdict);outline-offset:5px}
#join ::selection{background:var(--wasc-verdict);color:var(--wasc-news)}
#join .parcel-landing{border-top:1px solid #f4f8fa66;margin-bottom:36px}
#join .parcel-landing[hidden]{display:none}
@media(max-width:1000px){#join .footer-invitation{gap:36px}#join .footer-main{grid-template-columns:1.5fr 1fr;gap:25px}#join .footer-links{gap:16px}#join .footer-links a{font-size:14px}#join .footer-object-stage{height:290px}#join .footer-email-row button{padding:14px}}
@media(max-width:700px){#join .footer-invitation{grid-template-columns:1fr;gap:32px;padding:48px 0}#join .footer-invitation h2{font-size:64px}#join .footer-invitation>div>p{font-size:18px}#join .footer-signup label{font-size:20px}#join .footer-email-row input{font-size:16px;padding:16px 12px}#join .footer-email-row button{font-size:16px;padding:14px 12px;gap:8px}#join .footer-email-row button svg{width:18px}#join .footer-main{display:flex;flex-direction:column;gap:32px;padding:48px 0 32px}#join .footer-brand-and-links{width:100%}#join .footer-logotype{font-size:clamp(44px,12vw,72px)}#join .footer-links{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:38px}#join .footer-links nav:last-child{grid-column:1/-1}#join .footer-links nav:last-child a{display:inline-block;margin-right:20px}#join .footer-links h3{margin-bottom:10px}#join .footer-links a{font-size:15px;min-height:40px}#join .footer-object{width:100%;max-width:380px}#join .footer-object-stage{height:280px}#join .footer-utility{flex-wrap:wrap;gap:10px 20px;font-size:12px}#join .footer-utility>span{width:100%}#join .footer-utility nav{gap:20px}#join .footer-back-top{margin-left:auto}}

/* Consistent touch rows for legal links, cookie disclosure and mode control. */
@media(max-width:700px){
 #join .footer-utility{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 #join .footer-utility nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:100%;align-items:start}
 #join .footer-utility nav>a,#join .footer-utility nav>button,#join .footer-utility nav .cookie-study>summary{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;min-height:44px;margin:0;padding:10px 0;text-align:left;font:inherit;line-height:1.4}
 #join .footer-utility .footer-back-top{margin-left:0;align-self:flex-start;min-height:44px;box-sizing:border-box}
}

/* workshop/faq-desk.css */
/* FAQ club desk: local interaction study, using the existing companion asset. */
.faq-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
.faq-body .faq-list{max-width:none;margin:0}
.faq-desk{position:sticky;top:24px;min-width:0;padding-top:8px;color:var(--cream)}
.faq-desk h3{font:500 clamp(36px,3.4vw,48px)/.98 var(--display);letter-spacing:-.025em;margin-bottom:16px}
.desk-intro{font:18px/1.4 var(--body);max-width:27ch}
.desk-open{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:28px;padding:12px 0;border:0;border-bottom:1px solid currentColor;background:none;font:22px/1.2 var(--body);text-align:left}
.faq-desk svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.desk-open:hover{color:var(--marker)}
.desk-open[aria-expanded="true"]{color:var(--marker)}
/* A non-modal, MSN-era chat window: contact, transcript, then composer. */
#desk-panel{position:relative;width:100%;margin-top:24px;display:flex;flex-direction:column;color:var(--ink);background:var(--cream);border:1px solid var(--ink);box-shadow:inset 2px 2px var(--paper),inset -2px -2px var(--blue);padding:4px;isolation:isolate;animation:messenger-open .22s cubic-bezier(.16,1,.3,1)}
.messenger-titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--blue);padding:4px 4px 4px 10px;flex:none;gap:8px}
#messenger-title{display:flex;align-items:center;gap:8px;font:18px/1.2 var(--pixel)}
#messenger-title svg{width:18px;height:18px}
.messenger-window-actions{display:flex;gap:4px}
.messenger-window-actions button{display:grid;place-items:center;width:36px;height:36px;background:var(--cream);border:1px solid var(--ink);padding:0}
.messenger-window-actions button:hover{background:var(--marker)}
.messenger-window-actions svg{width:18px;height:18px}
.messenger-contact{display:flex;align-items:center;gap:16px;padding:16px;flex:none}
.messenger-avatar{padding:6px;background:var(--marker);border:1px solid var(--ink);box-shadow:inset 2px 2px var(--paper);flex:none}
.messenger-avatar img{width:54px;height:54px;object-fit:contain}
.messenger-contact strong{font:600 23px/1 var(--display);display:block;margin-bottom:6px}
.messenger-contact span{display:block;font:11px/1.3 var(--body)}
.messenger-contact p{font:14px/1.4 var(--body);margin-top:5px}
.messenger-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--ink);padding:0 12px;font:11px/1.3 var(--body);gap:8px;flex:none}
.messenger-toolbar button{border:0;background:none;font:12px/1.3 var(--body);text-decoration:underline;text-underline-offset:3px;min-height:40px;padding:4px}
.messenger-preview{font:11px/1.4 var(--body);padding:10px 12px;flex:none}
.messenger-log{min-height:90px;height:200px;overflow:auto;overscroll-behavior:contain;margin:0 10px;padding:14px;background:var(--paper);border:1px solid var(--ink);font:14px/1.45 var(--body);scrollbar-color:var(--ink) var(--cream);flex:1 1 200px}
.messenger-message{margin-bottom:18px;overflow-wrap:anywhere}
.messenger-message:last-child{margin-bottom:0}
.messenger-message strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}
.user-message strong{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:3px}
.companion-message strong:before{content:"";display:inline-block;width:6px;height:6px;background:var(--ink);margin-right:7px}
.messenger-message a{display:inline-block;margin-top:8px;text-underline-offset:3px}
.messenger-typing{font:11px/1.4 var(--body);min-height:27px;padding:6px 12px 3px;flex:none}
.desk-examples{display:flex;gap:4px 14px;flex-wrap:wrap;padding:0 12px 6px;flex:none}
.desk-examples button{border:0;background:none;padding:7px 0;font:12px/1.3 var(--body);text-decoration:underline;text-underline-offset:3px;min-height:36px}
.desk-form{padding:0 10px 10px;flex:none}
.desk-form label{display:block;font:12px/1.3 var(--body);margin-bottom:6px}
.messenger-compose{display:flex;gap:8px}
.messenger-compose textarea{resize:none;min-width:0;width:100%;height:72px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);padding:10px;font:16px/1.35 var(--body);caret-color:var(--ink)}
.messenger-compose textarea::placeholder{color:var(--ink);opacity:.8}
.messenger-compose button{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;width:82px;background:var(--marker);border:1px solid var(--ink);font:14px/1.2 var(--body);box-shadow:inset 2px 2px var(--paper)}
.messenger-compose button:hover{background:var(--blue)}
.messenger-compose button svg{width:18px;height:18px}
.messenger-status{display:flex;justify-content:space-between;padding:7px 12px;background:var(--blue);font:11px/1.3 var(--body);flex:none}
.faq-desk :focus-visible{outline:2px solid var(--marker);outline-offset:4px}
.club-messenger :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.faq-desk button:disabled{opacity:.55;cursor:wait}
@keyframes messenger-open{from{transform:translateY(16px) scale(.98);opacity:.5}to{transform:none;opacity:1}}
@media(max-width:600px){#desk-panel.is-floating{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(100dvh - 16px)}.messenger-contact{padding:12px;gap:12px}.messenger-contact strong{font-size:22px}.messenger-avatar img{width:42px;height:42px}.messenger-log{height:180px;flex-basis:180px}.messenger-window-actions button{width:40px;height:40px}.desk-examples button{min-height:40px}}
@media(max-height:560px){.is-floating .messenger-contact{display:none}.is-floating .messenger-log{height:100px;flex-basis:100px}.is-floating .messenger-preview{padding-block:5px}.is-floating .messenger-compose textarea{height:56px}.is-floating .desk-examples{display:none}}
body.paused .faq-desk *,body.focus-mode .faq-desk *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.faq-desk *{animation:none!important;transition:none!important}}
@media(max-width:900px){.faq-body{grid-template-columns:1fr;gap:48px}.faq-desk{position:static;max-width:540px;width:100%;margin:0 auto;border-top:1px solid currentColor;padding-top:36px}.desk-intro{max-width:none}.faq-desk h3{font-size:42px}}

/* Minimise keeps the conversation discoverable while browsing the page. */
.messenger-dock{position:fixed;right:24px;bottom:24px;z-index:249;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 14px 10px 8px;background:var(--blue);color:var(--ink);border:1px solid var(--ink);box-shadow:inset 2px 2px var(--paper);text-align:left}
.messenger-dock img{width:40px;height:40px;object-fit:contain;flex:none}
.messenger-dock strong{display:block;font:600 18px/1.2 var(--display)}
.messenger-dock small{display:block;font:11px/1.4 var(--body);margin-top:3px}
.messenger-dock:hover{background:var(--marker)}
.messenger-dock:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
@media(max-width:600px){.messenger-dock{right:8px;bottom:8px;max-width:calc(100% - 16px)}}

/* Open in the FAQ; floating only after an explicit interaction. */
#desk-panel.is-floating{position:fixed;right:24px;bottom:24px;z-index:250;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:0}
.faq-list details>a{display:inline-block;margin:0 0 24px;font:16px/1.4 var(--body);text-decoration:underline;text-underline-offset:4px}
.faq-list details>p{margin-bottom:12px}
.desk-intro{max-width:34ch}
@media(max-width:600px){#desk-panel.is-floating{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(100dvh - 16px)}#desk-panel:not(.is-floating) .messenger-log{height:130px;flex-basis:130px}#desk-panel:not(.is-floating) .messenger-contact{padding-block:10px}}

/* workshop/editorial-mode.css */
/* The same content, edited for reading. No colour wash over the interactive page. */
body.focus-mode{--ink:#552239;--cream:#f4f8fa;--paper:#f4f8fa;--blue:#f4f8fa;--marker:#d6d96a;background:#f4f8fa;color:#552239}
body.focus-mode *,body.focus-mode *::before,body.focus-mode *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.focus-mode :is(.hero,.why-chapter,.workbench-chapter,.offer-chapter,.resources-chapter,#contribute,.faq-section,#join.footer-home){background:#f4f8fa!important;color:#552239!important;background-image:none!important}
body.focus-mode main>section+section{border-top:1px solid #55223940}
body.focus-mode :is(.living-sky-canvas,.character-sky,.hero-foreground-effects,.companion-stage,.sky-corner-signature,.sky-simulator,.hero-mode-row,.loose-end,.material-controls,.curiosity-material-scene,.curiosity-tube-material,.curiosity-cables,.brain-stage,.crt-anchor,.news-inspect,.news-stream,.contribution-slide,.footer-object,.verdict-symbol,.verdict-character-field,.letter-highlight){display:none!important}
body.focus-mode :is(h1,h2,h3,p,a,strong,label,summary,.format-takeaway){text-shadow:none}
body.focus-mode .editorial-key,body.focus-mode mark,body.focus-mode [data-focus-key]{background:#d6d96a!important;color:#552239!important;box-shadow:none!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em}
/* Hero retains its identity and message while losing its atmospheric stage. */
body.focus-mode #hero-study-section{box-shadow:none!important}
body.focus-mode #hero-study-section::before,body.focus-mode #hero-study-section::after{display:none!important}
body.focus-mode #hero-study-section :is(h1,.hero-explanation,.hero-actions,.ai-si-morph,.hero-roll){color:#552239!important}
body.focus-mode #hero-study-section .hero-roll{color:#552239!important}
body.focus-mode .hero-actions a{color:#552239!important}
body.focus-mode .hero-actions a:first-child{background:#d6d96a!important;box-shadow:none!important}
/* Keep the deck available, but make its frame a flat ruled object. Audio remains opt-in. */
body.focus-mode .record-study{filter:none}
body.focus-mode :is(.record-deck,.record-player){box-shadow:none!important}
body.focus-mode #ai-magic-upsell{background:#f4f8fa;color:#552239;padding-block:35px}
body.focus-mode #ai-magic-upsell .ai-magic-upsell-inner{grid-template-columns:1fr auto;background:none;border-block:1px solid #55223940;box-shadow:none;padding-block:30px}
body.focus-mode .upsell-disco-stage{display:none}
body.focus-mode #ai-magic-upsell :is(h3,p,.ai-magic-upsell-eyebrow){color:#552239}
body.focus-mode #ai-magic-upsell .ai-magic-upsell-primary{background:#d6d96a;color:#552239;box-shadow:none}
/* A readable bench: title bars remain, overlapping windows become a simple grid. */
body.focus-mode #desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto!important;padding:0 0 30px;background:none!important}
body.focus-mode #desktop .bench-window{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin:0;box-shadow:none;z-index:auto!important;min-width:0;background:#f4f8fa;color:#552239}
body.focus-mode #desktop :is(.bench-toolbar,.pipeline-window){grid-column:1/-1}
body.focus-mode #desktop :is(.window-title,.window-body,.human-body,.claim-body){background:#f4f8fa;color:#552239}
body.focus-mode :is(.bench-taskbar,.bench-caption){display:none}
/* Formats retain the Verdict's larger role, without the cables' reserved space. */
body.focus-mode #curiosity-system{padding:0;margin:0}
body.focus-mode #curiosity-system>h2.display{width:100%;min-height:0;margin:0 0 48px!important}
body.focus-mode #curiosity-system .format-layout{padding:0;gap:32px;margin:0 0 40px}
body.focus-mode #curiosity-system .format-layout article{background:#f4f8fa!important;color:#552239!important;border:0!important;border-radius:0;box-shadow:none!important;padding:0!important;transform:none!important}
body.focus-mode #curiosity-system .news-block{--ink:#552239}
body.focus-mode #curiosity-system .news-block .format-top img{filter:none}
body.focus-mode #curiosity-system .verdict-note{background:#f4f8fa!important;color:#552239!important;border:1px solid #552239!important;border-radius:0;box-shadow:none!important;min-height:290px;height:auto;margin:24px 0;padding:24px}
body.focus-mode #curiosity-system .verdict-note>*{opacity:1}
body.focus-mode #curiosity-system .verdict-note strong{font-size:clamp(42px,5vw,72px)}
body.focus-mode #curiosity-system .verdict-note [data-focus-key]{align-self:start;font:18px/1.5 var(--body)}
body.focus-mode #curiosity-system .verdict-preview-next{display:none}
/* The library becomes its existing index. Images and destinations stay intact. */
body.focus-mode #library .book{--book-bg:#f4f8fa;--book-ink:#552239;background:#f4f8fa!important;color:#552239!important;border-radius:0;box-shadow:none}
body.focus-mode #library .view-switch{display:none}
body.focus-mode #library .cover{background:none;color:inherit}
body.focus-mode #contribute .contribution-top{grid-template-columns:1fr}
body.focus-mode #contribute .contribution-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
body.focus-mode #contribute h2{grid-row:1 / 3}
body.focus-mode #contribute .contribution-copy>p{margin-top:0}
body.focus-mode #contribute .large-link{font-size:28px}
/* FAQ stays functional; the messenger remains recognisably a chat. */
body.focus-mode .faq-section :is(.faq-desk,.faq-list,details,summary,.desk-intro){color:#552239!important}
body.focus-mode #desk-panel{background:#f4f8fa;box-shadow:none}
body.focus-mode .messenger-titlebar{background:#d6d96a}
body.focus-mode .faq-list details{border-color:#55223966}
body.focus-mode .faq-aim{background:#552239}
/* Keep the approved footer structure and wordmark, with ink on paper. */
body.focus-mode #join :is(.footer-logotype,.footer-logotype span,.footer-links h3,#join-status,.footer-email-row input){color:#552239}
body.focus-mode #join .footer-email-row input::placeholder{color:#552239}
body.focus-mode #join :is(.footer-invitation,.footer-email-row,.footer-utility){border-color:#55223966}
body.focus-mode #join .footer-main{grid-template-columns:1fr}
body.focus-mode #join .footer-brand-and-links{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
body.focus-mode #join .footer-links{margin-top:0}
body.focus-mode :is(a,button,input,textarea,summary):focus-visible{outline:2px solid #552239!important;outline-offset:4px}
@media(max-width:760px){
 body.focus-mode #desktop,body.focus-mode #contribute .contribution-copy,body.focus-mode #join .footer-brand-and-links{grid-template-columns:1fr;gap:28px}
 body.focus-mode #contribute h2{grid-row:auto}
 body.focus-mode #curiosity-system .format-layout{display:flex;flex-direction:column;gap:40px}
 body.focus-mode #curiosity-system .format-layout article{width:100%!important;max-width:100%}
 body.focus-mode #ai-magic-upsell .ai-magic-upsell-inner{grid-template-columns:1fr;gap:24px}
 body.focus-mode #join .footer-links{margin-top:0}
}
/* Restore semantic card faces when their printed 3D replacement is hidden. */
body.focus-mode #curiosity-system :is(.news-block,.list-block)>*{opacity:1!important}
body.focus-mode #curiosity-system :is(.verdict-note,.news-block,.list-block) [data-focus-key]{background:#d6d96a!important;color:#552239!important;max-width:100%}
body.focus-mode .verdict-characters,body.focus-mode #desktop .clock-window{display:none!important}
body.focus-mode #hero-study-section .hero-line-accent{color:#552239!important}
body.focus-mode #hero-study-section .hero-explanation,body.focus-mode #hero-study-section .hero-explanation *{text-shadow:none!important}
body.focus-mode #hero-study-section .hero-shot-roll{background:#d6d96a;color:#552239!important}
body.focus-mode #desktop .claim-square{background:#f4f8fa;box-shadow:none;border:1px solid #552239}
body.focus-mode #desktop .claim-square.is-open{background:#d6d96a}
body.focus-mode #desktop .human-sticker{transform:none;background:#f4f8fa}
body.focus-mode #curiosity-system .news-fragments>*{border-color:#55223966!important}
/* Accent glyphs have their own inherited colour in the kinetic type layers. */
body.focus-mode #hero-study-section .hero-shot-roll *,body.focus-mode #hero-study-section .hero-action-secondary,body.focus-mode #hero-study-section .hero-action-secondary *,body.focus-mode #questions .faq-title,body.focus-mode #questions .faq-title *,body.focus-mode #ai-magic-upsell .ai-magic-upsell-secondary{color:#552239!important;text-shadow:none!important}
body.focus-mode #hero-study-section .hero-shot-roll{background:none}
body.focus-mode #hero-study-section .hero-explanation>span{background:#d6d96a;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .1em}
/* Functional labels must remain readable in either view, including on phones. */
#ai-magic-switch,#sky-corner-tune-btn,#sky-corner-magic-btn,.hero-inline-meta,.hero-inline-meta a,.sky-simulator label,.sky-simulator select,.sky-simulator .sky-simulator-footnote,.ai-magic-upsell-eyebrow,.disco-stage-tag,#why .deck-readout,#why .record-sound span,.news-inspect .inspect-label{font-size:12px!important}

/* Page-level choice belongs above the story, independent of sky settings. */
body{--cursor:pointer}
body :is(a,button,summary,[role="button"]){cursor:pointer}
body :is(input[type="email"],input[type="text"],textarea){cursor:text}
body :is(button:disabled,[aria-disabled="true"]){cursor:not-allowed}
body .bench-window [data-drag]{cursor:grab}
body.focus-mode .bench-window [data-drag]{cursor:default}
#hero-mode-row{display:none}
.reading-choice{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin:0 auto 32px;color:inherit;max-width:560px}
.reading-choice-label{font:12px/1.3 var(--mono);margin-right:16px}
.reading-choice button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:0;padding:9px 16px;font:14px/1.3 var(--body);min-height:44px}
.reading-choice button+button{margin-left:-1px}
.reading-choice button[aria-pressed="true"]{background:#d6d96a;color:#552239;border-color:#d6d96a;position:relative}
.reading-choice-help{flex-basis:100%;margin-top:12px;font:13px/1.45 var(--body);text-align:center}
.editorial-heading,.editorial-only{display:none}
body.focus-mode .interactive-heading,body.focus-mode .interactive-only{display:none!important}
body.focus-mode .editorial-heading,body.focus-mode .editorial-only{display:block}
body.focus-mode .editorial-heading{font:inherit;letter-spacing:inherit;color:inherit}
.footer-utility nav button{border:0;padding:0;min-height:44px;font:inherit;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px}
/* Inspection precedes the process explanation. This is a captioned static diagram. */
body.focus-mode #desktop .bench-toolbar{order:-1!important}
body.focus-mode #desktop .claim-window{order:0!important}
body.focus-mode #desktop .human-window{order:1!important}
body.focus-mode #desktop .reel-window{order:2!important}
body.focus-mode #desktop .verdict-window{order:3!important}
body.focus-mode #desktop .carousel-window{order:4!important;grid-column:1/-1}
body.focus-mode #desktop .pipeline-window{position:relative!important;inset:auto!important;transform:none!important;order:5!important;grid-column:1/-1;width:100%!important;height:auto;margin:12px 0 0;background:#f4f8fa;color:#552239;box-shadow:none;border:0;padding:16px}
body.focus-mode #step-pipeline{display:none}
/* Lead with the pieces; optional process detail follows the published work. */
.bench-exploration[hidden]{display:none!important}
body.focus-mode #desktop .bench-exploration{grid-column:1/-1;order:6;border-block:1px solid #55223966;padding:18px 0}
body.focus-mode .bench-exploration>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font:24px/1.3 var(--body);list-style:none}
body.focus-mode .bench-exploration>summary::-webkit-details-marker{display:none}
body.focus-mode .bench-exploration[open]>summary>span{transform:rotate(45deg)}
body.focus-mode .bench-exploration-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:28px}
body.focus-mode #desktop .bench-exploration-content .bench-method{grid-column:1/-1;width:100%;margin:0;order:6}
body.focus-mode .faq-desk{position:static;align-self:start}
body.focus-mode .desk-open{color:#552239}
#hero-study-section .hero-join-note{font:14px/1.4 var(--body);letter-spacing:0;margin:0;flex-basis:100%;text-align:center;color:inherit;max-width:none}
@media(max-width:760px){body.focus-mode .bench-exploration-content{grid-template-columns:1fr}#hero-study-section .hero-join-note{font-size:13px}}
body.focus-mode .pipeline-stages span.current{background:none;color:inherit;box-shadow:none}
body.focus-mode .pipeline-caption{gap:20px;align-items:start}
body.focus-mode .pipeline-caption .editorial-only{max-width:60ch;font:14px/1.5 var(--body)}
/* Detached print cuts: a small gap keeps these distinct from corner brackets. */
body.focus-mode #curiosity-system .verdict-note{border:0!important}
body.focus-mode :is(.verdict-note,.pipeline-window,.news-block,.list-block){position:relative}
body.focus-mode :is(.verdict-note,.pipeline-window,.news-block,.list-block)::before,
body.focus-mode :is(.verdict-note,.pipeline-window,.news-block,.list-block)::after{content:"";position:absolute;inset:-12px;pointer-events:none;border:0;transform:none;mask:none;-webkit-mask:none;color:#552239}
body.focus-mode :is(.verdict-note,.pipeline-window,.news-block,.list-block)::before{background:linear-gradient(currentColor,currentColor) left 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 12px/8px 1px no-repeat}
body.focus-mode :is(.verdict-note,.pipeline-window,.news-block,.list-block)::after{background:linear-gradient(currentColor,currentColor) left 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) left 12px bottom 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px bottom 0/1px 8px no-repeat}
@media(max-width:760px){
 .reading-choice{margin-bottom:30px}.reading-choice-label{flex-basis:100%;margin:0 0 10px;text-align:center}
 body.focus-mode .pipeline-caption{flex-direction:column;gap:8px}
 body.focus-mode #curiosity-system>h2.display{font-size:clamp(40px,10vw,60px)}
}

body.focus-mode #desktop{border:0;box-shadow:none}
body.focus-mode #desktop .bench-window{border-color:#55223966}

/* Print cuts locate the whole composition; short corners give each card an edge. */
body.focus-mode #curiosity-system .format-layout{position:relative}
body.focus-mode #curiosity-system .format-layout :is(.news-block,.list-block){padding:22px!important}
body.focus-mode #curiosity-system :is(.news-block,.list-block,.verdict-note)::before{inset:0;background:
 linear-gradient(currentColor,currentColor) left top/18px 1px no-repeat,
 linear-gradient(currentColor,currentColor) left top/1px 18px no-repeat,
 linear-gradient(currentColor,currentColor) right top/18px 1px no-repeat,
 linear-gradient(currentColor,currentColor) right top/1px 18px no-repeat,
 linear-gradient(currentColor,currentColor) left bottom/18px 1px no-repeat,
 linear-gradient(currentColor,currentColor) left bottom/1px 18px no-repeat,
 linear-gradient(currentColor,currentColor) right bottom/18px 1px no-repeat,
 linear-gradient(currentColor,currentColor) right bottom/1px 18px no-repeat}
body.focus-mode #curiosity-system :is(.news-block,.list-block,.verdict-note)::after{display:none}
body.focus-mode #curiosity-system .format-layout::before,body.focus-mode #curiosity-system .format-layout::after{content:"";position:absolute;inset:-12px;pointer-events:none;color:#552239}
body.focus-mode #curiosity-system .format-layout::before{background:linear-gradient(currentColor,currentColor) left 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 top 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) left 0 bottom 12px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) right 0 bottom 12px/8px 1px no-repeat}
body.focus-mode #curiosity-system .format-layout::after{background:linear-gradient(currentColor,currentColor) left 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px top 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) left 12px bottom 0/1px 8px no-repeat,linear-gradient(currentColor,currentColor) right 12px bottom 0/1px 8px no-repeat}

/* Editorial emphasis is a reading path. Example states and playful accents stay secondary. */
body.focus-mode #why .interactive-accent,
body.focus-mode #curiosity-system .format-layout .interactive-accent[data-focus-key],
body.focus-mode #desktop mark.example-accent{background:transparent!important;color:inherit!important;box-shadow:none!important;padding:0!important}
body.focus-mode #desktop mark.example-accent{text-decoration:underline;text-underline-offset:4px}
.faq-orientation{max-width:66ch;margin:0 0 36px;font:20px/1.5 var(--body)}

/* workshop/study-navigation.css */
/* Same browse control throughout the connected study, including wide screens. */
body:not([data-production-view]) .navigation{position:relative;z-index:30}
body .navigation #menu{display:block;min-height:36px;border:1px solid var(--wasc-news);background:var(--wasc-frost);color:var(--wasc-news);padding:6px;font:400 18px/1.1 var(--body)}
body .navigation #menu[aria-expanded=true]{background:var(--wasc-verdict)}
body .navigation #mobile-menu{position:absolute;left:auto;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:1fr 1fr;gap:0;min-width:0;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;background:var(--wasc-frost);color:var(--wasc-news);border:1px solid var(--wasc-news);padding:10px}
body .navigation #mobile-menu[hidden]{display:none!important}
body .navigation #mobile-menu a{white-space:normal;border:0;border-bottom:1px solid #55223933;padding:14px 12px;min-height:48px;background:transparent;color:inherit;font:400 16px/1.3 var(--body);text-decoration:none}
body .navigation #mobile-menu a:hover{background:var(--wasc-list)}
body .navigation #mobile-menu a:focus-visible{outline:2px solid var(--wasc-news);outline-offset:-3px}
#desktop .bench-piece-link{display:flex;justify-content:space-between;gap:12px;width:100%;margin-bottom:20px;padding-bottom:7px;border-bottom:1px solid currentColor;text-decoration:none;font:500 20px/1.2 var(--display)}
#desktop .bench-piece-link:hover{color:var(--wasc-news);background:var(--wasc-verdict)}
body.contribute-page{padding:0}.contribute-page .contribution-preview{margin:24px auto 0;width:min(1240px,calc(100% - 60px));padding:0}.contribute-page.focus-mode .contribution-intro{background:var(--wasc-frost)}.contribute-page.focus-mode .contribution-motion{display:none}.contribute-page.focus-mode .contribution-roll .roll-word{visibility:hidden!important}.contribute-page.focus-mode .contribution-roll .roll-word:first-child{visibility:visible!important;transform:none!important}.contribute-page.focus-mode .contribution-roll .letter-layer{display:none}.contribute-page.focus-mode .contribution-roll .roll-source{visibility:visible!important}
@media(max-width:760px){body .navigation #mobile-menu{grid-template-columns:1fr 1fr}body .navigation #mobile-menu a{font-size:14px;padding:12px 8px}#desktop .bench-piece-link{font-size:17px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.contribute-page .contribution-motion{display:none}}
body:not([data-production-view]) .navigation{top:0}
.contribute-page #join a{color:inherit;cursor:pointer}
.contribute-page #join .footer-logotype{color:var(--wasc-frost)}
.contribute-page.focus-mode #join .footer-logotype{color:var(--wasc-news)}
.contribute-page a{cursor:pointer}
@media(max-width:600px){body:not([data-production-view]) .navigation .shot-link{display:none}body .navigation #menu{font-size:16px}}

/* Home retains floating chips; only Browse participates in the shared menu. */
@media(max-width:600px){body[data-production-view] .navigation .shot-link{display:none}}

/* Browse uses the same format colours as the brain and Shelf service. */
body .navigation #menu[aria-expanded=true]{background:var(--wasc-frost);text-decoration:underline;text-underline-offset:4px}
body .navigation #mobile-menu a[data-browse-category]{--browse-bg:var(--wasc-frost);--browse-ink:var(--wasc-news);background:var(--browse-bg);color:var(--browse-ink);border-bottom:1px solid #55223933;position:relative}
body .navigation #mobile-menu a[data-browse-category=news]{--browse-bg:var(--wasc-news);--browse-ink:var(--wasc-frost)}
body .navigation #mobile-menu a[data-browse-category=verdict]{--browse-bg:var(--wasc-verdict)}
body .navigation #mobile-menu a[data-browse-category=resource]{--browse-bg:var(--wasc-list)}
body .navigation #mobile-menu a[data-browse-category]:is(:hover,[aria-current=page]){text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
body .navigation #mobile-menu a[data-browse-category]:focus-visible{outline:2px solid var(--browse-ink);outline-offset:-4px}
body.focus-mode .navigation #mobile-menu a[data-browse-category]{background:var(--wasc-frost);color:var(--wasc-news);border-left:4px solid var(--browse-bg)}
body.focus-mode .navigation #mobile-menu a[data-browse-category]:focus-visible{outline-color:var(--wasc-news)}

/* Collections and Club destinations form two readable menu groups. */
body .navigation #mobile-menu{column-gap:12px;padding:14px;width:min(560px,calc(100vw - 24px));align-items:start}
.browse-group{display:flex;flex-direction:column;min-width:0}
body .navigation #mobile-menu .browse-group h2{font:12px/1.4 Departure,monospace;letter-spacing:0;text-transform:none;margin:0;padding:4px 12px 14px;color:var(--wasc-news)}
body .navigation #mobile-menu a[aria-current=location]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:380px){body .navigation #mobile-menu{column-gap:6px;padding:8px}body .navigation #mobile-menu .browse-group h2{padding-left:8px}}