/* Heartwood public website. Layout only; portal and backend stay independent. */
:root{--paper:#0e1013;--paper-raised:#171a1f;--ink:#f1f2f4;--stone:#a3a8b2;--line:#2b2f36;--line-dark:#2b2f36;--charcoal:#15181d;--charcoal-2:#0e1013;--cream:#f1f2f4;--cream-dim:#a3a8b2;--gold:#ff852d;--gold-bright:#ffa25f;--gold-deep:#ffa25f;--gold-tint:#1e2025;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
body{background:var(--paper);font-family:var(--sans);line-height:1.65;overflow-wrap:break-word}
.wrap,.wrap-wide{width:min(1320px,100%);max-width:1320px;padding-inline:44px;margin-inline:auto}
h1,h2,h3{font-family:var(--sans);letter-spacing:-.045em;line-height:1.1}
h2{font-size:clamp(1.8rem,3.4vw,3rem);font-weight:750}
h3{font-size:1.3rem}a{text-underline-offset:5px}button,input,select,textarea{font:inherit}
.hw-highlight{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:100;background:#0e1013ed;border:0;border-bottom:1px solid var(--line);backdrop-filter:blur(20px);box-shadow:none}
.site-header .wrap,body.is-mobile .site-header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;min-height:94px;padding-block:12px}
.brand-col,body.is-mobile .brand-col{display:flex;align-items:center;gap:16px;width:auto;flex-shrink:0}
.brand{gap:12px}.brand img,body.is-mobile .brand img{height:62px;width:auto;filter:none;object-fit:contain}
.brand-name{font-size:.95rem;line-height:1.15;max-width:100px;letter-spacing:-.025em;color:var(--ink);text-transform:uppercase;font-weight:800}
.social-nav{display:none}
.register-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:nowrap;padding:0;border:0;margin:0;overflow:visible}
.register-nav>a,.nav-dropdown-toggle{padding:12px 13px;font-size:.8rem;letter-spacing:0;font-weight:600;border:0;border-radius:8px;min-height:44px;color:#afb4bf;background:transparent;text-transform:none;white-space:nowrap}
.register-nav>a:hover,.register-nav>a[aria-current],.nav-dropdown-toggle:hover,.nav-dropdown-toggle[data-current=true]{color:#fff;background:#23262d;box-shadow:none}
.register-nav>a.hw-nav-join{margin-left:14px;background:var(--gold);color:#17120e;padding:12px 18px}.hw-nav-join span{margin-left:12px}
.nav-dropdown-menu{background:#1b1e24;border:1px solid #383c44;border-radius:12px;box-shadow:0 18px 48px #0008;top:calc(100% + 8px);z-index:120}
.register-nav .nav-dropdown-menu a{font-size:.85rem;color:var(--ink);border:0;border-radius:6px}.register-nav .nav-dropdown-menu a:hover{background:#2b2f36;color:var(--gold)}
.m-nav-toggle{display:none}
.hero-clouds,.mountains{display:none}
section{padding-block:88px;scroll-margin-top:110px}.section-head{margin-bottom:30px;align-items:end;gap:24px}.section-head h2{margin:8px 0 0;max-width:850px}
.hw-kicker{font-size:.68rem;font-weight:700;letter-spacing:.15em;line-height:1.6;color:var(--gold);text-transform:uppercase;margin:0 0 20px}
.hw-hero{padding:0;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 30%,#28201955,transparent 55%),#0e1013}
.hw-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;gap:35px;align-items:center}
.hw-hero-copy{padding-block:65px;position:relative;z-index:2}
.hw-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px;box-shadow:0 0 12px #ff852d66}
.hw-hero h1{font-size:clamp(4rem,6.9vw,6.7rem);font-weight:850;line-height:.97;letter-spacing:-.07em;margin:26px 0 28px;text-transform:uppercase;color:#f4f5f7}
.hw-hero h1 em{color:var(--gold);font-style:normal}.hw-hero-description{max-width:440px;font-size:.96rem;line-height:1.8;color:var(--stone);margin-bottom:29px}
.hw-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{border-radius:8px;padding:13px 22px;min-height:48px;text-transform:none;font-size:.84rem;font-weight:700;letter-spacing:0;box-shadow:none}
.hw-hero-socials{display:flex;flex-wrap:nowrap;gap:6px;margin-top:24px}.hw-hero-socials .hw-social-button{gap:6px;padding-inline:9px;font-size:.65rem;white-space:nowrap}.hw-hero-socials .hw-social-icon svg{width:15px;height:15px}.hw-hero-socials .hw-social-arrow{display:none}.hw-social-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;background:#191d23;border:1px solid #343941;border-radius:9px;color:#c8cdd5;text-decoration:none;font-size:.72rem;font-weight:600;transition:background .18s,border-color .18s,color .18s}.hw-social-icon{display:flex;color:var(--gold)}.hw-social-icon svg{width:17px;height:17px;fill:currentColor}.hw-social-arrow{margin-left:3px;color:#7f8793}.hw-social-button:hover{color:#fff;background:#252321;border-color:var(--gold)}.hw-social-button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.hw-social-button:hover .hw-social-arrow{color:var(--gold)}
.btn-primary{background:var(--gold);color:#14100c;border:1px solid var(--gold);box-shadow:none}.btn-primary:hover{background:var(--gold-bright);color:#14100c;box-shadow:0 6px 30px #ff852d22}
.btn-primary span{margin-left:18px}.btn-ghost{background:#191c22;color:var(--ink);border:1px solid var(--line)}
.hw-text-link{color:#d4d7dc;font-size:.82rem;text-decoration:none}.hw-text-link span{margin-left:10px}.hw-text-link:hover{color:var(--gold)}
.hw-hero-facts{display:flex;gap:30px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);max-width:410px}
.hw-hero-facts>span{display:flex;flex-direction:column;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--stone);gap:2px}.hw-hero-facts strong{font-size:1.15rem;letter-spacing:-.02em;color:#f1f2f4;text-transform:none}
.hw-scene{position:relative;height:610px;align-self:end;isolation:isolate;min-width:0}
.hw-scene::before{content:"";position:absolute;inset:45px -80px 0 20px;background:linear-gradient(135deg,#24282e,#16191e);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);z-index:-3}
.hw-scene-word{position:absolute;top:65px;left:10px;font-size:clamp(5rem,8.5vw,8.6rem);font-weight:900;line-height:.8;letter-spacing:-.09em;color:#ffffff05;-webkit-text-stroke:1px #ffffff18;z-index:-2}
.hw-scene-orbit{position:absolute;width:400px;height:400px;max-width:100%;border:1px solid #ff852d55;border-radius:50%;top:125px;left:25px;z-index:-1;box-shadow:0 0 0 24px #ff852d04,0 0 0 50px #ff852d03}
.hw-character{position:absolute;object-fit:contain;object-position:bottom;height:520px;width:auto;bottom:66px;filter:drop-shadow(0 16px 20px #0008)}
.hw-character-back{height:460px;right:-35px;opacity:.82}.hw-character-front{left:-5px;z-index:1}
.hw-scene-caption{position:absolute;bottom:35px;left:20px;right:-20px;z-index:3;padding:21px 25px;background:var(--gold);color:#17110d;transform:rotate(-3deg);box-shadow:0 15px 45px #0005;display:grid;grid-template-columns:1fr auto;gap:3px 12px}
.hw-scene-caption>span:first-child{font-size:.6rem;letter-spacing:.12em;font-weight:700;grid-column:1/-1}.hw-scene-caption strong{font-size:1.65rem;letter-spacing:-.05em}.hw-scene-caption>span:last-child{font-size:.7rem;align-self:end}.hw-scene-caption>span:last-child span{margin-left:10px}
.hw-scene-index{position:absolute;bottom:7px;right:3px;font-size:.5rem;letter-spacing:.16em;color:#777e8a}
.hw-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px;gap:0;border-bottom:1px solid var(--line)}
.hw-shortcuts>a{padding:12px 24px;border-right:1px solid var(--line);color:var(--stone);text-decoration:none;display:flex;flex-direction:column;gap:9px;font-size:.72rem}.hw-shortcuts>a:first-child{padding-left:0}.hw-shortcuts>a:last-child{border:0;padding-right:0}
.hw-shortcut-number{font-size:.55rem;letter-spacing:.12em;color:#818895}.hw-shortcuts strong{font-size:.98rem;letter-spacing:-.025em;color:var(--ink);display:flex;justify-content:space-between;gap:10px}.hw-shortcuts strong span{color:var(--gold)}.hw-shortcuts>a:hover strong{color:var(--gold)}
#ankuendigungen{background:transparent}.announcement-list{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%;max-width:1232px;margin-inline:auto}.announcement-card{display:flex;flex-direction:column;gap:20px;background:#171a20;border:1px solid var(--line);padding:28px;border-radius:14px;margin:0;box-shadow:none;position:relative;min-width:0}
.announcement-date{color:var(--gold);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:0;padding:0}.announcement-body h3{font-size:1.45rem;margin:0 0 14px}.announcement-body .md-content{font-size:.85rem}.announcement-body{min-width:0}.announcement-card form{width:100%}
#uebersicht{background:#15181d;border-block:1px solid var(--line)}.dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dossier-card{background:#1c2027;border:1px solid #32363f;border-radius:14px;padding:34px 28px;box-shadow:none;border-top:1px solid #32363f;position:relative;overflow:hidden}.dossier-card::before{content:"↗";position:absolute;right:24px;top:23px;color:#656c79;font-size:1.5rem;background:none;width:auto;height:auto}.dossier-card h3{margin-top:45px;max-width:230px;font-size:1.7rem}.dossier-card p{font-size:.84rem;color:var(--stone)}.dossier-tag{font-size:.6rem;letter-spacing:.12em;border:1px solid #454b56;border-radius:30px;background:transparent;color:#c5c9d1;padding:5px 11px}.dossier-card:hover{border-color:#ff852d88;transform:translateY(-3px)}
.stimmen{background:#0e1013;border:0}.stimmen>.wrap{display:grid;grid-template-columns:.65fr 1fr;gap:45px;align-items:center}.stimmen .section-head{display:block;text-align:left}.stimmen .section-head h2{font-size:2.8rem}.stimmen-slider{width:100%;max-width:none;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 20% 80%,#ff852d20,transparent 60%),#191d23}.stimmen-slider::before{display:none}.stimmen blockquote{font-family:var(--sans);font-size:1.05rem;line-height:1.6;padding:0;background:transparent;border:0}.stimme-role{color:var(--gold);letter-spacing:.1em;font-size:.65rem}
.seo-intro{background:transparent;border-top:1px solid var(--line)}.seo-intro .wrap{display:grid;grid-template-columns:.8fr 1fr;gap:8px 65px}.seo-intro .section-head{grid-row:span 4;display:block}.seo-intro .section-head h2{font-size:2.5rem}.seo-intro p{font-size:.87rem;color:var(--stone);max-width:none}.seo-links{grid-column:2;font-size:.75rem!important;line-height:2.1}
.split{grid-template-columns:.8fr 1fr;gap:70px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.feature-list li{font-size:.8rem;background:#171b21;border:1px solid var(--line);border-radius:9px;padding:15px;gap:12px}.feature-list svg{flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:hw-step}.steps>li{display:block;background:#171b21;border:1px solid var(--line);border-radius:14px;padding:28px;position:relative;counter-increment:hw-step}.steps>li::before{content:"0" counter(hw-step);display:block;position:static;background:transparent;color:var(--gold);width:auto;height:auto;box-shadow:none;border:0;border-radius:0;font-size:1rem;margin-bottom:28px}.steps h3{font-size:1.3rem}.steps p{font-size:.85rem;color:var(--stone)}
#beitreten{background:#15181d;border-block:1px solid var(--line)}.streamer-card,.team-card{background:#191d23;border:1px solid var(--line);border-radius:14px;box-shadow:none}.streamer-grid,.team-grid{gap:20px}.streamer-card:hover{border-color:#ff852d66}.steckbrief-section{background:transparent}.steckbrief-karte{border:1px solid var(--line);border-radius:16px;box-shadow:none;background:#171b21}.sb-kopf{background:#1e232b;border-bottom:1px solid var(--line)}.sb-stempel{border-radius:30px}.sb-felder{padding:24px 30px}.sb-feld dd{font-family:var(--sans);font-size:.95rem}
.regelwerk-header{background:radial-gradient(ellipse at right top,#ff852d12,transparent 50%),#14171c;padding:64px 0 44px;border-bottom:1px solid var(--line);position:relative}.regelwerk-header::before{content:"HEARTWOOD / INFORMATION";display:block;max-width:1232px;margin:0 auto 24px;padding-inline:44px;font-size:.57rem;letter-spacing:.22em;color:#717987}.regelwerk-header h1{font-size:clamp(2.3rem,5vw,4.6rem);font-weight:800;max-width:1000px;letter-spacing:-.055em;line-height:1.04}.regelwerk-header .hero-eyebrow{color:var(--gold);font-size:.65rem;letter-spacing:.12em}.regelwerk-header .hero-eyebrow::before{display:none}.regelwerk-header p.prose{max-width:800px;font-size:.9rem;line-height:1.85}.regelwerk-meta{margin-top:28px;gap:18px;font-size:.7rem;padding-top:20px}
.toc-paper,.toc,.callout,.faq-item{border:1px solid var(--line);border-radius:12px;background:#191d23;box-shadow:none}.toc-paper{margin-block:32px;padding:30px}.toc-paper h2{font-size:1.5rem}.toc-paper .gesetze-list{columns:unset}.gesetze-list>li{border-color:var(--line)}.gesetze-list a{border-radius:9px}.gesetze-list a:hover{background:#242a33}.gesetz-name{color:var(--ink)}.gesetz-desc{color:var(--stone)}.faq-item{margin-bottom:12px;overflow:hidden}.faq-item summary{padding:20px 24px;font-size:.94rem}.faq-answer{padding:0 24px 20px}.prose{line-height:1.9}.prose h2{font-size:1.7rem;margin-top:42px}.prose h3{font-size:1.2rem}.md-content{overflow-wrap:anywhere}
input,textarea,select{background:#12161b;color:var(--ink);border:1px solid #424854;border-radius:8px;padding:11px;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}.admin-toolbar{background:#22262e;border:1px solid #454b56;border-radius:10px}.table-wrap{border-radius:12px}th{background:#242a33}td{border-color:var(--line)}
.site-footer{background:#090b0e;border-top:1px solid var(--line);padding:0}.hw-footer-invite{padding-block:54px!important;display:block!important;border-bottom:1px solid var(--line)}.hw-footer-invite p{color:var(--stone);font-size:.8rem;margin:0 0 9px}.hw-footer-invite>a{font-size:clamp(1.7rem,4.2vw,3.7rem);font-weight:750;color:var(--ink);letter-spacing:-.045em;text-decoration:none;display:flex;justify-content:space-between;gap:20px;line-height:1.2}.hw-footer-invite>a span{color:var(--gold)}.site-footer>.wrap:last-child{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:32px}.footer-mark{font-size:.85rem;color:#d6dae0}.footer-credit{font-size:.65rem;color:#737c8a;margin-top:8px}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 20px}.footer-links a{font-size:.7rem;color:#9aa2af}
@media(min-width:1101px){.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown:focus-within .nav-dropdown-menu{display:block}}
@media(max-width:1100px){.site-header .wrap,body.is-mobile .site-header .wrap{flex-wrap:wrap;gap:0;min-height:80px}.brand img,body.is-mobile .brand img{height:52px}.m-nav-toggle,body.is-mobile .m-nav-toggle{display:inline-flex;color:var(--ink);background:#232830;border:1px solid #383e49;padding:10px 14px;margin-left:auto;font-size:.75rem;min-height:44px}.register-nav,body.is-mobile .register-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:16px 0 6px;margin-top:12px;border-top:1px solid var(--line);width:100%;gap:3px}.register-nav.is-open,body.is-mobile .register-nav.is-open{display:flex}.register-nav>a,.nav-dropdown-toggle,body.is-mobile .register-nav>a,body.is-mobile .nav-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;min-height:46px;width:100%;padding:10px 14px;font-size:.85rem}.register-nav>a.hw-nav-join{margin:7px 0 0}.nav-dropdown,body.is-mobile .nav-dropdown{position:static;width:100%}.nav-dropdown-menu,body.is-mobile .nav-dropdown-menu{position:static;box-shadow:none;margin:4px 0 4px 12px;border:0;border-left:1px solid #424854;background:transparent;border-radius:0;min-width:0;padding:0 0 0 8px;display:none}.nav-dropdown:hover .nav-dropdown-menu,body.is-mobile .nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown.is-open:hover .nav-dropdown-menu,body.is-mobile .nav-dropdown.is-open .nav-dropdown-menu{display:block}.hw-hero h1{font-size:5rem}.hw-hero-grid{min-height:610px;gap:10px}.hw-scene{height:550px}.hw-character-front{height:460px;left:-30px}.hw-character-back{height:410px;right:-65px}.hw-scene-caption{left:0;right:0}.hw-scene-caption>span:last-child{grid-column:1/-1}.hw-shortcuts>a{padding-inline:16px}.stimmen>.wrap{grid-template-columns:1fr}.stimmen .section-head h2{font-size:2.4rem}.stimmen-slider{max-width:850px;margin:0}.seo-intro .wrap{gap:10px 35px}.split{gap:35px}}
@media(max-width:700px){.wrap,.wrap-wide,body.is-mobile .wrap{padding-inline:22px}section{padding-block:54px}.site-header .wrap,body.is-mobile .site-header .wrap{min-height:76px;padding-block:10px}.hw-hero-grid{display:flex;flex-direction:column;gap:0}.hw-hero-copy{padding:46px 0 10px;width:100%}.hw-hero h1{font-size:clamp(3rem,12.8vw,5rem);margin:22px 0}.hw-kicker{font-size:.57rem;letter-spacing:.1em}.hw-hero-description{font-size:.86rem;max-width:480px}.hw-hero-actions{gap:18px}.hw-hero-facts{margin-top:28px;gap:34px}.hw-scene{width:100%;height:440px;margin-top:18px}.hw-scene::before{inset:25px -22px 0 0}.hw-scene-word{font-size:6rem;top:40px;left:15px}.hw-character-front{height:385px;left:0;bottom:52px}.hw-character-back{height:330px;right:-30px;bottom:52px}.hw-scene-orbit{width:280px;height:280px;top:75px;left:30px}.hw-scene-caption{bottom:27px;left:5px;right:5px;padding:16px 20px}.hw-scene-caption strong{font-size:1.5rem}.hw-scene-caption>span:last-child{grid-column:auto;font-size:.6rem}.hw-scene-index{font-size:.43rem;bottom:3px}.hw-shortcuts{grid-template-columns:1fr 1fr;padding-block:13px;gap:0}.hw-shortcuts>a,.hw-shortcuts>a:first-child,.hw-shortcuts>a:last-child{padding:18px 10px;border:0;min-width:0}.hw-shortcuts>a:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.hw-shortcuts>a:nth-child(even){padding-right:0;padding-left:18px}.hw-shortcuts>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.hw-shortcuts strong{font-size:.85rem;line-height:1.4}.hw-shortcuts>a>span:last-child{font-size:.65rem}.hw-shortcut-number{font-size:.46rem}.announcement-list,.dossier-grid,.steps{grid-template-columns:1fr;gap:14px}.announcement-card{padding:24px}.dossier-card{padding:26px}.dossier-card h3{margin-top:28px}.stimmen>.wrap{gap:10px}.stimmen-slider{--stimmen-h:350px}.stimme{grid-template-columns:90px 1fr;padding:0 32px;gap:14px}.stimme-figure{height:230px;align-self:end}.stimme-text{padding-bottom:25px}.stimmen blockquote{font-size:.85rem}.stimmen-nav{width:28px;height:34px}.stimmen-nav.prev{left:2px}.stimmen-nav.next{right:2px}.seo-intro .wrap{display:block}.seo-intro .section-head h2{font-size:2rem}.split,body.is-mobile .split{grid-template-columns:1fr;gap:24px}.feature-list,body.is-mobile .feature-list{grid-template-columns:1fr;gap:9px}.steps{padding:0}.steps>li{padding:24px}.streamer-grid,.team-grid{grid-template-columns:1fr}.regelwerk-header{padding:38px 0 25px}.regelwerk-header::before{padding-inline:22px;font-size:.5rem;margin-bottom:20px}.regelwerk-header h1,body.is-mobile .regelwerk-header h1{font-size:clamp(2rem,9vw,3rem)}.regelwerk-header .wrap,body.is-mobile .regelwerk-header .wrap{padding-block:0}.regelwerk-meta{flex-direction:column;gap:10px}.toc-paper{padding:20px;margin-block:24px}.sb-felder{padding:18px}.hw-footer-invite{padding-block:36px!important}.site-footer>.wrap:last-child{grid-template-columns:1fr;gap:24px;padding-block:26px}.footer-links,body.is-mobile .footer-links{flex-direction:row;justify-content:flex-start;gap:4px 20px}.footer-links a,body.is-mobile .footer-links a{min-height:38px}.brand-name{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Desktop typography stays on two deliberate lines. */
.site-header .wrap, body.is-mobile .site-header .wrap { flex-direction: row; }
.brand-name { max-width: 120px; min-width: 112px; overflow-wrap: normal; }
.hw-hero h1 { font-size: clamp(3.4rem, 5.7vw, 5.8rem); letter-spacing: -.065em; }
.hw-hero-grid { min-height: 600px; }
.hw-scene { height: 565px; }
@media (max-width:1100px) and (min-width:701px) { .hw-hero h1 { font-size: clamp(2.8rem,5.6vw,4.8rem); } .hw-scene { height: 550px; } }
@media (max-width:700px) { .brand-name { min-width: 95px; max-width: 110px; } .hw-hero h1 { font-size: clamp(2.6rem,10.7vw,4.7rem); } .hw-scene { height: 440px; } }
/* Existing search components and social destinations remain accessible. */
body .rw-search-input, body .rw-result-card { background: #14181e; border-color: #383f4b; color: var(--ink); border-radius: 10px; }
body .rw-search-clear { background: #242a33 !important; }
.site-footer .social-nav { display: flex; margin: 0; align-self: start; gap: 4px; }
.site-footer .social-nav a { width: 32px; height: 36px; color: var(--stone); }
.site-footer .social-nav a:hover { color: var(--gold); }
@media (min-width:1101px) { .site-footer>.wrap:last-child { grid-template-columns: 1fr auto 1fr; gap: 30px; } }
@media (max-width:1100px) and (min-width:701px) { .site-footer .social-nav { grid-row: 2; } .site-footer .footer-links { grid-column: 2; grid-row: 1 / 3; } }
body.is-mobile .hw-hero h1 { font-size: clamp(2.6rem,10.7vw,4.7rem); line-height: .97; }
body.is-mobile .hw-hero-grid { padding-block: 0; }
/* Role badge uses orange lettering on a transparent surface. */
.stimme-role { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.hw-vote-banner { margin-top: 32px; }
.hw-vote-banner a { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; transition: border-color .2s ease, box-shadow .2s ease; }
.hw-vote-banner img { display: block; width: 100%; height: auto; }
.hw-vote-banner a:hover { border-color: var(--gold); box-shadow: 0 8px 30px #ff852d18; }
.hw-vote-banner a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
/* Position Duke relative to Dasy instead of the outer right edge. */
.hw-scene .hw-character-back { left: 38%; right: auto; transform: scaleX(-1); transform-origin: center; opacity: 1; }
@media (max-width:700px) { .hw-scene .hw-character-back { left: 35%; right: auto; } }
/* Keep the headline in two compact lines, with both key words orange. */
#hw-title { font-size: clamp(2.8rem, 4.8vw, 4.8rem); }
#hw-title > span { display: block; white-space: nowrap; }
#hw-title em { color: var(--gold); font-style: normal; }
@media (max-width:1100px) and (min-width:701px) { #hw-title { font-size: clamp(2.4rem, 4.7vw, 3.9rem); } }
@media (max-width:700px) { #hw-title, body.is-mobile #hw-title { font-size: clamp(1.8rem, 9.2vw, 3.5rem); } }
/* Dasy and Duke accompany useful entry points, outside forms and search controls. */
.hw-mascot-callout { display: grid; grid-template-columns: 190px minmax(0,1fr); align-items: center; gap: 38px; margin: 36px 0 12px; padding: 20px 40px 0 22px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(ellipse at 8% 100%,#ff852d16,transparent 50%),#171b21; overflow: hidden; }
.hw-mascot-callout>img { display: block; width: 190px; height: 255px; object-fit: contain; object-position: bottom; align-self: end; filter: drop-shadow(0 8px 15px #0005); }
.hw-mascot-callout>div { padding-block: 22px 32px; min-width: 0; }
.hw-mascot-callout .hw-kicker { margin-bottom: 12px; }
.hw-mascot-callout h2 { font-size: clamp(1.5rem,2.6vw,2.25rem); margin: 0 0 14px; }
.hw-mascot-callout p:not(.hw-kicker) { max-width: 710px; font-size: .87rem; color: var(--stone); }
.hw-mascot-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.hw-mascot-section-head>div { max-width: 750px; }
.hw-mascot-section-head>img { width: 150px; height: 190px; object-fit: contain; object-position: bottom; flex-shrink: 0; }
.hw-footer-invite.hw-footer-mascot { display: grid!important; grid-template-columns: minmax(0,1fr) 170px; align-items: center; gap: 34px; padding-bottom: 0!important; padding-top: 28px!important; }
.hw-footer-invite-copy { padding-block: 24px 44px; }
.hw-footer-invite-copy>p { color: var(--stone); font-size: .8rem; margin: 0 0 9px; }
.hw-footer-invite-copy>a { font-size: clamp(1.7rem,3.6vw,3.3rem); font-weight: 750; color: var(--ink); letter-spacing: -.045em; text-decoration: none; display: flex; justify-content: space-between; gap: 20px; line-height: 1.2; }
.hw-footer-invite-copy>a:hover { color: var(--gold); }
.hw-footer-invite-copy>a span { color: var(--gold); }
.hw-footer-mascot>img { width: 170px; height: 215px; object-fit: contain; object-position: bottom; align-self: end; }
@media(max-width:700px) {
  .hw-mascot-callout { grid-template-columns: 95px minmax(0,1fr); gap: 15px; padding: 18px 16px 0 8px; margin-top: 24px; border-radius: 12px; }
  .hw-mascot-callout>img { width: 95px; height: 170px; }
  .hw-mascot-callout>div { padding: 4px 0 22px; }
  .hw-mascot-callout h2 { font-size: 1.35rem; }
  .hw-mascot-callout .hw-kicker { font-size: .48rem; }
  .hw-mascot-callout p:not(.hw-kicker) { font-size: .78rem; }
  .hw-mascot-section-head { gap: 12px; }
  .hw-mascot-section-head h2 { font-size: 1.9rem; }
  .hw-mascot-section-head>img { width: 85px; height: 140px; }
  .hw-footer-invite.hw-footer-mascot { grid-template-columns: minmax(0,1fr) 88px; gap: 12px; }
  .hw-footer-mascot>img { width: 88px; height: 145px; }
  .hw-footer-invite-copy { padding-block: 12px 28px; }
  .hw-footer-invite-copy>a { font-size: 1.6rem; }
}

@media (max-width: 440px) {
  .hw-scene-caption {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 10px 14px;
  }

  .hw-scene-caption strong {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}