.ffs .ffs-hero--photo{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;margin-bottom:56px}.ffs-hero__media{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:5/4;background:#e9e3d6}.ffs-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.ffs-hero__quote{position:absolute;left:20px;bottom:20px;max-width:330px;background:#fcf9f5f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 30px #23332924}.ffs-hero__quote .ffs-stars{font-size:13px;letter-spacing:2px}.ffs-hero__quote q{font:400 17px/1.35 Nanum Myeongjo,Georgia,serif;color:var(--ink);quotes:"\201c" "\201d"}.ffs-hero__quote small{font-size:12px;color:var(--muted)}.ffs-press{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.ffs-press p{margin:0 0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.ffs-press ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.ffs-press img{height:26px;width:auto;display:block;filter:grayscale(1);opacity:.7}.ffs-starts{margin:0 0 48px}.ffs-starts__title{margin:0 0 16px;font:400 24px/1.2 Nanum Myeongjo,Georgia,serif;color:var(--ink)}.ffs-starts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ffs a.ffs-start{display:flex;flex-direction:column;gap:12px;text-decoration:none}.ffs-start img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block;transition:transform .4s ease}.ffs-start:hover img{transform:scale(1.02)}.ffs-start span{display:flex;flex-direction:column;gap:3px}.ffs-start strong{font-size:15px;font-weight:600}.ffs-start small{font-size:13px;color:var(--muted);line-height:1.4}.ffs .ffs-reviews{margin:24px 0 40px;padding-top:56px}.ffs-reviews h2{margin:0 0 10px;font:400 clamp(28px,3vw,38px)/1.15 "Nanum Myeongjo",Georgia,serif;color:var(--ink)}@media(max-width:1000px){.ffs .ffs-hero--photo{grid-template-columns:1fr;gap:28px}.ffs-hero__media{order:-1;aspect-ratio:4/3}}@media(max-width:749px){.ffs-hero__media{border-radius:18px;aspect-ratio:4/3}.ffs-hero__quote{left:12px;right:12px;bottom:12px;max-width:none;padding:12px 14px}.ffs-hero__quote q{font-size:15px}.ffs-press img{height:20px}.ffs-press ul{gap:12px 20px}.ffs-starts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ffs-starts__title{font-size:21px}.ffs .ffs-reviews{margin:8px 0 24px;padding-top:40px}}.ffs .ffs-reviews__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:749px){.ffs .ffs-reviews__grid{grid-template-columns:none}}@media(max-width:749px){.ffs-hero__media{aspect-ratio:3/2}.ffs-hero__quote .ffs-stars{display:none}.ffs-press{margin-top:28px}.ffs-press ul{flex-wrap:nowrap;justify-content:space-between;gap:12px}.ffs-press li{flex:0 1 auto;min-width:0}.ffs-press img{height:auto;max-height:22px;max-width:100%}}.ffs .ffs-press img[src*=great-taste],.ffs .ffs-press img[src*=b-corp]{height:46px;max-height:none}@media(max-width:749px){.ffs .ffs-press img[src*=great-taste],.ffs .ffs-press img[src*=b-corp]{height:34px}}@media(max-width:749px){.ffs .ffs-hero__media{aspect-ratio:auto;overflow:visible;background:none;border-radius:0}.ffs .ffs-hero__media img{aspect-ratio:3/2;height:auto;border-radius:18px}.ffs .ffs-hero__quote{position:relative;left:auto;right:auto;bottom:auto;margin:-34px 14px 0}}@media(min-width:750px){body:has(.ffs) a:has(>.xo-header__logo-img){top:50%!important;left:40px!important;transform:translateY(-50%)}body:has(.ffs) .xo-header__logo-img{height:56px!important;width:72px!important;max-width:none!important}}.ffs .ffs-hero__media{aspect-ratio:auto;overflow:visible;background:none;border-radius:0}.ffs .ffs-hero__media img{aspect-ratio:3/2;height:auto;border-radius:24px}.ffs .ffs-hero__quote{position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin:-40px 24px 0}@media(max-width:749px){.ffs .ffs-hero__media img{border-radius:18px}.ffs .ffs-hero__quote{margin:-34px 14px 0}}.ffs-starts__title{font-size:clamp(26px,2.6vw,34px)!important;margin-bottom:22px!important}.ffs a.ffs-start{gap:14px}.ffs-start span{gap:6px}.ffs-start strong{font:400 21px/1.2 Nanum Myeongjo,Georgia,serif;color:var(--ink);letter-spacing:-.005em}.ffs-start small{font-size:14px;line-height:1.45}@media(max-width:749px){.ffs-starts__title{font-size:24px!important}.ffs-start strong{font-size:17px}.ffs-start small{font-size:13px}}@media(max-width:749px){html:not(#f) body .ffs .ffs-grid,html:not(#f) body .ffs .ffs-grid--sodas,html:not(#f) body .ffs .ffs-grid--mixers,html:not(#f) body .ffs .ffs-grid--water{gap:24px 10px!important}html:not(#f) body .ffs .ffs-grid .ffs-card__media{padding:8% 12%!important;border-radius:14px!important}html:not(#f) body .ffs .ffs-grid .ffs-card__title{text-align:center;font-size:17px!important;margin-top:0!important}html:not(#f) body .ffs .ffs-grid .ffs-card__price{justify-content:center;margin:4px 0 0!important}html:not(#f) body .ffs .ffs-grid .ffs-card__meta,html:not(#f) body .ffs .ffs-grid .ffs-card__sizes{text-align:center;font-size:12px!important;margin:3px 0 8px!important}html:not(#f) body .ffs .ffs-grid [data-add],html:not(#f) body .ffs .ffs-grid .ffs-buy .ffs-btn--line{min-height:40px!important;height:40px!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important;padding:0 6px!important}html:not(#f) body .ffs .ffs-hero__ctas a,html:not(#f) body .ffs .ffs-hero .ffs-btn{border-radius:8px!important;font-weight:500!important}}.ffs .ffs-start__go{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-style:normal;font-size:13px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.ffs a.ffs-start:hover .ffs-start__go{text-decoration-thickness:2px}@media(max-width:749px){html:not(#f) body .ffs .ffs-start img{border-radius:14px}html:not(#f) body .ffs .ffs-starts__grid{gap:20px 10px}html:not(#f) body .ffs .ffs-start strong{font-size:17px;line-height:1.2}html:not(#f) body .ffs .ffs-start small{font-size:12.5px;line-height:1.4}html:not(#f) body .ffs .ffs-start__go{font-size:12.5px}}@media(max-width:749px){html:not(#f) body .ffs .ffs-reviews{margin:0!important;padding-top:48px!important}html:not(#f) body .ffs .ffs-reviews h2{font-size:30px!important;margin:0 0 6px!important}html:not(#f) body .ffs .ffs-reviews__head{margin:0 0 14px!important;font-size:13px}html:not(#f) body .ffs .ffs-reviews__grid{gap:10px!important}html:not(#f) body .ffs .ffs-review{background:#fff!important;border:1px solid #e6e2d8!important;border-radius:14px!important;padding:14px 16px!important;gap:6px!important}html:not(#f) body .ffs .ffs-review .ffs-stars{display:none!important}html:not(#f) body .ffs .ffs-review blockquote{font-size:16px!important;line-height:1.45!important;margin:0!important}html:not(#f) body .ffs .ffs-review figcaption{font-size:12.5px!important;color:var(--muted)}}@media(max-width:749px){html:not(#f) body .ffs,html:not(#f) body.ffs-has-cart .ffs{padding-bottom:8px!important}html:not(#f) body.ffs-bar-on:has(.ffs){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}html:not(#f) body.ffs-bar-on.ffs-has-cart:has(.ffs){padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}}@media(max-width:749px){html:not(#f) body .ffs .ffb2 .ffb2__body>h3{font-size:min(17px,4.55vw)!important;white-space:nowrap!important;color:#1b2a21!important;-webkit-text-stroke:.55px currentColor}}.ffs .ffs-press__dup{display:none}@media(max-width:749px){html:not(#f) body .ffs .ffs-press{overflow:hidden;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}html:not(#f) body .ffs .ffs-press p{padding-left:8px}html:not(#f) body .ffs .ffs-press__track{display:flex;width:max-content;animation:ffs-press 22s linear infinite}html:not(#f) body .ffs .ffs-press ul,html:not(#f) body .ffs .ffs-press__dup{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;gap:36px!important;padding-right:36px!important;flex:none}html:not(#f) body .ffs .ffs-press li{flex:none!important;min-width:0}html:not(#f) body .ffs .ffs-press img{height:24px!important;max-height:none!important;width:auto!important;max-width:none!important}html:not(#f) body .ffs .ffs-press img[src*=great-taste],html:not(#f) body .ffs .ffs-press img[src*=b-corp]{height:40px!important}}@keyframes ffs-press{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html:not(#f) body .ffs .ffs-press__track{animation:none}html:not(#f) body .ffs .ffs-press__dup{display:none!important}html:not(#f) body .ffs .ffs-press{overflow-x:auto}}@media(max-width:749px){html:not(#f) body .ffs .ffs-start span{gap:2px}html:not(#f) body .ffs .ffs-start small{font-size:13px}html:not(#f) body .ffs .ffs-start__go{margin-top:6px}}@media(max-width:1000px){html:not(#f) body .ffs .ffs-hero--photo{grid-template-columns:minmax(0,1fr)!important}}html:not(#f) body .ffs .ffs-hero__main{min-width:0}html body .ffs-sheet .ffs-sheet__panel{padding-bottom:calc(16px + var(--ffs-pv,0px) + env(safe-area-inset-bottom,0px))}html body .ffs-sheet .ffs-sheet__ttl{flex:1;min-width:0}html body .ffs-sheet .ffs-sheet__ttl h3{margin:0;font:400 20px/1.2 Nanum Myeongjo,Georgia,serif}html body .ffs-sheet .ffs-sheet__ttl p{margin:2px 0 0;font-size:13px;color:#5d6a60}html body .ffs-sheet .ffs-sheet__head img{width:56px;height:56px;background:#e9eff1;border-radius:10px;padding:4px;object-fit:contain}html body .ffs-sheet .ffs-sheet__opt{justify-content:flex-start;gap:12px;min-height:72px;padding:8px 12px 8px 8px;border:1.5px solid #e6e2d8;transition:border-color .15s,background .15s}html body .ffs-sheet .ffs-sheet__pic{flex:none;width:56px;height:56px;object-fit:contain;background:#e9eff1;border-radius:8px;padding:3px}html body .ffs-sheet .ffs-sheet__txt{flex:1;min-width:0}html body .ffs-sheet .ffs-sheet__opt strong{margin-left:auto}html body .ffs-sheet .ffs-sheet__tick{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #cfc6b5;background:#fff;position:relative}html body .ffs-sheet .ffs-sheet__opt:has(input:checked){border-color:#233329;background:#f3eee4;box-shadow:0 0 0 1px #233329}html body .ffs-sheet .ffs-sheet__opt:has(input:checked) .ffs-sheet__tick{background:#233329;border-color:#233329}html body .ffs-sheet .ffs-sheet__opt:has(input:checked) .ffs-sheet__tick:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}html body .ffs-sheet .ffs-sheet__go{height:52px}html body .ffs .ffs-seg__opt input:checked+span{background:#233329!important;border-color:#233329!important}html body .ffs .ffs-seg__opt input:checked+span b,html body .ffs .ffs-seg__opt input:checked+span small{color:#fcf9f5!important}.ffs .ffs-reviews__track,.ffs .ffs-reviews__set{display:contents}.ffs .ffs-reviews__dup{display:none}@media(max-width:749px){html:not(#f) body .ffs .ffs-reviews__grid{display:block!important;overflow:hidden!important;margin:0 -16px!important;padding:0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}html:not(#f) body .ffs .ffs-reviews__track{display:flex;width:max-content;animation:ffs-press 45s linear infinite}html:not(#f) body .ffs .ffs-reviews__track:active{animation-play-state:paused}html:not(#f) body .ffs .ffs-reviews__set,html:not(#f) body .ffs .ffs-reviews__dup{display:flex!important;gap:10px;padding-left:10px;flex:none}html:not(#f) body .ffs .ffs-review{flex:none;width:250px!important;margin:0!important;align-self:stretch;justify-content:space-between}html:not(#f) body .ffs .ffs-review blockquote{font-size:15px!important}}@media(max-width:749px)and (prefers-reduced-motion:reduce){html:not(#f) body .ffs .ffs-reviews__track{animation:none}html:not(#f) body .ffs .ffs-reviews__dup{display:none!important}html:not(#f) body .ffs .ffs-reviews__grid{overflow-x:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/ff-shop-hero.css.map */
