:root{--ink:#11243b;--ink2:#1c3552;--paper:#f5f0e5;--paper2:#e8ddc9;--red:#b53e31;--red2:#8f2f27;--line:rgba(17,36,59,.16);--muted:#5e6871;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-999px;top:0;background:var(--paper);color:var(--ink);z-index:99;padding:12px}.skip:focus{left:12px}.site-shell{max-width:1220px;margin:auto;padding:0 24px}.topline{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--paper2);background:var(--ink)}.topline .site-shell{display:flex;justify-content:space-between;gap:20px;padding-top:9px;padding-bottom:9px}.main-nav{display:flex;align-items:center;justify-content:space-between;padding-top:17px;padding-bottom:17px;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;letter-spacing:-.03em;font-size:1.3rem}.brand-mark{width:31px;height:31px;margin-left:3px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50% 50% 50% 4px;transform:rotate(-13deg);font-family:var(--serif)}.nav-links{display:flex;align-items:center;gap:21px;font-size:.83rem;font-weight:700}.nav-links a{min-height:44px;display:grid;align-items:center}.nav-contact{color:var(--red)!important}.menu-button{display:none;border:0;background:transparent;color:var(--ink);font-size:1.5rem;min-width:44px;min-height:44px}.eyebrow{font-size:.73rem;font-weight:800;color:var(--red);letter-spacing:.16em;text-transform:uppercase;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:26px;height:1px;background:currentColor}.hero{padding-top:66px;padding-bottom:40px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.hero h1,.section-title{font-family:var(--serif);letter-spacing:-.045em;line-height:.98;margin:12px 0 20px}.hero h1{font-size:clamp(3rem,6vw,5.9rem);max-width:700px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy{max-width:550px;color:#4b5a67;font-size:1.07rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:10px 18px;font-size:.88rem;font-weight:800;border:1px solid var(--ink);transition:.2s}.button:hover{transform:translateY(-2px);color:white;background:var(--ink)}.button.red{background:var(--red);color:#fff;border-color:var(--red)}.button.red:hover{background:var(--red2);border-color:var(--red2)}.hero-note{display:flex;gap:12px;font-size:.83rem;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;max-width:540px}.hero-visual{position:relative;padding:20px 0 30px 31px}.hero-photo{height:455px;width:100%;object-fit:cover;clip-path:polygon(10% 0,100% 0,100% 87%,91% 100%,0 100%,0 9%);box-shadow:12px 13px 0 var(--ink)}.rulebook{position:absolute;left:6px;bottom:0;width:218px;background:#f2e4ca;border:1px solid #bda98a;padding:18px 17px 16px;transform:rotate(-4deg);box-shadow:8px 9px 0 rgba(17,36,59,.19);font-family:var(--serif)}.rulebook:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #c9b58f}.rulebook small{font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;color:var(--red);display:block}.rulebook strong{display:block;font-size:1.3rem;line-height:1.05;margin:8px 0}.rulebook p{font-size:.76rem;line-height:1.35;margin:0;max-width:125px}.issue-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper2)}.issue-list{display:grid;grid-template-columns:1.15fr repeat(3,1fr)}.issue-item{padding:20px 19px;border-right:1px solid var(--line);min-height:105px}.issue-item:first-child{padding-left:0}.issue-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:800}.issue-item strong{display:block;font-family:var(--serif);font-size:1.05rem;line-height:1.15;margin-top:5px}.section{padding:88px 0}.section.tint{background:var(--ink);color:#f5f0e5}.section.soft{background:#ebe2d0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.section-title{font-size:clamp(2.3rem,4vw,4rem);max-width:700px}.section-intro{max-width:420px;color:var(--muted);margin:0}.tint .section-intro{color:#c8d2dc}.lenses{display:grid;grid-template-columns:.78fr 1.22fr;gap:33px}.lens-tabs{display:flex;flex-direction:column;align-items:stretch;border-top:1px solid rgba(245,240,229,.3)}.lens-tab{min-height:75px;text-align:left;padding:14px 13px 14px 0;color:#dce1e0;background:transparent;border:0;border-bottom:1px solid rgba(245,240,229,.3);display:flex;justify-content:space-between;align-items:center;gap:8px}.lens-tab span{font-family:var(--serif);font-size:1.4rem}.lens-tab small{color:#aab7c4}.lens-tab.active{color:#fff;padding-left:14px;background:rgba(181,62,49,.35);border-left:4px solid var(--red)}.lens-content{min-height:372px;background:#f1e6d4;color:var(--ink);display:grid;grid-template-columns:1fr 1fr}.lens-image{height:100%;width:100%;object-fit:cover}.lens-copy{padding:43px 37px}.lens-copy .issue-kicker{margin-bottom:18px}.lens-copy h3{font-family:var(--serif);font-size:2.1rem;line-height:1.03;margin:0 0 15px}.lens-copy p{color:#50606b}.lens-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.lens-data div{border-top:1px solid var(--line);padding-top:8px}.lens-data strong{font-size:.78rem;display:block}.lens-data span{font-size:.77rem;color:var(--muted)}.ledger-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}.ledger-col{padding:22px 26px 25px 0;margin-right:26px;border-right:1px solid var(--line)}.ledger-col:last-child{border:0;margin:0}.ledger-num{color:var(--red);font-family:var(--serif);font-size:1.7rem}.ledger-col h3{font-family:var(--serif);font-size:1.6rem;margin:2px 0 9px}.ledger-col p{font-size:.91rem;color:var(--muted);margin:0}.note-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.filter-btn{min-height:44px;padding:7px 14px;border:1px solid var(--line);background:transparent;font-size:.8rem;font-weight:800;color:var(--ink)}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-card{background:#fbf7ef;border:1px solid #d8c9ae;padding:21px;min-height:212px;position:relative;display:flex;flex-direction:column}.note-card:after{content:'';position:absolute;right:15px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--red)}.note-card[hidden]{display:none}.note-card .tag{font-size:.67rem;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.note-card h3{font-family:var(--serif);font-size:1.42rem;line-height:1.05;margin:14px 0}.note-card p{font-size:.85rem;color:#58636c;margin:0}.component-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.component-main{height:510px;position:relative}.component-main img{height:100%;width:100%;object-fit:cover}.component-caption{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:16px 20px;max-width:340px}.component-caption strong{font-family:var(--serif);font-size:1.3rem}.component-caption span{font-size:.77rem;display:block;color:#cad4db}.component-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.component-tile{position:relative;min-height:245px;overflow:hidden}.component-tile img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.component-tile:hover img{transform:scale(1.04)}.component-tile span{position:absolute;bottom:10px;left:10px;background:#f5f0e5;padding:6px 9px;font-size:.74rem;font-weight:800}.workshop-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:49px;align-items:start}.workshop-steps{counter-reset:work}.workshop-step{counter-increment:work;border-top:1px solid var(--line);padding:15px 0 18px;display:grid;grid-template-columns:43px 1fr;gap:12px}.workshop-step:before{content:'0' counter(work);font-family:var(--serif);font-size:1.28rem;color:var(--red)}.workshop-step h3{font-family:var(--serif);font-size:1.35rem;margin:0 0 9px}.workshop-step p{font-size:.86rem;margin:0;color:var(--muted)}.workshop-photo{position:relative}.workshop-photo img{height:445px;width:100%;object-fit:cover}.workshop-photo div{position:absolute;right:-18px;bottom:-20px;padding:18px;background:var(--red);color:white;width:210px;font-family:var(--serif);font-size:1.15rem;line-height:1.1}.rhythm{background:var(--ink2);color:#f6f0e7}.rhythm-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.rhythm-image{height:455px;width:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%)}.rhythm-ladder{margin:0;padding:0;list-style:none;counter-reset:beat}.rhythm-ladder li{counter-increment:beat;display:grid;grid-template-columns:52px 1fr;gap:16px;border-top:1px solid rgba(255,255,255,.26);padding:15px 0}.rhythm-ladder li:before{content:'0' counter(beat);font-family:var(--serif);font-size:1.6rem;color:#e3b876}.rhythm-ladder b{font-family:var(--serif);font-size:1.25rem;display:block}.rhythm-ladder span{font-size:.85rem;color:#d2d9de}.checklist-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.check-card{background:#fffaf1;border:1px solid #c9b99c;padding:26px}.check-progress{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:7px}.check-progress strong{font-family:var(--serif);font-size:1.3rem}.check-progress span{font-size:.78rem;color:var(--muted)}.clear-btn{min-height:44px;border:0;background:transparent;text-decoration:underline;color:var(--red);font-size:.82rem;font-weight:800}.check-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(17,36,59,.12);cursor:pointer;min-height:51px}.check-item input{width:20px;height:20px;accent-color:var(--red);flex:none}.check-item span{font-size:.91rem}.check-item input:checked+span{text-decoration:line-through;color:var(--muted)}.check-side p{max-width:430px;color:var(--muted)}.host-signals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(245,240,229,.35);border-left:1px solid rgba(245,240,229,.35)}.signal{padding:23px 20px;border-right:1px solid rgba(245,240,229,.35);border-bottom:1px solid rgba(245,240,229,.35);min-height:179px}.signal-icon{font-size:1.35rem;color:#e6ba76}.signal h3{font-family:var(--serif);font-size:1.25rem;margin:12px 0 10px}.signal p{font-size:.8rem;color:#cfdae2;margin:0}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.faq-intro{color:var(--muted)}.faq-item{border-top:1px solid var(--line)}.faq-question{padding:19px 38px 19px 0;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;font-family:var(--serif);font-size:1.32rem;line-height:1.15;position:relative;min-height:65px}.faq-question:after{content:'+';position:absolute;right:5px;top:12px;color:var(--red);font-family:var(--sans);font-size:1.55rem;font-weight:300}.faq-question[aria-expanded='true']:after{content:'–'}.faq-answer{display:none;padding:0 30px 20px 0;color:#56646d;font-size:.93rem}.faq-answer.show{display:block}.contact-wrap{background:var(--red);color:#fff;padding:55px;display:grid;grid-template-columns:1fr .9fr;gap:50px}.contact-wrap .eyebrow{color:#f4d6b0}.contact-wrap h2{font-family:var(--serif);font-size:clamp(2.4rem,4vw,4rem);line-height:.98;margin:13px 0}.contact-wrap p{color:#fee6d4;max-width:520px}.draft-form{background:#f5efe3;color:var(--ink);padding:22px}.draft-form label{font-size:.75rem;font-weight:800;display:block;margin-bottom:4px}.draft-form input,.draft-form textarea{width:100%;border:1px solid #bba98b;background:#fffdf8;padding:11px 12px;min-height:44px;margin-bottom:12px;font-size:1rem}.draft-form textarea{min-height:84px;resize:vertical}.draft-form .button{width:100%;background:var(--ink);color:#fff}.form-status{font-size:.79rem;min-height:23px;margin:7px 0 0;color:#50606b}.form-status.error{color:#9b251d}.form-status.success{color:#167044}.form-note{font-size:.72rem;color:#6d665e;margin:0}.site-footer{background:#0b192a;color:#d7dce0;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:30px}.footer-grid p{font-size:.8rem;color:#aebac5;max-width:420px}.footer-grid h2{font-family:var(--serif);font-size:1.4rem;margin:0}.footer-nav a{display:block;font-size:.8rem;padding:4px 0;color:#d9e1e4}.copyright{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:24px;font-size:.72rem;color:#9cacb8;display:flex;justify-content:space-between;gap:20px}.legal-page{min-height:100vh}.legal-hero{padding:76px 0 44px;background:var(--paper2);border-bottom:1px solid var(--line)}.legal-hero h1{font-family:var(--serif);font-size:clamp(3rem,6vw,5rem);line-height:1;margin:12px 0}.legal-content{max-width:790px;padding:57px 24px 80px}.legal-content h2{font-family:var(--serif);font-size:1.7rem;margin:33px 0 9px}.legal-content p,.legal-content li{color:#495b68}.notfound{min-height:66vh;display:grid;place-items:center;text-align:center;padding:80px 24px}.notfound .code{font-family:var(--serif);font-size:clamp(7rem,25vw,16rem);line-height:.7;color:var(--paper2);text-shadow:4px 4px 0 var(--ink)}.notfound h1{font-family:var(--serif);font-size:clamp(2rem,4vw,3.3rem);margin:20px 0 10px}.notfound p{max-width:480px;margin:0 auto 25px;color:var(--muted)}@media(max-width:900px){.nav-links{gap:13px}.hero-grid,.lenses,.component-layout,.workshop-grid,.rhythm-layout,.checklist-layout,.faq-layout,.contact-wrap{grid-template-columns:1fr}.hero-visual{max-width:690px;margin:auto;width:100%}.lenses{gap:25px}.lens-tabs{display:grid;grid-template-columns:1fr 1fr}.lens-tab{min-height:62px}.lens-content{min-height:0}.component-main{height:420px}.workshop-grid{gap:28px}.workshop-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.rhythm-layout{gap:27px}.rhythm-image{height:370px}.checklist-layout{gap:25px}.host-signals{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}@media(max-width:650px){.site-shell{padding-left:17px;padding-right:17px}.topline .site-shell{font-size:.67rem}.topline .site-shell a{display:none}.main-nav{padding-top:12px;padding-bottom:12px}.menu-button{display:block}.nav-links{display:none;position:absolute;z-index:8;left:0;right:0;top:100%;background:#f7f1e6;padding:8px 17px 16px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(17,36,59,.12)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{border-bottom:1px solid var(--line)}.hero{padding-top:42px;padding-bottom:29px}.hero h1{font-size:3.25rem}.hero-visual{padding:17px 0 27px 13px}.hero-photo{height:340px}.rulebook{width:185px;padding:14px;bottom:-8px;left:6px}.rulebook strong{font-size:1.1rem}.issue-list{grid-template-columns:1fr 1fr}.issue-item{padding:15px;border-bottom:1px solid var(--line)}.issue-item:first-child{padding-left:0}.section{padding:61px 0}.section-head{display:block;margin-bottom:23px}.section-intro{margin-top:14px}.lens-tabs{grid-template-columns:1fr}.lens-content{grid-template-columns:1fr}.lens-image{height:230px}.lens-copy{padding:27px 22px}.ledger-grid,.notes-grid{grid-template-columns:1fr}.ledger-col{padding:18px 0;margin:0;border-right:0;border-bottom:1px solid var(--line)}.component-main{height:330px}.component-side{min-height:480px}.workshop-steps{grid-template-columns:1fr}.workshop-photo img{height:335px}.workshop-photo div{right:0;bottom:0}.rhythm-image{height:300px}.host-signals{grid-template-columns:1fr}.contact-wrap{padding:34px 22px;gap:25px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.copyright{display:block}.copyright span{display:block;margin:6px 0}.legal-content{padding:46px 17px 70px}.legal-hero{padding:55px 0 35px}.faq-layout{gap:19px}.check-card{padding:19px}.component-tile{min-height:210px}}

/* Homepage visual-spacing hardening: preserve the editorial design, add safe reading room. */
.site-shell,
.hero-grid > *,
.section-head > *,
.lenses > *,
.lens-content > *,
.ledger-grid > *,
.notes-grid > *,
.component-layout > *,
.component-side > *,
.workshop-grid > *,
.workshop-steps > *,
.rhythm-layout > *,
.checklist-layout > *,
.host-signals > *,
.faq-layout > *,
.contact-wrap > *,
.footer-grid > * { min-width:0; }

/* Every editorial heading gets enough line box and a clear transition into its copy. */
.hero h1,.section-title,.contact-wrap h2{line-height:1.07;text-wrap:balance}
.hero h1,.section-title{margin-top:16px;margin-bottom:24px}
.hero-copy{margin:0;line-height:1.68}
.hero-copy+.hero-actions{margin-top:28px}
.section-head{column-gap:clamp(28px,4vw,52px)}
.section-head .section-intro{line-height:1.65}

/* Keep media and its editorial overlays in local stacking contexts. */
.hero-visual,.component-main,.component-tile,.workshop-photo,.rhythm-layout>*{isolation:isolate}
.hero-photo,.lens-image,.component-main img,.component-tile img,.workshop-photo img,.rhythm-image{position:relative;z-index:0}
.rulebook,.component-caption,.component-tile span,.workshop-photo div{z-index:1}
.workshop-photo div{right:0;bottom:0;max-width:min(210px,calc(100% - 18px))}

/* Desktop columns remain comfortably separated instead of relying on their contents to create space. */
.hero-grid{gap:clamp(32px,4vw,54px)}
.lenses{gap:clamp(32px,3.5vw,48px)}
.lens-copy{padding:clamp(32px,3.2vw,46px) clamp(28px,3vw,40px)}
.lens-copy h3{line-height:1.1;margin:0 0 18px}
.lens-copy p{margin:0;line-height:1.65}
.lens-data{gap:18px}
.ledger-grid{column-gap:28px}
.ledger-col{margin-right:0;padding:26px 28px 28px 0}
.ledger-col:not(:last-child){padding-right:28px}
.ledger-col h3{line-height:1.16;margin:6px 0 13px}
.ledger-col p{line-height:1.62}
.notes-grid{gap:24px}
.note-card{min-width:0;padding:25px}
.note-card h3{line-height:1.16;margin:16px 0}
.note-card p{line-height:1.62}
.component-layout{gap:clamp(32px,3vw,44px)}
.component-caption{padding:18px 22px}
.component-tile span{max-width:calc(100% - 20px);line-height:1.35}
.workshop-grid{gap:clamp(36px,4vw,56px)}
.workshop-step{min-width:0;padding:18px 0 21px}
.workshop-step h3{line-height:1.18;margin:0 0 11px}
.workshop-step p{line-height:1.62}
.rhythm-layout{gap:clamp(36px,4vw,58px)}
.rhythm-ladder li{min-width:0;padding:18px 0}
.rhythm-ladder span{display:block;line-height:1.6}
.checklist-layout{gap:clamp(36px,4vw,56px)}
.check-side p{margin:0;line-height:1.65}
.check-side p+img{margin-top:28px!important}
.check-card{padding:clamp(23px,2.5vw,30px)}
.check-progress{gap:16px}
.check-item{min-width:0;align-items:flex-start;padding:15px 0}
.check-item span{padding-top:1px;line-height:1.55}
.signal{min-width:0;padding:27px 23px}
.signal h3{line-height:1.16;margin:14px 0 12px}
.signal p{line-height:1.58}
.faq-layout{gap:clamp(38px,5vw,68px)}
.faq-intro{margin:0;line-height:1.65}
.faq-question{line-height:1.25;padding-top:22px;padding-bottom:22px;padding-right:46px}
.faq-answer{line-height:1.68}
.contact-wrap{gap:clamp(36px,4vw,56px);padding:clamp(38px,5vw,60px)}
.contact-wrap h2{margin-top:16px;margin-bottom:24px}
.contact-wrap p{line-height:1.65}
.draft-form{padding:clamp(22px,2.5vw,30px)}
.form-status{line-height:1.5}

/* Reflow before any text-oriented column becomes uncomfortably narrow. */
@media(max-width:1050px){
  .site-shell{padding-left:28px;padding-right:28px}
  .section-head{align-items:start}
  .section-head .section-intro{max-width:390px}
  .ledger-grid,.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ledger-col:nth-child(2){border-right:0;padding-right:0}
  .ledger-col:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
  .host-signals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workshop-grid,.rhythm-layout,.checklist-layout,.faq-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .workshop-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
  .hero-grid{gap:38px}
}
@media(max-width:900px){
  .site-shell{padding-left:24px;padding-right:24px}
  .section{padding-top:74px;padding-bottom:74px}
  .hero-grid,.lenses,.component-layout,.workshop-grid,.rhythm-layout,.checklist-layout,.faq-layout,.contact-wrap{gap:32px}
  .hero-grid>*,.lenses>*,.component-layout>*,.workshop-grid>*,.rhythm-layout>*,.checklist-layout>*,.faq-layout>*,.contact-wrap>*{width:100%}
  .lens-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .component-side{gap:18px}
  .contact-wrap{padding:42px 38px}
}
@media(max-width:650px){
  .site-shell{padding-left:20px;padding-right:20px}
  .section{padding-top:64px;padding-bottom:64px}
  .hero{padding-top:48px}
  .hero h1{font-size:clamp(2.7rem,13vw,3.45rem)}
  .section-title{font-size:clamp(2.15rem,10vw,3rem)}
  .hero h1,.section-title{margin-top:14px;margin-bottom:20px}
  .section-intro{margin-top:18px}
  .lens-content{grid-template-columns:minmax(0,1fr)}
  .lens-image{height:clamp(225px,65vw,300px)}
  .lens-copy{padding:30px 24px 32px}
  .ledger-grid,.notes-grid{grid-template-columns:minmax(0,1fr)}
  .ledger-grid{column-gap:0}
  .ledger-col,.ledger-col:nth-child(2),.ledger-col:nth-child(3){grid-column:auto;padding:22px 0;border-right:0}
  .ledger-col:last-child{border-bottom:0}
  .notes-grid{gap:16px}
  .note-card{min-height:0;padding:24px 22px}
  .component-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0}
  .component-tile{min-height:190px}
  .workshop-steps{grid-template-columns:minmax(0,1fr);gap:0}
  .workshop-step{grid-template-columns:40px minmax(0,1fr)}
  .workshop-photo div{padding:16px}
  .rhythm-ladder li{grid-template-columns:46px minmax(0,1fr);gap:13px}
  .check-progress{align-items:flex-start}
  .check-progress strong{line-height:1.2}
  .host-signals{grid-template-columns:minmax(0,1fr)}
  .signal{min-height:0}
  .faq-answer{padding-right:0}
  .contact-wrap{padding:36px 24px}
  .draft-form{padding:22px 18px}
}
@media(max-width:420px){
  .site-shell{padding-left:18px;padding-right:18px}
  .section{padding-top:58px;padding-bottom:58px}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .hero-actions .button{width:100%}
  .rulebook{max-width:calc(100% - 18px)}
  .lens-data{grid-template-columns:minmax(0,1fr)}
  .component-side{grid-template-columns:minmax(0,1fr)}
  .component-tile{min-height:220px}
  .check-progress{flex-direction:column}
  .faq-question{font-size:1.2rem}
  .contact-wrap{padding:32px 20px}
}
/* Do not mask horizontal layout defects globally; all responsive widths are constrained explicitly above. */
body{overflow-x:visible}