.hero{position:relative;isolation:isolate;min-height:min(90vh,820px);display:grid;align-items:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#16281b1f,#16281b57 34%,#16281b9e 70%,#16281bdb),linear-gradient(0deg,rgba(22,40,27,.4) 0%,transparent 45%)}.hero__frame{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:2;border:1px solid rgba(227,206,151,.3);border-radius:2px;pointer-events:none}.hero__frame .deco-corner{color:var(--gold-soft);opacity:.9}.hero__inner{position:relative;z-index:3;padding-block:clamp(4.8rem,8vw,8.8rem)}.hero__copy{max-width:600px;margin-left:auto}.hero .eyebrow{color:var(--gold-soft);margin-bottom:1.76rem}.hero h1{color:var(--on-dark);margin-bottom:1.92rem;text-shadow:0 2px 24px rgba(0,0,0,.28)}.hero__sub{font-size:1.79rem;color:#f3efe4e6;margin-bottom:3.04rem;max-width:48ch}.hero__cta{display:flex;flex-wrap:wrap;gap:1.44rem}.proof__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(2.56rem,4vw,5.44rem)}.proof__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.48rem;max-width:190px}.proof__item svg{width:30px;height:30px;color:var(--gold-soft);margin-bottom:.4rem}.proof__num{font-family:var(--font-display);font-weight:600;line-height:1.05;font-size:clamp(2.56rem,2.3vw,3.28rem);color:var(--on-dark)}.proof__lbl{font-family:var(--font-ui);font-size:1.17rem;text-transform:uppercase;letter-spacing:.11em;color:#f3efe4d1}.toggle-wrap{display:flex;justify-content:center;margin-bottom:4rem}.toggle{display:inline-flex;background:var(--cream-soft);border:1px solid var(--hairline);border-radius:999px;padding:4px;gap:2px}.toggle button{font-family:var(--font-ui);font-size:1.28rem;font-weight:600;letter-spacing:.04em;padding:.88rem 2.08rem;border-radius:999px;border:none;background:none;color:var(--ink-soft);cursor:pointer;transition:background .25s,color .25s}.toggle button.active{background:var(--petrol);color:var(--on-dark)}.bacco-vitrine__panel.is-hidden{display:none}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bacco-gutter);margin-top:15rem;align-items:start;list-style:none;padding:0}.card{--roast: var(--petrol);position:relative;isolation:isolate;background:#fff;color:var(--ink);border:1px solid rgba(30,38,32,.06);border-radius:22px;padding:190px 1.5rem 1.6rem;overflow:visible;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 4px #4a341e0d,0 24px 46px -22px #4a341e4d;transition:transform .4s var(--bacco-ease),box-shadow .4s var(--bacco-ease)}.card:hover{transform:translateY(-6px);box-shadow:0 4px 8px #4a341e0f,0 38px 64px -24px #4a341e61}.card__stage{position:absolute;top:-100px;left:0;right:0;height:280px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.card__bag{height:306px;width:auto;object-fit:contain;z-index:1;transform-origin:50% 90%;filter:drop-shadow(0 14px 18px rgba(30,20,10,.22));transition:transform .55s var(--bacco-ease)}.card:hover .card__bag{transform:translateY(-12px) rotate(-3deg)}.card__floor{position:absolute;bottom:8px;left:50%;width:56%;height:22px;transform:translate(-50%);border-radius:50%;z-index:0;background:radial-gradient(closest-side,rgba(30,20,10,.32),transparent 78%);filter:blur(4px);transition:transform .55s var(--bacco-ease),opacity .55s var(--bacco-ease)}.card:hover .card__floor{transform:translate(-50%) scaleX(1.18);opacity:.78}.card__rating{display:inline-flex;align-items:center;gap:.56rem;font-family:var(--font-ui);font-size:1.25rem;color:var(--ink-soft)}.card__rating .star{width:15px;height:15px;color:var(--gold)}.card__rating em{font-style:normal;opacity:.68}.card__name{font-family:var(--font-display);font-size:2.8rem;font-weight:600;line-height:1.05;color:var(--ink);margin-top:.64rem}.card__name .card__link{color:inherit;text-decoration:none}.card__name .card__link:hover{color:var(--roast)}.card__tier{font-family:var(--font-ui);font-size:1.12rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:.32rem}.card__desc{font-family:var(--font-body);font-size:1.47rem;line-height:1.5;color:var(--ink-soft);max-width:24ch;margin:.64rem auto 0}.card__price{font-family:var(--font-display);font-size:2.24rem;font-weight:600;color:var(--ink);margin-top:1.6rem}.card__price .price,.card__price .price__container,.card__price .price-item{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:0}.card__cta{display:flex;flex-direction:column;gap:.88rem;width:100%;margin-top:1.36rem}.card__cta product-form,.card__cta .form{width:100%}.card__badge{position:absolute;top:16px;right:16px;z-index:3;overflow:hidden;font-family:var(--font-ui);font-size:.93rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);padding:.72rem 1.12rem;border-radius:999px;background:linear-gradient(135deg,#f3e0a8,#dcb962 36%,#c7a24b 55%,#ecd99e);box-shadow:0 7px 20px #c7a24b99,inset 0 1px #ffffffb3,inset 0 -1px 2px #8c691e4d}.card__badge:after{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:skew(-20deg);animation:bacco-badge-shine 3.6s var(--bacco-ease) infinite}@keyframes bacco-badge-shine{0%{left:-65%}35%{left:140%}to{left:140%}}@media(prefers-reduced-motion:reduce){.card__badge:after{animation:none}}.card--featured{border-color:#c7a24b80;padding-top:210px;box-shadow:0 0 0 1px #c7a24b59,0 30px 60px -20px #4a341e6b}.card--featured .card__stage{top:-120px;height:320px}.card--featured .card__bag{height:349px}.product-grid--inset{margin-top:0;align-items:stretch}.card--inset{height:100%}.card--inset,.card--inset.card--featured{padding-top:1.5rem}.card--inset .card__stage{position:relative;top:auto;left:auto;right:auto;height:auto;width:100%;aspect-ratio:1 / 1;margin-bottom:1.6rem;border-radius:16px;overflow:hidden;background:var(--cream-soft)}.card--inset .card__bag{height:100%;width:100%;object-fit:cover;filter:none}.card--inset:hover .card__bag{transform:scale(1.045)}.card--inset .card__floor{display:none}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.tile{position:relative;isolation:isolate;display:block;overflow:hidden;aspect-ratio:3 / 4;background:var(--navy);text-decoration:none}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--bacco-ease)}.tile:hover img,.tile:focus-visible img{transform:scale(1.06)}.tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#16281bb3,#16281b26 45%,#16281b00 70%)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(165deg,#2d513699,#122016d9);opacity:0;transition:opacity .45s var(--bacco-ease)}.tile:hover:after,.tile:focus-visible:after{opacity:1}.tile__content{position:absolute;left:1.6rem;right:1.6rem;bottom:3.04rem;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}.tile__label{font-family:var(--font-display);font-weight:600;line-height:1.1;font-size:clamp(2.72rem,2.5vw,4.16rem);color:var(--on-dark);text-shadow:0 2px 16px rgba(0,0,0,.5);transition:transform .45s var(--bacco-ease)}.tile:hover .tile__label{transform:translateY(-2px)}.tile__btn{display:inline-flex;align-items:center;gap:.72rem;font-family:var(--font-ui);font-weight:600;font-size:1.36rem;letter-spacing:.04em;color:var(--navy);background:var(--gold);padding:1.12rem 2.4rem;border-radius:var(--bacco-radius);box-shadow:0 6px 18px #00000040;opacity:0;transform:translateY(12px);transition:opacity .4s var(--bacco-ease),transform .4s var(--bacco-ease)}.tile:hover .tile__btn,.tile:focus-visible .tile__btn{opacity:1;transform:none}.tile__btn svg{width:16px;height:16px}@media(hover:none){.tile__btn{opacity:1;transform:none}}.story{position:relative;overflow:hidden}.story__inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3.2rem,5vw,7.2rem);align-items:center}.story__visual{position:relative;aspect-ratio:1 / 1;border-radius:var(--bacco-radius-lg);overflow:hidden;background:radial-gradient(120% 120% at 30% 20%,#24462e,var(--navy) 70%);box-shadow:var(--bacco-shadow-lift)}.story__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.story__visual .deco-corner{z-index:2;color:var(--gold)}.story__copy .eyebrow{margin-bottom:1.6rem}.story__copy h2{margin-bottom:1.92rem}.story__copy p+p{margin-top:1.6rem}.story__copy .btn{margin-top:2.56rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bacco-gutter);list-style:none;padding:0}.post{border-radius:var(--bacco-radius-lg);overflow:hidden;background:var(--cream-soft);border:1px solid rgba(45,81,54,.1);transition:transform .3s var(--bacco-ease),box-shadow .3s var(--bacco-ease);display:flex;flex-direction:column}.post:hover{transform:translateY(-5px);box-shadow:var(--bacco-shadow-lift)}.post__media{aspect-ratio:16 / 10;position:relative;overflow:hidden}.post__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--bacco-ease)}.post:hover .post__media img{transform:scale(1.05)}.post__body{padding:2.08rem 2.24rem 2.4rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.post__tag{font-family:var(--font-ui);font-size:1.09rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--petrol)}.post__body h3{font-size:1.92rem}.post__body h3 a{color:inherit;text-decoration:none}.post__excerpt{font-size:1.47rem;color:var(--ink-soft)}.post__body .link-arrow{margin-top:auto;padding-top:.96rem}.news{position:relative;isolation:isolate;overflow:hidden}.news__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.18}.news__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.news p{margin-top:1.12rem}.news__form{display:flex;flex-direction:column;gap:1.12rem}.news__row{display:flex;gap:.96rem;align-items:flex-start}.news__row .field{flex:1;margin:0}.news__row input[type=email]{width:100%;font-family:var(--font-ui);font-size:1.44rem;padding:1.52rem 1.76rem;border-radius:var(--bacco-radius);border:1px solid rgba(243,239,228,.35);background:#f3efe414;color:var(--on-dark)}.news__row input[type=email]::placeholder{color:#f3efe48c}.news__row input[type=email]:focus-visible{border-color:var(--gold);outline:none}.news__hint{font-family:var(--font-ui);font-size:1.22rem;color:#f3efe4b3}.news__hint code{color:var(--gold-soft);font-weight:600}.news .form__message{font-family:var(--font-ui);font-size:1.34rem;color:var(--on-dark)}.social-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bacco-gutter);list-style:none;padding:0}.testimonial{background:var(--cream-soft);border:1px solid rgba(45,81,54,.1);border-radius:var(--bacco-radius-lg);padding:2.56rem;display:flex;flex-direction:column;gap:1.28rem;margin:0;height:100%}.testimonial p{font-size:1.57rem;font-style:italic;color:var(--ink)}.testimonial .who{font-family:var(--font-ui);font-size:1.28rem;font-weight:600;color:var(--ink-soft);margin-top:auto}@media screen and (max-width:900px){.product-grid,.blog-grid,.social-proof__grid{grid-template-columns:1fr 1fr}.product-grid:not(.product-grid--inset){margin-top:8rem;row-gap:8rem}.card:not(.card--inset),.card--featured:not(.card--inset){padding-top:150px}.card:not(.card--inset) .card__stage,.card--featured:not(.card--inset) .card__stage{top:-74px;height:205px}.card:not(.card--inset) .card__bag,.card--featured:not(.card--inset) .card__bag{height:230px}}@media screen and (max-width:1024px){.news__inner{grid-template-columns:1fr;gap:2.4rem}}@media screen and (max-width:768px){.hero{min-height:80vh}.hero__frame{top:14px;right:14px;bottom:14px;left:14px}.hero__scrim{background:linear-gradient(180deg,#16281b80,#16281bd1)}.hero__bg{object-position:32% center}.hero__copy{margin-left:0}.story__inner{grid-template-columns:1fr}.story__visual{aspect-ratio:16 / 11}.tiles{grid-template-columns:1fr}.tile{aspect-ratio:16 / 10}}@media screen and (max-width:560px){.product-grid,.blog-grid,.social-proof__grid{grid-template-columns:1fr}.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{width:100%}.news__row{flex-direction:column}.news__row .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-bacco-home.css.map */