html{scroll-behavior:smooth}body.ec-immersive-standalone{margin:0!important;min-height:100vh;background:#100a10;color:#fff3e6}body.ec-immersive-standalone #ec-experience{min-height:100vh}

/* English Coffee — Cinematic Motion Edition; scoped to #ec-experience for Elementor */
#ec-experience, #ec-experience *{box-sizing:border-box}
#ec-experience{--wine:#3e0a25;--ink:#180d15;--aubergine:#28071d;--cream:#fff4e6;--ivory:#f7e5d2;--warm:#d9ad79;--gold:#edc391;--line:rgba(247,212,172,.2);font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.55;overflow:clip;background:#100a10;color:#fff3e6;position:relative;isolation:isolate;min-height:100vh}
#ec-experience a{text-decoration:none;color:inherit}#ec-experience button,#ec-experience input{font:inherit}#ec-experience button{cursor:pointer}#ec-experience img{display:block;max-width:100%}#ec-experience button:focus-visible,#ec-experience a:focus-visible,#ec-experience input:focus-visible{outline:2px solid #ffe1ad;outline-offset:4px}
#ec-experience :where(h1,h2,h3,h4,p){margin:0}#ec-experience ::selection{background:#e7bd8a;color:#200c15}
#ec-experience .ec-display{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.055em}
#ec-experience .ec-overline{font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:#e9b884}
#ec-experience .ec-fx-canvas{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.75;width:100%;height:100%;mix-blend-mode:screen}
#ec-experience .ec-grain{pointer-events:none;position:fixed;z-index:2;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#ec-experience .ec-cursor-glow{position:fixed;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(175,57,98,.20) 0%,rgba(103,25,58,.08) 33%,transparent 68%);transform:translate(-50%,-50%);z-index:2;pointer-events:none;mix-blend-mode:screen;transition:opacity .3s}
#ec-experience .ec-scroll-progress{position:fixed;z-index:110;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#d98b75,#ffe0a0,#e29d69);box-shadow:0 0 20px #eab777}
#ec-experience .ec-topbar{position:absolute;z-index:25;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px clamp(22px,5.5vw,96px)}
#ec-experience .ec-brand{display:inline-flex;gap:11px;align-items:center;min-width:0}
#ec-experience .ec-brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #f1c99e66;background:#f7e7d7}
#ec-experience .ec-brand .ec-brand-name{font-size:13px;line-height:1.18;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
#ec-experience .ec-brand .ec-brand-name span{font-weight:400;letter-spacing:.34em;font-size:10px}
#ec-experience .ec-toplinks{display:flex;align-items:center;gap:28px}#ec-experience .ec-toplinks>a{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#f9dfc8b3;transition:color .25s}#ec-experience .ec-toplinks>a:hover{color:white}
#ec-experience .ec-outline-btn{border:1px solid #ffe0bd77;padding:13px 18px;background:#ffffff07;color:#fff6eb;border-radius:100px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;backdrop-filter:blur(20px);transition:.35s}#ec-experience .ec-outline-btn:hover{border-color:#ffc98d;background:#ffd4a41a}
#ec-experience .ec-hero{position:relative;z-index:4;min-height:800px;height:min(990px,100svh);display:grid;grid-template-columns:52% 48%;align-items:center;padding:145px clamp(22px,7vw,120px) 110px;background:radial-gradient(ellipse 58% 59% at 70% 50%,rgba(144,46,73,.40),transparent 75%),radial-gradient(ellipse 45% 47% at 24% 87%,rgba(122,57,40,.18),transparent 75%),linear-gradient(126deg,#110911,#240b20 62%,#350c28);overflow:hidden}
#ec-experience .ec-hero::before{content:'';position:absolute;inset:4% -15%;background:repeating-linear-gradient(90deg,transparent 0,transparent 88px,rgba(242,196,151,.035) 89px,transparent 90px);transform:perspective(600px) rotateX(78deg) translateY(35%);transform-origin:center bottom;pointer-events:none;mask-image:linear-gradient(transparent 10%,black 100%)}
#ec-experience .ec-hero-copy{position:relative;z-index:4;max-width:730px;padding-bottom:28px}
#ec-experience .ec-hero-index{display:flex;align-items:center;gap:14px;margin-bottom:30px}#ec-experience .ec-line{display:inline-block;width:46px;height:1px;background:#ecc293}
#ec-experience .ec-hero h1{font-size:clamp(70px,8.9vw,164px);line-height:.89;max-width:850px;text-transform:uppercase;color:#fff8ed;text-shadow:0 16px 55px #0c050a55;letter-spacing:-.076em}#ec-experience .ec-hero h1 em{font-weight:500;color:#e6b67f;display:inline-block;line-height:1.05;text-transform:none}
#ec-experience .ec-hero-desc{font-size:clamp(14px,1.25vw,17px);max-width:425px;line-height:1.85;margin-top:27px;color:#f4dccaab}
#ec-experience .ec-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:30px}
#ec-experience .ec-primary{display:inline-flex;gap:22px;align-items:center;justify-content:center;border:none;min-height:56px;background:linear-gradient(120deg,#f7d6a3,#dca672);padding:0 26px;border-radius:100px;color:#311325;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.13em;box-shadow:0 10px 40px #e9b27721;transition:transform .3s,box-shadow .3s}#ec-experience .ec-primary:hover{transform:translateY(-3px);box-shadow:0 14px 50px #f7cf8b4d}
#ec-experience .ec-primary .ec-arrow{font-size:23px;line-height:1}
#ec-experience .ec-link-btn{border:1px solid #dfb98a6e;padding:17px 22px;border-radius:100px;background:#fff5ea09;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;transition:background .3s}#ec-experience .ec-link-btn:hover{background:#fff3e421}
#ec-experience .ec-hero-orbit{width:100%;height:min(680px,75vh);min-height:520px;position:relative;z-index:3;perspective:1300px;transform-style:preserve-3d}
#ec-experience .ec-orbit-globe{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(43vw,520px);height:min(43vw,520px);border-radius:50%;border:1px solid #edc79b1f;box-shadow:0 0 0 38px #f6bc8e07,0 0 0 110px #f6bc8e04,inset 0 0 60px #eebf9d0e;pointer-events:none}
#ec-experience .ec-orbit-globe::before,#ec-experience .ec-orbit-globe::after{content:'';position:absolute;inset:10%;border:1px dashed #fff0d755;border-radius:50%;transform:rotateX(65deg) rotate(25deg);animation:ec-ring 24s linear infinite}#ec-experience .ec-orbit-globe::after{transform:rotateY(70deg) rotate(-20deg);animation-direction:reverse;animation-duration:30s}
@keyframes ec-ring{to{rotate:360deg}}
#ec-experience .ec-orbit-halo{position:absolute;top:50%;left:50%;width:min(57vw,660px);height:min(57vw,660px);transform:translate(-50%,-50%);pointer-events:none;opacity:.35;z-index:1}
#ec-experience .ec-hero-cup{position:absolute;width:clamp(230px,33vw,490px);height:auto;top:48%;left:49%;transform:translate(-50%,-50%) rotate(9deg);filter:drop-shadow(0 25px 34px #070508a0) drop-shadow(0 0 36px #db7f6e5e);z-index:5;animation:ec-cup-float 6s ease-in-out infinite;pointer-events:none}
@keyframes ec-cup-float{0%,100%{transform:translate(-50%,-49%) rotate(6deg)}50%{transform:translate(-50%,-53%) rotate(12deg)}}
#ec-experience .ec-orbit-node{position:absolute;z-index:6;left:50%;top:50%;min-width:116px;max-width:160px;padding:12px 15px;border:1px solid #f6cda078;border-radius:100px;color:#f9e5ce;background:rgba(24,9,23,.75);box-shadow:0 8px 40px #12030ca8,inset 0 1px #ffdbb023;backdrop-filter:blur(18px);font-size:10px;font-weight:800;letter-spacing:.05em;line-height:1.3;transform:translate3d(0,0,0);will-change:transform;transition:background .25s,opacity .25s,border-color .25s}#ec-experience .ec-orbit-node:hover{background:rgba(141,66,79,.9);border-color:#ffe3ae}
#ec-experience .ec-orbit-node .ec-node-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#f1c186;box-shadow:0 0 12px #f6b868;margin-right:7px}
#ec-experience .ec-hero-bottom{position:absolute;bottom:38px;left:clamp(22px,7vw,120px);right:clamp(22px,7vw,120px);display:flex;justify-content:space-between;align-items:center;z-index:8}#ec-experience .ec-scroll-cue{display:inline-flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.2em;color:#f8d6b0b7;text-transform:uppercase;font-weight:800}#ec-experience .ec-scroll-cue .ec-wheel{width:24px;height:37px;border:1px solid #d6b18c8a;border-radius:20px;display:grid;place-items:start center;padding-top:7px}#ec-experience .ec-scroll-cue .ec-wheel:before{content:'';width:3px;height:8px;background:#d7ad7f;border-radius:10px;animation:ec-wheel 1.9s infinite}@keyframes ec-wheel{to{transform:translateY(12px);opacity:0}}
#ec-experience .ec-hero-count{font-family:'Playfair Display',serif;color:#ebc39a;font-size:17px;letter-spacing:.04em}
#ec-experience .ec-floating-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:55;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #fbe2c14a;background:rgba(26,11,21,.87);box-shadow:0 14px 65px #070406a3,0 1px #ffffff13 inset;backdrop-filter:blur(26px);border-radius:100px;max-width:calc(100vw - 26px);transition:transform .4s,opacity .3s}
#ec-experience .ec-floating-dock button{border:0;background:transparent;color:#f5ded0;font-size:10px;letter-spacing:.05em;font-weight:800;padding:13px 17px;border-radius:100px;white-space:nowrap;transition:background .2s,color .2s}
#ec-experience .ec-floating-dock button.ec-active,#ec-experience .ec-floating-dock button:hover{background:#ebbe8d;color:#2e1422}
#ec-experience .ec-floating-dock .ec-dock-menu{background:#fff7e914;border:1px solid #fff6dc20;color:#ffddb5}
#ec-experience .ec-microline{z-index:3;position:relative;display:flex;justify-content:center;align-items:center;gap:28px;padding:27px 24px;background:#230c1d;border-top:1px solid #ffffff0b;border-bottom:1px solid #f0ba881c;flex-wrap:wrap}#ec-experience .ec-microline span{font-size:10px;font-weight:800;letter-spacing:.21em;color:#e8c5a3a8;text-transform:uppercase}
#ec-experience .ec-microline i{width:4px;height:4px;background:#dfbd8f;transform:rotate(45deg)}
/* Main scroll-driven sticky 3D editorial showreel */
#ec-experience .ec-film{position:relative;height:350vh;z-index:4;background:linear-gradient(#190b18,#320e24 46%,#160b16);}
#ec-experience .ec-film-sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;display:flex;align-items:center;padding:0 clamp(22px,7vw,120px);perspective:1500px;isolation:isolate}
#ec-experience .ec-film-sticky:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 48% 55% at 71% 49%,rgba(226,133,120,.16),transparent 74%),radial-gradient(ellipse 33% 34% at 18% 81%,rgba(243,176,119,.075),transparent 74%);z-index:-2}
#ec-experience .ec-film-stage-grid{position:absolute;inset:-80% -30%;opacity:.17;background:linear-gradient(transparent 97%,#d5af865e 99%),linear-gradient(90deg,transparent 97%,#d5af865e 99%);background-size:85px 85px;transform:rotateX(68deg) rotateZ(-18deg) translateY(50%);pointer-events:none}
#ec-experience .ec-stage-number{position:absolute;right:7%;top:14%;font-family:'Playfair Display',serif;font-size:clamp(120px,26vw,360px);line-height:1;letter-spacing:-.1em;color:#f9cb9830;z-index:-1;filter:blur(1px)}
#ec-experience .ec-film-copy{z-index:6;width:47%;max-width:650px;position:relative}
#ec-experience .ec-film-copy .ec-overline{display:block;margin-bottom:26px}
#ec-experience .ec-film-copy h2{font-size:clamp(54px,6.6vw,108px);line-height:.99;max-width:650px;color:#fff5e9}
#ec-experience .ec-film-copy h2 em{color:#ebb989}
#ec-experience .ec-film-copy p{color:#f7dccaaf;max-width:405px;margin-top:25px;font-size:15px;line-height:1.9}
#ec-experience .ec-film-copy .ec-stage-cta{display:inline-flex;align-items:center;gap:23px;margin-top:30px;font-weight:800;color:#edc89a;text-transform:uppercase;letter-spacing:.12em;font-size:11px;border-bottom:1px solid #edc89a77;padding-bottom:9px}
#ec-experience .ec-film-visual{position:absolute;right:3%;width:56%;height:90%;top:5%;display:grid;place-items:center;transform-style:preserve-3d;z-index:3;will-change:transform}
#ec-experience .ec-stage-rings{position:absolute;width:min(52vw,710px);aspect-ratio:1;border:1px solid #e5b88830;border-radius:50%;box-shadow:0 0 0 48px #efbf9912,0 0 0 120px #efbf9908,0 0 100px #ecc49815 inset;transform:rotateX(65deg) rotateZ(20deg);animation:ec-orbit-rings 13s linear infinite;pointer-events:none}
#ec-experience .ec-stage-rings:before{content:'';inset:18%;position:absolute;border:1px dashed #ffcb9948;border-radius:50%}
@keyframes ec-orbit-rings{to{transform:rotateX(65deg) rotateZ(380deg)}}
#ec-experience .ec-stage-img{position:absolute;max-width:min(70%,500px);max-height:75%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 40px 46px #0503079f) drop-shadow(0 0 40px #e4948539);transition:opacity .55s ease,filter .45s;transform:translate3d(0,0,75px) rotate(-7deg);will-change:transform,opacity}
#ec-experience .ec-stage-img:not(.ec-visible){opacity:0;pointer-events:none}
#ec-experience .ec-stage-img[data-stage="1"],#ec-experience .ec-stage-img[data-stage="2"]{border-radius:24px;max-width:min(75%,500px);max-height:65%;aspect-ratio:4/4;object-fit:cover;box-shadow:0 40px 120px #0008}
#ec-experience .ec-film-step{position:absolute;bottom:45px;left:7%;right:7%;z-index:8;display:flex;gap:8px;align-items:center}
#ec-experience .ec-film-step span{width:75px;max-width:25vw;height:2px;background:#f6d9b43a;position:relative;overflow:hidden}#ec-experience .ec-film-step span::before{content:'';height:100%;width:var(--step,0%);position:absolute;left:0;top:0;background:#f6cea1}
#ec-experience .ec-film-step-label{font-size:10px;color:#efc5a5;letter-spacing:.17em;margin-left:15px;font-weight:800}
#ec-experience .ec-film-copy>*{transition:opacity .48s,transform .48s}#ec-experience .ec-film-copy.ec-switching>*{opacity:.08;transform:translateY(24px)}
#ec-experience .ec-film-orbit-fx{width:100%;height:100%;position:absolute;inset:0;opacity:.5;pointer-events:none}
/* Category discovery */
#ec-experience .ec-discover{padding:125px clamp(22px,7vw,120px) 90px;background:radial-gradient(ellipse 55% 42% at 85% 0%,#5b183a6e,transparent),linear-gradient(#160b16,#190b18);position:relative;z-index:4;text-align:center}
#ec-experience .ec-discover h2{font-size:clamp(60px,8vw,125px);margin-top:10px;line-height:1.03}#ec-experience .ec-discover h2 em{color:#deb287}
#ec-experience .ec-discover p{font-size:14px;color:#e7c8b6a8;max-width:575px;margin:24px auto 0;line-height:1.85}
#ec-experience .ec-category-orbit{margin:60px auto 0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;max-width:1250px}
#ec-experience .ec-category-orbit a{border:1px solid #f3c89c2c;min-height:110px;padding:20px 8px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;border-radius:17px;background:linear-gradient(145deg,#fff8ea0e,#ffffff02);font-size:11px;font-weight:800;letter-spacing:.025em;transform:perspective(600px) rotateX(6deg);transition:transform .35s,background .35s,border-color .35s}#ec-experience .ec-category-orbit a:hover{transform:perspective(600px) rotateX(0) translateY(-13px) scale(1.04);background:#f4c69718;border-color:#e8bb87a1}
#ec-experience .ec-category-orbit a .ec-cat-symbol{font-family:'Playfair Display',serif;font-size:27px;font-style:italic;font-weight:500;color:#efbc87}
/* Product menu / sticky editorial */
#ec-experience .ec-products-section{position:relative;z-index:4;min-height:650px;padding:125px clamp(22px,7vw,120px);border-top:1px solid #ffe3b51a;overflow:hidden;scroll-margin-top:50px;background:radial-gradient(circle at 90% 25%,rgba(146,56,76,.12),transparent 38%),linear-gradient(128deg,#1d0b19,#160b16)}
#ec-experience .ec-products-section.ec-alt{background:radial-gradient(circle at 10% 80%,rgba(161,89,54,.12),transparent 37%),linear-gradient(128deg,#210d1b,#1a0a17)}
#ec-experience .ec-products-section::before{content:attr(data-ghost);pointer-events:none;font-family:'Playfair Display',serif;position:absolute;top:70px;right:-.08em;color:#fbd6b205;font-size:clamp(140px,21vw,350px);white-space:nowrap;line-height:1;letter-spacing:-.08em}
#ec-experience .ec-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px;position:relative;z-index:2}
#ec-experience .ec-section-no{font-size:11px;font-weight:800;color:#d9a06f;letter-spacing:.28em;margin-bottom:14px}
#ec-experience .ec-section-head h2{font-size:clamp(58px,7vw,110px);line-height:1;color:#ffefe0}
#ec-experience .ec-section-subtitle{max-width:350px;font-size:13px;line-height:1.8;color:#f5d7c0a2;margin-top:12px}
#ec-experience .ec-section-view{border:1px solid #dcb58b81;padding:16px 22px;border-radius:100px;min-width:146px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;white-space:nowrap;transition:background .3s,color .3s}#ec-experience .ec-section-view:hover{background:#dfb283;color:#220d19}
#ec-experience .ec-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1400px;position:relative;z-index:2}
#ec-experience .ec-item-card{cursor:pointer;--lift:0px;position:relative;overflow:hidden;min-width:0;border:1px solid #f9cead36;border-radius:20px;min-height:395px;background:linear-gradient(155deg,#47203685,#170d17dd 68%);transform-style:preserve-3d;transform:translate3d(0,var(--lift),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease,box-shadow .3s,border-color .3s;box-shadow:0 16px 45px #05030941}
#ec-experience .ec-item-card:hover{--lift:-10px;border-color:#f2ca9870;box-shadow:0 20px 60px #0503089c,0 0 48px #c5706124}
#ec-experience .ec-item-card::before{content:'';position:absolute;pointer-events:none;inset:0;z-index:1;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#f9d7a21d,transparent 50%)}
#ec-experience .ec-card-image-shell{height:290px;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#e8ab783a,#230f1a 63%);display:grid;place-items:center}
#ec-experience .ec-card-image-shell::before{content:'';width:88%;height:88%;border:1px solid #fbd9b51e;border-radius:50%;position:absolute;transform:rotateX(63deg);z-index:-1}
#ec-experience .ec-card-image-shell img{width:100%;height:100%;object-fit:contain;max-width:95%;max-height:92%;filter:drop-shadow(0 18px 24px #05030c80);transition:transform .6s cubic-bezier(.18,.75,.35,1)}#ec-experience .ec-item-card:hover .ec-card-image-shell img{transform:scale(1.11) translateY(-8px) rotate(-2deg)}
#ec-experience .ec-card-image-shell.ec-food-photo{background:#24111d}#ec-experience .ec-food-backdrop{position:absolute;inset:-15px;background-size:cover;background-position:center;filter:blur(19px) saturate(.85) brightness(.56);opacity:.88;z-index:0;pointer-events:none}#ec-experience .ec-card-image-shell.ec-food-photo img{position:relative;z-index:2;object-fit:contain;width:100%;height:100%;max-width:95%;max-height:91%;filter:saturate(1.07) contrast(1.045) drop-shadow(0 15px 28px #09010bb0)}
#ec-experience .ec-card-image-shell.ec-food-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#100812b3)}
#ec-experience .ec-card-top{position:absolute;z-index:3;top:16px;left:17px;padding:8px 12px;border:1px solid #f7dac77c;border-radius:30px;background:#160c12a3;backdrop-filter:blur(9px);color:#fff0d8;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
#ec-experience .ec-card-info{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px 22px;transform:translateZ(24px)}
#ec-experience .ec-card-title{font-size:16px;font-weight:800;line-height:1.35;color:#fff7ed}#ec-experience .ec-card-price{font-size:12px;font-weight:800;margin-top:6px;color:#eec191}
#ec-experience .ec-card-plus{width:43px;height:43px;min-width:43px;border:1px solid #f9cb994e;border-radius:50%;display:grid;place-items:center;background:#ffe0b513;color:#fbe1c1;font-size:23px;transition:background .3s,color .3s,transform .3s}#ec-experience .ec-item-card:hover .ec-card-plus{background:#ebc18e;color:#27111d;transform:rotate(90deg)}
#ec-experience .ec-item-card.ec-rise{opacity:0;translate:0 80px;filter:blur(7px)}#ec-experience .ec-item-card.ec-rise.ec-revealed{opacity:1;translate:0 0;filter:blur(0);transition:opacity .75s,translate .85s cubic-bezier(.17,.75,.24,1),filter .8s,transform .25s,box-shadow .3s,border-color .3s}
#ec-experience .ec-appear{opacity:0;transform:translateY(38px);transition:opacity .75s,transform .75s}#ec-experience .ec-appear.ec-revealed{opacity:1;transform:translateY(0)}
#ec-experience .ec-feature-band{padding:75px clamp(22px,7vw,120px) 145px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:4;background:linear-gradient(110deg,#330d27,#641936 62%,#341023)}
#ec-experience .ec-feature-band h2{font-size:clamp(55px,6.4vw,110px);line-height:1.02;color:#fff3e6}#ec-experience .ec-feature-band h2 em{color:#f1c797}
#ec-experience .ec-feature-band p{max-width:500px;color:#f9decbbf;margin-top:17px;font-size:14px;line-height:1.85}
#ec-experience .ec-feature-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
#ec-experience .ec-feature-mark{font-family:'Playfair Display',serif;font-size:clamp(100px,22vw,320px);line-height:1;color:#fbd3a42a;transform:rotate(-15deg);pointer-events:none}
#ec-experience .ec-footer{position:relative;z-index:4;background:#10080f;border-top:1px solid #eac39827;padding:75px clamp(22px,7vw,120px) 110px}
#ec-experience .ec-footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.25fr;gap:40px}
#ec-experience .ec-footer .ec-brand{margin-bottom:20px}#ec-experience .ec-footer p{font-size:13px;color:#e6c8b3a3;max-width:350px;line-height:1.85}
#ec-experience .ec-mini-map{width:100%;height:170px;border:1px solid #edc49643;border-radius:11px;filter:grayscale(.72) saturate(.7);margin-top:2px}#ec-experience .ec-footer h3{color:#f5d3a8;font-size:11px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:24px}#ec-experience .ec-footer-links{display:flex;flex-direction:column;gap:11px}#ec-experience .ec-footer-links a{font-size:13px;color:#e2c2adb5;transition:color .3s}#ec-experience .ec-footer-links a:hover{color:white}
#ec-experience .ec-footer-bottom{border-top:1px solid #ddbd9b24;margin-top:60px;padding-top:28px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#d6b69d80}
/* Full-screen 3D Navigation */
#ec-experience .ec-nav-overlay{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#100810ee;backdrop-filter:blur(32px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s;padding:22px}
#ec-experience .ec-nav-overlay.ec-open{opacity:1;visibility:visible;pointer-events:auto}
#ec-experience .ec-nav-close{position:absolute;top:25px;right:30px;border:1px solid #f4cba077;border-radius:50%;color:#fbe1bd;background:#fff5eb18;width:50px;height:50px;font-size:22px;display:grid;place-items:center}
#ec-experience .ec-nav-inner{max-width:1180px;width:100%;display:grid;grid-template-columns:35% 65%;align-items:center;gap:30px;perspective:1200px}
#ec-experience .ec-nav-left h2{font-size:clamp(65px,7vw,115px);line-height:1.05;margin-top:12px}#ec-experience .ec-nav-left h2 em{color:#e7af7e}
#ec-experience .ec-nav-left p{margin-top:24px;color:#e3c4b3b9;font-size:13px;line-height:1.9;max-width:260px}
#ec-experience .ec-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;transform:rotateY(-10deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .6s}
#ec-experience .ec-nav-grid:hover{filter:brightness(1.04)}
#ec-experience .ec-nav-grid a{background:linear-gradient(150deg,#76264065,#200c1d);border:1px solid #efc19b3b;min-height:142px;padding:18px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,border-color .3s,background .3s;box-shadow:0 20px 40px #06040959}
#ec-experience .ec-nav-grid a:hover{border-color:#edc18f;background:#8839538e;box-shadow:0 12px 40px #e8ad8240}#ec-experience .ec-nav-grid a span:first-child{font-family:'Playfair Display',serif;font-size:25px;color:#e4ae83}#ec-experience .ec-nav-grid a span:last-child{font-size:12px;color:#fff2e4;font-weight:800}
/* Full menu searchable overlay */
#ec-experience .ec-menu-modal,#ec-experience .ec-detail-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#100810ed;backdrop-filter:blur(25px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s,visibility .32s}
#ec-experience .ec-menu-modal.ec-open,#ec-experience .ec-detail-modal.ec-open{opacity:1;visibility:visible;pointer-events:auto}
#ec-experience .ec-menu-shell{width:min(1090px,96vw);height:min(810px,90dvh);background:linear-gradient(138deg,#3e142c,#1c101b);border:1px solid #f5cba04d;border-radius:25px;display:flex;flex-direction:column;box-shadow:0 40px 130px #000b;overflow:hidden;transform:translateY(30px) scale(.97);transition:transform .35s}#ec-experience .ec-open .ec-menu-shell{transform:translateY(0) scale(1)}
#ec-experience .ec-menu-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 30px;border-bottom:1px solid #f3c39b24}
#ec-experience .ec-menu-head h2{font-size:40px;line-height:1.1}#ec-experience .ec-modal-close{width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid #eed4a869;background:#fff0df0f;color:#ffead1;font-size:22px;display:grid;place-items:center;transition:background .25s}#ec-experience .ec-modal-close:hover{background:#e4ad8470}
#ec-experience .ec-menu-controls{padding:20px 30px 17px;border-bottom:1px solid #f5c99c20}#ec-experience .ec-search{width:100%;background:#0e0a10b3;border:1px solid #edbc8f45;color:#fff7ed;padding:15px 20px;border-radius:40px;outline:none;font-size:14px}#ec-experience .ec-search:focus{border-color:#f4c38a}#ec-experience .ec-search::placeholder{color:#ddbba293}
#ec-experience .ec-menu-tabs{display:flex;overflow-x:auto;gap:9px;padding:17px 30px;scrollbar-width:thin;flex-shrink:0}
#ec-experience .ec-menu-tabs button{border:1px solid #edc09947;background:#fff5e907;color:#f1d1b3;border-radius:60px;padding:9px 14px;font-size:11px;font-weight:800;white-space:nowrap}#ec-experience .ec-menu-tabs button.ec-active{background:#eed2a4;color:#280c1c;border-color:#eed2a4}
#ec-experience .ec-menu-results{flex:1;overflow:auto;padding:5px 30px 35px}
#ec-experience .ec-menu-result{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #f4c89b1d;cursor:pointer;transition:background .2s}#ec-experience .ec-menu-result:hover{background:#e4bd9311}#ec-experience .ec-menu-result img{width:60px;height:60px;object-fit:cover;border-radius:9px;background:#4a2034}#ec-experience .ec-menu-result h4{font-size:14px;font-weight:800;margin-bottom:3px}#ec-experience .ec-menu-result p{font-size:11px;color:#dfc0afad;line-height:1.5;max-width:670px}#ec-experience .ec-menu-result strong{font-size:13px;color:#eec594;white-space:nowrap}
#ec-experience .ec-no-results{padding:35px 0;text-align:center;color:#e4c4b0}
#ec-experience .ec-detail-box{width:min(920px,95vw);max-height:90dvh;display:grid;grid-template-columns:49% 51%;background:#25111f;border:1px solid #efc49960;border-radius:23px;overflow:hidden;position:relative;box-shadow:0 40px 100px #000b;transform:translateY(35px) scale(.98);transition:transform .35s}
#ec-experience .ec-open .ec-detail-box{transform:translateY(0) scale(1)}
#ec-experience .ec-detail-visual{background:radial-gradient(ellipse at 50% 50%,#883f4c74,#200e1c);min-height:410px;display:grid;place-items:center;overflow:hidden}#ec-experience .ec-detail-visual img{width:100%;height:100%;object-fit:contain;max-height:480px}#ec-experience .ec-detail-copy{padding:65px 46px 55px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}
#ec-experience .ec-detail-copy h2{font-size:clamp(45px,5vw,66px);line-height:1.08;margin:13px 0}#ec-experience .ec-detail-price{font-size:20px;font-weight:800;color:#f2c68d;margin:7px 0 18px}#ec-experience .ec-detail-desc{color:#e3c4b2;font-size:14px;line-height:1.9}
#ec-experience .ec-detail-box>.ec-modal-close{position:absolute;right:16px;top:16px;z-index:3}
#ec-experience .ec-reduced-note{position:absolute;left:-999999px}
@media(max-width:1250px){#ec-experience .ec-category-orbit{grid-template-columns:repeat(5,1fr)}#ec-experience .ec-toplinks>a{display:none}#ec-experience .ec-card-grid{gap:15px}#ec-experience .ec-card-image-shell{height:240px}}

/* ===== v13 hero film showcase redesign ===== */
#ec-experience .ec-film{height:475vh;background:linear-gradient(#190b18,#320e24 36%,#160b16)}
#ec-experience .ec-film-visual{right:1%;width:58%;height:90%}
#ec-experience .ec-stage-item-name{position:absolute;top:9%;left:53%;transform:translateX(-50%);z-index:7;padding:14px 22px;border-radius:999px;border:1px solid #f5cfa56b;background:rgba(29,9,24,.62);box-shadow:0 14px 44px rgba(10,3,9,.38),inset 0 1px 0 rgba(255,228,195,.18);backdrop-filter:blur(18px);font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(24px,2.5vw,38px);letter-spacing:.02em;color:#f6d6b4;text-shadow:0 8px 20px rgba(0,0,0,.18)}
#ec-experience .ec-stage-item{position:absolute;max-width:min(76%,560px);max-height:78%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 40px 46px #0503079f) drop-shadow(0 0 40px #e4948539);transition:opacity .30s ease,filter .35s;will-change:transform,opacity;opacity:0;pointer-events:none;transform:translate3d(0,12px,-180px) scale(.76) rotate(-2deg)}
#ec-experience .ec-stage-item.ec-visible{opacity:1}
#ec-experience .ec-stage-item[data-stage="1"]{max-width:min(65%,460px)}
#ec-experience .ec-stage-item[data-stage="2"]{max-width:min(76%,540px)}
#ec-experience .ec-stage-item[data-stage="3"]{max-width:min(55%,390px)}
#ec-experience .ec-stage-item[data-stage="4"]{max-width:min(83%,590px)}
#ec-experience .ec-stage-assembly{width:min(82%,620px);height:min(82%,620px);max-width:none;max-height:none;transform-style:preserve-3d}
#ec-experience .ec-stage-assembly img{position:absolute;left:50%;top:50%;width:min(95%,580px);height:auto;transform:translate(-50%,-50%);object-fit:contain}
#ec-experience .ec-stage-saucer{clip-path:inset(50% 0 0 0);transform:translate(-50%,-50%) translateY(58px) scale(1.03);filter:drop-shadow(0 35px 34px rgba(7,5,8,.58))}
#ec-experience .ec-stage-cup-part{clip-path:inset(0 0 31% 0);transform:translate(-50%,-50%) translateY(var(--cup-drop,-96px)) rotate(var(--cup-rot,2deg));filter:drop-shadow(0 42px 42px rgba(7,5,8,.68));transition:none}
#ec-experience .ec-stage-assembly::after{content:'';position:absolute;left:50%;bottom:10%;width:55%;height:10%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(12,5,10,.58),transparent 72%);filter:blur(14px);opacity:.55}
#ec-experience .ec-stage-rings{opacity:.88}
#ec-experience .ec-film-copy h2{max-width:700px}
#ec-experience .ec-film-step span{width:58px}
@media(max-width:930px){
 #ec-experience .ec-film{height:510vh}
 #ec-experience .ec-film-visual{width:62%;right:-5%}
 #ec-experience .ec-stage-item-name{left:58%;top:11%;font-size:clamp(22px,3vw,34px)}
 #ec-experience .ec-stage-item{max-width:min(72%,430px)}
}
@media(max-width:640px){
 #ec-experience .ec-film{height:430vh}
 #ec-experience .ec-film-sticky{padding:88px 22px 95px;align-items:flex-start}
 #ec-experience .ec-film-copy{width:100%;z-index:7}
 #ec-experience .ec-film-visual{width:118%;height:58%;right:-18%;top:39%}
 #ec-experience .ec-stage-item-name{left:52%;top:2%;font-size:18px;padding:10px 14px}
 #ec-experience .ec-stage-item{max-width:58%;max-height:72%;transform:translate3d(0,12px,-180px) scale(.78) rotate(-1deg)}
 #ec-experience .ec-stage-item[data-stage="1"]{max-width:46%}
 #ec-experience .ec-stage-item[data-stage="2"]{max-width:61%}
 #ec-experience .ec-stage-item[data-stage="3"]{max-width:44%}
 #ec-experience .ec-stage-item[data-stage="4"]{max-width:68%}
 #ec-experience .ec-stage-assembly{width:min(88vw,420px);height:min(88vw,420px)}
 #ec-experience .ec-stage-assembly img{width:min(88vw,380px)}
 #ec-experience .ec-stage-saucer{transform:translate(-50%,-50%) translateY(34px) scale(1.03)}
 #ec-experience .ec-stage-cup-part{transform:translate(-50%,-50%) translateY(var(--cup-drop,-68px)) rotate(var(--cup-rot,2deg))}
 #ec-experience .ec-film-step{gap:5px}
 #ec-experience .ec-film-step span{width:38px}
}

@media(max-width:930px){#ec-experience .ec-hero{grid-template-columns:1fr;min-height:970px;height:auto;padding:145px 30px 100px;overflow:hidden}#ec-experience .ec-hero-copy{text-align:center;margin:0 auto;max-width:700px}#ec-experience .ec-hero-index,#ec-experience .ec-actions{justify-content:center}#ec-experience .ec-hero h1{font-size:clamp(75px,12vw,130px)}#ec-experience .ec-hero-desc{margin:20px auto}#ec-experience .ec-hero-orbit{height:510px;min-height:480px}#ec-experience .ec-hero-cup{width:320px}#ec-experience .ec-orbit-globe{width:390px;height:390px}#ec-experience .ec-orbit-halo{width:550px;height:550px}#ec-experience .ec-film-sticky{padding:0 35px}#ec-experience .ec-film-copy{width:52%}#ec-experience .ec-film-visual{width:58%;right:-4%}#ec-experience .ec-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ec-experience .ec-category-orbit{grid-template-columns:repeat(3,minmax(0,1fr))}#ec-experience .ec-nav-inner{grid-template-columns:1fr;gap:25px;max-width:730px}#ec-experience .ec-nav-left h2{font-size:50px}#ec-experience .ec-nav-left p{display:none}#ec-experience .ec-nav-grid{transform:none}#ec-experience .ec-nav-grid a{min-height:90px}#ec-experience .ec-footer-grid{gap:30px}}
@media(max-width:640px){#ec-experience .ec-cursor-glow{display:none}#ec-experience .ec-topbar{padding:20px 19px}#ec-experience .ec-brand img{width:40px;height:40px}#ec-experience .ec-brand .ec-brand-name{font-size:11px}#ec-experience .ec-toplinks>.ec-outline-btn{font-size:9px;padding:10px 13px}#ec-experience .ec-hero{padding:125px 17px 90px;min-height:800px}#ec-experience .ec-hero h1{font-size:clamp(57px,15vw,90px);letter-spacing:-.08em}#ec-experience .ec-hero-desc{font-size:13px;line-height:1.8}#ec-experience .ec-hero-index{margin-bottom:18px}#ec-experience .ec-hero-orbit{height:400px;min-height:400px;margin-top:10px}#ec-experience .ec-hero-cup{width:min(61vw,280px)}#ec-experience .ec-orbit-globe{width:75vw;height:75vw}#ec-experience .ec-orbit-halo{width:100vw;height:100vw}#ec-experience .ec-orbit-node{min-width:75px;max-width:106px;font-size:8px;padding:9px 8px;line-height:1.2}#ec-experience .ec-hero-bottom{left:20px;right:20px;bottom:19px}#ec-experience .ec-scroll-cue{font-size:9px}#ec-experience .ec-actions{gap:9px}#ec-experience .ec-primary{padding:0 19px;min-height:50px;font-size:10px;gap:10px}#ec-experience .ec-link-btn{padding:15px 19px;font-size:10px}#ec-experience .ec-floating-dock{bottom:10px;width:calc(100vw - 20px);justify-content:center}#ec-experience .ec-floating-dock button{padding:12px 13px;font-size:9px;flex:1}#ec-experience .ec-floating-dock button.ec-dock-optional{display:none}#ec-experience .ec-microline{gap:10px;padding:20px 9px}#ec-experience .ec-microline span{font-size:8px;letter-spacing:.12em}#ec-experience .ec-film{height:315vh}#ec-experience .ec-film-sticky{min-height:0;padding:88px 22px 90px;align-items:flex-start}#ec-experience .ec-film-copy{width:100%;z-index:7}#ec-experience .ec-film-copy .ec-overline{margin-bottom:13px}#ec-experience .ec-film-copy h2{font-size:clamp(48px,13vw,77px);max-width:450px}#ec-experience .ec-film-copy p{font-size:12px;line-height:1.7;max-width:340px;margin-top:13px}#ec-experience .ec-film-copy .ec-stage-cta{margin-top:13px;font-size:9px}#ec-experience .ec-film-visual{width:115%;height:56%;right:-16%;top:40%}#ec-experience .ec-stage-img{max-width:50%;max-height:76%}#ec-experience .ec-stage-img[data-stage="1"],#ec-experience .ec-stage-img[data-stage="2"]{max-width:59%}#ec-experience .ec-stage-rings{width:88vw}#ec-experience .ec-stage-number{top:47%;font-size:44vw}#ec-experience .ec-film-step{bottom:80px;left:25px}#ec-experience .ec-discover{padding:90px 20px 65px}#ec-experience .ec-discover h2{font-size:clamp(50px,13vw,85px)}#ec-experience .ec-category-orbit{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:35px}#ec-experience .ec-category-orbit a{padding:10px 5px;min-height:86px;font-size:9px;border-radius:10px}#ec-experience .ec-category-orbit a .ec-cat-symbol{font-size:21px}#ec-experience .ec-products-section{padding:75px 17px}#ec-experience .ec-section-head{gap:10px;margin-bottom:27px;align-items:flex-end}#ec-experience .ec-section-head h2{font-size:clamp(48px,12vw,72px)}#ec-experience .ec-section-subtitle{font-size:11px;line-height:1.6;max-width:245px}#ec-experience .ec-section-view{padding:11px 12px;font-size:9px;min-width:0}#ec-experience .ec-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#ec-experience .ec-item-card{min-height:250px;border-radius:11px}#ec-experience .ec-card-image-shell{height:180px}#ec-experience .ec-card-info{padding:11px 9px 13px;gap:5px}#ec-experience .ec-card-title{font-size:11px;line-height:1.35}#ec-experience .ec-card-price{font-size:10px;margin-top:5px}#ec-experience .ec-card-plus{width:28px;height:28px;min-width:28px;font-size:19px}#ec-experience .ec-card-top{top:8px;left:7px;font-size:7px;padding:6px 7px}#ec-experience .ec-feature-band{padding:80px 22px 105px}#ec-experience .ec-feature-mark{display:none}#ec-experience .ec-feature-band h2{font-size:58px}#ec-experience .ec-footer{padding:65px 22px 110px}#ec-experience .ec-footer-grid{grid-template-columns:1fr 1fr;gap:40px 22px}#ec-experience .ec-footer-grid>:first-child{grid-column:1/-1}#ec-experience .ec-nav-overlay{padding:12px}#ec-experience .ec-nav-left h2{font-size:53px}#ec-experience .ec-nav-grid{gap:7px}#ec-experience .ec-nav-grid a{min-height:81px;padding:11px;border-radius:10px}#ec-experience .ec-nav-grid a span:first-child{font-size:18px}#ec-experience .ec-nav-grid a span:last-child{font-size:10px}#ec-experience .ec-menu-modal,#ec-experience .ec-detail-modal{padding:8px}#ec-experience .ec-menu-shell{height:92dvh;width:100%;border-radius:13px}#ec-experience .ec-menu-head{padding:18px 15px}#ec-experience .ec-menu-head h2{font-size:30px}#ec-experience .ec-menu-controls{padding:14px 15px}#ec-experience .ec-menu-tabs{padding:12px 15px}#ec-experience .ec-menu-results{padding:0 15px 25px}#ec-experience .ec-menu-result{gap:9px;grid-template-columns:46px 1fr auto}#ec-experience .ec-menu-result img{width:46px;height:46px}#ec-experience .ec-menu-result h4{font-size:12px}#ec-experience .ec-menu-result p{font-size:10px}#ec-experience .ec-menu-result strong{font-size:11px}#ec-experience .ec-detail-box{grid-template-columns:1fr;max-height:90dvh;overflow-y:auto}#ec-experience .ec-detail-visual{min-height:240px;max-height:42dvh}#ec-experience .ec-detail-visual img{max-height:42dvh}#ec-experience .ec-detail-copy{padding:24px 24px 32px}#ec-experience .ec-detail-copy h2{font-size:39px}#ec-experience .ec-detail-desc{font-size:12px}}
@media(prefers-reduced-motion:reduce){#ec-experience *,#ec-experience *:before,#ec-experience *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#ec-experience .ec-appear,#ec-experience .ec-item-card.ec-rise{opacity:1;transform:none;translate:none;filter:none}}

/* ===== ENHANCED FUTURISTIC HERO + NAV PATCH ===== */
#ec-experience .ec-topbar{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 22px));padding:12px 14px;border-radius:30px;border:1px solid rgba(244,204,164,.24);background:linear-gradient(135deg,rgba(19,11,22,.66),rgba(47,18,36,.62) 54%,rgba(86,37,55,.38));backdrop-filter:blur(24px) saturate(170%);box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,245,230,.14);transition:top .35s ease,box-shadow .35s ease,background .35s ease,border-color .35s ease;overflow:hidden}
#ec-experience .ec-topbar::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,222,178,.08) 28%,transparent 42%,rgba(255,214,164,.06) 60%,transparent 74%);background-size:200% 100%;animation:ec-shimmer 11s linear infinite;pointer-events:none}
#ec-experience .ec-topbar::after{content:'';position:absolute;inset:1px;border-radius:29px;pointer-events:none;border:1px solid rgba(255,241,221,.06)}
#ec-experience .ec-topbar.ec-scrolled{top:10px;background:linear-gradient(135deg,rgba(15,10,19,.9),rgba(34,14,28,.86) 54%,rgba(76,31,46,.68));box-shadow:0 26px 75px rgba(0,0,0,.42),0 0 0 1px rgba(242,198,154,.12);border-color:rgba(244,204,164,.35)}
#ec-experience .ec-brand{position:relative;padding:8px 12px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.01));border:1px solid rgba(255,241,227,.06);box-shadow:inset 0 1px 0 rgba(255,247,236,.08)}
#ec-experience .ec-toplinks{position:relative;padding:8px;border-radius:999px;border:1px solid rgba(244,204,164,.17);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,245,231,.08),0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
#ec-experience .ec-toplinks>a,#ec-experience .ec-outline-btn{position:relative;overflow:hidden}
#ec-experience .ec-toplinks>a{padding:14px 16px;border-radius:999px;color:#f9e3cf}
#ec-experience .ec-toplinks>a::after,#ec-experience .ec-outline-btn::after,#ec-experience .ec-floating-dock button::after{content:'';position:absolute;inset:auto -20% 0 auto;width:60%;height:160%;background:linear-gradient(120deg,transparent,rgba(255,241,221,.18),transparent);transform:translateX(-220%) rotate(18deg);transition:transform .7s ease;pointer-events:none}
#ec-experience .ec-toplinks>a:hover::after,#ec-experience .ec-outline-btn:hover::after,#ec-experience .ec-floating-dock button:hover::after{transform:translateX(220%) rotate(18deg)}
#ec-experience .ec-toplinks>a:hover{background:rgba(255,235,208,.08);color:#fff;box-shadow:0 0 0 1px rgba(244,204,164,.08) inset}
#ec-experience .ec-outline-btn{padding:14px 20px;border:1px solid rgba(255,225,189,.26);background:linear-gradient(135deg,rgba(255,235,215,.15),rgba(255,255,255,.04));box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,245,234,.12)}
#ec-experience .ec-outline-btn:hover{background:linear-gradient(135deg,rgba(255,220,176,.24),rgba(255,255,255,.08));border-color:rgba(255,221,177,.42);transform:translateY(-2px)}
#ec-experience .ec-hero{padding-top:185px;background:radial-gradient(circle at 70% 30%,rgba(219,128,113,.22),transparent 0 28%),radial-gradient(circle at 22% 18%,rgba(233,181,116,.10),transparent 0 18%),radial-gradient(circle at 50% 50%,rgba(255,214,167,.05),transparent 0 38%),linear-gradient(126deg,#0b0710,#1a0c18 26%,#2d0d22 56%,#3e1128 100%)}
#ec-experience .ec-hero::after{content:'';position:absolute;inset:-30% -5% auto -5%;height:120%;background:radial-gradient(circle at 50% 30%,rgba(255,227,178,.08),transparent 28%),conic-gradient(from 180deg at 50% 50%,transparent 0 12%,rgba(255,210,160,.08) 18%,transparent 24% 42%,rgba(255,227,178,.06) 48%,transparent 54% 100%);filter:blur(40px);opacity:.65;animation:ec-slow-rotate 30s linear infinite;pointer-events:none}
#ec-experience .ec-primary{background:linear-gradient(125deg,#ffdbab,#e6ab73 45%,#f6d3b4);box-shadow:0 20px 60px rgba(241,189,123,.22),0 0 0 1px rgba(255,235,207,.18) inset}
#ec-experience .ec-primary:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 70px rgba(247,207,139,.42),0 0 0 1px rgba(255,235,207,.18) inset}
#ec-experience .ec-link-btn{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border-color:rgba(244,204,164,.32);box-shadow:inset 0 1px 0 rgba(255,244,227,.08)}
#ec-experience .ec-hero-orbit{--hero-shift-x:0px;--hero-shift-y:0px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25))}
#ec-experience .ec-hero-orbit::before{content:'';position:absolute;inset:10% 12%;border-radius:50%;background:conic-gradient(from 180deg,rgba(255,214,165,.05),transparent 18%,rgba(255,214,165,.14) 28%,transparent 36%,rgba(255,214,165,.08) 44%,transparent 58%,rgba(255,214,165,.12) 74%,transparent 100%);filter:blur(4px);animation:ec-slow-rotate 16s linear infinite;pointer-events:none;z-index:0}
#ec-experience .ec-hero-orbit::after{content:'';position:absolute;inset:16% 18%;border-radius:50%;border:1px solid rgba(255,235,210,.08);box-shadow:0 0 0 18px rgba(255,220,180,.02),0 0 45px rgba(255,196,132,.05) inset;transform:translate3d(var(--hero-shift-x),var(--hero-shift-y),0);transition:transform .35s ease;pointer-events:none}
#ec-experience .ec-orbit-globe{box-shadow:0 0 0 40px rgba(246,188,142,.05),0 0 0 120px rgba(246,188,142,.035),0 0 100px rgba(235,168,122,.08) inset,0 0 90px rgba(220,118,115,.07)}
#ec-experience .ec-hero-cup{width:clamp(260px,35vw,560px);top:50%;left:50%;transform:translate(-50%,-50%) rotate(9deg);transform-origin:center center;filter:drop-shadow(0 28px 36px rgba(7,5,8,.72)) drop-shadow(0 0 44px rgba(219,127,110,.48));animation:ec-cup-float 5.2s ease-in-out infinite;z-index:5}
@keyframes ec-cup-float{0%,100%{transform:translate(-50%,-49%) rotate(6deg)}50%{transform:translate(-50%,-53.5%) rotate(12deg)}}
#ec-experience .ec-cup-aura{position:absolute;left:50%;top:50%;width:min(44vw,430px);height:min(44vw,430px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,223,180,.18) 0%,rgba(239,176,114,.12) 23%,rgba(228,126,123,.09) 38%,transparent 68%);filter:blur(14px);z-index:3;pointer-events:none;animation:ec-aura-pulse 5s ease-in-out infinite}
@keyframes ec-aura-pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
#ec-experience .ec-cup-steam{position:absolute;left:50%;top:19%;width:min(14vw,140px);height:min(20vw,200px);transform:translateX(-50%);pointer-events:none;z-index:6;filter:drop-shadow(0 0 18px rgba(255,243,226,.18))}
#ec-experience .ec-cup-steam span{position:absolute;bottom:0;left:50%;width:14px;height:130px;border-radius:999px;background:linear-gradient(to top,rgba(255,255,255,.01) 0%,rgba(255,243,228,.48) 26%,rgba(255,247,239,.75) 52%,rgba(255,255,255,.08) 100%);opacity:0;filter:blur(2px);animation:ec-steam 4.8s ease-in-out infinite}
#ec-experience .ec-cup-steam span:nth-child(1){margin-left:-44px;animation-delay:0s;height:120px}
#ec-experience .ec-cup-steam span:nth-child(2){margin-left:-12px;animation-delay:1s;height:148px}
#ec-experience .ec-cup-steam span:nth-child(3){margin-left:14px;animation-delay:2s;height:128px}
#ec-experience .ec-cup-steam span:nth-child(4){margin-left:42px;animation-delay:2.8s;height:154px}
@keyframes ec-steam{0%{transform:translate3d(0,22px,0) scaleX(.8);opacity:0}18%{opacity:.42}55%{opacity:.82}100%{transform:translate3d(-12px,-92px,0) scaleX(1.8) scaleY(1.2);opacity:0}}
#ec-experience .ec-orbit-node{background:linear-gradient(135deg,rgba(25,11,24,.72),rgba(58,23,44,.62));border-color:rgba(246,205,160,.42);box-shadow:0 14px 44px rgba(7,3,6,.62),inset 0 1px 0 rgba(255,245,231,.12),0 0 0 1px rgba(255,224,195,.04);backdrop-filter:blur(24px) saturate(130%);transition:background .25s,opacity .25s,border-color .25s,transform .25s,box-shadow .25s}
#ec-experience .ec-orbit-node:hover{background:linear-gradient(135deg,rgba(126,52,72,.95),rgba(71,24,48,.95));border-color:#ffe3ae;box-shadow:0 18px 55px rgba(232,173,130,.18),0 0 0 1px rgba(255,228,191,.12) inset}
#ec-experience .ec-floating-dock{border-color:rgba(251,226,193,.32);background:linear-gradient(135deg,rgba(26,11,21,.88),rgba(53,20,37,.82));box-shadow:0 14px 65px rgba(7,4,6,.64),0 1px 0 rgba(255,255,255,.08) inset,0 0 30px rgba(228,159,120,.08)}
#ec-experience .ec-floating-dock button{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}
#ec-experience .ec-floating-dock button.ec-active,#ec-experience .ec-floating-dock button:hover{background:linear-gradient(135deg,#ebbe8d,#f1d4ad);color:#2e1422;box-shadow:0 10px 24px rgba(235,190,141,.24)}
#ec-experience .ec-nav-overlay{background:radial-gradient(circle at top,rgba(255,208,162,.08),transparent 20%),rgba(12,6,15,.93)}
#ec-experience .ec-nav-close{box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,246,230,.08)}
#ec-experience .ec-nav-grid{gap:16px;transform:rotateY(-12deg) rotateX(6deg)}
#ec-experience .ec-nav-grid a{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(118,38,64,.38),rgba(32,12,29,.88));border-color:rgba(239,193,155,.33);box-shadow:0 24px 50px rgba(6,4,9,.42),inset 0 1px 0 rgba(255,246,233,.07)}
#ec-experience .ec-nav-grid a::before{content:'';position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%,rgba(255,214,165,.08) 70%,transparent);opacity:.9;pointer-events:none}
#ec-experience .ec-nav-grid a:hover{transform:translateY(-8px) scale(1.02);border-color:#edc18f;background:linear-gradient(150deg,rgba(150,58,88,.72),rgba(58,16,39,.92));box-shadow:0 18px 48px rgba(232,173,130,.22)}
@keyframes ec-shimmer{to{background-position:200% 0}}
@keyframes ec-slow-rotate{to{transform:rotate(360deg)}}
@media(max-width:930px){#ec-experience .ec-topbar{width:calc(100% - 18px);padding:10px 12px}#ec-experience .ec-hero{padding-top:165px}#ec-experience .ec-toplinks{gap:8px;padding:7px}#ec-experience .ec-toplinks>a{padding:12px 12px}#ec-experience .ec-cup-steam{top:15%;width:120px;height:160px}#ec-experience .ec-nav-grid{transform:none}}
@media(max-width:640px){#ec-experience .ec-topbar{top:10px;padding:10px;border-radius:24px}#ec-experience .ec-topbar::after{border-radius:23px}#ec-experience .ec-hero{padding-top:145px}#ec-experience .ec-toplinks{padding:6px;gap:4px}#ec-experience .ec-toplinks>a{padding:10px 10px;font-size:10px}#ec-experience .ec-outline-btn{padding:11px 13px;font-size:9px}#ec-experience .ec-hero-cup{width:min(72vw,320px)}#ec-experience .ec-cup-steam{top:12%;width:90px;height:120px}#ec-experience .ec-cup-steam span{height:90px}}



/* ===== v6 alignment + steam patch ===== */
#ec-experience .ec-item-card .ec-card-image-shell img{transform:translate(var(--img-shift-x,0px),var(--img-shift-y,0px)) scale(var(--img-scale,1));transform-origin:center center}
#ec-experience .ec-item-card:hover .ec-card-image-shell img{transform:translate(var(--img-shift-x,0px),calc(var(--img-shift-y,0px) - 8px)) scale(var(--img-hover-scale,1.08)) rotate(-2deg)}
#ec-experience .ec-item-card.ec-hot-item .ec-card-image-shell{overflow:visible}
#ec-experience .ec-card-steam{position:absolute;left:50%;top:10px;width:105px;height:140px;transform:translateX(-50%);pointer-events:none;z-index:4;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(255,255,255,.10))}
#ec-experience .ec-card-steam span{position:absolute;bottom:0;left:50%;width:16px;border-radius:999px;height:92px;background:linear-gradient(to top,rgba(255,255,255,0) 0%,rgba(255,245,232,.26) 18%,rgba(255,248,239,.72) 52%,rgba(255,255,255,0) 100%);filter:blur(4px);opacity:0;animation:ec-card-steam 4.6s ease-in-out infinite}
#ec-experience .ec-card-steam span:nth-child(1){margin-left:-34px;height:78px;animation-delay:0s}
#ec-experience .ec-card-steam span:nth-child(2){margin-left:-10px;height:104px;animation-delay:1.1s}
#ec-experience .ec-card-steam span:nth-child(3){margin-left:14px;height:88px;animation-delay:2.2s}
#ec-experience .ec-card-steam span:nth-child(4){margin-left:36px;height:112px;animation-delay:3.1s}
@keyframes ec-card-steam{0%{transform:translate3d(0,16px,0) scaleX(.72);opacity:0}16%{opacity:.36}45%{opacity:.72}100%{transform:translate3d(-10px,-72px,0) scaleX(1.55) scaleY(1.12);opacity:0}}
#ec-experience .ec-item-card[data-name="Sizzling Brownie"]{--img-shift-x:10px;--img-shift-y:8px;--img-scale:.93;--img-hover-scale:1.01}
#ec-experience .ec-item-card[data-name="New Year Cheesecake"]{--img-shift-x:4px;--img-shift-y:8px;--img-scale:.9;--img-hover-scale:.98}
#ec-experience .ec-item-card[data-name="Lotus Cheesecake"]{--img-shift-x:0px;--img-shift-y:8px;--img-scale:.9;--img-hover-scale:.98}


/* ENGLISH COFFEE V7 — INTERACTIVE ICE-FIRST DRINK POUR */
#ec-experience #ec-iced-coffee .ec-card-image-shell,
#ec-experience #ec-refreshers .ec-card-image-shell{
 background:radial-gradient(ellipse at 50% 68%,rgba(183,115,87,.17),transparent 64%),linear-gradient(150deg,#32141f 0%,#1d101c 48%,#29141d 100%);
}
#ec-experience .ec-pour-card .ec-card-image-shell{
 position:relative;overflow:hidden;isolation:isolate;
}
#ec-experience .ec-pour-card .ec-card-image-shell::before{opacity:.45;z-index:0}
#ec-experience .ec-pour-card .ec-card-image-shell::after{
 content:'';position:absolute;inset:auto 10% 11px;height:50px;border-radius:100%;
 background:radial-gradient(ellipse,rgba(223,163,114,.12),transparent 72%);filter:blur(20px);pointer-events:none;
}
#ec-experience .ec-pour-art{
 position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;
}
#ec-experience .ec-pour-svg{
 display:block;width:min(80%,232px);max-height:98%;height:278px;
 overflow:visible;filter:drop-shadow(0 19px 17px rgba(6,3,9,.55));
 transform:translate3d(0,5px,0) rotate(-1.2deg);
 transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s;
 will-change:transform;
}
#ec-experience .ec-pour-liquid{
 transform:translate3d(0,242px,0);
 transition:transform 1.35s cubic-bezier(.23,.73,.27,1);
 will-change:transform;
}
#ec-experience .ec-pour-surface{
 animation:ec-pour-wave 4.3s ease-in-out infinite;
 transform-origin:center;
}
#ec-experience .ec-pour-ice-1,
#ec-experience .ec-pour-ice-2,
#ec-experience .ec-pour-ice-3{
 transition:transform 1.5s cubic-bezier(.22,.75,.23,1);
 will-change:transform;
}
#ec-experience .ec-pour-bubble{
 animation:ec-pour-bubbles 3.6s ease-in infinite;
}
#ec-experience .ec-pour-bubble:nth-child(2){animation-delay:1.1s}
#ec-experience .ec-pour-bubble:nth-child(3){animation-delay:2.2s}
#ec-experience .ec-pour-card:hover .ec-pour-liquid,
#ec-experience .ec-pour-card:focus .ec-pour-liquid,
#ec-experience .ec-pour-card.ec-poured .ec-pour-liquid,
#ec-experience .ec-menu-result:hover .ec-pour-liquid,
#ec-experience .ec-pour-detail.ec-poured .ec-pour-liquid{
 transform:translate3d(0,0,0);
}
#ec-experience .ec-pour-card:hover .ec-pour-ice-1,
#ec-experience .ec-pour-card:focus .ec-pour-ice-1,
#ec-experience .ec-pour-card.ec-poured .ec-pour-ice-1,
#ec-experience .ec-menu-result:hover .ec-pour-ice-1,
#ec-experience .ec-pour-detail.ec-poured .ec-pour-ice-1{transform:translate3d(-1px,-74px,0) rotate(8deg)}
#ec-experience .ec-pour-card:hover .ec-pour-ice-2,
#ec-experience .ec-pour-card:focus .ec-pour-ice-2,
#ec-experience .ec-pour-card.ec-poured .ec-pour-ice-2,
#ec-experience .ec-menu-result:hover .ec-pour-ice-2,
#ec-experience .ec-pour-detail.ec-poured .ec-pour-ice-2{transform:translate3d(3px,-98px,0) rotate(-9deg)}
#ec-experience .ec-pour-card:hover .ec-pour-ice-3,
#ec-experience .ec-pour-card:focus .ec-pour-ice-3,
#ec-experience .ec-pour-card.ec-poured .ec-pour-ice-3,
#ec-experience .ec-menu-result:hover .ec-pour-ice-3,
#ec-experience .ec-pour-detail.ec-poured .ec-pour-ice-3{transform:translate3d(-1px,-57px,0) rotate(6deg)}
#ec-experience .ec-pour-card:hover .ec-pour-svg,
#ec-experience .ec-pour-card:focus .ec-pour-svg,
#ec-experience .ec-pour-card.ec-poured .ec-pour-svg{
 transform:translate3d(0,0,0) rotate(1.5deg) scale(1.045);
 filter:drop-shadow(0 26px 24px rgba(8,3,9,.65)) drop-shadow(0 0 21px rgba(238,192,155,.17));
}
#ec-experience .ec-pour-cue{
 position:absolute;z-index:5;right:11px;bottom:10px;display:flex;align-items:center;gap:6px;
 padding:7px 10px;border:1px solid rgba(246,206,170,.28);border-radius:100px;
 background:rgba(20,11,20,.66);color:#f7dbc2;backdrop-filter:blur(8px);
 font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
 pointer-events:none;transition:background .35s,color .35s,border-color .35s;
}
#ec-experience .ec-pour-cue .ec-cue-dot{display:block;width:5px;height:5px;border-radius:50%;background:#f4cda3;box-shadow:0 0 9px #ecc48d}
#ec-experience .ec-pour-card:hover .ec-pour-cue,
#ec-experience .ec-pour-card:focus .ec-pour-cue,
#ec-experience .ec-pour-card.ec-poured .ec-pour-cue{
 background:rgba(101,60,49,.7);color:#fff5e5;border-color:rgba(255,231,204,.48);
}
#ec-experience .ec-pour-iced-caption{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;color:#dbad8f;text-transform:uppercase}
#ec-experience .ec-menu-result .ec-pour-art{
 position:relative;inset:auto;width:60px;height:68px;border-radius:10px;
 background:linear-gradient(160deg,#3d1b2d,#21131d);overflow:hidden;flex:none;
}
#ec-experience .ec-menu-result .ec-pour-svg{width:55px;height:67px;max-height:67px;transform:translateY(2px)}
#ec-experience .ec-menu-result:hover .ec-pour-svg{transform:translateY(0) scale(1.08)}
#ec-experience .ec-detail-visual{position:relative;overflow:hidden}
#ec-experience .ec-pour-detail{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,rgba(231,175,116,.10),transparent 70%)}
#ec-experience .ec-pour-detail .ec-pour-svg{width:min(65%,300px);height:min(420px,75vh);max-height:90%;transform:translateY(6px)}
#ec-experience .ec-pour-detail.ec-poured .ec-pour-svg{transform:translateY(0) scale(1.03)}
@keyframes ec-pour-wave{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(-2px) rotate(-.6deg)}}
@keyframes ec-pour-bubbles{0%{transform:translateY(0);opacity:0}20%{opacity:.62}70%{opacity:.35}100%{transform:translateY(-100px);opacity:0}}
@media(max-width:640px){
 #ec-experience .ec-pour-svg{width:88%;height:178px;max-height:96%}
 #ec-experience .ec-pour-cue{font-size:7px;padding:5px 7px;bottom:6px;right:5px;gap:3px}
 #ec-experience .ec-pour-cue .ec-cue-dot{width:4px;height:4px}
 #ec-experience .ec-menu-result .ec-pour-svg{width:54px;height:65px}
 #ec-experience .ec-pour-detail .ec-pour-svg{height:min(370px,65vh)}
}
@media(prefers-reduced-motion:reduce){
 #ec-experience .ec-pour-liquid,#ec-experience .ec-pour-ice-1,#ec-experience .ec-pour-ice-2,#ec-experience .ec-pour-ice-3,#ec-experience .ec-pour-svg{transition-duration:.01ms!important}
 #ec-experience .ec-pour-surface,#ec-experience .ec-pour-bubble{animation:none!important}
}


/* ===== v8 product fit + title size fix ===== */
#ec-experience .ec-item-card:not(.ec-pour-card) .ec-card-image-shell{display:flex;align-items:flex-end;justify-content:center;padding:12px 12px 0}
#ec-experience .ec-item-card:not(.ec-pour-card) .ec-card-image-shell::before{width:84%;height:78%;opacity:.8}
#ec-experience .ec-item-card:not(.ec-pour-card) .ec-card-image-shell img{
  width:auto;height:auto;object-fit:contain;object-position:center bottom;
  max-width:88%;max-height:80%;transform:none !important;
}
#ec-experience .ec-item-card:not(.ec-pour-card):hover .ec-card-image-shell img{
  transform:translateY(-4px) scale(1.025) !important;
}
#ec-experience .ec-item-card:not(.ec-pour-card) .ec-card-image-shell.ec-food-photo img{
  max-width:88%;max-height:80%;object-position:center bottom;
}
#ec-experience .ec-item-card[data-name="Loaded Fries"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Buffalo Wings"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Chicken Strip"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="French Toast"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Belgian Waffle"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Scrambled Eggs"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Mexican Omelette"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Buttermilk Pancakes"] .ec-card-image-shell img,
#ec-experience .ec-item-card[data-name="Lotus French Toast"] .ec-card-image-shell img{
  max-width:92%;max-height:84%;
}
#ec-experience .ec-card-title{font-size:18px;line-height:1.28}
@media(max-width:930px){
  #ec-experience .ec-card-title{font-size:17px}
  #ec-experience .ec-item-card:not(.ec-pour-card) .ec-card-image-shell img{max-width:90%;max-height:78%}
}
@media(max-width:640px){
  #ec-experience .ec-card-title{font-size:16px}
}


/* ===== v9 poured glass asset update ===== */
#ec-experience .ec-pour-svg{width:min(82%,228px);height:282px;max-height:98%}
#ec-experience .ec-pour-liquid{transform:translate3d(0,238px,0);transition:transform 1.45s cubic-bezier(.22,.74,.23,1)}
#ec-experience .ec-pour-card:hover .ec-pour-svg,
#ec-experience .ec-pour-card:focus .ec-pour-svg,
#ec-experience .ec-pour-card.ec-poured .ec-pour-svg{transform:translate3d(0,0,0) rotate(.8deg) scale(1.03)}
#ec-experience .ec-menu-result .ec-pour-svg{width:58px;height:72px}
#ec-experience .ec-pour-detail .ec-pour-svg{width:min(66%,304px);height:min(426px,76vh)}



/* === V11: Original one-piece Hot Coffee cups + custom ice-first Frappe blender === */
/* No image slicing or faux lids. The original brand cup remains intact at a natural size. */
/* Preserve the original custom iced-coffee SVG proportions and pour timing. */
#ec-experience .ec-pour-svg{display:block;width:min(80%,232px);height:278px;max-height:98%}
#ec-experience .ec-pour-liquid{transform:translate3d(0,242px,0);transition:transform 1.35s cubic-bezier(.23,.73,.27,1)}
#ec-experience .ec-menu-result .ec-pour-svg{width:55px;height:67px;max-height:67px;transform:translateY(2px)}
#ec-experience .ec-pour-detail .ec-pour-svg{width:min(65%,300px);height:min(420px,75vh);max-height:90%;transform:translateY(6px)}

#ec-experience #ec-hot-coffee .ec-card-image-shell{overflow:hidden!important;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px 0}
#ec-experience #ec-hot-coffee .ec-card-image-shell>img{
  display:block!important;position:relative!important;top:auto!important;left:auto!important;
  width:auto!important;height:auto!important;max-width:86%!important;max-height:82%!important;
  clip-path:none!important;object-fit:contain!important;object-position:center bottom!important;
  transform:none!important;filter:drop-shadow(0 18px 24px rgba(4,2,7,.49));
  transition:transform .45s cubic-bezier(.2,.77,.25,1),filter .35s ease!important;
}
#ec-experience #ec-hot-coffee .ec-item-card:hover .ec-card-image-shell>img{transform:translateY(-3px) scale(1.018)!important}

#ec-experience #ec-frappe .ec-card-image-shell{
 position:relative;display:grid;place-items:center;overflow:hidden!important;isolation:isolate;
 background:radial-gradient(ellipse at 52% 60%,rgba(194,129,93,.16),transparent 55%),linear-gradient(145deg,#371829,#1e101c 52%,#25121e);
 padding:0;
}
#ec-experience .ec-frappe-art{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;isolation:isolate}
#ec-experience .ec-frappe-svg{
 width:min(78%,230px);height:min(276px,98%);max-height:98%;display:block;overflow:visible;
 filter:drop-shadow(0 17px 18px rgba(4,2,9,.52));transform:translate3d(0,5px,0) rotate(-.7deg);
 transition:transform .7s cubic-bezier(.22,.75,.26,1),filter .6s ease;
}
#ec-experience .ec-frappe-liquid{transform:translateY(218px);transition:transform 1.55s cubic-bezier(.22,.74,.24,1);will-change:transform}
#ec-experience .ec-frappe-wave{transform-origin:center;animation:ec-frappe-slosh 3.7s ease-in-out infinite}
#ec-experience .ec-frappe-cream{opacity:0;transform:translateY(28px) scale(.72);transform-origin:120px 105px;transition:transform .65s cubic-bezier(.18,.8,.23,1) .68s,opacity .48s ease .68s}
#ec-experience .ec-frappe-garnish{opacity:0;transform:translateY(-14px);transition:opacity .45s ease 1s,transform .68s cubic-bezier(.18,.8,.23,1) .9s}
#ec-experience .ec-frappe-straw{opacity:0;transform:translateY(-84px) rotate(-3deg);transform-origin:center;transition:opacity .25s ease .42s,transform .8s cubic-bezier(.16,.85,.22,1) .44s}
#ec-experience .ec-frappe-crystals{transition:transform 1.4s cubic-bezier(.2,.8,.22,1),opacity .8s;opacity:.84}
#ec-experience .ec-frappe-bubble{animation:ec-frappe-bubble 2.7s ease-in infinite;opacity:0}
#ec-experience .ec-frappe-bubble:nth-child(2){animation-delay:.7s}#ec-experience .ec-frappe-bubble:nth-child(3){animation-delay:1.5s}
#ec-experience .ec-frappe-card:hover .ec-frappe-liquid,
#ec-experience .ec-frappe-card:focus .ec-frappe-liquid,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-liquid,
#ec-experience .ec-menu-result.ec-mini-frappe:hover .ec-frappe-liquid,
#ec-experience .ec-menu-result.ec-mini-frappe:focus .ec-frappe-liquid,
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-liquid{transform:translateY(0)}
#ec-experience .ec-frappe-card:hover .ec-frappe-cream,
#ec-experience .ec-frappe-card:focus .ec-frappe-cream,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-cream,
#ec-experience .ec-mini-frappe:hover .ec-frappe-cream,
#ec-experience .ec-mini-frappe:focus .ec-frappe-cream,
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-cream{opacity:1;transform:translateY(0) scale(1)}
#ec-experience .ec-frappe-card:hover .ec-frappe-garnish,
#ec-experience .ec-frappe-card:focus .ec-frappe-garnish,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-garnish,
#ec-experience .ec-mini-frappe:hover .ec-frappe-garnish,
#ec-experience .ec-mini-frappe:focus .ec-frappe-garnish,
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-garnish{opacity:1;transform:translateY(0)}
#ec-experience .ec-frappe-card:hover .ec-frappe-straw,
#ec-experience .ec-frappe-card:focus .ec-frappe-straw,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-straw,
#ec-experience .ec-mini-frappe:hover .ec-frappe-straw,
#ec-experience .ec-mini-frappe:focus .ec-frappe-straw,
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-straw{opacity:1;transform:translateY(0)}
#ec-experience .ec-frappe-card:hover .ec-frappe-crystals,
#ec-experience .ec-frappe-card:focus .ec-frappe-crystals,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-crystals,
#ec-experience .ec-mini-frappe:hover .ec-frappe-crystals,
#ec-experience .ec-mini-frappe:focus .ec-frappe-crystals,
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-crystals{transform:translateY(-49px) rotate(8deg);opacity:.58}
#ec-experience .ec-frappe-card:hover .ec-frappe-svg,
#ec-experience .ec-frappe-card:focus .ec-frappe-svg,
#ec-experience .ec-frappe-card.ec-blended .ec-frappe-svg{transform:translateY(0) rotate(1deg) scale(1.035);filter:drop-shadow(0 22px 22px rgba(6,3,8,.67))}
#ec-experience .ec-frappe-cue{position:absolute;z-index:5;bottom:11px;right:11px;border:1px solid rgba(246,206,170,.35);border-radius:100px;padding:7px 10px;background:rgba(23,11,21,.67);color:#f5d9ba;font-size:9px;font-weight:800;letter-spacing:.07em;pointer-events:none;backdrop-filter:blur(8px)}
#ec-experience .ec-frappe-cue::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#efd2a4;box-shadow:0 0 9px #e7b476;margin-right:7px;vertical-align:middle}
#ec-experience .ec-menu-result.ec-mini-frappe .ec-frappe-art{position:relative;inset:auto;width:60px;height:67px;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,rgba(239,175,141,.15),rgba(28,12,25,.55));flex-shrink:0}
#ec-experience .ec-menu-result.ec-mini-frappe .ec-frappe-svg{width:51px;height:66px;max-height:66px;transform:none;filter:none}
#ec-experience .ec-menu-result.ec-mini-frappe:hover .ec-frappe-svg{transform:scale(1.09)}
#ec-experience .ec-frappe-detail{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(233,174,115,.12),transparent 66%)}
#ec-experience .ec-frappe-detail .ec-frappe-svg{width:min(68%,300px);height:min(440px,78vh);max-height:90%;transform:translateY(4px)}
#ec-experience .ec-frappe-detail.ec-blended .ec-frappe-svg{transform:translateY(0) scale(1.035)}
@keyframes ec-frappe-slosh{0%,100%{transform:translateX(0)}50%{transform:translateX(-2px)}}
@keyframes ec-frappe-bubble{0%{transform:translateY(0);opacity:0}25%{opacity:.42}78%{opacity:.2}100%{transform:translateY(-100px);opacity:0}}
@media(max-width:640px){#ec-experience .ec-frappe-svg{width:82%;height:186px}#ec-experience .ec-frappe-cue{font-size:7px;padding:5px 7px;right:6px;bottom:7px}#ec-experience .ec-frappe-detail .ec-frappe-svg{height:min(370px,66vh)}#ec-experience .ec-card-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){#ec-experience .ec-frappe-liquid,#ec-experience .ec-frappe-cream,#ec-experience .ec-frappe-garnish,#ec-experience .ec-frappe-straw,#ec-experience .ec-frappe-crystals,#ec-experience .ec-frappe-svg{transition-duration:.01ms!important}#ec-experience .ec-frappe-wave,#ec-experience .ec-frappe-bubble{animation:none!important}}


/* ===== v12: branded placeholder only for missing food/dessert photos ===== */
#ec-experience .ec-menu-result.ec-logo-fallback>img{
 box-sizing:border-box;width:60px;height:60px;padding:9px;object-fit:contain;
 background:radial-gradient(circle at 50% 42%,rgba(250,219,176,.16),rgba(31,12,25,.85) 75%);
 border:1px solid rgba(242,202,157,.28);border-radius:12px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
#ec-experience .ec-detail-visual img.ec-brand-placeholder{
 width:min(62%,300px);height:auto;max-height:65%;object-fit:contain;
 border-radius:50%;padding:16px;background:radial-gradient(circle,rgba(255,234,198,.14),transparent 72%);
 filter:drop-shadow(0 16px 32px rgba(0,0,0,.25));
}

/* v14: orbit fallback positions protect against JavaScript initialization delays */
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(1){transform:translate3d(calc(-50% + 0px),calc(-50% + -195px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(2){transform:translate3d(calc(-50% + 138px),calc(-50% + -149px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(3){transform:translate3d(calc(-50% + 212px),calc(-50% + -34px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(4){transform:translate3d(calc(-50% + 186px),calc(-50% + 97px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(5){transform:translate3d(calc(-50% + 74px),calc(-50% + 183px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(6){transform:translate3d(calc(-50% + -74px),calc(-50% + 183px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(7){transform:translate3d(calc(-50% + -186px),calc(-50% + 98px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(8){transform:translate3d(calc(-50% + -212px),calc(-50% + -34px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(9){transform:translate3d(calc(-50% + -138px),calc(-50% + -149px),0)}
@media(max-width:640px){
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(1){transform:translate3d(calc(-50% + 0px),calc(-50% + -132px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(2){transform:translate3d(calc(-50% + 83px),calc(-50% + -101px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(3){transform:translate3d(calc(-50% + 127px),calc(-50% + -23px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(4){transform:translate3d(calc(-50% + 112px),calc(-50% + 66px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(5){transform:translate3d(calc(-50% + 44px),calc(-50% + 124px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(6){transform:translate3d(calc(-50% + -44px),calc(-50% + 124px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(7){transform:translate3d(calc(-50% + -112px),calc(-50% + 66px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(8){transform:translate3d(calc(-50% + -127px),calc(-50% + -23px),0)}
#ec-experience #ecHeroOrbit > .ec-orbit-node:nth-of-type(9){transform:translate3d(calc(-50% + -83px),calc(-50% + -101px),0)}
}



/* English Coffee v15 — responsive luxury navbar and live search */
#ec-experience .ec-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#ec-experience .ec-topbar{width:min(1590px,calc(100% - 28px));padding:10px 16px;gap:15px;overflow:visible!important;}
#ec-experience .ec-brand{flex:0 0 auto;white-space:nowrap;padding:8px 10px}
#ec-experience .ec-nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px;flex:1;min-width:0;position:relative}
#ec-experience .ec-toplinks{flex:0 1 auto;gap:4px;padding:5px;white-space:nowrap;min-width:0;}
#ec-experience .ec-toplinks>a{display:inline-flex;gap:6px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.055em;padding:12px 12px}
#ec-experience .ec-toplinks .ec-nav-hot{color:#382012;background:linear-gradient(115deg,#ffe9c5,#edb46d 55%,#ffe0a8);box-shadow:0 9px 27px rgba(227,151,72,.22),inset 0 1px 0 rgba(255,255,255,.65);border:1px solid rgba(255,240,206,.65);border-radius:100px;font-weight:900;letter-spacing:.035em}
#ec-experience .ec-toplinks .ec-nav-hot:hover{color:#241015;background:linear-gradient(115deg,#ffefcd,#f8bb78);box-shadow:0 10px 34px rgba(247,190,115,.4),0 0 0 2px rgba(255,233,186,.14);transform:translateY(-2px)}
#ec-experience .ec-hot-spark{font-size:15px;color:#88401c;filter:drop-shadow(0 1px 4px #fff6df)}
#ec-experience .ec-toplinks .ec-outline-btn{padding:12px 14px;min-height:42px;font-size:10px}
#ec-experience .ec-site-search{position:relative;display:flex;flex:0 1 304px;min-width:165px;height:47px;align-items:center;border:1px solid rgba(255,226,187,.3);border-radius:999px;background:linear-gradient(110deg,rgba(255,240,225,.095),rgba(255,255,255,.04) 42%,rgba(255,197,138,.07));box-shadow:inset 0 1px 0 rgba(255,245,234,.12),0 12px 34px rgba(8,2,8,.17);backdrop-filter:blur(18px);transition:border-color .25s,box-shadow .25s,background .25s}
#ec-experience .ec-site-search:focus-within{border-color:#edc38b;background:rgba(66,25,42,.94);box-shadow:0 0 0 3px rgba(240,180,123,.15),0 14px 35px rgba(5,2,7,.35)}
#ec-experience .ec-search-icon{display:grid;place-items:center;margin-left:15px;color:#f1bf8b;flex-shrink:0}
#ec-experience #ecLiveSearch{height:100%;width:100%;flex:1;min-width:0;color:#fff4e8;background:none!important;border:0!important;outline:none!important;box-shadow:none!important;padding:0 5px 0 10px;font:500 12px/1.3 Manrope,Arial,sans-serif;letter-spacing:0;appearance:none}
#ec-experience #ecLiveSearch::placeholder{color:rgba(245,218,204,.66);opacity:1}
#ec-experience #ecLiveSearch::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1) brightness(2)}
#ec-experience .ec-search-hint{font:700 10px/1 Manrope,Arial,sans-serif;color:#d9b28f;border:1px solid rgba(244,218,193,.2);padding:6px 7px;border-radius:7px;margin-right:10px;white-space:nowrap}
#ec-experience .ec-search-popover{position:absolute;top:calc(100% + 13px);left:0;width:max(335px,100%);max-width:min(425px,calc(100vw - 28px));max-height:min(440px,67vh);overflow:auto;overscroll-behavior:contain;z-index:300;border:1px solid rgba(238,190,150,.3);border-radius:22px;padding:10px;background:linear-gradient(155deg,rgba(50,20,41,.985),rgba(24,10,24,.99));box-shadow:0 28px 80px rgba(4,2,5,.72),inset 0 1px 0 rgba(255,226,190,.13);backdrop-filter:blur(30px)}
#ec-experience .ec-search-popover[hidden]{display:none!important}
#ec-experience .ec-search-caption{padding:10px 12px 9px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#e4b68f;text-transform:uppercase}
#ec-experience .ec-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid transparent;background:transparent;border-radius:13px;padding:12px 12px;color:#fff2e7;transition:background .16s,border-color .16s,transform .16s}
#ec-experience .ec-search-result:hover,#ec-experience .ec-search-result[aria-selected="true"]{background:rgba(244,193,145,.13);border-color:rgba(255,213,165,.19);transform:translateX(2px)}
#ec-experience .ec-search-result strong{font-size:12px;line-height:1.3;display:block;color:#fff4e6;letter-spacing:0}
#ec-experience .ec-search-result small{display:block;margin-top:4px;font-size:10px;color:#cca988}
#ec-experience .ec-search-result b{color:#f8c794;font-size:11px;white-space:nowrap}
#ec-experience .ec-search-empty{padding:15px 13px;color:#e2bd9e;font-size:12px}
#ec-experience .ec-search-foot{border-top:1px solid rgba(255,224,190,.1);margin-top:4px;padding:9px 11px 3px;font-size:9px;color:rgba(255,221,188,.58);letter-spacing:.03em}
@media(max-width:1230px){
 #ec-experience .ec-toplinks .ec-nav-starters,#ec-experience .ec-toplinks .ec-nav-breakfast{display:none}
 #ec-experience .ec-site-search{flex-basis:290px;}
}
@media(max-width:760px){
 #ec-experience .ec-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;top:8px;padding:7px 10px 10px;width:calc(100% - 14px);border-radius:21px}
 #ec-experience .ec-brand{grid-column:1;grid-row:1;padding:5px 7px;justify-self:start}
 #ec-experience .ec-brand img{width:32px;height:32px}
 #ec-experience .ec-brand .ec-brand-name{font-size:9px;letter-spacing:.1em}
 #ec-experience .ec-brand .ec-brand-name span{font-size:8px}
 #ec-experience .ec-nav-actions{display:contents}
 #ec-experience .ec-toplinks{grid-row:1;grid-column:2;justify-self:end;display:flex;gap:4px;padding:3px}
 #ec-experience .ec-toplinks .ec-nav-hot{font-size:9px;padding:10px 10px}
 #ec-experience .ec-toplinks .ec-outline-btn{font-size:9px;padding:9px 10px;min-height:37px}
 #ec-experience .ec-hot-spark{font-size:10px}
 #ec-experience .ec-site-search{grid-column:1/-1;grid-row:2;width:100%;height:43px;min-width:0}
 #ec-experience .ec-search-popover{width:100%;max-width:100%}
 #ec-experience .ec-search-hint{display:none}
 #ec-experience .ec-hero{padding-top:178px}
}
@media(max-width:420px){
 #ec-experience .ec-toplinks .ec-outline-btn{font-size:0;padding:10px 11px;line-height:1}
 #ec-experience .ec-toplinks .ec-outline-btn span{font-size:15px}
 #ec-experience .ec-toplinks .ec-nav-hot{font-size:9px}
}

/* WordPress logged-in admin bar compensation */
body.admin-bar #ec-experience .ec-topbar{top:calc(14px + 32px)}
@media(max-width:782px){body.admin-bar #ec-experience .ec-topbar{top:calc(8px + 46px)}}


/* Performance: only render looping effects while their section is visible.
   The same animation resumes automatically on scroll; appearance is unchanged. */
#ec-experience .ec-hero:not(.ec-animate-active) .ec-hero-cup,
#ec-experience .ec-hero:not(.ec-animate-active) .ec-cup-aura,
#ec-experience .ec-hero:not(.ec-animate-active) .ec-cup-steam span,
#ec-experience .ec-hero:not(.ec-animate-active) .ec-orbit-globe::before,
#ec-experience .ec-hero:not(.ec-animate-active) .ec-orbit-globe::after,
#ec-experience .ec-hero:not(.ec-animate-active)::after,
#ec-experience .ec-hero:not(.ec-animate-active) .ec-hero-orbit::before,
#ec-experience .ec-film:not(.ec-animate-active) .ec-stage-rings,
#ec-experience .ec-products-section:not(.ec-animate-active) .ec-card-steam span,
#ec-experience .ec-products-section:not(.ec-animate-active) .ec-pour-surface,
#ec-experience .ec-products-section:not(.ec-animate-active) .ec-pour-bubble,
#ec-experience .ec-products-section:not(.ec-animate-active) .ec-frappe-wave,
#ec-experience .ec-products-section:not(.ec-animate-active) .ec-frappe-bubble {
  animation-play-state: paused !important;
}

/* v1.7.5 perf: paint isolation for each card, unchanged card appearance. */
#ec-experience .ec-card-grid{isolation:isolate}
#ec-experience .ec-item-card{contain:layout style}
@media(max-width:650px){
 #ec-experience .ec-fx-canvas{opacity:.65}
}

/* Preserve all animations when browsing; pause decorative animation under open AI. */
#ec-experience.ec-chat-overlay .ec-hero-cup,
#ec-experience.ec-chat-overlay .ec-hero::after,
#ec-experience.ec-chat-overlay .ec-stage-rings,
#ec-experience.ec-chat-overlay .ec-cup-aura,
#ec-experience.ec-chat-overlay .ec-cup-steam span,
#ec-experience.ec-chat-overlay .ec-card-steam span {animation-play-state:paused!important;}

/* v1.7.7: logo fallback for newly listed desserts without individual photos. */
#ec-experience .ec-item-card.ec-brand-product .ec-card-image-shell img{
 width:clamp(100px,44%,165px);height:auto;max-height:60%;object-fit:contain;
 opacity:.92;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24));
}
#ec-experience .ec-item-card.ec-brand-product .ec-card-image-shell{
 align-items:center;justify-content:center;padding:0;
}