/* Proposal only: materials, depth and a soft contact shadow. */
.countdown-depth-svg{overflow:visible;filter:drop-shadow(1px 3px 1px #142c4528) drop-shadow(0 7px 6px #142c451b)}
.countdown-symbol{position:relative}
.countdown-symbol:after{content:'';position:absolute;width:62%;height:5px;left:19%;bottom:20px;background:#142c4524;border-radius:50%;filter:blur(3px);z-index:-1}
.countdown-bubbles{animation:oa-bubbles 3.6s linear infinite;transform-box:view-box}
@keyframes oa-bubbles{0%{transform:translateY(8px);opacity:0}20%{opacity:.6}80%{opacity:.45}100%{transform:translateY(-24px);opacity:0}}
.depth-flame{filter:drop-shadow(0 0 4px #efba54) drop-shadow(0 0 7px #f6c65d77);transform-origin:60px 40px;transform-box:view-box;animation:oa-flame-depth 2.3s ease-in-out infinite}
.depth-flame-core{transform-origin:60px 40px;transform-box:view-box;animation:oa-flame-depth 2.3s ease-in-out infinite}
@keyframes oa-flame-depth{0%,100%{transform:rotate(-5deg) scale(.94,1.04)}23%{transform:rotate(3deg) scale(1.04,.94)}49%{transform:rotate(-2deg) scale(.92,1.1)}76%{transform:rotate(6deg) scale(1.02,.98)}}
.depth-proposal{margin:32px auto 48px;padding:32px;background:white;border:1px solid #e7ddd0;border-radius:22px;max-width:1180px;color:var(--navy);text-align:center}
.depth-proposal h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}
.depth-proposal p{max-width:740px;margin:0 auto 20px}
.depth-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:24px 0 8px}
.depth-sample{background:#fbf8f2;border-radius:18px;padding:24px 10px 16px}
.depth-sample h2{font-size:18px;margin:18px 0 0}
.depth-sample .event-countdown{border:0;background:none;margin:0;padding:0;display:block}
.depth-sample .event-countdown-label,.depth-sample .countdown-days,.depth-sample .countdown-year,.depth-sample .countdown-stage-label{display:none}
.depth-sample .countdown-symbols{justify-content:center;gap:0;margin:0}
.depth-sample .countdown-symbol{width:100px!important}
.depth-sample .countdown-symbol svg{height:115px!important;width:106px;max-width:100%}
.depth-sample .countdown-percent{font-size:15px!important;font-weight:800;margin-top:9px}
.depth-sample [data-symbol=beer] .countdown-symbol{width:48px!important}
.depth-sample [data-symbol=beer] .countdown-symbol svg{height:92px!important}
@media(max-width:760px){.depth-proposal{width:calc(100% - 28px);padding:24px 16px}.depth-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.depth-sample:last-child{grid-column:1/-1;width:50%;justify-self:center}}
@media(prefers-reduced-motion:reduce){.countdown-bubbles,.depth-flame,.depth-flame-core{animation:none}}
/* Keep labels upright; only the glass tips, with the beer surface counter-rotated. */
.event-countdown[data-symbol=beer] .countdown-depth-svg{transform:rotate(var(--glass-tilt,0deg));transform-origin:50% 88%;transform-box:view-box;will-change:transform}
.countdown-liquid-plane{transform:rotate(calc(-1 * var(--glass-tilt,0deg)));transform-origin:60px 74px;transform-box:view-box}
.event-countdown .countdown-empty-body{fill:var(--empty-tint,#f4f6f7)!important}
.countdown-foam{pointer-events:none}
.depth-beer-detail{margin-top:28px;border-top:1px solid #e9e0d4;padding:30px 12px 12px}
.depth-beer-detail h2{font-size:26px;margin:0 0 10px}
.depth-beer-detail .event-countdown{border:0;margin:0;padding:0;background:none}
.depth-beer-detail .event-countdown-label,.depth-beer-detail .countdown-days,.depth-beer-detail .countdown-year{display:none}
.depth-beer-detail .countdown-symbols{justify-content:center;gap:28px;margin:20px 0 0}
.depth-beer-detail .event-countdown[data-symbol=beer] .countdown-symbol{width:112px}
.depth-beer-detail .event-countdown[data-symbol=beer] .countdown-symbol svg{width:112px;height:132px}
.depth-beer-detail .countdown-percent{font-size:18px!important;margin-top:8px}
.depth-beer-detail .countdown-stage-label{font-size:13px;margin-top:8px;opacity:.7}
@media(max-width:640px){.depth-beer-detail .countdown-symbols{gap:4px}.depth-beer-detail .event-countdown[data-symbol=beer] .countdown-symbol{width:80px}.depth-beer-detail .event-countdown[data-symbol=beer] .countdown-symbol svg{width:80px;height:98px}}