@font-face{font-family:"EB Garamond";src:url(assets/fonts/ebgaramond.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url(assets/fonts/cormorant-sc.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Noto Serif Armenian";src:url(assets/fonts/noto-serif-armenian.ttf) format("truetype");font-weight:100 900;font-display:swap;unicode-range:U+0530-058F,U+FB13-FB17}
:root{--bg:#110f0c;--st:#1b1814;--st2:#262017;--br:#a9773a;--go:#d2ab5a;--ink:#2b2014;--tx:#d8cdb2;--mu:#a69b84;--hf:"Cormorant SC","Palatino Linotype",Georgia,serif;--bf:"EB Garamond",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--tx);font:19px/1.65 var(--bf);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:var(--go)}
:focus-visible{outline:2px solid var(--go);outline-offset:3px}
.top{position:sticky;top:0;z-index:20;background:rgba(17,15,12,.95);border-bottom:2px solid var(--br);box-shadow:0 4px 18px #000a}
.bar{max-width:1240px;margin:auto;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--go);font:700 1.8rem var(--hf);letter-spacing:.12em;text-decoration:none}
.bar>.brand{margin-right:auto;min-width:0}
#nav{order:2}
.languages{order:3;display:flex;align-items:center;gap:2px;flex-shrink:0;border:1px solid #6c512d;padding:2px}
.languages a{padding:6px 7px;color:var(--tx);text-decoration:none;font:700 .85rem/1.4 Georgia,serif}
.languages a[lang=hy]{font-family:"Noto Serif Armenian",Georgia,serif}
.languages a:hover,.languages a[aria-current=page]{color:#f7e6b9;background:#49351d}
.burger{order:4;flex-shrink:0}
#nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
#nav a{display:block;padding:8px 12px;color:var(--tx);text-decoration:none;font:700 1.15rem var(--hf);letter-spacing:.06em}
#nav a:hover,#nav a[aria-current]{color:var(--go);box-shadow:inset 0 -2px var(--go)}
.burger{display:none;width:44px;height:44px;background:none;border:1px solid var(--br);cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:11px;width:20px;height:2px;background:var(--go);content:""}
.burger span{top:20px}.burger span::before{left:0;top:-7px}.burger span::after{left:0;top:7px}
.hero{position:relative;min-height:88vh;min-height:calc(100svh - 58px);display:grid;place-items:center;text-align:center;padding:70px 20px 150px;background:#0b0e13 url(assets/hero.svg) center bottom/cover no-repeat;overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg));z-index:-1}
.fog{position:absolute;inset:-5% -10%;z-index:-1;background:radial-gradient(ellipse 45% 14% at 22% 78%,#c8d0cc38,transparent),radial-gradient(ellipse 55% 12% at 78% 66%,#c8d0cc30,transparent);animation:fog 40s ease-in-out infinite alternate}
@keyframes fog{to{transform:translateX(9%)}}
.hero .in{width:100%;min-width:0;max-width:720px;text-shadow:0 0 14px #000,0 2px 4px #000}
.hero img{width:84px;filter:drop-shadow(0 0 12px #000)}
.hero h1{margin:6px 0 4px;font:700 clamp(2.8rem,15vw,7.5rem)/1 var(--hf);letter-spacing:.14em;color:var(--go);text-shadow:0 2px 0 #3a280f,0 0 30px #000}
.hero .tag{margin:0 0 14px;font:700 1.3rem var(--hf);letter-spacing:.1em;color:#e5cf9a}
.hero p{margin:0 auto 22px;font-size:1.2rem}
.hero small{display:block;margin-top:22px;color:var(--mu);font-size:.95rem}
.btn{display:inline-block;margin:5px;padding:12px 26px;border:2px solid var(--go);background:linear-gradient(#7a5427,#4a3118);color:#f6ead0;font:700 1.2rem var(--hf);letter-spacing:.08em;text-decoration:none;border-radius:2px;box-shadow:inset 0 0 0 1px #0006,0 3px 10px #000a;text-shadow:none}
.btn:hover{background:linear-gradient(#94692f,#5d3f1d)}
.btn.alt{background:#000a}.btn.alt:hover{background:#2a2012}
.sec{padding:76px 20px;border-top:1px solid #3a2f20}
.sec:nth-of-type(even){background:var(--st)}
.in{max-width:1100px;margin:auto}
h2{margin:0 0 10px;text-align:center;font:700 clamp(2.1rem,7vw,3.2rem)/1.1 var(--hf);color:var(--go);letter-spacing:.08em}
h2::after{content:"";display:block;width:10px;height:10px;background:var(--br);transform:rotate(45deg);margin:14px auto 0;box-shadow:-26px 0 0 -3px var(--br),26px 0 0 -3px var(--br)}
.lead{text-align:center;max-width:38em;margin:14px auto 38px;color:var(--mu)}
.world-intro{max-width:44em;margin:0 auto}
.sub{margin:48px 0 18px;text-align:center;font:700 1.7rem var(--hf);color:#e5cf9a;letter-spacing:.08em}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.scroll{background:linear-gradient(#e8dbb8,#d3c296);color:var(--ink);padding:22px;border:1px solid #8a6a38;border-radius:3px;box-shadow:0 6px 18px #0009,inset 0 0 40px #8a6a3860}
.scroll h3{margin:.15em 0 .4em;font:700 1.55rem/1.2 var(--hf);color:#3b2412}
.scroll p{margin:0 0 .8em}
.date{font:700 1.05rem var(--hf);color:#7a3b1d;letter-spacing:.08em}
.more{background:none;border:0;border-bottom:1px dashed #6b2d17;padding:0;color:#6b2d17;font:600 1rem var(--bf);cursor:pointer}
.card{background:var(--st2);border:1px solid var(--br);padding:20px;box-shadow:inset 0 0 0 4px var(--st2),inset 0 0 0 5px #a9773a66}
.card h3{margin:0 0 .3em;font:700 1.5rem/1.2 var(--hf);color:var(--go);letter-spacing:.04em}
.card p{margin:0}
.cls{padding:0;overflow:hidden}
.cls img{display:block;width:100%;aspect-ratio:5/6;object-fit:cover;object-position:center top;border-bottom:2px solid var(--br)}
.cls div{padding:18px 20px 20px}
.class-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.class-grid>.cls{grid-column:span 2}
.class-grid>.cls:nth-child(4){grid-column:2/span 2}
.class-grid>.cls:nth-child(5){grid-column:4/span 2}
@media(max-width:900px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-grid>.cls,.class-grid>.cls:nth-child(4),.class-grid>.cls:nth-child(5){grid-column:auto}.class-grid>.cls:last-child{grid-column:1/-1;width:calc((100% - 22px)/2);justify-self:center}}
@media(max-width:600px){.class-grid{grid-template-columns:minmax(0,1fr)}.class-grid>.cls:last-child{grid-column:auto;width:100%}}
.role{color:#e5cf9a;font:700 1.1rem var(--hf);letter-spacing:.05em;margin-bottom:6px}
.rules{counter-reset:r;list-style:none;padding:0;margin:0 auto;display:grid;gap:16px;max-width:760px}
.rules li{counter-increment:r;position:relative;min-height:44px;padding-left:62px}
.rules li::before{content:counter(r,upper-roman);position:absolute;left:0;top:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--br);background:var(--st2);color:var(--go);font:700 1.2rem var(--hf)}
.rules b{color:#e5cf9a}
.faq{max-width:780px;margin:auto}
.faq button{display:block;width:100%;text-align:left;background:var(--st2);color:var(--go);border:1px solid var(--br);padding:14px 48px 14px 16px;font:700 1.25rem/1.3 var(--hf);letter-spacing:.04em;position:relative;cursor:pointer}
.faq button::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 1.6rem var(--hf)}
.faq button[aria-expanded=true]::after{content:"–"}
.faq .a{margin:0 0 12px;padding:14px 16px;background:#14110d;border:1px solid #4a3a22;border-top:0}
.faq .a p{margin:0}
.foot{padding:44px 20px;text-align:center;background:#0a0908;border-top:3px double var(--br);color:var(--mu);font-size:.95rem}
.foot .brand{justify-content:center;margin-bottom:6px}
.foot ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:0;margin:14px 0}
.foot p{margin:.4em auto;max-width:44em}
html:lang(hy){--hf:"Noto Serif Armenian",Georgia,serif;--bf:"Noto Serif Armenian",Georgia,serif}
html:lang(hy) body{font-size:17px;line-height:1.85}
html:lang(hy) h2{font-size:clamp(1.65rem,5vw,2.5rem);line-height:1.45;letter-spacing:0;overflow-wrap:anywhere}
html:lang(hy) h3,html:lang(hy) .tag,html:lang(hy) .role,html:lang(hy) .btn,html:lang(hy) .faq button,html:lang(hy) #nav a{letter-spacing:0;line-height:1.55}
html:lang(hy) .card h3{font-size:1.3rem}
html:lang(hy) #nav a{font-size:.9rem;padding:8px}
html:lang(hy) .brand,html:lang(hy) h1{font-family:"Cormorant SC","Palatino Linotype",Georgia,serif}
@media(max-width:1200px){
.burger{display:block}
#nav{display:none;position:absolute;left:0;right:0;top:100%;background:#110f0c;border-bottom:2px solid var(--br)}
#nav.open{display:block}
#nav ul{flex-direction:column;padding:8px 18px}
#nav a{padding:12px 4px}
}
@media(max-width:520px){body{font-size:17.5px}.sec{padding:54px 16px}.hero{padding-bottom:120px}.btn{display:block;margin:10px auto;max-width:300px}}
@media(max-width:420px){.bar{padding:8px 10px;gap:8px}.bar .brand{font-size:1.15rem;gap:6px;letter-spacing:.07em}.bar .brand img{width:26px;height:auto}.languages a{padding:6px 5px;font-size:.78rem}.burger{width:38px;height:40px}.burger span{left:8px;top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fog{animation:none}}