@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#fff8f0;--paper:#f7ede2;--pink:#f5d2ce;--cranberry:#97152f;--ink:#3d251f;--gold:#b18a52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cranberry);outline-offset:5px}header{height:94px;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b18a5250;background:var(--cream);position:sticky;top:0;z-index:5}.brand{font:44px/.9 'Cormorant Garamond',Georgia,serif;color:var(--cranberry);letter-spacing:-3px}.brand span{display:block;font:8px/2 'DM Sans',sans-serif;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:36px;font-size:13px}.nav-order{font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--gold);padding-bottom:7px}.hero{min-height:670px;height:calc(100svh - 94px);max-height:880px;position:relative;display:grid;place-items:center;text-align:center;background:#f8ead9 url('assets/hero.webp') center/cover}.hero-copy{padding:40px 20px;background:radial-gradient(ellipse,#fff8f0e0 30%,#fff8f000 72%)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#8d694a;margin:0 0 20px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.02;margin:0}h1{font-size:clamp(58px,6.3vw,96px);letter-spacing:-4px}em{color:var(--cranberry);font-weight:400}h2{font-size:clamp(42px,4.5vw,68px);letter-spacing:-1.8px}h3{font-size:30px}.hero-copy>p:not(.eyebrow){font-family:Georgia,serif;font-size:17px;line-height:1.5}.ornament{color:var(--gold);font:22px Georgia,serif;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;border:1px solid var(--cranberry);background:var(--cranberry);color:var(--cream);border-radius:40px;padding:13px 29px;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#751025;transform:translateY(-2px)}.text-link{display:block;width:fit-content;margin:18px auto;font-size:12px;border-bottom:1px solid #b18a5270}.scroll-note{position:absolute;bottom:24px;left:0;width:100%;font-size:8px;letter-spacing:2px;color:#684b3f}.section{max-width:1280px;margin:auto;padding:100px 6%}.section-heading{text-align:center;margin-bottom:48px}.section-heading>p:last-child{color:#765f53}.favorites{position:relative}.favorites:before{content:'';position:absolute;top:-20px;left:0;right:0;height:40px;border-radius:50% 50% 0 0;background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cookie-card{overflow:hidden;border:1px solid #b18a5225;border-radius:16px;background:#fdf3e8}.cookie-photo{height:240px;background-image:url('assets/reference-home.webp');background-repeat:no-repeat;background-size:333.33% auto}.chip{background-position:5.5% 89%}.strawberry{background-position:50% 89%}.brownie{background-position:94.5% 89%}.card-copy{padding:25px}.small-label{font-size:8px;letter-spacing:1.9px;color:#8d694a}.card-copy h3{margin:14px 0}.card-copy p{font-size:13px;color:#765f53;min-height:86px}.card-copy a{display:flex;justify-content:space-between;border-top:1px solid #b18a5235;padding-top:15px;font-size:11px;color:var(--cranberry)}.caption{font-size:10px;text-align:center;color:#806b60;margin-top:25px}.menu{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid #b18a5235}.menu>div>p:not(.eyebrow){max-width:390px;color:#765f53;margin:25px 0}.outline{background:transparent;color:var(--cranberry)}.outline:hover{color:white}.menu-list>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b18a5240;padding:23px 0;font:29px 'Cormorant Garamond',serif}.menu-list small{display:block;font:11px 'DM Sans',sans-serif;margin-top:8px;color:#81695b}.menu-list>a>span:last-child{font:12px 'DM Sans';color:var(--gold)}.allergy{margin-top:28px}.allergy h3{font-size:23px}.allergy p{font-size:12px;color:#765f53}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:690px}.story-art{background:url('assets/story.webp') left center/auto 100% no-repeat}.story-copy{padding:85px 12% 70px 10%;align-self:center}.story-copy>p:not(.eyebrow){font-size:14px;color:#72594d}.story-copy .text-link{margin:28px 0}.handwritten{display:block;font:italic 34px 'Cormorant Garamond',serif;color:#946d49;margin-top:30px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.step-grid article{text-align:center}.step-grid article>span{font:italic 46px 'Cormorant Garamond',serif;color:#bc8e66}.step-grid h3{font-size:29px;margin:15px 0}.step-grid p{font-size:13px;color:#765f53}.order-section{padding:80px 20px;background:#f7e9dc url('assets/order-art.webp') center/cover}.order-panel{max-width:640px;margin:auto;padding:50px 65px;text-align:center;background:#fff8f0fa;border-radius:130px 130px 24px 24px;box-shadow:0 15px 80px #6b3a2020}.order-panel h2{font-size:68px}.order-panel>p:not(.eyebrow){font:15px/1.6 Georgia,serif;color:#8a625c}.order-notice{background:#f5d2ce65;padding:15px 20px;border-radius:12px;text-align:left;margin:28px 0}.order-notice strong{font-size:12px}.order-notice p{font-size:11px;margin:5px 0;color:#70564a}fieldset{border:0;padding:0;margin:0;text-align:left}legend{font-size:11px;letter-spacing:1px;margin-bottom:14px}.order-line{display:grid;grid-template-columns:1fr 110px 26px;gap:8px;margin-bottom:15px}.order-line label{font-size:10px;color:#795c50}select{display:block;width:100%;min-height:44px;border:1px solid #b18a5240;background:#fffcf8;border-radius:8px;padding:8px;color:var(--ink);font-size:12px}.remove-line{align-self:end;border:0;background:transparent;color:var(--cranberry);height:44px;cursor:pointer}.add-line{border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--cranberry);font-size:11px;padding:8px 0;cursor:pointer}.add-line:disabled{opacity:.5;cursor:default}.form-note,.order-panel p.order-footnote{font:11px/1.7 'DM Sans';color:#765f53;text-align:left;margin:20px 0}.order-panel form>.button{width:100%;margin:8px 0}#summary{margin:20px 0;background:var(--paper);padding:20px;border-radius:10px;text-align:left;font-size:12px;white-space:pre-line}.order-panel>.small-label{display:block;margin-top:30px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq>div>p:not(.eyebrow){color:#765f53;font-size:13px}.faq-list details{border-bottom:1px solid #b18a5235;padding:20px 0}.faq-list summary{cursor:pointer;font-size:14px;padding-right:15px}.faq-list details p{font-size:12px;color:#765f53;padding-right:25px}.final-invitation{text-align:center;background:var(--pink);padding:80px 20px}.final-invitation h2{margin:20px 0 30px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:55px 6% 25px;align-items:start}footer p{font-size:12px;margin:0;color:#765f53}footer>div{display:flex;justify-content:flex-end;gap:20px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #b18a5230;padding-top:25px;font-size:9px;color:#8b7567;margin-top:20px}@media(min-width:1500px){.hero{background-size:100% auto}}@media(max-width:900px){.nav-order{display:none}.section{padding:70px 5%}.menu{gap:40px}.cards{gap:14px}.card-copy{padding:20px}.cookie-photo{height:190px}.story-copy{padding:55px 8%}.story{min-height:620px}.step-grid{gap:22px}}@media(max-width:600px){html{scroll-padding-top:78px}header{height:78px;padding:12px 5%}.brand{font-size:35px}.brand span{font-size:6px;letter-spacing:1px}nav{gap:15px;font-size:10px}.hero{height:700px;min-height:0;max-height:none;background-size:auto 100%;background-position:center}.hero-copy{width:100%;padding:45px 12px;background:radial-gradient(ellipse,#fff8f0f5 25%,#fff8f099 55%,transparent 75%)}h1{font-size:57px;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-copy>p:not(.eyebrow){font-size:15px}.scroll-note{font-size:6px;letter-spacing:1.4px}.cards{grid-template-columns:1fr;gap:24px}.cookie-photo{height:230px;background-size:333.33% auto}.card-copy p{min-height:0}.section-heading{margin-bottom:35px}.section-heading>p:last-child{font-size:12px}.menu,.faq{grid-template-columns:1fr;gap:30px}.menu h2{font-size:48px}.story{grid-template-columns:1fr}.story-art{height:530px;background-size:auto 100%;background-position:left}.story-copy{padding:50px 7%}.story-copy h2{font-size:46px}.step-grid{grid-template-columns:1fr;gap:30px}.step-grid p{max-width:290px;margin:auto}.order-section{padding:45px 14px;background-size:auto 100%}.order-panel{padding:45px 22px;border-radius:90px 90px 20px 20px}.order-panel h2{font-size:58px}.order-panel .eyebrow{font-size:8px;letter-spacing:1.5px}.order-line{grid-template-columns:1fr 91px 22px;gap:6px}select{font-size:11px;padding:6px}.final-invitation h2{font-size:47px}footer{grid-template-columns:1fr 1fr;gap:25px}footer>div{grid-column:1/-1;justify-content:flex-start}.caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep story artwork and text together inside the same centered content width. */
.story{max-width:1280px;margin:0 auto;padding:64px 6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;min-height:0;border-radius:24px}
.story-art{width:100%;aspect-ratio:4/5;height:auto;background-image:url('assets/story.webp');background-size:cover;background-position:center;border-radius:160px 160px 18px 18px}
.story-copy{padding:20px 0;max-width:460px;justify-self:center}
@media(max-width:900px){.story{gap:32px;padding:48px 5%}.story-copy{padding:12px 0}.story-copy h2{font-size:46px}}
@media(max-width:600px){.story{grid-template-columns:minmax(0,1fr);padding:38px 6%;gap:30px;border-radius:0}.story-art{height:auto;aspect-ratio:4/5;background-position:center;background-size:cover;border-radius:120px 120px 16px 16px}.story-copy{text-align:center;padding:0;max-width:100%}.story-copy .text-link{margin:24px auto}.story-copy h2{font-size:44px}}
/* Dedicated high-resolution artwork; never enlarge a reference UI screenshot. */
.order-section{max-width:1600px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover}
.order-panel{background:#fff8f0}
@media(max-width:600px){.order-section{background-position:center;background-size:auto 100%}}
/* Full-width favorites atmosphere with a centered editorial display. */
.favorites{max-width:none;padding:94px max(6%,calc((100% - 1120px)/2)) 90px;background:radial-gradient(ellipse at 50% 61%,#f5d2ce75 0%,#fff8f000 58%),var(--cream);isolation:isolate;overflow:clip}
.favorites:before{left:0;right:0;top:-27px;height:55px;border-radius:50% 50% 0 0;background:var(--cream);z-index:-1}
.favorites:after{content:'';position:absolute;bottom:-1px;left:-5%;width:110%;height:35px;background:var(--cream);border-top:1px solid #b18a5225;border-radius:50% 50% 0 0;z-index:-1}
.favorites .section-heading{position:relative;max-width:700px;margin:0 auto 48px}
.favorites .section-heading h2:before,.favorites .section-heading h2:after{content:'';display:inline-block;vertical-align:middle;width:58px;height:1px;background:#b18a5260;margin:0 24px}
.favorites .cards{position:relative;max-width:1120px;width:100%;margin:0 auto;gap:28px}
.favorites .cookie-card{background:#fffaf5;border-radius:100px 100px 16px 16px;box-shadow:0 12px 35px #8d574c09;border:1px solid #b18a5230}
.favorites .cookie-photo{height:auto;aspect-ratio:1;background-image:url('assets/favorites-products.webp');background-size:300% auto;background-position-y:center}
.favorites .chip{background-position-x:0%}.favorites .strawberry{background-position-x:50%}.favorites .brownie{background-position-x:100%}
.favorites .card-copy{text-align:center;padding:25px 24px 22px}.favorites .card-copy h3{font-size:32px}.favorites .card-copy p{min-height:88px}
.favorites .card-copy a{align-items:center}.favorites .caption{position:relative;max-width:1120px;margin:25px auto 0}
.favorite-decor{position:absolute;pointer-events:none;z-index:-1;color:#b18a5250;width:230px;height:480px;top:145px}
.favorite-decor.left{left:max(12px,calc((100% - 1700px)/2));transform:rotate(-13deg)}.favorite-decor.right{right:max(12px,calc((100% - 1700px)/2));transform:scaleX(-1) rotate(-13deg)}
@media(max-width:1450px){.favorite-decor{opacity:.3;width:150px}.favorites .cards{gap:22px}}
@media(max-width:900px){.favorites{padding:70px 5%}.favorite-decor{display:none}.favorites .card-copy{padding:20px 16px}.favorites .card-copy h3{font-size:28px}.favorites .card-copy p{min-height:110px}}
@media(max-width:600px){.favorites{padding:64px 6%}.favorites .cards{max-width:380px;gap:28px}.favorites .section-heading h2:before,.favorites .section-heading h2:after{width:25px;margin:0 12px}.favorites .card-copy p{min-height:0}.favorites .cookie-photo{aspect-ratio:1}.favorites .cookie-card{border-radius:90px 90px 16px 16px}}
@media(min-width:1451px){.favorites{background:radial-gradient(ellipse at 50% 65%,#f5d2ce65 0%,transparent 55%),url('assets/favorites-backdrop.webp') center/cover no-repeat,var(--cream)}}
/* Native horizontal browsing leaves vertical page navigation intact. */
.carousel-controls{max-width:900px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.carousel-controls p{font-size:11px;color:#795f51;margin:0}.carousel-controls>div{display:flex;align-items:center;gap:16px;white-space:nowrap}.carousel-controls button{width:44px;height:44px;border:1px solid #b18a5260;border-radius:50%;background:#fffaf5;color:var(--cranberry);font-size:21px;cursor:pointer}.carousel-controls button:disabled{opacity:.35;cursor:default}#cookie-position{font-size:10px;letter-spacing:1px;color:#8d694a}
.favorites .cards{display:flex;overflow-x:auto;max-width:900px;gap:28px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#dfa1a7 #f7ede2;padding:5px 0 20px;align-items:stretch}
.favorites .cookie-card{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column}.favorites .card-copy{display:flex;flex-direction:column;flex:1}.favorites .card-copy p{min-height:0}.favorites .card-copy a{margin-top:auto}.ingredient-info{margin:14px 0 6px;padding:14px 0;border-top:1px solid #b18a5230;text-align:left;font-size:11px;color:#765f53}.ingredient-info strong,.ingredient-info span{display:block}.ingredient-info span{margin-top:5px}.ingredient-info strong{font-weight:500;color:var(--cranberry)}
@media(max-width:600px){.carousel-controls{flex-direction:column;gap:14px}.carousel-controls p{font-size:10px;text-align:center}.favorites .cards{max-width:380px;gap:16px;padding-right:20px}.favorites .cookie-card{flex-basis:92%}.favorites .card-copy h3{font-size:30px}}
.order-line{grid-template-columns:minmax(0,1fr) 95px;align-items:start}.line-total{grid-column:1/-1;text-align:right;font-size:11px;color:#795f51;margin-top:-8px}.customer-fields{margin:30px 0}.customer-fields label{display:block;font-size:12px;margin:15px 0}.customer-fields input,.customer-fields textarea{display:block;width:100%;min-height:44px;border:1px solid #b18a5240;background:#fffcf8;border-radius:8px;padding:10px;color:var(--ink);font:13px 'DM Sans',Arial,sans-serif}.acknowledgments{margin:25px 0}.acknowledgments label{display:flex;gap:12px;flex-wrap:wrap;align-items:start;font-size:11px;margin:18px 0}.acknowledgments input{width:20px;height:20px;flex-shrink:0;accent-color:var(--cranberry)}.acknowledgments label>span:not(.field-error){flex:1}.order-total{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b18a5250;padding-top:20px;font-size:16px}.order-total output{font-weight:600;color:var(--cranberry)}[aria-invalid=true]{outline:2px solid #b42338;background:#fff0f0!important}.field-error{display:block;color:#a31630;font-size:11px;margin-top:6px;flex-basis:100%}#form-errors{padding:14px;background:#ffe5e5;color:#97152f;border-radius:8px;font-size:12px;margin:20px 0}.customer-fields input:focus-visible,.customer-fields textarea:focus-visible{outline:3px solid var(--cranberry);outline-offset:2px}
/* Full-bleed art uses width-based sizing, independently of the long form. */
.order-section{max-width:none;width:100%;position:relative;isolation:isolate;background:var(--cream);padding:85px 24px;overflow:hidden}
.order-section:before,.order-section:after{content:'';position:absolute;left:0;right:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,var(--cream),transparent 12%,transparent 85%,var(--cream)),url('assets/order-art.webp');background-position:center;background-size:100% 100%,100% auto;background-repeat:no-repeat;aspect-ratio:3/2}
.order-section:before{top:0}.order-section:after{bottom:0;transform:scaleY(-1)}
.order-panel{position:relative;width:100%;max-width:680px;margin:0 auto;background:#fff8f0fc;box-shadow:0 16px 65px #6b3a2012;border:1px solid #b18a5225}
@media(max-width:900px){.order-section{padding:65px 24px}.order-section:before,.order-section:after{background-size:100% 100%,auto 100%;width:130%;left:-15%;right:auto}}
@media(max-width:600px){.order-section{padding:45px 14px;background:var(--cream)}.order-section:before,.order-section:after{width:180%;left:-40%;opacity:.5}.order-panel{max-width:100%;padding:45px 22px;background:var(--cream)}}
/* Cinematic full-width story with independently readable live copy. */
.story{max-width:none;width:100%;margin:0;border-radius:0;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:85px max(6%,calc((100% - 1120px)/2));min-height:780px;background:#d8c6b3}
.story:before{content:'';position:absolute;inset:0;background:url('assets/story-wide.webp') center/cover no-repeat;z-index:-1}
.story-art{background:none;border-radius:0;aspect-ratio:auto;height:600px;width:100%}
.story-copy{max-width:490px;width:100%;padding:42px 36px;justify-self:center;background:#eeebe6f5;border:1px solid #ffffff65;border-radius:20px;box-shadow:0 15px 50px #3d251f18}
.story-copy h2{font-size:58px}.story-copy .eyebrow{font-size:9px}.story-copy>p:not(.eyebrow){font-size:14px}.story-copy .handwritten{font-size:31px}
@media(min-width:1800px){.story{min-height:900px}.story:before{background-size:100% auto}}
@media(max-width:1000px){.story{gap:30px;padding:65px 5%;min-height:710px}.story-copy{padding:32px 26px}.story-copy h2{font-size:46px}.story-art{height:560px}}
@media(max-width:700px){.story{display:block;padding:0 0 38px;min-height:0;background:#e9e5df}.story:before{display:none}.story-art{height:auto;aspect-ratio:4/5;max-height:620px;background:url('assets/story.webp') center/cover no-repeat;border-radius:0;width:100%}.story-copy{width:calc(100% - 32px);max-width:490px;position:relative;margin:-24px auto 0;padding:34px 26px;text-align:center;background:#eeebe6;border-radius:20px}.story-copy h2{font-size:46px}.story-copy .text-link{margin:24px auto}}
/* Match the panel height to the figure's safe band in the reframed square scene. */
.story{min-height:0;padding-top:80px;padding-bottom:80px;align-items:center}
.story:before{background-size:100% auto;background-position:center}
.story-art{height:auto;min-height:560px}
.story-copy{min-height:clamp(560px,36vw,1150px);max-width:520px;display:flex;flex-direction:column;justify-content:center;padding:48px 40px}
.story-copy h2{font-size:clamp(48px,3vw,72px)}.story-copy>p:not(.eyebrow){font-size:clamp(14px,1vw,18px)}.story-copy .handwritten{font-size:clamp(31px,1.8vw,43px)}
@media(max-width:1000px) and (min-width:701px){.story{padding-top:60px;padding-bottom:60px}.story:before{background-size:auto 1500px;background-position:38% center}.story-copy{min-height:560px;padding:32px 26px}.story-copy h2{font-size:46px}}
@media(max-width:700px){.story{padding:0 0 38px}.story-art{min-height:0;height:auto;aspect-ratio:4/5}.story-copy{min-height:0;display:block;padding:34px 26px}.story-copy h2{font-size:46px}.story-copy>p:not(.eyebrow){font-size:14px}}
.story:before{background-position:center 55%}.story-copy{min-height:clamp(560px,42vw,1400px)}
@media(max-width:1000px) and (min-width:701px){.story:before{background-position:38% 55%}.story-copy{min-height:630px}}
@media(max-width:700px){.story-copy{min-height:0}}
/* Display the actual scene at its native aspect ratio: no background cropping. */
.story{display:block;position:relative;padding:0;min-height:0;background:#e9e5df;overflow:hidden}.story:before{display:none}.story .story-art{display:block;height:auto;min-height:0;aspect-ratio:auto;max-height:none;background:none;width:100%}.story-art picture,.story-art img{display:block;width:100%;height:auto}
.story .story-copy{position:absolute;left:calc(50% + 35px);top:50%;transform:translateY(-50%);width:min(520px,calc(44% - 35px));max-width:520px;min-height:clamp(540px,36.66vw,1200px);margin:0;padding:42px 36px}
@media(max-width:1000px) and (min-width:701px){.story .story-copy{left:52%;width:44%;min-height:0;padding:25px 22px}.story-copy h2{font-size:38px}.story-copy>p:not(.eyebrow){font-size:12px}.story-copy .ornament{margin:16px 0}.story-copy .handwritten{font-size:27px}}
@media(max-width:700px){.story{padding-bottom:38px;overflow:visible}.story .story-copy{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 32px);max-width:490px;min-height:0;margin:-24px auto 0;padding:34px 26px}.story-copy h2{font-size:46px}.story-copy>p:not(.eyebrow){font-size:14px}}
/* Screen-height story: the scene and reading panel no longer determine each other's scale. */
@media(min-width:701px){
.story{height:calc(100svh - 94px);min-height:620px;max-height:960px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:40px max(5%,calc((100% - 1040px)/2));align-items:center;background:#d6c4b4;isolation:isolate;overflow:hidden}
.story:before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#e9e5df45,#e9e5df45),url('assets/story-wide.webp') right center/cover no-repeat;filter:blur(3px);transform:scale(1.02)}
.story .story-art{height:min(100%,660px);width:100%;min-height:0;max-height:100%;display:flex;align-items:center;justify-content:center}
.story-art picture{display:block;width:100%;height:100%;max-height:660px}
.story-art img{height:100%;width:100%;object-fit:contain;object-position:center;border-radius:18px}
.story .story-copy{position:relative;left:auto;top:auto;transform:none;min-height:0;max-height:none;width:100%;max-width:500px;padding:30px;display:block;margin:0;background:#eeebe6f5}
.story-copy h2{font-size:clamp(40px,3vw,58px)}.story-copy>p:not(.eyebrow){font-size:14px}.story-copy .handwritten{font-size:31px}.story-copy .ornament{margin:18px 0}.story-copy .eyebrow{font-size:9px}.story-copy .text-link{margin:20px 0 0}
}
@media(min-width:701px) and (max-height:760px){.story{padding-top:24px;padding-bottom:24px}.story .story-copy{padding:24px}.story-copy h2{font-size:42px}.story-copy>p:not(.eyebrow){font-size:13px}.story-copy .handwritten{font-size:28px}}
@media(min-width:701px){.story:before{background-size:cover,200% auto;background-position:center,right center}.story-art img{aspect-ratio:4/5}}
/* Approved story composition: artwork above, integrated text below. */
.story.story-text-under{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;height:auto;min-height:0;max-height:none;padding:48px 20px;background:radial-gradient(ellipse at center,#f5d2ce65,transparent 70%),var(--cream);overflow:visible}.story.story-text-under:before{display:none}.story-composite{display:block;width:100%;max-width:680px;height:auto;border-radius:18px}.story-order{position:static;flex-shrink:0}
@media(max-width:700px){.story.story-text-under{padding:0 0 35px;gap:24px}.story-composite{max-width:100%;border-radius:0}}
.story.story-text-under{padding:0 0 35px;background:var(--cream);gap:26px}.story-composite-picture{display:block;width:100%}.story.story-text-under .story-composite{display:block;width:100%;max-width:none;height:auto;border-radius:0}
@media(min-width:701px){.story.story-text-under{gap:18px;padding-bottom:20px}.story.story-text-under .story-composite{width:100%;height:auto;max-height:calc(100svh - 180px);object-fit:contain;object-position:center;background:var(--cream)}}
.acknowledgments a{color:var(--cranberry);text-decoration:underline;text-underline-offset:3px}.policies-section{max-width:1280px}.policies-section .section-heading p:last-child{max-width:660px;margin:20px auto}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.policy-grid article{border-top:1px solid #b18a5250;padding-top:22px;scroll-margin-top:110px}.policy-grid h3{margin:14px 0 20px;font-size:30px}.policy-grid p{font-size:13px;color:#765f53}.policies-section>.button{display:flex;width:fit-content;margin:35px auto 0}#planner{scroll-margin-top:110px}
@media(max-width:800px){.policy-grid{grid-template-columns:1fr;gap:30px}.policies-section h2{font-size:44px}}
.music-player{max-width:340px;margin:24px auto 0;padding:12px 16px;background:#fff8f0ed;border:1px solid #dfa1a770;border-radius:18px}.music-title{display:block;color:var(--cranberry);font-size:12px;letter-spacing:.5px;margin-bottom:8px}.music-player audio{display:block;width:100%;height:36px}.music-note{display:block;font-size:9px;color:#795f51;margin-top:7px}.music-player #music-error{font-size:11px;color:var(--cranberry)}
@media(max-width:600px){.hero{height:auto;min-height:760px;padding:24px 0 65px}.music-player{max-width:290px;margin-top:20px}}
.favorites .cookie-photo.snickerdoodle,.favorites .cookie-photo.lemon,.favorites .cookie-photo.raspberry{background-image:url('assets/favorites-more.webp');background-size:300% auto;background-position-y:center}.favorites .snickerdoodle{background-position-x:0%}.favorites .lemon{background-position-x:50%}.favorites .raspberry{background-position-x:100%}