*{box-sizing:border-box}
:root{--ink:#e9e7d9;--muted:#aab6aa;--cyan:#8edbd3;--gold:#d9c58d;--line:rgba(196,218,197,.17)}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;background:#111a18;color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.topbar{height:80px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:#0e1817e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font:800 16px Cinzel,serif;letter-spacing:.15em;line-height:1.2}
.brand small{display:block;font:500 8px Manrope,sans-serif;letter-spacing:.16em;color:#9eafa5;margin-top:5px}
.mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #8edbd399;color:var(--cyan);font-size:25px}
.nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c0c9bd}
.nav a:hover,.footer-links a:hover{color:var(--cyan)}
.nav-cta{padding:11px 16px;border:1px solid #8edbd377;color:var(--cyan)}
.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:7px 10px;font-size:20px}
.hero{position:relative;min-height:min(790px,calc(100vh - 80px));display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden;background:#152321}
.hero-bg,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-bg{background-image:url('https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fblogs-images.forbes.com%2Finsertcoin%2Ffiles%2F2017%2F04%2Fbreath-of-the-wild-castle1.jpg');background-position:center 48%;background-size:cover;background-repeat:no-repeat;transform:none;animation:none}
.hero-shade{background:linear-gradient(180deg,#09121070,#0b141866 40%,#111a18 100%),linear-gradient(90deg,#09111066,transparent 50%,#09111066)}
.hero-content{max-width:780px;padding:95px 24px 115px}
.eyebrow,.kicker{font-size:10px;letter-spacing:.23em;color:var(--cyan);font-weight:700}
.hero-mark{margin:27px auto 0;width:54px;height:54px;display:grid;place-items:center;border:1px solid #8edbd388;background:#11232077;color:var(--cyan);font-size:37px}
.hero h1{font:800 clamp(47px,9vw,100px)/1.05 Cinzel,serif;letter-spacing:.12em;margin:26px 0 14px;text-shadow:0 8px 35px #0008}
.tagline{font:500 clamp(17px,2vw,23px) Cinzel,serif;color:#f2e9d1;margin:0 0 18px}
.hero-copy{max-width:590px;margin:auto;color:#d1d8ce;font-size:13px;line-height:1.9}
.actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.primary{background:var(--cyan);color:#11211f;border:1px solid var(--cyan)}
.primary:hover{background:#b1eee6}
.ghost{border:1px solid #e6eddc88;background:#0a141833}
.ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px;font-size:9px;letter-spacing:.15em;color:#bac8be}
.status i{width:6px;height:6px;background:#d7b86e;border-radius:50%;box-shadow:0 0 12px #d7b86e}
.status strong{color:#f0d89d}
.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;color:#aab8ad}
.section{padding:95px clamp(22px,8vw,120px)}
.intro{padding-top:70px;padding-bottom:65px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:18px}
.intro h2,.section-heading h2,.server-panel h2,.community h2{font:600 clamp(32px,4.5vw,54px)/1.2 Cinzel,serif;margin:0;letter-spacing:-.03em}
.intro h2 em,.section-heading h2 em,.server-panel h2 em,.community h2 em{color:var(--cyan);font-style:normal}
.intro-grid p{font-size:13px;color:#c5cec3}
.muted,.section-heading>p{color:#9eaea3}
.muted{font-size:12px}
.rule{margin-top:40px;height:1px;background:var(--line);text-align:center;color:var(--gold)}
.rule:first-letter{background:#111a18}
.regions,.progress{background:#141f1d}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}
.section-heading>p{max-width:400px;margin:0;font-size:12px}
.section-heading h2{margin-top:12px}
.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.region-card{position:relative;min-height:350px;overflow:hidden;background:#1b2a26;border:1px solid #c5dac51a;isolation:isolate;background-size:cover;background-position:center;transition:filter .25s}
.region-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08100e05 5%,#08100e45 36%,#08100ef5 100%)}
.region-card:hover{filter:brightness(1.1)}
.central{background-image:url('https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fblogs-images.forbes.com%2Finsertcoin%2Ffiles%2F2017%2F04%2Fbreath-of-the-wild-castle1.jpg')}
.akkala{background-image:url('https://cdn.wikimg.net/en/zeldawiki/images/thumb/2/24/BotW_Akkala_Citadel_Ruins.png/1200px-BotW_Akkala_Citadel_Ruins.png')}
.eldin{background-image:url('https://i0.wp.com/lifethroughgreentintedglasses.blog/wp-content/uploads/2022/11/2022111322220000-f1c11a22faee3b82f21b330e1b786a39.jpg?fit=1200%2C675&ssl=1')}
.faron{background-image:url('https://zeldauniverse.net/wp-content/uploads/2021/03/faron-lake-floria-breath-of-the-wild-524x264%402x.jpg')}
.gerudo{background-image:url('https://media.gamatomic.com/reviews/thelegendofzeldabotw/zeldabreatofthewild_19.jpg')}
.hebra{background-image:url('https://vignette.wikia.nocookie.net/zelda/images/c/ce/Hebra.jpg/revision/latest?cb=20170401115300&path-prefix=es')}
.lanayru{background-image:url('./images/lanayru.jpg')}
.necluda{background-image:url('./images/necluda.jpg')}
.region-info{position:absolute;left:18px;right:15px;bottom:18px}
.region-info small,.feature>small,.journal-grid article>small{font-size:8px;letter-spacing:.16em;color:var(--cyan);font-weight:700}
.region-info h3,.feature h3,.journal-grid h3,.recruit-grid h3{font:600 21px Cinzel,serif;margin:8px 0}
.region-info p{font-size:10px;line-height:1.75;color:#c4cec4;margin:0 0 13px}
.region-info b{font-size:7px;letter-spacing:.13em;color:#e4d39c;border-top:1px solid #e4d39c55;padding-top:9px;display:block;font-weight:500}
.fine{color:#71857b;font-size:10px;margin-top:20px}
.features{background:#101a18}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.feature{min-height:220px;padding:28px;background:linear-gradient(140deg,#223630e6,#16221fee);border:1px solid var(--line)}
.feature-big{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;background:linear-gradient(150deg,#25473cd9,#121f1cf2),url('https://cdn.wikimg.net/en/zeldawiki/images/thumb/2/24/BotW_Akkala_Citadel_Ruins.png/1200px-BotW_Akkala_Citadel_Ruins.png') center/cover}
.feature-icon{font-size:34px;color:var(--cyan);margin-bottom:22px}
.feature h3{font-size:24px;margin:9px 0}
.feature p{font-size:12px;color:#aebdb1;max-width:370px}
.pill{display:inline-block;font-size:8px;letter-spacing:.12em;color:#d9cb9c;border:1px solid #d9cb9c55;padding:6px 9px;margin-top:10px}
.server{padding-top:60px;padding-bottom:90px;background:#101a18}
.server-panel{position:relative;text-align:center;max-width:900px;margin:auto;padding:60px 25px;background:radial-gradient(ellipse at 50% 0%,#24443c,#172722 48%,#14201d);border:1px solid #8edbd32c;overflow:hidden}
.server-emblem{font-size:55px;color:#8edbd344;margin-bottom:12px}
.server-panel h2{margin:14px 0}
.server-panel>p{max-width:560px;margin:auto;color:#aabbb0;font-size:12px}
.ip-box{max-width:460px;margin:28px auto 23px;padding:20px;border:1px solid #d8ca9850;background:#101a18a6;display:flex;flex-direction:column;gap:5px}
.ip-box small{font-size:8px;letter-spacing:.2em;color:#aab8a8}
.ip-box strong{font:700 22px Cinzel,serif;color:#f0d99e;letter-spacing:.12em}
.ip-box span{font-size:10px;color:#83988b}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.journal-grid article{padding:26px;background:#111c19;border:1px solid var(--line)}
.journal-icon{font-size:30px;color:var(--cyan);margin-top:22px}
.journal-grid h3{font-size:20px}
.journal-grid p{font-size:11px;color:#a2b1a5;min-height:55px}
.journal-cta{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#a6b5a8}
.journal-cta a{color:var(--cyan)}
.community{position:relative;isolation:isolate;overflow:hidden;background:#172722}
.community-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111b19f5,#111b19df),url('https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fblogs-images.forbes.com%2Finsertcoin%2Ffiles%2F2017%2F04%2Fbreath-of-the-wild-castle1.jpg') center/cover}
.community-inner{text-align:center}
.community h2{margin:14px 0}
.community-inner>p{max-width:650px;margin:auto;color:#b5c2b7;font-size:12px}
.recruit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0}
.recruit-grid article{padding:23px 19px;text-align:left;border:1px solid var(--line);background:#0f1a18a8}
.recruit-grid small{color:var(--cyan);font:600 11px Cinzel,serif}
.recruit-grid h3{font-size:18px}
.recruit-grid p{font-size:10px;color:#a9b9ad;margin:0}
.footer{padding:42px clamp(22px,8vw,120px) 24px;background:#0b1312;border-top:1px solid var(--line)}
.footer>p{font-size:10px;color:#7f9286}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;color:#a8b6aa;margin:23px 0}
.footer-bottom{padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:8px;color:#718278}
.footer-bottom strong{color:#d9c58d;white-space:nowrap}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){
  .region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .region-card{min-height:320px}
  .section{padding:78px 6vw}
}
@media(max-width:760px){
  .topbar{height:70px;padding:0 18px}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px;background:#101a18f7;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{padding:13px 8px}
  .nav .nav-cta{text-align:center;margin-top:8px}
  .brand{font-size:13px}
  .mark{width:34px;height:34px}
  .hero{min-height:660px}
  .hero-content{padding:80px 22px 105px}
  .hero h1{font-size:clamp(38px,12vw,68px);letter-spacing:.07em}
  .eyebrow{font-size:8px;letter-spacing:.13em}
  .hero-copy{font-size:12px}
  .section{padding:66px 21px}
  .intro-grid{grid-template-columns:1fr;gap:12px}
  .section-heading{display:block}
  .section-heading>p{margin-top:14px}
  .region-grid{gap:10px}
  .region-card{min-height:285px}
  .region-info{left:13px;right:12px;bottom:13px}
  .region-info h3{font-size:17px}
  .region-info p{font-size:9px}
  .feature-grid{grid-template-columns:1fr}
  .feature-big{grid-row:auto;min-height:300px}
  .feature{padding:23px}
  .journal-grid{grid-template-columns:1fr}
  .journal-grid p{min-height:0}
  .journal-cta{flex-direction:column}
  .server-panel{padding:44px 17px}
  .server-panel h2,.community h2{font-size:34px}
  .recruit-grid{grid-template-columns:1fr;gap:10px}
  .recruit-grid article{padding:18px}
  .footer-bottom{flex-direction:column;gap:10px}
  .footer-links{gap:14px}
  .intro h2{font-size:37px}
}
@media(max-width:390px){
  .region-grid{grid-template-columns:1fr}
  .region-card{min-height:310px}
  .actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}