:root{--black:#0a0a0a;--gray:#777;--line:#d2d2d2;--ease:cubic-bezier(.76,0,.24,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--black)}
.page{position:relative;width:100%;height:100%;height:100svh;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 0,#fafafa 52%,#ececec 100%);isolation:isolate}
.page:before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.fine-frame{position:absolute;inset:12px;z-index:0;border:1px solid #bdbdbd;background:url('/static/frame.webp?v=5') center/100% 100% no-repeat;mix-blend-mode:multiply;opacity:0;transform:scale(.92);animation:frameIn 1.2s 1.45s forwards cubic-bezier(.16,1,.3,1)}
.centerpiece{position:relative;z-index:2;width:min(920px,78vw);display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,72px);transform:translateY(5px)}
.mascot{position:relative;flex:0 1 380px;display:grid;place-items:center;opacity:0;transform:scale(.72) translateX(35px);animation:mascotIn 1.25s 1.2s forwards cubic-bezier(.16,1,.3,1)}
.mascot img{display:block;width:88%;height:auto;max-height:53vh;object-fit:contain;filter:grayscale(1) contrast(1.08);transform:translateX(2.5%)}
.halo{position:absolute;width:87%;aspect-ratio:1;border:1px solid #bdbdbd;border-radius:50%;z-index:-1}.halo:before,.halo:after{content:"✦";position:absolute;left:50%;transform:translateX(-50%);background:#f8f8f8;padding:0 10px;font-size:12px}.halo:before{top:-7px}.halo:after{bottom:-7px}
.content{width:min(410px,100%);text-align:center;opacity:0;transform:translateY(25px);animation:contentIn .9s 1.65s forwards cubic-bezier(.16,1,.3,1)}
.mark{display:flex;align-items:center;gap:10px;color:#777;font-size:10px}.mark:before,.mark:after{content:"";height:1px;background:#cfcfcf;flex:1}.label{margin:13px 0 3px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.24em;color:#777}
.wordmark{display:block;width:min(100%,410px);height:auto;margin:8px auto 3px;filter:grayscale(1) contrast(1.08)}.subtitle{margin:4px 0 22px;font-family:"Iowan Old Style",Baskerville,"Palatino Linotype","Book Antiqua",Georgia,serif;font-size:clamp(20px,1.8vw,26px);line-height:1.08;letter-spacing:.005em;font-weight:400;color:#505050}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action{position:relative;min-height:132px;padding:16px 13px 13px;border:1px solid #aaa;color:#111;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.35s cubic-bezier(.16,1,.3,1);background:#ffffffd9;overflow:hidden}.action:before{content:"";position:absolute;inset:5px;border:1px solid #dedede;pointer-events:none}.action>svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px;transition:.35s}.action b{display:block;font-family:"Iowan Old Style",Baskerville,"Palatino Linotype","Book Antiqua",Georgia,serif;font-size:15px;line-height:1.1;font-weight:700}.action small{display:block;margin-top:4px;font-size:8px;color:#777}.action .arrow-icon{position:absolute;right:12px;top:10px;width:15px;height:15px;font-style:normal}.arrow-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.action:hover{background:#0b0b0b;color:#fff;transform:translateY(-5px)}.action:hover small{color:#aaa}.action:hover>svg{transform:scale(1.1)}
.support{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#555;font-size:10px;font-weight:700;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:4px}.support-arrow{display:inline-flex;width:18px;height:11px;color:#000}.support-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.support:hover{color:#000}
.curtain{position:fixed;inset:0;z-index:20;pointer-events:none}.door{position:absolute;top:0;width:50.08%;height:100%;background-color:#fff;background-image:url('/static/frame.webp?v=5');background-size:200% 100%;background-repeat:no-repeat;filter:grayscale(1) contrast(1.1);animation-duration:1.65s;animation-delay:.45s;animation-fill-mode:forwards;animation-timing-function:var(--ease)}.door:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#0000000d)}.door-left{left:0;background-position:left center;animation-name:openLeft;border-right:1px solid #111}.door-right{right:0;background-position:right center;animation-name:openRight;border-left:1px solid #111}.intro-seal{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);border:2px solid #111;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 7px #fff,0 0 0 8px #111;animation:sealOut .55s .38s forwards cubic-bezier(.55,0,1,.45)}.intro-seal:before{content:"";position:absolute;inset:8px;border:1px dashed #777;border-radius:50%}.intro-seal span{font-size:43px;font-weight:900;letter-spacing:-.08em}
@keyframes openLeft{to{transform:translateX(-101%)}}@keyframes openRight{to{transform:translateX(101%)}}@keyframes sealOut{to{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(35deg)}}@keyframes mascotIn{to{opacity:1;transform:scale(1) translateX(0)}}@keyframes contentIn{to{opacity:1;transform:none}}@keyframes frameIn{to{opacity:.36;transform:scale(1)}}
@media(max-width:700px){.fine-frame{inset:7px;background-image:url('/static/frame-mobile-ornate.webp?v=7');background-size:100% 100%;background-position:center;opacity:0}.centerpiece{width:66vw;max-width:280px;height:76svh;flex-direction:column;gap:0;justify-content:center}.mascot{flex:0 0 auto;width:min(44vw,195px);margin-bottom:14px}.mascot img{width:88%;max-height:27svh!important;transform:translateX(2.5%)}.content{width:100%;max-width:280px}.wordmark{width:100%!important;max-width:280px!important;margin:5px auto 0!important}.subtitle{font-size:19px;margin:3px 0 14px}.actions{gap:7px}.action{min-height:102px;padding:12px 6px 9px}.action>svg{width:29px;height:29px;margin-bottom:6px}.action b{font-size:13px}.action small{font-size:7px}.action .arrow-icon{width:14px;height:14px;right:10px;top:9px}.support{margin-top:12px}.door{background-image:url('/static/frame-mobile-ornate.webp?v=7');background-size:200% 100%}.door-left{background-position:left center}.door-right{background-position:right center}}
@media(max-height:650px){.mascot{width:170px;margin-bottom:10px}.mascot img{max-height:26svh}.wordmark{width:280px;max-width:100%}.subtitle{font-size:14px;margin:0 0 9px}.action{min-height:88px}.action>svg{width:25px;height:25px}.support{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.door-left{transform:translateX(-101%)}.door-right{transform:translateX(101%)}.intro-seal{display:none}.fine-frame,.mascot,.content{animation:none;opacity:1;transform:none}}