.sjolie-wrap.mx3-page{max-width:none;padding:0;margin:0;font-family:Mulish,Arial,Helvetica,sans-serif;color:#594E48;-webkit-font-smoothing:antialiased}.mx3-page *,.mx3-page *::before,.mx3-page *::after{box-sizing:border-box}.mx3-sec{width:100vw;margin-left:calc(50% - 50vw);position:relative}.mx3-wrap{max-width:1200px;margin:0 auto;padding:0 32px}.mx3-page .mx3-eyebrow{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7E5E40;font-weight:700;margin:0}.mx3-page .mx3-h2{font-family:'Playfair Display',Georgia,serif;font-weight:300;text-transform:uppercase;letter-spacing:.5px;color:#3A2D27;font-size:clamp(28px,3.4vw,42px);line-height:1.12;margin:12px 0 0}.mx3-page .mx3-head{text-align:center;max-width:740px;margin:0 auto 48px}.mx3-page .mx3-head p{font-size:16px;line-height:1.7;margin:16px 0 0;color:#594E48}.mx3-page h3,.mx3-page h4{letter-spacing:normal}.mx3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mx3-hero{background:#F3ECE3;overflow:hidden}.mx3-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:56px 32px}.mx3-page .mx3-h1{font-family:'Playfair Display',Georgia,serif;font-weight:300;font-size:clamp(40px,5.2vw,72px);line-height:1.02;color:#3A2D27;margin:18px 0 24px;text-transform:uppercase;letter-spacing:.5px}.mx3-h1 .mx3-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}.mx3-h1 .mx3-w>span{display:inline-block;animation:mx3rise 1s cubic-bezier(.2,.8,.2,1) both}.mx3-h1 .mx3-it{text-transform:none;font-style:italic;font-weight:400}.mx3-h1 .mx3-it>span{background:linear-gradient(100deg,#7E5A38 30%,#E0C393 45%,#7E5A38 60%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:#fff0;animation:mx3rise 1s cubic-bezier(.2,.8,.2,1) both,mx3sheen 6s ease-in-out 1.4s infinite}.mx3-in{animation:mx3fadeUp .8s both}.mx3-page .mx3-lede{font-size:17px;line-height:1.75;max-width:520px;margin:0;color:#594E48;animation:mx3fadeUp .9s .55s both}.mx3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;animation:mx3fadeUp .9s .7s both}.mx3-page .mx3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background-color .25s,color .25s}.mx3-page .mx3-btn-gold{background:#C8A96E;color:#2B221E;box-shadow:0 10px 24px -12px rgb(120 85 40 / .75)}.mx3-page .mx3-btn-gold:hover{transform:translateY(-2px);color:#2B221E;box-shadow:0 16px 30px -12px rgb(120 85 40 / .8)}.mx3-page .mx3-btn-line{color:#3A2D27;box-shadow:inset 0 0 0 1.5px #3A2D27}.mx3-page .mx3-btn-line:hover{background:#3A2D27;color:#F3ECE3}.mx3-stats{display:flex;gap:36px;margin-top:40px;flex-wrap:wrap;animation:mx3fadeUp .9s .85s both}.mx3-stat b{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:30px;color:#3A2D27;line-height:1.1}.mx3-stat span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E5F56;font-weight:700}.mx3-hero-media{position:relative;aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;border-radius:32px;overflow:hidden;background:#EFE6DA;box-shadow:0 40px 80px -40px rgb(70 45 25 / .55);animation:mx3fadeIn 1.2s .2s both}.mx3-hero-poster,.mx3-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mx3-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgb(255 253 249 / .92);box-shadow:0 10px 30px -14px rgb(60 40 25 / .45);font-size:12px;font-weight:700;color:#3A2D27;animation:mx3bob 5s ease-in-out infinite}.mx3-tag i{width:12px;height:12px;border-radius:50%;display:block}.mx3-marquee{background:#2B221E;color:#E6D2AE;overflow:hidden;padding:16px 0}.mx3-track{display:flex;width:max-content;animation:mx3marq 42s linear infinite}.mx3-track span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:20px;padding:0 22px;white-space:nowrap;display:flex;align-items:center;gap:44px}.mx3-track span::after{content:"";width:7px;height:7px;border-radius:50%;background:#C8A96E}.mx3-calc-sec{background:#fff;padding:96px 0 104px}#sjolie-mixologist.sjolie-mix3{font-family:Mulish,Arial,Helvetica,sans-serif;color:#3A2D27;scroll-margin-top:90px}#sjolie-mixologist.sjolie-mix3 .mx3-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px}#sjolie-mixologist.sjolie-mix3 .sjolie-back-to-tools,#sjolie-mixologist.sjolie-mix3 .sjolie-reset-mix{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid #E2D5C4;background:#fff;color:#3A2D27;font-family:inherit;font-size:13px;font-weight:700}#sjolie-mixologist.sjolie-mix3 .sjolie-back-to-tools:hover{border-color:#C8A96E;background:#F8F2EA;color:#3A2D27}#sjolie-mixologist.sjolie-mix3 .sjolie-reset-mix{color:#8A4C4C;border-color:#E4C7C7}#sjolie-mixologist.sjolie-mix3 .sjolie-reset-mix:hover{background:#8A4C4C;color:#fff;border-color:#8A4C4C}.mx3-lab{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;grid-template-areas:"a stage b";gap:24px;align-items:start}.mx3-col-a{grid-area:a}.mx3-col-b{grid-area:b}.mx3-col-stage{grid-area:stage;min-width:0}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-panel{background:none;border:0;border-radius:0;padding:0}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-panel h4{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 14px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:22px;text-transform:uppercase;letter-spacing:.06em;text-align:left;color:#3A2D27}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-panel h4 small{font-family:Mulish,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;color:#7E5E40}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-grid{display:flex;flex-direction:column;gap:10px}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:6px 14px 6px 12px;border-radius:16px;border:1.5px solid #E8E2D8;background:#FAF7F2;color:#3A2D27;text-align:left;font-family:inherit;overflow:hidden;animation:none;box-shadow:none;transition:transform .3s cubic-bezier(.3,.9,.3,1),border-color .3s,background-color .3s,box-shadow .3s}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn:hover{transform:translateX(4px);border-color:#D9C7AA;background:#FAF7F2;box-shadow:none}#sjolie-mixologist.sjolie-mix3 .mx3-col-b .sjolie-bottle-btn:hover{transform:translateX(-4px)}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn.selected{border-color:#C8A96E;background:#FFF8EC;color:#3A2D27;animation:none;box-shadow:0 14px 30px -18px rgb(140 100 50 / .7)}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn:focus-visible{outline:2px solid #3A2D27;outline-offset:2px}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-swatch,#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-vial-wrap{display:none}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-bubble{opacity:0!important}.mx3-thumb{flex:none;width:30px;height:64px;display:flex;align-items:flex-end;justify-content:center}.mx3-thumb img{height:62px;width:auto;display:block;filter:drop-shadow(0 4px 4px rgb(60 40 25 / .25));transition:transform .4s cubic-bezier(.3,1.4,.5,1)}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn:hover .mx3-thumb img{transform:translateY(-3px) rotate(-4deg)}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn.selected .mx3-thumb img{animation:mx3hop .7s cubic-bezier(.3,1.4,.5,1) both}.mx3-text{flex:1;min-width:0}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-name{display:block;font-weight:800;font-size:14px}.mx3-meta{display:block;font-size:12px;color:#6E5F56;margin-top:2px}.mx3-dha{font-family:'Playfair Display',Georgia,serif;font-size:18px;color:#3A2D27;text-align:right;line-height:1}.mx3-dha small{display:block;font-family:Mulish,Arial,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#7E5E40;margin-top:3px}.mx3-badge{position:absolute;top:0;right:0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:0 0 0 10px;background:#3A2D27;color:#F3ECE3;transform:translateY(-100%);transition:transform .35s}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn.selected .mx3-badge{transform:none}.mx3-stage-box{background:radial-gradient(circle at 50% 72%,#FBF4E9 0,#fff 72%);border-radius:28px;padding:6px 0 10px}.mx3-pour{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:520 / 540;margin:0 auto}.mx3-blend-name{text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:20px;color:#3A2D27;margin:2px 0}.mx3-blend-sub{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7E5E40;font-weight:800}#sjolie-mixologist.sjolie-mix3 .sjolie-ratio-section{background:none;border:0;padding:0;margin:26px auto 0;max-width:440px}.mx3-ratio-row{display:flex;justify-content:space-between;margin-bottom:12px}#sjolie-mixologist.sjolie-mix3 .sjolie-slider-label{font-size:13px;font-weight:800;color:#3A2D27;min-width:0}.mx3-slider{position:relative;height:44px}#sjolie-mixologist.sjolie-mix3 .sjolie-ratio-bar{position:absolute;left:0;right:0;top:18px;height:8px;border-radius:99px;overflow:hidden;display:flex;box-shadow:inset 0 0 0 1px rgb(58 45 39 / .15);background:#EFE8DE}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio{position:absolute;inset:0;width:100%;height:44px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:#fff0;cursor:pointer;accent-color:auto;touch-action:pan-y}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio::-webkit-slider-runnable-track{height:44px;background:#fff0}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio::-moz-range-track{height:44px;background:#fff0}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:8px;border-radius:50%;background:#C8A96E;border:4px solid #fff;box-shadow:0 4px 14px rgb(80 55 30 / .4);transition:transform .2s}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#C8A96E;border:4px solid #fff;box-shadow:0 4px 14px rgb(80 55 30 / .4)}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio:active::-webkit-slider-thumb{transform:scale(1.15)}#sjolie-mixologist.sjolie-mix3 #sjolie-ratio:focus-visible{outline:2px solid #3A2D27;outline-offset:4px;border-radius:99px}#sjolie-mixologist.sjolie-mix3 .sjolie-preset-btns{display:flex;gap:8px;justify-content:center;margin:16px 0 0;flex-wrap:wrap}#sjolie-mixologist.sjolie-mix3 .sjolie-preset{min-height:44px;min-width:66px;padding:0 14px;border-radius:999px;border:1.5px solid #E8E2D8;background:#fff;font-family:inherit;font-size:12px;font-weight:800;color:#3A2D27;transition:background-color .25s,border-color .25s,transform .25s}#sjolie-mixologist.sjolie-mix3 .sjolie-preset:hover{transform:translateY(-2px);background:#fff;color:#3A2D27;border-color:#C8A96E}#sjolie-mixologist.sjolie-mix3 .sjolie-preset.active{background:#C8A96E;border-color:#C8A96E;color:#2B221E}#sjolie-mixologist.sjolie-mix3 .sjolie-additives{background:none;border:0;padding:0;margin:30px auto 0;max-width:520px}.mx3-adds-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}#sjolie-mixologist.sjolie-mix3 .mx3-adds-h h4{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:20px;color:#3A2D27;margin:0;text-transform:uppercase;letter-spacing:.06em;text-align:left}.mx3-adds-h small{font-size:12px;color:#6E5F56}.mx3-adds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mx3-add{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:126px;padding:12px 6px 10px;border-radius:16px;border:1.5px solid #E8E2D8;background:#FAF7F2;text-align:center;color:#3A2D27;cursor:pointer;transition:border-color .3s,background-color .3s,transform .3s}.mx3-add:hover{transform:translateY(-3px)}.mx3-add.on{background:#FFF8EC;border-color:#C8A96E}.mx3-add:focus-within{outline:2px solid #3A2D27;outline-offset:2px}.mx3-check{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.mx3-add-img{height:60px;display:flex;align-items:flex-end}.mx3-add-img img{height:58px;width:auto;display:block;filter:drop-shadow(0 5px 5px rgb(60 40 25 / .22));transform-origin:50% 90%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.mx3-add:hover .mx3-add-img img{transform:rotate(-6deg)}.mx3-add.on .mx3-add-img img{animation:mx3tip 1.6s ease-in-out both}.mx3-add b{font-size:11.5px;font-weight:800;line-height:1.25}.mx3-sw{position:absolute;right:8px;top:8px;width:24px;height:14px;border-radius:99px;background:#E2D7C8;transition:background-color .3s}.mx3-sw::after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .25);transition:transform .3s cubic-bezier(.3,.9,.3,1)}.mx3-add.on .mx3-sw{background:#C8A96E}.mx3-add.on .mx3-sw::after{transform:translateX(10px)}#sjolie-mixologist.sjolie-mix3 .sjolie-dose-control{flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:10px;padding:6px 10px;border-radius:16px;background:#2B221E;color:#F3ECE3;animation:mx3fadeUp .35s both}#sjolie-mixologist.sjolie-mix3 .sjolie-dose-btn{width:44px;height:44px;border-radius:50%;border:0;background:#3B302B;color:#F3ECE3;font-size:18px;font-weight:800}#sjolie-mixologist.sjolie-mix3 .sjolie-dose-btn:hover{background:#4B3E37;color:#fff}#sjolie-mixologist.sjolie-mix3 #sjolie-dose-count{font-size:15px;font-weight:800;color:#F3ECE3;min-width:18px}#sjolie-mixologist.sjolie-mix3 .sjolie-dose-hint{font-size:11.5px;color:#D3BE98}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-results{margin-top:56px;background:#2B221E;color:#EADDC8;border:0;border-radius:30px;padding:44px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;position:relative;overflow:hidden;box-shadow:none}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-results::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgb(200 169 110 / .18),#fff0 65%);animation:mx3breathe 7s ease-in-out infinite;pointer-events:none}.mx3-res-main{position:relative}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero{text-align:left;margin:0;padding:0;background:none;border:0;border-radius:0;overflow:visible}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero::before{display:none}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-label,#sjolie-mixologist.sjolie-mix3 .sjolie-gauge-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#D3BE98;font-weight:800;margin:0;min-width:0}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-value{font-family:'Playfair Display',Georgia,serif;font-weight:300;font-size:clamp(64px,8vw,104px);line-height:1;color:#FBF4E8;margin:10px 0 18px;text-shadow:none;font-variant-numeric:tabular-nums}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-value span{font-family:Mulish,Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:.14em;color:#D3BE98;margin-left:10px}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-bar{margin:0;height:12px;border-radius:99px;background:#3B302B;overflow:hidden}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-fill{position:relative;height:100%;border-radius:99px;background:linear-gradient(90deg,#B98F55,#E7CB92);box-shadow:none;transition:width .8s cubic-bezier(.3,.9,.3,1);overflow:hidden}#sjolie-mixologist.sjolie-mix3 .sjolie-dha-hero-fill::after{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,#fff0,rgb(255 255 255 / .55),#fff0);animation:mx3glint 2.6s ease-in-out infinite}.mx3-ticks{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#BCA987;margin-top:8px}#sjolie-mixologist.sjolie-mix3 .sjolie-gauge-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "gauge gauge";gap:24px 12px;margin:30px 0 0;padding:0;background:none;border:0;border-radius:0}#sjolie-mixologist.sjolie-mix3 .sjolie-gauge-label{grid-area:label}#sjolie-mixologist.sjolie-mix3 .sjolie-gauge-value{grid-area:value;min-width:0;text-align:right;font-size:14px;font-weight:700;color:#FBF4E8}#sjolie-mixologist.sjolie-mix3 .sjolie-undertone-gauge{grid-area:gauge;height:16px;border-radius:99px}#sjolie-mixologist.sjolie-mix3 .sjolie-undertone-gauge .sjolie-gauge-fill::after{width:50px;height:54px;right:-25px;filter:drop-shadow(0 0 .8px rgb(255 246 230)) drop-shadow(0 0 2.5px rgb(255 240 215 / .35)) drop-shadow(0 4px 8px rgb(0 0 0 / .6))}.mx3-gauge-ends{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#BCA987;margin-top:24px}#sjolie-mixologist.sjolie-mix3 .sjolie-result-meta{margin-top:26px;font-size:14px;line-height:1.6;color:#EADDC8}.mx3-best strong{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#D3BE98;font-weight:800;margin-bottom:10px}#sjolie-mixologist.sjolie-mix3 .sjolie-skin-chips{display:flex;flex-wrap:wrap;gap:10px}#sjolie-mixologist.sjolie-mix3 .sjolie-chip{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#3B302B;border:0;font-size:13px;font-weight:700;color:#FBF4E8;animation:mx3pop .5s cubic-bezier(.3,1.4,.5,1) both}#sjolie-mixologist.sjolie-mix3 .sjolie-chip-swatch{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .2)}#sjolie-mixologist.sjolie-mix3 .sjolie-seasonal-tip{margin-top:22px;padding:16px 18px;border-radius:16px;background:#352B26;border:0;font-size:14px;line-height:1.6;color:#EADDC8;font-style:normal}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card{position:relative;background:#FBF6EE;color:#3A2D27;border:0;border-radius:22px;padding:30px;margin:0;box-shadow:0 30px 60px -30px rgb(0 0 0 / .6);animation:mx3cardFloat 7s ease-in-out infinite;align-self:start}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card:hover,#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card:focus-within{animation-play-state:paused}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card h5{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:24px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;color:#3A2D27}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-sub{display:block;font-family:Mulish,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7E5E40;margin-top:4px}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card ul{list-style:none;margin:16px 0 0;padding:0}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card li{display:flex;align-items:center;gap:12px;margin:0;padding:12px 0;border-bottom:1px dashed #DCCDB8;font-size:14px;color:#3A2D27;animation:mx3slideIn .5s both}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card li span[style*="margin-left"]{color:#6E5F56;font-weight:700;opacity:1!important;white-space:nowrap}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-dot{width:12px;height:12px;box-shadow:inset 0 0 0 1px rgb(58 45 39 / .2)}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-actions{display:flex;margin-top:20px}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-actions button{width:100%;min-height:48px;border-radius:999px;background:#C8A96E;color:#2B221E;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:0;box-shadow:0 10px 24px -12px rgb(120 85 40 / .75)}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-actions button:hover{background:#B8975A;color:#2B221E}.mx3-how{background:#F3ECE3;padding:100px 0}.mx3-page .mx3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}.mx3-page .mx3-step{background:#fff;border-radius:26px;padding:28px 24px;margin:0;display:flex;flex-direction:column;gap:10px}.mx3-step-n{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:18px;color:#A07A4E}.mx3-page .mx3-step h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:22px;color:#3A2D27;margin:0;text-transform:none}.mx3-page .mx3-step p{margin:0;font-size:14.5px;line-height:1.65;color:#594E48}.mx3-formula{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 2px;padding:12px;border-radius:14px;background:#2B221E;color:#F3ECE3;font-size:12px;font-weight:800}.mx3-formula span{background:#3B302B;border-radius:8px;padding:5px 8px}.mx3-formula em{font-style:normal;color:#D3BE98}.mx3-page .mx3-example{font-size:13px;color:#6E5F56}.mx3-example b{color:#3A2D27}.mx3-ut-demo{position:relative;height:14px;border-radius:99px;background:linear-gradient(90deg,#A09050,#B8A472 35%,#8E7BA6 70%,#6B5A8E);margin-top:6px}.mx3-ut-demo i{position:absolute;top:50%;left:30%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgb(58 45 39 / .12),0 4px 10px rgb(0 0 0 / .25);animation:mx3utSweep 6s ease-in-out infinite}.mx3-page .mx3-fitz{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.mx3-page .mx3-fitz li{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 10px;border-radius:10px;background:#FAF7F2;font-size:13px}.mx3-fitz b{color:#3A2D27}.mx3-fitz span{color:#6E5F56;font-weight:700}.mx3-page .mx3-how-note{max-width:860px;margin:28px auto 0;text-align:center;font-size:14.5px;line-height:1.7;color:#594E48}.mx3-why{background:#fff;padding:96px 0}.mx3-why-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.mx3-page .mx3-why-copy p{margin:0 0 18px;font-size:16.5px;line-height:1.8;color:#594E48}.mx3-science{background:#2B221E;padding:100px 0;color:#EADDC8}.mx3-science .mx3-eyebrow{color:#D8B57A}.mx3-page .mx3-science .mx3-h2{color:#FBF4E8}.mx3-sci-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mx3-sci{background:#352B26;border-radius:26px;padding:28px}.mx3-page .mx3-sci h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:24px;color:#FBF4E8;margin:18px 0 10px;text-transform:none}.mx3-page .mx3-sci p{margin:0 0 12px;font-size:14.5px;line-height:1.7;color:#D9CBB6}.mx3-sci-facts{display:flex;flex-direction:column;gap:6px}.mx3-page .mx3-sci-facts span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#E6C98F}.mx3-develop{position:relative;height:120px;border-radius:60px 60px 18px 18px;background:#F5D6BA;overflow:hidden}.mx3-develop i{position:absolute;inset:0;background:#A87A52;animation:mx3develop 8s ease-in-out infinite}.mx3-dev-clock{position:absolute;right:14px;bottom:12px;width:30px;height:30px;border-radius:50%;border:2px solid rgb(30 22 19 / .6)}.mx3-dev-clock::after{content:"";position:absolute;left:50%;bottom:50%;width:2px;height:11px;margin-left:-1px;background:rgb(30 22 19 / .75);transform-origin:bottom center;animation:mx3spin 8s linear infinite}.mx3-wheel{position:relative;height:120px;display:flex;align-items:center;justify-content:center}.mx3-wheel-ring{width:112px;height:112px;border-radius:50%;background:conic-gradient(#D98C8C,#E6C35A,#9AA06A,#7FA0A8,#8E7BA6,#D98C8C);filter:saturate(.8);animation:mx3spin 24s linear infinite}.mx3-wheel-ring::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#352B26}.mx3-wheel-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #FBF4E8;transform:rotate(var(--a)) translateY(-70px)}.mx3-guide-demo{position:relative;height:120px;border-radius:18px;background:#F5D6BA;overflow:hidden}.mx3-guide-demo i{position:absolute;inset:0;background:linear-gradient(90deg,rgb(150 100 60 / .95),rgb(150 100 60 / .95));clip-path:inset(0 100% 0 0);animation:mx3guide 6s ease-in-out infinite}.mx3-base{background:#F3ECE3;padding:100px 0}.mx3-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mx3-line{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;background:#fff;border-radius:28px;padding:32px;align-items:center;transition:transform .4s,box-shadow .4s}.mx3-line:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgb(80 55 35 / .55)}.mx3-qwrap{position:relative;display:flex;justify-content:center;padding-bottom:14px}.mx3-qwrap::after{content:"";position:absolute;bottom:0;left:50%;width:96px;height:16px;margin-left:-48px;border-radius:50%;background:radial-gradient(ellipse,rgb(70 45 25 / .28),#fff0 70%);animation:mx3shadow 6s ease-in-out infinite}.mx3-real-q{height:250px;width:auto;display:block;animation:mx3floatQ 6s ease-in-out infinite}.mx3-page .mx3-line h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:26px;color:#3A2D27;margin:6px 0 10px;text-transform:uppercase;letter-spacing:.04em}.mx3-page .mx3-line p{margin:0;font-size:15px;line-height:1.7;color:#594E48}.mx3-shades{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}.mx3-shades span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#3A2D27;text-align:center}.mx3-shades i{width:36px;height:36px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgb(58 45 39 / .15);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.mx3-shades span:hover i{transform:scale(1.2)}.mx3-shades small{font-size:11px;font-weight:600;color:#6E5F56}.mx3-dev{display:inline-flex;margin-top:20px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3A2D27;background:#F3ECE3;padding:8px 14px;border-radius:999px}.mx3-minis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.mx3-mini{display:flex;gap:18px;align-items:center;background:#FBF8F3;border:1.5px solid #E8E2D8;border-radius:22px;padding:22px 24px}.mx3-page .mx3-mini h4{margin:0 0 4px;font-family:Mulish,Arial,sans-serif;font-size:15px;font-weight:800;color:#3A2D27;text-transform:none}.mx3-page .mx3-mini p{margin:0;font-size:14px;line-height:1.6;color:#594E48}.mx3-clock{position:relative;flex:none;width:52px;height:52px;border-radius:50%;border:2.5px solid #3A2D27;background:#fff}.mx3-clock i{position:absolute;left:50%;bottom:50%;width:2.5px;margin-left:-1.25px;background:#3A2D27;border-radius:2px;transform-origin:bottom center}.mx3-hh{height:13px;animation:mx3spin 12s linear infinite}.mx3-clock .mx3-mm{height:19px;background:#C8A96E;animation:mx3spin 1.5s linear infinite}.mx3-cleardrop{flex:none;width:52px;display:flex;justify-content:center}.mx3-ratios{background:#fff;padding:100px 0}.mx3-ratio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:center}.mx3-drip-box{position:relative;height:380px;border-radius:32px;background:#F3ECE3;overflow:hidden}.mx3-real-dropper{position:absolute;left:50%;top:-6px;height:150px;width:auto;margin-left:-30px;transform:rotate(180deg);filter:drop-shadow(0 -8px 10px rgb(60 40 25 / .2));animation:mx3swayDrop 4s ease-in-out infinite}.mx3-drip{position:absolute;left:50%;top:142px;width:14px;height:18px;margin-left:-7px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:#C99A55;box-shadow:inset -2px -3px 0 rgb(0 0 0 / .08),inset 2px 2px 0 rgb(255 255 255 / .35);animation:mx3drip 2.4s ease-in infinite;transform-origin:top center}.mx3-cup{position:absolute;left:50%;bottom:36px;width:170px;height:100px;margin-left:-85px;border-radius:8px 8px 40px 40px;background:#FAF6F0;box-shadow:inset 0 0 0 3px rgb(58 45 39 / .14);overflow:hidden}.mx3-lq{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,#86683A,#5E4426)}.mx3-ring{position:absolute;left:50%;top:276px;width:90px;height:20px;margin-left:-45px;border-radius:50%;border:2px solid #C99A55;opacity:0;animation:mx3ring 2.4s ease-out infinite}.mx3-big-ratio{font-family:'Playfair Display',Georgia,serif;font-weight:300;font-size:clamp(72px,10vw,132px);line-height:1;color:#3A2D27;display:flex;align-items:center;gap:16px;margin:18px 0 8px}.mx3-big-ratio em{font-style:italic;color:#A07A4E;font-size:.6em;display:inline-block;animation:mx3breathe 3s ease-in-out infinite}.mx3-page .mx3-p{margin:0;font-size:16px;line-height:1.75;color:#594E48}.mx3-guide{margin-top:26px;border-top:1px solid #EDE5DA}.mx3-page .mx3-guide-h{margin:14px 0 0;font-size:14px;color:#594E48}.mx3-g-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EDE5DA;font-size:15px}.mx3-g-row b{font-weight:800;color:#3A2D27;min-width:190px}.mx3-drops{display:flex;gap:4px}.mx3-drops i{width:10px;height:13px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:#C8A96E;display:block}.mx3-g-row em{font-style:normal;margin-left:auto;font-weight:700;color:#6E5F56}.mx3-gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;margin-top:26px}.mx3-page .mx3-gloss p{margin:0 0 10px;font-size:14px;line-height:1.6;color:#594E48}.mx3-gloss strong{color:#3A2D27}.mx3-recipes{background:#F3ECE3;padding:100px 0}.mx3-rgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mx3-rc{display:flex;flex-direction:column;background:#fff;border-radius:26px;padding:26px 24px;transition:transform .45s cubic-bezier(.3,.9,.3,1),box-shadow .45s}.mx3-rc:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 34px 54px -34px rgb(80 55 35 / .6)}.mx3-duo{height:150px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:center}.mx3-duo img{height:140px;width:auto;display:block;filter:drop-shadow(0 8px 8px rgb(60 40 25 / .22));transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.mx3-duo img+img{margin-left:-14px}.mx3-duo img.mx3-sm{height:104px}.mx3-rc:hover .mx3-duo img:first-child{transform:rotate(-8deg) translateX(-6px)}.mx3-rc:hover .mx3-duo img+img{transform:rotate(8deg) translateX(6px)}.mx3-minibeak{position:relative;width:110px;height:132px;margin:10px auto 26px;border-radius:8px 8px 34px 34px;background:#FAF6F0;box-shadow:inset 0 0 0 3px rgb(58 45 39 / .14);overflow:hidden}.mx3-ly{position:absolute;left:0;right:0;transform-origin:bottom center;animation:mx3grow 1.4s cubic-bezier(.3,.9,.3,1) both}.mx3-air{position:absolute;width:220%;aspect-ratio:1;left:-60%;border-radius:42%;background:#FAF6F0;animation:mx3spin 8s linear infinite}.mx3-num{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#A07A4E;font-size:16px}.mx3-page .mx3-rc h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:20px;line-height:1.25;color:#3A2D27;margin:4px 0 8px;text-transform:none}.mx3-page .mx3-rc p{font-size:14px;line-height:1.6;margin:0;flex:1;color:#594E48}.mx3-page .mx3-load{margin-top:18px;align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-align:left;color:#3A2D27;background:none;border:0;padding:0;cursor:pointer}.mx3-page .mx3-load:hover{color:#7E5E40;background:none}.mx3-load svg{transition:transform .3s}.mx3-load:hover svg{transform:translateX(4px)}.mx3-note{margin-top:18px;font-size:12px;color:#6E5F56;min-height:44px;display:flex;align-items:center}@supports (animation-timeline:view()){.mx3-rv{animation:mx3rv linear both;animation-timeline:view();animation-range:entry 5% entry 70%}.mx3-rv-l{animation:mx3rvl linear both;animation-timeline:view();animation-range:entry 5% entry 75%}.mx3-rv-r{animation:mx3rvr linear both;animation-timeline:view();animation-range:entry 5% entry 75%}}@keyframes mx3rise{from{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}@keyframes mx3sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes mx3fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes mx3fadeIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes mx3bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mx3marq{to{transform:translateX(-50%)}}@keyframes mx3hop{0%{transform:none}35%{transform:translateY(-10px) rotate(-6deg)}70%{transform:translateY(1px) rotate(2deg)}100%{transform:none}}@keyframes mx3tip{0%{transform:none}30%{transform:rotate(-24deg) translateY(-4px)}55%{transform:rotate(-20deg) translateY(-2px)}100%{transform:none}}@keyframes mx3breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes mx3glint{0%{left:-60px}60%,100%{left:110%}}@keyframes mx3pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes mx3cardFloat{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(-.6deg) translateY(-6px)}}@keyframes mx3slideIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes mx3utSweep{0%,100%{left:30%}45%,55%{left:70%}}@keyframes mx3develop{0%,8%{opacity:0}62%,88%{opacity:1}100%{opacity:0}}@keyframes mx3guide{0%{clip-path:inset(0 100% 0 0)}30%,60%{clip-path:inset(0 0 0 0);opacity:1}80%,100%{clip-path:inset(0 0 0 0);opacity:0}}@keyframes mx3spin{to{transform:rotate(360deg)}}@keyframes mx3floatQ{0%,100%{translate:0 0;rotate:-1.5deg}50%{translate:0 -10px;rotate:1.5deg}}@keyframes mx3shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.8);opacity:.6}}@keyframes mx3swayDrop{0%,100%{transform:rotate(178deg)}50%{transform:rotate(182deg)}}@keyframes mx3drip{0%{transform:translateY(0) scale(0)}28%{transform:translateY(0) scale(1)}40%{transform:translateY(4px) scale(.9,1.2)}68%{transform:translateY(122px) scale(.9,1.15);opacity:1}70%,100%{transform:translateY(128px) scale(1.4,.2);opacity:0}}@keyframes mx3ring{0%,68%{transform:scale(.2);opacity:0}70%{transform:scale(.3);opacity:.9}100%{transform:scale(1.5);opacity:0}}@keyframes mx3grow{from{transform:scaleY(0)}to{transform:none}}@keyframes mx3rv{from{opacity:0;translate:0 48px}to{opacity:1;translate:0 0}}@keyframes mx3rvl{from{opacity:0;translate:-60px 0}to{opacity:1;translate:0 0}}@keyframes mx3rvr{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.mx3-page *,.mx3-page *::before,.mx3-page *::after{animation:none!important;transition:none!important}}@media (hover:none){#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn:hover,#sjolie-mixologist.sjolie-mix3 .mx3-col-b .sjolie-bottle-btn:hover,#sjolie-mixologist.sjolie-mix3 .sjolie-preset:hover,.mx3-add:hover,.mx3-rc:hover,.mx3-line:hover{transform:none}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn:hover .mx3-thumb img,.mx3-add:hover .mx3-add-img img{transform:none}}@media (max-width:1120px){.mx3-lab{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"stage stage" "a b" "ratio ratio" "adds adds"}.mx3-col-stage{display:contents}.mx3-stage-box{grid-area:stage}#sjolie-mixologist.sjolie-mix3 .mx3-ratio{grid-area:ratio;width:100%;margin-top:8px}#sjolie-mixologist.sjolie-mix3 .mx3-adds-wrap{grid-area:adds;width:100%;margin-top:8px}.mx3-rgrid,.mx3-page .mx3-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mx3-sci-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.mx3-hero-grid{grid-template-columns:minmax(0,1fr);padding-top:40px}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-results{grid-template-columns:minmax(0,1fr);padding:30px}.mx3-lines,.mx3-minis,.mx3-ratio-grid,.mx3-why-grid{grid-template-columns:minmax(0,1fr)}.mx3-ratio-grid,.mx3-why-grid{gap:32px}}@media (max-width:900px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mx3-rv-l,.mx3-rv-r{animation-name:mx3rv}}}@media (max-width:600px){.mx3-wrap{padding:0 16px}.mx3-hero-grid{padding:32px 16px}.mx3-lab{gap:20px 10px}#sjolie-mixologist.sjolie-mix3 .mx3-toolbar{margin-bottom:14px}.mx3-stage-box{padding:0 0 10px;border-radius:22px}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-panel h4{font-size:16px;margin-bottom:10px}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-panel h4 small{font-size:11px}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-grid{gap:8px}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-btn{min-height:60px;gap:8px;padding:6px 8px 6px 6px;border-radius:14px}.mx3-thumb{width:20px;height:48px}.mx3-thumb img{height:46px}#sjolie-mixologist.sjolie-mix3 .sjolie-bottle-name{font-size:12.5px;white-space:nowrap}.mx3-meta{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx3-dha{font-size:15px}.mx3-dha small{display:none}.mx3-dha::after{content:"%";font-family:Mulish,Arial,sans-serif;font-size:11px;font-weight:800;color:#7E5E40}.mx3-badge{display:none}.mx3-adds{grid-template-columns:repeat(3,minmax(0,1fr))}#sjolie-mixologist.sjolie-mix3 .sjolie-preset-btns{gap:6px;flex-wrap:nowrap}#sjolie-mixologist.sjolie-mix3 .sjolie-preset{min-width:0;flex:1;padding:0 4px;font-size:11.5px}.mx3-rgrid,.mx3-gloss,.mx3-page .mx3-steps{grid-template-columns:minmax(0,1fr)}.mx3-line{grid-template-columns:minmax(0,1fr);padding:24px}.mx3-real-q{height:200px}#sjolie-mixologist.sjolie-mix3 .sjolie-mix-results{padding:22px;border-radius:22px;margin-top:40px}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card{padding:22px}#sjolie-mixologist.sjolie-mix3 .sjolie-recipe-card li{font-size:13px;gap:10px}.mx3-g-row b{min-width:0}.mx3-calc-sec,.mx3-how,.mx3-why,.mx3-science,.mx3-base,.mx3-ratios,.mx3-recipes{padding:64px 0}.mx3-tag{font-size:11px;padding:6px 10px}}