.hero>*{min-width:0}.hero-art{overflow:clip}.intro{overflow-wrap:break-word}
@media(max-width:760px){.hero,.inside-grid,.sample-panel,.faq,.products{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(340px,100%)}.wrap{max-width:calc(100% - 36px)}.sample-symbol{min-width:0;overflow:clip}.page-stage{min-width:0}}
@media(max-width:400px){h1{font-size:clamp(30px,11.5vw,45px);letter-spacing:-1.5px}.hero-art{height:400px}.book{width:170px;height:260px}.book-front{left:7%;top:80px}.book-back{left:38%;top:50px}.book h2{font-size:24px}.sample-seal{top:270px}.hero-note{font-size:8px}.nav .brand{font-size:16px}.brand-mark{width:30px;height:34px}.filter{font-size:9px;padding:8px 10px}.section-top{flex-wrap:wrap}.section-top p{padding:0}.sample h2{font-size:30px}.hero-copy .eyebrow{font-size:9px}.actions{gap:15px}.intro{font-size:13px}.nav{gap:10px}.button{gap:12px}}