/* Architectural gate, built as scalable artwork for every screen. */
.hero-art{max-width:570px;min-height:610px}
.hero .gate-visual{inset:-4% -6% 88px}
.architectural-gate{display:block;width:100%;height:100%;overflow:visible}
.gate-date-label{position:absolute;bottom:6px;left:0;right:0;margin:0;text-align:center;color:#d2dfc3;font-size:12px;letter-spacing:.08em;line-height:1.6}
.gate-date-label time{color:#f3d994;font-weight:600;font-size:15px;letter-spacing:.04em}
.hero .gate-awaken{bottom:40px;min-height:46px;border-radius:4px;border-color:#d2b26c88;background:#075c4d;box-shadow:none}
.hero .gate-awaken:hover{background:#096b59;box-shadow:0 3px 24px #d2b26c1a}
.hero .gate-status{bottom:0;font-size:14px}
.door-leaf-left,.door-leaf-right{transition:transform 1.6s cubic-bezier(.22,.61,.36,1)}
.gate-seal-glow{opacity:.55;animation:seal-shimmer 6s ease-in-out infinite;transition:opacity 1s}
.gate-light-pool{opacity:.6;transition:opacity 1s}
.gate-signature{filter:drop-shadow(0 2px 4px #001a1340)}
.gate-dust{animation:gate-drift 12s ease-in-out infinite}
.hero-art.awakened .door-leaf-left{transform:translateX(-5px)}
.hero-art.awakened .door-leaf-right{transform:translateX(5px)}
.hero-art.awakened .gate-seal-glow{opacity:1;stroke-width:7}
.hero-art.awakened .gate-light-pool{opacity:1}
.hero-art.awakened .gate-ambient{opacity:1}
@keyframes seal-shimmer{50%{opacity:.25}}
@keyframes gate-drift{50%{transform:translateY(-7px);opacity:.45}}
@media(max-width:1024px){.hero-art{min-height:540px}.hero .gate-visual{inset:0 -10% 90px}.gate-date-label{font-size:11px;bottom:6px}.gate-date-label time{display:block;font-size:14px}}
@media(max-width:620px){.hero-art{min-height:440px;max-width:360px}.hero .gate-visual{inset:-8% -8% 80px}.gate-date-label{bottom:4px;font-size:11px}.gate-date-label time{display:inline;font-size:13px}.hero .gate-awaken{bottom:40px}.hero .gate-status{font-size:13px}}
@media(max-width:380px){.hero-art{min-height:420px}.hero .gate-visual{inset:-6% -13% 90px}.gate-date-label time{display:block;font-size:13px}.gate-date-label{bottom:-4px}}
@media(prefers-reduced-motion:reduce){.gate-seal-glow,.gate-dust{animation:none}.door-leaf-left,.door-leaf-right{transition:none}.hero-art.awakened .door-leaf-left,.hero-art.awakened .door-leaf-right{transform:none}.hero-art.awakened .gate-seal-glow{stroke-width:3}}
/* A clear, luminous action beside the sealed entrance. */
.hero button.gate-awaken{background:#f3d68b;color:#143f35;border:2px solid #f7e4ab;min-height:52px;padding:12px 25px;font-size:16px;font-weight:700;gap:12px;box-shadow:0 0 0 5px #f3d68b12,0 0 30px #f3d68b40;animation:gate-button-light 4s ease-in-out infinite}
.hero button.gate-awaken:hover{background:#fff0bd;box-shadow:0 0 0 6px #f3d68b22,0 0 38px #f3d68b66}
.hero button.gate-awaken:focus-visible{outline:3px solid #fffdf5;outline-offset:6px}
.hero button.gate-awaken>span{font-size:23px;line-height:1}
.hero .gate-status{bottom:-3px}
@keyframes gate-button-light{50%{box-shadow:0 0 0 6px #f3d68b20,0 0 38px #f3d68b60}}
@media(prefers-reduced-motion:reduce){.hero button.gate-awaken{animation:none}}

/* A brief shaft of warm light, with no flashing or hidden product imagery. */
.hope-rays{opacity:0;pointer-events:none;transform-origin:260px 240px;transform:scaleX(.3);transition:opacity 1.1s ease,transform 1.6s cubic-bezier(.2,.7,.3,1)}
.hero-art.awakened .hope-rays{opacity:1;transform:scaleX(1)}
.hero-art.awakened .door-leaf-left{transform:translateX(-14px)}
.hero-art.awakened .door-leaf-right{transform:translateX(14px)}
@media(prefers-reduced-motion:reduce){.hope-rays{transition:none;transform:none}.hero-art.awakened .door-leaf-left,.hero-art.awakened .door-leaf-right{transform:none}}