.coffee-pairing{isolation:isolate;min-height:850px;color:#302217;background:#e6d3b5;grid-template-columns:.9fr 1.1fr;min-height:max(850px,100svh);padding:100px 6vw 90px;display:grid;position:relative;overflow:hidden}.coffee-pairing:before{content:"";z-index:-1;opacity:.45;background:repeating-linear-gradient(105deg,#0000 0 150px,#fff8eb26 151px 152px,#0000 153px 220px),radial-gradient(at 75% 30%,#fff6de,#0000 65%);position:absolute;inset:0}.pairing-top,.pairing-footer{justify-content:space-between;align-items:center;display:flex;position:absolute;left:6vw;right:6vw}.pairing-top{top:34px}.pairing-top span:first-child{letter-spacing:-.04em;font:800 16px/1 Arial}.pairing-top span:last-child,.pairing-footer{letter-spacing:.16em;font:500 10px/1.4 Arial}.pairing-copy{z-index:2;align-self:center}.pairing-kicker{letter-spacing:.22em;color:#755334;font:600 10px/1 Arial}.pairing-copy h2{letter-spacing:-.065em;margin:28px 0;font:800 clamp(54px,6.4vw,96px)/.98 Arial}.pairing-copy h2 em{color:var(--pair-tone);font-family:Georgia,serif;font-weight:400;transition:color .4s}.pairing-copy>p{color:#745a42;margin:0 0 34px;font:400 16px/1.8 Arial}.pairing-options{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8ec29;border:1px solid #fff7eaa8;border-radius:40px;gap:3px;padding:5px;display:inline-flex;box-shadow:inset 0 1px #fff9eea6,0 8px 24px #5c371312}.pairing-options button{color:#73573d;cursor:pointer;background:0 0;border:0;border-radius:30px;padding:13px 20px;font:600 12px Arial;transition:background .25s,color .25s,box-shadow .25s}.pairing-link{width:185px;color:inherit;border-bottom:1px solid #896f4f5c;justify-content:space-between;align-items:center;margin-top:30px;padding:14px 0;font:600 12px Arial;text-decoration:none;display:flex}.pairing-link span{font-size:22px;font-weight:400}.pairing-display{align-self:center;min-height:620px;position:relative}.pairing-arch{background:linear-gradient(100deg,#af85563b,#fcf1db70 48%,#a7794826);border:1px solid #d2b78f;border-radius:48% 48% 3px 3px;position:absolute;inset:0 5% 12% 14%;box-shadow:inset 2px 2px 3px #fff9e680,inset -7px 0 25px #9b73442b}.pairing-orbit{pointer-events:none;border:1px solid #ad8b5540;border-radius:50% 50% 2px 2px;position:absolute;inset:6% 0 17% 6%}.pairing-pedestal{background:linear-gradient(#f4e6cd 5%,#dcc09b 28%,#c6a27c 100%);border-radius:50% 50% 12px 12px/30% 30% 12px 12px;height:100px;position:absolute;bottom:13%;left:2%;right:0;box-shadow:0 24px 27px -15px #6f49284d,inset 0 2px #fff7e7}.pairing-products{position:absolute;inset:0 0 16%}.pairing-drink{filter:drop-shadow(12px 18px 12px #5e351d38);width:40%;height:78%;animation:.7s cubic-bezier(.22,1,.36,1) both pair-drink;position:absolute;top:7%;left:47%}.pairing-dessert{filter:drop-shadow(7px 12px 8px #5e351d40);width:64%;height:48%;animation:.8s cubic-bezier(.22,1,.36,1) both pair-dessert;position:absolute;bottom:0;left:0}.pairing-products svg{width:100%;height:100%;display:block;overflow:visible}.pairing-caption{text-align:center;position:absolute;top:92%;left:0;right:0}.pairing-caption>span{font:600 14px/1.5 Arial}.pairing-caption i{color:#94744e;margin:0 8px;font-style:normal;font-weight:400}.pairing-caption p{color:#80674f;margin:8px 0;font:400 12px/1.6 Arial}.pairing-footer{border-top:1px solid #9b80532e;padding-top:19px;bottom:28px}.pairing-footer i{opacity:.45;font-style:normal}.coffee-pairing :focus-visible{outline-offset:5px;outline:2px solid #6e452a}@keyframes pair-drink{0%{opacity:0;transform:translate(24px,16px)}to{opacity:1;transform:none}}@keyframes pair-dessert{0%{opacity:0;transform:translate(-24px,12px)}to{opacity:1;transform:none}}@media (max-width:760px){.coffee-pairing{grid-template-columns:1fr;min-height:0;padding:100px 24px 94px}.pairing-top,.pairing-footer{left:24px;right:24px}.pairing-copy h2{margin:20px 0;font-size:58px}.pairing-copy>p{margin-bottom:22px;font-size:14px}.pairing-options button{padding:12px 17px}.pairing-display{min-height:490px;margin-top:30px}.pairing-copy{flex-direction:column;align-items:flex-start;display:flex}.pairing-link{margin-top:18px}.pairing-caption>span{font-size:12px}.pairing-caption p{font-size:11px}.pairing-footer{font-size:8px}.pairing-pedestal{height:75px}}@media (prefers-reduced-motion:reduce){.pairing-drink,.pairing-dessert{animation:none}.pairing-copy h2 em,.pairing-options button{transition:none}}.pairing-footer{color:#745a42;background:0 0;margin:0;padding:19px 0 0}.pairing-drink{height:80%;top:13%}.coffee-pairing{--pair-ink:#f6ead7;--pair-muted:#d0baa0;color:var(--pair-ink);background:#21170f}.coffee-pairing:before{opacity:1;background:linear-gradient(90deg,#1b130ff2 0%,#241910e8 38%,#24191099 73%,#19120fd9),url(/media/menu-niche.webp) 50%/cover no-repeat}.coffee-pairing:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 73% 36%,#d58e3830,#0000 56%),linear-gradient(#100b0766,#0000 25% 80%,#100b0755);position:absolute;inset:0}.pairing-copy h2 em{color:#d9ad76}.pairing-kicker,.pairing-top span:last-child{color:#d9b88d}.pairing-copy>p,.pairing-caption p,.pairing-footer{color:var(--pair-muted)}.pairing-options{background:#e2bf8920;border-color:#e5c79b4d;box-shadow:inset 0 1px #fff1d530,0 12px 30px #08050230}.pairing-options button{color:#e2c9a8}.pairing-options button[aria-pressed=true]{color:#362416;background:#efdbb9;box-shadow:0 3px 12px #09060340,inset 0 1px #fff4de}.pairing-options button:hover{color:#fff5e4}.pairing-options button[aria-pressed=true]:hover{color:#362416}.pairing-link{border-color:#d9b78259}.pairing-arch{background:radial-gradient(at 53% 35%,#c8914c66,#6746226b 58%,#2c1e13aa),url(/media/menu-niche.webp) 60%/auto 145%;border-color:#b98c515c;box-shadow:inset 2px 2px 3px #f5d29730,inset -12px 0 35px #100b0766,0 0 65px #bb762017}.pairing-orbit{border-color:#d0a46726}.pairing-pedestal{background:linear-gradient(#aa8153 3%,#795535 30%,#4d3523 100%);box-shadow:0 24px 30px -12px #08050299,inset 0 2px #d8b78080}.pairing-caption i{color:#d3ab77}.pairing-footer{border-color:#dab37b2e}.coffee-pairing :focus-visible{outline-color:#ffe1a8}@media (max-width:760px){.coffee-pairing:before{background:linear-gradient(#1b130fea,#241910c9 55%,#19120fea),url(/media/menu-niche.webp) 65%/auto 100% no-repeat}}.coffee-pairing:before{filter:blur(5px);background:linear-gradient(90deg,#19120ff5 0%,#231a13e8 36%,#352317b5 72%,#1a130fe8),url(/media/laos-venue.jpg) 50%/cover no-repeat;inset:-12px}.coffee-pairing:after{background:radial-gradient(at 76% 30%,#cf8b3433,#0000 58%),linear-gradient(#120d0980,#0000 35%,#120d0955)}.pairing-arch{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(115deg,#9f795226,#cba16b12 45%,#20160f33);border:1px solid #d6b27c42;border-radius:8px;inset:5% 3% 12% 9%;box-shadow:inset 0 1px #ffedc733,0 0 50px #c7954420}.pairing-orbit{border-color:#d0ab6e26;border-radius:8px;inset:8% 0 16% 5%}.pairing-arch:after{content:"";background:linear-gradient(90deg,#0000,#ffe4aca8,#0000);height:1px;animation:5s ease-in-out infinite alternate pair-line-glow;position:absolute;top:-1px;left:12%;right:12%;box-shadow:0 0 13px #ffdc9a66}.pairing-footer{border-top-color:#d7b67f55;box-shadow:0 -7px 15px -13px #ffe0a8}.pairing-link{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(120deg,#fff1d529,#c99c5e12);border:1px solid #e8cda06b;border-radius:999px;width:210px;min-height:52px;padding:10px 12px 10px 22px;transition:background .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4dd66,inset 0 -1px #fff3d71a,0 8px 22px #0a06052b}.pairing-link span{background:#efdbb51a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.pairing-link:hover{background:#f5dfb733;transform:translateY(-2px);box-shadow:inset 0 1px #fff4dd99,0 0 22px #edc78020}.pairing-link:active{transform:translateY(0)}.pairing-link:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#fff3d51f,#0000);width:45%;animation:7s ease-in-out infinite pair-button-sheen;position:absolute;inset:0;transform:translate(-150%)}@keyframes pair-line-glow{0%{opacity:.4}to{opacity:1}}@keyframes pair-button-sheen{0%,60%{transform:translate(-150%)}85%,to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.pairing-arch:after,.pairing-link:before{animation:none}.pairing-link{transition:none}.pairing-link:hover{transform:none}}.pairing-pedestal{height:28px;box-shadow:none;filter:blur(9px);background:radial-gradient(#0906048c,#0000 70%);border-radius:50%;bottom:13%;left:4%;right:2%}