/* Motion extends the field-guide typography; no content depends on animation. */
.hero{padding-top:38px;padding-bottom:45px}
.hero-system{--lean-x:0px;--lean-y:0px}
.hero-system svg{max-height:390px}
.diagram-top{padding-bottom:6px}
.motion-control{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;font:10px/1.4 var(--mono);min-height:44px;padding:8px 0}
.motion-control:hover:not(:disabled){color:var(--orange)}
.motion-control:disabled{opacity:.65}
.hero-loop-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:8px}
#connections-toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--paper);border-radius:30px;min-height:44px;padding:9px 14px;font-size:12px}
#connections-toggle:hover{border-color:var(--blue)}
.toggle-dot:after{transition:right .3s}
.loop-scene{transform:translate(var(--lean-x),var(--lean-y));transition:transform .5s ease-out}
.hero-system .base-path{stroke-dasharray:1;stroke-dashoffset:0;animation:draw-connection 1.4s ease-out both}
.hero-system .connection{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .9s ease,opacity .6s;animation:draw-connection 1.3s .35s ease-out backwards}
.hero-system.disconnected .connection{stroke-dashoffset:1;opacity:0}
.pulse-track{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-dasharray:.025 .975;animation:travel-loop 9s linear infinite;transition:opacity .3s;filter:drop-shadow(0 0 5px #c34d3040)}
.node-ripple{fill:none;stroke:var(--orange);stroke-width:1.2;transform-origin:260px 285px;animation:node-ripple 3.8s ease-out infinite}
.hero-system.disconnected .pulse-track,.hero-system.disconnected .node-ripple{opacity:0;animation-play-state:paused}
.feedback-words,.chain-words{transition:opacity .4s}
.chain-words{opacity:0}
.hero-system.disconnected .feedback-words{opacity:0}
.hero-system.disconnected .chain-words{opacity:1}
.hero-system.disconnected .diagram-center{opacity:1}
.diagram-bottom{gap:20px;align-items:flex-start;margin-top:2px}
.diagram-bottom p{font-size:11px;color:var(--muted);max-width:340px;margin:0;min-height:36px}
.diagram-bottom .micro{white-space:nowrap;font-size:8px;padding-top:2px}
.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:6px;vertical-align:middle}
.button span,.text-link span,.card-top>span:last-child{transition:transform .3s}
.button:hover span,.text-link:hover span{transform:translateX(4px)}
.reveal-ready{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1);transition-delay:calc(var(--reveal-order,0)*65ms)}
.reveal-ready:not(.is-revealed){opacity:0;transform:translateY(18px)}
.daily-strip{display:grid;grid-template-columns:1.15fr 1fr auto;gap:12px 40px;align-items:center;margin:0 5%;padding:25px 0;border-bottom:1px solid var(--line)}
.daily-strip .eyebrow{font-size:9px;margin-bottom:7px}
.daily-strip time{margin-left:9px;color:var(--orange);white-space:nowrap}
.daily-strip [data-daily-link]{display:flex;gap:18px;align-items:center;font:25px/1.2 var(--serif)}
.daily-strip [data-daily-link]>span:last-child{font:20px var(--sans);color:var(--orange)}
.daily-strip [data-daily-link]:hover{color:var(--orange)}
.daily-strip [data-daily-prompt]{font-size:14px;line-height:1.6;margin:0;color:var(--muted);max-width:370px}
.daily-strip .field-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;border-left:1px solid var(--line);padding-left:28px}
.field-progress [data-progress-count]{font:28px var(--serif);color:var(--orange)}
.field-progress span:last-child{font:9px var(--mono);color:var(--muted)}
.daily-detail{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0}
.mini-section{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5%;padding:74px 5% 35px}
.mini-intro .eyebrow{max-width:290px;font-size:10px}
.mini-intro h2{font-size:clamp(37px,4.2vw,59px);margin-bottom:25px}
.mini-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:350px;line-height:1.8}
.mini-intro .text-link{font-size:12px;margin-top:9px}
.mini-reservoir{background:#e8ece5;border:1px solid #c4cfc5;padding:22px 26px 18px;min-width:0}
.mini-live-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #c4cfc5;padding-bottom:12px}
.mini-live-head .eyebrow{margin:0;font-size:9px}
.mini-live-head .micro{font-size:8px}
.mini-display{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px;align-items:center;padding:19px 0 14px}
.mini-tank{text-align:center}
.mini-tank svg{display:block;width:100%;max-height:160px}
.mini-tank .tank-background{fill:#d5ddd5}
.tank-edge{fill:none;stroke:var(--blue);stroke-width:1.5}
.mini-water{fill:#84a8b3;transition:y .4s ease-out,height .4s ease-out}
.mini-tank text{font:9px var(--mono);fill:var(--muted)}
.mini-tank>b{display:block;font:30px/1.2 var(--serif);margin-top:5px;color:var(--blue)}
.mini-tank small{display:block;font:10px/1.4 var(--sans);color:var(--muted);margin-top:3px}
.mini-graph svg{width:100%;display:block;overflow:visible}
.mini-graph text{font:11px var(--mono);fill:#536772}
.mini-grid{stroke:#c4cfc5;stroke-width:1;fill:none}
.mini-line{fill:none;stroke:var(--blue);stroke-width:2.8;stroke-linejoin:round}
.mini-ghost{fill:none;stroke:#7f959c;stroke-width:1.3;stroke-dasharray:4 5;opacity:.6}
.mini-area{fill:#84a8b329;stroke:none}
.mini-point{fill:var(--orange);stroke:#e8ece5;stroke-width:2;filter:drop-shadow(0 0 5px #c34d3055)}
.mini-control{border-top:1px solid #c4cfc5;padding-top:17px}
.mini-control label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;font-size:12px;font-weight:600}
.mini-control output{color:var(--orange);font:12px var(--mono);align-self:center}
.mini-control input{display:block;accent-color:var(--orange);width:100%;height:38px;margin:4px 0 0;cursor:ew-resize}
.range-ends{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);margin-top:-3px}
#mini-rain-hint{font-size:11px;color:var(--muted);margin:10px 0 16px}
.mini-playback{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mini-playback button{font-size:11px;min-height:40px;background:transparent;border:1px solid #a9bcb6;padding:7px 12px}
.mini-playback button:hover{border-color:var(--blue);background:#dbe4dc}
.mini-playback [data-mini-week]{font:10px var(--mono);color:var(--muted)}
.mini-playback [data-mini-reset]{margin-left:auto;border-color:transparent;padding-right:0}
.mini-summary{font-size:11px;line-height:1.6;color:var(--blue);min-height:36px;margin:13px 0}
.mini-assumptions{border-top:1px solid #c4cfc5;padding-top:11px;font-size:10px;color:var(--muted)}
.mini-assumptions summary{cursor:pointer;min-height:28px}
.mini-assumptions p{margin:10px 0 0;line-height:1.8}
.pattern-grid{border:0;gap:18px;isolation:isolate}
.pattern-card{--thread:#547283;position:relative;border:1px solid var(--line);border-top:3px solid var(--thread);background:var(--paper);transition:transform .3s,box-shadow .3s,background .3s;min-height:350px}
.pattern-card[data-category="Short-term relief"]{--thread:#c34d30}
.pattern-card[data-category="Growth & constraints"]{--thread:#59735f}
.pattern-card[data-category="Standards & incentives"]{--thread:#98723a}
.pattern-card[data-category="Competition & cooperation"]{--thread:#456e81}
.pattern-card .card-top .eyebrow{color:var(--thread)}
.pattern-card .spark{width:180px;height:100px;margin:18px 0 24px}
.spark svg{display:block;width:100%;height:100%;overflow:visible}
.spark-axis{fill:none;stroke:currentColor;stroke-width:1;opacity:.15}
.spark-line,.spark-accent{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.spark-line{stroke:var(--blue)}
.spark-accent{stroke:var(--orange)}
.is-revealed .spark-line{animation:draw-connection 1s .1s ease-out backwards}
.is-revealed .spark-accent{animation:draw-connection 1.1s .45s ease-out backwards}
.pattern-card .card-example{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.6;color:var(--muted);margin-top:auto;padding:14px 0 16px;border-top:1px solid var(--line);opacity:1;transform:translateY(4px);transition:opacity .3s,transform .3s}
.card-example>b{font:9px var(--mono);color:var(--thread);text-transform:uppercase;letter-spacing:.07em}
.pattern-card .micro{font-size:8px;margin-top:10px}
.pattern-card:hover .card-example,.pattern-card:focus-visible .card-example{opacity:1;transform:translateY(0)}
.pattern-card:hover .card-top>span:last-child{transform:translate(2px,-2px)}
.home-patterns{grid-template-columns:1.1fr 1fr}
.home-patterns .pattern-featured{grid-row:span 2;background:#e9ece3;padding:33px 38px}
.home-patterns .pattern-featured .spark{width:min(100%,330px);height:185px;margin:32px 0}
.home-patterns .pattern-featured h3{font-size:47px;max-width:370px}
.home-patterns .pattern-featured p{font-size:17px;max-width:360px}
.home-patterns .pattern-featured .card-example{opacity:1;max-width:370px}
.home-patterns .pattern-card:not(.pattern-featured){min-height:290px;display:grid;grid-template-columns:1fr 125px;gap:4px 15px}
.home-patterns .pattern-card:not(.pattern-featured) .card-top{grid-column:1/-1}
.home-patterns .pattern-card:not(.pattern-featured) .spark{grid-column:2;grid-row:2/4;width:100%;height:85px;margin:0;align-self:center}
.home-patterns .pattern-card:not(.pattern-featured) h3{grid-column:1;grid-row:2}
.home-patterns .pattern-card:not(.pattern-featured) p{grid-column:1;grid-row:3;margin-bottom:12px}
.home-patterns .pattern-card:not(.pattern-featured) .card-example,.home-patterns .pattern-card:not(.pattern-featured) .micro{grid-column:1/-1}
.lab-card{background:#e5e9e2;border:1px solid #c7d0c7;color:var(--ink);transition:background .3s,transform .3s;min-height:420px}
.lab-card:hover{background:#dce4da}
.lab-card .eyebrow{color:var(--muted)}
.lab-card>p:not(.eyebrow){color:var(--muted)}
.lab-card>span:last-child{border-color:#b5c2b7}
.lab-preview{margin:0 0 14px;color:var(--blue)}
.lab-preview svg{height:105px;display:block;width:100%;overflow:visible}
.lab-preview>span{font:8px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.feature-art{overflow:hidden}
.traffic-wave{transform-origin:200px 145px;animation:traffic-wave 18s linear infinite}
.feature-art .illustration-traffic{transition:transform .8s ease}
.feature:hover .feature-art .illustration-traffic{transform:rotate(-2deg)}
.dark-moment{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);border:0;margin:0;padding:65px 8% 75px;gap:25px 9%;isolation:isolate}
.dark-moment:before{content:'';position:absolute;z-index:-1;width:390px;height:390px;border:1px solid #ffffff13;border-radius:50%;right:5%;top:15px;box-shadow:0 0 0 58px #ffffff05,0 0 0 116px #ffffff03}
.dark-moment>.eyebrow{color:#d89b7a;padding-left:16px;border-left:3px solid var(--orange)}
.dark-moment h2{font-size:clamp(44px,5.4vw,76px);line-height:1.06;color:var(--paper);max-width:650px}
.dark-moment>div{align-self:end}
.dark-moment p:not(.eyebrow){color:#c2cfd1;line-height:1.85;font-size:16px}
.dark-moment .text-link{color:#efb28e;margin-top:10px}
.discovery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6%;padding:80px 5% 0;align-items:start}
.spot-quiz{min-width:0;padding-top:22px;border-top:3px solid var(--orange)}
.spot-quiz h2{font-size:36px;line-height:1.14;margin:12px 0 22px;max-width:590px}
.quiz-scenario{color:#344b55;font-size:15px;line-height:1.85;margin-bottom:18px}
.case-label{font:10px/1.6 var(--mono);color:var(--muted);margin-bottom:18px}
.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quiz-choices button{display:flex;align-items:center;gap:12px;min-height:68px;padding:13px 14px;text-align:left;font-size:13px;line-height:1.4;background:transparent;border:1px solid #bac6c3;transition:background .2s,border-color .2s}
.quiz-choices button>span{font:10px var(--mono);color:var(--muted);flex-shrink:0}
.quiz-choices button:hover:not(:disabled){background:#e6e9e0;border-color:var(--blue)}
.quiz-choices button:disabled{opacity:1}
.quiz-choices .answer-chosen{border-color:var(--orange);background:#c34d300a}
.quiz-choices .answer-correct{background:var(--blue);border-color:var(--blue);color:white}
.quiz-choices .answer-correct>span{color:#d0dcde}
.quiz-feedback{background:var(--paper2);border-left:3px solid var(--orange);padding:23px 24px;margin-top:20px}
.quiz-feedback h3{font-size:28px;margin-bottom:14px;line-height:1.2}
.quiz-feedback p{font-size:14px;color:#344b55;line-height:1.8;margin-bottom:12px}
.quiz-feedback p.quiz-distinction{font-size:12px;color:var(--muted)}
.quiz-feedback .text-link{font-size:12px}
.quiz-pattern.spark{width:220px;max-width:100%;height:115px;margin:20px 0}
.quiz-actions{display:flex;justify-content:space-between;gap:18px;margin-top:22px}
.quiz-actions button{border:0;border-bottom:1px solid currentColor;background:transparent;border-radius:0;padding:8px 0;min-height:44px;font-size:11px}
.share-status{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}
.copy-fallback{display:block;width:100%;padding:8px;margin-top:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:12px}
.entry-finder{padding:30px;background:var(--paper2)}
.entry-finder>.eyebrow{font-size:9px}
.entry-finder h2{font-size:41px;margin:13px 0 20px}
.entry-finder>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.entry-choices{margin-top:24px}
.entry-choices button{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border:0;border-top:1px solid #c5cec3;background:transparent;font-size:13px;min-height:54px}
.entry-choices button:last-child{border-bottom:1px solid #c5cec3}
.entry-choices button>span{color:var(--orange)}
.entry-choices button[aria-pressed=true]{color:var(--orange);font-weight:600}
.entry-choices button:hover{color:var(--orange)}
.entry-result{padding-top:23px}
.entry-result>h3{font-size:26px;margin-bottom:14px}
.entry-result>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}
.entry-result .text-link{font-size:12px;margin-top:16px}
.quiz-page-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(220px,1fr);gap:9%;padding:0 5% 80px;align-items:start}
.quiz-margin{border-top:1px solid var(--line);padding-top:24px}
.quiz-margin h2{font-size:34px;margin:20px 0}
.quiz-margin>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}
.quiz-margin .text-link{font-size:12px;margin-top:15px}
.progress-note{display:flex;align-items:center;flex-wrap:wrap;gap:15px 30px;background:#e8ece3;padding:23px 26px;margin-bottom:35px}
.progress-note .eyebrow{font-size:9px;margin-bottom:5px}
.progress-note p{margin:0;font-size:15px}
.progress-note b{font:26px var(--serif);color:var(--orange);margin-right:8px}
.progress-note>div>span{font-size:10px;color:var(--muted)}
.progress-dots{display:flex;gap:7px;align-items:center;margin-left:auto}
.progress-dots i{display:block;width:11px;height:11px;border:1px solid #b7c3b5;border-radius:50%}
.progress-dots .complete{background:var(--orange);border-color:var(--orange)}
.progress-note button{background:transparent;border:0;border-bottom:1px solid var(--line);font-size:10px;font-weight:400;min-height:40px}
.progress-note .progress-message{flex-basis:100%;font-size:11px;color:var(--muted)}
.progress-note .progress-message:empty{display:none}
.explored-control{margin-top:30px;padding:22px 0;border-top:1px solid var(--line)}
.explored-control button{background:transparent;border:1px solid var(--blue);padding:12px 18px;font-size:13px;min-height:44px}
.explored-control button[aria-pressed=true]{color:var(--paper);background:var(--blue)}
.explored-control p{font-size:11px;color:var(--muted);margin:12px 0 0}
.follow-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--sage);padding:48px 5%;margin-top:0}
.follow-section h2{font-size:47px}
.follow-section>div>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:440px;color:var(--muted)}
.follow-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:22px}
.follow-actions button{border:0;border-radius:0;font-size:12px;padding:13px 18px;gap:28px}
.follow-actions .text-link{font-size:12px}
.follow-section .feed-status{font-size:10px;margin:15px 0 0;overflow-wrap:anywhere}
.footer-bottom{align-items:center}
.footer-bottom .motion-control{font-size:9px}
@keyframes draw-connection{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes travel-loop{from{stroke-dashoffset:0}to{stroke-dashoffset:-1}}
@keyframes node-ripple{0%{transform:scale(1);opacity:.45}75%,100%{transform:scale(1.65);opacity:0}}
@keyframes traffic-wave{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
[data-ambient]:not(.in-view) .pulse-track,[data-ambient]:not(.in-view) .node-ripple,[data-ambient]:not(.in-view) .traffic-wave,.page-hidden *{animation-play-state:paused!important}
html[data-motion=paused]{scroll-behavior:auto}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}
html[data-motion=paused] .reveal-ready{opacity:1;transform:none}
html[data-motion=paused] .pulse-track,html[data-motion=paused] .node-ripple{display:none}
@media(hover:hover) and (pointer:fine){
  html:not([data-motion=paused]) .pattern-card:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:0 14px 30px #1a35410b;z-index:2}
  html:not([data-motion=paused]) .lab-card:hover{transform:translateY(-4px)}
}
@media(min-width:781px){
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;background:#e9ece3}
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured .card-top,.pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured .micro{grid-column:1/-1}
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured .spark{grid-column:2;grid-row:2/5;width:100%;height:160px;align-self:center;margin:0}
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured h3{grid-column:1;grid-row:2;font-size:37px}
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured p{grid-column:1;grid-row:3;margin-bottom:12px}
  .pattern-grid:not(.home-patterns):not([data-filtered=true]) .pattern-featured .card-example{grid-column:1;grid-row:4}
}
@media(max-width:1100px){
  .daily-strip{gap:12px 23px}.daily-strip [data-daily-link]{font-size:23px}
  .mini-section{grid-template-columns:.65fr 1.35fr;gap:4%}.mini-intro h2{font-size:45px}.mini-reservoir{padding:20px}.mini-display{grid-template-columns:95px minmax(0,1fr);gap:5px}.mini-live-head .micro{display:none}
  .home-patterns .pattern-featured{padding:28px}.home-patterns .pattern-featured h3{font-size:40px}.home-patterns .pattern-card:not(.pattern-featured){grid-template-columns:1fr 90px}
  .discovery-grid{gap:4%}.entry-finder{padding:25px}.entry-finder h2{font-size:37px}.spot-quiz h2{font-size:33px}.quiz-choices button{padding:12px;font-size:12px}
}
@media(max-width:900px){
  .mini-section{grid-template-columns:1fr;gap:30px;padding-top:50px}.mini-intro h2{font-size:46px}.mini-intro>p:not(.eyebrow){max-width:520px}.mini-intro .text-link{margin-top:0}.mini-display{grid-template-columns:150px minmax(0,1fr)}.mini-reservoir{padding:25px}.mini-live-head .micro{display:inline}
  .daily-strip{grid-template-columns:1.2fr 1fr}.daily-strip .field-progress{grid-column:2;grid-row:1/3}.daily-strip [data-daily-prompt]{grid-column:1;grid-row:2}.daily-detail{font-size:9px}
  .discovery-grid{grid-template-columns:1fr;gap:50px}.entry-finder{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.entry-finder>.eyebrow,.entry-finder>h2,.entry-finder>p{grid-column:1}.entry-choices{grid-column:2;grid-row:1/4;margin-top:0}.entry-result{grid-column:1/-1}
}
@media(max-width:780px){
  .hero{padding-top:35px;padding-bottom:35px;gap:30px}.hero-system svg{max-height:340px}.hero-loop-controls{padding-top:6px}.diagram-bottom p{font-size:11px;text-align:left;min-height:36px}
  .daily-strip{gap:11px 20px;padding:23px 0}.daily-strip .eyebrow{font-size:8px}.daily-strip [data-daily-link]{font-size:24px}.daily-strip [data-daily-prompt]{font-size:12px}.daily-strip .field-progress{padding-left:16px}.field-progress [data-progress-count]{font-size:27px}.field-progress span:last-child{font-size:8px}
  .pattern-grid{gap:13px}.home-patterns{grid-template-columns:1fr}.home-patterns .pattern-featured{grid-row:auto;display:flex;gap:0;padding:26px}.home-patterns .pattern-featured .spark{width:230px;height:125px;margin:18px 0 22px}.home-patterns .pattern-featured h3{font-size:38px}.home-patterns .pattern-featured p{font-size:15px}.home-patterns .pattern-card:not(.pattern-featured){min-height:270px;grid-template-columns:1fr 110px;padding:24px}.pattern-card .card-example{opacity:1;transform:none}.pattern-card{min-height:0}.pattern-card .spark{max-width:100%}
  .lab-card{min-height:0;display:grid;grid-template-columns:1fr 150px;gap:0 20px}.lab-card .eyebrow{grid-column:1/-1}.lab-card .lab-preview{grid-column:2;grid-row:2/4;align-self:center;min-width:0}.lab-card h3{grid-column:1;grid-row:2;font-size:29px}.lab-card>p:not(.eyebrow){grid-column:1;grid-row:3;font-size:13px}.lab-card>span:last-child{grid-column:1/-1;margin-top:0}.lab-preview svg{height:90px}.lab-preview>span{font-size:7px}
  .dark-moment{padding:45px 6% 50px;grid-template-columns:1fr;gap:24px}.dark-moment h2{font-size:51px}.dark-moment>div{max-width:520px}.dark-moment p:not(.eyebrow){font-size:15px}
  .discovery-grid{padding-top:55px;gap:40px}.spot-quiz h2{font-size:34px}.quiz-choices button{font-size:13px}.quiz-page-layout{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.quiz-margin{max-width:550px}.progress-note{padding:22px;gap:12px 20px}.progress-dots{margin-left:0}.progress-note>div:first-child{flex-basis:100%}.progress-note>button{margin-left:auto}
  .follow-section{grid-template-columns:1fr;gap:24px;padding:40px 5%}.follow-section h2{font-size:42px}.follow-section>div>p:not(.eyebrow){max-width:100%;font-size:14px}.follow-actions{margin-top:15px}.footer-bottom{align-items:flex-start}
}
@media(max-width:520px){
  .hero .hero-copy h1{font-size:clamp(46px,11.8vw,60px)}.hero-actions .text-link{font-size:12px}.hero-loop-controls .micro{font-size:9px}.motion-control{font-size:9px}#connections-toggle{font-size:11px;padding:9px 11px}.hero-system .diagram-top .eyebrow{font-size:9px}
  .daily-strip{grid-template-columns:1fr auto}.daily-strip [data-daily-link]{font-size:23px}.daily-strip [data-daily-prompt]{grid-column:1/-1;grid-row:2}.daily-strip .field-progress{grid-row:1;font-size:8px}.daily-detail{line-height:1.7}.daily-strip time{display:block;margin:5px 0 0}
  .mini-intro h2{font-size:43px}.mini-reservoir{padding:18px 16px}.mini-display{grid-template-columns:1fr;gap:0;padding:13px 0 8px}.mini-tank{display:flex;align-items:center;justify-content:center;gap:23px}.mini-tank svg{width:110px;max-height:115px}.mini-tank>b{font-size:38px;min-width:95px;text-align:left}.mini-tank small{font-size:11px}.mini-graph svg{max-height:180px}.mini-control label{font-size:11px}.mini-control output{font-size:11px}.mini-summary{font-size:10px}.mini-live-head .micro{font-size:7px}.mini-live-head .eyebrow{font-size:8px}.mini-playback{gap:10px}.mini-playback button{padding:7px 10px}
  .pattern-grid:not(.home-patterns){grid-template-columns:1fr}.home-patterns .pattern-card:not(.pattern-featured){grid-template-columns:1fr 80px;gap:3px 14px}.home-patterns .pattern-card:not(.pattern-featured) h3{font-size:28px}.home-patterns .pattern-card:not(.pattern-featured) p{font-size:13px}.home-patterns .pattern-featured .spark{width:220px}.pattern-card .card-example{font-size:12px}.home-patterns .pattern-featured h3{font-size:37px}
  .lab-card{grid-template-columns:1fr;padding:24px}.lab-card .lab-preview{grid-column:1;grid-row:2;width:100%;max-width:260px}.lab-card h3{grid-row:3}.lab-card>p:not(.eyebrow){grid-row:4}.lab-card>span:last-child{grid-row:5}.lab-preview svg{height:90px}.lab-preview>span{font-size:8px}
  .dark-moment h2{font-size:44px}.dark-moment:before{width:300px;height:300px;right:-100px;top:90px}.spot-quiz h2{font-size:31px}.quiz-scenario{font-size:14px}.quiz-choices{grid-template-columns:1fr}.quiz-choices button{min-height:55px}.quiz-feedback{padding:20px}.quiz-feedback h3{font-size:27px}.quiz-actions{gap:12px}.quiz-actions button{font-size:10px}.entry-finder{display:block;padding:25px}.entry-choices{margin-top:22px}.entry-finder h2{font-size:38px}.progress-dots{gap:6px}.progress-dots i{width:10px;height:10px}.progress-note{padding:21px}.follow-actions{gap:17px}.follow-actions .text-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-ready{opacity:1!important;transform:none!important}.pulse-track,.node-ripple{display:none}.loop-scene,.pattern-card:hover,.lab-card:hover,.feature:hover .feature-art .illustration-traffic{transform:none!important}.spark-line,.spark-accent{stroke-dashoffset:0}
}
@media print{
  .mini-control,.mini-playback,.motion-control,.quiz-actions,.follow-actions,.entry-choices,.progress-note,.explored-control{display:none!important}.reveal-ready{opacity:1!important;transform:none!important}.dark-moment{background:white;color:black;padding:30px 0}.dark-moment h2,.dark-moment p:not(.eyebrow){color:black}.dark-moment:before{display:none}.mini-section,.discovery-grid,.quiz-page-layout,.follow-section{display:block;padding:25px 0}.card-example{opacity:1!important}.pulse-track,.node-ripple{display:none}
}