/* Phase 2 responsive and accessibility fixes — draft only */
:root{scroll-padding-top:118px}
.site-header{z-index:100}
.main-nav a,.footer-links a,.header-cta,.button,.menu-toggle{min-height:42px}
.main-nav a,.footer-links a{display:inline-flex;align-items:center}
img{display:block;max-width:100%}
.hero-art{background-color:#e5e9dc}
.hero-copy,.hero-art,.intro-content,.philosophy-top,.principles article,.products-heading,.product-card,.closing{will-change:auto}
.button:focus-visible,.header-cta:focus-visible,.main-nav a:focus-visible,.footer-links a:focus-visible{outline:3px solid #78966B;outline-offset:4px}
@media(max-width:760px){:root{scroll-padding-top:88px}.site-header{position:sticky;top:0}.main-nav{z-index:101;max-height:calc(100dvh - 82px);overflow-y:auto}.main-nav a{width:100%;min-height:48px}.menu-toggle{min-width:78px;min-height:44px;justify-content:center}.hero-copy{min-width:0}.hero-text{max-width:42ch}.product-meta{gap:12px;align-items:center}.product-meta h3{overflow-wrap:anywhere}.footer-links a{min-height:44px;padding:8px 2px}.contact-details{overflow-wrap:anywhere}}
@media(max-width:360px){.brand:after{max-width:100px}.hero h1{font-size:50px}.hero-copy{padding-left:22px;padding-right:22px}.product-meta h3{font-size:17px}}
@media(hover:none){.hero-art:hover .art-note{transform:none}.principles article:hover{transform:none}.product-card:hover .product-art{transform:none}.product-card:hover .product-stamp{transform:rotate(-9deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1 em:after{animation:none;transform:scaleX(1)}.button,.main-nav a,.footer-links a,.product-art,.product-stamp,.principles article{transition:none!important}}