@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-extrabold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
body{font-family:Nunito,Arial,sans-serif}
h1,h2,h3{font-weight:800;letter-spacing:-.015em;line-height:1.24}
/* Raster wordmark preserves the supplied brand lettering, including the acute accent. */
.brand{flex-shrink:0;gap:12px}
.brand-wordmark{display:flex;align-items:center;gap:5px;transform:translateY(-3.5px);opacity:.88}
.brand-wordmark svg{display:block;width:auto;height:28px;overflow:hidden}
header nav{min-width:0;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){
 .brand-wordmark{flex-direction:column;align-items:flex-start;gap:1px;width:100px;transform:translateY(-2.75px)}
 .brand-wordmark svg{width:auto;height:24px}
 .brand-wordmark svg+svg{margin-top:-5.5px}
}
.hero{background:#ffd044}
/* Only the illustration is shown: all copy and controls below it stay live HTML. */
.hero-image{position:relative;display:block;max-width:none;width:100%;height:auto;min-height:0;aspect-ratio:2048/465;overflow:hidden;mask-image:linear-gradient(#000 93%,transparent)}
.hero .hero-image img{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto;margin:0;transform:none}
.hero-bottom{max-width:1440px;padding:4px 40px 38px;gap:36px;align-items:center}
.hero-bottom>div{min-width:0}
.hero-bottom h1{font-size:clamp(1.65rem,2.35vw,2.65rem);font-weight:800;line-height:1.25}
.hero-bottom p{font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.55}
.hero-bottom .button{flex-shrink:0;font-size:1.1rem;font-weight:800;padding:17px 26px}
.benefit-strip{gap:0;padding:28px 24px;font-size:1rem;background:#fff9e7}
.benefit-strip span{padding:0 clamp(20px,4.3vw,80px)}
.benefit-strip span+span{border-left:1px solid #e9e1c9}
.benefit-strip b,.button{font-weight:800}
.eyebrow{font-size:1rem;font-weight:800;letter-spacing:.015em}
.steps span{font-weight:800}
.contact-links a{font-weight:700;overflow-wrap:anywhere}
.contact-links a:first-child{font-weight:800}
@media(max-width:900px){
 .hero-bottom{align-items:flex-start;padding:8px 24px 30px;gap:22px}
 .benefit-strip span{padding-inline:22px}
}
@media(max-width:600px){
 .brand{gap:10px}
 .hero-image{height:auto;min-height:0;aspect-ratio:2048/697.5}
 .hero .hero-image img{width:150%;max-width:none;left:-25%}
 .hero-bottom{padding:12px 20px 28px;gap:20px}
 .hero-bottom p{font-size:1rem}
 .hero-bottom .button{width:100%;font-size:1rem;padding:14px 20px}
 .benefit-strip{padding:12px 20px;gap:0}
 .benefit-strip span{display:block;font-size:1rem;padding:12px 0}
 .benefit-strip span b{display:block}
 .benefit-strip span+span{border-left:0;border-top:1px solid #e9e1c9}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}


/* Temporary email ordering, shown only while online checkout is unavailable. */
.ordering-notice{margin:22px 0;padding:18px 20px;border:1px solid #d7e3f2;border-radius:12px;background:#f1f6fc;line-height:1.6}
.ordering-notice strong{display:block;color:var(--navy);font-weight:800}
.ordering-notice p{margin:5px 0 0}
.ordering-notice a{font-weight:800;overflow-wrap:anywhere}
.ordering-notice-wide{margin:0;border-radius:0;border-left:0;border-right:0;padding:16px max(24px,calc((100% - 1200px)/2))}
.email-order-action{margin-top:24px}
@media(max-width:600px){.ordering-notice{padding:16px;font-size:.94rem}.ordering-notice-wide{padding:16px 20px}.ordering-address{display:inline-block}.email-order-action .button{width:100%}}