/*
Theme Name: Celerity Originals
Theme URI: https://example.com/
Author: Celerity Originals
Description: Dynamic prestige parent-brand theme for Celerity Originals.
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: celerity-originals
*/
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,600&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --black:#060708;
  --black2:#0b0d0f;
  --ink:#11161a;
  --ivory:#f3efe6;
  --muted:#a5aca9;
  --muted2:#727a77;
  --brass:#b89b67;
  --brass2:#d2b986;
  --blue:#7e949e;
  --line:rgba(255,255,255,.10);
  --serif:'Bodoni Moda',Georgia,serif;
  --sans:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
.container{width:min(1280px,calc(100% - 48px));margin:auto}
.co3-kicker{font-size:.64rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--brass2)}
.co3-section-index{font-size:.59rem;letter-spacing:.16em;color:#6f7774}

/* network/header */
.network{position:relative;z-index:100;background:#040506;color:#aeb3b1;border-bottom:1px solid rgba(255,255,255,.07);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em}
.network .container{height:36px;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.network a{opacity:.62}.network a:hover,.network .current{opacity:1;color:#d1bb93}.network .dot{opacity:.28}
.header{position:sticky;top:0;z-index:90;background:rgba(6,7,8,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.header-in{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:15px}
.co-mark{width:43px;height:43px;position:relative}
.co-mark:before,.co-mark:after{content:'';position:absolute;border:1px solid rgba(242,238,230,.9);border-radius:50%;width:29px;height:29px;top:7px}
.co-mark:before{left:2px}.co-mark:after{right:2px}
.co-mark i{position:absolute;left:0;right:0;top:21px;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent);transform:rotate(-5deg)}
.brand-name{display:block;font:600 1.17rem/1 var(--serif);letter-spacing:.08em;color:#f3efe7}
.brand-sub{display:block;margin-top:5px;font-size:.62rem;letter-spacing:.31em;text-transform:uppercase;color:#a8aca9}
.nav ul{display:flex;gap:29px;list-style:none;margin:0;padding:0}.nav a{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:#cdd1cf}.nav a:hover{color:#d1bb93}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}

/* hero */
.co3-hero{position:relative;padding:76px 0 88px;overflow:hidden;background:radial-gradient(circle at 70% 48%,rgba(92,121,133,.16),transparent 28%),linear-gradient(125deg,#060708 0%,#0a0d0f 62%,#10181c 100%)}
.co3-hero-rule{position:absolute;left:0;right:0;top:55%;height:1px;background:linear-gradient(90deg,transparent 6%,rgba(184,155,103,.18) 27%,rgba(224,195,135,.72) 52%,rgba(124,158,170,.18) 78%,transparent)}
.co3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:64px;align-items:center}
.co3-hero-copy{position:relative;z-index:2;max-width:650px}.co3-hero-copy h1{margin:18px 0 0;font:500 clamp(4.8rem,8vw,8.6rem)/.86 var(--serif);letter-spacing:-.05em}.co3-hero-copy h1 em{color:#d9c6a2;font-style:italic}.co3-hero-copy p{max-width:610px;margin:26px 0 0;color:#b4bcb9;font-size:1rem;line-height:1.78}.co3-hero-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}.co3-hero-links a{padding-bottom:5px;border-bottom:1px solid rgba(210,185,134,.55);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#e6dece}.co3-hero-links span{margin-left:8px;color:var(--brass2)}
.co3-hero-visual{position:relative;min-height:620px}.co3-window{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#111;box-shadow:0 28px 70px rgba(0,0,0,.36)}.co3-window-publishing{left:0;top:20px;width:58%;height:68%}.co3-window-entertainment{right:0;bottom:14px;width:57%;height:67%}.co3-window-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease,filter .6s ease}.co3-window-publishing .co3-window-image{background-image:url('assets/images/originals-publishing.jpg');filter:saturate(.55) contrast(1.02) brightness(.58)}.co3-window-entertainment .co3-window-image{background-image:url('assets/images/originals-entertainment.jpg');filter:saturate(.72) contrast(1.05) brightness(.54)}.co3-window:hover .co3-window-image{transform:scale(1.025);filter:saturate(.78) contrast(1.06) brightness(.64)}.co3-window-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 40%,rgba(0,0,0,.78) 100%)}.co3-window-label,.co3-window-title{position:absolute;left:24px;z-index:2}.co3-window-label{bottom:56px;font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;color:#d2b986;font-weight:700}.co3-window-title{bottom:20px;font:500 2rem/1 var(--serif)}.co3-origin-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:116px;height:116px;border-radius:50%;background:#080a0b;border:1px solid rgba(230,213,182,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 14px rgba(8,10,11,.45),0 20px 46px rgba(0,0,0,.42)}.co3-origin-mark span{font:500 .73rem var(--serif);letter-spacing:.12em;text-transform:uppercase}.co3-origin-mark i{position:absolute;width:62px;height:1px;background:linear-gradient(90deg,transparent,var(--brass2),transparent);transform:rotate(-8deg)}

/* manifesto */
.co3-manifesto{padding:132px 0;background:#ece6db;color:#121516}.co3-manifesto-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:70px}.co3-manifesto-index{padding-top:14px;font-size:.58rem;letter-spacing:.16em;color:#8b7a5d}.co3-manifesto-main h2{max-width:1040px;margin:14px 0 0;font:500 clamp(3.2rem,5.7vw,5.9rem)/.96 var(--serif);letter-spacing:-.04em}.co3-manifesto-main h2 em{color:#8d6e3c}.co3-manifesto-body{margin-top:42px;padding-top:28px;border-top:1px solid rgba(18,21,22,.14);display:grid;grid-template-columns:1fr 1fr;gap:46px}.co3-manifesto-body p{margin:0;color:#5c5c56;line-height:1.75}

/* bridge */
.co3-bridge{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#090b0c}.co3-bridge-side{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:48px}.co3-bridge-image,.co3-bridge-overlay{position:absolute;inset:0}.co3-bridge-image{background-size:cover;background-position:center}.co3-bridge-publishing .co3-bridge-image{background-image:url('assets/images/originals-publishing.jpg');filter:saturate(.45) contrast(1.05) brightness(.55)}.co3-bridge-entertainment .co3-bridge-image{background-image:url('assets/images/originals-entertainment-alt.jpg');filter:saturate(.68) contrast(1.04) brightness(.53)}.co3-bridge-overlay{background:linear-gradient(180deg,rgba(7,9,10,.10),rgba(7,9,10,.72))}.co3-bridge-content{position:relative;z-index:2;max-width:500px}.co3-bridge-content h2{margin:9px 0 11px;font:500 clamp(3.1rem,4.7vw,5rem)/.92 var(--serif);letter-spacing:-.04em}.co3-bridge-content p{margin:0;color:#bbc2bf}.co3-bridge-center{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:138px;height:138px;border-radius:50%;background:#ece6db;color:#171919;box-shadow:0 18px 50px rgba(0,0,0,.38)}.co3-bridge-center span{font:600 .72rem var(--serif);letter-spacing:.12em}.co3-bridge-center i{position:absolute;width:74px;height:1px;background:linear-gradient(90deg,transparent,#9b7846,transparent);transform:rotate(-9deg)}

/* companies */
.co3-companies{padding:128px 0;background:#070809}.co3-section-head{display:grid;grid-template-columns:90px minmax(0,1fr);gap:34px;align-items:start;margin-bottom:48px}.co3-section-head h2{margin:10px 0 0;font:500 clamp(3rem,5.5vw,5.6rem)/.95 var(--serif);letter-spacing:-.04em}.co3-section-head h2 em{color:#d4bf99}.co3-company-band{position:relative;display:block;min-height:390px;margin-top:18px;overflow:hidden;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);background:#101214}.co3-company-image,.co3-company-fade{position:absolute;inset:0}.co3-company-image{background-size:cover;background-position:center;transition:transform .6s ease}.co3-company-band:hover .co3-company-image{transform:scale(1.02)}.co3-company-band-press .co3-company-image{background-image:url('assets/images/originals-publishing.jpg');filter:saturate(.45) brightness(.48)}.co3-company-band-ent .co3-company-image{background-image:url('assets/images/originals-entertainment.jpg');filter:saturate(.65) brightness(.44)}.co3-company-fade{background:linear-gradient(90deg,rgba(6,7,8,.95) 0%,rgba(6,7,8,.82) 45%,rgba(6,7,8,.20) 78%,rgba(6,7,8,.44) 100%)}.co3-company-content{position:relative;z-index:2;min-height:390px;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(240px,.5fr);gap:30px;align-items:center;padding:42px}.co3-company-no{color:#747c79;font-size:.59rem;letter-spacing:.13em}.co3-company-type{font-size:.58rem;text-transform:uppercase;letter-spacing:.17em;color:var(--brass2);font-weight:700}.co3-company-copy h3{margin:8px 0 12px;font:500 clamp(3rem,4.5vw,4.7rem)/.95 var(--serif)}.co3-company-copy p{max-width:560px;margin:0;color:#b6bdb9}.co3-company-copy a,.co3-company-copy span{display:inline-block;margin-top:24px;padding-bottom:5px;border-bottom:1px solid rgba(210,185,134,.42);font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.co3-company-quote{font:italic 500 1.7rem/1.3 var(--serif);color:#d4c4a5;text-align:right}

/* path */
.co3-path{padding:128px 0;background:#ece6db;color:#151818}.co3-path-top{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1fr);gap:70px;align-items:end}.co3-path-top h2{margin:0;font:500 clamp(3.2rem,5.2vw,5.2rem)/.96 var(--serif);letter-spacing:-.04em}.co3-path-top h2 em{color:#8d6e3c}.co3-path-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(18,21,22,.16)}.co3-path-step{padding:28px 28px 8px 0;border-right:1px solid rgba(18,21,22,.14)}.co3-path-step:last-child{border-right:0;padding-right:0}.co3-path-step span{font-size:.55rem;letter-spacing:.14em;color:#8a8175}.co3-path-step strong{display:block;margin-top:24px;font:500 1.65rem/1.05 var(--serif)}.co3-path-step p{margin:15px 0 0;color:#5d5e59;line-height:1.68}

/* worlds */
.co3-worlds{padding:128px 0;background:#070809}.co3-worlds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.co3-world{position:relative;min-height:470px;padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;background:#101315}.co3-world-ideas{background:radial-gradient(circle at 82% 18%,rgba(183,154,103,.20),transparent 28%),#11120f}.co3-world-mystery{background:radial-gradient(circle at 25% 20%,rgba(112,126,117,.16),transparent 27%),#101311}.co3-world-war{padding:0}.co3-world-image,.co3-world-shade{position:absolute;inset:0}.co3-world-image{background:url('assets/images/originals-entertainment-alt.jpg') center/cover no-repeat;filter:saturate(.65) contrast(1.05) brightness(.50)}.co3-world-shade{background:linear-gradient(180deg,rgba(7,8,9,.08),rgba(7,8,9,.80))}.co3-world-content{position:relative;z-index:2;min-height:470px;padding:30px;display:flex;flex-direction:column}.co3-world-top{display:flex;justify-content:space-between;gap:18px}.co3-world-top span{font-size:.55rem;color:#737b78}.co3-world-top small{font-size:.54rem;text-transform:uppercase;letter-spacing:.14em;color:#c3a978;text-align:right}.co3-world h3{margin:auto 0 18px;font:500 clamp(2.6rem,3.7vw,4rem)/.9 var(--serif);letter-spacing:-.04em}.co3-world p{margin:0;color:#adb5b1}.co3-world-origin{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);font-size:.56rem;text-transform:uppercase;letter-spacing:.14em;color:#7d8581}

/* close */
.co3-close{position:relative;padding:140px 0 150px;background:#0b0d0f;overflow:hidden}.co3-close-line{position:absolute;left:-5%;right:-5%;top:58%;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(183,154,103,.18) 22%,rgba(220,190,132,.8) 50%,rgba(124,158,170,.20) 78%,transparent 97%);box-shadow:0 0 42px rgba(188,158,104,.12)}.co3-close-grid{position:relative;z-index:2;display:grid;grid-template-columns:90px minmax(0,1fr);gap:34px}.co3-close blockquote{margin:18px 0 0;font:500 clamp(4rem,7vw,7.2rem)/.9 var(--serif);letter-spacing:-.05em}.co3-close blockquote em{color:#d6c19b}.co3-close-footer{margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:30px;align-items:center}.co3-close-footer p{margin:0;color:#aab1ae}.co3-close-footer div{display:flex;gap:24px}.co3-close-footer a{font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;border-bottom:1px solid rgba(210,185,134,.42);padding-bottom:5px}

/* footer/pages */
.footer{background:#050607;color:#c4cbc7;padding:68px 0 30px;border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer h4{margin:0 0 12px;font:500 1.2rem var(--serif);color:#f3efe7}.footer p,.footer a{font-size:.8rem;color:#929a96}.footer a:hover{color:#d1bb93}.footer-links{display:grid;gap:7px}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:.64rem;color:#6f7773}.content-page{padding:104px 0}.content-page article{max-width:900px;margin:auto}.content-page h1{margin:12px 0 36px;font:500 clamp(3.6rem,6vw,6rem)/.94 var(--serif);letter-spacing:-.04em}.content-page h2{font:500 2.3rem var(--serif);margin-top:50px}.content-page p,.content-page li{color:#aeb5b1}.content-page blockquote{margin:40px 0;padding-left:26px;border-left:1px solid var(--brass);font:500 1.8rem/1.35 var(--serif)}.post-card{padding:24px 0;border-top:1px solid rgba(255,255,255,.09)}.post-card h2{font:500 2rem var(--serif);margin:0 0 8px}

/* responsive */
@media(max-width:1080px){.co3-hero-grid{grid-template-columns:1fr;gap:44px}.co3-hero-copy{max-width:760px}.co3-hero-visual{min-height:560px;max-width:760px}.co3-manifesto-grid,.co3-path-top{grid-template-columns:1fr;gap:28px}.co3-company-content{grid-template-columns:70px 1fr}.co3-company-quote{grid-column:2;text-align:left}.co3-worlds-grid{grid-template-columns:1fr}.co3-world{min-height:360px}.co3-world-content{min-height:360px}}
@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:90px;left:0;right:0;background:#080a0b;border-bottom:1px solid rgba(255,255,255,.08);padding:22px}.nav.open{display:block}.nav ul{flex-direction:column}.co3-bridge{grid-template-columns:1fr}.co3-bridge-side{min-height:520px}.co3-bridge-center{display:none}.co3-path-grid{grid-template-columns:1fr 1fr}.co3-path-step{border-bottom:1px solid rgba(18,21,22,.12)}.footer-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(100% - 30px,1280px)}.network .container{justify-content:center;font-size:.54rem}.network .dot{display:none}.header-in{height:82px}.nav{top:82px}.co3-hero{padding-top:50px}.co3-hero-copy h1{font-size:clamp(3.8rem,18vw,5.6rem)}.co3-hero-visual{min-height:500px}.co3-window-publishing{width:72%;height:58%}.co3-window-entertainment{width:72%;height:58%}.co3-origin-mark{width:92px;height:92px}.co3-manifesto,.co3-companies,.co3-path,.co3-worlds,.co3-close{padding-top:90px;padding-bottom:94px}.co3-manifesto-body{grid-template-columns:1fr;gap:22px}.co3-company-content{grid-template-columns:1fr;gap:16px;padding:28px}.co3-company-no{display:none}.co3-company-quote{grid-column:1}.co3-path-grid{grid-template-columns:1fr}.co3-path-step{border-right:0}.co3-close-grid{grid-template-columns:1fr}.co3-close blockquote{font-size:clamp(3.6rem,16vw,5.3rem)}.co3-close-footer{align-items:flex-start;flex-direction:column}.co3-close-footer div{flex-direction:column;gap:12px}.copyright{flex-direction:column}}



/* =========================================================
   v2.2.0 — tonal variation refresh
   ========================================================= */
.co3-hero{
  background:
    radial-gradient(circle at 72% 18%, rgba(184,155,103,.16), transparent 24%),
    linear-gradient(180deg,#070809 0%,#0b0d0f 100%);
}
.co3-manifesto{background:#ece5da;color:#121516}

/* make companies a light editorial band while preserving cards */
.co3-companies{padding:128px 0;background:#ece5da;color:#151818}
.co3-companies .co3-section-index{color:#8b7a5d}
.co3-companies .co3-section-head h2{color:#161a1c}
.co3-companies .co3-section-head h2 em{color:#8d6e3c}
.co3-company-band{border-top:1px solid rgba(18,21,22,.12);border-bottom:1px solid rgba(18,21,22,.12);box-shadow:0 20px 40px rgba(0,0,0,.08)}

/* switch the process section dark to create rhythmic alternation */
.co3-path{
  background:radial-gradient(circle at 78% 18%, rgba(183,154,103,.14), transparent 24%), #0b0d0f;
  color:var(--ivory);
}
.co3-path .co3-section-index,.co3-path-step span{color:#7b8380}
.co3-path-top h2{color:#f2eee6}
.co3-path-top h2 em{color:#d6c19b}
.co3-path-grid{border-top:1px solid rgba(255,255,255,.10)}
.co3-path-step{border-right:1px solid rgba(255,255,255,.10)}
.co3-path-step p{color:#a7aeab}
.co3-path-step strong{color:#f0ece4}

/* selected worlds on a light field for more contrast */
.co3-worlds{padding:128px 0;background:#f2ede4;color:#151818}
.co3-worlds .co3-section-index{color:#8b7a5d}
.co3-worlds .co3-section-head h2{color:#151818}
.co3-worlds .co3-section-head h2 em{color:#8d6e3c}
.co3-worlds-grid{gap:22px}
.co3-world{border:1px solid rgba(18,21,22,.10);box-shadow:0 18px 38px rgba(0,0,0,.06)}
.co3-world-ideas{
  background:radial-gradient(circle at 82% 18%,rgba(183,154,103,.17),transparent 28%),#fbf8f2;
  color:#151818;
}
.co3-world-mystery{
  background:radial-gradient(circle at 25% 20%,rgba(112,126,117,.12),transparent 27%),#f6f1e8;
  color:#151818;
}
.co3-world-top span{color:#726c62}
.co3-world-ideas .co3-world-top small,
.co3-world-mystery .co3-world-top small,
.co3-world-ideas .co3-world-origin,
.co3-world-mystery .co3-world-origin{color:#8d6e3c}
.co3-world-ideas p,.co3-world-mystery p{color:#5d5e59}
.co3-world-war{box-shadow:0 22px 44px rgba(0,0,0,.12)}

/* keep the close dark but slightly more dimensional */
.co3-close{
  background:
    radial-gradient(circle at 70% 26%, rgba(126,148,158,.08), transparent 24%),
    radial-gradient(circle at 28% 64%, rgba(183,154,103,.09), transparent 26%),
    #0b0d0f;
}
