.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-head{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent;border:0;color:#fff8f0}
.head-inner{justify-content:flex-start;gap:clamp(25px,5vw,85px)}
.head-inner nav{color:#eedbe9}
.head-inner nav a:hover{color:var(--lime)}
.head-button{margin-left:auto;background:#f9f0f5;color:#331236}
.hero{
 --hero-origin:72% 53%;
 padding-top:76px;
 background:radial-gradient(ellipse at var(--hero-origin),#a82398 0%,#701269 30%,#420642 64%,#29032d 100%);
}
.hero::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-conic-gradient(from 4deg at var(--hero-origin),#ff9df31c 0deg 10deg,transparent 10deg 21deg);
 mask-image:radial-gradient(ellipse at var(--hero-origin),#000 6%,#000a 48%,transparent 84%);
}
.hero-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.42fr);grid-template-areas:". art" "copy art" "extras art" ". art";grid-template-rows:1fr auto auto 1fr;align-items:center;gap:0 clamp(12px,2.4vw,35px);min-height:0;padding-block:20px 69px}
.hero-copy{grid-area:copy;align-self:end;padding:0 0 32px;animation:none;container-type:inline-size}
.hero h1{font-family:var(--body);font-size:clamp(1.25rem,9cqw,3.3rem);line-height:1.07;letter-spacing:.012em;font-weight:650;text-transform:uppercase}
.hero h1 strong,.hero h1 em{font-weight:700}
.hero h1 em{color:#fff7ee}
.hero-deck{max-width:360px;margin:20px 0 23px;color:#ead6e9}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-line{display:block}
.hero-word{display:inline-block}
.hero h1{--word-step:85ms}
.hero-deck{--word-start:330ms;--word-step:43ms}
.motion .hero-copy.is-visible .hero-word{
 animation:hero-word-in .42s cubic-bezier(.18,.76,.25,1) both;
 animation-delay:calc(var(--word-start,0ms) + var(--word) * var(--word-step));
}
@keyframes hero-word-in{from{opacity:0;transform:translateY(.38em)}to{opacity:1;transform:none}}
.hero-delivery-track{
 --courier-width:36px;
 display:grid;grid-template-columns:auto var(--courier-width);gap:12px;
 align-items:center;position:relative;min-height:25px;
}
.hero-delivery-label{white-space:nowrap}
.hero-courier{position:absolute;left:calc(100% - var(--courier-width));width:var(--courier-width);height:25px}
.hero-courier-wheel{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 .hero-button{animation:hero-button-pulse 2.7s ease-in-out infinite}
 .motion .hero-copy.is-visible .hero-button:not(:focus) .hero-delivery-track{
  --courier-motion:1.05s cubic-bezier(.42,0,.28,1) .3s both;
 }
 .motion .hero-copy.is-visible .hero-button:not(:focus) .hero-delivery-label{animation:hero-delivery-reveal var(--courier-motion)}
 .motion .hero-copy.is-visible .hero-button:not(:focus) .hero-courier{animation:hero-courier-drive var(--courier-motion)}
 .motion .hero-copy.is-visible .hero-button:not(:focus) .hero-courier-wheel{animation:hero-courier-spin var(--courier-motion)}
}
@keyframes hero-button-pulse{
 0%,100%{box-shadow:0 0 0 0 #d7f36622,0 5px 17px #15100655}
 50%{box-shadow:0 0 0 5px #d7f36630,0 8px 23px #15100665}
}
@keyframes hero-delivery-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes hero-courier-drive{from{left:0}to{left:calc(100% - var(--courier-width))}}
@keyframes hero-courier-spin{from{transform:rotate(0)}to{transform:rotate(2turn)}}
.hero-extras{grid-area:extras;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;list-style:none;padding:0;margin:0 0 14px;width:min(100%,372px);color:#e4cde4}
.hero-extras li{display:grid;justify-items:center;gap:5px;text-align:center;font-size:.7rem;line-height:1.2;font-weight:700}
.hero-extras img{width:60px;height:60px;object-fit:contain;border-radius:15px;background:#e7afe015;filter:drop-shadow(0 6px 6px #190c263d)}
.hero-art{
 grid-area:art;justify-self:end;width:min(100%,680px);aspect-ratio:1.1;
 container-type:inline-size;isolation:isolate;
}
.hero-lettering,.hero-acai{
 position:absolute;left:50%;translate:-50% 0;
 color:#fff8f3;font-family:var(--head);font-weight:900;
 line-height:.88;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;
}
.hero-lettering{top:1%;width:59%;height:auto;z-index:1;fill:currentColor;font-size:100px;letter-spacing:.018em}
.hero-spiral{
 position:absolute;inset:15% 4% 8%;z-index:2;width:92%;height:77%;
 object-fit:contain;filter:drop-shadow(0 14px 20px #25032372);
}
.motion .hero-art.is-visible .hero-spiral{animation:hero-spiral-in .65s cubic-bezier(.2,.75,.24,1) both}
@keyframes hero-spiral-in{from{transform:translateY(14px) scale(.96)}to{transform:none}}
.hero-acai{bottom:0;z-index:3;font-size:24cqw;scale:.85 1;text-shadow:0 .04em .18em #32052c82}
.hero-acai::after{
 content:"";position:absolute;left:1%;right:0;bottom:-.09em;height:.028em;
 background:linear-gradient(90deg,currentColor 0 37%,transparent 37% 49%,currentColor 49% 100%);
}
.hero-berries{position:absolute;inset:0;pointer-events:none}
.hero-berry{position:absolute;width:var(--berry-size);height:auto;rotate:var(--berry-tilt);z-index:1}
.hero-berry-top{--berry-size:18%;--berry-tilt:-27deg;top:3%;left:4%;filter:brightness(.83)}
.hero-berry-right{--berry-size:16%;--berry-tilt:55deg;top:15%;right:2%;filter:blur(2px) brightness(.8)}
.hero-berry-left{--berry-size:13%;--berry-tilt:135deg;bottom:12%;left:1%;filter:blur(2.5px) brightness(.66)}
.hero-berry-bottom{--berry-size:22%;--berry-tilt:-52deg;bottom:1%;right:1%;filter:brightness(.92)}
@media(min-width:1250px){
 .hero-berry-right{right:-4%}
 .hero-berry-bottom{right:-7%}
}
@media(max-width:850px) and (min-width:701px){.hero-grid{padding-block:35px 48px}}

.stores-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.stores-intro p{color:var(--muted);max-width:310px;margin:0 0 10px}
.locate{border:1px solid #d9c8d7;color:#5d2355;background:transparent;display:inline-flex;gap:6px;align-items:center;font-size:.77rem;font-weight:750;padding:7px 11px;min-height:36px;border-radius:50px;cursor:pointer}
.locate .icon{width:15px;height:15px}
.locate:hover{background:#f0e5ed}
.locate:disabled{opacity:.64;cursor:default}
.store{position:relative}
.store-nearby{position:absolute;top:9px;left:8px;z-index:2;background:var(--lime);color:#263308;display:inline-flex;align-items:center;gap:5px;border:1px solid #637c2566;border-radius:999px;padding:6px 9px;font-size:.73rem;font-weight:850;line-height:1.05;white-space:nowrap;pointer-events:none}
.store-nearby .icon{width:15px;height:15px}
.store.is-nearby{border-color:#819833;box-shadow:0 0 0 2px #9fb34e82}
.store.is-nearby .map-index{visibility:hidden}
.motion .store.is-visible .store-nearby:not([hidden]){animation:nearby-pulse .85s ease-out 2}
@keyframes nearby-pulse{0%{transform:scale(.94);box-shadow:0 0 0 0 #a6ce44c9}35%{transform:scale(1.035)}100%{transform:scale(1);box-shadow:0 0 0 8px #a6ce4400}}
.insta-card{display:block;min-height:0;width:min(100%,395px);justify-self:end;padding:14px;border-radius:21px;background:#fffaf4;color:var(--plum);transform:translateY(calc(var(--scene-travel,0)*.32px));box-shadow:0 14px 34px #1a081c70;transition:box-shadow .22s}
.insta-card:hover{box-shadow:0 15px 42px #170718ae}
.insta-head,.insta-foot{display:flex;align-items:center;gap:8px}
.insta-head>span:nth-child(2){flex:1;line-height:1.2}
.insta-head b{font-weight:850;font-size:.87rem}
.insta-head small{display:block;color:#725768;font-size:.66rem;margin-top:3px}
.insta-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:white;background:linear-gradient(145deg,#783bc9,#cc3476 58%,#ef8c3c)}
.insta-icon .icon{width:23px;height:23px}
.insta-grid{overflow:hidden;border-radius:8px;margin:12px 0 10px}
.insta-grid img{width:100%;aspect-ratio:3;object-fit:cover;transition:transform .4s}
.insta-card:hover .insta-grid img{transform:scale(1.055)}
.insta-foot{justify-content:space-between;font-size:.73rem;font-weight:750}
.insta-foot .icon,.insta-head>.icon{width:15px;height:15px}
.motion .reveal{transition-duration:.49s;transition-delay:var(--delay,0ms)}
.motion .reveal:not(.is-visible){opacity:1;transform:translateY(27px) scale(.983);transition-delay:0ms}
@media(max-width:1080px){.stores-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .hero{--hero-origin:50% 65%;padding-top:61px}
 .head-inner{gap:8px}
 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"copy" "art" "extras";min-height:0;padding:0 0 27px}
 .hero-copy{padding:29px 0 8px}
 .hero-deck{margin:10px 0 14px;font-size:.9rem;max-width:300px}
 .hero-actions{gap:7px}
 .hero-art{justify-self:center;width:min(100%,520px);aspect-ratio:1.02;margin:18px 0 26px}
 .hero-spiral{inset:15% 0 8%;width:100%}
 .hero-berry-top{left:1%;top:4%}
 .hero-berry-right{right:0;top:16%}
 .hero-berry-left{left:0;bottom:12%}
 .hero-berry-bottom{right:0;bottom:1%}
 .hero-extras{margin:0;gap:6px;width:min(100%,334px)}
 .hero-extras li{font-size:.63rem}
 .hero-extras img{width:48px;height:48px;border-radius:11px}
 .stores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stores-intro p{font-size:.92rem;margin:11px 0 7px}
 .store-nearby{font-size:.69rem;top:6px;left:6px;padding:5px 7px}
 .store-nearby .icon{width:13px;height:13px}
 .insta-card{justify-self:center;width:94%;margin-top:25px;transform:translateY(calc(var(--scene-travel,0)*.25px))}
 .insta-grid{margin:8px 0}
}
@media(prefers-reduced-motion:reduce){.insta-card{transform:none}.motion .reveal:not(.is-visible){opacity:1;transform:none}}
.motion .stores .map>img{transform:translateY(calc(var(--scene-travel,0)*.17px)) scale(1.12)}
.motion .stores .map-pin{margin-top:calc(var(--scene-travel,0)*-.11px)}
.insta-preview-label{color:#705565;font-size:.65rem}
@media(max-width:350px){.hero-actions .button{padding-inline:10px;font-size:.75rem;gap:5px}.head-button{white-space:nowrap;padding-inline:9px}.head-button .icon{width:13px;height:13px}.head-inner{gap:5px}}