/* Small glass surfaces; animated media remains on inexpensive composited layers. */
.hero__copy{animation:none}
.faq__list details>p{padding-top:18px;padding-bottom:26px}
.header{background:#191919a6;border-color:#ffffff26;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff18,0 12px 36px #0003}.header.is-compact{background:#181818bd}
.currency-switch,.lightbox__bottom,.lightbox__bar .icon-button{background:linear-gradient(135deg,#ffffff12,#ffffff03),#1c1c1caa;border:1px solid #ffffff29;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff06,0 8px 28px #0003}
.button:not(.button--secondary){background:linear-gradient(155deg,#ffe05a 0%,#ffcd00 52%,#efbb00 100%);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #aa790050,0 3px 10px #0002;transition:box-shadow .55s cubic-bezier(.22,1,.36,1),translate .55s cubic-bezier(.22,1,.36,1),scale .3s ease,border-color .5s}
.button:not(.button--secondary)::after{inset:-1px;background:linear-gradient(110deg,transparent 28%,#fff1 40%,#fff7 50%,#fff1 60%,transparent 72%);opacity:0;transform:translateX(-110%);animation:duo-button-reflection 5.8s ease-in-out infinite;transition:none;z-index:0}
.button:not(.button--secondary)>*{position:relative;z-index:1}
@keyframes duo-button-reflection{0%,12%{transform:translateX(-110%);opacity:0}20%{opacity:.65}52%{transform:translateX(110%);opacity:.65}60%,100%{transform:translateX(110%);opacity:0}}
@media(hover:hover) and (pointer:fine){.button:not(.button--secondary):hover{translate:0 -2px;box-shadow:inset 0 1px 0 #ffffffa0,inset 0 -1px 0 #aa790040,0 8px 24px #ffcd0025}.button:not(.button--secondary):active{translate:0 0;scale:.985}}

.hero__logo img{animation:duo-logo-breathe 7s ease-in-out infinite;filter:drop-shadow(0 14px 22px #0006)}
@keyframes duo-logo-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
.motion-word{display:inline-block;will-change:auto}.motion-word-wrap{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.09em;margin-bottom:-.09em}
.faq__list summary{position:relative}.faq__list summary:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#ffcd0080,transparent);transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.22,1,.36,1)}.faq__list summary:hover:before,.faq__list details[open] summary:before{transform:scaleX(1)}
[data-motion-visible=false] .thumbnail-rail,[data-motion-visible=false] .hero__logo img,[data-motion-visible=false] .plan-poster--main h3,[data-motion-visible=false] .hero h1>span{animation-play-state:paused!important}
.hero[data-motion-visible=false] h1>span{animation-play-state:paused!important}
body[data-motion=paused] .hero__logo img,body[data-page-hidden=true] .thumbnail-rail,body[data-page-hidden=true] .hero__logo img,body[data-page-hidden=true] .hero h1>span,body[data-page-hidden=true] .plan-poster--main h3,body[data-page-hidden=true] .closing__brand{animation-play-state:paused!important}
.lightbox::backdrop{backdrop-filter:none;background:#080808f2}
@media(max-width:600px){.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero__logo img{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.hero__logo img{animation:none}.button:not(.button--secondary),.button:not(.button--secondary)::after,.faq__list summary:before{transition:none;translate:none}.motion-word{transform:none!important;opacity:1!important}}
body[data-motion=paused] .button:not(.button--secondary),body[data-motion=paused] .button:not(.button--secondary)::after{transition:none;translate:none}

/* Artwork floats on its own, with no disc or halo behind it. */
.hero__logo:before{display:none}.hero__logo img{animation:duo-hero-float 7s ease-in-out infinite}
@keyframes duo-hero-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.hero__logo img{animation:none}}

/* Travelling edge light plus an automatic, gently spaced reflection. */
.button:not(.button--secondary)::before{padding:1.5px;background:conic-gradient(from var(--duo-edge-angle),transparent 0deg,transparent 245deg,#fff0 265deg,#fff 315deg,#fff0 360deg);animation:duo-edge-orbit 5.8s linear infinite;opacity:.85;z-index:2}
.button:not(.button--secondary):hover{transform:none}
@media(hover:hover) and (pointer:fine){.button:not(.button--secondary):hover{translate:0 -1px}.button:not(.button--secondary):hover::before{opacity:1}}
[data-motion-visible=false] .button:not(.button--secondary)::before,[data-motion-visible=false] .button:not(.button--secondary)::after,body[data-page-hidden=true] .button:not(.button--secondary)::before,body[data-page-hidden=true] .button:not(.button--secondary)::after,body[data-motion=paused] .button:not(.button--secondary)::before,body[data-motion=paused] .button:not(.button--secondary)::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.button:not(.button--secondary)::before,.button:not(.button--secondary)::after{animation:none}.button:not(.button--secondary):hover{translate:none}}