/* v0.7.4.8 Home v5 (mockup v5, Audra approved Oct 17 2026). Scoped to .bh5. Theme fonts: BH Script = Great Vibes, BH Serif = Cormorant Garamond, body = BH Sans (Atkinson Hyperlegible, easier to read than the mockup's Alice). */
.bh5{--n:#2b3f63;--g:#c9a14a;--gd:#8a6418;--ink:#2f3a52;--a:url(../home5/);color:var(--ink);font-family:'BH Sans',system-ui,sans-serif;font-size:18px;line-height:1.55;position:relative;z-index:1}
.bh5 *{box-sizing:border-box}
.bh5 h1,.bh5 h2,.bh5 h3{font-family:'BH Serif',Georgia,serif;color:var(--n);font-weight:700;margin:0;letter-spacing:0}
.bh5 .bh5-wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}
.bh5 .bh5-s{padding:64px 0;position:relative;margin:0}
.bh5 img{max-width:100%;height:auto}
.bh5 .bh5-eb{text-align:center;color:var(--gd);letter-spacing:3px;font-size:14px!important;font-weight:700;margin:0 0 4px}
.bh5 h2{text-align:center;font-size:44px;line-height:1.15;margin:4px 0}
.bh5 .bh5-sub{text-align:center;color:#4a5670;margin:0 0 10px;font-size:19px!important}
.bh5 .bh5-div{width:min(560px,90%);height:auto;display:block;margin:6px auto}
.bh5 .bh5-div.l{margin:6px 0}
/* modest buttons: 44px tall, clear words (Audra: no oversized buttons) */
.bh5 .bh5-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border-radius:22px;font-size:17px;line-height:1.2;text-decoration:none;border:1px solid #a87a22;background:linear-gradient(135deg,#f6e2a0,#d4ab4f 55%,#c49438);color:#22201a;box-shadow:inset 0 0 0 2px rgba(255,243,207,.6);font-weight:700}
.bh5 .bh5-btn.navy{background:var(--n);color:#fff;border-color:var(--n);box-shadow:inset 0 0 0 2px rgba(201,161,74,.7)}
.bh5 .bh5-btn.out{background:#fff;color:var(--n);border-color:var(--g)}
.bh5 .bh5-btn:hover{filter:brightness(1.05);text-decoration:underline}
.bh5 a:focus-visible,.bh5 .bh5-btn:focus-visible{outline:3px solid var(--n);outline-offset:3px}
/* ornate corners */
.bh5 .bh5-cn{position:absolute;width:120px;height:120px;pointer-events:none;margin:0}
.bh5 .bh5-cn.tl{left:-6px;top:-6px}.bh5 .bh5-cn.tr{right:-6px;top:-6px;transform:scaleX(-1)}.bh5 .bh5-cn.bl{left:-6px;bottom:-6px;transform:scaleY(-1)}.bh5 .bh5-cn.br{right:-6px;bottom:-6px;transform:scale(-1,-1)}
/* 1) hero (top padding leaves room for the Pause stars button) */
.bh5 .bh5-hero{background:#eef4fc url(../home5/bg-blue.svg) center/cover;overflow:hidden;padding:76px 0 70px}
.bh5 .bh5-frame{position:relative;background:rgba(255,255,255,.6);border:2px solid #e2c57a;outline:1px solid #f3e3b4;outline-offset:-10px;border-radius:10px;padding:40px 48px 44px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.bh5 .bh5-star{width:200px;display:block;margin:-10px auto 0}
.bh5 .bh5-hero h1{font-family:'BH Script',cursive;font-weight:400;font-size:96px;text-align:center;line-height:1.05;margin:0}
.bh5 .bh5-lines{text-align:center;font-family:'BH Serif',Georgia,serif;font-size:28px!important;line-height:1.35;color:var(--n);margin:12px 0 18px;font-weight:600}
.bh5 .bh5-lines b{display:block;font-weight:700;font-style:italic}
.bh5 .bh5-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.bh5 .bh5-help{text-align:center;font-size:16px!important;color:#4f5a72;margin:12px 0 0}
.bh5 .bh5-sp{position:absolute;color:#e2c26a;font-size:18px;line-height:1;pointer-events:none}
.bh5 .bh5-sp.s2{font-size:12px}.bh5 .bh5-sp.s3{font-size:11px}
/* arch photo frames: photo is clipped to the inner arch of arch.svg (348x488 inside 420x560) */
.bh5 .bh5-arch{margin:0;position:relative}
.bh5 .bh5-archbox{position:relative;aspect-ratio:420/560}
.bh5 .bh5-archbox .bh5-ph{position:absolute;left:8.571%;top:6.429%;width:82.857%;height:87.143%;object-fit:cover;border-radius:50% 50% 0 0/35.66% 35.66% 0 0;background:#f4f7fc}
.bh5 .bh5-archfr{position:absolute;inset:0;width:100%;height:100%}
.bh5 figcaption{font-size:15px;color:#4f5a72;margin-top:6px;text-align:center;line-height:1.4}
/* 2) path cards */
.bh5 .bh5-paths{background:#fbfcfe url(../home5/tile-white.svg) 0 0/540px repeat}
.bh5 .bh5-pcs{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:26px}
.bh5 .bh5-pc{position:relative;display:flex;flex-direction:column;align-items:center;width:calc((100% - 48px)/3);min-height:250px;background:#fffdf6 url(../home5/tile-cream.svg) 0 0/360px repeat;border:1.5px solid #e2c57a;outline:1px solid #f3e3b4;outline-offset:-8px;border-radius:10px;padding:30px 30px 26px;text-decoration:none!important;color:var(--ink);text-align:center;box-shadow:0 10px 28px rgba(43,63,99,.08);transition:transform .25s ease,box-shadow .25s ease;scroll-margin-top:110px}
.bh5 .bh5-pc:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(43,63,99,.14)}
.bh5 .bh5-pc .bh5-cn{width:70px;height:70px}
.bh5 .bh5-medal{width:76px;height:76px}
.bh5 .bh5-pc h3{font-size:28px;line-height:1.2;margin:8px 0 6px;min-height:2.4em;display:flex;align-items:center;justify-content:center}
.bh5 .bh5-pc p{flex:1;margin:0 0 14px;font-size:18px!important;line-height:1.5}
.bh5 .bh5-go{font-size:16px;color:var(--gd);border-bottom:1px solid #e9cf86;font-weight:700}
/* 3) verse */
.bh5 .bh5-verse{background:#fffaf0 url(../home5/tile-cream.svg) 0 0/540px repeat;overflow:hidden}
.bh5 .bh5-verse blockquote{margin:0 auto;max-width:820px;text-align:center;font-family:'BH Serif',Georgia,serif;font-size:34px;color:var(--n);line-height:1.35;font-weight:600;border:0;padding:0}
.bh5 .bh5-sc{font-variant:small-caps}
.bh5 .bh5-verse cite{display:block;font-family:'BH Sans',system-ui,sans-serif;font-style:normal;font-size:15px;letter-spacing:3px;color:var(--gd);margin-top:10px;font-weight:700}
.bh5 .bh5-feath{position:absolute;width:150px;left:8%;top:38%;transform:rotate(-18deg);pointer-events:none}
/* 4) featured favorites */
.bh5 .bh5-fav{background:#fbfcfe url(../home5/tile-white.svg) 0 0/540px repeat}
.bh5 .bh5-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}
.bh5 .bh5-prod{position:relative;background:#fff;border:1.5px solid #e2c57a;outline:1px solid #f3e3b4;outline-offset:-8px;border-radius:10px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}
.bh5 .bh5-prod .bh5-cn{width:56px;height:56px}
.bh5 .bh5-pp{border-radius:130px 130px 10px 10px;overflow:hidden;border:2px solid #e9cf86;aspect-ratio:1/1.1;background:#f4f7fc;width:100%}
.bh5 .bh5-pp img{width:100%;height:100%;object-fit:cover;display:block}
.bh5 .bh5-prod h3{font-size:24px;line-height:1.2;margin:12px 0 2px}
.bh5 .bh5-price{margin:0 0 12px!important;color:var(--n);font-size:18px!important;font-weight:700}
.bh5 .bh5-prod .bh5-btn{margin-top:auto;font-size:16px}
.bh5 .bh5-note{text-align:center;font-size:18px!important;color:#2c3550;margin:18px auto 0}
/* 5) see them worn */
.bh5 .bh5-worn{background:#e6effa url(../home5/bg-blue.svg) center/cover}
.bh5 .bh5-worn .bh5-eb,.bh5 .bh5-worn .bh5-note{display:table;margin-left:auto;margin-right:auto;padding:3px 16px;background:rgba(255,255,255,.85);border-radius:20px}
.bh5 .bh5-wg{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px}
.bh5 .bh5-wg figcaption{display:table;margin:6px auto 0;padding:1px 10px;background:rgba(255,255,255,.8);border-radius:12px}
/* 6) story */
.bh5 .bh5-story{background:#fbfcfe url(../home5/tile-white.svg) 0 0/540px repeat}
.bh5 .bh5-sg{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.bh5 .bh5-oval{margin:0 auto;max-width:440px;width:100%}
.bh5 .bh5-ovbox{position:relative;aspect-ratio:440/380}
.bh5 .bh5-ovbox .bh5-ph{position:absolute;left:5.909%;top:6.842%;width:88.182%;height:86.316%;object-fit:cover;border-radius:50%}
.bh5 .bh5-ovfr{position:absolute;inset:0;width:100%;height:100%}
.bh5 .bh5-st h2,.bh5 .bh5-st .bh5-eb{text-align:left}
.bh5 .bh5-st ul{list-style:none;padding:0;margin:16px 0 20px}
.bh5 .bh5-st li{padding-left:34px;position:relative;margin:12px 0;font-size:19px;line-height:1.5}
.bh5 .bh5-st li:before{content:"✦";position:absolute;left:4px;top:0;color:var(--g)}
.bh5 .bh5-pn{background:#fffaf0 url(../home5/tile-cream.svg) 0 0/540px repeat;padding:18px 16px 26px;text-align:center;border-top:1px solid #ead9a8}
.bh5 .bh5-pn p{font-size:15px!important;color:#59627a;margin:4px auto 0;max-width:760px}
.bh5-rest{position:relative;z-index:1}
/* gentle motion: floating sparkles + soft reveal (only when motion is allowed, and never with Pause stars / Calm mode) */
@media (prefers-reduced-motion:no-preference){
 html:not(.bh-calm) .bh5 .bh5-sp{animation:bh5f 6s ease-in-out infinite}
 html:not(.bh-calm) .bh5 .bh5-sp.s2{animation-delay:-2s}html:not(.bh-calm) .bh5 .bh5-sp.s3{animation-delay:-4s}
 html:not(.bh-calm) .bh5 .bh5-star{animation:bh5g 5s ease-in-out infinite}
 html:not(.bh-calm) .bh5 .bh5-feath{animation:bh5d 9s ease-in-out infinite}
 html.bh5-js:not(.bh-calm) .bh5 .bh5-rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
 html.bh5-js:not(.bh-calm) .bh5 .bh5-rv.in{opacity:1;transform:none}
}
@keyframes bh5f{0%,100%{transform:translateY(0);opacity:.8}50%{transform:translateY(-8px);opacity:1}}
@keyframes bh5g{0%,100%{filter:drop-shadow(0 0 0 rgba(246,226,160,0))}50%{filter:drop-shadow(0 0 10px rgba(246,226,160,.9))}}
@keyframes bh5d{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.bh5 *{animation:none!important;transition:none!important}.bh5 .bh5-pc:hover{transform:none}}
/* tablet */
@media (max-width:1000px){.bh5 .bh5-frame{grid-template-columns:1fr 1fr;padding:34px 28px}.bh5 .bh5-hero h1{font-size:76px}.bh5 .bh5-pc{width:calc((100% - 24px)/2)}.bh5 .bh5-prods{grid-template-columns:1fr 1fr}}
/* phone */
@media (max-width:700px){
 .bh5 .bh5-wrap{padding:0 16px}
 .bh5 .bh5-s{padding:44px 0}
 .bh5 .bh5-hero{padding:72px 0 40px}
 .bh5 .bh5-frame{grid-template-columns:1fr;padding:26px 18px 28px;gap:18px}
 .bh5 .bh5-hero h1{font-size:58px}
 .bh5 .bh5-lines{font-size:22px!important}
 .bh5 .bh5-star{width:140px}
 .bh5 .bh5-cn{width:72px;height:72px}
 .bh5 .bh5-frame>.bh5-arch{max-width:250px;margin:0 auto;width:100%}
 .bh5 h2{font-size:32px}
 .bh5 .bh5-pc{width:100%;min-height:0;padding:24px 22px}
 .bh5 .bh5-pc h3{font-size:25px;min-height:0}
 .bh5 .bh5-prods{grid-template-columns:1fr 1fr;gap:14px}
 .bh5 .bh5-prod{padding:14px 10px}
 .bh5 .bh5-prod h3{font-size:19px}
 .bh5 .bh5-prod .bh5-btn{font-size:15px;padding:8px 12px;white-space:normal;justify-content:center}
 .bh5 .bh5-wg{grid-template-columns:1fr 1fr;gap:14px}
 .bh5 .bh5-wg figcaption{font-size:14px}
 .bh5 .bh5-sg{grid-template-columns:1fr;gap:16px}
 .bh5 .bh5-verse blockquote{font-size:25px}
 .bh5 .bh5-feath{display:none}
 .bh5 .bh5-pn{padding-bottom:40px}
}
/* short centred lines, as in the mockup (the site-wide left-align rule is for long paragraphs) */
.bh5 .bh5-lines,.bh5 .bh5-help,.bh5 .bh5-eb,.bh5 .bh5-sub,.bh5 .bh5-note,.bh5 .bh5-pc p,.bh5 .bh5-price,.bh5 .bh5-pn p,.bh5 figcaption{text-align:center!important}
.bh5 .bh5-st .bh5-eb{text-align:left!important}
.bh5 .bh5-nw{white-space:nowrap}
.bh5 .bh5-hero .bh5-ctas{gap:10px}
.bh5 h2::after,.bh5 h2::before{display:none!important;content:none!important}
/* v0.7.4.8 r2: quiet shipping line above the footer (Audra) */
.bh5 .bh5-ship{margin:10px auto 0;font-size:15px!important;text-align:center!important}
.bh5 .bh5-ship a{color:#2b3a5c;text-decoration:underline;text-underline-offset:3px}
.bh5.bh5-shipwrap{background:#fffaf0;border-top:1px solid #ead9a8;padding:14px 16px 22px}
/* v0.7.4.8 r2: phone, help line moves up under the hero lines and keeps clear of Haven's column (Haven = 56px at the right edge) */
@media (max-width:700px){
 .bh5 .bh5-ht{display:flex;flex-direction:column}
 .bh5 .bh5-ht>img{align-self:center}
 .bh5 .bh5-help{order:3;margin:2px 0 6px!important;padding:0 40px;box-sizing:border-box}
 .bh5 .bh5-ht>.bh5-div{order:2}
 .bh5 .bh5-ht>.bh5-ctas{order:4}
}

/* v0.7.5.0k: 3 path cards = one row of 3 on desktop (Audra); phones stay stacked */
@media (min-width:901px){.bh5 .bh5-pcs.bh5-pc3{flex-wrap:nowrap}.bh5 .bh5-pcs.bh5-pc3 .bh5-pc{width:calc((100% - 48px)/3)}}