﻿/* Brand opening and interactive cast-gold original logo. */
.brand-loader{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:#17110f;color:#d0a356;isolation:isolate;transition:opacity .65s ease,visibility .65s}
html[data-brand-loading] .brand-loader{display:grid}html[data-brand-loading]{overflow:hidden}
.brand-loader::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#6c4a2729,transparent 55%);pointer-events:none}
.loader-inner{width:clamp(155px,19vw,250px);text-align:center;position:relative}
.loading-mark{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 24px #b3893414)}
.loading-mark path{stroke:#d8b36b;stroke-width:4;fill:#b68d36;fill-opacity:0;fill-rule:evenodd;stroke-dasharray:1;stroke-dashoffset:1;animation:mark-trace 1.7s cubic-bezier(.3,.05,.25,1) calc(var(--order)*.035s) forwards,mark-fill .7s ease 1.55s forwards}
.loader-caption{font:500 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.32em;margin-top:34px;opacity:0;animation:loader-copy .7s ease .5s forwards;color:#b49b78}
.loader-rule{width:44px;height:1px;background:#a8895155;margin:25px auto 0;overflow:hidden}.loader-rule::after{content:'';display:block;width:100%;height:100%;background:#d4b077;transform-origin:left;animation:loader-line 2.2s ease both}
.loader-skip{position:absolute;bottom:32px;right:5%;border:0;border-bottom:1px solid #ad8d5444;background:none;color:#af9470;padding:8px 0;font:11px Manrope,Arial,sans-serif;cursor:pointer;letter-spacing:.04em}
.brand-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@keyframes mark-trace{to{stroke-dashoffset:0}}@keyframes mark-fill{to{fill-opacity:1;stroke-opacity:.15}}@keyframes loader-copy{to{opacity:1}}@keyframes loader-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.footer-brand{width:190px;flex:0 0 190px;text-align:center;position:relative}
.footer-emblem{position:relative;width:190px;height:225px;cursor:grab;touch-action:pan-y;outline-offset:5px;isolation:isolate}
.footer-emblem:active{cursor:grabbing}.footer-emblem:after{content:'';position:absolute;bottom:5px;left:22%;width:56%;height:9px;border-radius:50%;background:#78532430;filter:blur(8px);z-index:-1;pointer-events:none}
.footer-main .footer-emblem img{position:absolute;left:50%;top:50%;translate:-50% -50%;width:155px;height:180px;object-fit:contain;filter:none}
.footer-emblem canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.footer-emblem[data-ready=true] img{visibility:hidden}
.footer-brand-tools{display:flex;justify-content:center;align-items:center;gap:12px;color:#856747;font:9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.06em}
.brand-reset{padding:4px 6px;line-height:1;border:1px solid #9e7a493d;border-radius:50%;color:inherit;background:transparent;font:15px Georgia;cursor:pointer}
.ingredient img{animation:none;translate:0 0;rotate:0deg}
.ingredient[data-released=true] img{animation:ingredient-bob var(--float-duration,5s) ease-in-out var(--float-delay,0s) infinite}
.ingredient[data-dragging=true] img{animation-play-state:paused}
@media(max-width:900px){.footer-brand{width:160px;flex-basis:auto}.footer-emblem{width:160px;height:190px}.footer-main .footer-emblem img{width:132px;height:155px}.loader-inner{width:180px}}
@media(prefers-reduced-motion:reduce){.loading-mark path{animation:none;stroke-dashoffset:0;fill-opacity:1}.loader-caption{opacity:1;animation:none}.loader-rule::after{animation:none}.brand-loader{transition:opacity .15s}.ingredient[data-released=true] img{animation:none}}

