@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Shrikhand&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.hidden{display:none}
.table{display:table}
}
.mobile-actions{display:none}
.mobile-menu summary{list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.hero.hero{align-items:center;min-height:690px;padding:118px clamp(24px,5vw,78px) 82px;display:flex}
.hero .hero-inner{z-index:2;grid-template-columns:minmax(380px,.9fr) minmax(560px,1.1fr);align-items:center;gap:clamp(30px,5vw,80px);width:min(1380px,100%);margin:0 auto;display:grid;position:relative}
.hero .hero-art img{width:min(520px,38vw)}
.hero .hero-copy h1{font-size:clamp(64px,6.7vw,108px)}
.page-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:170px 24px 92px;display:flex}
.page-hero h1{margin:18px 0;font-size:clamp(66px,8.5vw,125px)}
.page-hero p{max-width:760px;font-size:19px;line-height:1.65}
.hire-hero{background:radial-gradient(circle at 12% 75%,#ffd0e5 0 10%,#0000 28%),radial-gradient(circle at 90% 20%,#c9f1ff 0 12%,#0000 30%),linear-gradient(135deg,#fff6ed,#fff0fa)}
.events-hero{background:radial-gradient(circle at 15% 30%,#d8cbff 0 10%,#0000 30%),radial-gradient(circle at 88% 70%,#caefff 0 12%,#0000 30%),linear-gradient(135deg,#fff4f9,#fff8e8)}
.hire-layout{background:#fff;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(35px,6vw,90px);display:grid}
.hire-info{position:sticky;top:120px}
.hire-info h2{font-size:clamp(50px,5.4vw,78px)}
.event-type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}
.event-type-grid div{background:#fff2f8;border:1px solid #f7d5e4;border-radius:15px;align-items:center;gap:10px;padding:15px;font-weight:800;display:flex}
.event-type-grid b{color:var(--hot);font-size:10px}
.service-note{background:var(--ink);color:#fff;border-radius:22px;margin-top:25px;padding:23px}
.service-note strong{color:#7ee3fa;font-size:18px}
.service-note p{margin-bottom:0;line-height:1.55}
.event-form{background:linear-gradient(145deg,#fff8fb,#f5f7ff);border:1px solid #efd9e6;border-radius:36px;padding:clamp(25px,4vw,48px);box-shadow:0 25px 70px #62254e1c}
.form-heading span{color:var(--hot);letter-spacing:.18em;font-size:11px;font-weight:900}
.form-heading h3{margin:8px 0;font-family:Shrikhand;font-size:42px}
.form-heading p{margin:0 0 25px;line-height:1.5}
.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}
.form-grid label{flex-direction:column;gap:8px;font-size:13px;font-weight:900;display:flex}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfc9d7;border-radius:14px;outline:none;padding:14px 15px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff4fa31c}
.form-grid textarea{resize:vertical}
.form-submit{cursor:pointer;border:0;margin:24px 0 15px}
.event-form>small{color:#6e5869;display:block}
.event-form>small a{color:var(--hot);font-weight:900}
.hire-banner{background:var(--ink);color:#fff;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;padding:90px clamp(24px,7vw,100px);display:grid}
.hire-banner img{object-fit:cover;width:100%;height:460px;box-shadow:14px 14px 0 var(--pink);border-radius:36px}
.hire-banner h2{font-size:clamp(52px,5.5vw,82px)}
.calendar-section{background:#fff}
.calendar-head{justify-content:space-between;align-items:end;gap:30px;max-width:1200px;margin:0 auto 45px;display:flex}
.calendar-head h2{font-size:clamp(52px,5vw,76px)}
.calendar-key{gap:20px;font-size:12px;font-weight:800;display:flex}
.calendar-key span{align-items:center;gap:7px;display:flex}
.calendar-key i{border-radius:50%;width:10px;height:10px}
.market-dot{background:var(--pink)}
.event-dot{background:var(--blue)}
.empty-calendar{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1200px;margin:auto;display:grid}
.calendar-card{background:#fff9fc;border:1px solid #eedce6;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px #64274b16}
.calendar-top{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}
.calendar-top strong{font-family:Shrikhand;font-size:26px}
.calendar-top button{color:#fff;background:#ffffff17;border:0;border-radius:50%;width:36px;height:36px;font-size:25px}
.calendar-days{grid-template-columns:repeat(7,1fr);padding:18px;display:grid}
.calendar-days>b{text-align:center;color:var(--hot);padding:8px;font-size:11px}
.calendar-days>span{border:1px solid #f2e6ed;min-height:60px;padding:7px;font-size:12px;position:relative}
.calendar-days span i{color:var(--pink);font-style:normal;position:absolute;bottom:5px;right:8px}
.spark-day{background:#fff0f7}
.schedule-empty{text-align:center;padding:25px}
.big-spark{color:#f7bf2f;font-size:65px;animation:2s infinite twinkle;display:block}
.schedule-empty h3{margin:8px 0;font-family:Shrikhand;font-size:38px}
.schedule-empty p{line-height:1.65}
.schedule-empty .button-row{justify-content:center}
.schedule-signup{background:linear-gradient(110deg,#71dbf4,#ffc2dd);justify-content:space-between;align-items:center;gap:40px;padding:85px clamp(24px,8vw,120px);display:flex}
.schedule-signup>div{max-width:760px}
.schedule-signup h2{font-size:clamp(50px,5vw,75px)}
.schedule-signup p{font-size:18px;line-height:1.6}
@media (width<=1000px){.hero-inner{grid-template-columns:.9fr 1.1fr;gap:22px}
.hero-art img{width:min(430px,40vw)}
.hire-layout,.empty-calendar,.hire-banner{grid-template-columns:1fr}
.hire-info{position:static}
.calendar-head{flex-direction:column;align-items:start}
.schedule-signup{text-align:center;flex-direction:column}
}
@media (width<=900px){.hero.hero{padding-top:105px}
.hero .hero-inner{text-align:center;grid-template-columns:1fr}
.hero .hero-copy{order:1}
.hero .hero-art{order:2}
.hero .hero-art img{width:min(440px,80vw)}
.hero .hero-copy>p{margin-inline:auto}
.hero-inner .button-row{justify-content:center}
.page-hero{padding-top:140px}
.hire-banner img{height:380px}
.site-header .desktop-nav{display:none}
.mobile-actions{align-items:center;gap:10px;display:flex}
.mobile-order{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:900;display:flex}
.mobile-order b{letter-spacing:.08em;background:var(--pink);border-radius:999px;padding:3px 5px;font-size:8px}
.mobile-menu summary{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}
.mobile-menu summary span{background:var(--ink);border-radius:2px;width:20px;height:2px;display:block}
.mobile-menu[open] summary{background:var(--ink)}
.mobile-menu[open] summary span{background:#fff}
.mobile-menu-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8f3fa;border-top:1px solid #eedde6;flex-direction:column;padding:12px 18px 20px;display:flex;position:absolute;top:72px;left:0;right:0;box-shadow:0 20px 35px #35153724}
.mobile-menu-panel>a{border-bottom:1px solid #eedde6;justify-content:space-between;align-items:center;padding:15px 6px;font-size:16px;font-weight:900;display:flex}
.mobile-menu-panel>a i{color:var(--hot);font-size:25px;font-style:normal}
.mobile-menu-panel .mobile-shop-link{background:linear-gradient(135deg,var(--ink),#653466);color:#fff;border:0;border-radius:16px;margin-top:12px;padding:14px 16px}
.mobile-shop-link b{background:var(--pink);letter-spacing:.09em;border-radius:999px;padding:5px 7px;font-size:9px}
}
@media (width<=600px){.hero.hero{min-height:auto;padding-inline:18px}
.hero .hero-copy h1{font-size:58px}
.event-type-grid,.form-grid{grid-template-columns:1fr}
.form-grid .full{grid-column:auto}
.event-form{border-radius:25px}
.calendar-key{flex-direction:column}
.calendar-days{padding:8px}
.calendar-days>span{min-height:43px}
.schedule-signup{padding:70px 18px}
.hire-banner{padding:70px 20px}
.hire-banner img{height:300px}
}
@media (width<=390px){.mobile-order{padding:8px 10px;font-size:11px}
.mobile-menu summary{width:42px;height:42px}
.site-header{padding-inline:10px}
}
:root{--pink:#ff4fa3;--hot:#e91677;--blue:#51cef4;--purple:#7b4bd8;--cream:#fff8f3;--ink:#351537}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8f3eb;border-bottom:1px solid #571a5617;justify-content:space-between;align-items:center;height:86px;padding:8px clamp(20px,5vw,72px);display:flex;position:fixed;top:0;left:0;right:0}
.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:900;display:flex}
.brand img{object-fit:cover;border-radius:50%;width:64px;height:64px}
.site-header nav{align-items:center;gap:clamp(12px,2vw,30px);font-size:14px;font-weight:800;display:flex}
.site-header nav>a:hover{color:var(--hot)}
.order-pill{background:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;display:flex;color:#fff!important}
.order-pill b{background:var(--pink);letter-spacing:.08em;border-radius:10px;padding:4px 6px;font-size:8px}
.hero{background:radial-gradient(circle at 83% 20%,#ccefff 0 18%,#0000 42%),radial-gradient(circle at 15% 90%,#ffd3e6 0 12%,#0000 33%),linear-gradient(135deg,#fff7ef,#fff0f8);grid-template-columns:1.05fr .95fr;align-items:center;min-height:760px;padding:150px clamp(24px,7vw,100px) 100px;display:grid;position:relative;overflow:hidden}
.hero-copy{z-index:2}
.eyebrow{letter-spacing:.2em;color:var(--hot);font-size:12px;font-weight:900}
h1,h2{margin:18px 0;font-family:Shrikhand,cursive;font-weight:400;line-height:.95}
h1{font-size:clamp(66px,8vw,126px)}
h1 em,h2 em{color:var(--hot);text-shadow:3px 3px #ffc5e0;font-style:normal}
.hero-copy>p{max-width:600px;font-size:19px;line-height:1.65}
.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}
.button{border-radius:999px;padding:16px 24px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #8d3d7033}
.primary{background:linear-gradient(135deg,var(--hot),var(--pink));color:#fff}
.secondary{border:2px solid var(--ink);background:#fff}
.hero-art{z-index:2;place-items:center;display:grid;position:relative}
.hero-art img{mix-blend-mode:multiply;filter:drop-shadow(0 30px 40px #8a367733);border-radius:50%;width:min(580px,45vw)}
.logo-halo{filter:blur(22px);opacity:.55;background:conic-gradient(#ff80bb,#65dbf6,#b790ff,#ffe574,#ff80bb);border-radius:50%;width:86%;height:86%;position:absolute}
.burst{color:#f8b918;font-size:42px;animation:1.8s infinite twinkle;position:absolute}
.b1{top:10%;left:2%}
.b2{animation-delay:.6s;top:5%;right:5%}
.b3{animation-delay:1.2s;bottom:12%;right:0}
.ticker{background:var(--ink);color:#fff;white-space:nowrap;letter-spacing:.12em;width:104%;padding:16px 0;font-weight:900;position:absolute;bottom:0;left:-2%;overflow:hidden;transform:rotate(-1deg)}
.ticker span{animation:25s linear infinite marquee;display:inline-block}
.section{padding:110px clamp(24px,7vw,100px)}
.section-head{text-align:center;max-width:800px;margin:0 auto 52px}
.section-head h2,.story-copy h2,.booking h2{font-size:clamp(52px,6vw,90px)}
.section-head p{font-size:18px;line-height:1.6}
.flavors{background:#fff}
.flavor-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:auto;display:grid}
.flavor-card{border-radius:34px;min-height:265px;padding:30px;transition:transform .25s;position:relative;overflow:hidden}
.flavor-card:hover{transform:translateY(-8px)rotate(-1deg)}
.flavor-card small{letter-spacing:.12em;font-weight:900}
.flavor-card h3{max-width:75%;margin:50px 0 8px;font-family:Shrikhand;font-size:32px}
.flavor-card p{margin:0}
.flavor-card .fluff{opacity:.55;filter:drop-shadow(5px 7px #fff8);font-size:150px;line-height:1;position:absolute;bottom:-30px;right:-20px}
.flavor-card.blue{background:#c8efff}
.flavor-card.green{background:#dcf5b7}
.flavor-card.pink{background:#ffd1e5}
.flavor-card.gold{background:#ffe8a9}
.flavor-card.purple{background:#dfd0ff}
.text-link{text-align:center;color:var(--hot);margin-top:35px;font-weight:900;display:block}
.split-story{color:#fff;background:linear-gradient(135deg,#4e2163,#28142f);grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:100px clamp(24px,7vw,100px);display:grid}
.photo-stack{position:relative}
.main-photo{object-fit:cover;width:100%;height:600px;box-shadow:18px 18px 0 var(--pink);border-radius:48px;transform:rotate(-2deg)}
.sticker{width:150px;height:150px;color:var(--ink);text-align:center;border:4px dashed var(--ink);background:#f7dc53;border-radius:50%;place-content:center;font-size:15px;display:grid;position:absolute;bottom:-30px;right:-30px;transform:rotate(10deg)}
.sticker strong{font-size:26px}
.story-copy p{font-size:19px;line-height:1.7}
.mini-stats{gap:50px;margin-top:35px;display:flex}
.mini-stats div{flex-direction:column;display:flex}
.mini-stats strong{color:#73def7;font-family:Shrikhand;font-size:42px}
.mini-stats span{font-size:13px}
.products{background:#fff3f8}
.product-grid{grid-template-columns:1fr 1fr;gap:28px;max-width:1200px;margin:auto;display:grid}
.product-grid article{background:#fff;border-radius:36px;transition:transform .25s;overflow:hidden;box-shadow:0 20px 60px #6b275215}
.product-grid article:hover{transform:translateY(-7px)}
.product-grid img{object-fit:cover;width:100%;height:410px}
.product-grid article>div{padding:26px 30px 34px}
.product-grid span{color:var(--hot);letter-spacing:.14em;font-size:11px;font-weight:900}
.product-grid h3{margin:8px 0;font-family:Shrikhand;font-size:36px}
.booking{color:#fff;background:linear-gradient(110deg,#ff5cab,#ff7db8 55%,#75daf2);justify-content:space-between;align-items:center;gap:50px;margin:0;padding:90px clamp(24px,9vw,130px);display:flex}
.booking>div{max-width:750px}
.booking .eyebrow{color:#fff}
.booking p{font-size:18px;line-height:1.65}
.dark{background:var(--ink);color:#fff;white-space:nowrap}
footer{background:var(--ink);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:55px clamp(24px,7vw,100px);display:grid}
footer img{object-fit:cover;border-radius:50%}
footer div{flex-direction:column;gap:6px;display:flex}
footer div strong{color:#ff8bc1;font-family:Shrikhand;font-size:30px}
footer p{text-align:right;opacity:.75;max-width:300px;font-size:12px}
.float{animation:4s ease-in-out infinite float}
.reveal{animation:.7s ease-out both rise}
@keyframes float{50%{transform:translateY(-14px)rotate(1deg)}
}
@keyframes rise{0%{opacity:0;transform:translateY(30px)}
}
@keyframes twinkle{50%{opacity:.3;transform:scale(.4)rotate(45deg)}
}
@keyframes marquee{to{transform:translate(-50%)}
}
@media (width<=900px){.site-header{height:72px;padding:6px 14px}
.brand span{display:none}
.brand img{width:56px;height:56px}
.site-header nav>a:not(.order-pill){display:none}
.hero{text-align:center;grid-template-columns:1fr;padding-top:115px}
.hero-copy>p{margin-inline:auto}
.button-row{justify-content:center}
.hero-art img{width:min(500px,85vw)}
.flavor-grid{grid-template-columns:1fr 1fr}
.split-story{grid-template-columns:1fr}
.main-photo{height:450px}
.product-grid{grid-template-columns:1fr}
.booking{text-align:center;flex-direction:column}
footer{text-align:center;grid-template-columns:1fr;justify-items:center}
footer p{text-align:center}
}
@media (width<=560px){h1{font-size:60px}
.hero{min-height:auto}
.flavor-grid{grid-template-columns:1fr}
.section{padding:80px 18px}
.split-story{padding:80px 20px}
.main-photo{height:330px}
.sticker{width:120px;height:120px;right:-5px}
.product-grid img{height:310px}
.mini-stats{gap:30px}
.order-pill{padding:9px 11px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}
}
.shop-hero{text-align:center;background:radial-gradient(circle at 15% 25%,#c8efff 0 9%,#0000 24%),radial-gradient(circle at 88% 70%,#ffd1e5 0 12%,#0000 28%),linear-gradient(135deg,#fff6ed,#f9efff);flex-direction:column;justify-content:center;align-items:center;min-height:610px;padding:165px 24px 90px;display:flex}
.shop-hero h1{margin:20px 0 10px;font-size:clamp(65px,9vw,130px)}
.shop-hero p{max-width:720px;font-size:19px;line-height:1.65}
.soon-badge{background:var(--ink);color:#fff;border-radius:18px;align-items:center;gap:12px;margin-top:28px;padding:13px 18px;display:flex;transform:rotate(-2deg);box-shadow:8px 8px #68d8f2}
.soon-badge b{letter-spacing:.15em;font-size:11px}
.soon-badge span{background:var(--pink);border-radius:10px;padding:6px 9px;font-weight:900}
.shop-products{background:#fff}
.catalog-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:auto;display:grid}
.catalog-grid article{background:#fffafc;border:1px solid #f0d8e5;border-radius:30px;overflow:hidden;box-shadow:0 18px 45px #69244d12}
.catalog-photo{height:330px;position:relative;overflow:hidden}
.catalog-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s}
.catalog-grid article:hover img{transform:scale(1.05)}
.catalog-photo span{color:var(--hot);letter-spacing:.11em;background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;position:absolute;bottom:15px;left:16px}
.catalog-info{justify-content:space-between;gap:12px;padding:22px;display:flex}
.catalog-info h3{margin:0 0 5px;font-family:Shrikhand;font-size:27px}
.catalog-info p{margin:0;font-size:13px}
.catalog-info strong{color:var(--hot);white-space:nowrap}
.catalog-grid button{color:#876c80;cursor:not-allowed;background:#eadce6;border:0;border-radius:999px;width:calc(100% - 40px);margin:0 20px 20px;padding:13px;font-weight:800}
.price-note{text-align:center;max-width:800px;margin:35px auto 0;font-weight:800}
.all-flavors{background:var(--ink);color:#fff;grid-template-columns:.7fr 1.3fr;gap:7vw;padding:100px clamp(24px,7vw,100px);display:grid}
.all-flavors h2{font-size:clamp(50px,6vw,85px)}
.all-flavors p{opacity:.75}
.flavor-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}
.flavor-list span{background:#ffffff0c;border:1px solid #ffffff17;border-radius:15px;padding:15px 18px;font-weight:800;animation:.5s both rise}
.flavor-list span:hover{background:#ffffff18;transform:translate(5px)}
.flavor-list b{color:#ff83bd;width:34px;font-size:11px;display:inline-block}
.notify{background:linear-gradient(115deg,#c9f1ff,#ffe3ef);justify-content:space-between;align-items:center;gap:40px;padding:90px clamp(24px,8vw,120px);display:flex}
.notify>div:first-child{max-width:700px}
.notify h2{font-size:clamp(44px,5vw,72px)}
.notify p{font-size:18px;line-height:1.6}
.notify .button-row{flex-shrink:0}
@media (width<=900px){.catalog-grid{grid-template-columns:1fr 1fr}
.all-flavors{grid-template-columns:1fr}
.notify{text-align:center;flex-direction:column}
.notify .button-row{justify-content:center}
}
@media (width<=600px){.catalog-grid,.flavor-list{grid-template-columns:1fr}
.shop-hero{padding-top:130px}
.catalog-photo{height:300px}
.all-flavors{padding:80px 18px}
.notify{padding:75px 18px}
}

/* Flyer-inspired flavor additions */
.car-show-drop{color:#fff;background:linear-gradient(135deg,#110b14,#29101f 55%,#071f2b);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(34px,6vw,90px);padding:105px clamp(24px,7vw,100px);display:grid;position:relative;overflow:hidden}
.car-show-drop:before{content:"";opacity:.16;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;width:150px;height:100%;position:absolute;left:0;top:0}
.car-show-copy{z-index:1;position:relative}.car-show-copy .eyebrow{color:#5ee3ff}.car-show-copy h2{font-size:clamp(56px,6vw,92px)}.car-show-copy h2 em{color:#ff4f9b;text-shadow:3px 3px #5a1234}.car-show-copy>p{max-width:650px;font-size:18px;line-height:1.65}
.car-flavor-grid{grid-template-columns:1fr 1fr;gap:13px;margin:32px 0;display:grid}.car-flavor-grid article{border:1px solid #ffffff25;border-radius:20px;min-height:155px;padding:19px;display:flex;flex-direction:column;box-shadow:inset 0 0 30px #ffffff09}.car-flavor-grid article b{font-family:Shrikhand;font-size:25px;line-height:1.1}.car-flavor-grid article span{letter-spacing:.09em;text-transform:uppercase;margin:8px 0 4px;font-size:11px;font-weight:900}.car-flavor-grid article small{opacity:.78;line-height:1.4}.car-flavor-grid .cadillac{background:linear-gradient(145deg,#c81f68,#661b47)}.car-flavor-grid .suede{background:linear-gradient(145deg,#08aee0,#125198)}.car-flavor-grid .roller{background:linear-gradient(145deg,#7044a1,#271732)}.car-flavor-grid .hemi{background:linear-gradient(145deg,#dc283b,#60111d)}
.car-button{background:linear-gradient(135deg,#ef2575,#35cdec);color:#fff}.flyer-feature{z-index:1;max-width:560px;margin:0 auto;position:relative}.flyer-feature img{border:8px solid #fff;border-radius:28px;width:100%;box-shadow:0 32px 90px #0009;transform:rotate(1.5deg)}.flyer-feature figcaption{color:#fff;text-align:center;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#00bde8,#ed337b);border-radius:999px;padding:12px 18px;font-weight:900;position:absolute;bottom:-18px;left:10%;right:10%;box-shadow:0 12px 25px #0006}
.menu-crop{transform:scale(1.05)}.tubs-crop{object-position:89% 18%}.cones-crop{object-position:89% 53%}.bags-crop{object-position:89% 83%}.catalog-grid article:hover .menu-crop{transform:scale(1.1)}
.menu-showcase{background:linear-gradient(130deg,#fff5f8,#eaf9ff);grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(30px,6vw,80px);padding:95px clamp(24px,7vw,100px);display:grid}.menu-showcase-copy h2{font-size:clamp(50px,5.5vw,82px)}.menu-showcase-copy p{font-size:18px;line-height:1.65}.menu-showcase>img{border:8px solid #fff;border-radius:30px;box-shadow:0 24px 65px #60194425}.flavor-list small{opacity:.65;font-size:11px}.flavor-list .new-flavor{color:#fff;background:linear-gradient(135deg,#087ed0,#4bbadc);border-color:#88e8ff;grid-column:1/-1}.flavor-list .new-flavor b{color:#fff;background:#ef2e78;border-radius:999px;width:auto;margin-right:9px;padding:4px 8px}
@media (width<=900px){.car-show-drop,.menu-showcase{grid-template-columns:1fr}.flyer-feature{max-width:500px}.menu-showcase-copy{text-align:center}.menu-showcase-copy p{margin-inline:auto}.menu-showcase>img{order:-1}}
@media (width<=600px){.car-show-drop{padding:80px 18px}.car-flavor-grid{grid-template-columns:1fr}.flyer-feature img{border-width:5px;border-radius:20px}.flyer-feature figcaption{font-size:11px}.menu-showcase{padding:75px 18px}.menu-showcase>img{border-width:5px;border-radius:20px}.flavor-list .new-flavor{grid-column:auto}}
