@font-face{font-family:Montserrat;src:url('/assets/montserrat-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:light;--cream:#fff6e6;--chocolate:#5b2a0f;--caramel:#a85a2a;--honey:#f6b21a}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--chocolate);font-family:Montserrat,"Avenir Next",Avenir,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit}
.home{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px 25px;text-align:center}
.eyebrow{margin:0;font-size:10px;line-height:1.6;letter-spacing:.23em;font-weight:600}
.brand{position:relative;width:min(330px,62vw);margin:23px 0 0}
.logo{display:block;width:100%;height:auto}
.honey-sheen{position:absolute;left:61.9%;top:30%;width:6.6%;height:8.7%;overflow:hidden;clip-path:polygon(50% 0,82% 44%,97% 64%,100% 77%,91% 91%,74% 99%,49% 100%,24% 94%,7% 81%,0 65%,11% 45%);pointer-events:none}
.honey-sheen::after{content:"";position:absolute;inset:-30% -100%;background:linear-gradient(110deg,transparent 35%,#fff9df00 41%,#fff9dfb3 49%,#fff9df33 55%,transparent 63%);opacity:0;transform:translateX(-55%);animation:honey-shimmer 7s ease-in-out 1s infinite}
.honey-glint{position:absolute;left:66.1%;top:35%;width:1.9%;height:1.9%;background:#fff9df;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:0;animation:glimmer 7s ease-in-out 1s infinite;pointer-events:none}
.tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,36px);font-style:italic;font-weight:400;color:var(--caramel);letter-spacing:-.045em;margin:22px 0 10px}
.desserts{font-size:12px;line-height:1.9;letter-spacing:.025em;margin:0;color:#78482c}
.mobile-break{display:none}
.actions{display:flex;gap:12px;margin-top:27px}
.button{min-height:49px;min-width:166px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--chocolate);border-radius:5px;padding:14px 22px;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.button-primary{color:var(--cream);background:var(--chocolate)}
.button-secondary{color:var(--chocolate);background:transparent}
.button-primary:hover{background:#783b19;transform:translateY(-2px)}
.button-secondary:hover{background:#f4e6d1;transform:translateY(-2px)}
:focus-visible{outline:3px solid var(--caramel);outline-offset:5px}
footer{display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;letter-spacing:.025em;margin-top:51px;color:#815a41;line-height:1.8}
.footer-star{color:var(--caramel);font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{background:var(--cream);color:var(--chocolate);border:1px solid #e2cdb1;border-radius:10px;width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:0;box-shadow:0 24px 100px #30160030;overscroll-behavior:contain}
dialog::backdrop{background:#341a0b66;backdrop-filter:blur(6px)}
body:has(dialog[open]){overflow:hidden}
.dialog-inner{padding:56px 47px 42px;position:relative}
.close{position:absolute;right:16px;top:12px;width:40px;height:40px;border:0;background:transparent;color:var(--chocolate);font-size:30px;font-weight:400;cursor:pointer;border-radius:50%}
.close:hover{background:#f0e2cd}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(37px,6vw,52px);line-height:1.07;letter-spacing:-.045em;font-weight:400;margin:22px 0 26px}
h2 em{font-weight:400;color:var(--caramel)}
.dialog-inner>p:not(.eyebrow){font-size:13px;line-height:1.85;margin:0 0 16px}
.story-signoff{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:23px;margin:29px 0}
.story-signoff span{font-style:normal;color:var(--caramel);margin-right:9px}
.story-links{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:12px}
.text-link{font-size:11px;font-weight:600;text-underline-offset:5px;line-height:2}
.text-link span[aria-hidden]{margin-left:8px}
.order-inner{text-align:center;padding-top:47px}
.order-spark{display:block;color:var(--honey);font-size:42px;margin-bottom:20px}
.order-inner .button{margin-top:12px}
@keyframes honey-shimmer{0%,12%{opacity:0;transform:translateX(-55%)}17%{opacity:.8}31%{opacity:.8}38%,100%{opacity:0;transform:translateX(55%)}}
@keyframes glimmer{0%,23%,44%,100%{opacity:0;transform:scale(.5) rotate(-12deg)}31%{opacity:.9;transform:scale(1.2) rotate(8deg)}37%{opacity:.2;transform:scale(.8) rotate(14deg)}}
@media(min-height:850px) and (min-width:600px){.brand{width:370px;margin-top:32px}.home{padding-top:50px}.tagline{margin-top:27px}footer{margin-top:65px}}
@media(max-width:480px){.home{padding:32px 22px 22px}.brand{width:min(290px,73vw);margin-top:27px}.eyebrow{font-size:9px;letter-spacing:.19em}.tagline{margin-top:22px;font-size:30px}.desserts{font-size:11px}.actions{gap:9px;width:100%;max-width:345px;margin-top:24px}.button{min-width:0;flex:1;padding:14px 16px;font-size:10px;gap:15px}footer{font-size:8px;gap:8px;margin-top:40px}.dialog-inner{padding:53px 27px 32px}.dialog-inner>p:not(.eyebrow){font-size:12px}.order-inner .button{width:auto}}
@media(max-width:350px){footer{flex-wrap:wrap;max-width:230px}.footer-star{display:none}.brand{width:235px}.actions{flex-direction:column}.button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}