.site-header .desktop-nav{display:flex;gap:28px;align-items:center}
.site-header .desktop-nav a{font-size:15px;font-weight:550;padding-block:7px;white-space:nowrap}
.site-header .desktop-nav a[aria-current=page]{border-bottom:1px solid #c2d1b5}
@media(max-width:1100px){.site-header{gap:18px;padding-inline:28px}.site-header .desktop-nav{gap:19px}.site-header .desktop-nav a{font-size:14px}.site-header .header-cta{gap:14px}}
@media(max-width:850px){.site-header{height:auto!important;min-height:118px;display:grid;grid-template-columns:1fr auto;padding:16px 20px 12px;gap:13px 20px}.site-header .desktop-nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 17px}.site-header .desktop-nav a{font-size:14px;line-height:1.4;padding-block:6px}.site-header .brand{grid-column:1;grid-row:1}.site-header .header-cta{grid-column:2;grid-row:1;font-size:14px;min-height:42px}.hero{height:calc(100svh - 130px)}}
@media(max-width:420px){.site-header .brand-descriptor{display:none}.site-header .header-cta{padding-inline:12px;font-size:13px}.site-header .desktop-nav{justify-content:flex-start;gap:3px 17px}.site-header .desktop-nav a{font-size:14px}}
/* Stable vector controls on iOS and a proportional mobile hero. */
.ui-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle;color:inherit;overflow:visible}
.button>span:has(>.ui-icon),.header-cta>span:has(>.ui-icon),.text-button>span:has(>.ui-icon){display:inline-flex;align-items:center;flex-shrink:0}
@media(max-width:850px){
 .site-header{min-height:0;gap:14px 12px;padding:16px 20px 12px}
 .site-header .brand-name{font-size:25px;letter-spacing:2px}
 .site-header .brand-descriptor{display:none}
 .site-header .header-cta{font-size:13px;gap:12px;padding:10px 12px;min-height:44px}
 .site-header .desktop-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px 10px;width:100%;align-items:stretch}
 .site-header .desktop-nav a{grid-column:span 2;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;min-height:44px;font-size:14px;line-height:1.3;padding:9px 2px;border-bottom:1px solid transparent}
 .site-header .desktop-nav a:nth-child(n+4){grid-column:span 3}
 .site-header .desktop-nav a[aria-current=page]{border-color:#c2d1b5}
 .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;background:#1c3428;overflow:visible}
 .hero .hero-photo{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;aspect-ratio:1672/941;object-fit:contain;object-position:center;z-index:auto}
 .hero .hero-shade{display:none}
 .hero .hero-content{width:calc(100% - 40px);padding:28px 0 30px;margin-inline:auto}
 .hero-content .eyebrow{font-size:12px;margin-bottom:15px}
 .hero h1{font-size:clamp(27px,5.3vw,40px);line-height:1.16;letter-spacing:-.8px;text-shadow:none;max-width:none}
 .hero h1 br{display:none}
 .hero h1 br::after{content:' '}
 .hero-description{font-size:16px;line-height:1.55;margin-top:18px}
 .hero-description br{display:none}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px}
 .hero .button{width:100%;max-width:none;min-height:56px;font-size:14px;letter-spacing:0;padding:15px 17px;gap:16px}
 .hero-use-strip{position:relative;inset:auto;backdrop-filter:none;background:#14271d}
 .hero-use-items{min-height:0;padding:15px 0;justify-content:center;gap:7px 10px;font-size:11px;letter-spacing:.3px}
 .hero-use-items>span[aria-hidden]{font-size:16px}
 .button{max-width:100%}
}
/* The longer MAGICCORE name retains its Homes descriptor at every width. */
.brand-name{font-size:28px;letter-spacing:1.8px}
.brand-descriptor,.catalog-page .brand-descriptor{display:block}
@media(min-width:851px) and (max-width:1100px){
 .site-header{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px 28px 12px;gap:14px 20px}
 .site-header .brand{grid-column:1;grid-row:1}
 .site-header .header-cta{grid-column:2;grid-row:1}
 .site-header .desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between}
}
@media(max-width:850px){
 .brand,.site-header .brand{flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
 .brand-name,.footer .brand-name,.site-header .brand-name{font-size:23px;letter-spacing:1px}
 .brand-descriptor,.footer .brand-descriptor,.site-header .brand-descriptor,.catalog-page .brand-descriptor{display:block;border:0;padding:0;font-size:12px;letter-spacing:2.5px;line-height:1.2}
 .site-header{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:370px){
 .site-header{padding-inline:16px;column-gap:8px}
 .site-header .brand-name{font-size:20px;letter-spacing:.5px}
 .site-header .header-cta{font-size:12px;gap:8px;padding-inline:8px}
}