/* HOMESTAR layout repair 2026-10-29: preserve brand, routes and existing form fields. */
:root{--hs-readable:#46524b;--hs-accessible-blue:#30638c;--hs-focus:#184d76;--hs-hero-paper:#efeee8;--hs-footer-text:#d4dcd6;--hs-field-border:#7b857e;--hs-space-sm:16px;--hs-space-md:24px;--hs-space-lg:48px}
html,body{overflow-x:clip}
.hs-kicker{color:var(--hs-accessible-blue);text-transform:none;letter-spacing:normal;font-size:14px}
.hs-page-copy p,.hs-page-copy li,.hs-page-hero p,.hs-packaging-hero p,.hs-hero-copy p{color:var(--hs-readable)}
.hs-button{height:auto;min-height:48px;padding-block:12px;line-height:1.4;text-align:center;max-width:100%;white-space:normal}
.hs-button--clay{background:var(--hs-accessible-blue);border-color:var(--hs-accessible-blue)}
.hs-footer p,.hs-footer a,.hs-footer .hs-copyright{color:var(--hs-footer-text)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--hs-focus);outline-offset:4px}
.hs-hero{min-height:0;padding:var(--hs-space-lg) 0 var(--hs-space-md);overflow:clip;background:var(--hs-hero-paper)}
.hs-hero-slides{position:relative;inset:auto;display:grid}
.hs-hero-slide,.hs-hero-slide--gift{position:relative;inset:auto;grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--hs-space-lg);width:min(1240px,calc(100% - 48px));margin-inline:auto}
.hs-hero-slide>.hs-container{display:contents}
.hs-hero-media,.hs-hero-slide--gift .hs-hero-media{position:relative;inset:auto;grid-column:2;grid-row:1;height:460px;min-width:0;background:transparent}
.hs-hero-media:after,.hs-hero-slide--gift .hs-hero-media:after{display:none}
.hs-hero-media img,.hs-hero-slide--gift .hs-hero-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.hs-hero-copy,.hs-hero-slide--gift .hs-hero-copy{grid-column:1;grid-row:1;min-width:0;max-width:100%;padding:var(--hs-space-md) 0}
.hs-hero-copy h1,.hs-hero-copy h2{font-size:clamp(36px,4.2vw,58px);line-height:1.1;overflow-wrap:break-word;min-width:0}
.hs-hero-copy p{font-size:18px;line-height:1.6;max-width:48ch}
.hs-hero .hs-proof{display:none}
.hs-hero-controls{position:relative;inset:auto;right:auto;bottom:auto;width:fit-content;margin:var(--hs-space-sm) auto 0;padding:4px 10px}
.hs-hero-controls>button{width:44px;height:44px}
.hs-hero-dots button,.hs-hero-dots button.is-active{width:24px;height:32px;position:relative;border:0;background:transparent;box-sizing:border-box}
.hs-hero-dots button:after{content:"";position:absolute;inset:12px 8px;width:8px;height:8px;border-radius:8px;background:var(--hs-field-border)}
.hs-hero-dots button.is-active:after{width:24px;left:0;background:var(--hs-accessible-blue)}
.home main>.hs-section .hs-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home main>.hs-section .hs-product-grid>.hs-product-card:nth-child(n+7){display:none}
.hs-contact-layout{align-items:start}
.hs-contact-layout>.hs-panel{grid-column:2;grid-row:1}
.hs-contact-layout>div:not(.hs-panel){grid-column:1;grid-row:1}
.hs-contact-layout>.hs-panel{align-self:start;min-width:0}
.page-id-16 .hs-page-hero{padding:36px 0}
.page-id-16 .hs-page-hero h1{font-size:48px;margin:0;line-height:1.15}
.page-id-16 #inquiry{padding-top:36px}
.hs-contact-layout .hs-page-copy h2,.hs-contact-layout>div>h2{font-size:clamp(24px,2.5vw,34px);margin-top:32px;margin-bottom:16px;line-height:1.2}
.hs-form input,.hs-form textarea,.hs-form select{max-width:100%;min-width:0;border-color:var(--hs-field-border)}
.hs-form input[type=file]{font-size:14px}
.hs-form label{min-width:0}
.hs-oem-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--hs-space-lg);align-items:center;margin-bottom:64px}
.hs-oem-focus h1{font-size:clamp(36px,4vw,58px);line-height:1.1;min-width:0;overflow-wrap:break-word}
.hs-oem-focus p{max-width:48ch;font-size:18px;line-height:1.6}
.hs-oem-focus figure{margin:0!important}
.hs-oem-focus img{width:100%;height:auto;border-radius:16px}
.hs-oem-focus+.hs-oem-intro-actions{display:none}
.page-id-11 main>.hs-page-hero{display:none}
.page-id-11 .hs-oem-content{padding-top:48px}
.hs-packaging-hero-actions .hs-button,.hs-packaging-cta .hs-button,.hs-oem-intro-actions .wp-block-button__link{font-size:16px;line-height:1.4;min-height:48px;padding:12px 20px;height:auto;max-width:100%;white-space:normal;text-align:center}
@media(max-width:900px){
 .hs-hero-slide,.hs-hero-slide--gift{grid-template-columns:minmax(0,1fr);gap:0;width:calc(100% - 32px)}
 .hs-hero-media,.hs-hero-slide--gift .hs-hero-media{grid-column:1;grid-row:1;height:230px}
 .hs-hero-copy,.hs-hero-slide--gift .hs-hero-copy{grid-column:1;grid-row:2;padding:24px 0 0}
 .hs-hero{padding-top:16px}
 .hs-hero-copy h1,.hs-hero-copy h2{font-size:clamp(32px,6vw,44px)}
 .hs-hero-copy p{font-size:16px;line-height:1.6}
 .hs-hero .hs-actions{gap:12px;flex-wrap:wrap}
 .hs-hero .hs-actions .hs-button{flex:1 1 150px;padding-inline:16px}
 .hs-contact-layout{display:flex;flex-direction:column;gap:32px}
 .hs-contact-layout>div{width:100%}
 .hs-contact-layout>.hs-panel{order:-1;padding:24px}
 .hs-oem-focus{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:48px}
 .hs-oem-focus h1{font-size:clamp(32px,6vw,44px)}
 .hs-oem-focus p{font-size:16px}
 .home main>.hs-section .hs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .home main>.hs-section .hs-product-grid{grid-template-columns:minmax(0,1fr)}
 .hs-contact-layout>.hs-panel{padding:20px}
 .hs-packaging-hero-actions{flex-wrap:wrap}
 .hs-packaging-hero-actions>*{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.hs-hero-slide,.hs-button{transition:none}.hs-button:hover{transform:none}}

/* Preserve light text on existing dark surfaces. */
.hs-home-about-copy>p,.hs-packaging-hero-copy>p{color:var(--hs-readable)}
.hs-page-copy .hs-oem-final-cta p,.hs-page-copy .hs-packaging-cta p,.hs-page-copy .hs-packaging-custom p,.hs-page-copy .hs-packaging-custom-list li{color:var(--hs-footer-text)}
.hs-packaging-cta .hs-button{flex-shrink:0;width:auto;white-space:nowrap;min-height:48px}
.hs-form{position:relative}
.hs-form .hs-honeypot{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:540px){.hs-packaging-cta .hs-button{width:100%;white-space:normal}}
