/* R82: restore the uniform footer warmth. */
html[data-theme] .design71 .footer-r39 .footer-symbol{background:#f7e7ce;transition:background-color 1.3s ease,filter 1.3s ease}
html[data-theme] .design71 .footer-r39 .footer-symbol:after{display:none}
html[data-theme] .design71 .footer-r39 .footer-brand:is(:hover,:focus-visible) .footer-symbol{background:#b94d3c;filter:drop-shadow(0 0 9px #b94d3c33)}
/* A CSS mask uses the approved logo file and the complete link hit area. */
.logo-wrap{position:relative}
.logo82-light{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s;background:radial-gradient(70px circle at var(--mx,50%) var(--my,50%),#fffef7 0%,#e1ac73 32%,#b94d3c55 58%,transparent 80%);mask:url('assets/brand/logo-dark.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/logo-dark.svg') center/contain no-repeat}
.logo81-interactive{display:none!important}
@media(hover:hover) and (pointer:fine){html[data-theme] .logo-wrap:hover .logo82-light{opacity:1}html[data-theme] .logo-wrap:hover .header-logo-reflection{animation:none!important;opacity:0!important}html[data-theme] .logo-wrap:hover .header-logo-waves{animation:none!important;fill:var(--logo61-base)!important}}
.logo-wrap:focus-visible .logo82-light{opacity:1}
/* Entire paired image remains visible; divider stays aligned to the image edges. */
html[data-theme] .design71 .window71 #comparison{width:min(100%,calc((100svh - 270px)*16/9));height:auto;min-height:0;max-height:none;aspect-ratio:16/9;margin-inline:auto}
html[data-theme] .design71 .window71 #comparison img{object-fit:contain;object-position:center}
html[data-theme] .design71 .window71 .compare61-toolbar{width:min(100%,calc((100svh - 270px)*16/9));margin-inline:auto;box-sizing:border-box}
@media(max-width:720px){html[data-theme] .design71 .window71 #comparison,html[data-theme] .design71 .window71 .compare61-toolbar{width:100%}html[data-theme] .design71 .window71 #comparison{aspect-ratio:16/9;min-height:0;height:auto}}
.flow82{color:var(--ui-fg);background:color-mix(in srgb,var(--ui-fg) 4%,var(--ui-bg));border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;padding:14px}
.flow82>svg{display:block;width:100%;height:auto;aspect-ratio:2/1}
.flow82-track{opacity:.2}.flow82-dash{stroke-dasharray:4 16;animation:flow82-travel 3s linear infinite;animation-play-state:paused}
.flow82-fire{transform-origin:520px 200px;animation:flow82-flame 2.8s ease-in-out infinite;animation-play-state:paused}
.flow82-liquid{animation:flow82-water 3s ease-in-out infinite;animation-play-state:paused}
.flow82.running82 :is(.flow82-dash,.flow82-fire,.flow82-liquid){animation-play-state:running}
.flow82-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--ui-border);padding:14px 4px 2px;font:400 10px/1.5 Manrope,sans-serif}
.flow82-toggle{background:var(--ui-fg);color:var(--ui-bg);border:0;border-radius:30px;min-height:44px;padding:10px 14px;cursor:pointer;font:500 11px/1.4 Manrope,sans-serif}.flow82-toggle:focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}
@keyframes flow82-travel{to{stroke-dashoffset:-80}}@keyframes flow82-flame{50%{transform:scale(.94,1.07);opacity:.65}}@keyframes flow82-water{50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.logo82-light{display:none}.footer-symbol{transition:none!important}}

@media(max-width:720px){.flow82 svg text{font-size:32px}.flow82-toolbar{align-items:flex-start;gap:10px}.flow82-toolbar>span{max-width:15ch}}