.faq:has(+.closing){padding-bottom:64px}
.faq:has(+.closing) .faq-tree-bottom{bottom:8px}
.closing{position:relative;isolation:isolate;max-width:540px;margin:0 auto;container-type:inline-size;overflow:hidden;background:var(--paper);color:var(--green);padding:32px 0 calc(var(--dock) + var(--safe) + 64px)}
.closing-symbols{position:absolute;overflow:hidden}
.closing-lead{position:relative;z-index:2;text-align:center;padding:0 12px}
.closing-lead h2{margin:0;font-size:clamp(21px,6.7cqw,36px);font-weight:900;line-height:1.5;letter-spacing:-.055em}
.closing-lead h2>span{display:block;white-space:nowrap}
.closing-yellow{color:#c38519}
.closing-intro{margin:22px 0 0;font-size:clamp(11px,3.1cqw,16.7px);font-weight:800;line-height:1.95;letter-spacing:-.03em}
.closing-intro span{display:block}
.closing-stage{position:relative;height:83.333cqw;max-height:450px;margin:26px 0 18px;z-index:2}
.closing-brand{position:absolute;left:7%;top:29%;width:86%;z-index:3}
.closing-brand svg{width:100%;height:auto}
.closing-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;fill:none;stroke-linecap:round;stroke-linejoin:round}
.closing-route-track{stroke:#e9ac36;stroke-width:3;stroke-dasharray:4 9}
.closing-route-reveal{stroke:var(--paper);stroke-width:8;stroke-dasharray:1;stroke-dashoffset:1}
.closing-motif{position:absolute;display:block;z-index:4;width:15%;height:auto;transform:rotate(var(--tilt,0deg));transform-origin:50% 65%}
.closing-motif svg{width:100%;height:auto}
.closing-darts{left:7%;top:3%;width:18%;--tilt:-8deg}
.closing-cheers{left:39%;top:4%;width:23%;--tilt:3deg}
.closing-mic{right:14%;top:1%;width:10%;--tilt:8deg}
.closing-friends{left:9%;bottom:2%;width:21%;--tilt:-5deg}
.closing-guitar{right:10%;bottom:1%;width:18%;--tilt:-8deg}
.closing-note-left{left:38%;bottom:9%;width:8%;--tilt:-8deg}
.closing-note-right{right:1%;top:24%;width:7%;--tilt:8deg}
.closing-map{left:1%;top:47%;width:6.5%;--tilt:-8deg}
.closing-woodland{position:absolute;pointer-events:none;z-index:1;width:17%;height:auto}
.closing-stage-tree{left:54%;bottom:-4%;width:15%;opacity:.8}
.closing-ending{position:relative;z-index:2;text-align:center;padding:15px 12px 0}
.closing-ending p{margin:0;font-weight:900;letter-spacing:-.055em;line-height:1.4}
.closing-ending-first{font-size:clamp(23px,7.1cqw,38px)}
.closing-ending-second{font-size:clamp(27px,8.25cqw,44px);color:#c38519;transform:rotate(-1deg)}
.closing-ending-second span{display:inline-block;margin-left:.08em;font-family:Arial,sans-serif;font-weight:900}
.closing-ending .closing-nudge{margin:18px 0 0;font-size:clamp(12px,3.4cqw,18px);font-weight:800;line-height:1.75;letter-spacing:.01em;color:var(--green)}
.closing-landscape{position:absolute;width:100%;height:calc(var(--dock) + var(--safe) + 240px);bottom:0;left:0;z-index:0;pointer-events:none}
.closing-footer-tree-left{left:-3%;bottom:calc(var(--dock) + var(--safe) + 38px);width:24%}
.closing-footer-tree-right{right:-6%;bottom:calc(var(--dock) + var(--safe) + 29px);width:22%;transform:scaleX(-1)}
.closing-bottom-sentinel{position:absolute;bottom:0;width:1px;height:1px}
.closing-pointer{position:absolute;left:var(--pointer-left,25%);top:var(--pointer-top,-40px);width:36px;height:44px;transform:translateX(-50%);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;z-index:1}
.closing-pointer img{display:block;width:100%;height:100%}
.closing-at-bottom .closing-pointer{opacity:1;visibility:visible}
.closing-at-bottom .closing-pointer img{animation:closing-point 1.9s ease-in-out infinite}
.closing-pointer[data-pointer="instagram"] img{animation-delay:.12s}
.closing-motion .closing-lead h2,.closing-motion .closing-intro span,.closing-motion .closing-brand,.closing-motion .closing-motif,.closing-motion .closing-ending p{opacity:0}
.closing-motion .closing-route-track{opacity:0}
.closing-motion .closing-route-reveal{stroke-dashoffset:0}
.closing-motion .closing-lead.is-visible h2,.closing-motion .closing-brand.is-visible,.closing-motion .closing-ending p.is-visible{animation:closing-pop .52s cubic-bezier(.2,.75,.25,1) both}
.closing-motion .closing-intro span.is-visible{animation:closing-line .42s ease-out both}
.closing-motion .closing-ending .closing-nudge.is-visible{animation:closing-line .45s ease-out both}
.closing-motion .closing-motif.is-visible{animation:closing-motif-pop .43s cubic-bezier(.2,.75,.25,1) both}
.closing-motion .closing-route.is-visible .closing-route-track{opacity:1}
.closing-motion .closing-route.is-visible .closing-route-reveal{animation:closing-connect .95s ease-in-out both}
@keyframes closing-pop{0%{opacity:0;transform:translateY(8px) scale(.8)}70%{opacity:1;transform:translateY(0) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes closing-line{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes closing-motif-pop{0%{opacity:0;transform:rotate(var(--tilt,0deg)) scale(.45)}70%{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1.075)}100%{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}}
@keyframes closing-connect{from{stroke-dashoffset:0}to{stroke-dashoffset:1}}
@keyframes closing-point{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(max-width:359px){.closing-lead{padding-inline:9px}.closing-intro{font-size:10.8px;letter-spacing:-.04em}.closing-stage{margin-top:23px}.closing-ending{padding-top:12px}}
@media(min-width:541px){.closing{box-shadow:0 0 48px #073f3018}}
@media(prefers-reduced-motion:reduce){.closing-motion .closing-lead h2,.closing-motion .closing-intro span,.closing-motion .closing-brand,.closing-motion .closing-motif,.closing-motion .closing-ending p,.closing-motion .closing-route-track{opacity:1;animation:none!important}.closing-route-reveal{display:none}.closing-pointer,.closing-pointer img{transition:none;animation:none!important}}
