@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');


/* #region Theme and base styles */
/* MARK: Theme and base styles */
:root{--ink:#21241f;--paper:#f8f6ef;--pink:#f1a8d0;--line:#d7d8cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #bb2383;outline-offset:6px} 

/* #endregion */
/* #region Header and navigation */
/* MARK: Header and navigation */
.header{height:112px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6%}.wordmark{font-family:'Manrope',sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px}.wordmark span{color:#d95ca8;display:inline-block;margin-left:5px;font-size:36px}nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-button{border:1px solid var(--ink);padding:14px 22px;border-radius:30px}.nav-button span{margin-left:22px}

/* #endregion */
/* #region Hero and mascot */
/* MARK: Hero and mascot */
.hero{max-width:1440px;margin:0 auto;padding:26px 6% 72px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;line-height:1.8}.eyebrow>span{width:7px;height:7px;background:#da62aa;border-radius:50%;display:inline-block;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(72px,7.7vw,112px);line-height:1.01;font-weight:600;letter-spacing:-7px;margin:24px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{letter-spacing:-6px}.period{color:#d760a9}.intro{max-width:370px;font-size:15px;line-height:1.8;color:#62655d}.button{display:inline-flex;align-items:center;gap:38px;padding:18px 24px;border-radius:32px;font-size:13px;font-weight:600}.dark{background:var(--ink);color:white}.button:hover{background:#4b5145}.hero-note{margin-top:40px;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.5px;color:#74776b}.hero-note>span{font-size:22px}.hero-art{background:var(--pink);aspect-ratio:.88;position:relative;border-radius:200px 200px 6px 6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-top{position:absolute;top:11%;font-size:9px;letter-spacing:2.4px;font-weight:700}.mascot{position:relative;width:61%;aspect-ratio:1;border:1px solid var(--ink);padding:12px;border-radius:50%;background:#fff9f0;transform:rotate(-9deg);box-shadow:10px 13px 0 #242820}.mascot img{width:100%;height:100%;border-radius:50%;display:block}.orbit{position:absolute;border:1px solid #bc719f;border-radius:50%;width:132%;height:45%;transform:rotate(-42deg)}.orbit-two{transform:rotate(42deg)}.hero-drink{position:absolute;font-size:78px;z-index:2}.hero-drink-one{top:18%;right:9%}.hero-drink-two{bottom:19%;left:9%;font-size:55px}.art-label{position:absolute;font-size:11px;line-height:1.4;letter-spacing:1px;font-weight:800;z-index:3}.label-one{left:7%;top:33%;transform:rotate(-12deg)}.label-two{right:6%;bottom:22%;transform:rotate(8deg)}.art-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px}.art-bottom span+span{font-size:25px}

/* #endregion */
/* #region Ticker */
/* MARK: Ticker */
.ticker{display:flex;gap:36px;white-space:nowrap;overflow:hidden;padding:20px 0;background:var(--ink);color:#f1b3d6;font-size:20px;align-items:center;justify-content:center}.ticker span{font-size:12px;font-weight:700;letter-spacing:2px}

/* #endregion */
/* #region Sections and store cards */
/* MARK: Sections and store cards */
.section{max-width:1440px;padding:95px 6%;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:24px}h2{font-family:'Manrope',sans-serif;font-size:clamp(35px,3.7vw,53px);line-height:1.15;letter-spacing:-2px;font-weight:500;margin:15px 0 0}.section-heading>p{font-size:13px;line-height:1.8;color:#65695e}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.store-visual{height:275px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.malibu .store-visual{background:#ecd8e5}.discount .store-visual{background:#dae0ee}.university .store-visual{background:#ece8c9}.store-number{position:absolute;top:20px;left:20px;font-size:8px;font-weight:700;letter-spacing:1px}.store-visual img{width:145px;height:145px;object-fit:contain;border-radius:50%;position:relative;z-index:1;transition:transform .3s}.discount img,.university img{border-radius:12px}.store-card:hover img{transform:rotate(-5deg) scale(1.04)}.store-drink{font-size:170px;position:absolute;right:-34px;bottom:-60px;color:#d3a5c4}.discount .store-drink{color:#b4c3e4}.university .store-drink{color:#dbd18d}.store-info{padding:24px 0 0}h3{font-family:'Manrope',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.8px;margin-bottom:8px}.store-info p{color:#65695e;font-size:13px}.store-link{padding:18px 0 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:700}.store-link:hover,.text-link:hover{color:#a02c75}

/* #endregion */
/* #region Good spirits feature */
/* MARK: Good spirits feature */
.spirit-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:20px}.spirit-art{height:450px;background:#e4e8d9;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:36px}.spirit-art p{text-align:center;font-size:12px;letter-spacing:2px;line-height:1.5;z-index:1;margin:22px 0 0}.spirit-art em{font-size:38px;letter-spacing:-1px}.background-bottle{font-size:340px;position:absolute;top:-85px;left:-60px;color:#ccd4bb;transform:rotate(15deg)}.small-wine{font-size:80px;position:absolute;right:35px;top:40px}.glass{width:175px;height:180px;position:relative;margin-bottom:15px;transform:rotate(12deg)}.glass:before{content:'';position:absolute;top:0;width:175px;height:100px;background:var(--ink);clip-path:polygon(0 0,100% 0,51% 100%)}.liquid{position:absolute;top:5px;left:9px;width:157px;height:84px;background:#eda1cb;clip-path:polygon(0 0,100% 0,50% 100%);z-index:1}.glass:after{content:'';position:absolute;top:94px;left:85px;width:5px;height:83px;background:var(--ink);box-shadow:0 0 0 var(--ink)}.olive{width:80px;height:4px;background:var(--ink);position:absolute;top:176px;left:48px}.olive:after{content:'';height:22px;width:22px;border:5px solid var(--ink);background:#b6c57c;border-radius:50%;position:absolute;top:-166px;left:48px;z-index:2}.spirit-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#65695e;max-width:360px;margin:25px 0}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:50px;border-bottom:1px solid var(--ink);padding:15px 0}

/* #endregion */
/* #region Facebook updates */
/* MARK: Facebook updates */
.updates{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.updates>div>p:not(.eyebrow){font-size:14px;color:#65695e;line-height:1.8;margin-top:24px;max-width:355px}.updates-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.setup-note{font-weight:600;font-size:16px}.setup-detail{color:#65695e;font-size:13px;line-height:1.8;max-width:330px}.social-row{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.social-row:last-child{border:0}

/* #endregion */
/* #region Footer */
/* MARK: Footer */
footer{background:var(--ink);color:var(--paper);padding:50px 6% 25px}footer>.wordmark{font-size:40px}footer>p{font-size:12px;color:#b8bdaf;margin:16px 0 40px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #454a40;font-size:10px;color:#c1c6b9}

/* #endregion */
/* #region Wide screens */
/* MARK: Wide screens */
@media(min-width:1500px){footer{padding-left:calc((100vw - 1267px)/2);padding-right:calc((100vw - 1267px)/2)}}

/* #endregion */
/* #region Tablet layout */
/* MARK: Tablet layout */
@media(max-width:800px){.header{height:90px}.wordmark{font-size:28px}nav{gap:20px}nav>a:not(.nav-button){display:none}.nav-button{padding:12px 16px;font-size:12px}.hero{gap:30px;padding-top:20px}.hero h1{font-size:72px;letter-spacing:-5px}.intro{font-size:13px}.hero-art{aspect-ratio:.7}.art-label{font-size:8px}.art-top{font-size:7px;letter-spacing:1px}.art-bottom{font-size:7px;left:18px;right:18px}.hero-drink-one{font-size:50px}.hero-drink-two{font-size:40px}.section{padding-top:65px;padding-bottom:65px}.store-grid{gap:16px}.store-visual{height:220px}.store-visual img{width:115px;height:115px}.store-number{font-size:6px;left:12px}h3{font-size:20px}.spirit-art{height:400px}.section-heading>p{max-width:210px}.spirit-section{gap:6%}}

/* #endregion */
/* #region Mobile layout */
/* MARK: Mobile layout */
@media(max-width:560px){.hero{grid-template-columns:1fr;padding-bottom:40px;gap:40px}.hero h1{font-size:84px;letter-spacing:-5px}.hero-copy{position:relative}.intro{max-width:320px;font-size:14px}.hero-note{margin-top:25px}.hero-art{aspect-ratio:1;max-height:440px;border-radius:180px 180px 4px 4px}.art-label{font-size:10px}.art-top{font-size:8px}.hero-art .mascot{width:57%}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:none}.store-grid{grid-template-columns:1fr;gap:32px}.store-visual{height:300px}.store-visual img{width:165px;height:165px}.store-number{font-size:8px;left:20px}.store-info{padding-top:18px}h3{font-size:26px}.spirit-section,.updates{grid-template-columns:1fr;gap:35px}.spirit-art{height:380px}.spirit-copy h2{font-size:39px}.updates{padding-top:50px}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom span:nth-child(2){order:3;width:100%}footer>.wordmark{font-size:34px}.section h2{letter-spacing:-1.5px}.ticker{gap:24px}}

/* #endregion */
/* #region Reduced motion */
/* MARK: Reduced motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* #endregion */
/* #region Store contact details */
/* MARK: Store contact details */
.store-address{font-style:normal;font-size:14px;line-height:1.8;margin:20px 0 10px;color:#555b4e;overflow-wrap:anywhere}.store-phone{display:inline-block;font-size:14px;font-weight:600;padding:6px 0;margin-bottom:16px}.store-phone:hover{text-decoration:underline}.directions-link{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:var(--paper);padding:15px 18px;border-radius:4px;font-size:13px;font-weight:600}.directions-link:hover{background:#4b5145}

/* #endregion */
/* #region Wine and spirits icons */
/* MARK: Wine and spirits icons */
/* Masks use the element color, keeping the illustrations consistent with each store. */
.drink-icon {
  display: inline-block;
  width: 24px;
  height: 30px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--drink-art) center / contain no-repeat;
  mask: var(--drink-art) center / contain no-repeat;
}
.wine-icon { --drink-art: url('wine-glass.svg'); }
.bottle-icon { --drink-art: url('spirits-bottle.svg'); }
.wordmark .drink-icon { width: 25px; height: 33px; vertical-align: -3px; }
.hero-drink { position: absolute; z-index: 2; }
.hero-drink-one { width: 54px; height: 70px; transform: rotate(14deg); }
.hero-drink-two { width: 40px; height: 64px; transform: rotate(-18deg); }
.art-bottom .drink-icon { width: 20px; height: 25px; }
.ticker .drink-icon { width: 16px; height: 22px; }
.store-drink { width: 110px; height: 190px; right: -10px; bottom: -35px; transform: rotate(25deg); }
.background-bottle { width: 175px; height: 330px; top: -35px; left: -35px; transform: rotate(-20deg); }
.small-wine { width: 50px; height: 75px; right: 30px; top: 35px; transform: rotate(15deg); }
@media (max-width: 800px) {
  .hero-drink-one { width: 36px; height: 50px; }
  .hero-drink-two { width: 30px; height: 45px; }
}
/* #endregion */

/* #region Alice stores and city links */
/* MARK: Alice stores and city links */
.city-callout { display: flex; align-items: center; justify-content: space-between; gap: 32px; border-top: 1px solid var(--line); }
.city-callout p:not(.eyebrow) { color: #65695e; font-size: 14px; line-height: 1.8; margin: 22px 0 0; }
.city-callout .button { flex-shrink: 0; }
.alice-intro { padding-top: 30px; padding-bottom: 65px; background: linear-gradient(125deg, var(--paper) 45%, #d6ece7); }
.alice-back { display: inline-block; margin-bottom: 45px; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.alice-intro h1 { font-size: clamp(60px, 7vw, 100px); letter-spacing: -4px; }
.alice-tagline { font-family: 'Manrope', sans-serif; font-size: clamp(22px, 3vw, 34px); letter-spacing: -1px; margin-bottom: 20px; }
.alice-intro .intro { max-width: 470px; }
.alice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.alice-grid .store-visual { height: 330px; }
.alice-grid .store-visual img { width: 190px; height: 190px; border-radius: 0; }
.botella .store-visual { background: #cce6e5; }
.botella .store-drink { color: #7ebcbb; }
.jigger .store-visual { background: #e7e5df; }
.jigger .store-drink { color: #c3bfb3; }
.alice-stores { padding-top: 60px; }
@media (max-width: 560px) {
  .city-callout { flex-direction: column; align-items: flex-start; }
  .alice-grid { grid-template-columns: 1fr; }
  .alice-grid .store-visual { height: 290px; }
  .alice-intro h1 { font-size: 60px; letter-spacing: -3px; }
  .alice-intro { padding-top: 20px; }
  .alice-back { margin-bottom: 35px; }
}
/* #endregion */
