.ing-section{position:relative}.ing-section:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(to bottom,#1c181329,#f1eade00);pointer-events:none}.ing-inner{padding-block:clamp(84px,9vw,146px);max-width:1560px;margin-inline:auto}.ing-head{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(300px,.8fr);gap:clamp(24px,4vw,96px);align-items:end;margin-bottom:clamp(48px,5vw,84px)}.ing-title{grid-row:2;margin-top:22px;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.2vw,50px);line-height:1.16;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.ing-head .eyebrow{grid-row:1}.ing-lede{grid-row:2;max-width:44ch;padding-bottom:8px}.ing{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(320px,1.1fr) minmax(240px,.8fr);gap:clamp(28px,3.6vw,76px);align-items:start}.ing-visual-home{position:relative}.ing-visual{position:relative;aspect-ratio:3 / 5;height:auto;overflow:hidden;background:#17150f}.ing-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s ease}.ing-layer.is-on{opacity:1}.ing-visual{-webkit-mask-image:radial-gradient(126% 120% at 50% 50%,#000 66%,transparent 99%);mask-image:radial-gradient(126% 120% at 50% 50%,#000 66%,transparent 99%)}.ing-list{border-top:1px solid var(--hair-l)}.ing-item{border-bottom:1px solid var(--hair-l)}.ing-btn{width:100%;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:11px;row-gap:2px;padding:19px 2px;text-align:left;font-family:var(--font-serif);font-size:clamp(17px,1.4vw,21px);letter-spacing:.1em;text-transform:uppercase;color:#857a6b;transition:color .3s ease,padding-left .38s cubic-bezier(.22,.61,.36,1)}.ing-btn:hover{color:#3d362c}.ing-bullet{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;transform:translateY(-3px);transition:opacity .3s ease}.ing-alt{font-style:italic;text-transform:none;letter-spacing:.01em;font-size:.82em;color:#9a8f7e}.ing-item.is-active .ing-btn{color:var(--ink);padding-left:10px}.ing-item.is-active .ing-bullet{opacity:1}.ing-item.is-active .ing-alt{color:#6d6354}.ing-detail-home{position:relative}.ing-detail{min-height:320px;padding-left:clamp(20px,2vw,34px);border-left:1px solid var(--hair-l)}.ing-group{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#8d8272}.ing-detail-name{margin-top:14px;font-family:var(--font-serif);font-size:clamp(19px,1.5vw,23px);line-height:1.35;color:var(--ink)}.ing-detail-body{margin-top:16px;font-family:var(--font-serif);font-size:16px;line-height:1.65;color:#4f463a;max-width:34ch}.ing-detail-label{margin-top:26px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8d8272}.ing-detail-benefit{margin-top:10px;font-family:var(--font-serif);font-size:16.5px;line-height:1.6;color:#352f26;max-width:32ch}.ing-detail-todo{margin-top:14px}.ing-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;margin-top:clamp(44px,5vw,76px);padding-top:clamp(28px,3vw,44px);border-top:1px solid var(--hair-l)}.ing-note{font-family:var(--font-serif);font-style:italic;font-size:clamp(15.5px,1.2vw,18px);line-height:1.6;color:#554c3f;max-width:52ch}.ing-foot .btn-outline{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}@media(max-width:1240px){.ing{grid-template-columns:.9fr 1.1fr}.ing-detail-home{grid-column:1 / -1}.ing-detail{min-height:0;border-left:0;padding-left:0;border-top:1px solid var(--hair-l);padding-top:26px}}@media(max-width:900px){.ing-head{grid-template-columns:1fr;gap:16px}.ing-title,.ing-lede{grid-row:auto}.ing{grid-template-columns:1fr;gap:0}.ing-visual-home,.ing-detail-home{display:none}.ing-slot:empty{display:none}.ing-slot{padding:4px 0 28px;display:grid;gap:22px}.ing-slot .ing-visual{height:auto;min-height:0;aspect-ratio:4 / 3.4}.ing-slot .ing-detail{min-height:0;border-left:0;border-top:0;padding:0}.ing-btn{font-size:15px;padding:11px 2px}.ing-slot .ing-visual{aspect-ratio:4 / 2.9}.ing-foot{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vivara-ingredients.css.map */