@font-face{font-family:"Poppins";font-weight:900;font-display:swap;src:url(/fonts/poppins-900.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(/fonts/poppins-800.woff2) format("woff2")}
body{background:#fff}
.hero{background:#fff!important}

.hero h1{font-family:"Poppins",system-ui,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.95;font-size:clamp(2.7rem,7.2vw,7.4rem);max-width:none;margin:.2em 0 .25em}
.hero h1 em{font-style:normal;color:#B23A22}
.hero .lede{font-size:1.15rem;max-width:34ch}
.hero .btn-lg{border-radius:999px}
main h2{font-family:"Poppins",system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}
.bignum::before{content:attr(data-n)}
.bignum{display:block;font-family:"Poppins",system-ui,sans-serif;font-weight:900;font-size:clamp(4rem,9vw,8.5rem);line-height:.9;color:#F7DCD3;letter-spacing:-.04em;margin-bottom:-.12em}
/* Bo hero (homepage only). Placement knobs: --bo-col (right column width), --bo-max (phone block width). */
.hero{--bo-col:clamp(260px,34vw,460px);--bo-max:min(78vw,340px)}
.hero .hero-in{display:grid;grid-template-columns:1fr;gap:12px}
.hero .hero-in>*{min-width:0}
.hero h1{font-size:clamp(2.4rem,11vw,3.6rem);overflow-wrap:break-word;hyphens:auto}
.bo-col{display:flex;justify-content:center}
.bo-fig{position:relative;margin:0;width:var(--bo-max);display:flex;flex-direction:column;align-items:center}
.bo-tip{order:0;display:flex;align-items:center;gap:4px;margin:0 0 6px;max-width:100%;background:#fff;border:2px solid #2b211c;border-radius:18px;padding:4px 4px 4px 14px;font:700 .95rem/1.25 system-ui,sans-serif;color:#2b211c;box-shadow:0 4px 0 #2b211c;position:relative}
.bo-tip::after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;background:#fff;border:2px solid #2b211c;border-top:0;border-left:0;transform:translateX(-50%) rotate(45deg)}
.bo-tip-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:1.3rem;line-height:1;cursor:pointer;color:#2b211c}
.bo-tip-x:focus-visible{outline:3px solid #B23A22;outline-offset:1px}
html.tip-off .bo-tip{visibility:hidden}
.bo-fig picture{display:block;width:100%}
.bo-img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 10px rgba(43,33,28,.16))}
.bo-btn{position:absolute;left:8%;right:8%;top:56px;bottom:0;border:0;background:transparent;border-radius:24px;cursor:pointer}
.bo-btn:focus-visible{outline:3px solid #B23A22;outline-offset:4px}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .bo-tip{animation:dotpop .45s cubic-bezier(.2,1.4,.4,1) .8s both}}
@keyframes dotpop{from{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:none}}
@media (min-width:768px){
 .hero .hero-in{grid-template-columns:minmax(0,1fr) var(--bo-col);gap:clamp(16px,3vw,48px);align-items:center}
 .hero h1{font-size:clamp(2.6rem,5.4vw,6.2rem)}
 .bo-fig{width:100%}
}
@media (min-width:900px){.sec{padding-top:12vh;padding-bottom:12vh}}