/* ==========================================================================
   CORNICE BUSINESS — FULL TEMPLATE THEME ENGINE
   These rules change composition, spacing, geometry, typography and component
   treatment. Content remains PHP/database driven; no content is duplicated.
   ========================================================================== */

html[data-theme] body{
  --cc-radius:18px;
  --cc-radius-sm:12px;
  --cc-section:108px;
  --cc-gap:18px;
  --cc-max:1180px;
  --cc-header-height:82px;
  --cc-title-weight:600;
  --cc-card-pad:26px;
  --cc-card-shadow:var(--shadow);
  --cc-font:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  font-family:var(--cc-font);
}
html[data-theme] .wrap{max-width:var(--cc-max)}
html[data-theme] section.pad{padding-block:var(--cc-section)}
html[data-theme] .card,
html[data-theme] .rev,
html[data-theme] .post,
html[data-theme] .product-card{border-radius:var(--cc-radius)}
html[data-theme] .card,
html[data-theme] .rev{padding:var(--cc-card-pad)}
html[data-theme] .post,
html[data-theme] .product-card{padding:0}
html[data-theme] .post .body,
html[data-theme] .product-body{padding:var(--cc-card-pad)}
html[data-theme] .post>img,
html[data-theme] .product-card>img{margin:-1px -1px 0;width:calc(100% + 2px)}
html[data-theme] .product-body{padding:0}
html[data-theme] .hero-copy h1,
html[data-theme] h2,
html[data-theme] h3{font-weight:var(--cc-title-weight)}
html[data-theme] .card:hover,
html[data-theme] .post:hover,
html[data-theme] .product-card:hover{transform:translateY(-6px);box-shadow:var(--cc-card-shadow)}
html[data-theme] .page-head{padding-top:calc(var(--cc-header-height) + 68px)}
html[data-theme] .page-hero{padding-top:calc(var(--cc-header-height) + 42px)}
html[data-theme] .band{border-radius:var(--cc-radius)}
html[data-theme] footer.site{padding-top:64px}

/* ---------- MODERN / STUDIO ---------- */
html[data-theme="default"]{
  --cc-radius:18px;--cc-section:108px;--cc-max:1180px;--cc-card-pad:26px;
  --cc-font:Inter,"Segoe UI",system-ui,sans-serif;
}
html[data-theme="default"] header.site{position:sticky;top:0;background:rgba(12,17,15,.94);backdrop-filter:blur(16px)}
html[data-theme="default"] .hero-carousel{height:min(780px,92vh);border-radius:0}
html[data-theme="default"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.6rem);letter-spacing:-.065em}
html[data-theme="default"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="default"] .service-card{min-height:205px}
html[data-theme="default"] .work-grid{grid-template-columns:1.3fr 1fr 1fr}
html[data-theme="default"] .band{padding:48px 56px}

/* ---------- MIDNIGHT / PREMIUM GLASS ---------- */
html[data-theme="midnight"]{
  --cc-radius:20px;--cc-section:118px;--cc-max:1240px;--cc-card-pad:28px;
  --cc-font:Inter,"Segoe UI",system-ui,sans-serif;
}
html[data-theme="midnight"] header.site{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(5,9,18,.82),transparent);border-bottom:1px solid rgba(255,255,255,.08)}
html[data-theme="midnight"] .nav{height:92px}
html[data-theme="midnight"] .menu a{border-radius:999px}
html[data-theme="midnight"] .hero-carousel{height:88vh;min-height:700px}
html[data-theme="midnight"] .hero-copy{max-width:780px}
html[data-theme="midnight"] .hero-copy h1{font-size:clamp(3.5rem,8vw,7.4rem)}
html[data-theme="midnight"] .hero-wash{background:radial-gradient(circle at 75% 35%,rgba(91,141,239,.18),transparent 38%),linear-gradient(90deg,rgba(4,8,18,.92),rgba(4,8,18,.48),rgba(4,8,18,.16))!important}
html[data-theme="midnight"] .card,html[data-theme="midnight"] .rev,html[data-theme="midnight"] .post,html[data-theme="midnight"] .product-card{background:rgba(26,36,54,.72);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.09)}
html[data-theme="midnight"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="midnight"] .band{background:linear-gradient(135deg,#243c70,#151e35);border:1px solid rgba(91,141,239,.28)}
html[data-theme="midnight"] footer.site{background:#090d16}

/* ---------- OCEAN / COASTAL ---------- */
html[data-theme="ocean"]{
  --cc-radius:24px;--cc-section:96px;--cc-max:1220px;--cc-card-pad:25px;
  --cc-font:Inter,"Segoe UI",system-ui,sans-serif;
}
html[data-theme="ocean"] header.site{position:sticky;background:#0f2a34;border:0}
html[data-theme="ocean"] .nav{height:76px}
html[data-theme="ocean"] .brand .mark{border-radius:12px}
html[data-theme="ocean"] .hero-carousel{height:680px;min-height:560px;border-radius:0 0 34px 34px}
html[data-theme="ocean"] .hero-wash{background:linear-gradient(90deg,rgba(6,40,51,.88),rgba(6,75,91,.46),rgba(6,40,51,.08))!important}
html[data-theme="ocean"] .hero-copy h1{font-size:clamp(3rem,6.5vw,6rem);letter-spacing:-.05em}
html[data-theme="ocean"] .intro-strip{margin:0 18px;border-radius:0 0 24px 24px}
html[data-theme="ocean"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="ocean"] .service-card{border-top:4px solid var(--brand)}
html[data-theme="ocean"] .work-grid{grid-template-columns:repeat(4,1fr)}
html[data-theme="ocean"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="ocean"] .band{background:linear-gradient(135deg,#0e8aa8,#0f2a34);border-radius:28px}
html[data-theme="ocean"] footer.site{background:#d7e9ed}

/* ---------- BOTANICAL / ORGANIC ---------- */
html[data-theme="botanical"]{
  --cc-radius:28px;--cc-section:112px;--cc-max:1160px;--cc-card-pad:30px;
  --cc-font:"Trebuchet MS",Inter,system-ui,sans-serif;
}
html[data-theme="botanical"] header.site{position:absolute;background:linear-gradient(180deg,rgba(24,36,26,.72),transparent);border:0}
html[data-theme="botanical"] .hero-carousel{height:760px;border-radius:0 0 55px 55px}
html[data-theme="botanical"] .hero-copy{max-width:650px}
html[data-theme="botanical"] .hero-copy h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.04em}
html[data-theme="botanical"] .intro-strip{margin:0 4%;border-radius:0 0 30px 30px}
html[data-theme="botanical"] .service-grid{grid-template-columns:repeat(2,1fr);gap:20px}
html[data-theme="botanical"] .service-card{min-height:220px;background:rgba(255,255,255,.66)}
html[data-theme="botanical"] .work-section{border-radius:45px;margin:20px}
html[data-theme="botanical"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="botanical"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="botanical"] .band{background:#18241a;border-radius:38px}
html[data-theme="botanical"] footer.site{border-radius:45px 45px 0 0}

/* ---------- LUXE / HIGH END ---------- */
html[data-theme="luxe"]{
  --cc-radius:4px;--cc-section:132px;--cc-max:1160px;--cc-card-pad:30px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="luxe"] header.site{position:absolute;background:linear-gradient(180deg,rgba(10,8,10,.9),transparent);border-bottom:1px solid rgba(229,200,118,.22)}
html[data-theme="luxe"] .nav{height:104px}
html[data-theme="luxe"] .brand{letter-spacing:.06em;text-transform:uppercase}
html[data-theme="luxe"] .menu a{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
html[data-theme="luxe"] .hero-carousel{height:820px;min-height:650px}
html[data-theme="luxe"] .hero-copy{text-align:center;margin:auto}
html[data-theme="luxe"] .hero-copy h1{font-size:clamp(3.5rem,7vw,7rem);font-weight:400;letter-spacing:-.035em}
html[data-theme="luxe"] .hero-copy p{margin-inline:auto}
html[data-theme="luxe"] .cta-row{justify-content:center}
html[data-theme="luxe"] .service-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="luxe"] .service-card{border-radius:0;border-width:1px 0 1px 1px;min-height:240px}
html[data-theme="luxe"] .service-card:last-child{border-right:1px solid var(--line)}
html[data-theme="luxe"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="luxe"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="luxe"] .band{border-radius:0;background:linear-gradient(110deg,#201920,#141114);border:1px solid rgba(201,162,75,.5)}
html[data-theme="luxe"] footer.site{background:#0e0b0e}

/* ---------- EDITORIAL / MAGAZINE ---------- */
html[data-theme="editorial"]{
  --cc-radius:2px;--cc-section:120px;--cc-max:1240px;--cc-card-pad:22px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="editorial"] header.site{position:sticky;background:#1c1a17;border:0}
html[data-theme="editorial"] .nav{height:74px}
html[data-theme="editorial"] .menu a{border-radius:0}
html[data-theme="editorial"] .hero-carousel{height:700px;min-height:580px}
html[data-theme="editorial"] .hero-copy h1{font-size:clamp(3.6rem,8vw,7.6rem);font-weight:500}
html[data-theme="editorial"] .intro-grid{grid-template-columns:.8fr 2.2fr auto}
html[data-theme="editorial"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="editorial"] .service-card{border:0;border-top:4px solid var(--brand);border-radius:0;background:transparent;padding-inline:0}
html[data-theme="editorial"] .work-grid{grid-template-columns:1.5fr 1fr 1fr}
html[data-theme="editorial"] .post-grid{grid-template-columns:2fr 1fr 1fr 1fr}
html[data-theme="editorial"] .post{border-radius:0}
html[data-theme="editorial"] .band{border-radius:0;background:var(--brand)}
html[data-theme="editorial"] footer.site{background:#f0ebe3}

/* ---------- SUNSET / WARM ---------- */
html[data-theme="sunset"]{
  --cc-radius:30px;--cc-section:92px;--cc-max:1200px;--cc-card-pad:28px;
}
html[data-theme="sunset"] header.site{position:sticky;background:#2e1b18;border:0}
html[data-theme="sunset"] .hero-carousel{height:650px;border-radius:0 0 40px 40px}
html[data-theme="sunset"] .hero-copy h1{font-size:clamp(3rem,7vw,6rem)}
html[data-theme="sunset"] .intro-strip{margin:18px;border-radius:28px}
html[data-theme="sunset"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="sunset"] .service-card{background:#fffaf4;box-shadow:0 18px 50px -35px rgba(192,62,51,.45)}
html[data-theme="sunset"] .work-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="sunset"] .work-grid figure{border-radius:30px}
html[data-theme="sunset"] .band{background:linear-gradient(135deg,#e2574c,#b83a31);border-radius:32px}
html[data-theme="sunset"] footer.site{background:#f5ded0;border:0}

/* ---------- FOREST / RUGGED DARK ---------- */
html[data-theme="forest"]{
  --cc-radius:10px;--cc-section:105px;--cc-max:1200px;--cc-card-pad:28px;
}
html[data-theme="forest"] header.site{position:sticky;background:#0c120f;border-bottom:2px solid #31443a}
html[data-theme="forest"] .nav{height:72px}
html[data-theme="forest"] .hero-carousel{height:720px}
html[data-theme="forest"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.5rem);text-transform:uppercase;letter-spacing:-.055em}
html[data-theme="forest"] .service-grid{grid-template-columns:repeat(3,1fr);gap:10px}
html[data-theme="forest"] .service-card{border-radius:10px;border-left:5px solid var(--brand);background:#18241e}
html[data-theme="forest"] .work-section{background:#0c120f}
html[data-theme="forest"] .work-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="forest"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="forest"] .band{border-radius:10px;background:#58b368;color:#07100b}
html[data-theme="forest"] .band .muted{color:#17311f}
html[data-theme="forest"] footer.site{background:#0b100d}

/* ---------- ARCTIC / TECHNICAL MINIMAL ---------- */
html[data-theme="arctic"]{
  --cc-radius:8px;--cc-section:100px;--cc-max:1260px;--cc-card-pad:24px;
  --cc-font:Inter,"Segoe UI",Arial,sans-serif;
}
html[data-theme="arctic"] header.site{position:sticky;background:#14222e;border:0}
html[data-theme="arctic"] .nav{height:70px}
html[data-theme="arctic"] .menu a{border-radius:6px}
html[data-theme="arctic"] .hero-carousel{height:620px;min-height:520px}
html[data-theme="arctic"] .hero-copy h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.07em}
html[data-theme="arctic"] .intro-strip{background:#fff;border-block:1px solid var(--line);color:var(--text)}
html[data-theme="arctic"] .intro-copy{color:var(--muted)}
html[data-theme="arctic"] .service-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
html[data-theme="arctic"] .service-card{border:0;border-radius:0;background:#fff;min-height:210px}
html[data-theme="arctic"] .work-grid{grid-template-columns:repeat(3,1fr);gap:1px}
html[data-theme="arctic"] .work-grid figure{border-radius:0}
html[data-theme="arctic"] .band{border-radius:8px;background:#14222e}
html[data-theme="arctic"] footer.site{background:#e6eef5}

/* ---------- ROSE / SOFT PREMIUM ---------- */
html[data-theme="rose"]{
  --cc-radius:26px;--cc-section:104px;--cc-max:1160px;--cc-card-pad:28px;
  --cc-font:"Segoe UI",Inter,sans-serif;
}
html[data-theme="rose"] header.site{position:absolute;background:linear-gradient(180deg,rgba(44,22,29,.74),transparent);border:0}
html[data-theme="rose"] .hero-carousel{height:740px;border-radius:0 0 50px 50px}
html[data-theme="rose"] .hero-copy h1{font-size:clamp(3rem,7vw,6.2rem);font-weight:650}
html[data-theme="rose"] .intro-strip{margin:18px;border-radius:26px}
html[data-theme="rose"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="rose"] .service-card{background:#fff;border:1px solid #eccfd6;box-shadow:0 20px 55px -42px rgba(194,67,95,.65)}
html[data-theme="rose"] .card .ico{border-radius:50%}
html[data-theme="rose"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="rose"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="rose"] .band{background:linear-gradient(135deg,#e05a7a,#a93550);border-radius:30px}
html[data-theme="rose"] footer.site{background:#f8e2e7;border:0}

/* ---------- COFFEE / CRAFT ---------- */
html[data-theme="coffee"]{
  --cc-radius:14px;--cc-section:104px;--cc-max:1180px;--cc-card-pad:28px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="coffee"] header.site{position:sticky;background:#241a12;border:0}
html[data-theme="coffee"] .hero-carousel{height:680px}
html[data-theme="coffee"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.3rem);font-weight:500}
html[data-theme="coffee"] .intro-strip{background:#241a12;border-block:5px solid #d9a441}
html[data-theme="coffee"] .service-grid{grid-template-columns:repeat(2,1fr);gap:16px}
html[data-theme="coffee"] .service-card{background:#fdfaf5;border-left:6px solid var(--brand)}
html[data-theme="coffee"] .work-section{background:#e4d7c7}
html[data-theme="coffee"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="coffee"] .work-grid figure:first-child{grid-row:span 2}
html[data-theme="coffee"] .band{background:#241a12;border-radius:14px}
html[data-theme="coffee"] footer.site{background:#e9dfd3}

/* ---------- SLATE / INDUSTRIAL ---------- */
html[data-theme="slate"]{
  --cc-radius:8px;--cc-section:92px;--cc-max:1220px;--cc-card-pad:24px;
  --cc-font:Inter,"Segoe UI",sans-serif;
}
html[data-theme="slate"] header.site{position:sticky;background:#151a20;border:0}
html[data-theme="slate"] .nav{height:68px}
html[data-theme="slate"] .menu a{border-radius:5px;text-transform:uppercase;font-size:.7rem;letter-spacing:.07em}
html[data-theme="slate"] .hero-carousel{height:600px;min-height:500px}
html[data-theme="slate"] .hero-copy h1{text-transform:uppercase;font-size:clamp(3rem,6.5vw,6rem)}
html[data-theme="slate"] .service-grid{grid-template-columns:repeat(3,1fr);gap:8px}
html[data-theme="slate"] .service-card{border-radius:8px;background:#252b34;border-top:4px solid var(--brand)}
html[data-theme="slate"] .work-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="slate"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="slate"] .band{border-radius:8px;background:#f0883e}
html[data-theme="slate"] footer.site{background:#151a20}

/* ---------- CANDY / PLAYFUL ---------- */
html[data-theme="candy"]{
  --cc-radius:32px;--cc-section:96px;--cc-max:1180px;--cc-card-pad:28px;
}
html[data-theme="candy"] header.site{position:sticky;background:#331525;border:0}
html[data-theme="candy"] .nav{height:78px}
html[data-theme="candy"] .menu a{border-radius:999px}
html[data-theme="candy"] .hero-carousel{height:650px;border-radius:0 0 50px 50px}
html[data-theme="candy"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.2rem);letter-spacing:-.075em}
html[data-theme="candy"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="candy"] .service-card{background:#fff;border:3px solid #f5cade;box-shadow:8px 10px 0 #ffd7e9}
html[data-theme="candy"] .service-card:hover{transform:translateY(-9px) rotate(-.5deg)}
html[data-theme="candy"] .work-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="candy"] .work-grid figure{border-radius:32px}
html[data-theme="candy"] .band{border-radius:36px;background:linear-gradient(135deg,#ff5da2,#c83c79)}
html[data-theme="candy"] footer.site{background:#ffe6f2;border:0}

/* ---------- DESERT / EARTH ---------- */
html[data-theme="desert"]{
  --cc-radius:12px;--cc-section:110px;--cc-max:1180px;--cc-card-pad:28px;
  --cc-font:"Trebuchet MS",Inter,sans-serif;
}
html[data-theme="desert"] header.site{position:absolute;background:linear-gradient(180deg,rgba(46,35,20,.8),transparent);border:0}
html[data-theme="desert"] .hero-carousel{height:730px}
html[data-theme="desert"] .hero-copy h1{font-size:clamp(3.1rem,7vw,6.4rem);font-weight:700}
html[data-theme="desert"] .intro-strip{margin:0 5%;border-radius:0 0 16px 16px}
html[data-theme="desert"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="desert"] .service-card{background:#fdf9ee;border-bottom:5px solid var(--brand)}
html[data-theme="desert"] .work-section{background:#eee2c8}
html[data-theme="desert"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="desert"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="desert"] .band{background:#2e2314;border-radius:12px}
html[data-theme="desert"] footer.site{background:#eee2c8}

/* ---------- NORDIC / MINIMAL ---------- */
html[data-theme="nordic"]{
  --cc-radius:6px;--cc-section:128px;--cc-max:1120px;--cc-card-pad:24px;
  --cc-font:Inter,"Segoe UI",sans-serif;
}
html[data-theme="nordic"] header.site{position:sticky;background:#fff;border-bottom:1px solid #d5d9dd}
html[data-theme="nordic"] .brand,html[data-theme="nordic"] .menu a{color:#24292e}
html[data-theme="nordic"] .menu a:hover,html[data-theme="nordic"] .menu a.active{background:#e8eaec;color:#24292e}
html[data-theme="nordic"] .menu .btn{color:#fff}
html[data-theme="nordic"] .hero-carousel{height:620px;min-height:520px}
html[data-theme="nordic"] .hero-copy h1{font-size:clamp(3rem,6vw,5.8rem);font-weight:500}
html[data-theme="nordic"] .service-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="nordic"] .service-card{border-radius:0;border-width:1px 0 1px 1px;background:#fff;min-height:220px}
html[data-theme="nordic"] .service-card:last-child{border-right:1px solid var(--line)}
html[data-theme="nordic"] .work-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="nordic"] .work-grid figure{border-radius:0}
html[data-theme="nordic"] .band{border-radius:6px;background:#24292e}
html[data-theme="nordic"] footer.site{background:#e8eaec}

/* ---------- EMERALD / BUSINESS ---------- */
html[data-theme="emerald"]{
  --cc-radius:16px;--cc-section:100px;--cc-max:1240px;--cc-card-pad:25px;
}
html[data-theme="emerald"] header.site{position:sticky;background:#0e2620;border:0}
html[data-theme="emerald"] .nav{height:78px}
html[data-theme="emerald"] .hero-carousel{height:660px;border-radius:0 0 22px 22px}
html[data-theme="emerald"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.4rem)}
html[data-theme="emerald"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="emerald"] .service-card{background:#fff;border-top:3px solid var(--brand)}
html[data-theme="emerald"] .work-grid{grid-template-columns:repeat(4,1fr)}
html[data-theme="emerald"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="emerald"] .band{background:linear-gradient(135deg,#159570,#0e2620)}
html[data-theme="emerald"] footer.site{background:#ddefe4}

/* ---------- PLUM / CREATIVE ---------- */
html[data-theme="plum"]{
  --cc-radius:22px;--cc-section:116px;--cc-max:1200px;--cc-card-pad:28px;
}
html[data-theme="plum"] header.site{position:absolute;background:linear-gradient(180deg,rgba(21,13,24,.9),transparent);border:0}
html[data-theme="plum"] .hero-carousel{height:790px}
html[data-theme="plum"] .hero-copy h1{font-size:clamp(3.4rem,8vw,7.2rem);letter-spacing:-.07em}
html[data-theme="plum"] .hero-wash{background:radial-gradient(circle at 70% 30%,rgba(200,107,250,.22),transparent 35%),linear-gradient(90deg,rgba(21,13,24,.94),rgba(21,13,24,.52),rgba(21,13,24,.12))!important}
html[data-theme="plum"] .service-grid{grid-template-columns:1fr 1fr 1fr}
html[data-theme="plum"] .service-card{background:linear-gradient(145deg,#322238,#211728);border-color:#483454}
html[data-theme="plum"] .work-grid{grid-template-columns:1fr 2fr 1fr}
html[data-theme="plum"] .work-grid figure:first-child{grid-row:span 2}
html[data-theme="plum"] .band{background:linear-gradient(135deg,#c86bfa,#63327d)}
html[data-theme="plum"] footer.site{background:#150d18}

/* ---------- TERRACOTTA / ARCHITECTURAL ---------- */
html[data-theme="terracotta"]{
  --cc-radius:0;--cc-section:118px;--cc-max:1200px;--cc-card-pad:26px;
  --cc-font:Inter,"Segoe UI",sans-serif;
}
html[data-theme="terracotta"] header.site{position:sticky;background:#2a1812;border:0}
html[data-theme="terracotta"] .nav{height:78px}
html[data-theme="terracotta"] .hero-carousel{height:690px}
html[data-theme="terracotta"] .hero-copy h1{font-size:clamp(3rem,7vw,6.3rem);font-weight:700}
html[data-theme="terracotta"] .intro-strip{border-block:1px solid #c75b39}
html[data-theme="terracotta"] .service-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="terracotta"] .service-card{border-radius:0;border-width:1px 0 1px 1px;background:transparent}
html[data-theme="terracotta"] .service-card:last-child{border-right:1px solid var(--line)}
html[data-theme="terracotta"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="terracotta"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="terracotta"] .band{border-radius:0;background:#2a1812}
html[data-theme="terracotta"] footer.site{background:#f2dfd2}

/* ---------- STEEL / ENGINEERING ---------- */
html[data-theme="steel"]{
  --cc-radius:6px;--cc-section:94px;--cc-max:1240px;--cc-card-pad:22px;
  --cc-font:Arial,Helvetica,sans-serif;
}
html[data-theme="steel"] header.site{position:sticky;background:#1c262b;border:0}
html[data-theme="steel"] .nav{height:68px}
html[data-theme="steel"] .menu a{border-radius:4px}
html[data-theme="steel"] .hero-carousel{height:600px;min-height:500px}
html[data-theme="steel"] .hero-copy h1{text-transform:uppercase;font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.04em}
html[data-theme="steel"] .service-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="steel"] .service-card{border-radius:6px;border-top:4px solid var(--brand);padding:22px}
html[data-theme="steel"] .work-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="steel"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="steel"] .band{border-radius:6px;background:#1c262b}
html[data-theme="steel"] footer.site{background:#dde3e6}

/* ---------- LAVENDER / CREATIVE SOFT ---------- */
html[data-theme="lavender"]{
  --cc-radius:24px;--cc-section:108px;--cc-max:1180px;--cc-card-pad:28px;
}
html[data-theme="lavender"] header.site{position:absolute;background:linear-gradient(180deg,rgba(34,28,51,.72),transparent);border:0}
html[data-theme="lavender"] .hero-carousel{height:720px;border-radius:0 0 45px 45px}
html[data-theme="lavender"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.3rem)}
html[data-theme="lavender"] .service-grid{grid-template-columns:repeat(2,1fr)}
html[data-theme="lavender"] .service-card{background:#fff;border:1px solid #d6cbe8}
html[data-theme="lavender"] .work-section{margin:18px;border-radius:36px}
html[data-theme="lavender"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="lavender"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="lavender"] .band{background:linear-gradient(135deg,#7c5cbf,#4d3b82);border-radius:28px}
html[data-theme="lavender"] footer.site{background:#eae4f5;border-radius:36px 36px 0 0}

/* ---------- CHARCOAL / BOLD ---------- */
html[data-theme="charcoal"]{
  --cc-radius:5px;--cc-section:118px;--cc-max:1240px;--cc-card-pad:26px;
}
html[data-theme="charcoal"] header.site{position:sticky;background:#101112;border:0}
html[data-theme="charcoal"] .nav{height:72px}
html[data-theme="charcoal"] .hero-carousel{height:760px}
html[data-theme="charcoal"] .hero-copy h1{text-transform:uppercase;font-size:clamp(3.5rem,8vw,7.8rem);font-weight:800;letter-spacing:-.08em}
html[data-theme="charcoal"] .service-grid{grid-template-columns:repeat(3,1fr);gap:4px}
html[data-theme="charcoal"] .service-card{border-radius:0;background:#202226;border-color:#3a3d44}
html[data-theme="charcoal"] .work-grid{grid-template-columns:repeat(4,1fr);gap:4px}
html[data-theme="charcoal"] .work-grid figure{border-radius:0}
html[data-theme="charcoal"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="charcoal"] .band{border-radius:0;background:#e86f51}
html[data-theme="charcoal"] footer.site{background:#101112}

/* ---------- MINT / AIRY ---------- */
html[data-theme="mint"]{
  --cc-radius:30px;--cc-section:106px;--cc-max:1160px;--cc-card-pad:28px;
}
html[data-theme="mint"] header.site{position:sticky;background:#0f2620;border:0}
html[data-theme="mint"] .hero-carousel{height:680px;border-radius:0 0 48px 48px}
html[data-theme="mint"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="mint"] .service-card{background:#fff;box-shadow:0 18px 45px -38px rgba(31,158,108,.65)}
html[data-theme="mint"] .work-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="mint"] .work-grid figure{border-radius:30px}
html[data-theme="mint"] .band{background:linear-gradient(135deg,#2ebd85,#1f7e5b);border-radius:32px}
html[data-theme="mint"] footer.site{background:#ddf3e8;border:0}

/* ---------- CRIMSON / CORPORATE ---------- */
html[data-theme="crimson"]{
  --cc-radius:10px;--cc-section:98px;--cc-max:1220px;--cc-card-pad:24px;
}
html[data-theme="crimson"] header.site{position:sticky;background:#261311;border-bottom:3px solid #c62828}
html[data-theme="crimson"] .nav{height:76px}
html[data-theme="crimson"] .menu a{border-radius:5px}
html[data-theme="crimson"] .hero-carousel{height:650px}
html[data-theme="crimson"] .hero-copy h1{font-size:clamp(3rem,7vw,6rem);font-weight:750}
html[data-theme="crimson"] .service-grid{grid-template-columns:repeat(3,1fr);gap:12px}
html[data-theme="crimson"] .service-card{border-left:4px solid #c62828;background:#fff}
html[data-theme="crimson"] .work-grid{grid-template-columns:1fr 1fr 1fr}
html[data-theme="crimson"] .band{border-radius:10px;background:#c62828}
html[data-theme="crimson"] footer.site{background:#f3e3dd}

/* ---------- SKY / FLOATING ---------- */
html[data-theme="sky"]{
  --cc-radius:26px;--cc-section:100px;--cc-max:1200px;--cc-card-pad:28px;
}
html[data-theme="sky"] header.site{position:absolute;background:rgba(16,36,49,.4);backdrop-filter:blur(10px);border:0}
html[data-theme="sky"] .hero-carousel{height:760px;border-radius:0 0 60px 60px}
html[data-theme="sky"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.5rem)}
html[data-theme="sky"] .intro-strip{margin:18px;border-radius:28px}
html[data-theme="sky"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="sky"] .service-card{background:#fff;box-shadow:0 22px 60px -45px rgba(35,133,201,.7)}
html[data-theme="sky"] .work-grid{grid-template-columns:repeat(4,1fr)}
html[data-theme="sky"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="sky"] .band{background:linear-gradient(135deg,#38a1e8,#2385c9);border-radius:30px}
html[data-theme="sky"] footer.site{background:#e0eef9;border:0}

/* ---------- MOCHA / ARTISAN DARK ---------- */
html[data-theme="mocha"]{
  --cc-radius:12px;--cc-section:112px;--cc-max:1180px;--cc-card-pad:28px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="mocha"] header.site{position:absolute;background:linear-gradient(180deg,rgba(23,16,9,.9),transparent);border:0}
html[data-theme="mocha"] .hero-carousel{height:770px}
html[data-theme="mocha"] .hero-copy h1{font-size:clamp(3.3rem,7vw,6.8rem);font-weight:500}
html[data-theme="mocha"] .service-grid{grid-template-columns:repeat(2,1fr)}
html[data-theme="mocha"] .service-card{background:#332821;border-color:#4a3a2d}
html[data-theme="mocha"] .work-section{background:#2a201a}
html[data-theme="mocha"] .work-grid{grid-template-columns:1fr 2fr 1fr}
html[data-theme="mocha"] .band{background:linear-gradient(135deg,#d99a5b,#7b4d28);border-radius:12px}
html[data-theme="mocha"] footer.site{background:#171009}

/* ---------- TEAL / CONTEMPORARY TECH ---------- */
html[data-theme="teal"]{
  --cc-radius:18px;--cc-section:104px;--cc-max:1240px;--cc-card-pad:26px;
}
html[data-theme="teal"] header.site{position:sticky;background:#0c2625;border:0}
html[data-theme="teal"] .hero-carousel{height:660px}
html[data-theme="teal"] .hero-copy h1{font-size:clamp(3rem,7vw,6.3rem)}
html[data-theme="teal"] .intro-strip{margin:0 4%;border-radius:0 0 18px 18px}
html[data-theme="teal"] .service-grid{grid-template-columns:repeat(3,1fr);gap:12px}
html[data-theme="teal"] .service-card{background:#fff;border-top:3px solid var(--brand)}
html[data-theme="teal"] .work-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="teal"] .band{background:linear-gradient(135deg,#0f9b94,#0c5e5b);border-radius:18px}
html[data-theme="teal"] footer.site{background:#dcedeb}

/* ---------- AMBER / PREMIUM EARTH ---------- */
html[data-theme="amber"]{
  --cc-radius:8px;--cc-section:116px;--cc-max:1180px;--cc-card-pad:28px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="amber"] header.site{position:sticky;background:#2b2009;border-bottom:1px solid rgba(232,160,32,.45)}
html[data-theme="amber"] .nav{height:86px}
html[data-theme="amber"] .menu a{border-radius:2px}
html[data-theme="amber"] .hero-carousel{height:720px}
html[data-theme="amber"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.5rem);font-weight:500}
html[data-theme="amber"] .service-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="amber"] .service-card{border-radius:0;border-width:1px 0 1px 1px;background:#fffdf6}
html[data-theme="amber"] .service-card:last-child{border-right:1px solid var(--line)}
html[data-theme="amber"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="amber"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="amber"] .band{border-radius:8px;background:#2b2009}
html[data-theme="amber"] footer.site{background:#f9ebcd}

/* ---------- INDIGO / SAAS CREATIVE ---------- */
html[data-theme="indigo"]{
  --cc-radius:22px;--cc-section:104px;--cc-max:1240px;--cc-card-pad:26px;
}
html[data-theme="indigo"] header.site{position:sticky;background:#161833;border:0}
html[data-theme="indigo"] .nav{height:78px}
html[data-theme="indigo"] .menu a{border-radius:999px}
html[data-theme="indigo"] .hero-carousel{height:700px;border-radius:0 0 36px 36px}
html[data-theme="indigo"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.07em}
html[data-theme="indigo"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="indigo"] .service-card{background:#fff;box-shadow:0 20px 55px -45px rgba(58,71,184,.7)}
html[data-theme="indigo"] .work-grid{grid-template-columns:repeat(4,1fr)}
html[data-theme="indigo"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="indigo"] .band{background:linear-gradient(135deg,#4f5dd5,#3a47b8);border-radius:24px}
html[data-theme="indigo"] footer.site{background:#e0e3f5;border:0}

/* ---------- CORAL REEF / FRIENDLY COASTAL ---------- */
html[data-theme="coral-reef"]{
  --cc-radius:28px;--cc-section:98px;--cc-max:1200px;--cc-card-pad:28px;
}
html[data-theme="coral-reef"] header.site{position:sticky;background:#2b150e;border:0}
html[data-theme="coral-reef"] .hero-carousel{height:690px;border-radius:0 0 44px 44px}
html[data-theme="coral-reef"] .hero-copy h1{font-size:clamp(3rem,7vw,6.2rem)}
html[data-theme="coral-reef"] .intro-strip{margin:18px;border-radius:26px}
html[data-theme="coral-reef"] .service-grid{grid-template-columns:repeat(3,1fr)}
html[data-theme="coral-reef"] .service-card{background:#fff;border-bottom:4px solid var(--brand)}
html[data-theme="coral-reef"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="coral-reef"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="coral-reef"] .band{background:linear-gradient(135deg,#ff6b4a,#d94a2e);border-radius:30px}
html[data-theme="coral-reef"] footer.site{background:#ffe4d8;border:0}

/* ---------- GRAPHITE / EXECUTIVE ---------- */
html[data-theme="graphite"]{
  --cc-radius:8px;--cc-section:112px;--cc-max:1260px;--cc-card-pad:24px;
}
html[data-theme="graphite"] header.site{position:sticky;background:#191c1f;border-bottom:1px solid #454b54}
html[data-theme="graphite"] .nav{height:70px}
html[data-theme="graphite"] .menu a{border-radius:5px}
html[data-theme="graphite"] .hero-carousel{height:650px;min-height:540px}
html[data-theme="graphite"] .hero-copy h1{text-transform:uppercase;font-size:clamp(3rem,7vw,6.5rem);font-weight:800}
html[data-theme="graphite"] .service-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="graphite"] .service-card{border-radius:8px;background:#2a2e33;border-top:3px solid var(--brand)}
html[data-theme="graphite"] .work-grid{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-theme="graphite"] .work-grid figure:first-child{grid-column:span 2;grid-row:span 2}
html[data-theme="graphite"] .band{border-radius:8px;background:#6ab0f3}
html[data-theme="graphite"] footer.site{background:#191c1f}

/* ---------- OLIVE / ORGANIC PROFESSIONAL ---------- */
html[data-theme="olive"]{
  --cc-radius:18px;--cc-section:110px;--cc-max:1180px;--cc-card-pad:28px;
  --cc-font:"Trebuchet MS",Inter,sans-serif;
}
html[data-theme="olive"] header.site{position:sticky;background:#20230f;border:0}
html[data-theme="olive"] .hero-carousel{height:700px;border-radius:0 0 34px 34px}
html[data-theme="olive"] .hero-copy h1{font-size:clamp(3.2rem,7vw,6.3rem)}
html[data-theme="olive"] .intro-strip{margin:0 3%;border-radius:0 0 20px 20px}
html[data-theme="olive"] .service-grid{grid-template-columns:repeat(2,1fr);gap:18px}
html[data-theme="olive"] .service-card{background:#fcfcf5;border-left:6px solid var(--brand)}
html[data-theme="olive"] .work-section{margin:18px;border-radius:34px}
html[data-theme="olive"] .work-grid{grid-template-columns:1fr 1fr}
html[data-theme="olive"] .work-grid figure:first-child{grid-column:span 2}
html[data-theme="olive"] .band{background:#20230f;border-radius:18px}
html[data-theme="olive"] footer.site{background:#e7e9d6;border-radius:34px 34px 0 0}

/* ---------- BLUSH NOIR / DARK EDITORIAL ---------- */
html[data-theme="blush-noir"]{
  --cc-radius:3px;--cc-section:130px;--cc-max:1220px;--cc-card-pad:26px;
  --cc-font:Georgia,"Times New Roman",serif;
}
html[data-theme="blush-noir"] header.site{position:absolute;background:linear-gradient(180deg,rgba(18,12,16,.94),transparent);border-bottom:1px solid rgba(232,106,146,.18)}
html[data-theme="blush-noir"] .nav{height:98px}
html[data-theme="blush-noir"] .menu a{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
html[data-theme="blush-noir"] .hero-carousel{height:820px}
html[data-theme="blush-noir"] .hero-copy{text-align:left;max-width:760px}
html[data-theme="blush-noir"] .hero-copy h1{font-size:clamp(3.7rem,8vw,7.8rem);font-weight:400;letter-spacing:-.045em}
html[data-theme="blush-noir"] .service-grid{grid-template-columns:repeat(3,1fr);gap:0}
html[data-theme="blush-noir"] .service-card{border-radius:0;border-width:1px 0 1px 1px;background:#241a20}
html[data-theme="blush-noir"] .service-card:last-child{border-right:1px solid var(--line)}
html[data-theme="blush-noir"] .work-grid{grid-template-columns:1.5fr 1fr 1fr}
html[data-theme="blush-noir"] .band{border-radius:0;background:linear-gradient(135deg,#e86a92,#5e2940)}
html[data-theme="blush-noir"] footer.site{background:#120c10}

/* ---------- SHARED RESPONSIVE SAFETY ---------- */
@media(max-width:1000px){
  html[data-theme] .service-grid,
  html[data-theme] .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .work-grid figure:first-child{grid-column:span 2;grid-row:auto}
}
@media(max-width:650px){
  html[data-theme]{--cc-section:76px;--cc-card-pad:22px}
  html[data-theme] header.site{position:sticky!important;top:0!important}
  html[data-theme] .nav{height:68px}
  html[data-theme] .menu{inset:68px 0 auto 0}
  html[data-theme] .hero-carousel{height:calc(100svh - 0px);min-height:620px;border-radius:0 0 26px 26px}
  html[data-theme] .hero-content{padding-top:78px}
  html[data-theme] .hero-copy h1{font-size:clamp(2.7rem,14vw,4.4rem);line-height:.98}
  html[data-theme] .hero-copy p{font-size:.96rem}
  html[data-theme] .intro-strip{margin:0;border-radius:0}
  html[data-theme] .service-grid,
  html[data-theme] .post-grid,
  html[data-theme] .work-grid{grid-template-columns:1fr}
  html[data-theme] .work-grid figure:first-child{grid-column:auto;grid-row:auto}
  html[data-theme] .service-card{min-height:0!important}
  html[data-theme] .band{padding:30px 22px}
  html[data-theme] .split-head{margin-bottom:34px}
  html[data-theme] .page-head{padding-top:108px}
  html[data-theme] .page-hero{padding-top:98px}
  html[data-theme] .work-section,
  html[data-theme] footer.site{margin-left:0;margin-right:0;border-radius:0}
}
@media(min-width:1500px){
  html[data-theme] .wrap{max-width:1320px}
}