/* ===== Round 3 · site-wide polish: header, labels, pause button, circled words ===== */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Header: only two actions */
header nav{gap:26px;font-size:16px}
header .nav-quiz{font-weight:600;border-bottom:1px solid #e3a4ae;padding:8px 0}
header .cart-pill{font-size:15.5px}

/* Pause-motion now lives quietly in the footer */
footer .motion{display:inline-flex;align-items:center;margin-top:22px;background:transparent;color:#d8bdc6;border:1px solid #6d3546;font:500 13.5px 'DM Sans',Arial,sans-serif;padding:8px 16px;min-height:40px;border-radius:30px;cursor:pointer}
footer .motion:hover{color:#faf0dd;border-color:#936075}

/* Small section labels: bigger and easier to read, still clearly below the headings */
.eyebrow,.paper-eyebrow{font-size:14.5px!important;letter-spacing:.14em!important;line-height:1.35}
.pattern-kit b,.pattern-story b,.faq-group,.fb figcaption.t{font-size:14px!important;letter-spacing:.14em!important}
@media(min-width:1100px){
 .eyebrow,.paper-eyebrow{font-size:16px!important}
 .pattern-kit b,.pattern-story b,.faq-group,.fb figcaption.t{font-size:15px!important}
}

/* Hand-circled word: same crimson hand-drawn oval and handwriting as the workbook letter */
.circled{position:relative;display:inline-block;padding:.02em .55em .1em;margin:0 .12em;font:500 1.32em/1 'Caveat','Segoe Script',cursive;letter-spacing:0;color:#8c3543;white-space:nowrap;vertical-align:baseline}
.circled::before{content:"";position:absolute;inset:-.16em -.06em -.26em;pointer-events:none;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%238c3543' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M10 31 C12 17 50 7 104 7 C158 7 197 16 193 31 C189 47 142 55 96 54 C48 53 8 47 11 32 C13 21 46 12 92 10 C140 8 188 14 191 29'/%3E%3C/g%3E%3C/svg%3E")}

@media(max-width:650px){
 header .menu{display:none!important}
 header nav,header nav.open{display:flex;width:100%;margin:0;padding:0;gap:18px;justify-content:space-between;align-items:center}
 header .cart-pill,header nav.open .cart-pill{display:inline-block;padding:9px 16px;font-size:14.5px}
 header .nav-quiz{font-size:15px}
 header{height:auto;min-height:0;padding:12px 18px;gap:10px 14px}
}

/* ===== Round 5: every small label gets a thin underline in its own colour ===== */
.eyebrow{display:block;width:fit-content;border-bottom:1px solid currentColor;padding-bottom:9px;margin-bottom:16px}
.faq-group{width:fit-content;border-bottom:1px solid currentColor;padding-bottom:9px}
.hero .eyebrow{display:block}
.kit-panel .eyebrow{margin-left:0}
span.eyebrow:not(:only-child){margin-bottom:16px}

/* ===== Round 5: the faint rope-knot background, on every section (cream and burgundy) ===== */
.gym,.shelves,.offer,.faq,.sample-signup,.babysit-band,footer{position:relative;isolation:isolate;overflow:hidden}
:is(.gym,.shelves,.offer,.faq,.sample-signup,.babysit-band,footer)::before,
:is(.gym,.shelves,.offer,.faq,.sample-signup,.babysit-band,footer)::after{content:"";position:absolute;z-index:-1;pointer-events:none;height:auto;aspect-ratio:1;background:url(cinematic/rendered/background-knot.webp) center/contain no-repeat;-webkit-mask-image:radial-gradient(ellipse at center,#000 22%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 22%,transparent 70%);mix-blend-mode:multiply;opacity:.17}
:is(.gym,.shelves,.offer,.faq,.sample-signup,.babysit-band,footer)::before{width:clamp(260px,24vw,460px);right:-3%;left:auto;top:6%;bottom:auto;transform:rotate(28deg)}
:is(.gym,.shelves,.offer,.faq,.sample-signup,.babysit-band,footer)::after{width:clamp(220px,20vw,380px);left:-4%;right:auto;bottom:6%;top:auto;transform:rotate(-34deg)}
:is(.babysit-band,footer)::before,:is(.babysit-band,footer)::after{mix-blend-mode:normal;opacity:.13;filter:brightness(1.9) saturate(.85)}
.babysit-band::before,.babysit-band::after{width:clamp(180px,16vw,300px)}
.babysit-band::before{top:-30%}.babysit-band::after{bottom:-30%}

/* ===== Round 7 · sitewide: hand-circled words in the "babysit" script, night banner in the wordmark serif, footer logo + contact ===== */
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url(shared/fonts/GreatVibes-latin.woff2) format('woff2')}
.circled{font:400 1.62em/1 'Great Vibes','Snell Roundhand',cursive;letter-spacing:0;padding:.02em .5em .1em}
.night-note{font:400 20px/1.4 'Instrument Serif',Georgia,serif;letter-spacing:.005em}
.night-note b{font-weight:400;font-style:italic}
footer .brand{display:inline-flex;align-items:center;gap:12px}
footer .brand .f-mark{width:40px;height:40px;border-radius:9px;flex:none;display:block}
footer .f-contact{list-style:none;display:flex;flex-wrap:wrap;gap:12px 34px;margin:20px 0 4px;padding:0}
footer .f-contact li{margin:0}
footer .f-contact a{display:inline-flex;align-items:center;gap:11px;color:#faf0dd;text-decoration:none;font:500 15.5px/1.2 'DM Sans',Arial,sans-serif;padding-bottom:4px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
footer .f-contact a:hover,footer .f-contact a:focus-visible{border-bottom-color:#efce9e;color:#fff}
footer .f-contact span{display:inline;margin:0;color:inherit}
footer .f-contact svg{width:22px;height:22px;flex:none;fill:none;stroke:#efce9e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#efce9e}
footer .brand .wm,footer span .wm{display:inline;margin:0}

/* ===== Round 8 ===== */
.night-note{font-weight:700;-webkit-text-stroke:.35px currentColor}
.night-note b{font-weight:700;font-style:italic}
footer .f-contact{gap:14px 40px;margin:22px 0 6px}
footer .f-contact a{font:700 27px/1 'Great Vibes','Snell Roundhand',cursive;letter-spacing:.01em;padding-bottom:6px;gap:12px;-webkit-text-stroke:.3px currentColor}
footer .f-contact .ig-logo{width:28px;height:28px;stroke:none;fill:none;border-radius:8px}
footer .f-contact svg:not(.ig-logo){width:26px;height:26px}
/* Round 8: checkout — guided-audio card sits right next to the kit */
@media(min-width:1100px){
 .order-grid{grid-template-columns:2.25fr 1fr;gap:34px}
 .order-grid>div:not(.grid-sea){display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
 .order-grid .order-kit{flex-direction:column;align-items:flex-start;gap:18px}
 .order-grid .order-kit img{width:150px;height:215px}
 .order-grid .audio-wave-wrap{padding-bottom:0;display:flex}
 .order-grid .audio-invite{flex:1;justify-content:center}
}
@media(min-width:1100px){.order-grid .audio-wave-wrap{margin:0;padding:0;align-self:stretch}.order-grid .audio-invite{height:100%}}

/* ===== Round 9 ===== */
.night-note{font-weight:400;-webkit-text-stroke:0}
.night-note b{font-weight:400;font-style:italic}
footer .f-contact a{font:400 27px/1 'Instrument Serif',Georgia,serif!important;-webkit-text-stroke:0;letter-spacing:0}
footer .f-contact a span{font:inherit}
/* kit covers: same clean floating look as the main page, no brown page-edges */
.cover-object img{box-shadow:none!important;border-radius:0!important}
/* checkout */
.order-grid{position:relative}
.order-grid>div:not(.grid-sea),.order-grid>aside{position:relative;z-index:1}
.order-grid>.grid-sea{inset:-70px -6% -70px;z-index:0;color:#b44a68}
.order-grid>.grid-sea svg{left:0;top:0;width:100%;height:100%;bottom:auto}
.order-grid>.grid-sea path{stroke-width:3.4;opacity:.7;vector-effect:non-scaling-stroke}
.order-grid>.grid-sea path:nth-child(2){opacity:.4;stroke-width:2.2}
.order-grid>.grid-sea path:nth-child(3){opacity:.65;stroke:#b7904b;stroke-width:2.6}
.order-grid .audio-invite{background:#fbf3e4;border:1.5px solid #d8c3bc;box-shadow:0 14px 28px #6b2f4518}
.order-grid .audio-invite:before{background:linear-gradient(110deg,transparent 42%,#fff8 49%,transparent 56%)}
.order-summary .sum-brand{display:flex;align-items:center;gap:12px;font-size:34px;line-height:1.05;margin:8px 0 6px}
.order-summary .sum-brand img{flex:none;width:42px;height:42px;border-radius:10px}
.order-summary .sum-brand .wm{font-size:1em}
.summary-audio{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:13px 16px;border:1px solid #805566;border-radius:10px;cursor:pointer;font-size:15.5px;background:#ffffff0d}
.summary-audio input{width:20px;height:20px;accent-color:#efce9e;flex:none}
.summary-audio b{color:#efce9e}
.summary-audio:hover{background:#ffffff1a}
@media(min-width:1100px){.order-grid .audio-invite .equalizer{top:auto;bottom:22px;right:24px;left:auto}.order-grid .audio-invite small{max-width:72%}}
/* Round 10: night banner first sentence not italic; hero caption in the pink of the headline */
.night-note b{font-style:normal!important}
@media(min-width:901px){.hero-art .rope-caption,.scroll-story .hero .rope-caption{color:#f2b9c4!important}}