:root{--plum:#38283c;--ink:#302733;--ivory:#f8f4eb;--paper:#eee6d7;--gold:#a77830;--muted:#6e626a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.07;letter-spacing:-.035em}h1{font-size:clamp(3.5rem,6.7vw,7rem)}h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}h3{font-size:1.15rem;font-weight:500;line-height:1.4}p+p{margin-top:1rem}a{color:inherit}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-90px;z-index:20;background:white;padding:1rem}.skip:focus{top:0}header{position:sticky;top:0;z-index:10;background:var(--plum);color:white;display:flex;align-items:center;gap:2rem;padding:18px 5vw;min-height:92px}.brand{display:block;flex-shrink:0;width:155px}.brand img{width:100%;display:block}nav{margin-left:auto;display:flex;gap:2rem;font-size:.9rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 26px;background:var(--plum);color:white;text-decoration:none;font-size:.92rem;border:1px solid var(--plum);transition:background .2s}.button:hover{background:#59425d}.button.small{background:var(--ivory);color:var(--plum);min-height:44px;padding:10px 20px}.button.light{background:var(--ivory);color:var(--plum)}.menu{display:none}.hero{padding:65px 5vw 50px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;max-width:1600px;margin:auto}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.17em;margin-bottom:25px;font-weight:600}.hero h1 em{color:var(--gold);font-weight:400}.intro{max-width:410px;margin-top:26px;font-size:1.15rem;line-height:1.65}.actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.text-link{text-underline-offset:6px;font-size:.93rem}.quiet{font-size:.82rem;max-width:440px;color:var(--muted);margin-top:24px}.hero-image{position:relative;padding-top:15px}.hero-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50% 50% 0 0;display:block}.hero-image figcaption,figure figcaption{font-size:.8rem;color:var(--muted);margin-top:14px}.ribbon{border-top:1px solid #d8cbb7;border-bottom:1px solid #d8cbb7;padding:20px;text-align:center;font-family:Georgia,serif;font-size:1.15rem;word-spacing:1rem}.ribbon span{color:var(--gold);font-size:.8rem}section:not(.hero){padding:90px 8vw}section{scroll-margin-top:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.split p{max-width:580px}.large{font-family:Georgia,serif;font-size:1.65rem;line-height:1.45}.section-heading{max-width:700px;margin-bottom:45px}.section-heading>p:last-child{margin-top:20px;max-width:500px}.how{background:var(--paper)}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.step{display:flex;gap:22px;text-align:left;width:100%;background:transparent;border:0;border-top:1px solid #cfc2af;padding:22px 12px;color:var(--muted);transition:background .2s}.step:last-child{border-bottom:1px solid #cfc2af}.step>span{font-family:Georgia,serif;font-size:1.3rem;color:var(--gold)}.step p{font-size:.9rem;margin-top:8px;max-width:360px}.step.active{color:var(--ink);background:#f8f4eb}.ritual{position:relative}.ritual img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.ritual.glow img{filter:brightness(1.12);box-shadow:0 0 40px #c5975355}.kit-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center}.kit-layout img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block}.components details,.faq details{border-top:1px solid #cebfcc;padding:20px 0}.components details:last-child,.faq details:last-child{border-bottom:1px solid #cebfcc}summary{cursor:pointer;list-style:none;position:relative;padding-right:35px;font-size:1.05rem}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;font-size:1.35rem;top:-4px}details[open]>summary::after{content:'−'}.components summary>span{color:var(--gold);margin-right:20px;font-size:.9rem}.components p,.faq details p{padding:16px 30px 0 0;max-width:650px;color:var(--muted)}.benefits{background:var(--plum);color:var(--ivory)}.benefits .eyebrow{color:#dac292}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.benefit-grid article{border-top:1px solid #a58ba0;padding-top:22px}.benefit-grid p{font-size:.95rem;margin-top:14px;color:#e0d6db}.experience{text-align:center}.themes{display:flex;justify-content:center;gap:28px;margin:35px 0}.themes button{border:0;border-bottom:1px solid transparent;background:none;padding:12px 5px;color:var(--muted)}.themes button.selected{color:var(--plum);border-color:var(--gold)}.sample{display:grid;grid-template-columns:1fr 1fr;max-width:930px;margin:0 auto 28px;align-items:stretch;text-align:left}.sample-image{overflow:hidden}.sample img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .5s}.sample.lit img{filter:brightness(1.15)}.note{background:var(--paper);padding:45px;display:flex;flex-direction:column;justify-content:center}.note .eyebrow{font-size:.75rem}.note-title{font-family:Georgia,serif;font-size:2.2rem;line-height:1.2}.note #note-copy{font-size:.95rem;margin-top:25px}.placeholder-label{font-size:.75rem;margin-top:20px;color:var(--muted)}.story{background:#e9dfed;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.story p{max-width:500px;margin-top:20px}.story img{width:100%;max-height:470px;object-fit:contain}.family{text-align:center;background:var(--ivory)}.family .large{margin-top:30px}.family>p:not(.eyebrow){max-width:700px;margin-left:auto;margin-right:auto}.family details{max-width:700px;margin:35px auto 0;border-top:1px solid #d8cbb7;padding-top:20px;text-align:left}.family details p{font-size:.9rem}.practical{background:var(--paper)}.practical ul{list-style:none;padding:0;margin:25px 0}.practical li{padding:10px 0;border-bottom:1px solid #d4c9ba}.founder{text-align:center}.founder>p:not(.eyebrow){max-width:650px;margin:30px auto 0}.signature{font-family:Georgia,serif;font-size:1.5rem}.signature span{display:block;font-family:Arial,sans-serif;font-size:.8rem;margin-top:8px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;background:#f0e9f0}.faq .section-heading{margin:0}.waitlist{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--plum);color:var(--ivory);align-items:center}.waitlist p{max-width:480px;margin-top:22px}.waitlist .button{margin-top:28px}.waitlist .quiet{color:#d8cbd6}.waitlist img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50% 50% 0 0}footer{background:#261d2a;color:var(--ivory);padding:50px 5vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;font-size:.87rem}footer .brand{width:180px}footer a{text-underline-offset:5px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links button{border:0;background:none;color:inherit;padding:0;font-size:.87rem;text-decoration:underline;text-underline-offset:5px}.copyright{grid-column:1/-1;border-top:1px solid #5a445c;padding-top:20px;font-size:.78rem;color:#d6cbd5}dialog{border:1px solid #c9b8cb;max-width:600px;width:90%;background:var(--ivory);color:var(--ink);padding:40px}dialog::backdrop{background:#25152999}dialog h2{font-size:2rem;margin:20px 0}dialog .close{display:block;margin-left:auto;border:0;background:transparent;text-decoration:underline}
@media(max-width:1000px){nav{gap:1rem}header{gap:1rem;padding:15px 4vw}.brand{width:125px}h1{font-size:4.8rem}.benefit-grid{grid-template-columns:1fr 1fr}.hero{gap:3vw}.note{padding:28px}}
@media(max-width:760px){html{scroll-padding-top:90px}header{min-height:80px;gap:12px}.brand{width:110px}.menu{display:block;background:transparent;color:white;border:0;font-size:.85rem;margin-left:auto;padding:10px 0}header .button.small{font-size:.75rem;padding:9px 12px;min-height:42px}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:22px;background:var(--plum);flex-direction:column;gap:20px}nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:40px 6vw;gap:35px;align-items:stretch}h1{font-size:clamp(3.4rem,12vw,5.5rem)}h2{font-size:clamp(2.4rem,8vw,3.6rem)}.hero .eyebrow{margin-bottom:20px}.intro{font-size:1rem}.actions{gap:20px}.quiet{margin-top:18px}.hero-image{max-width:500px;width:100%;align-self:center}.ribbon{font-size:.9rem;word-spacing:.3rem;padding:18px 6px}.ribbon span{font-size:.6rem}section:not(.hero){padding:60px 6vw}.split,.how-layout,.kit-layout,.story,.faq,.waitlist{grid-template-columns:1fr;gap:30px}.large{font-size:1.45rem}.section-heading{margin-bottom:30px}.step{padding:20px 8px}.ritual{max-width:500px}.benefit-grid{gap:24px;margin-top:35px}.benefit-grid h3{font-size:1.05rem}.benefit-grid p{font-size:.88rem}.themes{gap:10px;flex-wrap:wrap;margin:25px 0}.themes button{font-size:.85rem;padding:12px 7px}.sample{grid-template-columns:1fr}.sample-image{max-height:260px}.sample img{height:260px;object-position:center 40%}.note{padding:30px}.note-title{font-size:1.9rem}.story img{max-height:330px}.waitlist img{max-width:500px}footer{grid-template-columns:1fr;gap:30px;padding:40px 6vw}.copyright{grid-column:1}.button{min-height:50px}.eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Centered presentation, preserving the original arched design. */
header{display:grid;grid-template-columns:1fr auto 1fr;gap:12px 25px;padding-top:19px;padding-bottom:15px}header>.brand{grid-column:2;grid-row:1;width:165px;justify-self:center}header>.button{grid-column:3;grid-row:1;justify-self:end}header>nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:center;gap:35px;padding-top:12px}.hero{display:flex;flex-direction:column;text-align:center;gap:35px;padding-top:55px;padding-bottom:55px}.hero-copy{max-width:1000px;width:100%}.hero h1{font-size:clamp(3.1rem,5.8vw,6rem);line-height:1.12}.hero .intro{max-width:570px;margin:25px auto 0}.hero .actions{justify-content:center}.hero .quiet{max-width:600px;margin:22px auto 0}.hero-image{max-width:580px;width:100%;padding-top:0;align-self:center}.hero-image img{aspect-ratio:1.15}.section-heading{max-width:900px;text-align:center;margin-left:auto;margin-right:auto}.section-heading>p:last-child{margin-left:auto;margin-right:auto}.split{grid-template-columns:1fr;gap:28px;text-align:center}.split>div{max-width:760px;width:100%;margin:auto}.split p{max-width:760px;margin-left:auto;margin-right:auto}.benefits{text-align:center}.benefit-grid{text-align:left}.story{grid-template-columns:1fr;text-align:center;gap:30px}.story>div{max-width:760px;margin:auto}.story p{max-width:650px;margin-left:auto;margin-right:auto}.story img{max-width:450px;max-height:430px;justify-self:center}.practical ul{max-width:620px;margin-left:auto;margin-right:auto;text-align:left}.faq{grid-template-columns:1fr;gap:40px}.faq .section-heading{margin:auto}.faq-list{max-width:820px;width:100%;margin:auto}.waitlist{grid-template-columns:1fr;text-align:center;gap:35px}.waitlist>div{max-width:750px;margin:auto}.waitlist p{margin-left:auto;margin-right:auto}.waitlist img{max-width:480px;justify-self:center}
@media(max-width:760px){header{grid-template-columns:1fr auto 1fr;gap:10px;padding:12px 4vw;min-height:80px}header>.brand{width:120px;grid-row:1;grid-column:2}header>.menu{grid-column:1;grid-row:1;justify-self:start;margin:0}header>.button{grid-column:3;grid-row:1;font-size:.7rem;padding:8px 10px;max-width:90px;text-align:center}header>nav{position:absolute;grid-row:auto;gap:20px;padding:22px;align-items:center;top:100%}.hero{padding:35px 6vw 40px;gap:28px}.hero h1{font-size:clamp(2.7rem,9.4vw,4.6rem)}.hero-image{max-width:480px}.hero .intro{font-size:1rem}.hero .quiet{font-size:.8rem}.hero-image img{aspect-ratio:1.05}.story img{max-height:340px}.faq{gap:25px}.waitlist img{max-width:440px}.split{gap:24px}.benefit-grid{text-align:left}}
/* A quiet, consistent rounding for every button. */
.button,button{border-radius:6px}
/* Palette matched to the supplied TMM brand-guide swatches. */
:root{--brand-navy:#192d4a;--brand-orange:#f19f10;--brand-teal:#215a51;--brand-plum:#661f59;--brand-raspberry:#c71843;--brand-cream:#eadcb9;--plum:var(--brand-plum);--ink:var(--brand-navy);--ivory:#fcfaf4;--paper:#f4eddc;--gold:var(--brand-plum);--muted:#506078}
header{background:var(--brand-navy)}.button{background:var(--brand-plum);border-color:var(--brand-plum);color:white}.button:hover{background:#501746;border-color:#501746}.button.small,.button.light{background:var(--brand-cream);border-color:var(--brand-cream);color:var(--brand-navy)}.button.small:hover,.button.light:hover{background:#f3e8cd}.hero h1 em{color:var(--brand-plum)}.ribbon{border-color:var(--brand-cream)}.ribbon span{color:var(--brand-orange)}.how{background:#f4eddc}.step{border-color:#d9c9a5;color:#506078}.step>span{color:var(--brand-plum)}.step.active{background:#fcfaf4;color:var(--brand-navy)}.components details,.faq details{border-color:#d7cbd6}.components summary>span{color:var(--brand-plum)}.benefits{background:var(--brand-teal);color:white}.benefits .eyebrow{color:var(--brand-cream)}.benefit-grid article{border-color:#789e92}.benefit-grid p{color:#f4f0e4}.themes button{color:#506078}.themes button.selected{color:var(--brand-plum);border-color:var(--brand-orange)}.note{background:var(--brand-cream)}.story{background:#f2eaf0}.family details{border-color:var(--brand-cream)}.practical{background:#f4eddc}.practical li{border-color:#d9c9a5}.faq{background:#f5f0f4}.waitlist{background:var(--brand-plum);color:white}.waitlist .eyebrow{color:var(--brand-cream)}.waitlist .quiet{color:#f0e5ee}footer{background:var(--brand-navy);color:white}.copyright{border-color:#53627a;color:#e8edf4}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-raspberry)}.ritual.glow img{box-shadow:0 0 35px #f19f1030}
@media(max-width:760px){nav{background:var(--brand-navy)}}

/* Fine, irregular paper tears on the pale tan and lavender blocks. */
.how,.story,.practical,.faq{position:relative;isolation:isolate}
.how::before,.how::after,.story::before,.story::after,.practical::before,.practical::after,.faq::before{content:"";position:absolute;left:0;right:0;height:18px;background:inherit;pointer-events:none;z-index:-1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%2218%22%20viewBox%3D%220%200%20240%2018%22%3E%3Cpath%20d%3D%22M0%209%20L5%208%20L9%2010%20L14%206%20L19%207%20L23%204%20L29%206%20L34%205%20L39%208%20L43%207%20L49%2010%20L54%208%20L59%209%20L64%205%20L69%206%20L74%203%20L79%205%20L84%204%20L90%208%20L95%207%20L101%209%20L106%206%20L111%208%20L117%207%20L122%2011%20L127%209%20L132%2010%20L138%206%20L143%207%20L148%204%20L154%206%20L159%205%20L164%208%20L169%207%20L175%209%20L180%206%20L185%207%20L191%204%20L196%206%20L201%205%20L207%208%20L212%206%20L217%209%20L223%207%20L229%2010%20L234%208%20L240%209%20L240%2018%20L0%2018%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%2218%22%20viewBox%3D%220%200%20240%2018%22%3E%3Cpath%20d%3D%22M0%209%20L5%208%20L9%2010%20L14%206%20L19%207%20L23%204%20L29%206%20L34%205%20L39%208%20L43%207%20L49%2010%20L54%208%20L59%209%20L64%205%20L69%206%20L74%203%20L79%205%20L84%204%20L90%208%20L95%207%20L101%209%20L106%206%20L111%208%20L117%207%20L122%2011%20L127%209%20L132%2010%20L138%206%20L143%207%20L148%204%20L154%206%20L159%205%20L164%208%20L169%207%20L175%209%20L180%206%20L185%207%20L191%204%20L196%206%20L201%205%20L207%208%20L212%206%20L217%209%20L223%207%20L229%2010%20L234%208%20L240%209%20L240%2018%20L0%2018%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:240px 18px;mask-size:240px 18px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
.how::before,.story::before,.practical::before,.faq::before{top:-17px}
.how::after,.story::after,.practical::after{bottom:-17px;transform:rotate(180deg)}
@media(max-width:760px){.how::before,.how::after,.story::before,.story::after,.practical::before,.practical::after,.faq::before{height:14px;-webkit-mask-size:200px 14px;mask-size:200px 14px}.how::before,.story::before,.practical::before,.faq::before{top:-13px}.how::after,.story::after,.practical::after{bottom:-13px}}
/* Gentle rounding across photos and contained content panels. */
:root{--corner:8px}
main img{border-radius:var(--corner)}
.hero-image img,.waitlist img{border-radius:50% 50% var(--corner) var(--corner)}
.sample{border-radius:var(--corner);overflow:hidden}
.sample img{border-radius:0}
.note,.sample-image,.step,.components details,.faq details,.family details,.benefit-grid article,dialog{border-radius:var(--corner)}
.sample .note,.sample .sample-image{border-radius:0}
@media(max-width:760px){nav.open{border-radius:0 0 var(--corner) var(--corner)}}

/* Match the header waitlist CTA to the primary plum button. */
header .button.small{background:var(--brand-plum);border-color:var(--brand-plum);color:white}
header .button.small:hover{background:#501746;border-color:#501746}

.hero-image video{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:50% 50% var(--corner) var(--corner)}

@media(max-width:760px){.hero-image video{aspect-ratio:1.05}}

.hero-image video{cursor:pointer;touch-action:manipulation}
.hero-image video:focus-visible{outline:3px solid var(--brand-raspberry);outline-offset:5px}

/* Supplied gold sparkle clusters, placed in the section margins. */
.hero,#inside,.experience,.founder{position:relative}
main section>.sparkle{position:absolute;top:24px;width:clamp(65px,8vw,110px);height:auto;aspect-ratio:auto;border-radius:0;pointer-events:none;user-select:none;object-fit:contain;z-index:0}
main section>.sparkle-left{left:2.5vw}
main section>.sparkle-right{right:2.5vw}
.hero>.sparkle{top:auto;bottom:100px;left:max(3vw,calc(50% - 430px));width:105px}
.story>.sparkle{justify-self:auto;max-height:none;max-width:none}
.waitlist>.sparkle{max-width:none;aspect-ratio:auto;border-radius:0;justify-self:auto}
@media(max-width:760px){main section>.sparkle{top:12px;width:44px}.hero>.sparkle{top:auto;bottom:55px;left:1.5vw;width:54px}}

/* Larger alternating gold clusters, with both sides explicitly anchored. */
main section>.sparkle{top:6px;width:clamp(110px,12vw,155px)}
main section>.sparkle-left{left:2vw;right:auto}
main section>.sparkle-right{right:2vw;left:auto}
.hero>.sparkle-left{top:auto;bottom:100px;left:max(2vw,calc(50% - 455px));right:auto;width:145px}
@media(max-width:760px){main section>.sparkle{top:4px;width:68px}.hero>.sparkle-left{top:auto;bottom:45px;left:1vw;width:78px}}

/* Original Canva crescent moon paired with selected sparkle clusters. */
main section>.moon{position:absolute;top:85px;width:clamp(65px,7vw,95px);height:auto;aspect-ratio:auto;border-radius:0;object-fit:contain;pointer-events:none;user-select:none;z-index:0}
main section>.moon-left{left:5vw;right:auto}
main section>.moon-right{right:5vw;left:auto}
.hero>.moon-left{top:auto;bottom:245px;left:max(4vw,calc(50% - 420px));width:90px}
.waitlist>.moon{filter:invert(1);max-width:none;justify-self:auto}
@media(max-width:760px){main section>.moon{top:73px;width:44px}.hero>.moon-left{top:auto;bottom:125px;left:3vw;width:50px}}

/* Gold crescent at the lower right of the first arch. */
.hero>.hero-moon{top:auto;bottom:65px;left:auto;right:max(3vw,calc(50% - 445px));width:95px}
@media(max-width:760px){.hero>.hero-moon{top:auto;bottom:42px;left:auto;right:1vw;width:55px}}

/* Footer crescent, kept clear of links and copyright text. */
footer{position:relative;padding-bottom:110px}
footer>.footer-moon{position:absolute;bottom:20px;right:4vw;width:90px;height:auto;border-radius:0;pointer-events:none;user-select:none}
@media(max-width:760px){footer{padding-bottom:105px}footer>.footer-moon{width:65px;right:6vw;bottom:18px}}

/* Outline-only moon beside the footer links. */
footer{padding-bottom:50px}
.footer-links{position:relative;padding-right:100px;min-height:100px}
.footer-links>.footer-moon{position:absolute;top:0;right:0;bottom:auto;width:82px;height:auto;border-radius:0;pointer-events:none;user-select:none}
@media(max-width:760px){footer{padding-bottom:40px}.footer-links{padding-right:90px;min-height:95px}.footer-links>.footer-moon{width:72px;right:0;top:0}}
/* Keep the sticky bar opaque and contain any stray header paint. */
header{isolation:isolate;background:var(--brand-navy);box-shadow:none}
header::before,header::after{content:none;display:none}
.hero{overflow:clip}
.skip:not(:focus){position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:761px){header{overflow:clip}header>.menu{display:none!important}}

/* All remaining section decorations are anchored to their section. */
.waitlist{position:relative}

.waitlist>.note-video{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 60%;border-radius:50% 50% var(--corner) var(--corner);justify-self:center;cursor:pointer;touch-action:manipulation}
.note-video:focus-visible{outline:3px solid var(--brand-cream);outline-offset:5px}
@media(max-width:760px){.waitlist>.note-video{max-width:440px}}

/* Pinecone Pilots arrive once as their story illustration comes into view. */
.story>.pilot-flight{width:calc(100% + 16vw);max-width:none;margin:0 -8vw;overflow:hidden;padding:20px 8vw 10px}
.pilot-art{width:min(560px,100%);margin:auto}
.pilot-crop{position:relative;width:100%;aspect-ratio:849/454;overflow:hidden}
.pilot-crop img{position:absolute;left:-120.61%;top:-9.03%;width:241.23%;max-width:none;max-height:none;height:auto;object-fit:initial;border-radius:0}
.pilot-flight.ready .pilot-art{opacity:0;transform:translateX(-100vw)}
.pilot-flight.arrived .pilot-art{animation:pilots-arrive 2.5s cubic-bezier(.2,.65,.25,1) both}
@keyframes pilots-arrive{0%{opacity:0;transform:translate(-100vw,28px)}20%{opacity:1}75%{transform:translate(12px,-8px)}100%{opacity:1;transform:translate(0,0)}}
@media(max-width:760px){.story>.pilot-flight{width:calc(100% + 12vw);margin:0 -6vw;padding:12px 6vw}.pilot-art{width:min(420px,100%)}}
@media(prefers-reduced-motion:reduce){.pilot-flight.ready .pilot-art,.pilot-flight.arrived .pilot-art{opacity:1;transform:none;animation:none}}

/* A slower arrival, settling partly beyond the founder section's left edge. */
.founder>.pilot-flight{width:calc(100% + 16vw);max-width:none;margin:25px -8vw -20px;overflow:hidden;padding:20px 0 10px}
.founder .pilot-art{width:min(520px,70vw);margin:0 0 0 -65px}
.founder .pilot-flight.arrived .pilot-art{animation:pilots-founder-arrive 5s cubic-bezier(.16,.5,.25,1) both}
@keyframes pilots-founder-arrive{0%{opacity:0;transform:translate(-100vw,18px)}15%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
@media(max-width:760px){.founder>.pilot-flight{width:calc(100% + 12vw);margin:20px -6vw -15px;padding:12px 0}.founder .pilot-art{width:min(390px,90vw);margin-left:-42px}}
@media(prefers-reduced-motion:reduce){.founder .pilot-flight.arrived .pilot-art{animation:none;opacity:1;transform:none}}

/* Pilots fly alongside the founder note, avoiding a separate empty row. */
.founder .pilot-flight.arrived .pilot-art{animation:pilots-swoop 3.4s cubic-bezier(.2,.55,.25,1) both}
@keyframes pilots-swoop{0%{opacity:0;transform:translate(-100vw,35px)}15%{opacity:1}48%{transform:translate(-100px,-20px)}73%{transform:translate(-25px,9px)}90%{transform:translate(0,-4px)}100%{opacity:1;transform:translate(0,0)}}
@media(min-width:901px){
 .founder{padding-left:43vw!important;padding-right:8vw!important;min-height:500px}
 .founder h2{font-size:clamp(2.5rem,4vw,4rem)}
 .founder>.pilot-flight{position:absolute;left:0;bottom:65px;width:41vw;margin:0;padding:20px 0 10px}
 .founder .pilot-art{width:min(520px,100%);margin-left:-45px}
}
@media(max-width:900px){.founder>.pilot-flight{margin-top:0}.founder .pilot-art{width:min(520px,94vw)}}
@media(prefers-reduced-motion:reduce){.founder .pilot-flight.arrived .pilot-art{animation:none;opacity:1;transform:none}}
/* Story copy and fairies mirror the founder-and-pilots composition. */
@media(min-width:901px){
 .story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5vw;align-items:center;text-align:center;min-height:520px}
 .story>div{grid-column:1;grid-row:1;width:100%;max-width:650px}
 .story>img:not(.sparkle){grid-column:2;grid-row:1;width:100%;max-width:480px;max-height:470px;justify-self:center;object-fit:contain}
 .story h2{font-size:clamp(2.5rem,4vw,4rem)}
 .story p{max-width:570px}
}

/* Flutter the wing portions of the supplied illustration; keep faces and bodies still. */
.story>.fairy-scene{position:relative;width:100%;max-width:450px;margin:0;justify-self:center;isolation:isolate}
.story .fairy-scene>img:first-child{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}
.fairy-scene .wing{position:absolute;inset:0;pointer-events:none;animation:wing-flutter .26s ease-in-out infinite alternate;filter:drop-shadow(0 0 2px #f6dea780)}
.story .fairy-scene .wing img{display:block;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:fill}
.wing-1{transform-origin:23% 43%;animation-delay:-.08s!important}
.wing-1 img{clip-path:polygon(13% 48%,14% 44%,18% 41%,22% 40%,23% 46%,20% 50%,13% 52%)}
.wing-2{transform-origin:33% 45%}
.wing-2 img{clip-path:polygon(32% 42%,34% 42%,36% 48%,34% 49%,32% 49%)}
.wing-3{transform-origin:42% 47%;animation-delay:-.12s!important}
.wing-3 img{clip-path:polygon(35% 40%,38% 40%,41% 44%,40% 47%,43% 48%,42% 50%,37% 50%,36% 47%)}
.wing-4{transform-origin:52% 47%;animation-delay:-.04s!important}
.wing-4 img{clip-path:polygon(54% 43%,56% 40%,59% 40%,58% 45%,56% 47%,57% 49%,53% 51%,52% 48%)}
.wing-5{transform-origin:74% 39%;animation-delay:-.1s!important}
.wing-5 img{clip-path:polygon(73% 36%,75% 27%,79% 27%,79% 32%,85% 29%,89% 28%,91% 29%,91% 33%,84% 37%,85% 40%,78% 43%,75% 43%)}
@keyframes wing-flutter{from{transform:scaleX(.88) rotate(-1deg);filter:brightness(1.02) drop-shadow(0 0 2px #f6dea780)}to{transform:scaleX(1.035) rotate(1deg);filter:brightness(1.12) drop-shadow(0 0 4px #f6dea790)}}
.story .fairy-scene>.wing-sparkle{position:absolute;width:13%;height:auto;max-height:none;border-radius:0;pointer-events:none;animation:wing-shimmer 2.4s ease-in-out infinite}
.wing-sparkle-one{left:78%;top:31%}
.wing-sparkle-two{left:36%;top:41%;animation-delay:-1.2s!important}
@keyframes wing-shimmer{0%,100%{opacity:.2;transform:scale(.85)}50%{opacity:.8;transform:scale(1)}}
@media(min-width:901px){.story>.fairy-scene{grid-column:2;grid-row:1;max-width:480px}}
@media(prefers-reduced-motion:reduce){.fairy-scene .wing{animation:none;display:none}.story .fairy-scene>.wing-sparkle{animation:none;opacity:.5}}

/* Faster wing flutter, excluding the right fairy's ear and face. */
.fairy-scene .wing{animation-duration:.14s;filter:none}
.wing-5{transform-origin:80% 39%}
.wing-5 img{clip-path:polygon(80% 37%,80% 34%,84% 31%,89% 28%,91% 29%,91% 33%,84% 37%,85% 40%,79% 42%,79% 39%)}
@keyframes wing-flutter{from{transform:scaleX(.9) rotate(-.6deg);filter:none}to{transform:scaleX(1.025) rotate(.6deg);filter:none}}
/* Smaller, calmer wing movement. */
.fairy-scene .wing{animation-duration:.24s}
@keyframes wing-flutter{from{transform:scaleX(.985) rotate(-.15deg);filter:none}to{transform:scaleX(1.008) rotate(.15deg);filter:none}}
/* A level glide, stopping at the existing left-edge position. */
.founder .pilot-flight.arrived .pilot-art{animation:pilots-glide 3.4s cubic-bezier(.25,.25,.35,1) both}
@keyframes pilots-glide{0%{opacity:0;transform:translateX(-100vw)}12%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.founder .pilot-flight.arrived .pilot-art{animation:none;opacity:1;transform:none}}

/* Quicker arrival as the founder section approaches the viewport. */
.founder .pilot-flight.arrived .pilot-art{animation-duration:1.1s}
/* A small invitation, written into the story. */
.waitlist-copy{position:relative;z-index:1}.waitlist-copy>p:not(.eyebrow){margin-top:24px;max-width:420px}.signup-star{font-size:.65em;white-space:nowrap}#waitlist-form{margin-top:30px;max-width:430px;text-align:left}.signup-field{margin-bottom:16px}.signup-field label{display:block;font-size:.85rem;letter-spacing:.03em;margin-bottom:7px}.signup-field input{width:100%;min-height:50px;background:#fcfaf4;color:#192D4A;border:1px solid #eadcb9;border-radius:6px;padding:12px 15px;font:inherit;box-shadow:inset 0 1px 3px #192d4a08}.signup-field input:focus-visible{outline:2px solid #f19f10;outline-offset:3px}.signup-field input[aria-invalid=true]{border:2px solid #f19f10}.waitlist .field-error{font-size:.83rem;color:#fff1cb;line-height:1.5;margin-top:6px;min-height:0}.field-error:empty{display:none}.signup-button{display:flex;margin:6px auto 0;box-shadow:0 0 22px #f19f1015}.signup-button:disabled{cursor:wait;opacity:.75}.signup-confirmation{margin-top:35px;max-width:440px;position:relative;padding:18px 0}.signup-confirmation h3{font-family:Georgia,serif;font-size:2rem;color:#eadcb9}.signup-confirmation h4{margin:18px 0 0;color:#eadcb9;font-family:Georgia,serif;font-size:1.2rem;font-weight:500}.signup-confirmation .survey-link{display:inline-block;margin-top:20px;color:#fff1cb;text-decoration:underline;text-decoration-color:#d8a329;text-underline-offset:5px}.signup-confirmation .survey-link:hover{color:#fff}.signup-confirmation p{margin-top:14px}.celebrate-star{position:absolute;color:#f19f10;font-size:22px;animation:welcome-star 1.6s ease-out both;pointer-events:none}.celebrate-star:nth-child(1){left:4%;top:0}.celebrate-star:nth-child(2){right:8%;top:20%;animation-delay:.15s}.celebrate-star:nth-child(3){right:30%;top:-10%;animation-delay:.3s}@keyframes welcome-star{0%{opacity:0;transform:translateY(10px) scale(.7)}40%{opacity:1}100%{opacity:0;transform:translateY(-18px) scale(1)}}@media(prefers-reduced-motion:reduce){.celebrate-star{display:none}}@media(max-width:760px){#waitlist-form{max-width:100%}.signup-button{width:100%}.waitlist-copy h2{font-size:clamp(2.5rem,9vw,4rem)}}
/* Give the invitation room to breathe while keeping the form centered. */
.waitlist-copy{width:min(100%,750px)}
.waitlist-copy h2{letter-spacing:-.015em}
.waitlist-copy>p:not(.eyebrow){max-width:none}
#waitlist-form{margin:30px auto 0}
.signup-confirmation{margin:35px auto 0}

.how>.ritual-wrapup{max-width:760px;margin:40px auto 0;text-align:center}

/* Keep the pilots anchored; only their illustrated propeller blades shimmer. */
.founder .pilot-flight .pilot-art{opacity:1;transform:none;animation:none}
.pilot-crop .pilot-propeller{pointer-events:none;opacity:.4;filter:blur(.9px);animation:propeller-turn .32s linear infinite;will-change:transform}
.pilot-crop .propeller-upper{clip-path:polygon(81.1% 10.8%,85.7% 12%,86.4% 12.8%,85% 13.8%,82.2% 13%,81.1% 10.8%,86.9% 13.3%,88.1% 15.8%,91.2% 16.5%,91.5% 17.9%,90.5% 19.8%,89.4% 19.3%,88.2% 18.4%,87.3% 16.1%,86.9% 13.3%);transform-origin:86.9% 12.8%}
.pilot-crop .propeller-lower{clip-path:polygon(71.1% 25.3%,72.4% 25%,73.7% 26.6%,74.2% 28%,75.9% 25.8%,77.2% 25.5%,77.5% 26.7%,76.9% 27.5%,74.7% 28.2%,77.1% 29.7%,77.3% 30.8%,76% 31.2%,74.4% 29.2%,72.9% 30.3%,71.1% 30%,71% 28.6%,73.5% 28.3%,71.2% 27.2%);transform-origin:74.2% 28.2%;animation-duration:.36s;animation-delay:-.1s}
@keyframes propeller-turn{from{transform:scaleY(.55) rotate(0deg)}to{transform:scaleY(.55) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pilot-crop .pilot-propeller{display:none}}

/* Reserve illustration space before it loads, so the story copy stays anchored. */
.story>.fairy-scene{aspect-ratio:1219/1400}
.blank-note-story{max-width:920px;margin:55px auto 0;text-align:center}
.blank-note-story>h3{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;color:var(--brand-plum)}
.blank-note-story>p{max-width:760px;margin:22px auto 0}
.blank-note-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px;text-align:center}
.blank-note-examples>p{font-family:Georgia,serif;font-size:1.2rem;line-height:1.5;background:var(--brand-cream);color:var(--brand-navy);border-radius:8px;padding:24px 20px;margin:0;display:flex;align-items:center;justify-content:center}
.blank-note-examples .dreidel-copy{display:block;max-width:100%;font-size:inherit;line-height:inherit}.blank-note-examples .keep-together{white-space:nowrap}
.blank-note-story .blank-note-ending{font-family:Georgia,serif;font-size:1.25rem;color:var(--brand-plum)}
@media(max-width:760px){.blank-note-examples{grid-template-columns:1fr;gap:14px}.blank-note-story{margin-top:40px}}

.storybook-peek{display:inline-block;margin-top:25px;padding:8px 0;border:0;background:transparent;color:var(--brand-plum);text-decoration:underline;text-underline-offset:6px;font-size:1rem}
#storybook-dialog{width:min(620px,92vw);max-height:88vh;overflow:auto;background:#fcfaf4;border:1px solid #eadcb9;border-radius:8px;padding:35px;text-align:center;color:var(--brand-navy)}
#storybook-dialog h2{font-size:clamp(2rem,5vw,3rem)}
#storybook-dialog>img{display:block;width:min(100%,320px);height:auto;margin:25px auto;border-radius:8px}
#storybook-dialog .eyebrow{margin-top:35px}
#storybook-dialog::backdrop{background:#192d4a99}

.storybook-video{width:100%;max-width:450px;margin:25px auto 0}.storybook-video iframe{display:block;width:100%;height:620px;border:0;border-radius:8px;background:#fcfaf4}#storybook-dialog .instagram-fallback{font-size:.9rem;margin:12px 0 22px;text-underline-offset:4px}@media(max-width:500px){#storybook-dialog{padding:22px}.storybook-video iframe{height:540px}}


.founder .signature{line-height:1.3}.founder .signature span{margin-top:2px;line-height:1.4}

#waitlist-form .signup-reassurance{margin:28px 0 16px;text-align:center;font-size:.875rem;line-height:1.6;color:var(--brand-cream)}
.waitlist #waitlist-form .signup-button{background:#d8a329;border-color:#d8a329;color:#192d4a}
.waitlist #waitlist-form .signup-button:hover{background:#c79421;border-color:#c79421;color:#192d4a}
#waitlist-form .signup-consent{display:flex;align-items:flex-start;gap:11px;margin:0 auto 8px;max-width:390px;color:#fff;font-size:.9rem;line-height:1.5;letter-spacing:0;text-align:left;cursor:pointer}
#waitlist-form .signup-consent input{flex:none;width:19px;height:19px;margin:2px 0 0;accent-color:#d8a329;cursor:pointer}
#waitlist-form .signup-consent input:focus-visible{outline:2px solid #eadcb9;outline-offset:3px}
#waitlist-form .signup-consent input[aria-invalid=true]{outline:2px solid #fff1cb;outline-offset:2px}
#waitlist-form .turnstile-widget{display:flex;justify-content:center;min-height:65px;margin:14px auto 8px;max-width:100%;overflow:hidden}
#waitlist-form #turnstile-status{max-width:390px;margin:0 auto 10px;text-align:center}
#waitlist-form #consent-error{max-width:390px;margin:0 auto 12px}

@media(min-width:901px){.founder>.pilot-flight{top:50%;bottom:auto;transform:translateY(-50%);padding:0}}
.note-paper-frame{width:100%;max-width:500px;justify-self:center;padding:10px;background:#f4eddc;clip-path:polygon(0.05% 50.00%,0.84% 48.07%,0.95% 46.14%,0.40% 44.13%,1.41% 42.30%,1.75% 40.40%,1.43% 38.34%,2.65% 36.65%,3.21% 34.80%,3.14% 32.71%,4.55% 31.17%,5.32% 29.40%,5.49% 27.32%,7.07% 25.96%,8.05% 24.29%,8.47% 22.25%,10.20% 21.08%,11.36% 19.54%,12.02% 17.56%,13.87% 16.60%,15.21% 15.21%,16.09% 13.32%,18.05% 12.59%,19.54% 11.36%,20.64% 9.59%,22.67% 9.09%,24.29% 8.05%,25.59% 6.42%,27.66% 6.16%,29.40% 5.32%,30.88% 3.85%,32.97% 3.84%,34.80% 3.21%,36.44% 1.93%,38.51% 2.16%,40.40% 1.75%,42.19% 0.66%,44.22% 1.14%,46.14% 0.95%,48.04% 0.09%,50.00% 0.80%,51.93% 0.84%,53.92% 0.20%,55.78% 1.14%,57.70% 1.41%,59.74% 1.01%,61.49% 2.16%,63.35% 2.65%,65.44% 2.49%,67.03% 3.84%,68.83% 4.55%,70.91% 4.64%,72.34% 6.16%,74.04% 7.07%,76.10% 7.41%,77.33% 9.09%,78.92% 10.20%,80.92% 10.77%,81.95% 12.59%,83.40% 13.87%,85.32% 14.68%,86.13% 16.60%,87.41% 18.05%,89.23% 19.08%,89.80% 21.08%,90.91% 22.67%,92.59% 23.90%,92.93% 25.96%,93.84% 27.66%,95.36% 29.09%,95.45% 31.17%,96.16% 32.97%,97.51% 34.56%,97.35% 36.65%,97.84% 38.51%,98.99% 40.26%,98.59% 42.30%,98.86% 44.22%,99.80% 46.08%,99.16% 48.07%,99.20% 50.00%,99.60% 51.96%,98.90% 53.92%,99.60% 55.88%,98.90% 57.84%,99.60% 59.80%,98.90% 61.76%,99.60% 63.72%,98.90% 65.68%,99.60% 67.64%,98.90% 69.60%,99.60% 71.56%,98.90% 73.52%,99.60% 75.48%,98.90% 77.44%,99.60% 79.40%,98.90% 81.36%,99.60% 83.32%,98.90% 85.28%,99.60% 87.24%,98.90% 89.20%,99.60% 91.16%,98.90% 93.12%,99.60% 95.08%,98.90% 97.04%,99.60% 99.00%,99.00% 98.60%,97.04% 99.40%,95.08% 99.40%,93.12% 98.60%,91.16% 99.40%,89.20% 99.40%,87.24% 98.60%,85.28% 99.40%,83.32% 99.40%,81.36% 98.60%,79.40% 99.40%,77.44% 99.40%,75.48% 98.60%,73.52% 99.40%,71.56% 99.40%,69.60% 98.60%,67.64% 99.40%,65.68% 99.40%,63.72% 98.60%,61.76% 99.40%,59.80% 99.40%,57.84% 98.60%,55.88% 99.40%,53.92% 99.40%,51.96% 98.60%,50.00% 99.40%,48.04% 99.40%,46.08% 98.60%,44.12% 99.40%,42.16% 99.40%,40.20% 98.60%,38.24% 99.40%,36.28% 99.40%,34.32% 98.60%,32.36% 99.40%,30.40% 99.40%,28.44% 98.60%,26.48% 99.40%,24.52% 99.40%,22.56% 98.60%,20.60% 99.40%,18.64% 99.40%,16.68% 98.60%,14.72% 99.40%,12.76% 99.40%,10.80% 98.60%,8.84% 99.40%,6.88% 99.40%,4.92% 98.60%,2.96% 99.40%,1.00% 99.40%,0.40% 99.00%,1.10% 97.04%,0.40% 95.08%,1.10% 93.12%,0.40% 91.16%,1.10% 89.20%,0.40% 87.24%,1.10% 85.28%,0.40% 83.32%,1.10% 81.36%,0.40% 79.40%,1.10% 77.44%,0.40% 75.48%,1.10% 73.52%,0.40% 71.56%,1.10% 69.60%,0.40% 67.64%,1.10% 65.68%,0.40% 63.72%,1.10% 61.76%,0.40% 59.80%,1.10% 57.84%,0.40% 55.88%,1.10% 53.92%,0.40% 51.96%,1.10% 50.00%);filter:drop-shadow(0 3px 5px #192d4a18)}
.note-paper-frame .note-video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 60%;border-radius:50% 50% 6px 6px;cursor:pointer;touch-action:manipulation}
@media(max-width:760px){.note-paper-frame{max-width:460px;padding:8px}}

.waitlist>.note-paper-frame{width:min(100%,500px);max-width:500px}
@media(max-width:760px){.waitlist>.note-paper-frame{width:min(100%,456px);max-width:456px}}

.waitlist>.note-paper-frame{width: min(100%,460px)!important;max-width:460px!important}.note-paper-frame #note-video{max-width:440px;width:100%;margin:auto}
.hero-image{background:#f4eddc;padding:10px;clip-path:polygon(0.05% 50.00%,0.84% 48.07%,0.95% 46.14%,0.40% 44.13%,1.41% 42.30%,1.75% 40.40%,1.43% 38.34%,2.65% 36.65%,3.21% 34.80%,3.14% 32.71%,4.55% 31.17%,5.32% 29.40%,5.49% 27.32%,7.07% 25.96%,8.05% 24.29%,8.47% 22.25%,10.20% 21.08%,11.36% 19.54%,12.02% 17.56%,13.87% 16.60%,15.21% 15.21%,16.09% 13.32%,18.05% 12.59%,19.54% 11.36%,20.64% 9.59%,22.67% 9.09%,24.29% 8.05%,25.59% 6.42%,27.66% 6.16%,29.40% 5.32%,30.88% 3.85%,32.97% 3.84%,34.80% 3.21%,36.44% 1.93%,38.51% 2.16%,40.40% 1.75%,42.19% 0.66%,44.22% 1.14%,46.14% 0.95%,48.04% 0.09%,50.00% 0.80%,51.93% 0.84%,53.92% 0.20%,55.78% 1.14%,57.70% 1.41%,59.74% 1.01%,61.49% 2.16%,63.35% 2.65%,65.44% 2.49%,67.03% 3.84%,68.83% 4.55%,70.91% 4.64%,72.34% 6.16%,74.04% 7.07%,76.10% 7.41%,77.33% 9.09%,78.92% 10.20%,80.92% 10.77%,81.95% 12.59%,83.40% 13.87%,85.32% 14.68%,86.13% 16.60%,87.41% 18.05%,89.23% 19.08%,89.80% 21.08%,90.91% 22.67%,92.59% 23.90%,92.93% 25.96%,93.84% 27.66%,95.36% 29.09%,95.45% 31.17%,96.16% 32.97%,97.51% 34.56%,97.35% 36.65%,97.84% 38.51%,98.99% 40.26%,98.59% 42.30%,98.86% 44.22%,99.80% 46.08%,99.16% 48.07%,99.20% 50.00%,99.60% 51.96%,98.90% 53.92%,99.60% 55.88%,98.90% 57.84%,99.60% 59.80%,98.90% 61.76%,99.60% 63.72%,98.90% 65.68%,99.60% 67.64%,98.90% 69.60%,99.60% 71.56%,98.90% 73.52%,99.60% 75.48%,98.90% 77.44%,99.60% 79.40%,98.90% 81.36%,99.60% 83.32%,98.90% 85.28%,99.60% 87.24%,98.90% 89.20%,99.60% 91.16%,98.90% 93.12%,99.60% 95.08%,98.90% 97.04%,99.60% 99.00%,99.00% 98.60%,97.04% 99.40%,95.08% 99.40%,93.12% 98.60%,91.16% 99.40%,89.20% 99.40%,87.24% 98.60%,85.28% 99.40%,83.32% 99.40%,81.36% 98.60%,79.40% 99.40%,77.44% 99.40%,75.48% 98.60%,73.52% 99.40%,71.56% 99.40%,69.60% 98.60%,67.64% 99.40%,65.68% 99.40%,63.72% 98.60%,61.76% 99.40%,59.80% 99.40%,57.84% 98.60%,55.88% 99.40%,53.92% 99.40%,51.96% 98.60%,50.00% 99.40%,48.04% 99.40%,46.08% 98.60%,44.12% 99.40%,42.16% 99.40%,40.20% 98.60%,38.24% 99.40%,36.28% 99.40%,34.32% 98.60%,32.36% 99.40%,30.40% 99.40%,28.44% 98.60%,26.48% 99.40%,24.52% 99.40%,22.56% 98.60%,20.60% 99.40%,18.64% 99.40%,16.68% 98.60%,14.72% 99.40%,12.76% 99.40%,10.80% 98.60%,8.84% 99.40%,6.88% 99.40%,4.92% 98.60%,2.96% 99.40%,1.00% 99.40%,0.40% 99.00%,1.10% 97.04%,0.40% 95.08%,1.10% 93.12%,0.40% 91.16%,1.10% 89.20%,0.40% 87.24%,1.10% 85.28%,0.40% 83.32%,1.10% 81.36%,0.40% 79.40%,1.10% 77.44%,0.40% 75.48%,1.10% 73.52%,0.40% 71.56%,1.10% 69.60%,0.40% 67.64%,1.10% 65.68%,0.40% 63.72%,1.10% 61.76%,0.40% 59.80%,1.10% 57.84%,0.40% 55.88%,1.10% 53.92%,0.40% 51.96%,1.10% 50.00%)}

.waitlist>.note-paper-frame{background:#f2eaf0}

#main h1,#main h2{letter-spacing:.005em}

/* Continuous textured strokes, with a softly varying width. */
.step,.practical li{--divider-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23d9c9a5%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");border-radius:0;border-image:none;border-color:transparent;background-image:var(--divider-stroke);background-size:100% 10px;background-position:left top;background-repeat:no-repeat}
.components details,.faq details{--divider-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23d7cbd6%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");border-radius:0;border-image:none;border-color:transparent;background-image:var(--divider-stroke);background-size:100% 10px;background-position:left top;background-repeat:no-repeat}
.benefit-grid article{--divider-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23789e92%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");border-radius:0;border-image:none;border-color:transparent;background-image:var(--divider-stroke);background-size:100% 10px;background-position:left top;background-repeat:no-repeat}
.family details,.ribbon{--divider-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23eadcb9%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");border-radius:0;border-image:none;border-color:transparent;background-image:var(--divider-stroke);background-size:100% 10px;background-position:left top;background-repeat:no-repeat}
.copyright{--divider-stroke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%2353627a%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");border-radius:0;border-image:none;border-color:transparent;background-image:var(--divider-stroke);background-size:100% 10px;background-position:left top;background-repeat:no-repeat}
.step:last-child,.components details:last-child,.faq details:last-child,.ribbon{background-image:var(--divider-stroke),var(--divider-stroke);background-position:left top,left bottom;background-size:100% 10px; background-repeat:no-repeat}.practical li{background-position:left bottom}

#main .step,#main .components details,#main .faq details,#main .benefit-grid article,#main .family details,#main .practical li,.ribbon,footer .copyright{border-style:none}

#main .themes button{border-bottom-color:transparent;border-radius:0}#main .themes button.selected{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23f19f10%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");background-size:100% 8px;background-position:center bottom;background-repeat:no-repeat}

#how .step.active{background-color:#fcfaf4;background-image:var(--divider-stroke),var(--divider-stroke);background-position:left top,left bottom;background-size:100% 10px;background-repeat:no-repeat}
#how .step.active + .step{background-image:none}
#how .step.active + .step:last-child{background-image:var(--divider-stroke);background-position:left bottom}

#story .storybook-peek{text-decoration:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%2210%22%20viewBox%3D%220%200%20600%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%22-50%25%22%20width%3D%22100%25%22%20height%3D%22200%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.15%20.7%22%20numOctaves%3D%222%22%20seed%3D%228%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%22.9%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22edge%22%2F%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%201.1%22%20numOctaves%3D%223%22%20seed%3D%2213%22%20result%3D%22wax%22%2F%3E%3CfeColorMatrix%20in%3D%22wax%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201.2%20.1%22%20result%3D%22grainAlpha%22%2F%3E%3CfeComposite%20in%3D%22edge%22%20in2%3D%22grainAlpha%22%20operator%3D%22in%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%204%20Q50%202.5%20100%203.5%20T200%203.8%20T300%203.2%20T400%204%20T500%203.3%20T600%203.5%20L600%206%20Q550%207%20500%205.8%20T400%206.4%20T300%205.9%20T200%206.5%20T100%206%20T0%206.3%20Z%22%20fill%3D%22%23661f59%22%20filter%3D%22url%28%23grain%29%22%2F%3E%3C%2Fsvg%3E");background-size:100% 8px;background-position:center bottom;background-repeat:no-repeat;padding-bottom:12px;border-radius:0}

.expansion-callout{max-width:760px;margin:42px auto 0;text-align:center}.expansion-callout h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2.2vw,1.9rem);color:var(--brand-plum)}.expansion-callout p{margin-top:14px;line-height:1.65}

#how .step,#how .step p,#how .ritual figcaption{color:var(--brand-navy)}

.practical ul{padding-left:0;list-style:none;text-align:center}.practical li{text-align:center}

#benefits .benefit-grid article:nth-child(4) p{letter-spacing:-.01em}

#inside>.sparkle{top:-32px;z-index:1}@media(max-width:760px){#inside>.sparkle{top:-18px}}

.founder>.sparkle{top:-32px;z-index:1}@media(max-width:760px){.founder>.sparkle{top:-18px}}

#how .ritual img[src="assets/optimized/mailbox-glow-warm.webp"]{object-position:center bottom}

#how .ritual img[src="assets/optimized/mailbox-note-warm.webp"]{object-position:center bottom}

#how .ritual img[src="assets/optimized/mailbox-morning-warm.webp"]{object-position:center 90%}

.hero-image video{aspect-ratio:1;object-position:center center}
@media(max-width:760px){.hero-image video{aspect-ratio:.98}}

.practical li{padding:18px 12px 28px;text-align:center}

/* Branded note photography and social link. */
.instagram-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-top:12px}.instagram-icon{width:23px;height:23px;flex:none}.instagram-link:hover span{text-decoration:underline;text-underline-offset:4px}.sample .sample-image{overflow:hidden;border-radius:8px}.sample .sample-image img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:8px}@media(max-width:760px){.sample .sample-image{max-height:none}.sample .sample-image img{height:auto;aspect-ratio:1;object-position:center}}

/* Center FAQ labels and controls between the hand-drawn dividers. */
#faq details{padding:0}
#faq summary{min-height:72px;padding:24px 40px 24px 0;display:flex;align-items:center}
#faq summary::after{top:50%;transform:translateY(-50%);line-height:1}
#faq details p{padding:0 30px 24px 0}
/* Give each FAQ question a clear ruled row and center its label and toggle. */
#faq .faq-list details{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:10px 0;background-image:var(--divider-stroke),var(--divider-stroke);background-size:100% 10px,100% 10px;background-position:left top,left bottom;background-repeat:no-repeat}
#faq .faq-list summary{display:flex;align-items:center;min-height:72px;padding:18px 40px 18px 0;line-height:1.5}
#faq .faq-list summary::after{top:50%;transform:translateY(-50%);line-height:1}
#faq .faq-list details p{padding:0 30px 14px 0;margin:0;max-width:650px}
/* Join the experience photo flush to its solid note panel. */
.sample .sample-image,.sample .sample-image img{border-radius:var(--corner) 0 0 var(--corner)}
.sample .note{border-radius:0 var(--corner) var(--corner) 0}
@media(max-width:760px){.sample .sample-image,.sample .sample-image img{border-radius:var(--corner) var(--corner) 0 0}.sample .note{border-radius:0 0 var(--corner) var(--corner)}}

/* Keep all four step photos at their original, consistent color. */
#how .ritual img,#how .ritual.glow img{filter:none;box-shadow:none}

/* Keep the component labels, numbers, and disclosure marks centered within each divider row. */
.components details{padding:16px 0}
.components summary{display:flex;align-items:center;min-height:32px;line-height:1.4}
.components summary>span{display:inline-flex;align-items:center;line-height:1}
.components summary::after{top:50%;transform:translateY(-50%);line-height:1}

#info-dialog{max-height:88vh;overflow:auto}
#info-dialog #dialog-copy{line-height:1.65}
#info-dialog #dialog-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.3;margin:24px 0 8px;color:var(--plum)}
#info-dialog #dialog-copy p{margin:12px 0}
#info-dialog #dialog-copy ul{margin:8px 0 14px;padding-left:1.4rem}
#info-dialog #dialog-copy li+li{margin-top:6px}
#info-dialog .policy-updated{font-size:.9rem;color:var(--muted)}
@media(max-width:600px){#info-dialog{padding:24px}}

/* Give each component a full divider row so its number, label, and toggle sit at the row's center. */
.components details>summary{display:flex;align-items:center;min-height:48px;padding-top:0;padding-bottom:0;line-height:1.4}
.components details>summary>span{flex:0 0 auto;align-self:center}
.components details>summary::after{top:50%;transform:translateY(-50%)}

#how .ritual{overflow:hidden}
#how .ritual-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #fff9;background:rgba(252,250,244,.86);color:var(--brand-navy);font-family:Georgia,serif;font-size:2rem;line-height:1;border-radius:50%;box-shadow:0 2px 10px #192d4a1a;transform:translateY(-50%);transition:background .2s,opacity .2s;opacity:.82}
#how .ritual-arrow:hover{background:#fcfaf4;opacity:1}
#how .ritual-arrow-prev{left:14px}
#how .ritual-arrow-next{right:14px}
#how .ritual-arrow:focus-visible{outline:3px solid var(--brand-orange);outline-offset:3px}
@media(max-width:760px){#how .ritual-arrow{width:38px;height:38px}#how .ritual-arrow-prev{left:10px}#how .ritual-arrow-next{right:10px}}

#how .ritual{aspect-ratio:1}
#how .ritual>img.ritual-current,#how .ritual>img.ritual-buffer{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:opacity .22s ease}
#how .ritual>img.ritual-current{opacity:1}
#how .ritual>img.ritual-buffer{opacity:0;pointer-events:none}
#how .ritual>img.ritual-buffer.is-visible{opacity:1}

#how .ritual-arrow{border:0;background:transparent;box-shadow:none;color:#fff;opacity:.95;text-shadow:0 1px 5px rgba(25,45,74,.45)}
#how .ritual-arrow:hover{background:transparent;opacity:1}


/* White, subtle carousel arrows sit on both sides of the sample image. */
.experience .sample-image{position:relative}
.experience .sample-arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:44px;height:52px;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:2.8rem;font-weight:400;line-height:1;text-shadow:0 1px 2px rgba(25,45,74,.58),0 0 5px rgba(25,45,74,.3);opacity:.96;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;user-select:none;transition:opacity .18s ease}
.experience .sample-arrow:hover{background:transparent;box-shadow:none;opacity:1}
.experience .sample-arrow:focus:not(:focus-visible){outline:none}
.experience .sample-arrow:focus-visible{outline:2px solid #d6a340;outline-offset:2px}
.experience .sample-arrow-prev{left:10px}
.experience .sample-arrow-next{right:10px}
@media(max-width:760px){.experience .sample-arrow{width:40px;height:48px;font-size:2.6rem}.experience .sample-arrow-prev{left:8px}.experience .sample-arrow-next{right:8px}}

/* Tighter kit rows with labels vertically centered between the hand-drawn dividers. */
.components details{padding:10px 0}
.components details>summary{min-height:40px}
.components details>summary::after{top:50%;transform:translateY(-50%)}
.experience .blank-note-story .blank-note-ending{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.4}
#waitlist-form .signup-reassurance{font-style:italic}

.note-paper-frame #note-video{aspect-ratio:3/4;object-fit:contain;object-position:center;border-radius:0;cursor:default}

/* Match the waitlist torn-paper image box to the square hero video frame. */
#waitlist{padding-left:5vw;padding-right:5vw;gap:5vw}
#waitlist>.note-paper-frame{position:relative;box-sizing:border-box;width:100%!important;max-width:580px!important;aspect-ratio:1;height:auto;min-height:0;overflow:hidden;padding:9px;background:#e9dfed}
#waitlist .note-paper-frame #note-video{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);max-width:none;max-height:none;aspect-ratio:1;object-fit:cover;object-position:center;background:transparent;clip-path:none;border:1px solid #d8c6dc;border-radius:50% 50% 0 0;box-sizing:border-box;margin:0}
@media(max-width:760px){#waitlist{padding-left:6vw;padding-right:6vw;gap:28px}}

/* Responsive text wrapping: keep short lines from stranding a final word. */
@media(max-width:1000px){
  body{ text-wrap:pretty }
  #main h1,#main h2,#main h3,#main .note-title{ text-wrap:balance }
}

/* Footer copy matches the gold logo and moon artwork. */
footer > div:first-of-type > p, footer .instagram-link { color: #d8a329; }

/* Shift the aligned footer tagline and Instagram link together. */
@media (min-width:761px) { footer > div:first-of-type { position:relative; left:-24px; } }

.footer-links .planner-footer-link{color:inherit;font-size:.87rem;text-decoration:underline;text-underline-offset:5px;padding:0}

@media(max-width:760px){header>.menu{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}}

/* Equal side columns keep the mobile logo centered on the header. */
.header-waitlist-mobile{display:none}
@media(max-width:760px){header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}header>.button.small{white-space:nowrap;max-width:none;font-size:.7rem;padding:8px 10px}.header-waitlist-desktop{display:none}.header-waitlist-mobile{display:inline}}


/* Keep each What’s Inside component row evenly sized and center its copy. */
#inside .components details{padding:0;margin:0;border:0;background-image:none}
#inside .components details>summary{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:66px;min-height:66px;padding:10px 42px;line-height:1.3;text-align:center;background-image:var(--divider-stroke);background-position:left top;background-size:100% 10px;background-repeat:no-repeat}
#inside .components details:last-child>summary{background-image:var(--divider-stroke),var(--divider-stroke);background-position:left top,left bottom}
#inside .components details>summary>span{flex:0 0 auto;margin-right:12px}
#inside .components details>summary::after{top:50%;right:6px;transform:translateY(-50%)}
#inside .components details>p{max-width:540px;margin:0 auto;padding:14px 18px 20px;text-align:center}

/* Keep the closing Keepsake Box waves exactly as wide as every component row. */
#inside .components details:last-child>summary{box-sizing:border-box;width:100%;min-width:100%;margin:0;background-size:100% 10px,100% 10px;background-origin:border-box;background-repeat:no-repeat}

/* In the open Keepsake Box, keep its lower wave below the description copy. */
#inside .components details:last-child[open]>summary{background-image:var(--divider-stroke);background-position:left top;background-size:100% 10px}
#inside .components details:last-child[open]::after{content:"";display:block;width:100%;height:10px;background-image:var(--divider-stroke);background-position:left top;background-size:100% 10px;background-repeat:no-repeat}