/*
Theme Name: Celerity Originals
Theme URI: https://example.com/
Author: Celerity Originals
Description: Visionary parent-brand theme for Celerity Originals, connecting Celerity Press and Celerity Entertainment.
Version: 1.2.6
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: celerity-originals
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{
  --black:#07090a;
  --black-2:#0d1113;
  --ink:#111417;
  --char:#283035;
  --ivory:#f7f4ed;
  --paper:#eee8dc;
  --gold:#c8a96e;
  --gold-hi:#e0c58d;
  --blue:#547583;
  --blue-deep:#1c343f;
  --muted:#737875;
  --line:rgba(17,20,23,.14);
  --line-dark:rgba(255,255,255,.12);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.container{width:min(1240px,calc(100% - 48px));margin:auto}

/* NETWORK BAR + HEADER */
.network{position:relative;z-index:100;background:#050607;color:#d8d4cc;border-bottom:1px solid rgba(255,255,255,.08);font-size:.64rem;text-transform:uppercase;letter-spacing:.15em}
.network .container{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.network a{opacity:.62;transition:opacity .2s,color .2s}
.network a:hover,.network .current{color:#d9bf8a;opacity:1}
.network .dot{opacity:.25}

.header{position:sticky;top:0;z-index:90;background:rgba(7,9,10,.91);color:#fff;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}
.header-in{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px}
.co-mark{width:46px;height:46px;position:relative;filter:drop-shadow(0 0 14px rgba(200,169,110,.14))}
.co-mark:before,.co-mark:after{content:'';position:absolute;border:1px solid rgba(244,237,223,.86);border-radius:50%;width:31px;height:31px;top:7px}
.co-mark:before{left:2px}.co-mark:after{right:2px}
.co-mark i{position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);transform:rotate(-5deg);box-shadow:0 0 12px rgba(224,197,141,.4)}
.brand-name{display:block;font:600 1.18rem/1 var(--serif);letter-spacing:.14em}
.brand-sub{display:block;font:.6rem/1 var(--sans);letter-spacing:.38em;margin-top:6px;color:#b9b5ad}
.nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}
.nav a{font-size:.67rem;text-transform:uppercase;letter-spacing:.11em;color:#cdd0ce;transition:color .2s}
.nav a:hover{color:var(--gold-hi)}
.nav-toggle{display:none;border:0;background:none;color:#fff;font-size:1.6rem}

/* HERO */
.co-hero{
  --mx:0px;
  --my:0px;
  --sun-x:46%;
  --sun-y:57%;
  position:relative;
  min-height:min(920px,calc(100vh - 116px));
  color:#fff;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 68% 48%,rgba(76,117,133,.22),transparent 27%),
    radial-gradient(circle at 51% 70%,rgba(205,170,102,.10),transparent 30%),
    linear-gradient(128deg,#050607 0%,#091014 51%,#0b151a 76%,#050607 100%);
}
.co-network-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-5;opacity:.62}
.co-hero-grid{
  position:absolute;z-index:-7;inset:-14%;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:74px 74px;
  transform:perspective(850px) rotateX(61deg) translateY(18%);
  transform-origin:bottom center;
  mask-image:linear-gradient(180deg,transparent 0%,#000 35%,#000 75%,transparent 100%);
}
.co-hero-orbit{position:absolute;z-index:-6;border:1px solid rgba(209,182,128,.17);border-radius:50%;pointer-events:none}
.co-orbit-one{width:900px;height:900px;right:-250px;top:-260px;box-shadow:0 0 0 90px rgba(203,168,101,.018),0 0 0 210px rgba(84,117,131,.018);animation:coOrbit 28s linear infinite}
.co-orbit-two{width:520px;height:520px;right:45px;top:92px;border-color:rgba(119,157,169,.12);animation:coOrbitReverse 34s linear infinite}
.co-hero-flare{
  position:absolute;z-index:-4;
  left:var(--sun-x);right:-8%;top:var(--sun-y);height:2px;
  background:linear-gradient(90deg,transparent,rgba(211,181,122,.12) 16%,rgba(249,219,157,.82) 51%,rgba(112,154,168,.2) 74%,transparent);
  box-shadow:0 0 16px rgba(224,190,123,.23),0 0 74px rgba(102,150,165,.12);
  transform:translateX(calc(var(--mx) * -.08));
}
.co-hero-flare:after{
  content:'';position:absolute;left:0;top:50%;width:130px;height:130px;border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,228,171,.28),rgba(199,165,99,.07) 28%,transparent 66%);
  filter:blur(7px)
}
.co-hero-word{
  position:absolute;z-index:-8;left:-1.7vw;bottom:-4.8vw;
  color:transparent;-webkit-text-stroke:1px #050607;
  font:600 clamp(9rem,22vw,25rem)/.75 var(--serif);
  letter-spacing:-.06em;white-space:nowrap;
  transform:translate3d(calc(var(--mx) * .025),0,0)
}

.co-sunburst{
  position:absolute;
  z-index:-3;
  left:var(--sun-x);
  top:var(--sun-y);
  width:480px;
  height:480px;
  pointer-events:none;
  transform:translate(calc(-50% + (var(--mx) * -0.08)),calc(-50% + (var(--my) * -0.03)));
  opacity:0;
  background:
    conic-gradient(from -18deg,
      transparent 0deg 4deg,
      rgba(255,236,192,.98) 4deg 6deg,
      rgba(255,225,164,.2) 6deg 8deg,
      transparent 8deg 14deg,
      rgba(233,200,133,.9) 14deg 16deg,
      rgba(233,200,133,.18) 16deg 19deg,
      transparent 19deg 26deg,
      rgba(152,187,199,.55) 26deg 27.5deg,
      transparent 27.5deg 34deg,
      rgba(255,236,192,.95) 34deg 35.5deg,
      transparent 35.5deg 46deg,
      rgba(233,200,133,.86) 46deg 48deg,
      transparent 48deg 58deg,
      rgba(255,236,192,.9) 58deg 60deg,
      transparent 60deg 72deg,
      rgba(152,187,199,.48) 72deg 73.5deg,
      transparent 73.5deg 86deg,
      rgba(233,200,133,.78) 86deg 88deg,
      transparent 88deg 100deg,
      rgba(255,236,192,.88) 100deg 102deg,
      transparent 102deg 118deg,
      rgba(233,200,133,.72) 118deg 120deg,
      transparent 120deg 360deg);
  -webkit-mask:radial-gradient(circle, transparent 0 18px, rgba(0,0,0,.99) 20px, rgba(0,0,0,.9) 34px, transparent 76%);
  mask:radial-gradient(circle, transparent 0 18px, rgba(0,0,0,.99) 20px, rgba(0,0,0,.9) 34px, transparent 76%);
  filter:blur(.15px) drop-shadow(0 0 12px rgba(255,222,160,.28));
  mix-blend-mode:screen;
  animation:coSunburst 5.9s cubic-bezier(.18,.72,.2,1) infinite;
}
.co-sunburst:before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,241,211,.22) 0%, rgba(255,226,168,.09) 26%, rgba(143,180,193,.08) 42%, transparent 68%);
  filter:blur(10px);
}

.co-shooting-star{
  position:absolute;
  z-index:-2;
  left:var(--sun-x);
  top:var(--sun-y);
  width:360px;
  height:3px;
  pointer-events:none;
  transform-origin:left center;
  transform:translate(-2px,-50%) rotate(-8deg) scaleX(0);
  opacity:0;
  background:linear-gradient(90deg,
    rgba(255,248,225,1) 0%,
    rgba(255,228,168,.98) 9%,
    rgba(214,184,121,.92) 18%,
    rgba(164,198,209,.6) 42%,
    rgba(164,198,209,.18) 72%,
    transparent 100%);
  box-shadow:
    0 0 18px rgba(248,223,172,.55),
    0 0 52px rgba(112,154,168,.22);
  animation:coShootStar 5.9s cubic-bezier(.18,.72,.2,1) infinite;
}
.co-shooting-star:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:14px;
  height:14px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(255,251,239,1) 0%, rgba(255,229,176,.98) 32%, rgba(176,208,219,.56) 62%, transparent 100%);
  box-shadow:
    0 0 18px rgba(255,232,179,.78),
    0 0 36px rgba(124,165,180,.28);
}

@keyframes coSunburst{
  0%,14%{
    opacity:0;
    transform:translate(calc(-50% + (var(--mx) * -0.08)),calc(-50% + (var(--my) * -0.03))) scale(.05) rotate(-10deg);
  }
  19%{
    opacity:.98;
  }
  28%{
    opacity:.82;
    transform:translate(calc(-50% + 26px + (var(--mx) * -0.08)),calc(-50% - 4px + (var(--my) * -0.03))) scale(.92) rotate(-5deg);
  }
  40%{
    opacity:.34;
    transform:translate(calc(-50% + 78px + (var(--mx) * -0.08)),calc(-50% - 10px + (var(--my) * -0.03))) scale(1.22) rotate(0deg);
  }
  53%{
    opacity:0;
    transform:translate(calc(-50% + 128px + (var(--mx) * -0.08)),calc(-50% - 18px + (var(--my) * -0.03))) scale(1.55) rotate(4deg);
  }
  100%{
    opacity:0;
    transform:translate(calc(-50% + 128px + (var(--mx) * -0.08)),calc(-50% - 18px + (var(--my) * -0.03))) scale(1.55) rotate(4deg);
  }
}

@keyframes coShootStar{
  0%,16%{
    opacity:0;
    transform:translate(-2px,-50%) rotate(-8deg) scaleX(0);
  }
  22%{
    opacity:1;
    transform:translate(4px,-52%) rotate(-8deg) scaleX(.28);
  }
  34%{
    opacity:.98;
    transform:translate(36px,-54%) rotate(-7deg) scaleX(.95);
  }
  46%{
    opacity:.84;
    transform:translate(112px,-58%) rotate(-5deg) scaleX(1.22);
  }
  58%{
    opacity:0;
    transform:translate(190px,-62%) rotate(-3deg) scaleX(1.55);
  }
  100%{
    opacity:0;
    transform:translate(190px,-62%) rotate(-3deg) scaleX(1.55);
  }
}
  24%{
    opacity:1;
    transform:translate(-2px,-50%) rotate(-22deg) scaleX(.25);
  }
  36%{
    opacity:.95;
    transform:translate(8px,-58%) rotate(-22deg) scaleX(1);
  }
  48%{
    opacity:0;
    transform:translate(46px,-72%) rotate(-22deg) scaleX(1.38);
  }
  100%{
    opacity:0;
    transform:translate(46px,-72%) rotate(-22deg) scaleX(1.38);
  }
}
  24%{
    opacity:1;
    transform:translate(-50%,-50%) rotate(-22deg) scaleX(.25);
  }
  36%{
    opacity:.95;
    transform:translate(calc(-50% + 10px),calc(-50% - 8px)) rotate(-22deg) scaleX(1);
  }
  48%{
    opacity:0;
    transform:translate(calc(-50% + 48px),calc(-50% - 22px)) rotate(-22deg) scaleX(1.38);
  }
  100%{
    opacity:0;
    transform:translate(calc(-50% + 48px),calc(-50% - 22px)) rotate(-22deg) scaleX(1.38);
  }
}

.co-hero-inner{
  position:relative;z-index:2;
  min-height:min(790px,calc(100vh - 150px));
  display:flex;flex-direction:column;justify-content:center;
  padding-top:66px;padding-bottom:124px
}
.co-hero-kicker{
  display:flex;align-items:center;gap:14px;
  color:#c7cbc8;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase
}
.co-hero-kicker i{width:46px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,169,110,.05))}
.co-hero h1{
  max-width:1110px;margin:28px 0 0;
  font:500 clamp(4.7rem,9.25vw,9.15rem)/.83 var(--serif);
  letter-spacing:-.045em
}
.co-hero h1 span{display:block}
.co-horizon-line{
  color:#e5d8bf;
  text-shadow:0 0 38px rgba(214,184,128,.12)
}
.co-hero-lower{
  margin-top:39px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px
}
.co-hero-intro{
  max-width:560px;margin:0;color:#aeb7b5;font-size:1.02rem;line-height:1.75
}
.co-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.co-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:16px;
  padding:14px 18px;border:1px solid rgba(255,255,255,.18);
  font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;
  transition:all .25s ease
}
.co-btn span{font-size:.9rem}
.co-btn-primary{background:var(--gold);border-color:var(--gold);color:#0a0c0d}
.co-btn-primary:hover{background:#e0c58d;border-color:#e0c58d;transform:translateY(-2px)}
.co-btn-ghost{color:#d3d8d5;background:rgba(255,255,255,.025)}
.co-btn-ghost:hover{border-color:rgba(224,197,141,.46);color:#fff;background:rgba(255,255,255,.05)}
.co-hero-rail{
  position:absolute;z-index:4;left:0;right:0;bottom:0;
  border-top:1px solid rgba(255,255,255,.1);
  background:rgba(3,5,6,.46);backdrop-filter:blur(10px)
}
.co-hero-rail .container{height:88px;display:grid;grid-template-columns:repeat(4,1fr)}
.co-rail-item{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-content:center;padding:0 22px;border-right:1px solid rgba(255,255,255,.08)}
.co-rail-item:first-child{border-left:1px solid rgba(255,255,255,.08)}
.co-rail-item span{grid-row:1/3;color:#8a938f;font-size:.56rem;letter-spacing:.1em}
.co-rail-item b{font:500 1rem/1.1 var(--serif);color:#ece6db}
.co-rail-item small{margin-top:4px;color:#747e7a;font-size:.54rem;text-transform:uppercase;letter-spacing:.1em}

/* INDEX LABEL */
.co-index{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:#a17d45;font-weight:700}

/* MANIFESTO */
.co-manifesto{padding:132px 0 142px;background:var(--ivory)}
.co-manifesto-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:68px}
.co-manifesto-index{padding-top:13px;font-size:.59rem;text-transform:uppercase;letter-spacing:.18em;color:#9b7b47;font-weight:700}
.co-manifesto-copy{max-width:940px}
.co-manifesto-lead{margin:0 0 10px;font:.58rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#8b8881;font-weight:700}
.co-manifesto-display{margin:0;font:500 clamp(3.6rem,6.5vw,6.8rem)/.96 var(--serif);letter-spacing:-.035em}
.co-manifesto-display em{color:#94713b}
.co-manifesto-body{margin-top:45px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:44px}
.co-manifesto-body p{margin:0;color:#61615d;font-size:.97rem;line-height:1.72}

/* COMPANY NETWORK */
.co-network-section{padding:118px 0 130px;background:#e9e2d6}
.co-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr);gap:85px;align-items:end;margin-bottom:53px}
.co-section-head h2{margin:10px 0 0;font:500 clamp(3.2rem,5.8vw,6rem)/.95 var(--serif);letter-spacing:-.03em}
.co-section-head h2 em{color:#8c6934}
.co-section-head>p{margin:0;color:#62605a;line-height:1.75}
.co-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.co-company{position:relative;min-height:585px;overflow:hidden;border:1px solid rgba(17,20,23,.14);display:flex;flex-direction:column;padding:33px;color:#111}
.co-company-bg{position:absolute;inset:0;z-index:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.co-company-press .co-company-bg{
  background:
    linear-gradient(180deg,rgba(247,242,232,.1),rgba(232,221,201,.91)),
    radial-gradient(circle at 75% 23%,rgba(202,169,107,.43),transparent 26%),
    repeating-linear-gradient(90deg,rgba(30,26,19,.035) 0 1px,transparent 1px 42px),
    #eee3d1
}
.co-company-ent{color:#fff;border-color:rgba(255,255,255,.12);background:#11171a}
.co-company-ent .co-company-bg{
  background:
    linear-gradient(180deg,rgba(8,10,11,.1),rgba(7,10,12,.84)),
    radial-gradient(circle at 72% 35%,rgba(88,130,145,.45),transparent 29%),
    radial-gradient(circle at 64% 54%,rgba(205,170,105,.18),transparent 15%),
    linear-gradient(130deg,#172126,#0a0e10)
}
.co-company:hover .co-company-bg{transform:scale(1.035)}
.co-company-top,.co-company-copy{position:relative;z-index:2}
.co-company-top{display:flex;justify-content:space-between;align-items:center}
.co-company-no{font:.62rem var(--sans);letter-spacing:.14em;opacity:.55}
.co-company-type{font:.6rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#94713a}
.co-company-ent .co-company-type{color:#d0b377}
.co-company-copy{margin-top:auto;max-width:520px}
.co-company-overline{margin-bottom:12px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#937141;font-weight:700}
.co-company-ent .co-company-overline{color:#d2b982}
.co-company h3{margin:0 0 20px;font:500 clamp(3.6rem,5vw,5.7rem)/.82 var(--serif);letter-spacing:-.04em}
.co-company p{max-width:480px;margin:0;color:#665f55;font-size:.94rem;line-height:1.7}
.co-company-ent p{color:#b6c0bd}
.co-company-link{margin-top:31px;padding-top:17px;border-top:1px solid rgba(17,20,23,.16);display:flex;justify-content:space-between;font-size:.6rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.co-company-ent .co-company-link{border-color:rgba(255,255,255,.14);color:#dbc9aa}

/* SYSTEM FLOW */
.co-system{padding:118px 0 132px;background:#fbf8f1}
.co-system-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:74px}
.co-system-top p{max-width:590px;margin:0;font:500 clamp(1.65rem,2.7vw,2.7rem)/1.2 var(--serif);color:#2a2c2b}
.co-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.co-flow-line{position:absolute;left:6%;right:6%;top:22px;height:1px;background:#cfc7b8;overflow:hidden}
.co-flow-line i{display:block;width:32%;height:100%;background:linear-gradient(90deg,transparent,#ae874a,#527482,transparent);animation:coFlow 6s linear infinite}
.co-flow-node{position:relative;padding:60px 26px 10px 0}
.co-flow-node:before{content:'';position:absolute;top:16px;left:0;width:13px;height:13px;border-radius:50%;background:#f9f7f2;border:2px solid #9c9485;box-shadow:0 0 0 7px #f9f7f2}
.co-flow-node.is-active:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 7px #f9f7f2,0 0 26px rgba(180,137,70,.25)}
.co-flow-node span{font-size:.55rem;color:#999387;letter-spacing:.13em}
.co-flow-node strong{display:block;margin-top:7px;font:500 1.8rem/1 var(--serif)}
.co-flow-node small{display:block;margin-top:10px;color:#86827a;font-size:.57rem;text-transform:uppercase;letter-spacing:.1em}

/* SELECTED WORLDS */
.co-work{padding:125px 0 138px;background:#080b0d;color:#fff;position:relative;overflow:hidden}
.co-work:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 24%,rgba(76,116,132,.18),transparent 29%),radial-gradient(circle at 16% 74%,rgba(191,151,82,.09),transparent 25%)}
.co-work .container{position:relative;z-index:2}
.co-section-head-dark h2 em{color:#d7c3a0}
.co-section-head-dark>p{color:#aeb6b3}
.co-work .co-index{color:#c8a96e}
.co-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.co-world{position:relative;min-height:500px;padding:28px;border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;flex-direction:column;background:#101518;transition:transform .35s ease,border-color .35s ease}
.co-world:before{content:'';position:absolute;inset:0;z-index:0;opacity:.88;transition:transform 1.1s ease}
.co-world:hover{transform:translateY(-6px);border-color:rgba(220,193,143,.28)}
.co-world:hover:before{transform:scale(1.035)}
.co-world-ideas:before{background:linear-gradient(180deg,rgba(11,14,16,.08),rgba(8,10,11,.92)),radial-gradient(circle at 72% 22%,rgba(193,158,95,.45),transparent 28%),linear-gradient(135deg,#222019,#101416)}
.co-world-mystery:before{background:linear-gradient(180deg,rgba(11,14,16,.08),rgba(8,10,11,.92)),radial-gradient(circle at 35% 20%,rgba(118,124,113,.32),transparent 27%),linear-gradient(135deg,#252723,#101312)}
.co-world-war:before{background:linear-gradient(180deg,rgba(11,14,16,.08),rgba(8,10,11,.92)),radial-gradient(circle at 75% 26%,rgba(67,119,139,.4),transparent 30%),linear-gradient(135deg,#14222a,#0d1012)}
.co-world>*{position:relative;z-index:2}
.co-world-no{font-size:.55rem;letter-spacing:.13em;color:#6f7774}
.co-world-type{margin-top:35px;font-size:.57rem;text-transform:uppercase;letter-spacing:.15em;color:#c8a96e}
.co-world h3{margin:16px 0 21px;font:500 clamp(2.7rem,4vw,4.2rem)/.87 var(--serif);letter-spacing:-.035em}
.co-world p{margin:0;color:#acb4b1;font-size:.9rem;line-height:1.68}
.co-world-origin{margin-top:auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:#77817d}

/* HORIZON CLOSE */
.co-horizon{position:relative;overflow:hidden;padding:145px 0 158px;background:#eee8dc;color:#111}
.co-horizon-glow{position:absolute;left:-10%;right:-10%;bottom:-65%;height:95%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#314752,#17282f);border-top:1px solid rgba(171,135,75,.6);box-shadow:0 -14px 80px rgba(102,142,155,.12),0 -2px 18px rgba(192,150,79,.15)}
.co-horizon-glow:before{content:'';position:absolute;left:20%;right:20%;top:-2px;height:2px;background:linear-gradient(90deg,transparent,#d4ae6b,#f1d59d,#d4ae6b,transparent);filter:blur(.3px)}
.co-horizon-inner{position:relative;z-index:2;text-align:center}
.co-horizon-small{margin:30px auto 20px;color:#706c65;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}
.co-horizon blockquote{max-width:1030px;margin:0 auto;font:500 clamp(3.8rem,7vw,7.3rem)/.93 var(--serif);letter-spacing:-.04em}
.co-horizon blockquote em{color:#8e6b36}
.co-horizon-actions{margin-top:46px;display:flex;justify-content:center;gap:38px}
.co-horizon-actions a{font-size:.6rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;border-bottom:1px solid #aa966f;padding-bottom:6px}

/* MARQUEE */
.co-marquee{overflow:hidden;background:#07090a;color:#e8dfce;border-top:1px solid rgba(255,255,255,.1);padding:19px 0}
.co-marquee-track{width:max-content;display:flex;align-items:center;gap:26px;animation:coMarquee 26s linear infinite;font:500 1rem/1 var(--serif);letter-spacing:.15em}
.co-marquee-track i{color:#b69257;font-style:normal;font-size:.7rem}

/* FOOTER */
.footer{background:#07090a;color:#c9cecb;padding:64px 0 30px;border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:60px}
.footer h4{font:600 1.15rem var(--serif);color:#fff;margin:0 0 14px}
.footer p,.footer a{font-size:.79rem;color:#939b97}
.footer a:hover{color:#d6bf92}
.footer-links{display:grid;gap:7px}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;font-size:.64rem;color:#707975;display:flex;justify-content:space-between;gap:20px}

/* CONTENT PAGES */
.content-page{padding:100px 0;background:var(--ivory)}
.content-page article{max-width:860px;margin:auto}
.content-page h1{font:500 clamp(3.5rem,6vw,6rem)/.93 var(--serif);letter-spacing:-.03em;margin:0 0 38px}
.content-page h2{font:600 2.2rem var(--serif);margin-top:48px}
.content-page p{font-size:1rem;color:#575750}
.content-page blockquote{margin:42px 0;padding:0 0 0 28px;border-left:2px solid var(--gold);font:500 1.8rem/1.35 var(--serif)}
.post-list{display:grid;gap:22px}.post-card{border-top:1px solid var(--line);padding:24px 0}.post-card h2{font:600 2rem var(--serif);margin:0 0 8px}

/* ANIMATION */
@keyframes coOrbit{to{transform:rotate(360deg)}}
@keyframes coOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes coFlow{from{transform:translateX(-110%)}to{transform:translateX(430%)}}
@keyframes coMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* RESPONSIVE */
@media(max-width:1000px){
  .co-hero{min-height:auto}
  .co-hero-inner{min-height:700px;padding-top:70px}
  .co-hero-lower{align-items:flex-start;flex-direction:column}
  .co-hero-actions{justify-content:flex-start}
  .co-hero-rail{position:relative}
  .co-hero-rail .container{height:auto;grid-template-columns:1fr 1fr}
  .co-rail-item{min-height:78px;border-bottom:1px solid rgba(255,255,255,.08)}
  .co-manifesto-grid{grid-template-columns:1fr;gap:28px}
  .co-manifesto-index{padding-top:0}
  .co-section-head{grid-template-columns:1fr;gap:26px}
  .co-company-grid{grid-template-columns:1fr}
  .co-system-top{align-items:flex-start;flex-direction:column}
  .co-flow{grid-template-columns:1fr}
  .co-flow-line{left:6px;right:auto;top:18px;bottom:18px;width:1px;height:auto}
  .co-flow-line i{width:100%;height:24%;animation:none;background:linear-gradient(180deg,#ae874a,#527482,transparent)}
  .co-flow-node{padding:0 0 28px 42px}
  .co-flow-node:before{top:2px;left:0}
  .co-world-grid{grid-template-columns:1fr}
  .co-world{min-height:400px}
}
@media(max-width:900px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:82px;left:0;right:0;background:#080b0d;border-bottom:1px solid rgba(255,255,255,.1);padding:22px}
  .nav.open{display:block}
  .nav ul{flex-direction:column}
  .network .container{justify-content:center}
  .network .dot{display:none}
  .network{font-size:.55rem}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .container{width:min(100% - 30px,1240px)}
  .co-hero-inner{min-height:650px;padding-top:54px;padding-bottom:76px}
  .co-hero h1{font-size:clamp(4rem,18vw,6.2rem)}
  .co-hero-kicker{flex-wrap:wrap;font-size:.52rem}
  .co-hero-lower{margin-top:28px}
  .co-hero-rail .container{grid-template-columns:1fr}
  .co-rail-item:first-child{border-left:0}
  .co-manifesto{padding:90px 0}
  .co-manifesto-display{font-size:clamp(3.2rem,14vw,4.7rem)}
  .co-manifesto-body{grid-template-columns:1fr;gap:22px}
  .co-network-section,.co-system,.co-work{padding:88px 0}
  .co-company{min-height:475px;padding:25px}
  .co-company h3{font-size:3.65rem}
  .co-section-head h2{font-size:3.6rem}
  .co-horizon{padding:105px 0 130px}
  .co-horizon blockquote{font-size:clamp(3.4rem,15vw,5.1rem)}
  .co-horizon-actions{flex-direction:column;align-items:center;gap:20px}
  .copyright{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .co-orbit-one,.co-orbit-two,.co-flow-line i,.co-marquee-track,.co-sunburst,.co-shooting-star{animation:none!important}
  .co-hero-flare,.co-hero-word{transform:none!important}
}


/* =========================================================
   v1.2.4 — SMOOTH VOLCANIC ERUPTION HERO EFFECT
   ========================================================= */
.co-sunburst{
  position:absolute;
  z-index:-3;
  left:var(--sun-x);
  top:var(--sun-y);
  width:560px;
  height:560px;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  transform:translate(calc(-50% + (var(--mx) * -0.075)),calc(-50% + (var(--my) * -0.02))) rotate(-12deg) scale(.1);
  background:
    conic-gradient(from -22deg,
      transparent 0deg 4deg,
      rgba(255,244,215,.96) 4deg 6deg,
      rgba(255,218,150,.24) 6deg 8deg,
      transparent 8deg 16deg,
      rgba(255,228,168,.88) 16deg 18deg,
      transparent 18deg 25deg,
      rgba(225,188,112,.92) 25deg 28deg,
      rgba(225,188,112,.22) 28deg 31deg,
      transparent 31deg 42deg,
      rgba(165,201,214,.44) 42deg 44deg,
      transparent 44deg 360deg);
  -webkit-mask:radial-gradient(circle, transparent 0 22px, rgba(0,0,0,.98) 24px, rgba(0,0,0,.92) 54px, transparent 84%);
  mask:radial-gradient(circle, transparent 0 22px, rgba(0,0,0,.98) 24px, rgba(0,0,0,.92) 54px, transparent 84%);
  filter:blur(.2px) drop-shadow(0 0 18px rgba(255,226,168,.32));
  animation:coVolcanicBurst 6.8s cubic-bezier(.19,.78,.17,1) infinite;
}
.co-sunburst:before{
  content:'';
  position:absolute;
  inset:-1%;
  border-radius:50%;
  background:
    radial-gradient(circle at 46% 50%,
      rgba(255,247,227,.22) 0%,
      rgba(255,223,164,.14) 20%,
      rgba(221,182,108,.10) 31%,
      rgba(138,176,190,.08) 42%,
      transparent 70%);
  filter:blur(14px);
  animation:coVolcanicPulse 6.8s ease-in-out infinite;
}
.co-sunburst:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:660px;
  height:200px;
  transform-origin:left center;
  transform:translate(0,-50%) rotate(-7deg) scaleX(.02) scaleY(.46);
  border-radius:120px;
  opacity:0;
  background:
    linear-gradient(90deg,
      rgba(255,247,223,.96) 0%,
      rgba(255,229,173,.88) 7%,
      rgba(231,194,116,.58) 17%,
      rgba(170,203,214,.26) 38%,
      rgba(170,203,214,.08) 56%,
      transparent 100%);
  filter:blur(12px);
  animation:coVolcanicPlume 6.8s cubic-bezier(.19,.78,.17,1) infinite;
}

.co-shooting-star{
  position:absolute;
  z-index:-2;
  left:var(--sun-x);
  top:var(--sun-y);
  width:520px;
  height:5px;
  pointer-events:none;
  opacity:0;
  transform-origin:left center;
  transform:translate(-2px,-50%) rotate(-6deg) scaleX(.01);
  background:linear-gradient(90deg,
    rgba(255,252,238,1) 0%,
    rgba(255,234,184,.98) 8%,
    rgba(236,198,121,.9) 20%,
    rgba(169,202,214,.58) 44%,
    rgba(169,202,214,.16) 72%,
    transparent 100%);
  box-shadow:
    0 0 20px rgba(255,232,179,.44),
    0 0 60px rgba(124,165,180,.18);
  filter:blur(.1px);
  animation:coVolcanicStreak 6.8s cubic-bezier(.19,.78,.17,1) infinite;
}
.co-shooting-star:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:18px;
  height:18px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(255,252,242,1) 0%, rgba(255,229,176,.97) 34%, rgba(176,208,219,.56) 64%, transparent 100%);
  box-shadow:
    0 0 20px rgba(255,232,179,.82),
    0 0 42px rgba(124,165,180,.30);
}
.co-shooting-star:after{
  content:'';
  position:absolute;
  left:8px;
  top:50%;
  width:720px;
  height:120px;
  transform-origin:left center;
  transform:translate(0,-50%) rotate(0deg) scaleX(.02) scaleY(.4);
  border-radius:120px;
  opacity:0;
  background:
    linear-gradient(90deg,
      rgba(255,239,201,.52) 0%,
      rgba(231,194,116,.34) 18%,
      rgba(165,201,214,.16) 38%,
      rgba(165,201,214,.05) 56%,
      transparent 100%);
  filter:blur(18px);
  animation:coVolcanicWake 6.8s cubic-bezier(.19,.78,.17,1) infinite;
}

@keyframes coVolcanicPulse{
  0%,12%{opacity:0;transform:scale(.16)}
  20%{opacity:.95;transform:scale(.42)}
  34%{opacity:.66;transform:scale(1)}
  52%{opacity:.08;transform:scale(1.34)}
  100%{opacity:0;transform:scale(1.34)}
}
@keyframes coVolcanicBurst{
  0%,10%{opacity:0;transform:translate(calc(-50% + (var(--mx) * -0.075)),calc(-50% + (var(--my) * -0.02))) rotate(-12deg) scale(.08)}
  16%{opacity:1;transform:translate(calc(-50% + 4px + (var(--mx) * -0.075)),calc(-50% - 2px + (var(--my) * -0.02))) rotate(-11deg) scale(.18)}
  25%{opacity:.98;transform:translate(calc(-50% + 18px + (var(--mx) * -0.075)),calc(-50% - 3px + (var(--my) * -0.02))) rotate(-9deg) scale(.52)}
  38%{opacity:.86;transform:translate(calc(-50% + 62px + (var(--mx) * -0.075)),calc(-50% - 10px + (var(--my) * -0.02))) rotate(-6deg) scale(1.02)}
  50%{opacity:.42;transform:translate(calc(-50% + 138px + (var(--mx) * -0.075)),calc(-50% - 20px + (var(--my) * -0.02))) rotate(-3deg) scale(1.44)}
  62%{opacity:0;transform:translate(calc(-50% + 248px + (var(--mx) * -0.075)),calc(-50% - 34px + (var(--my) * -0.02))) rotate(1deg) scale(1.72)}
  100%{opacity:0;transform:translate(calc(-50% + 248px + (var(--mx) * -0.075)),calc(-50% - 34px + (var(--my) * -0.02))) rotate(1deg) scale(1.72)}
}
@keyframes coVolcanicPlume{
  0%,13%{opacity:0;transform:translate(0,-50%) rotate(-7deg) scaleX(.02) scaleY(.44)}
  20%{opacity:.72;transform:translate(10px,-50%) rotate(-7deg) scaleX(.18) scaleY(.62)}
  33%{opacity:.78;transform:translate(48px,-50%) rotate(-6deg) scaleX(.56) scaleY(.94)}
  46%{opacity:.38;transform:translate(128px,-50%) rotate(-5deg) scaleX(1.02) scaleY(1.12)}
  58%{opacity:0;transform:translate(232px,-50%) rotate(-3deg) scaleX(1.42) scaleY(1.2)}
  100%{opacity:0;transform:translate(232px,-50%) rotate(-3deg) scaleX(1.42) scaleY(1.2)}
}
@keyframes coVolcanicStreak{
  0%,12%{opacity:0;transform:translate(-2px,-50%) rotate(-6deg) scaleX(.01)}
  18%{opacity:1;transform:translate(4px,-51%) rotate(-6deg) scaleX(.08)}
  28%{opacity:1;transform:translate(38px,-52%) rotate(-5deg) scaleX(.52)}
  40%{opacity:.94;transform:translate(116px,-55%) rotate(-4deg) scaleX(1.0)}
  52%{opacity:.56;transform:translate(236px,-60%) rotate(-2.5deg) scaleX(1.34)}
  64%{opacity:0;transform:translate(368px,-66%) rotate(-1deg) scaleX(1.58)}
  100%{opacity:0;transform:translate(368px,-66%) rotate(-1deg) scaleX(1.58)}
}
@keyframes coVolcanicWake{
  0%,16%{opacity:0;transform:translate(0,-50%) scaleX(.02) scaleY(.38)}
  25%{opacity:.46;transform:translate(30px,-50%) scaleX(.32) scaleY(.6)}
  38%{opacity:.42;transform:translate(110px,-50%) scaleX(.9) scaleY(.95)}
  52%{opacity:.16;transform:translate(230px,-50%) scaleX(1.28) scaleY(1.08)}
  66%{opacity:0;transform:translate(380px,-50%) scaleX(1.56) scaleY(1.18)}
  100%{opacity:0;transform:translate(380px,-50%) scaleX(1.56) scaleY(1.18)}
}
@media(prefers-reduced-motion:reduce){
  .co-sunburst,.co-sunburst:before,.co-sunburst:after,.co-shooting-star,.co-shooting-star:after{animation:none !important}
}


/* =========================================================
   v1.2.6 — STATIC HERO
   Remove volcanic/sunburst animation only; preserve hero design.
   ========================================================= */
.co-sunburst,
.co-shooting-star{
  display:none !important;
  animation:none !important;
}
.co-sunburst:before,
.co-sunburst:after,
.co-shooting-star:before,
.co-shooting-star:after{
  animation:none !important;
}