@font-face{font-family:'Bebas Neue';src:url('../assets/fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--display:'Bebas Neue','Arial Narrow',sans-serif;--brand-gradient:linear-gradient(90deg,#F7F8FC 0%,#2B6FE3 25%,#E04040 50%,#E68A00 75%,#C7FF3D 100%)}
h1,h2,h3,.big-heading,.scene-copy h1,.hero h1,.services h3,.evidence-panel h3,.native-card strong{font-family:var(--display);font-weight:400;letter-spacing:.015em;font-synthesis:none}
.logo,.wordmark{display:inline-flex;align-items:baseline;font-family:var(--display);font-size:2.6rem;font-weight:400;letter-spacing:.005em;line-height:1.05;background:none;color:var(--paper);-webkit-text-fill-color:var(--paper);font-synthesis:none;white-space:nowrap}
.logo .brand-genz,.wordmark .brand-genz{background:linear-gradient(90deg,#F7F8FC 0%,#2B6FE3 33.333%,#E04040 66.666%,#E68A00 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.logo .brand-dot,.wordmark .brand-dot{color:#C7FF3D;-webkit-text-fill-color:#C7FF3D;text-shadow:0 0 .3em #c7ff3d70}
.logo .brand-tv,.wordmark .brand-tv{font-size:.72em;color:#F7F8FC;-webkit-text-fill-color:#F7F8FC;margin-inline-start:.025em;letter-spacing:.01em}
.scene-copy h1{color:var(--paper)}.scene-copy h1 span{color:var(--lime)}
.journey-stage[data-scene=explore] .scene-copy h1{color:var(--ink)}.journey-stage[data-scene=explore] .scene-copy h1 span{color:var(--blue)}
.journey-stage[data-scene=field] .scene-copy h1 span{color:var(--orange)}
.journey-stage[data-scene=selection] .scene-copy h1{color:var(--paper)}.journey-stage[data-scene=selection] .scene-copy h1 span{color:var(--ink)}
.council h2,.activation h2{color:var(--ink)}.council h2 span{color:var(--ink);-webkit-text-stroke:0}.activation h2 span{opacity:1}.originals h2 span{color:var(--red);opacity:1}.closing h2 span{color:var(--lime)}
.site-header:has(.wordmark){background:var(--ink);color:var(--paper)}.site-header:has(.wordmark) .menu-toggle span{background:var(--paper)}
@media(max-width:700px){.logo,.wordmark{font-size:2rem}.scene-copy h1{font-size:clamp(2.8rem,12vw,4.6rem)}.journey-stage:not([data-scene=hero]) .scene-copy h1{font-size:clamp(2rem,8.4vw,3.2rem)}}
@media(forced-colors:active){.logo,.wordmark,.logo span,.wordmark span{background:none!important;color:LinkText!important;-webkit-text-fill-color:LinkText!important}}

.site-header .brief-trigger{background:#C7FF3D;color:#000;border-color:#C7FF3D;font-weight:600}
.site-header .brief-trigger:hover{background:#d7ff79;border-color:#d7ff79;color:#000}