@font-face{font-family:BrxdcSans;src:url('sans.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:BrxdcSerif;src:url('serif.ttf') format('truetype');font-weight:400 700;font-display:swap}
.brxdc{font-family:BrxdcSans,Manrope,Arial,sans-serif;min-width:0;max-width:100%;box-sizing:border-box}
.brxdc *{box-sizing:border-box}.brxdc h2,.brxdc h3,.brxdc p{margin:0;font-family:inherit;color:inherit}.brxdc h2{font-weight:500;letter-spacing:-.055em}.brxdc h2 i{font-family:BrxdcSerif,Georgia,serif;font-weight:400;font-style:italic}.brxdc button{font-family:inherit}
.brxdc .brxdc-eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.6;margin-bottom:23px;text-transform:uppercase}
.brxdc.brxdc-difference{position:relative;overflow:hidden;padding:120px 5% 130px;background:radial-gradient(circle at 82% 15%,#d778604d 0,#d7786000 31%),radial-gradient(circle at 8% 88%,#641d344d 0,#641d3400 34%),linear-gradient(145deg,#7d2035 0%,#994431 48%,#ad4d38 100%);color:#fff5ee;isolation:isolate}
.brxdc.brxdc-difference::before{content:'';position:absolute;width:min(55vw,760px);aspect-ratio:1;border:1px solid #fff5ee2e;border-radius:50%;left:-19%;bottom:-54%;box-shadow:0 0 0 55px #fff5ee14,0 0 0 110px #fff5ee0b;z-index:-1}
.brxdc .brxdc-differenceWord{position:absolute;z-index:-1;right:-.035em;top:-.17em;font-size:clamp(150px,25vw,430px);line-height:1;font-weight:800;letter-spacing:-.1em;color:#fff5ee;opacity:.075;user-select:none}
.brxdc .brxdc-differenceIntro{position:relative;z-index:2;max-width:920px;margin:0 auto 62px;text-align:center}
.brxdc .brxdc-differenceIntro .brxdc-eyebrow{color:#fff5eeb8}
.brxdc .brxdc-differenceIntro .brxdc-title{font-size:clamp(48px,5.7vw,88px);line-height:1.02}
.brxdc .brxdc-differenceIntro .brxdc-title span{color:#fff5ee}
.brxdc .brxdc-differenceIntro .brxdc-title i{color:#fff5ee}
.brxdc .brxdc-differenceIntro>p:last-child{max-width:760px;margin:30px auto 0;font-size:16px;line-height:1.8;color:#fff5eed1}
.brxdc .brxdc-differenceBottle{position:absolute;z-index:1;width:clamp(120px,14vw,215px);height:auto;pointer-events:none;filter:drop-shadow(0 26px 30px #42152366);opacity:.34}
.brxdc .brxdc-differenceBottleLeft{left:-2.5%;bottom:-5%;transform:rotate(-19deg)}
.brxdc .brxdc-differenceBottleRight{right:-1.5%;bottom:-4%;transform:rotate(17deg)}
@media(max-width:760px){.brxdc.brxdc-difference{padding:80px 16px 90px}
.brxdc .brxdc-differenceIntro{margin-bottom:40px}
.brxdc .brxdc-differenceIntro .brxdc-title{font-size:clamp(43px,12vw,62px)}
.brxdc .brxdc-differenceIntro>p:last-child{font-size:15px;line-height:1.7}
.brxdc .brxdc-differenceBottle{width:110px;opacity:.18}
.brxdc .brxdc-differenceBottleLeft{left:-45px}
.brxdc .brxdc-differenceBottleRight{right:-45px}
}
.brxdc.brxdc-motion .brxdc-differenceBottleLeft{animation:differenceFloatLeft 6.5s ease-in-out infinite}
.brxdc.brxdc-motion .brxdc-differenceBottleRight{animation:differenceFloatRight 7.25s ease-in-out -1.4s infinite}
.brxdc .page[data-motion=false] .brxdc-differenceBottle{animation:none}
.brxdc .brxdc-differenceFlipShowcase{position:relative;z-index:3;max-width:1080px;margin:0 auto}
.brxdc .brxdc-differencePairInstruction{margin:0 0 25px;text-align:center;font-family:BrxdcSerif,Georgia,serif;font-size:19px;font-style:italic;color:#fff5eeb8}
.brxdc .brxdc-differencePairDeck{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2.2vw,34px);min-height:470px;perspective:1500px}
.brxdc .brxdc-differencePairCard{position:relative;display:block;width:clamp(240px,25vw,310px);aspect-ratio:5/7;margin:0;padding:0;border:0;border-radius:24px;background:transparent;color:inherit;text-align:left;cursor:pointer;perspective:1300px;outline:none;transition:transform 850ms cubic-bezier(.22,.78,.22,1),filter 450ms ease}
.brxdc .brxdc-differencePairCard:focus-visible{outline:2px solid #fff5ee;outline-offset:8px}
.brxdc .brxdc-differencePairOrdinary{transform:translateY(22px) rotate(-6deg)}
.brxdc .brxdc-differencePairTimtim{transform:translateY(-6px) rotate(5deg)}
.brxdc .brxdc-differencePairOrdinary:hover{transform:translateY(10px) rotate(-3deg)}
.brxdc .brxdc-differencePairTimtim:hover{transform:translateY(-16px) rotate(2deg)}
.brxdc .brxdc-differencePairInner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 950ms cubic-bezier(.2,.72,.2,1)}
.brxdc .brxdc-differencePairCard[aria-pressed=true] .brxdc-differencePairInner{transform:rotateY(180deg)}
.brxdc .brxdc-differencePairFace{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;padding:22px;border:1px solid #fff5ee80;border-radius:24px;box-shadow:0 30px 75px #42152359;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.brxdc .brxdc-differencePairFront::before{content:'';position:absolute;inset:15px;border:1px solid currentColor;border-radius:15px;opacity:.22;pointer-events:none}
.brxdc .brxdc-differencePairOrdinary .brxdc-differencePairFront,.brxdc .brxdc-differencePairOrdinary .brxdc-differencePairBack{background:linear-gradient(145deg,#672533 0%,#8b3935 100%);color:#fff5ee}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairFront,.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack{background:linear-gradient(145deg,#fffaf6 0%,#ffede3 100%);color:#7d2035}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairFront{box-shadow:0 35px 85px #4215236b,0 0 0 1px #fff5eead}
.brxdc .brxdc-differencePairTopline{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid currentColor;font-size:10px;font-weight:800;line-height:1.25;letter-spacing:.09em}
.brxdc .brxdc-differencePairMark{position:relative;z-index:1;display:block;margin:auto 0;font-size:clamp(110px,13vw,168px);font-weight:800;line-height:.72;letter-spacing:-.11em}
.brxdc .brxdc-differencePairOrdinary .brxdc-differencePairMark{font-family:BrxdcSerif,Georgia,serif;font-weight:600;font-style:italic}
.brxdc .brxdc-differencePairFront>strong{position:relative;z-index:2;display:block;max-width:88%;font-size:clamp(24px,2.6vw,34px);line-height:1.02;letter-spacing:-.035em}
.brxdc .brxdc-differencePairTurn{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.05em;opacity:.72}
.brxdc .brxdc-differencePairTurn>span{font-size:18px;line-height:1}
.brxdc .brxdc-differencePairBack{transform:rotateY(180deg)}
.brxdc .brxdc-differencePairBack>ul{display:grid;flex:1;margin:16px 0 0;padding:0;list-style:none}
.brxdc .brxdc-differencePairBack>ul>li{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:9px;border-bottom:1px solid currentColor}
.brxdc .brxdc-differencePairBack>ul>li:last-child{border-bottom:0}
.brxdc .brxdc-differencePairBack>ul>li>span{font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.68}
.brxdc .brxdc-differencePairBack>ul>li>strong{font-size:clamp(15px,1.55vw,19px);line-height:1.15;letter-spacing:-.02em}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack>ul>li>span{color:#b45039;font-size:13px}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack::after{content:'';position:absolute;inset:-25% auto -25% -50%;width:24%;transform:skewX(-17deg);background:linear-gradient(90deg,#ffffff00,#fff 50%,#ffffff00);opacity:.72;pointer-events:none}
.brxdc.brxdc-motion .brxdc-differenceFlipShowcase .brxdc-differencePairOrdinary{opacity:var(--difference-card-opacity,0);transform:translate(var(--difference-ordinary-x,-72vw),var(--difference-ordinary-y,55px)) rotate(var(--difference-ordinary-turn,-15deg))}
.brxdc.brxdc-motion .brxdc-differenceFlipShowcase .brxdc-differencePairTimtim{opacity:var(--difference-card-opacity,0);transform:translate(var(--difference-timtim-x,72vw),var(--difference-timtim-y,55px)) rotate(var(--difference-timtim-turn,15deg))}
.brxdc.brxdc-motion .brxdc-differenceFlipShowcase .brxdc-differencePairCard{will-change:transform,opacity;transition:filter 450ms ease}
.brxdc.brxdc-motion .brxdc-differenceFlipShowcase .brxdc-differencePairCard:hover{filter:drop-shadow(0 18px 18px #263c4a42)}
.brxdc.brxdc-motion .brxdc-differencePairTimtim:hover .brxdc-differencePairBack::after,.brxdc.brxdc-motion .brxdc-differencePairTimtim:focus-visible .brxdc-differencePairBack::after,.brxdc.brxdc-motion .brxdc-differencePairTimtim[aria-pressed=true] .brxdc-differencePairBack::after{animation:differencePairSheen 1.15s ease 300ms both}
@keyframes differencePairSheen{from{left:-50%}to{left:130%}}
@media(max-width:760px){.brxdc .brxdc-differencePairInstruction{margin-bottom:18px;font-size:17px}
.brxdc .brxdc-differencePairDeck{gap:0;min-height:340px}
.brxdc .brxdc-differencePairCard{width:min(41vw,190px);border-radius:18px}
.brxdc .brxdc-differencePairFace{padding:15px;border-radius:18px}
.brxdc .brxdc-differencePairFront::before{inset:10px;border-radius:11px}
.brxdc .brxdc-differencePairTopline{padding-bottom:9px;font-size:8px}
.brxdc .brxdc-differencePairMark{font-size:clamp(72px,22vw,105px)}
.brxdc .brxdc-differencePairFront>strong{max-width:96%;font-size:clamp(17px,5.3vw,23px)}
.brxdc .brxdc-differencePairTurn{margin-top:10px;padding-top:9px;font-size:9px}
.brxdc .brxdc-differencePairBack>ul{margin-top:8px}
.brxdc .brxdc-differencePairBack>ul>li{grid-template-columns:18px 1fr;gap:5px}
.brxdc .brxdc-differencePairBack>ul>li>span{font-size:8px}
.brxdc .brxdc-differencePairBack>ul>li>strong{font-size:clamp(11px,3.45vw,15px)}
.brxdc .brxdc-differencePairOrdinary{transform:translate(5px,10px) rotate(-5deg)}
.brxdc .brxdc-differencePairTimtim{transform:translate(-5px,-2px) rotate(4deg)}
}
@media(max-width:760px){.brxdc .brxdc-differencePairInner,.brxdc-differencePairCard:hover .brxdc-differencePairInner,.brxdc-differencePairCard:focus-visible .brxdc-differencePairInner,.brxdc-differencePairCard[aria-pressed=true] .brxdc-differencePairInner{transform:none!important;transform-style:flat}
.brxdc .brxdc-differencePairFace{transform:none!important;backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity 280ms ease,visibility 280ms ease}
.brxdc .brxdc-differencePairBack{opacity:0;visibility:hidden}
.brxdc .brxdc-differencePairCard[aria-pressed=true] .brxdc-differencePairFront{opacity:0;visibility:hidden}
.brxdc .brxdc-differencePairCard[aria-pressed=true] .brxdc-differencePairBack{opacity:1;visibility:visible}
}
@media(prefers-reduced-motion:reduce){.brxdc .brxdc-differencePairCard,.brxdc-differencePairInner{transition:none!important}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack::after{animation:none!important}
}
.brxdc.brxdc-difference{background:radial-gradient(circle at 80% 13%,#ffffff17 0,#ffffff00 32%),radial-gradient(circle at 8% 88%,#3e587438 0,#3e587400 35%),#5d7897;color:#f8fbff}
.brxdc.brxdc-difference::before{border-color:#ffffff35;box-shadow:0 0 0 55px #ffffff10,0 0 0 110px #ffffff08}
.brxdc .brxdc-differenceWord{color:#f8fbff;opacity:.07}
.brxdc .brxdc-differenceIntro .brxdc-eyebrow{color:#f8fbffb8}
.brxdc .brxdc-differenceIntro .brxdc-title span,.brxdc .brxdc-differenceIntro .brxdc-title i{color:#fff}
.brxdc .brxdc-differenceIntro>p:last-child{color:#f8fbffdb}
.brxdc .brxdc-differenceBottle{filter:drop-shadow(0 26px 30px #263c4a70);opacity:.25}
.brxdc .brxdc-differencePairInstruction{color:#f8fbffbd}
.brxdc .brxdc-differencePairCard:focus-visible{outline-color:#fff}
.brxdc .brxdc-differencePairFace{border-color:#ffffff8c;box-shadow:0 30px 75px #263c4a66}
.brxdc .brxdc-differencePairOrdinary .brxdc-differencePairFront,.brxdc .brxdc-differencePairOrdinary .brxdc-differencePairBack{background:linear-gradient(145deg,#354d67 0%,#496886 100%);color:#f8fbff}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairFront,.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack{background:linear-gradient(145deg,#ffffff 0%,#edf3f9 100%);color:#3e5874}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairFront{box-shadow:0 35px 85px #263c4a70,0 0 0 1px #ffffffc7}
.brxdc .brxdc-differencePairTimtim .brxdc-differencePairBack>ul>li>span{color:#5d7897}
.brxdc .brxdc-differencePairCard{font-family:inherit;flex-shrink:0;overflow:visible}
.brxdc .brxdc-differencePairTopline h3{font-size:inherit;font-weight:800;line-height:inherit;letter-spacing:inherit}
.brxdc .brxdc-toggle{position:absolute;inset:0;z-index:5;margin:0;padding:0;border:0;background:transparent!important;color:inherit;border-radius:inherit;cursor:pointer;box-shadow:none}
.brxdc .brxdc-differencePairCard:focus-within{outline:2px solid white;outline-offset:8px}
.brxdc .brxdc-toggle:focus{outline:none}
.brxdc .brxdc-differencePairBack{overflow:hidden}.brxdc .brxdc-differencePairBack>ul{min-height:0;overflow-y:auto;scrollbar-width:thin}
.brxdc:not(.brxdc-interactive) .brxdc-differencePairInner{position:relative;transform:none!important}
.brxdc:not(.brxdc-interactive) .brxdc-differencePairFront,.brxdc:not(.brxdc-interactive) .brxdc-toggle{display:none}
.brxdc:not(.brxdc-interactive) .brxdc-differencePairBack{position:relative;min-height:100%;transform:none!important;opacity:1;visibility:visible}
.brxdc:not(.brxdc-interactive) .brxdc-differencePairCard{aspect-ratio:auto;min-height:360px}
.brxdc.brxdc-motion .brxdc-differenceIntro{opacity:var(--brxdc-intro-opacity,1);transform:translateY(var(--brxdc-intro-y,0px));transition:opacity 850ms ease,transform 850ms cubic-bezier(.22,.61,.36,1)}
.brxdc[data-decor="0"] .brxdc-differenceBottle,.brxdc[data-decor="0"] .brxdc-differenceWord,.brxdc[data-decor="0"]::before{display:none}
.brxdc[data-flip="none"] .brxdc-differencePairFront,.brxdc[data-flip="none"] .brxdc-toggle{display:none}
.brxdc[data-flip="none"] .brxdc-differencePairInner,.brxdc[data-flip="none"] .brxdc-differencePairBack{transform:none!important}
.brxdc[data-flip="none"] .brxdc-differencePairBack{opacity:1;visibility:visible}
@media(max-width:760px){.brxdc .brxdc-differencePairCard{min-width:0}.brxdc .brxdc-differencePairDeck{max-width:100%}}
@media(prefers-reduced-motion:reduce){.brxdc *, .brxdc *::after{animation:none!important;transition:none!important}.brxdc.brxdc-motion .brxdc-differencePairCard{opacity:1!important}.brxdc .brxdc-differenceIntro{opacity:1!important;transform:none!important}}
.elementor-widget-branxon-comparison-cards.elementor-invisible:not([data-settings*='"_animation"']):not([data-settings*='"animation"']){visibility:visible}

.brxdc .brxdc-differencePairCard[aria-pressed="true"]>.brxdc-toggle{top:auto;height:44px}