.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-block:clamp(1.1rem,3vw,2.4rem) clamp(1.4rem,3vw,2.2rem);display:grid}.home-hero-copy{min-width:0;container-type:inline-size}.home-hero h1{font:400 clamp(2rem, 8.5cqi, 4.2rem)/1.04 var(--display);letter-spacing:-.055em;text-wrap:balance;margin:0 0 .7rem}.home-hero-copy p{max-width:36rem;color:var(--muted);margin:0;font-size:clamp(1rem,1.8vw,1.2rem)}.home-hero .hero-actions{margin-top:.5rem}.home-hero-art img{object-fit:contain;width:100%;height:auto;max-height:300px;display:block}.home-section{margin-top:clamp(3rem,7vw,6rem)}.home-lead{max-width:40rem;color:var(--muted);margin:.5rem 0 0}.board-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none;display:grid}.board-strip li{min-width:0}.board-note{height:100%;color:var(--ink);background-color:var(--surface);background-image:var(--grain);box-shadow:var(--notebook-shadow);flex-direction:column;padding:.8rem .8rem .9rem;text-decoration:none;display:flex;transform:rotate(-.4deg)}.board-strip li:nth-child(2n) .board-note{transform:rotate(.5deg)}.board-note:hover{color:var(--ink);box-shadow:0 4px 5px #1b22401b,0 26px 35px -22px #1b22407c}.board-stage{background-color:#e8ede5;background-image:var(--grain);align-items:center;min-height:6.5rem;margin-bottom:.6rem;padding:.35rem;display:flex}.board-stage>div{min-width:0}.board-stage svg{width:100%;height:auto;display:block}.board-note h3{font:400 1.2rem/1.2 var(--display);justify-content:space-between;gap:.5rem;margin:0 0 .15rem;display:flex}.board-note h3 span{color:var(--terra);font:700 1.25rem/1 var(--hand)}.board-note p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.board-note .board-count{color:var(--ink);margin-top:auto;padding-top:.45rem;font-size:1rem}.board-note .board-count b{border-bottom:2px solid var(--terra);font-weight:650}.pedal-row{border-top:3px double var(--measure);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:1.2rem 0 0;list-style:none;display:grid}.pedal-row li{border-bottom:1px dashed var(--line);min-width:0}.pedal-spec{height:100%;color:var(--ink);padding:.9rem clamp(.5rem,1.4vw,1.1rem) 1.1rem;text-decoration:none;display:block}.pedal-spec:hover h3{color:var(--terra)}.pedal-stage{border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg,#0000 0 23px,#aeb8cc44 23px 24px);justify-content:center;align-items:flex-end;height:11rem;margin-bottom:.6rem;display:flex}.pedal-stage svg{width:auto;max-width:100%;display:block}.pedal-spec h3{font:400 1.08rem/1.25 var(--display);margin:0 0 .1rem}.pedal-spec p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.pedal-spec p span{display:block}.pedal-spec .pedal-draw{color:var(--terra);margin-top:.25rem;font-weight:650}.home-read{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.home-read figure{background-color:var(--surface);background-image:var(--grain);box-shadow:var(--notebook-shadow);margin:0;padding:.8rem .8rem .6rem;transform:rotate(-.7deg)}.home-read svg{width:100%;height:auto;display:block}.home-read figcaption{border-top:1px solid var(--line);color:var(--ink);font:600 1.3rem/1.2 var(--hand);padding-top:.5rem}.home-read h2{font:400 clamp(1.7rem, 3.6vw, 2.6rem)/1.12 var(--display);letter-spacing:-.04em;margin:.35rem 0 .8rem}.home-read dl{margin:0 0 .6rem}.home-read dl div{border-top:1px dashed var(--line);grid-template-columns:5.5rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;display:grid}.home-read dt{font:700 1.35rem/1.2 var(--hand);color:var(--terra)}.home-read dd{color:var(--muted);margin:0}@media (max-width:1000px){.board-strip,.pedal-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.home-hero{grid-template-columns:minmax(0,1fr);padding-block:.6rem 1rem}.home-hero-art,.home-hero .hero-scribble{display:none}.home-hero h1{font-size:clamp(1.9rem,9.5cqi,2.6rem)}.home-hero-copy p{font-size:1rem;line-height:1.45}.home-hero .hero-actions{margin-top:.1rem}.home-read{grid-template-columns:minmax(0,1fr)}}@media (max-width:500px){.board-strip{gap:1rem .7rem}.board-note{padding:.55rem}.board-note h3{font-size:1.02rem}.board-stage{min-height:4.5rem;padding:.2rem}.pedal-stage{height:8rem}.pedal-spec{padding-inline:.4rem}.home-read dl div{grid-template-columns:4.6rem minmax(0,1fr)}}
