/* Gentle champagne refraction stays behind the button's live label. */
.button{isolation:isolate;position:relative;overflow:hidden;border-color:#64778299;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 1px #ffffff0d,0 8px 22px #17232b22;transition:transform .35s,box-shadow .5s,border-color .5s}.button:before{content:'';position:absolute;inset:-35% -30%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#d8b87c00 36%,#eacb8c38 46%,#fff2cb59 49%,#eacb8c33 53%,transparent 65%);transform:translateX(-145%) skewX(-22deg);opacity:0;animation:none;transition:opacity .45s}.button:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid transparent;pointer-events:none;background:linear-gradient(120deg,#ffffff88 2%,#d8b87c00 30%,#f2dba9aa 48%,#d8b87c00 72%,#ffffff44) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.4;transition:opacity .5s}.scroll-atmosphere a.button:hover,.scroll-atmosphere button.button:hover,.scroll-atmosphere a.button:focus-visible,.scroll-atmosphere button.button:focus-visible{border-color:#d8b87cb3;box-shadow:inset 0 1px 1px #fff4d388,inset 0 -1px 1px #d8b87c33,0 10px 25px #17232b30,0 0 20px #d8b87c20}.button:hover:before,.button:focus-visible:before{opacity:1;animation:button-gold-glass 3.8s ease-in-out infinite;transform:translateX(-145%) skewX(-22deg)}.button:hover:after,.button:focus-visible:after{opacity:1}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #17232b44,0 0 12px #d8b87c1a}.secondary:before{background:linear-gradient(110deg,transparent 25%,#d8b87c00 36%,#ead2a438 46%,#fff9eb8c 49%,#eacb8c33 53%,transparent 65%)}.tone-panel-dark .button:hover,.tone-dark header .button:hover{box-shadow:inset 0 1px 1px #fff4d3aa,inset 0 -1px 1px #d8b87c44,0 10px 25px #0004,0 0 24px #d8b87c30}.tone-panel-dark .button:hover:after{filter:drop-shadow(0 0 4px #eecb8766)}.text-button .play-circle{position:relative;overflow:hidden;transition:border-color .4s,box-shadow .4s}.text-button:hover .play-circle{border-color:#bf9a5c;box-shadow:inset 0 0 12px #d8b87c22,0 0 12px #d8b87c22}.demo-tabs button,.inspector-tabs button{position:relative;overflow:hidden;isolation:isolate}.demo-tabs button:after,.inspector-tabs button:after{content:'';position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 34%,#eacb8c40 47%,#fff2cb66 50%,transparent 65%);opacity:0;transform:translateX(-145%) skewX(-22deg)}.demo-tabs button:hover:after,.inspector-tabs button:hover:after{opacity:1;animation:button-gold-glass 3.8s ease-in-out infinite}.demo-tabs button:hover,.inspector-tabs button:hover{box-shadow:inset 0 0 0 1px #d8b87c88,0 0 13px #d8b87c14}
@keyframes button-gold-glass{0%{transform:translateX(-145%) skewX(-22deg);opacity:0}10%{opacity:1}42%{transform:translateX(145%) skewX(-22deg);opacity:0}100%{transform:translateX(145%) skewX(-22deg);opacity:0}}
@media(hover:none),(pointer:coarse){.button:hover:before,.demo-tabs button:hover:after,.inspector-tabs button:hover:after{animation:none;opacity:0}.button:active:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.button:before,.demo-tabs button:after,.inspector-tabs button:after{animation:none!important;display:none}.button:hover:after,.button:focus-visible:after{opacity:.9;transition:none}.button{transition:none}}
/* Larger, slightly left-shifted hero symbol, retaining the approved proportions. */
.hero.cinema .hero-art{width:76%;right:-3%}
@media(min-width:1600px){.hero.cinema .hero-art{width:74%;right:-2.5%}}
@media(max-width:1050px){.hero.cinema .hero-art{width:82%;right:-10%}}
@media(max-width:720px){.hero.cinema .hero-art{width:124%;right:-11%}}
/* Smoked glass for primary buttons, with a cool upper reflection and warm rim. */
.scroll-atmosphere .button:not(.secondary){color:#f8fbfd;background:radial-gradient(ellipse at 22% -28%,#d8eeff47 0%,#d8eeff00 58%),radial-gradient(ellipse at 98% 125%,#d8b87c24,transparent 55%),linear-gradient(130deg,#263e50ed,#10222fee 62%,#233b4bed);border:1px solid #adbecb70;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px 1px #e9f5ff70,inset 1px 0 1px #ffffff1f,inset 0 -1px 1px #d8b87c50,0 9px 25px #13263526,0 2px 4px #13263514;text-shadow:0 1px 2px #07121a55}.scroll-atmosphere .button:not(.secondary):after{opacity:.78;background:linear-gradient(135deg,#e5f4ffb0 0%,#b7cfe355 18%,#d8b87c00 38%,#f0d29e88 70%,#d8b87cb3 85%,#d8b87c33 100%) border-box}.scroll-atmosphere .button:not(.secondary):hover,.scroll-atmosphere .button:not(.secondary):focus-visible{background:radial-gradient(ellipse at 27% -25%,#e3f3ff55,transparent 60%),radial-gradient(ellipse at 100% 110%,#eccb8a35,transparent 60%),linear-gradient(130deg,#2b475be8,#142c3beb 62%,#2b4656eb);border-color:#d8b87cad;box-shadow:inset 0 1px 1px #eef7ff99,inset 0 -1px 2px #ebcc8d77,0 12px 29px #13263530,0 0 21px #d8b87c24}.scroll-atmosphere .button:not(.secondary):hover:after,.scroll-atmosphere .button:not(.secondary):focus-visible:after{opacity:1}.button>span[aria-hidden="true"]{display:inline-grid;place-items:center;flex-shrink:0;min-width:27px;height:27px;border-radius:50%;border:1px solid #ffffff26;background:linear-gradient(135deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px 1px #ffffff1f;font-size:17px;line-height:1;transition:border-color .4s,background .4s,box-shadow .4s}.button:hover>span[aria-hidden="true"]{border-color:#edd3a166;background:linear-gradient(135deg,#f0cf8e26,#ffffff08);box-shadow:inset 0 1px 1px #fff2d755,0 0 10px #d8b87c17}.secondary>span[aria-hidden="true"]{border-color:#9cb2c54d;background:#ffffff38;box-shadow:inset 0 1px 1px #fff9}.run-demo>span[aria-hidden="true"]{font-size:10px}.scroll-atmosphere .button:not(.secondary):active{background:linear-gradient(130deg,#1a3243f5,#102530f5);box-shadow:inset 0 2px 7px #07172466,inset 0 -1px 1px #e4c18333,0 4px 12px #1326351a}.tone-dark .button:not(.secondary),.tone-panel-dark .button:not(.secondary){border-color:#bdcbd869;box-shadow:inset 0 1px 1px #e5f3ff70,inset 0 -1px 1px #e8c89066,0 8px 24px #0003,0 0 14px #d8b87c0d}.tone-dark .button:not(.secondary):hover,.tone-panel-dark .button:not(.secondary):hover{box-shadow:inset 0 1px 1px #edf7ff99,inset 0 -1px 2px #f1d49a99,0 10px 27px #0004,0 0 25px #d8b87c30}.button:disabled{cursor:wait;filter:saturate(.75)}
@media(max-width:720px){.button>span[aria-hidden="true"]{min-width:25px;height:25px;font-size:15px}.run-demo>span[aria-hidden="true"]{font-size:9px}.scroll-atmosphere .button:not(.secondary){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.button>span[aria-hidden="true"]{transition:none}}
/* Carry the same smoked-glass finish through every consultation CTA. */
.scroll-atmosphere a.button.consultation-cta{border-color:#d8b87c8c;background:radial-gradient(ellipse at 20% -35%,#e4f4ff66 0%,transparent 62%),radial-gradient(ellipse at 100% 125%,#e9ca8e30,transparent 59%),linear-gradient(130deg,#2b4558ed,#142b3aed 65%,#294352e8);box-shadow:inset 0 1px 1px #edf7ff99,inset 0 -1px 1px #edcf9580,0 9px 25px #13263526,0 0 16px #d8b87c12}.scroll-atmosphere a.button.consultation-cta:after{opacity:.95;background:linear-gradient(135deg,#e9f6ffcc,#bbd3e566 22%,#d8b87c00 40%,#f3dba9bb 74%,#d8b87cbf 88%,#d8b87c44) border-box}.scroll-atmosphere a.button.consultation-cta:hover,.scroll-atmosphere a.button.consultation-cta:focus-visible{border-color:#f0d49acc;box-shadow:inset 0 1px 1px #fff8e5aa,inset 0 -1px 2px #f2d29499,0 12px 28px #13263535,0 0 24px #d8b87c33}.consultation-cta>span[aria-hidden="true"]{border-color:#dcc49155;background:linear-gradient(135deg,#f0d49a1f,#ffffff08);box-shadow:inset 0 1px 1px #fff1ce44}.tone-dark a.button.consultation-cta{border-color:#ecd39b99;box-shadow:inset 0 1px 1px #edf7ff88,inset 0 -1px 1px #edcf9580,0 9px 25px #0003,0 0 18px #d8b87c1a}