@media(max-width:900px){.primary-nav{top:calc(100% + 6px);max-height:calc(100svh - 112px);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:10px}.primary-nav a{min-height:44px;padding:11px 12px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px}}@media(max-width:600px){:root{--pad: 20px}.site-header{height:78px;gap:8px;padding:8px 16px}.site-header .brand{width:clamp(150px,47vw,183px)}.site-header .brand-script{font-size:clamp(35px,10.6vw,42px)}.site-header .brand-heart{font-size:.7em}.site-header .brand-sub{font-size:9px;letter-spacing:3.2px;padding-left:10px}.header-actions{flex-shrink:0;gap:4px}.bag-button{display:grid;place-items:center;width:44px;height:44px;padding:10px}.primary-nav{left:16px;right:16px;max-height:calc(100svh - 96px);max-height:calc(100dvh - 96px)}.hero{display:flex;flex-direction:column;min-height:0;padding:22px 0 0}.hero-copy{order:0;width:100%;padding:0 var(--pad);z-index:1}.hero .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(33px,10.8vw,43px);line-height:1.03}.hero-description{margin:16px auto 18px}.hero-footnote{margin-top:9px}.hero-art{position:relative;order:1;inset:auto;flex:none;width:100%;height:clamp(250px,76vw,320px);margin-top:12px;z-index:0}.benefits{position:static;order:2;width:100%;padding:16px 14px 18px;gap:7px}.benefits>div{gap:6px}.benefits .icon{width:22px;height:22px}.benefits span{font-size:9px;line-height:1.35}.story{display:flex;flex-direction:column;min-height:0}.story-copy{order:0;padding:28px var(--pad) 12px;z-index:1}.story h2{font-size:clamp(36px,11vw,44px);margin:10px 0 14px}.story-art{position:relative;order:1;inset:auto;flex:none;width:100%;height:clamp(210px,70vw,282px);z-index:0}.selected-theme{margin-top:10px}.categories{padding-top:24px;padding-bottom:24px}.how-content,.reviews,.faq{padding:28px var(--pad)}.site-footer{padding:24px var(--pad);gap:16px}}@media(max-width:360px){.hero .eyebrow{font-size:8px}.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:16px 28px 20px}.benefits>div{gap:9px}.benefits .icon{width:24px;height:24px}.benefits span{font-size:10px}.story-copy>p:not(.eyebrow){font-size:13px}}