:root{color-scheme:dark;--forest:#003d25;--deep:#002b1b;--gold:#f4b72e;--white:#fff9f0}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:var(--deep)}
body{color:var(--white);font-family:Montserrat,Arial,sans-serif}
.launch{position:relative;isolation:isolate;height:100svh;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#00361f 0%,var(--deep) 80%);display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:stretch}
.landscape{position:relative;flex-shrink:0;width:100%;height:100%;min-height:0;overflow:hidden;z-index:-1;animation:arrival 1.3s ease-out both}
.landscape picture,.landscape img{display:block;width:100%;height:100%}
.landscape img{object-fit:cover;object-position:50% 0;animation:cinema 28s ease-in-out infinite alternate;transform-origin:77% 25%}
.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 64%,rgba(0,43,27,.12) 75%,rgba(0,43,27,.64) 89%,#002f1c 100%)}
.announcement{width:100%;text-align:center;padding:0 2.5vw;margin-top:0}
.horizon-line{width:75%;height:6px;margin:0 auto 8px;background:linear-gradient(90deg,transparent,#ffe44b 20%,#ffdf39 80%,transparent);border-radius:50%;animation:shimmer 7s ease-in-out infinite}
h1,h2,p{margin:0}
h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2;text-shadow:0 2px 2px #001f1555}
h1{font-size:clamp(23px,min(3.7vw,6svh),64px);letter-spacing:-.025em;animation:reveal 1s .1s both}
h2{color:#ffcc05;font-size:clamp(32px,min(4.5vw,7.4svh),78px);margin-top:3px;letter-spacing:-.015em;animation:reveal 1s .25s both}
.tagline{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(19px,min(2.23vw,3.8svh),38px);line-height:1.3;margin-top:6px;letter-spacing:.015em;animation:reveal 1s .4s both}
.divider{display:flex;align-items:center;gap:2.3vw;width:100%;margin:8px auto 3px;color:var(--gold);animation:reveal 1s .5s both}
.divider span{height:2px;flex:1;border-radius:100%;background:linear-gradient(90deg,transparent,#ffdc3d 35%,#ffdc3d);animation:shimmer 7s ease-in-out infinite}
.divider span:last-child{transform:scaleX(-1)}
.divider svg{width:3.75vw;min-width:30px;height:3.44vw;min-height:29px;flex-shrink:0}
.domain{display:inline-block;color:var(--gold);font-size:clamp(13px,min(1.6vw,2.8svh),26px);font-weight:600;letter-spacing:.19em;text-decoration:none;line-height:1.6;animation:reveal 1s .65s both}
.domain:hover{color:#ffe493}
.domain:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
footer{margin-top:0;padding:10px 16px 10px;text-align:center;color:#fff9f099;font-size:clamp(9px,.7vw,12px);line-height:1.5}
@keyframes cinema{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes arrival{from{opacity:0}to{opacity:1}}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.17)}}

@media(max-width:600px){.landscape{height:100%;min-height:0}.landscape img{object-position:50% 0}.announcement{margin-top:0;padding:0 18px}.horizon-line{height:4px;width:94%;margin-bottom:10px}h1{max-width:470px;margin:auto;font-size:clamp(23px,6vw,36px);line-height:1.2}h2{font-size:clamp(32px,8.42vw,50px);margin-top:8px}.tagline{font-size:clamp(19px,4.7vw,28px);max-width:390px;margin:8px auto 0;line-height:1.2}.divider{gap:17px;margin:12px 0 5px}.divider span{height:2px}.divider svg{width:35px;height:34px}.domain{font-size:clamp(13px,3.37vw,20px);letter-spacing:.14em}footer{padding-top:12px;padding-bottom:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

@media(max-height:500px){h1{font-size:clamp(18px,5svh,25px)}h2{font-size:clamp(24px,7svh,35px);margin-top:2px}.tagline{font-size:clamp(16px,4svh,20px);margin-top:3px}.horizon-line{margin-bottom:5px}.divider{margin:5px auto 2px}.divider svg{width:26px;height:25px;min-width:26px;min-height:25px}.domain{font-size:13px}footer{padding:6px 12px;font-size:9px}}