:root{--bg:#08090b;--panel:#101217;--panel-light:#171a20;--text:#e8e2d4;--muted:#92959d;--gold:#d2a95c;--gold-light:#f0d18b;--red:#b84842;--blue:#558fc2;--display:'Cinzel',Georgia,serif;--body:'Libre Franklin',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--body)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;gap:50px;position:absolute;z-index:4;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(rgba(5,6,8,.9),transparent);}.logo{display:flex;align-items:center;gap:10px;min-width:220px}.logo strong{display:block;color:#fff;font:800 22px var(--display);letter-spacing:.12em}.logo small{display:block;color:#aaaeb6;font-size:7px;letter-spacing:.18em;margin-top:3px}.logo-mark{display:grid;place-items:center;width:33px;height:33px;color:var(--gold-light);font:800 20px var(--display);border:1px solid rgba(210,169,92,.7);clip-path:polygon(50% 0,100% 22%,88% 82%,50% 100%,12% 82%,0 22%);background:linear-gradient(145deg,#624d2d,#151515)}.site-nav{display:flex;align-items:center;gap:34px;flex:1}.site-nav a{color:#babdc2;font:600 11px var(--body);letter-spacing:.13em;text-transform:uppercase;transition:color .15s}.site-nav a:hover,.site-nav a.active{color:var(--gold-light)}.site-nav a.active:after{content:'';height:1px;display:block;background:var(--gold);margin-top:9px}.nav-cta{font:700 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#111;background:var(--gold);padding:13px 17px}.nav-cta span{margin-left:12px;font-size:15px}.menu-toggle{display:none}.hero{height:735px;position:relative;overflow:hidden;background:#111}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,#060709 3%,rgba(6,7,9,.82) 32%,rgba(6,7,9,.2) 70%),linear-gradient(0deg,#08090b 0%,transparent 32%),url('alteractal-karte.jpg');background-size:auto,auto,cover;background-position:center,center,center 39%;filter:saturate(.72) contrast(1.12);transform:scale(1.12);opacity:.7}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 28%,rgba(211,162,78,.16),transparent 20%),linear-gradient(110deg,transparent 45%,rgba(6,7,9,.38) 75%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:210px 5vw 0;max-width:720px}.hero-kicker,.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font:700 10px var(--body);letter-spacing:.19em}.hero-kicker i,.eyebrow i{display:inline-block;width:32px;height:1px;background:var(--gold)}h1,h2,h3{font-family:var(--display);font-weight:600}h1{font-size:clamp(54px,7vw,104px);line-height:.98;letter-spacing:-.04em;margin:24px 0 22px;color:#f5f1e9;text-shadow:0 4px 20px #000}h1 em,h2 em{font-style:normal;color:var(--gold-light)}.hero-content>p{max-width:440px;color:#c1c3c7;font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.gold-button{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;background:var(--gold);color:#14110c;font:800 10px var(--body);letter-spacing:.1em;text-transform:uppercase;transition:filter .15s}.gold-button:hover{filter:brightness(1.15);color:#14110c}.gold-button span{font-size:18px}.ghost-link,.line-link{color:#ded7c9;font:700 10px var(--body);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(231,220,191,.55);padding-bottom:5px}.ghost-link span,.line-link span{margin-left:13px;font-size:15px}.hero-meta{display:flex;gap:25px;margin-top:75px;color:#898c93;font-size:10px}.hero-meta span{padding-right:25px;border-right:1px solid rgba(255,255,255,.2)}.hero-meta span:last-child{border:0}.hero-meta b{display:block;color:#e8e1d2;font:600 15px var(--display);margin-bottom:4px}.hero-faction-mark{position:absolute;z-index:2;right:5vw;bottom:105px;display:flex;align-items:center;gap:15px;color:rgba(231,220,190,.75);font:600 9px var(--display);letter-spacing:.12em}.hero-faction-mark span:first-child{color:#ce554a;font-size:22px}.hero-faction-mark span:last-child{color:#639bd1;font-size:22px}.hero-faction-mark i{height:25px;width:1px;background:rgba(231,220,190,.4)}.scroll-indicator{position:absolute;bottom:32px;left:5vw;z-index:2;display:flex;gap:12px;align-items:center;color:#8e9094;font-size:8px;letter-spacing:.2em}.scroll-indicator i{display:block;width:40px;height:1px;background:var(--gold)}.section{padding:110px 12vw}.intro{background:#0b0d10;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14%;margin-top:54px}.intro h2,.section-heading h2,.join-copy h2{font-size:clamp(47px,5.5vw,78px);line-height:1.05;margin:0;letter-spacing:-.04em}.intro-lead{font:22px/1.42 var(--display);color:#f1eadc;margin:0 0 21px}.intro-grid p:not(.intro-lead){color:var(--muted);line-height:1.9;max-width:465px}.line-link{display:inline-block;margin-top:17px;color:var(--gold-light)}.battle-section{background:#101216}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:42px 0 45px}.section-heading>p{max-width:310px;color:var(--muted);line-height:1.8;margin:0}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.faction-card{height:355px;position:relative;overflow:hidden;background:#1a1b1e;border:1px solid rgba(255,255,255,.13)}.faction-card-image{position:absolute;inset:0;background-size:cover;transition:transform .4s}.horde-card .faction-card-image{background-image:linear-gradient(0deg,#260e0d,transparent 65%),linear-gradient(90deg,rgba(23,10,8,.7),transparent),url('alteractal-karte.jpg');background-position:bottom right}.alliance-card .faction-card-image{background-image:linear-gradient(0deg,#0d1a2e,transparent 65%),linear-gradient(90deg,rgba(10,19,31,.7),transparent),url('alteractal-karte.jpg');filter:hue-rotate(23deg) saturate(.85);background-position:top left}.faction-card:hover .faction-card-image{transform:scale(1.04)}.faction-card-content{position:absolute;left:28px;right:28px;bottom:25px;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:end}.faction-symbol{font-size:31px}.horde-card .faction-symbol,.horde-card h3{color:#de665a}.alliance-card .faction-symbol,.alliance-card h3{color:#6fa9e5}.card-kicker{font-size:9px;letter-spacing:.15em;color:#b7b6b4;font-weight:700}.card-kicker.orange{color:#e8a048}.card-kicker.purple{color:#be83f1}.card-kicker.blue{color:#70aff0}.faction-card h3{font-size:30px;margin:4px 0}.faction-card p{margin:0;color:#c0bdba;font-size:11px}.faction-card-content>a{color:#e5ded0;font:700 9px var(--body);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}.faction-card-content>a span{font-size:15px;margin-left:7px}.events-section{background:#08090b}.eyebrow span{margin-left:auto;color:#777b84;font-weight:500;letter-spacing:.1em}.event-list{border-top:1px solid rgba(255,255,255,.15)}.event-card{display:grid;grid-template-columns:180px 70px 1fr 100px 25px;align-items:center;gap:20px;min-height:125px;border-bottom:1px solid rgba(255,255,255,.12);transition:background .15s}.event-card:hover,.event-card.featured{background:linear-gradient(90deg,rgba(210,169,92,.09),transparent 70%)}.event-art{height:85px;background:#17191c;overflow:hidden}.alterac-art img{width:100%;height:100%;object-fit:cover}.island-art{background:linear-gradient(130deg,rgba(3,9,15,.1),#162635),url('alteractal-karte.jpg');background-size:cover;background-position:70% 50%;filter:hue-rotate(30deg)}.queue-art{background:linear-gradient(130deg,rgba(54,18,9,.1),#301b18),url('alteractal-karte.jpg');background-size:cover;background-position:top center;filter:hue-rotate(-23deg)}.event-date{display:flex;align-items:center;gap:11px}.event-date b{font:600 45px var(--display);color:var(--gold-light)}.event-date span{font-size:9px;line-height:1.45;letter-spacing:.1em;color:#96989b}.event-copy h3{font-size:19px;margin:7px 0 5px;color:#ece6da}.event-copy p{font-size:10px;color:#858990;margin:0}.card-kicker{font-weight:700}.event-open{color:#7eda8b;font:700 9px var(--body);letter-spacing:.1em}.event-open small{display:block;margin-top:8px;color:#91959b;font-size:10px;letter-spacing:0}.event-open.wait{color:#f0c04c}.event-arrow{font-size:21px;color:var(--gold)}.quote-section{padding:105px 12vw;background:linear-gradient(rgba(9,10,13,.76),rgba(9,10,13,.76)),url('alteractal-karte.jpg') center/cover fixed;text-align:center;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.quote-mark{font:90px/40px Georgia;color:var(--gold);opacity:.8}.quote-section blockquote{font:31px/1.4 var(--display);margin:14px 0 25px;color:#f2eee6}.quote-section blockquote em{color:var(--gold-light);font-style:normal}.quote-section>span{font-size:9px;letter-spacing:.2em;color:#a9a7a0}.join-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#0c0d10;padding-top:95px;padding-bottom:95px}.join-art{min-height:330px;position:relative;background:linear-gradient(135deg,rgba(55,22,15,.2),rgba(9,10,11,.4)),url('alteractal-karte.jpg') center/cover;overflow:hidden}.join-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(210,169,92,.3),transparent 35%)}.join-rune{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:var(--gold-light);font-size:118px;text-shadow:0 3px 20px #000}.join-copy{align-self:center}.join-copy h2{margin:22px 0}.join-copy p{max-width:420px;color:var(--muted);line-height:1.8;font-size:12px}.join-copy small{display:block;color:#777b83;margin-top:17px;font-size:9px;letter-spacing:.12em}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;border-top:1px solid rgba(255,255,255,.12);color:#777b83;background:#060708;font-size:10px}.site-footer .logo{min-width:0}.site-footer .logo strong{font-size:16px}.site-footer .logo small{font-size:6px}.site-footer b{color:var(--gold)}
@media(max-width:850px){.site-header{gap:20px;padding:0 24px}.site-nav{gap:15px}.site-nav a{font-size:9px}.nav-cta{display:none}.section{padding-left:7vw;padding-right:7vw}.hero-content{padding-left:7vw}.intro-grid{gap:8%}.event-card{grid-template-columns:130px 55px 1fr 70px 20px;gap:12px}.event-art{height:72px}.event-copy h3{font-size:15px}}
@media(max-width:600px){.site-header{height:64px}.logo{min-width:0}.logo strong{font-size:18px}.logo small{font-size:6px}.site-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:24px;height:1px;background:var(--gold-light)}.site-nav.open{display:flex;position:absolute;top:64px;left:0;right:0;padding:18px 24px;background:#0b0c0f;flex-direction:column;gap:18px;border-bottom:1px solid var(--gold)}.hero{height:720px}.hero-content{padding-top:170px;padding-right:8vw}.hero-content h1{font-size:53px}.hero-meta{gap:10px;margin-top:50px}.hero-meta span{padding-right:10px;font-size:8px}.hero-meta b{font-size:12px}.hero-faction-mark{right:7vw;bottom:100px}.intro-grid,.join-section{display:block}.intro-grid>div{margin-top:35px}.section-heading{display:block}.section-heading>p{margin-top:25px}.faction-grid{grid-template-columns:1fr}.faction-card{height:300px}.event-card{grid-template-columns:50px 1fr 20px;gap:10px;padding:10px 0}.event-art{display:none}.event-date{display:block}.event-date b{font-size:34px;display:block}.event-date span{display:block;margin-top:3px}.event-open{display:none}.event-copy h3{font-size:14px}.quote-section{padding:75px 7vw}.quote-section blockquote{font-size:22px}.join-art{min-height:220px;margin-bottom:40px}.site-footer{display:block}.site-footer span{display:block;margin-top:12px}}
.ghost-link{border-bottom:0!important;padding-bottom:0!important}
a.ghost-link{display:inline-block;border:0!important;border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;background:transparent!important}
.discord-section{display:grid;grid-template-columns:1fr 350px;align-items:center;gap:10%;background:#0b0c0f;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.discord-section h2{font-size:clamp(44px,5vw,70px);line-height:1.05;margin:22px 0}.discord-section p{color:var(--muted);line-height:1.8;font-size:12px}.discord-section iframe{display:block;width:350px;max-width:100%;border:1px solid #30343b;box-shadow:0 15px 35px rgba(0,0,0,.45)}
@media(max-width:600px){.discord-section{display:block}.discord-section iframe{margin-top:35px;width:100%;height:500px}}