/* Головна сторінка 3IRD UA — дизайн v3 з Figma (кадр «Homepage v3»).
   Темно-синя ніч, золото й пергамент. Заголовки — Kyiv*Type (© Дмитро Растворцев, freeware,
   «free for commercial and non-commercial use», файли без змін з офіційного архіву автора),
   текст — Inter, цитати — Spectral Italic (обидва SIL OFL). Усе з власного домену: CSP font-src 'self'.
   style.css лишається для legal.html; ця сторінка від нього не залежить. */

@font-face{font-family:"KyivType Titling";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/kyivtype-titling-medium.woff2) format("woff2")}
@font-face{font-family:"KyivType Titling";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kyivtype-titling-bold2.woff2) format("woff2")}
@font-face{font-family:"KyivType Serif";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/kyivtype-serif-heavy2.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#07101f; --alt:#0a1528; --foot:#050b17; --card:#0d1a33; --raised:#13213d;
  --ivory:#f6ebd0; --ivory2:#fff3d6; --soft:#d9cfb4; --text:#bdb49c; --muted:#958c76; --dim:#7d7564; --value:#ede3c9; --quote:#e9d7a8;
  --gold:#e9b949; --gold-ink:#1e1404; --accent:#f5c534; --green:#3ddc84; --blue:#8cb8ff;
  --line:rgba(216,178,94,.16); --line2:rgba(216,178,94,.26); --edge:rgba(216,178,94,.42); --frame:rgba(201,160,76,.9);
  --title:"KyivType Titling",Georgia,"Times New Roman",serif;
  --serif:"KyivType Serif",Georgia,"Times New Roman",serif;
  --ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --quote-f:"Spectral",Georgia,serif;
  --pad:clamp(16px,4vw,40px);
  --sec:clamp(64px,8vw,96px);
  /* іконки — маски з SVG (img-src дозволяє data:) */
  --i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h8M7.5 3.5 11 7l-3.5 3.5'/%3E%3C/svg%3E");
  --i-ext:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5l5-5M5.5 4.5h4v4'/%3E%3C/svg%3E");
  --i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5'/%3E%3C/svg%3E");
  --i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M11 5v12M5 11h12'/%3E%3C/svg%3E");
  --i-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M5 11h12'/%3E%3C/svg%3E");
  --i-all:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Crect x='2.5' y='2.5' width='4.5' height='4.5' rx='1'/%3E%3Crect x='9' y='2.5' width='4.5' height='4.5' rx='1'/%3E%3Crect x='2.5' y='9' width='4.5' height='4.5' rx='1'/%3E%3Crect x='9' y='9' width='4.5' height='4.5' rx='1'/%3E%3C/svg%3E");
  --i-beta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2.2h4M6.6 2.2v4.2L3.1 12.6a1.1 1.1 0 0 0 1 1.6h7.8a1.1 1.1 0 0 0 1-1.6L9.4 6.4V2.2M4.9 10h6.2'/%3E%3C/svg%3E");
  --i-dev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.6' y='1.6' width='4.8' height='8' rx='2.4'/%3E%3Cpath d='M3 7.6a5 5 0 0 0 10 0M8 12.6v2'/%3E%3C/svg%3E");
  --i-patch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 1.8h5.5L12.5 5v9.2H4z'/%3E%3Cpath d='M9.3 1.8V5h3.2M6.3 8.3h3.9M6.3 11h3.9'/%3E%3C/svg%3E");
  --i-event:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.3' y='3.2' width='11.4' height='10.6' rx='1.6'/%3E%3Cpath d='M2.3 6.6h11.4M5.4 1.8v2.6M10.6 1.8v2.6'/%3E%3C/svg%3E");
  --i-guild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 1.7 13 3.7v4c0 3.3-2.2 5.4-5 6.5-2.8-1.1-5-3.2-5-6.5v-4z'/%3E%3Cpath d='m5.9 8 1.5 1.5 2.9-3'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid #8cb8ff;outline-offset:3px;border-radius:6px}
.wrap{width:min(1232px,100% - var(--pad) * 2);margin-inline:auto}
h2{font:500 clamp(30px,3.4vw,40px)/1.15 var(--title);color:var(--ivory);letter-spacing:0}
h3{color:var(--ivory)}

/* ---------- базові елементи ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:8px}
.ico{flex:none;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1.5px var(--frame),0 2px 6px rgba(0,0,0,.5)}
.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font:600 12px/15px var(--ui);white-space:nowrap}
.tag--beta{color:var(--accent);background:rgba(245,197,52,.14)}
.tag--dev{color:var(--blue);background:rgba(140,184,255,.14)}
.tag--guild{color:var(--green);background:rgba(61,220,132,.14)}
.tag--patch{color:#7cc4ff;background:rgba(95,179,255,.14)}
.tag--event{color:#ffa06e;background:rgba(255,138,76,.14)}
/* розділ новини: іконка з гри в «комірці» + назва */
.ntag{display:inline-flex;align-items:center;gap:7px;font:600 13px/1.2 var(--ui);color:var(--c,var(--accent));white-space:nowrap}
.ntag img{width:20px;height:20px;flex:none;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 0 2px rgba(216,178,94,.42)}
.ntag--beta{--c:var(--accent)}
.ntag--dev{--c:var(--blue)}
.ntag--guild{--c:var(--green)}
.ntag--patch{--c:#7cc4ff}
.ntag--event{--c:#ffa06e}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 13px/1.4 var(--ui);color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 20px;border-radius:6px;
  font:600 15px/1.2 var(--ui);text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
.btn .ic-discord{width:20px;height:20px;flex:none}
.btn--lg{min-height:50px;padding:13px 24px;font-size:16px}
.btn--lg .ic-discord{width:22px;height:22px}
.btn--sm{min-height:38px;padding:8px 16px;font-size:14px}
.btn--sm .ic-discord{width:18px;height:18px}
.btn--gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 6px 18px rgba(233,185,73,.18)}
.btn--gold:hover{background:#f3c95c;box-shadow:0 8px 24px rgba(233,185,73,.3)}
.btn--ghost{background:rgba(255,243,214,.08);border-color:var(--edge);color:var(--ivory2)}
.btn--ghost:hover{background:rgba(255,243,214,.14);border-color:rgba(216,178,94,.7)}
.btn--ink{background:var(--gold-ink);border-color:#8a6a2e;color:var(--ivory)}
.btn--ink:hover{background:#2c1d07;border-color:#b38b3f}

/* посилання-кнопка: текст + золотий кружок зі стрілкою (→ всередині сайту, ↗ назовні) */
.lpill{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:5px 5px 5px 16px;border-radius:20px;flex:none;
  background:rgba(13,26,51,.75);border:1px solid rgba(216,178,94,.4);color:var(--ivory);
  font:600 14px/1.2 var(--ui);text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}
.lpill>i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);flex:none;transition:transform .2s}
.lpill>i::before{content:"";width:14px;height:14px;background:var(--gold-ink);-webkit-mask:var(--i-arrow) center/contain no-repeat;mask:var(--i-arrow) center/contain no-repeat}
.lpill--ext>i::before{-webkit-mask-image:var(--i-ext);mask-image:var(--i-ext)}
.lpill:hover{border-color:rgba(233,185,73,.8);background:rgba(19,33,61,.9)}
.lpill:hover>i{transform:translateX(2px)}
.lpill--ext:hover>i{transform:translate(1px,-1px)}

.sec{position:relative;padding-block:var(--sec)}
.sec--alt{background:var(--alt)}
/* сепаратор між секціями: волосяна золота лінія, що тане до країв, і ромбик посередині */
.sep::before,.sep::after{content:"";position:absolute;top:0;left:50%;pointer-events:none;z-index:1}
.sep::before{width:min(1232px,100% - var(--pad) * 2);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(216,178,94,0),rgba(216,178,94,.3) 28%,rgba(216,178,94,.3) 72%,rgba(216,178,94,0))}
.sep::after{width:7px;height:7px;margin:-3px 0 0 -3.5px;transform:rotate(45deg);background:var(--bg);border:1px solid rgba(216,178,94,.55);box-shadow:0 0 10px rgba(245,197,52,.25)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
.sec__head>div{max-width:780px}
.sec__head p{margin-top:10px;font-size:17px;line-height:26px;color:var(--text);text-wrap:pretty}
.sec__head .ln{display:block}
p,dd,summary{text-wrap:pretty}
h2,h3{text-wrap:balance}

/* ---------- навігація ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;height:68px;background:rgba(7,16,31,.55);border-bottom:1px solid rgba(216,178,94,.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transition:background .25s}
.nav.is-solid{background:rgba(7,16,31,.92)}
.nav__in{display:flex;align-items:center;gap:28px;height:100%;width:min(1232px,100% - var(--pad) * 2);margin-inline:auto}
.nav a{text-decoration:none}
.nav button{background:none;border:0;cursor:pointer}
.nav__brand{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none;font:700 17px/1 var(--title);color:var(--ivory2);letter-spacing:.02em}
.nav__brand img{width:34px;height:34px;border-radius:50%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.nav__links{display:flex;align-items:center;gap:4px}
.nav__links>li{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:6px;font:600 15px/1 var(--ui);color:var(--soft);transition:color .15s,background .15s}
.nav__link:hover,.nav__link[aria-expanded="true"]{color:var(--ivory2);background:rgba(255,243,214,.06)}
.chev{width:10px;height:10px;flex:none;background:currentColor;-webkit-mask:var(--i-chev) center/contain no-repeat;mask:var(--i-chev) center/contain no-repeat;transition:transform .18s}
.nav__link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav__live{display:none;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(61,220,132,.8)}
.nav__dd:has(.is-live) .nav__live{display:inline-block}
.nav__menu{display:none;position:absolute;top:calc(100% + 14px);left:-8px;min-width:320px;padding:8px;border-radius:10px;
  background:rgba(13,26,51,.98);border:1px solid rgba(216,178,94,.22);box-shadow:0 24px 48px rgba(0,0,0,.55)}
.nav__menu::before{content:"";position:absolute;inset:-16px 0 auto;height:16px}
.nav__link[aria-expanded="true"]+.nav__menu{display:block}
@media (hover:hover) and (min-width:1061px){
  .nav__dd:hover>.nav__menu{display:block}
  .nav__dd:hover>.nav__link{color:var(--ivory2);background:rgba(255,243,214,.06)}
}
.nav__item{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;transition:background .15s}
.nav__item:hover{background:rgba(255,243,214,.06)}
.nav__item img{width:40px;height:40px;border-radius:8px;object-fit:cover;box-shadow:0 0 0 1px var(--frame)}
.nav__item b{display:block;font:600 15px/1.3 var(--ui);color:var(--ivory)}
.nav__item small{display:block;margin-top:2px;font:500 13px/1.35 var(--ui);color:var(--muted)}
.nav__stream img{border-radius:50%;filter:grayscale(.4) brightness(.85)}
.nav__stream .on{display:none;color:var(--green)}
.nav__stream.is-live img{filter:none;box-shadow:0 0 0 2px var(--green),0 0 10px rgba(61,220,132,.5)}
.nav__stream.is-live .on{display:block}
.nav__stream.is-live .off{display:none}
.nav__only-m{display:none}
.nav__right{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
.nav__burger{display:none;width:44px;height:44px;border-radius:8px;place-items:center}
.nav__burger:hover{background:rgba(255,243,214,.08)}
.nav__burger span,.nav__burger span::before,.nav__burger span::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--ivory2);position:relative;transition:transform .2s,background .2s}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0}
.nav__burger span::before{top:-6px}
.nav__burger span::after{top:6px}
.nav.is-open .nav__burger span{background:transparent}
.nav.is-open .nav__burger span::before{transform:translateY(6px) rotate(45deg)}
.nav.is-open .nav__burger span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:1060px){
  .nav__burger{display:grid}
  .nav__cab{display:none}
  .nav__links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;
    max-height:calc(100svh - 68px);overflow:auto;padding:10px var(--pad) 18px;background:var(--bg);border-bottom:1px solid rgba(216,178,94,.18)}
  .nav.is-open .nav__links{display:flex}
  .nav.is-open{background:rgba(7,16,31,.98)}
  .nav__link{width:100%;height:46px;font-size:16px;padding:0 12px}
  .nav__menu{position:static;min-width:0;margin:2px 0 8px;box-shadow:none;background:rgba(13,26,51,.7)}
  .nav__only-m{display:block}
}
@media (max-width:420px){
  .nav .nav__brand span{display:none}
  .nav__right .btn--sm{padding:8px 12px}
}

/* ---------- хіро ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:820px;padding-top:68px;color:var(--soft)}
.hero__media{position:absolute;inset:0;z-index:-1;background:var(--bg)}
.hero__poster,.hero__video{position:absolute;inset:0}
.hero__poster{background:url("https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt2ba5c8ba05a5aed8/6aa43f0b203da39637f0e411/Cinematic_Trailer.jpg") 62% center/cover no-repeat;transform:scale(1.04)}
.hero__video{opacity:0;transition:opacity 1.6s ease;pointer-events:none}
.hero__video.is-on{opacity:1}
.hero__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);opacity:0;transition:opacity 1s ease}
.hero__video video.is-shown{opacity:1}
.hero__media::before,.hero__media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.hero__media::before{background:linear-gradient(90deg,rgba(11,13,18,.96) 0%,rgba(11,13,18,.78) 38%,rgba(11,13,18,.1) 70%,rgba(11,13,18,0) 100%),rgba(7,16,31,.15)}
.hero__media::after{top:auto;height:260px;background:linear-gradient(180deg,rgba(7,16,31,0),var(--bg))}

.hero__in{display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-template-areas:"copy emblem" "facts facts";column-gap:24px;padding-top:42px;padding-bottom:40px}
.hero__copy{grid-area:copy;align-self:center;max-width:720px;padding-top:30px}
.pill-live{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:20px;text-decoration:none;
  background:rgba(7,16,31,.6);border:1px solid rgba(61,220,132,.45);font:600 14px/1.25 var(--ui);color:var(--soft);transition:border-color .15s}
.pill-live:hover{border-color:var(--green)}
.pill-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(61,220,132,.8);flex:none}
.hero h1{margin-top:24px;font:800 clamp(40px,5vw,68px)/1.06 var(--serif);color:var(--ivory2);text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hero__lead{margin-top:24px;max-width:560px;font-size:clamp(17px,1.4vw,19px);line-height:1.58;color:var(--soft)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero__buy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:24px;font:500 14px/1.3 var(--ui);color:var(--text)}

/* емблема: герб гільдії в кільцях і монета, що перевертається WoW Forever ⇄ 3IRD */
.emblem{grid-area:emblem;position:relative;width:560px;aspect-ratio:1;margin-right:-40px;justify-self:end;perspective:900px}
.emblem>*{position:absolute}
.emblem__shade{inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(7,16,31,.75),rgba(7,16,31,.35) 70%,rgba(7,16,31,0))}
.emblem__glow{inset:10.7%;border-radius:50%;background:radial-gradient(closest-side,rgba(245,197,52,.28),rgba(245,197,52,0))}
.emblem__ring{border-radius:50%}
.emblem__ring--a{inset:14.3%;border:1.5px solid rgba(216,178,94,.7)}
.emblem__ring--b{inset:10.7%;border:1px solid rgba(216,178,94,.3)}
.emblem__seal{left:19.6%;top:17.9%;width:60.7%;height:auto;filter:drop-shadow(0 14px 30px rgba(0,0,0,.6))}
.emblem__name{left:0;right:0;top:80.5%;text-align:center;font:400 italic 22px/1 var(--quote-f);color:var(--quote);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.coin{left:69.6%;top:66.1%;width:23.2%;aspect-ratio:1;transform-style:preserve-3d;will-change:transform}
.coin__face{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;
  border:3px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,#ffe6a0,#8a5e17) border-box;
  box-shadow:0 8px 18px rgba(0,0,0,.6);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.coin__face img{width:88%;height:88%;object-fit:contain}
.coin__back{transform:rotateY(180deg)}
.coin__back img{width:100%;height:100%;object-fit:cover}
.emblem__sparks{inset:0;pointer-events:none}
.spark{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--s,6px);height:var(--s,6px);border-radius:50%;
  background:radial-gradient(circle,#fffbe8 0 30%,#ffc861 55%,transparent 72%);animation:spark var(--t,.9s) cubic-bezier(.15,.7,.3,1) forwards}
@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2)}}
@media (prefers-reduced-motion:no-preference){
  .emblem__seal{animation:float 7s ease-in-out infinite}
  .emblem__ring--a{animation:breathe 7s ease-in-out infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @keyframes breathe{0%,100%{opacity:.75}50%{opacity:1}}
}

/* смуга фактів під хіро */
.facts{grid-area:facts;display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;min-height:84px;
  background:rgba(7,16,31,.78);border:1px solid rgba(216,178,94,.32);border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fact{display:flex;align-items:center;gap:14px;padding:16px 24px;min-width:0}
.fact+.fact{border-left:1px solid rgba(216,178,94,.22)}
.fact .ico{width:40px;height:40px}
.fact dt{font:500 13px/1.3 var(--ui);color:var(--muted)}
.fact dd{margin-top:2px;font:700 19px/1.2 var(--title);color:var(--ivory)}
.fact__num{font:700 34px/1 var(--title);color:var(--accent);flex:none;min-width:1ch;text-align:center;font-variant-numeric:tabular-nums}

/* ---------- новини ---------- */
.sec--news{padding-top:88px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:7px 12px;border-radius:18px;cursor:pointer;
  background:rgba(255,243,214,.06);border:1px solid var(--line2);color:var(--soft);font:600 14px/1.2 var(--ui);transition:background .15s,border-color .15s,color .15s}
.chip i{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--i-all) center/contain no-repeat;mask:var(--i-all) center/contain no-repeat}
.chip small{font:600 12px/1 var(--ui);color:var(--muted)}
.chip:has(img){padding-left:6px;min-height:38px}
.chip img{width:24px;height:24px;flex:none;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 0 2px rgba(216,178,94,.4)}
.chip[aria-pressed="true"] img{box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 0 2px #b8862b}
.chip--beta i{background:var(--accent);-webkit-mask-image:var(--i-beta);mask-image:var(--i-beta)}
.chip--dev i{background:var(--blue);-webkit-mask-image:var(--i-dev);mask-image:var(--i-dev)}
.chip--guild i{background:var(--green);-webkit-mask-image:var(--i-guild);mask-image:var(--i-guild)}
.chip--patch i{background:#7cc4ff;-webkit-mask-image:var(--i-patch);mask-image:var(--i-patch)}
.chip--event i{background:#ffa06e;-webkit-mask-image:var(--i-event);mask-image:var(--i-event)}
.chip:hover{border-color:rgba(216,178,94,.55);color:var(--ivory)}
.chip[aria-pressed="true"]{background:var(--ivory);border-color:var(--ivory);color:var(--bg)}
.chip[aria-pressed="true"] i{background:var(--bg)}
.chip[aria-pressed="true"] small{color:rgba(7,16,31,.55)}

.news{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.news__feat{display:flex;flex-direction:column;overflow:hidden}
.news__img{width:100%;aspect-ratio:16/9;object-fit:cover}
.news__body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 28px 28px;flex:1}
.news__feat h3{font:700 clamp(22px,2vw,28px)/1.22 var(--title)}
.news__feat p:not(.meta){font-size:16px;line-height:25px}
.news__body .lpill{margin-top:auto}
.news__list{display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.news__list.is-short{justify-content:flex-start}
.news__item{display:flex;align-items:center;gap:18px;padding:12px 20px 12px 12px;min-height:130px;text-decoration:none;transition:border-color .15s,background .15s}
.news__item:hover{border-color:rgba(216,178,94,.45);background:#10203e}
.news__item>img{width:184px;height:104px;border-radius:6px;object-fit:cover;flex:none}
.news__txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.news__txt b{font:700 19px/25px var(--title);color:var(--ivory)}
.news__item:hover b{color:#fff}
.news.is-flat,.news.is-solo{grid-template-columns:1fr}
.news.is-solo .news__feat{display:grid;grid-template-columns:1fr 1fr}
.news.is-solo .news__img{height:100%;aspect-ratio:auto;min-height:280px}
.news__link{color:inherit;text-decoration:none}
.news__link:hover{color:#fff}
.news.is-flat .news__list{display:grid;grid-template-columns:1fr 1fr;align-content:start}

/* ---------- гільдія ---------- */
.sec--guild{background:
  linear-gradient(180deg,rgba(7,16,31,.9) 0%,rgba(7,16,31,0) 18%,rgba(7,16,31,0) 72%,var(--bg) 100%),
  linear-gradient(90deg,rgba(7,16,31,.97) 0%,rgba(7,16,31,.86) 45%,rgba(7,16,31,.35) 100%),
  url(img/about-stormwind.webp) center/cover no-repeat}
.guild{display:grid;grid-template-columns:minmax(0,540px) minmax(0,560px);justify-content:space-between;align-items:center;gap:40px 56px}
.guild__text h2{font-size:clamp(32px,3.6vw,44px);line-height:1.14}
.guild__text p{margin-top:20px;font-size:17px;line-height:27px}
.charter{position:relative;overflow:hidden;background:rgba(10,20,40,.9);border:1px solid rgba(216,178,94,.55);border-radius:10px;
  box-shadow:0 24px 48px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.charter::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#8a5e17,#ffe6a0 50%,#8a5e17)}
.charter__head{display:flex;align-items:center;gap:20px;padding:24px 28px 20px;border-bottom:1px solid rgba(216,178,94,.22)}
.charter__head img{width:96px;height:96px;flex:none}
.charter__kind{font:500 13px/1.3 var(--ui);color:var(--muted)}
.charter__name{margin-top:4px;font:500 clamp(24px,2.4vw,30px)/1.15 var(--title);color:var(--ivory)}
.charter__open{display:flex;align-items:center;gap:8px;margin-top:6px;font:600 13px/1.2 var(--ui);color:var(--green)}
.charter__open i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.charter__rows{padding:8px 28px}
.charter__rows>div{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(216,178,94,.12)}
.charter__rows>div:last-child{border-bottom:0}
.charter__rows dt{display:flex;align-items:center;gap:14px;font:500 14px/1.3 var(--ui);color:var(--muted)}
.charter__rows .ico{width:30px;height:30px;border-radius:5px;box-shadow:0 0 0 1px var(--frame)}
.charter__rows dd{font:600 15px/1.35 var(--ui);color:var(--value)}
.charter__full{padding:16px 28px 22px;background:rgba(216,178,94,.06)}
.charter__full p:first-child{font:500 12px/1.3 var(--ui);color:var(--muted)}
.charter__full p+p{margin-top:4px;font:italic 400 17px/24px var(--quote-f);color:var(--quote)}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.feats li{display:flex;gap:16px;padding:20px}
.feats .ico{width:48px;height:48px;border-radius:8px}
.feats h3{font:700 18px/24px var(--title)}
.feats p{margin-top:6px;font-size:15px;line-height:22px}

/* ---------- квести ---------- */
.medal{position:relative;display:flex;flex-direction:column;align-items:center}
.medal__mark{width:24px;height:auto;margin-bottom:-6px;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.medal__ring{display:block;width:164px;aspect-ratio:164/204;border-radius:50%;padding:7px;
  background:radial-gradient(#0a0703,#0a0703) padding-box,linear-gradient(180deg,#ffe6a0,#d8a93a 50%,#8a5e17) border-box;border:4px solid transparent;
  box-shadow:0 8px 18px rgba(0,0,0,.6),0 0 28px rgba(111,160,255,.18)}
.medal__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.medal--big .medal__mark{width:34px;margin-bottom:-8px}
.medal--big .medal__ring{width:212px;padding:9px;border-width:5px;box-shadow:0 10px 22px rgba(0,0,0,.6),0 0 36px rgba(245,197,52,.4)}
@media (prefers-reduced-motion:no-preference){
  .medal__mark{animation:bob 3.2s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
}

.mquest{display:grid;grid-template-columns:380px minmax(0,1fr);border:1px solid rgba(245,197,52,.55);border-radius:10px;overflow:hidden;
  background:linear-gradient(90deg,#2b2611 0%,var(--card) 40%,var(--card) 100%)}
.mquest__art{display:grid;place-items:center;padding:40px 24px;background:radial-gradient(closest-side,rgba(74,64,24,.9),rgba(43,38,17,0))}
.mquest__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:44px 48px 44px 24px}
.mquest__tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:5px;background:var(--accent);color:#1a1300;font:600 13px/1.4 var(--ui)}
.mquest__tag b{font:700 15px/1 var(--title)}
.mquest h3{font:500 clamp(28px,3vw,38px)/1.16 var(--title)}
.mquest__body>p:not(.mquest__tag){font-size:17px;line-height:27px;max-width:760px}
.reward{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 12px;border-radius:8px;background:rgba(245,197,52,.07);border:1px solid rgba(245,197,52,.25)}
.reward .ico{width:36px;height:36px;border-radius:5px}
.reward p{font:600 15px/1.35 var(--ui);color:var(--value)}
.reward small,.quest__reward small{display:block;font:600 12px/1.4 var(--ui);color:var(--accent)}
.mquest__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.quests{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.quest{display:flex;flex-direction:column;overflow:hidden}
.quest__art{display:grid;place-items:center;height:248px;background:radial-gradient(closest-side,#1a2c55,#0a1528)}
.quest__body{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;padding:18px 20px 20px;text-align:center}
.quest__kind{font:600 12px/1.3 var(--ui);color:var(--muted)}
.quest h3{font:700 20px/26px var(--title)}
.quest__body>p:not(.quest__kind):not(.quest__reward){font-size:15px;line-height:22px}
.quest__reward{align-self:stretch;margin-top:auto;padding-top:12px;border-top:1px solid rgba(216,178,94,.21);font:500 14px/20px var(--ui);color:var(--value)}

/* ---------- плани ---------- */
.sec--plans{background:linear-gradient(180deg,rgba(10,21,40,.98) 0%,rgba(18,8,5,.72) 50%,rgba(7,16,31,.96) 100%),url(img/plans-bg.webp) center/cover no-repeat}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.plan{position:relative;display:flex;align-items:flex-end;min-height:300px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card);isolation:isolate}
.plan img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.plan::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,18,0) 25%,rgba(11,13,18,.78) 62%,rgba(11,13,18,.97) 100%)}
.plan>div{padding:24px}
.plan h3{font:700 22px/28px var(--title);color:var(--ivory2)}
.plan p{margin-top:6px;font-size:15px;line-height:22px;color:var(--soft)}
.plan:hover img{transform:scale(1.04)}

/* ---------- ранги ---------- */
.sec--ranks{background:linear-gradient(180deg,rgba(7,16,31,.96) 0,rgba(7,16,31,.86) 200px,rgba(7,16,31,.86) calc(100% - 200px),rgba(10,21,40,.97) 100%),url(img/ranks-bg.webp) center/cover no-repeat}
.ladder{display:grid;grid-template-columns:repeat(9,1fr);margin-top:8px}
.rank{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 4px;border-radius:8px;border:1px solid transparent;background:none;cursor:pointer;
  text-align:center;transition:background .15s,border-color .15s}
.rank .ico{width:56px;height:56px;border-radius:8px;transition:transform .2s,filter .2s}
.rank small{font:600 12px/1 var(--ui);color:var(--dim);margin-top:4px}
.rank span{font:600 13px/1.25 var(--ui);color:var(--soft)}
.rank--officer span{color:var(--muted)}
.rank:hover{background:rgba(255,243,214,.04)}
.rank:hover .ico{transform:translateY(-2px)}
.rank[aria-selected="true"]{background:linear-gradient(180deg,rgba(245,197,52,.12),rgba(245,197,52,.03));border-color:rgba(245,197,52,.6);box-shadow:0 0 24px rgba(245,197,52,.12)}
.rank[aria-selected="true"] small{color:var(--accent)}
.rank[aria-selected="true"] span{color:var(--ivory2)}
.rdetail{display:flex;align-items:center;gap:32px;margin-top:40px;padding:28px 32px;background:rgba(13,26,51,.92);border-color:rgba(216,178,94,.18)}
.rdetail>.ico{width:88px;height:88px;border-radius:10px}
.rdetail h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:700 26px/1.2 var(--title);color:var(--ivory2)}
.rdetail__q{margin-top:10px;font:italic 400 19px/28px var(--quote-f);color:var(--quote)}
.rdetail__q cite{font-style:italic;white-space:nowrap;margin-left:.3em}
.rdetail__q+p{margin-top:10px;font-size:16px;line-height:24px}
@media (prefers-reduced-motion:no-preference){
  .rdetail:not([hidden]){animation:rise .35s ease}
  @keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}

/* ---------- хто такі 3IRD ---------- */
.sec--who{padding-block:clamp(56px,6vw,72px)}
.who{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:32px 64px}
.who__crest{width:150px;height:150px}
.who__sub{margin-top:12px;font:600 16px/1.4 var(--ui);color:var(--accent)}
.who__text p:not(.who__sub){margin-top:16px;font-size:17px;line-height:27px;max-width:1018px}
.games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}
.games>li{display:flex;min-width:0}
.games .card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:16px 18px 15px;text-decoration:none}
.games img{height:32px;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.games p{font:600 14px/1.35 var(--ui);color:var(--muted)}
.games__link{transition:border-color .15s,background .15s}
.games__link:hover{border-color:rgba(233,185,73,.6);background:#10203e}
.games__go{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);transition:transform .2s}
.games__go::before{content:"";width:12px;height:12px;background:var(--gold-ink);-webkit-mask:var(--i-ext) center/contain no-repeat;mask:var(--i-ext) center/contain no-repeat}
.games__link:hover .games__go{transform:translate(1px,-1px)}
.multi{display:flex;align-items:center;gap:10px;height:32px;min-width:0;color:var(--ivory)}
.multi svg{width:30px;height:auto;flex:none}
.multi__word{display:block;height:20px;overflow:hidden;font:700 15px/20px var(--title);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.multi__roll{display:flex;flex-direction:column}
.multi__roll span{display:block;height:20px}
@media (prefers-reduced-motion:no-preference){
  .multi__roll{animation:roll 12s cubic-bezier(.7,0,.3,1) infinite}
  @keyframes roll{
    0%,14%{transform:translateY(0)}
    20%,34%{transform:translateY(-20px)}
    40%,54%{transform:translateY(-40px)}
    60%,74%{transform:translateY(-60px)}
    80%,94%{transform:translateY(-80px)}
    100%{transform:translateY(-100px)}
  }
}
.rules{margin-top:32px}
.rules h3{font:700 24px/1.2 var(--title)}
.rules ul{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 32px;margin-top:20px}
.rules li{display:flex;flex-direction:column;gap:10px}
.rules__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:rgba(245,197,52,.12)}
.rules__ico svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rules__ico text{fill:var(--accent);stroke:none;font:700 9px/1 var(--ui)}
.rules b{font:600 16px/1.35 var(--ui);color:var(--ivory)}
.rules p{font-size:15px;line-height:22px}

/* ---------- хроніка і стрімери ---------- */
.duo{display:grid;grid-template-columns:minmax(0,788fr) minmax(0,420fr);gap:24px}
.chron{display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}
.chron>img{width:100%;height:100%;min-height:260px;object-fit:cover}
.chron__body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px}
.chron h2{font:500 32px/38px var(--title)}
.chron__body>p:not(.meta){font-size:16px;line-height:25px}
.chron .btn{margin-top:8px}
.casters{display:flex;flex-direction:column;gap:16px;padding:28px}
.casters h2{font:700 24px/1.2 var(--title)}
.casters>p{font-size:15px;line-height:22px;margin-top:-6px}
.casters ul{display:flex;flex-direction:column;gap:16px}
.caster{display:flex;align-items:center;gap:14px;padding:12px;border-radius:8px;text-decoration:none;
  background:rgba(255,243,214,.03);border:1px solid var(--line);transition:border-color .15s,background .15s}
.caster:hover{background:rgba(255,243,214,.06);border-color:rgba(216,178,94,.4)}
.caster img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;filter:grayscale(.35)}
.caster__who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.caster__who b{font:600 15px/1.3 var(--ui);color:var(--ivory)}
.caster__who small{font:400 13px/1.3 var(--ui);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caster__st{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:rgba(255,243,214,.06);font:600 12px/15px var(--ui);color:var(--muted);flex:none}
.caster__st i{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.caster__st .on{display:none}
.caster.is-live{border-color:rgba(61,220,132,.45)}
.caster.is-live img{filter:none;box-shadow:0 0 0 2px var(--green)}
.caster.is-live .caster__st{background:rgba(61,220,132,.14);color:var(--green)}
.caster.is-live .caster__st i{background:var(--green);box-shadow:0 0 6px rgba(61,220,132,.8)}
.caster.is-live .on{display:inline}
.caster.is-live .off{display:none}

/* ---------- заклик на пергаменті ---------- */
.call{position:relative;isolation:isolate;overflow:hidden;padding:112px var(--pad);text-align:center;color:#3a2a14;
  background:#d9c49a url("https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt3be5fbbd8ab0160d/6a9bc736f8f1240c84bcb8fd/paper-bg.jpg") center/cover;
  border-block:1px solid rgba(138,106,46,.9)}
.call::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:min(1000px,100%);transform:translateX(-50%);z-index:-1;
  background:radial-gradient(closest-side,rgba(230,211,166,.95),rgba(220,198,154,.7) 60%,rgba(210,187,140,0))}
.call__ink{position:absolute;top:0;height:100%;width:auto;max-width:360px;object-fit:contain;opacity:.75;z-index:-2;pointer-events:none}
.call__ink--l{left:0;object-position:left center}
.call__ink--r{right:0;object-position:right center}
.call__in{max-width:1000px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:20px}
.call h2{font:500 clamp(30px,3.6vw,46px)/1.25 var(--title);color:#1e1206}
.call p{max-width:600px;font:500 18px/28px var(--ui);color:#3a2a14}
.call .btn{margin-top:8px}

/* ---------- питання ---------- */
.faq{display:grid;grid-template-columns:minmax(0,400px) minmax(0,752px);justify-content:space-between;gap:40px 80px;align-items:start}
.faq__intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.faq__intro p{font-size:17px;line-height:26px}
.faq__list{border-top:1px solid rgba(216,178,94,.21)}
.faq details{border-bottom:1px solid rgba(216,178,94,.21)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;
  font:600 18px/26px var(--ui);color:var(--ivory);transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:22px;height:22px;flex:none;background:var(--muted);-webkit-mask:var(--i-plus) center/contain no-repeat;mask:var(--i-plus) center/contain no-repeat}
.faq details[open] summary::after{background:var(--accent);-webkit-mask-image:var(--i-minus);mask-image:var(--i-minus)}
.faq summary:hover{color:#fff}
.faq details p{margin:-10px 46px 22px 0;font-size:16px;line-height:25px}
.faq details a{color:#f0c76b}

/* ---------- футер ---------- */
.foot{background:var(--foot);border-top:1px solid var(--line);padding:64px 0 40px}
.foot__cols{display:grid;grid-template-columns:minmax(0,380px) repeat(3,minmax(0,180px));justify-content:space-between;gap:32px 40px}
.foot .nav__brand{font-size:20px}
.foot .nav__brand img{width:40px;height:40px}
.foot__brand p{margin-top:14px;font-size:15px;line-height:23px;color:var(--muted)}
.foot__col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.foot__col h2{font:600 14px/1.3 var(--ui);color:var(--ivory)}
.foot__col a{font-size:14px;line-height:1.3;color:var(--muted);text-decoration:none}
.foot__col a:hover{color:var(--ivory)}
.foot__legal{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.foot__legal p{font-size:13px;line-height:20px;color:var(--dim);max-width:760px}
.foot__legal p+p{margin-top:8px}
.foot__legal a{color:var(--muted)}
.foot__legal a:hover{color:var(--ivory)}
.foot__links{flex:none;font:500 13px/20px var(--ui)}
.foot__links a{text-decoration:none}

/* ---------- адаптив ---------- */
@media (max-width:1240px){
  .hero__in{grid-template-columns:minmax(0,1fr) 460px}
  .emblem{width:460px;margin-right:-20px}
  .emblem__name{font-size:19px}
}
@media (max-width:1100px){
  .hero{min-height:0}
  .hero__in{grid-template-columns:minmax(0,1fr) 380px}
  .emblem{width:380px;margin-right:0}
  .emblem__name{font-size:16px}
  .news{grid-template-columns:1fr}
  .news__feat{display:grid;grid-template-columns:1fr 1fr}
  .news__img{height:100%;aspect-ratio:auto;min-height:260px}
  .news__list{display:grid;grid-template-columns:1fr 1fr}
  .guild{grid-template-columns:1fr;justify-items:start}
  .charter{width:min(560px,100%)}
  .mquest{grid-template-columns:300px minmax(0,1fr)}
  .rules ul{grid-template-columns:repeat(2,1fr)}
  .games{grid-template-columns:repeat(6,minmax(0,1fr))}
  .games>li{grid-column:span 2}
  .games>li:nth-child(n+4){grid-column:span 3}
  .duo{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .foot__cols{grid-template-columns:repeat(3,1fr)}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:960px){
  .hero{min-height:0}
  .hero__in{grid-template-columns:1fr;grid-template-areas:"emblem" "copy" "facts";padding-top:16px}
  .emblem{width:min(340px,82vw);margin:0 auto -8px;justify-self:center}
  .emblem__name{font-size:16px;top:81%}
  .hero__copy{padding-top:0;max-width:640px}
  .hero__media::before{background:linear-gradient(180deg,rgba(11,13,18,.55) 0%,rgba(11,13,18,.82) 45%,rgba(11,13,18,.95) 100%)}
  .facts{grid-template-columns:repeat(2,1fr)}
  .fact:nth-child(3){border-left:0}
  .fact:nth-child(n+3){border-top:1px solid rgba(216,178,94,.22)}
  .feats,.quests,.plans{grid-template-columns:1fr 1fr}
  .feats li:last-child,.quests .quest:last-child{grid-column:1/-1}
  .ladder{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:4px;padding-bottom:6px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:thin}
  .rank{flex:0 0 104px;scroll-snap-align:center}
  .who{grid-template-columns:110px minmax(0,1fr);gap:24px}
  .who__crest{width:110px;height:110px}
}
@media (max-width:720px){
  .sec__head{flex-direction:column;align-items:flex-start;margin-bottom:24px}
  .news__list,.news.is-flat .news__list{grid-template-columns:1fr}
  .news__feat,.news.is-solo .news__feat{display:flex}
  .news__img,.news.is-solo .news__img{height:auto;aspect-ratio:16/9;min-height:0}
  .news__item{min-height:0;padding:10px 14px 10px 10px;gap:14px}
  .news__item>img{width:112px;height:72px}
  .news__txt b{font-size:17px;line-height:22px}
  .news__body{padding:20px}
  .mquest{grid-template-columns:1fr}
  .mquest__art{padding:32px 16px 8px;background:radial-gradient(closest-side,rgba(74,64,24,.9),rgba(43,38,17,0))}
  .mquest__body{padding:20px 20px 28px}
  .medal--big .medal__ring{width:170px}
  .feats,.quests,.plans,.rules ul{grid-template-columns:1fr}
  .games{grid-template-columns:1fr 1fr;gap:12px}
  .games>li,.games>li:nth-child(n+4){grid-column:auto}
  .games>li:last-child{grid-column:1/-1}
  .games .card{padding:14px 14px 13px}
  .plan{min-height:260px}
  .rdetail{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px;margin-top:24px}
  .rdetail>.ico{width:64px;height:64px}
  .rdetail h3{font-size:22px}
  .rdetail__q{font-size:17px;line-height:25px}
  .who{grid-template-columns:1fr}
  .chron{grid-template-columns:1fr}
  .chron>img{height:200px;min-height:0}
  .chron__body{padding:22px 20px 24px}
  .casters{padding:22px 20px}
  .call{padding-block:72px}
  .call__ink{opacity:.35;max-width:46vw}
  .faq summary{font-size:16px;line-height:23px;padding:18px 0}
  .faq details p{margin-right:0}
  .foot__cols{grid-template-columns:1fr 1fr}
  .foot__legal{flex-direction:column}
}
@media (max-width:520px){
  .hero h1{font-size:clamp(34px,10vw,44px)}
  .hero__cta .btn{flex:1 1 100%}
  .facts{grid-template-columns:1fr}
  .fact+.fact{border-left:0;border-top:1px solid rgba(216,178,94,.22)}
  .fact{padding:12px 16px}
  .charter__head{padding:18px 18px 16px;gap:14px}
  .charter__head img{width:72px;height:72px}
  .charter__rows{padding:4px 18px}
  .charter__rows>div{grid-template-columns:1fr;gap:6px}
  .charter__full{padding:14px 18px 18px}
  .mquest__cta .btn{flex:1 1 100%}
  .foot__cols{grid-template-columns:1fr}
}