:root{--bg:#111012;--panel:#211d22;--text:#f7f4f5;--muted:#beb7bb;--red:#c9182c;--wine:#71182f;--violet:#51366f;--gold:#c6a15d;--line:rgba(198,161,93,.22);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% 0,rgba(113,24,47,.2),transparent 32%),radial-gradient(circle at 92% 35%,rgba(81,54,111,.07),transparent 28%),linear-gradient(180deg,#151216,#0f0e10);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(17,11,16,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:82px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;flex:none}
.brand img{width:250px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}
.navlinks{display:flex;align-items:center;gap:26px;margin-left:auto;color:#ddd1d8;font-size:.82rem;font-weight:700}
.navlinks a{position:relative;padding:10px 0}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--gold);transition:.25s}
.navlinks a:hover:after,.navlinks a:focus-visible:after,.navlinks a[aria-current="page"]:after{right:0}
.langs{display:flex;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:999px}
.langs button{padding:7px 9px;border:0;border-radius:999px;background:transparent;color:#a99ca5;cursor:pointer;font-size:.7rem;font-weight:800}
.langs button.active{background:#e4e3e3;color:#242124}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer}
.hero{position:relative;padding:clamp(86px,10vw,138px) 0 clamp(70px,8vw,110px);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero:after{content:"M";position:absolute;right:3%;top:-34%;color:rgba(255,255,255,.022);font-size:clamp(18rem,38vw,36rem);font-weight:800;line-height:1;pointer-events:none}
.hero .shell{position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.eyebrow:before{content:"";width:36px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:800;line-height:.98;letter-spacing:-.055em}
h1{max-width:970px;margin:20px 0 26px;font-size:clamp(3.2rem,7.5vw,7rem)}
h2{margin:0 0 24px;font-size:clamp(2.1rem,4.6vw,4rem)}
.lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}
.topics{padding:86px 0 100px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px}
.section-head p{max-width:480px;margin:0;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.topic-card{position:relative;min-height:235px;padding:28px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(155deg,rgba(40,34,39,.96),rgba(25,22,25,.9));transition:transform .25s,border-color .25s}
.topic-card:hover{transform:translateY(-5px);border-color:var(--line)}
.topic-card:after{content:"";position:absolute;right:-70px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(81,54,111,.24),transparent 68%)}
.topic-card:nth-child(even):after{background:radial-gradient(circle,rgba(201,24,44,.2),transparent 68%)}
.topic-card>*{position:relative;z-index:1}
.topic-num{color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.14em}
.topic-card h3{margin:72px 0 10px;font-size:1.25rem;line-height:1.25}
.topic-card p{margin:0;color:var(--muted);font-size:.9rem}
.article-list{padding:0 0 110px}
.article-feed{display:grid;gap:24px}
.article-card{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(42,35,40,.98),rgba(25,22,25,.94));transition:transform .3s,border-color .3s}
.article-card:hover{transform:translateY(-5px);border-color:var(--line)}
.article-cover{min-height:430px;overflow:hidden;background:#261f24}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .55s}
.article-card:hover .article-cover img{transform:scale(1.035)}
.article-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}
.article-kicker{display:flex;flex-wrap:wrap;gap:9px 20px;margin-bottom:22px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.article-copy h3{margin:0 0 20px;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.04em}
.article-copy p{max-width:590px;margin:0 0 28px;color:var(--muted)}
.article-copy strong{color:var(--gold);font-size:.84rem}
.ready-box{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;padding:clamp(34px,6vw,72px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(81,54,111,.15),transparent 30%),linear-gradient(130deg,#68172b,#292126 64%,#171517)}
.ready-box h2{margin-bottom:18px}
.ready-box p{max-width:650px;margin:0;color:#d4c8cf}
.ready-note{padding:25px;border-left:1px solid var(--gold);background:rgba(255,255,255,.035)}
.ready-note strong{display:block;margin-bottom:8px;color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.ready-note p{font-size:.92rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1040px){.navlinks{display:none}.menu-btn{display:block}.langs{margin-left:auto}.navlinks.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:2px;left:20px;right:20px;top:74px;margin:0;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#211d22;box-shadow:0 24px 60px #090609}.navlinks.open a{padding:12px}.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{height:70px;gap:12px}.brand img{width:170px}.langs button{padding:6px 8px}.hero{padding:72px 0 64px}.hero:after{right:-18%;top:-8%}h1{font-size:clamp(3rem,15vw,4.6rem)}.section-head{display:block}.section-head p{margin-top:18px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:210px}.article-card{grid-template-columns:1fr}.article-cover{min-height:360px}.article-copy{padding:28px}.article-copy h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}