:root{
  --green:#0b3b2a;
  --green-dark:#061d17;
  --gold:#d7b45b;
  --cream:#f6f0df;
  --shadow:rgba(0,0,0,.52);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--green-dark)}
body{font-family:Georgia,"Times New Roman",serif;color:var(--cream);overflow:hidden}
.cover{position:relative;width:100vw;height:100svh;min-height:560px;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.slideshow,.shade,.grain{position:absolute;inset:0}
.slideshow{z-index:-4;background:#08261d}
.slide{position:absolute;inset:-2%;background-position:center;background-size:cover;opacity:0;transform:scale(1.06);animation:fadeZoom 36s infinite ease-in-out;filter:saturate(.82) contrast(1.04)}
.s1{background-image:url('assets/hero1.webp');animation-delay:0s;background-position:center 42%}
.s2{background-image:url('assets/hero2.webp');animation-delay:6s}
.s3{background-image:url('assets/hero3.webp');animation-delay:12s}
.s4{background-image:url('assets/hero4.webp');animation-delay:18s;background-position:center 36%}
.s5{background-image:url('assets/hero5.webp');animation-delay:24s}
.s6{background-image:url('assets/hero6.webp');animation-delay:30s}
@keyframes fadeZoom{
  0%{opacity:0;transform:scale(1.08)}
  4%{opacity:1}
  15%{opacity:1}
  20%{opacity:0;transform:scale(1.015)}
  100%{opacity:0}
}
.shade{z-index:-3;background:
  radial-gradient(circle at 50% 43%,rgba(5,29,22,.10) 0 18%,rgba(3,20,15,.48) 62%,rgba(2,13,10,.78) 100%),
  linear-gradient(180deg,rgba(4,26,19,.42),rgba(3,19,14,.28) 40%,rgba(3,17,13,.64));
}
.grain{z-index:-2;opacity:.09;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.46'/%3E%3C/svg%3E")}
.welcome-card{width:min(92vw,690px);padding:34px 42px 30px;text-align:center;background:linear-gradient(180deg,rgba(6,33,25,.66),rgba(4,23,18,.78));border:1px solid rgba(215,180,91,.42);box-shadow:0 24px 70px var(--shadow),inset 0 0 0 1px rgba(255,255,255,.035);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);position:relative}
.welcome-card:before,.welcome-card:after{content:"";position:absolute;width:52px;height:52px;border-color:rgba(215,180,91,.8)}
.welcome-card:before{left:10px;top:10px;border-left:1px solid;border-top:1px solid}
.welcome-card:after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}
.flag-wrap{width:min(240px,48vw);margin:0 auto 21px;padding:4px;border:1px solid rgba(215,180,91,.75);box-shadow:0 8px 30px rgba(0,0,0,.3);background:rgba(4,26,19,.85)}
.flag{display:block;width:100%;height:auto}
.eyebrow{margin:0 0 9px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.46em;color:#e5cd88;font-weight:600}
h1{margin:0;font-weight:500;font-size:clamp(34px,6vw,68px);line-height:1.02;letter-spacing:.065em;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 14px;width:min(350px,80%);color:var(--gold)}
.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(215,180,91,.8))}
.divider span:last-child{background:linear-gradient(90deg,rgba(215,180,91,.8),transparent)}
.divider i{font-style:normal;font-size:11px}
.subtitle{margin:0;font-size:clamp(15px,2.2vw,19px);letter-spacing:.18em;text-transform:uppercase;color:#f1e7cb}
.subtitle b{color:var(--gold);font-weight:400;margin:0 .4em}
.domain{margin:16px 0 0;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.22em;color:rgba(246,240,223,.72);text-transform:lowercase}
.ornament{position:absolute;left:50%;transform:translateX(-50%);width:min(880px,86vw);height:74px;opacity:.17;background:url('assets/ornament.webp') center/contain no-repeat;filter:invert(84%) sepia(37%) saturate(663%) hue-rotate(356deg) brightness(94%);pointer-events:none}
.ornament-top{top:16px}
.ornament-bottom{bottom:18px;transform:translateX(-50%) rotate(180deg)}
.credit{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.42em;color:rgba(246,240,223,.5)}
@media (max-width:640px){
  .welcome-card{padding:27px 20px 26px;width:88vw}
  .flag-wrap{margin-bottom:17px}
  .ornament{width:96vw;height:58px;opacity:.13}
  .credit{font-size:6.5px;letter-spacing:.26em;bottom:8px}
  .domain{font-size:10px;letter-spacing:.14em}
  .eyebrow{font-size:9px;letter-spacing:.36em}
}
@media (max-height:650px){
  .welcome-card{padding-top:20px;padding-bottom:18px}
  .flag-wrap{width:170px;margin-bottom:12px}
  .divider{margin:11px auto 9px}
  .domain{margin-top:10px}
  .ornament{opacity:.10}
}
@media (prefers-reduced-motion:reduce){
  .slide{animation:none;opacity:0;transform:none}
  .s1{opacity:1}
}