:root{--ink:#101b2a;--paper:#f7f5ef;--red:#ed4038;--yellow:#f5c928;--teal:#43b6b3;--muted:#68717d;--line:#dfe2e3;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topline{height:7px;background:linear-gradient(90deg,var(--red) 0 33.3%,var(--yellow) 33.3% 66.6%,var(--teal) 66.6%)}header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:rgba(247,245,239,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,27,42,.1)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:'Anton',sans-serif;font-size:1.75rem;letter-spacing:.5px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--red);color:white;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:1.2rem;transform:rotate(-4deg)}.brand small{display:block;font:700 .57rem 'DM Sans',sans-serif;letter-spacing:2px;margin-top:-3px}.navlinks{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:700}.navlinks a:not(.nav-cta){transition:color .2s}.navlinks a:hover{color:var(--red)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:white;padding:13px 19px;border:2px solid var(--ink);font-weight:800;font-size:.82rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transition:.2s}.nav-cta:hover,.btn:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.menu-btn{display:none;background:transparent;border:2px solid var(--ink);padding:9px;font-size:1.2rem}.hero{position:relative;padding:82px 0 74px;overflow:hidden}.hero:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:var(--yellow);opacity:.2;filter:blur(3px);right:-160px;top:-200px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.eyebrow:before{content:'';width:25px;height:4px;background:var(--red)}h1,h2,h3,.display{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.2px}h1{font-size:clamp(4rem,8.7vw,8.1rem);line-height:.9;max-width:700px}h1 .red{color:var(--red)}.hero-copy{font-size:1.04rem;line-height:1.8;color:var(--muted);max-width:580px;margin:27px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.btn.secondary{background:transparent;color:var(--ink);box-shadow:none}.btn.secondary:hover{background:var(--ink);color:white;box-shadow:none}.hero-note{margin-top:27px;display:flex;gap:12px;align-items:center;font-size:.78rem;color:var(--muted);font-weight:700}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #43b6b322}.hero-art{position:relative;min-height:440px;display:grid;place-items:center}.art-frame{width:min(100%,460px);aspect-ratio: .9;background:var(--ink);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--red);position:relative;overflow:hidden;padding:25px;color:white;display:flex;flex-direction:column;justify-content:space-between}.art-frame:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 35%,#ed4038 35% 49%,transparent 49%),radial-gradient(circle at 70% 42%,#f5c928 0 13%,transparent 13.5%),linear-gradient(45deg,transparent 45%,#43b6b3 45% 60%,transparent 60%);opacity:.95}.art-top,.art-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px}.art-top span{font-size:.65rem;letter-spacing:2px;font-weight:800}.orbit{position:absolute;z-index:1;width:62%;aspect-ratio:1;border:2px solid rgba(255,255,255,.65);border-radius:50%;left:19%;top:22%;transform:rotate(-24deg)}.orbit:before,.orbit:after{content:'';position:absolute;border:2px solid rgba(255,255,255,.6);border-radius:50%;inset:13% -13%;transform:rotate(58deg)}.orbit:after{inset:-13% 13%;transform:rotate(-42deg)}.robot-symbol{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(6rem,12vw,9rem);filter:drop-shadow(8px 8px 0 var(--ink))}.art-bottom{align-items:end}.art-bottom strong{font-family:'Anton';font-size:2.4rem;line-height:.95}.art-bottom small{font-weight:700;letter-spacing:2px;text-align:right;font-size:.65rem}.sticker{position:absolute;right:-18px;top:35px;z-index:4;width:100px;height:100px;border-radius:50%;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);display:grid;place-items:center;text-align:center;font-family:'Anton';font-size:1.2rem;line-height:1.05;transform:rotate(12deg);box-shadow:5px 5px 0 var(--ink)}.marquee{background:var(--yellow);border-block:3px solid var(--ink);overflow:hidden;white-space:nowrap;padding:14px 0;font-family:'Anton';font-size:1.2rem;letter-spacing:2px}.marquee-track{display:flex;width:max-content;gap:28px;animation:slide 28s linear infinite}.marquee span{display:flex;align-items:center;gap:28px}.marquee i{font-style:normal;color:var(--red)}@keyframes slide{to{transform:translateX(-50%)}}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:.98;max-width:620px}.section-head h2 span{color:var(--red)}.section-head p{max-width:400px;color:var(--muted);font-size:.95rem;line-height:1.75}.events{background:#fff}.event-feature{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);background:var(--paper);overflow:hidden}.event-visual{min-height:390px;background:var(--red);position:relative;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}.event-visual:before{content:'12';font-family:'Anton';font-size:clamp(12rem,27vw,23rem);line-height:1;color:rgba(16,27,42,.18);position:absolute;right:-12px;bottom:-40px}.event-poster{position:relative;z-index:1;width:75%;max-width:350px;aspect-ratio:4/5;background:var(--ink);color:white;border:3px solid white;box-shadow:9px 9px 0 var(--ink);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg)}.event-poster .poster-kicker{font-size:.68rem;letter-spacing:2px;font-weight:800}.event-poster strong{font:clamp(3.3rem,6vw,5.7rem)/.85 'Anton';text-transform:uppercase}.event-poster strong span{color:var(--yellow)}.poster-foot{display:flex;justify-content:space-between;align-items:end;font-size:.65rem;letter-spacing:1px;font-weight:800}.event-info{padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.status{display:inline-flex;align-items:center;gap:8px;border:1px solid #d3d7d8;border-radius:99px;padding:7px 12px;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-bottom:23px}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--muted)}.event-info h3{font-size:clamp(2.7rem,4.7vw,4.6rem);line-height:.95;margin-bottom:20px}.event-info p{color:var(--muted);line-height:1.8;margin-bottom:24px;max-width:480px}.event-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:30px}.event-meta span{font-size:.78rem;font-weight:800;display:flex;align-items:center;gap:8px}.arrow{font-size:1.2rem}.archive{background:var(--ink);color:white;position:relative;overflow:hidden}.archive .section-head p{color:#bac2cb}.archive .section-head h2 span{color:var(--yellow)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-card{border:1px solid #45505c;padding:25px;min-height:205px;position:relative;background:#182738;transition:.25s}.archive-card:hover{transform:translateY(-5px);border-color:var(--yellow)}.archive-card .year{font:3.4rem 'Anton';color:var(--yellow);line-height:1}.archive-card h3{font-size:1.4rem;margin:13px 0 8px}.archive-card p{font-size:.85rem;line-height:1.6;color:#bac2cb;max-width:280px}.archive-card .arrow{position:absolute;right:22px;top:22px;color:var(--teal)}.archive-note{font-size:.78rem;color:#aab3bd;margin-top:18px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.about-label{font-size:.75rem;font-weight:800;letter-spacing:2px;color:var(--red);margin-bottom:20px}.about-grid h2{font-size:clamp(3.3rem,6vw,5.4rem);line-height:.95}.about-copy p{color:var(--muted);line-height:1.9;margin-bottom:18px;font-size:1rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.value{border-top:4px solid var(--teal);padding-top:15px}.value:nth-child(2){border-color:var(--red)}.value:nth-child(3){border-color:var(--yellow)}.value strong{font:1.45rem 'Anton';text-transform:uppercase;display:block;margin-bottom:6px}.value span{font-size:.8rem;color:var(--muted)}.contact{background:var(--yellow);padding:55px 0;border-block:3px solid var(--ink)}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.contact h2{font-size:clamp(2.6rem,5vw,4.3rem);line-height:.95}.contact p{margin-top:12px;color:#424b55;max-width:560px;line-height:1.65}.contact .btn{background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 white;flex-shrink:0}.contact .btn:hover{box-shadow:1px 1px 0 white}footer{background:var(--paper);padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:.75rem}.footer-brand{font-family:'Anton';font-size:1.3rem;color:var(--ink);letter-spacing:1px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--red)}
@media(max-width:850px){.navlinks{gap:16px}.navlinks a:not(.nav-cta){display:none}.hero-grid{grid-template-columns:1fr;gap:25px}.hero{padding-top:60px}.hero-art{min-height:390px}.art-frame{max-width:390px}.section-head{align-items:flex-start;flex-direction:column}.event-feature{grid-template-columns:1fr}.event-visual{min-height:350px}.event-poster{max-width:280px}.archive-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:30px}.contact-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.wrap{width:calc(100% - 34px)}header{height:70px}.brand{font-size:1.45rem}.brand-mark{width:37px;height:37px}.nav-cta{padding:11px 12px;font-size:.68rem}.hero{padding:48px 0 55px}h1{font-size:clamp(3.7rem,17vw,5.5rem)}.hero-copy{font-size:.95rem;margin:22px 0}.hero-art{min-height:330px}.art-frame{width:85%;padding:17px}.sticker{width:80px;height:80px;font-size:1rem;right:-3px;top:14px}.section{padding:65px 0}.section-head{margin-bottom:28px}.event-visual{min-height:300px;padding:20px}.event-poster{width:70%;padding:17px}.event-info{padding:27px 22px}.event-meta{gap:13px;flex-direction:column}.archive-grid{grid-template-columns:1fr}.archive-card{min-height:170px}.values{grid-template-columns:1fr;gap:20px}.contact{padding:42px 0}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.marquee{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*,*:before,*:after{transition:none!important}}

/* =========================================================
   KRON HOMEPAGE REDESIGN — applies only to index.html/home.css
   ========================================================= */
:root{
  --ink:#092d5a;
  --paper:#0878bd;
  --red:#c52c83;
  --yellow:#ffd34f;
  --teal:#79ffe3;
  --muted:#e2f4ff;
  --line:rgba(255,255,255,.34);
  --white:#fff;
}
html{scroll-padding-top:88px}
body{
  color:#fff;
  background:
    radial-gradient(ellipse at 8% 22%,rgba(72,164,255,.8),transparent 38%),
    radial-gradient(ellipse at 87% 55%,rgba(103,226,205,.52),transparent 35%),
    linear-gradient(125deg,#0876c8 0%,#126db2 46%,#4da8bd 100%);
}
.topline{
  height:7px;
  background:linear-gradient(90deg,#f4a0a0 0%,#c52c83 48%,#e9a0a0 100%);
  border-bottom:2px solid #ffe29a;
}
header{
  height:82px;
  background:rgba(15,166,126,.88);
  border-bottom:2px solid rgba(121,255,227,.9);
  backdrop-filter:blur(16px);
}
.brand{color:#fff;text-shadow:0 2px 8px #073a5b55}
.brand-mark{
  background:linear-gradient(135deg,#f8a1a1,#c52c83);
  border:2px solid #fff;
  box-shadow:4px 4px 0 rgba(7,45,90,.65);
}
.brand small{color:#f1fffd}
.navlinks{color:#fff}
.navlinks a:not(.nav-cta):hover{color:var(--teal)}
.nav-cta,.btn{
  background:#c52c83;
  color:#fff;
  border:2px solid #fff;
  box-shadow:4px 4px 0 rgba(7,45,90,.62);
}
.nav-cta:hover,.btn:hover{
  transform:translate(3px,3px);
  box-shadow:1px 1px 0 rgba(7,45,90,.62);
}
.menu-btn{color:#fff;border-color:#fff}
.hero{
  padding:76px 0 72px;
  background:transparent;
}
.hero:before{
  width:520px;height:520px;
  right:-250px;top:-60px;
  border:18px solid rgba(121,255,227,.9);
  background:transparent;filter:none;opacity:1;
}
.hero:after{
  content:"";
  position:absolute;
  width:350px;height:350px;
  border:17px solid rgba(121,255,227,.9);
  border-radius:50%;
  left:-280px;top:12%;
  pointer-events:none;
}
.hero-grid{gap:38px}
.eyebrow{color:#fff;letter-spacing:1.5px}
.eyebrow:before{background:var(--teal);height:6px;width:34px}
h1{
  font-size:clamp(3.9rem,7.4vw,7.2rem);
  line-height:.98;
  letter-spacing:1px;
  color:#fff;
  text-shadow:0 5px 0 rgba(5,43,79,.22),0 8px 18px rgba(4,40,76,.22);
}
h1 .red{color:var(--teal)}
.hero-copy{
  color:#f1fbff;
  font-weight:600;
  line-height:1.7;
  text-shadow:0 1px 6px rgba(0,36,74,.12);
}
.btn.secondary{
  color:#fff;
  border-color:var(--teal);
  background:rgba(121,255,227,.12);
  box-shadow:4px 4px 0 rgba(7,45,90,.45);
}
.btn.secondary:hover{background:var(--teal);color:#07375d}
.hero-note{color:#eaffff;letter-spacing:.5px}
.live-dot{background:var(--teal);box-shadow:0 0 0 5px #79ffe333}
.hero-art{min-height:460px}
.art-frame{
  width:min(100%,440px);
  aspect-ratio:.92;
  background:linear-gradient(150deg,#0b3670,#0b8cb7 60%,#7cf6d9);
  border:3px solid #fff;
  box-shadow:12px 12px 0 #c52c83,20px 20px 0 rgba(7,45,90,.4);
  padding:24px;
}
.art-frame:before{
  background:
    radial-gradient(circle at 50% 48%,rgba(121,255,227,.3) 0 23%,transparent 23.5%),
    repeating-radial-gradient(circle at 50% 48%,transparent 0 30px,rgba(255,255,255,.12) 31px 33px),
    linear-gradient(145deg,transparent 37%,#c52c83 37% 43%,transparent 43%),
    linear-gradient(45deg,transparent 44%,rgba(121,255,227,.75) 44% 49%,transparent 49%);
}
.art-top span{color:#e9ffff}
.orbit{border-color:rgba(255,255,255,.8)}
.orbit:before,.orbit:after{border-color:rgba(255,255,255,.7)}
.robot-symbol{
  font-size:clamp(6rem,11vw,8.8rem);
  filter:drop-shadow(7px 8px 0 rgba(7,45,90,.5));
}
.art-bottom strong{font-size:2.5rem;text-shadow:0 3px 0 rgba(7,45,90,.3)}
.sticker{
  border-radius:0;
  background:#c52c83;
  color:#fff;
  border:3px solid #fff;
  box-shadow:5px 5px 0 #ffd34f;
  transform:rotate(9deg);
}
.marquee{
  position:relative;
  z-index:2;
  transform:rotate(-2deg) scale(1.02);
  margin:10px 0 14px;
  background:linear-gradient(90deg,#9a48e8,#e85e91,#ff944f);
  border-block:3px solid #082b51;
  color:#fff;
  padding:13px 0;
  text-shadow:0 1px 2px #572b6c55;
}
.marquee i{color:#ffd34f}
.section{position:relative;padding:86px 0}
.section-head h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(7,45,90,.18);
}
.section-head h2 span{color:var(--teal)}
.section-head p{color:#eefaff}
.events{background:transparent}
.event-feature{
  border:3px solid #fff;
  box-shadow:10px 10px 0 #ff9b4d,18px 18px 0 rgba(7,45,90,.28);
  background:rgba(13,92,157,.48);
}
.event-visual{
  background:linear-gradient(145deg,#c52c83,#a421b1);
}
.event-visual:before{color:rgba(255,255,255,.1)}
.event-poster{
  background:linear-gradient(160deg,#0c4380,#0e9db4);
  border:3px solid #fff;
  box-shadow:8px 8px 0 rgba(7,45,90,.65);
}
.event-poster strong span{color:#ffd34f}
.event-info{color:#fff}
.status{
  color:#fff;
  border-color:rgba(255,255,255,.7);
  background:rgba(5,52,102,.24);
}
.status:before{background:var(--teal)}
.event-info p{color:#edfaff}
.event-meta span{color:#fff}
.archive{
  color:#fff;
  background:transparent;
  border-top:1px solid rgba(255,255,255,.18);
}
.archive .section-head p{color:#e3f7ff}
.archive .section-head h2 span{color:#ffd34f}
.archive-card{
  border:1px solid rgba(255,255,255,.4);
  padding:25px;
  min-height:220px;
  background:linear-gradient(125deg,#c52c83,#a51ca0);
  box-shadow:4px 4px 0 rgba(8,46,85,.28);
}
.archive-card:hover{
  transform:translateY(-5px);
  border-color:#fff;
  box-shadow:7px 7px 0 rgba(8,46,85,.4);
}
.archive-card .year{color:#fff;font-size:3.6rem}
.archive-card h3{color:#ffd34f}
.archive-card p{color:#fff;opacity:.94}
.archive-card .arrow{color:#fff;font-size:2rem}
.archive-note{color:#eafaff}
.about-grid h2{color:#fff;text-shadow:0 4px 0 rgba(7,45,90,.18)}
.about-label{color:var(--teal)}
.about-copy p{color:#f0fbff}
.values{gap:16px}
.value{
  border:1px solid rgba(255,255,255,.35);
  border-top:5px solid var(--teal);
  padding:18px;
  background:linear-gradient(135deg,#c52c83,#a51ca0);
}
.value:nth-child(2){border-top-color:#ffd34f}
.value:nth-child(3){border-top-color:#ff9a4e}
.value strong{color:#fff;font-size:1.65rem}
.value span{color:#fff}
.contact{
  background:linear-gradient(100deg,#f0a0a0,#c52c83 72%);
  color:#fff;
  border-block:3px solid #ffe29a;
  position:relative;
}
.contact h2{color:#fff;text-shadow:0 4px 0 rgba(7,45,90,.2)}
.contact p{color:#fff;font-weight:600}
.contact .btn{
  background:#c52c83;
  border-color:#fff;
  box-shadow:4px 4px 0 rgba(7,45,90,.55);
}
footer{
  background:#082e59;
  color:#e4f8ff;
  border-top:2px solid rgba(121,255,227,.8);
}
.footer-inner{color:#c7e9fa}
.footer-brand{color:#fff}
.footer-links a:hover{color:var(--teal)}
@media(max-width:850px){
  .hero{padding-top:58px}
  .hero-art{min-height:400px}
  .event-feature{box-shadow:7px 7px 0 #ff9b4d}
}
@media(max-width:520px){
  .topline{height:6px}
  header{height:70px}
  .hero{padding:45px 0 52px}
  h1{font-size:clamp(3.4rem,15.5vw,5.1rem)}
  .hero-art{min-height:320px}
  .art-frame{width:82%;padding:16px}
  .section{padding:62px 0}
  .archive-card{min-height:185px}
  .marquee{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){
  .marquee{transform:none}
}