/*
Theme Name: Jive Studios
Theme URI: https://www.jivestudios.co.uk/
Author: Jive Studios
Description: Custom WordPress theme for Jive Studios — Web, Brand, SEO Web, Brand, Growth & AI AI. Includes Bournemouth-focused local SEO foundations, service landing pages, structured data and WhatsApp-ready contact calls to action.
Version: 5.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: jive-studios
*/
:root {
  --lime: #c3d62d;
  --ink: #0a0a0a;
  --paper: #f4f4ed;
  --white: #fff;
  --muted: #9a9a94;
  --line: rgba(255,255,255,.17);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: var(--ink); background: var(--paper); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.page-shell { width: min(1500px, calc(100% - 64px)); margin: 0 auto; }
.lime-section { background: var(--lime); }
.section-label { margin: 0 0 34px; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.section-label.light { color: rgba(255,255,255,.56); }

.nav-wrap { position: relative; z-index: 20; display: flex; align-items: center; justify-content: space-between; width: min(1500px, calc(100% - 64px)); margin: 0 auto; padding: 28px 0; border-bottom: 1px solid rgba(0,0,0,.3); }
.wordmark { display: inline-flex; align-items: center; gap: 1px; font-size: 28px; font-weight: 900; letter-spacing: -.08em; }
.wordmark-pin { width: 5px; height: 32px; position: relative; display: inline-block; background: var(--ink); margin: 0 1px; }
.wordmark-pin::before,.wordmark-pin::after { content: ""; position:absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--ink); left: -3px; }
.wordmark-pin::before { top:-4px; } .wordmark-pin::after { bottom:-4px; }
.desktop-nav { display: flex; gap: 32px; font-size: 14px; font-weight: 700; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content:""; position:absolute; height:1px; width:0; left:0; bottom:-6px; background:var(--ink); transition: width .25s ease; }
.desktop-nav a:hover::after { width:100%; }
.menu-button { display:none; width:44px; height:44px; border:0; background:transparent; align-items:center; justify-content:center; flex-direction:column; gap:6px; }
.menu-button span { width:24px; height:2px; background:var(--ink); }
.mobile-menu { display:none; }

.hero { min-height: 92vh; display:flex; flex-direction:column; }
.hero-grid { flex: 1; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr); align-items: end; gap: 50px; padding: 86px 0 70px; }
.hero-copy h1 { margin:0; font-size: clamp(76px, 10.2vw, 178px); line-height:.78; letter-spacing:-.075em; font-weight:900; text-transform:uppercase; }
.hero-copy h1 em { font-family: Georgia, 'Times New Roman', serif; font-weight:400; text-transform:none; }
.hero-aside { align-self:end; padding-bottom:8px; }
.hero-aside p { font-size: clamp(19px, 1.7vw, 28px); line-height:1.2; letter-spacing:-.035em; margin:0 0 34px; }
.text-link { display:flex; justify-content:space-between; gap:20px; padding:18px 0 12px; border-bottom:1px solid var(--ink); font-weight:800; text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
.hero-bottom { display:flex; justify-content:space-between; gap:24px; border-top:1px solid rgba(0,0,0,.3); padding:18px 0 22px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }

.marquee { overflow:hidden; background:var(--ink); color:var(--white); padding:17px 0 15px; }
.marquee-track { display:flex; width:max-content; animation:marquee 30s linear infinite; }
.marquee-track span { white-space:nowrap; font-size:14px; letter-spacing:.12em; font-weight:800; }
@keyframes marquee { to { transform:translateX(-50%); } }

.intro { padding: 150px 0 170px; display:grid; grid-template-columns:1.1fr .9fr; gap:9vw; align-items:end; }
.intro h2,.ai-heading h2 { margin:0; font-size:clamp(56px,7.2vw,118px); line-height:.86; letter-spacing:-.065em; text-transform:uppercase; }
.intro h2 span,.ai-heading h2 span { font-family:Georgia, 'Times New Roman', serif; font-style:italic; font-weight:400; text-transform:none; }
.intro-copy { max-width:620px; justify-self:end; }
.intro-copy p { margin:0 0 25px; font-size:clamp(19px,1.65vw,28px); line-height:1.34; letter-spacing:-.03em; }

.services { background:var(--ink); color:var(--white); padding:120px 0 140px; }
.service-list { border-top:1px solid var(--line); }
.service-row { display:grid; grid-template-columns:80px 1fr 1fr; gap:42px; padding:44px 0 50px; border-bottom:1px solid var(--line); transition:padding .25s ease; }
.service-row:hover { padding-left:12px; }
.service-no { color:var(--lime); font-size:12px; font-weight:800; letter-spacing:.1em; padding-top:7px; }
.service-main h3 { font-size:clamp(30px,3.3vw,60px); line-height:.95; letter-spacing:-.05em; margin:0 0 14px; font-weight:700; }
.service-kicker { margin:0; color:#a8a8a2; font-size:16px; }
.service-detail { max-width:600px; }
.service-detail > p { margin:0 0 28px; color:#d0d0ca; line-height:1.55; font-size:17px; }
.tags { display:flex; flex-wrap:wrap; gap:8px; }
.tags span { border:1px solid #42423e; border-radius:999px; padding:8px 11px 7px; font-size:11px; text-transform:uppercase; letter-spacing:.07em; }

.statement { padding:130px 0; }
.statement-grid { display:grid; grid-template-columns:.38fr 1fr; gap:40px; }
.statement-copy { margin:0; font-size:clamp(42px,6.4vw,100px); line-height:.92; letter-spacing:-.06em; }
.statement-copy strong { font-family:Georgia, 'Times New Roman', serif; font-style:italic; font-weight:400; }

.ai-section { padding:150px 0 160px; }
.ai-heading { margin-bottom:100px; }
.ai-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:9vw; }
.ai-copy p { font-size:clamp(22px,2.15vw,34px); line-height:1.25; letter-spacing:-.035em; margin:0; }
.ai-copy .small-note { font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; margin-top:36px; }
.ai-list { border-top:1px solid #bbbdb4; }
.ai-item { display:grid; grid-template-columns:60px 1fr 30px; align-items:center; gap:14px; padding:25px 0; border-bottom:1px solid #bbbdb4; }
.ai-item span { font-size:11px; font-weight:800; color:#6f706b; }
.ai-item p { margin:0; font-size:clamp(17px,1.5vw,23px); letter-spacing:-.025em; }
.ai-item b { font-size:24px; font-weight:300; text-align:right; }

.proof-block { background:var(--ink); color:var(--white); padding:120px 0 140px; }
.proof-grid { display:grid; grid-template-columns:.3fr 1fr; gap:50px; }
.proof-cards { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.proof-cards article { min-height:340px; padding:30px 32px 30px 0; border-bottom:1px solid var(--line); }
.proof-cards > div:not(:last-child) article { border-right:1px solid var(--line); margin-right:32px; }
.proof-cards span { color:var(--lime); font-size:11px; font-weight:800; }
.proof-cards h3 { margin:100px 0 16px; font-size:34px; letter-spacing:-.04em; }
.proof-cards p { color:#adada6; line-height:1.55; max-width:330px; }

.contact { padding-top:130px; }
.contact-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:end; }
.contact-copy { padding-bottom:80px; }
.contact-copy h2 { font-size:clamp(70px,8vw,132px); line-height:.82; text-transform:uppercase; letter-spacing:-.07em; margin:0 0 42px; }
.contact-copy h2 em { font-family:Georgia, 'Times New Roman', serif; font-weight:400; text-transform:none; }
.contact-copy > p:not(.section-label) { max-width:580px; font-size:20px; line-height:1.4; margin-bottom:34px; }
.talk-button { display:flex; width:min(560px,100%); align-items:center; justify-content:space-between; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); padding:22px 0; font-size:20px; font-weight:800; text-transform:uppercase; transition:padding .25s ease; }
.talk-button:hover { padding-left:10px; padding-right:10px; }
.talk-arrow { font-size:30px; }
.portrait-placeholder { min-height:620px; background:var(--ink); color:var(--white); display:flex; flex-direction:column; justify-content:space-between; padding:36px; overflow:hidden; }
.portrait-mark { align-self:center; margin-top:70px; font-family:Georgia, 'Times New Roman', serif; font-style:italic; font-size:270px; line-height:1; color:var(--lime); transform:rotate(-8deg); }
.portrait-caption { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:16px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.footer { border-top:1px solid rgba(0,0,0,.34); padding:32px 0 40px; display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:30px; }
.footer-brand { font-size:52px; font-weight:900; letter-spacing:-.08em; }
.footer-brand span { font-size:12px; vertical-align:top; margin-left:4px; }
.footer p { margin:3px 0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.footer a { font-size:13px; font-weight:800; }

@media (max-width: 900px) {
  .page-shell,.nav-wrap { width:min(100% - 36px, 1500px); }
  .desktop-nav { display:none; }
  .menu-button { display:flex; }
  .mobile-menu { display:flex; position:absolute; left:0; right:0; top:86px; background:var(--ink); color:white; padding:28px 20px; flex-direction:column; }
  .mobile-menu a { display:flex; justify-content:space-between; font-size:29px; padding:15px 0; border-bottom:1px solid var(--line); }
  .hero { min-height:760px; }
  .hero-grid { grid-template-columns:1fr; align-content:end; padding:62px 0 38px; }
  .hero-copy h1 { font-size:clamp(66px,20vw,126px); }
  .hero-aside { max-width:550px; }
  .hero-bottom span:nth-child(2) { display:none; }
  .intro,.ai-grid,.contact-grid,.proof-grid,.statement-grid { grid-template-columns:1fr; }
  .intro { padding:100px 0; gap:70px; }
  .service-row { grid-template-columns:48px 1fr; gap:18px; }
  .service-detail { grid-column:2; }
  .statement { padding:90px 0; }
  .ai-section { padding:100px 0; }
  .ai-heading { margin-bottom:60px; }
  .proof-cards { grid-template-columns:1fr; }
  .proof-cards > div:not(:last-child) article { border-right:0; margin-right:0; }
  .proof-cards article { min-height:0; }
  .proof-cards h3 { margin-top:50px; }
  .contact { padding-top:90px; }
  .contact-copy { padding-bottom:0; }
  .portrait-placeholder { min-height:480px; }
  .portrait-mark { font-size:220px; }
  .footer { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .page-shell,.nav-wrap { width:calc(100% - 28px); }
  .nav-wrap { padding:20px 0; }
  .hero { min-height:690px; }
  .hero-grid { padding-top:46px; gap:36px; }
  .hero-copy h1 { font-size:19vw; }
  .hero-aside p { font-size:18px; }
  .hero-bottom { font-size:9px; }
  .intro h2,.ai-heading h2 { font-size:15vw; }
  .service-row { padding:32px 0 36px; }
  .service-main h3 { font-size:34px; }
  .service-detail > p { font-size:15px; }
  .statement-copy { font-size:13vw; }
  .ai-item { grid-template-columns:40px 1fr 20px; }
  .contact-copy h2 { font-size:18vw; }
  .portrait-placeholder { min-height:400px; padding:24px; }
  .portrait-mark { font-size:180px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .marquee-track { animation:none; }
  * { transition:none !important; }
}

/* Local SEO additions */
.service-link { display:inline-flex; gap:10px; margin-top:24px; color:var(--lime); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.service-main h3 a:hover { color:var(--lime); }
.local-section { background:var(--ink); color:var(--white); padding:130px 0 145px; border-top:1px solid var(--line); }
.local-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; align-items:end; }
.local-grid h2 { margin:0; font-size:clamp(52px,6.8vw,108px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; }
.local-grid h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.local-copy > p { margin:0 0 22px; color:#d0d0ca; font-size:clamp(18px,1.5vw,24px); line-height:1.4; letter-spacing:-.02em; }
.local-links { margin-top:42px; border-top:1px solid var(--line); }
.local-links a { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.local-links a:hover { color:var(--lime); }

.service-hero { min-height:760px; }
.service-hero-inner { padding:65px 0 90px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:70px; }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.service-hero h1 { max-width:1350px; margin:0; font-size:clamp(64px,8.4vw,142px); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; }
.service-hero-copy { display:grid; grid-template-columns:1fr minmax(280px,470px); gap:50px; align-items:end; margin-top:70px; }
.service-hero-copy > p { max-width:850px; margin:0; font-size:clamp(20px,2vw,31px); line-height:1.28; letter-spacing:-.03em; }
.service-editorial { padding:135px 0 150px; display:grid; grid-template-columns:1fr .9fr; gap:9vw; align-items:end; }
.service-editorial h2,.service-includes h2 { margin:0; font-size:clamp(48px,6.2vw,98px); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }
.service-editorial-copy p { margin:0; font-size:clamp(20px,1.8vw,29px); line-height:1.4; letter-spacing:-.025em; }
.benefits-block { padding:115px 0 130px; background:var(--ink); color:var(--white); }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.benefit-grid article { padding:35px 40px 40px 0; min-height:360px; border-bottom:1px solid var(--line); }
.benefit-grid article:not(:last-child) { margin-right:40px; border-right:1px solid var(--line); }
.benefit-grid span { color:var(--lime); font-size:11px; font-weight:800; }
.benefit-grid h3 { margin:95px 0 18px; font-size:clamp(27px,2.4vw,40px); letter-spacing:-.04em; }
.benefit-grid p { margin:0; max-width:360px; color:#b7b7b0; line-height:1.55; }
.service-includes { padding:135px 0 150px; display:grid; grid-template-columns:.9fr 1.1fr; gap:9vw; }
.include-list { border-top:1px solid #bbbdb4; }
.include-list > div { display:grid; grid-template-columns:45px 1fr; padding:21px 0; border-bottom:1px solid #bbbdb4; }
.include-list span { font-size:22px; }
.include-list p { margin:0; font-size:clamp(17px,1.5vw,23px); }
.local-detail { padding:125px 0 135px; }
.local-detail-grid { display:grid; grid-template-columns:1fr .95fr; gap:9vw; }
.local-detail h2 { margin:0; font-size:clamp(48px,6.2vw,98px); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }
.local-detail h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.local-detail-copy > p { margin:0 0 24px; font-size:clamp(18px,1.55vw,25px); line-height:1.42; letter-spacing:-.02em; }
.keyword-note { margin-top:45px; border-top:1px solid rgba(0,0,0,.3); padding-top:17px; display:flex; flex-direction:column; gap:8px; font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.07em; }
.related-services { padding:120px 0 140px; }
.related-grid { border-top:1px solid #bbbdb4; }
.related-grid a { display:flex; justify-content:space-between; gap:30px; padding:26px 0; border-bottom:1px solid #bbbdb4; font-size:clamp(21px,2vw,32px); letter-spacing:-.025em; }
.related-grid a:hover span { text-decoration:underline; text-underline-offset:5px; }
.service-contact { padding-top:115px; }
.service-contact-grid { display:grid; grid-template-columns:1fr .75fr; gap:9vw; align-items:end; padding-bottom:100px; }
.service-contact h2 { margin:0; font-size:clamp(65px,8vw,125px); line-height:.84; letter-spacing:-.065em; text-transform:uppercase; }
.service-contact-grid > div:last-child > p { margin:0 0 35px; font-size:clamp(19px,1.7vw,27px); line-height:1.4; }

@media (max-width:900px) {
  .local-grid,.service-hero-copy,.service-editorial,.service-includes,.local-detail-grid,.service-contact-grid { grid-template-columns:1fr; }
  .local-section { padding:95px 0; }
  .service-hero { min-height:0; }
  .service-hero-inner { padding:45px 0 75px; }
  .breadcrumbs { margin-bottom:45px; }
  .service-hero-copy { margin-top:48px; }
  .service-editorial,.service-includes { padding:95px 0; gap:60px; }
  .benefit-grid { grid-template-columns:1fr; }
  .benefit-grid article { min-height:0; }
  .benefit-grid article:not(:last-child) { margin-right:0; border-right:0; }
  .benefit-grid h3 { margin-top:45px; }
  .local-detail { padding:95px 0; }
  .service-contact { padding-top:90px; }
  .service-contact-grid { padding-bottom:75px; }
}

/* WordPress / non-React behaviour */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .06s; }
.reveal-delay-2 { transition-delay: .12s; }
.reveal-delay-3 { transition-delay: .18s; }
.admin-bar .nav-wrap { }
.mobile-menu { display:none; }
.mobile-menu.is-open { display:flex; }
.custom-contact-image { width:100%; min-height:620px; height:100%; object-fit:cover; display:block; background:var(--ink); }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.wp-block-image img { max-width:100%; height:auto; }
.jive-content { padding:110px 0; }
.jive-content h1 { font-size:clamp(48px,7vw,110px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; }
.jive-content p { max-width:850px; font-size:18px; line-height:1.6; }

@media (max-width:900px) {
  .mobile-menu { display:none; }
  .mobile-menu.is-open { display:flex; }
  .custom-contact-image { min-height:480px; }
}
@media (max-width:560px) {
  .custom-contact-image { min-height:400px; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity:1; transform:none; transition:none; }
}

/* =============================================================
   JIVE STUDIOS 2.0 — brand system, concepts, conversion + SEO pages
   ============================================================= */
.wordmark-logo img { display:block; width:116px; height:48px; object-fit:contain; object-position:left center; }
.footer-brand img { display:block; width:150px; height:auto; max-height:78px; object-fit:contain; object-position:left center; }
.nav-audit { padding:10px 14px; border:1px solid rgba(0,0,0,.55); border-radius:999px; }
.nav-audit::after { display:none!important; }

/* Signal motif — standalone mark taken from the custom Jive I. */
.hero,.statement,.ai-section,.contact,.audit-strip,.service-hero,.about-hero,.audit-hero,.pricing-hero,.concept-archive-hero,.concept-single-hero { position:relative; overflow:hidden; }
.signal-motif { position:absolute; display:block; width:42px; height:auto; object-fit:contain; opacity:.18; pointer-events:none; user-select:none; }
.signal-motif--hero { width:76px; right:5vw; top:25%; opacity:.13; transform:rotate(90deg); }
.signal-motif--statement { width:58px; right:5vw; bottom:8%; opacity:.15; }
.signal-motif--ai { width:48px; right:2vw; top:13%; opacity:.13; }
.signal-motif--contact { width:70px; right:4vw; top:8%; opacity:.13; transform:rotate(180deg); }
.signal-motif--service,.signal-motif--about,.signal-motif--audit,.signal-motif--pricing,.signal-motif--concept-archive,.signal-motif--concept-single { width:66px; right:5vw; top:26%; opacity:.14; }
.signal-motif--audit-strip { width:48px; left:3vw; bottom:-35px; opacity:.14; transform:rotate(90deg); }
.portrait-signal { width:86px; height:auto; align-self:center; margin-top:80px; filter:none; }

/* Concepts */
.concepts-home { background:var(--ink); color:var(--white); padding:130px 0 150px; }
.concepts-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:end; margin-bottom:75px; }
.concepts-heading h2,.industry-home h2,.pricing-teaser h2,.industry-problems h2 { margin:0; font-size:clamp(48px,6.4vw,104px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; }
.concepts-heading h2 span,.industry-home h2 span,.pricing-teaser h2 span { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:italic; text-transform:none; }
.concepts-intro > p { margin:0 0 18px; color:#cdcdc5; font-size:clamp(17px,1.45vw,23px); line-height:1.45; }
.concept-honesty { font-size:11px!important; text-transform:uppercase; letter-spacing:.08em; color:#8e8e88!important; }
.concepts-all-link { display:flex; justify-content:space-between; margin-top:34px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:17px 0; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.concepts-all-link:hover { color:var(--lime); }
.concept-grid,.concept-archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:74px 30px; }
.concept-card--large { grid-column:auto; }
.concept-card-visual { display:block; }
.concept-card-meta { display:flex; justify-content:space-between; gap:25px; padding-top:18px; border-top:1px solid var(--line); }
.concept-card-meta > div { display:flex; gap:16px; align-items:baseline; }
.concept-card-meta span { color:var(--lime); font-size:11px; font-weight:800; }
.concept-card-meta p { margin:0; color:#9e9e97; font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.concept-card-meta > a { font-size:clamp(18px,1.6vw,26px); font-weight:700; letter-spacing:-.03em; }
.concept-card-meta > a:hover { color:var(--lime); }

.concept-preview { --concept-bg:#f3eadc; --concept-ink:#181512; --concept-accent:#6a3a23; background:#222; padding:12px; box-shadow:0 30px 80px rgba(0,0,0,.18); }
.concept-preview--compact { padding:9px; }
.concept-browser { border-radius:4px; overflow:hidden; background:var(--concept-bg); color:var(--concept-ink); min-height:560px; }
.concept-preview--compact .concept-browser { min-height:440px; }
.concept-browser-bar { height:36px; display:flex; align-items:center; gap:6px; background:#efefea; border-bottom:1px solid rgba(0,0,0,.13); padding:0 12px; color:#191919; }
.concept-browser-bar span { width:7px; height:7px; border:1px solid currentColor; border-radius:50%; opacity:.55; }
.concept-browser-bar b { margin-left:auto; margin-right:auto; font-size:8px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.concept-canvas { min-height:524px; display:grid; grid-template-columns:1.16fr .84fr; grid-template-rows:auto 1fr auto; position:relative; overflow:hidden; }
.concept-preview--compact .concept-canvas { min-height:404px; }
.concept-mini-nav { grid-column:1/-1; display:flex; justify-content:space-between; padding:22px 25px; font-size:9px; text-transform:uppercase; letter-spacing:.08em; border-bottom:1px solid rgba(0,0,0,.16); }
.concept-mini-nav strong { max-width:55%; font-size:12px; }
.concept-mini-nav i { font-style:normal; }
.concept-mini-hero { padding:50px 26px 34px; align-self:center; position:relative; z-index:2; }
.concept-mini-hero small { display:block; margin-bottom:17px; text-transform:uppercase; letter-spacing:.13em; font-size:8px; }
.concept-mini-hero h3 { margin:0; font-size:clamp(36px,4.1vw,70px); line-height:.87; letter-spacing:-.055em; max-width:700px; }
.concept-preview--compact .concept-mini-hero h3 { font-size:clamp(30px,3.2vw,52px); }
.concept-mini-cta { display:inline-flex; justify-content:space-between; gap:30px; border-bottom:1px solid currentColor; padding:12px 0 7px; margin-top:26px; min-width:125px; font-size:9px; text-transform:uppercase; font-weight:800; }
.concept-art { min-height:100%; position:relative; overflow:hidden; background:var(--concept-accent); }
.concept-art span { position:absolute; display:block; background:var(--concept-bg); }
.concept-art span:nth-child(1) { width:72%; aspect-ratio:1; border-radius:50%; left:14%; top:12%; opacity:.96; }
.concept-art span:nth-child(2) { width:58%; height:12%; right:-7%; bottom:20%; transform:rotate(-12deg); }
.concept-art span:nth-child(3) { width:20%; height:64%; left:12%; bottom:-25%; transform:rotate(26deg); opacity:.7; }
.concept-mini-footer { grid-column:1/-1; display:flex; justify-content:space-between; padding:13px 25px; border-top:1px solid rgba(0,0,0,.16); font-size:8px; text-transform:uppercase; letter-spacing:.1em; }

/* Distinct concept directions */
.concept-style-01 { --concept-bg:#ebe8df; --concept-ink:#1c1b19; --concept-accent:#47473f; }
.concept-style-01 .concept-mini-hero h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.concept-style-02 { --concept-bg:#e7d9c7; --concept-ink:#171717; --concept-accent:#1d3329; }
.concept-style-02 .concept-mini-hero h3 { text-transform:uppercase; }
.concept-style-03 { --concept-bg:#f5ede8; --concept-ink:#2b1b25; --concept-accent:#c18c9f; }
.concept-style-03 .concept-mini-hero h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:italic; }
.concept-style-04 { --concept-bg:#1b1713; --concept-ink:#f0dfc4; --concept-accent:#9f3f22; }
.concept-style-04 .concept-browser-bar { background:#231e18; color:#f0dfc4; }
.concept-style-04 .concept-mini-hero h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.concept-style-05 { --concept-bg:#eaf1ef; --concept-ink:#173332; --concept-accent:#87a99f; }
.concept-style-05 .concept-art span:nth-child(1) { border-radius:48% 52% 70% 30%; }
.concept-style-06 { --concept-bg:#f1ec3f; --concept-ink:#111; --concept-accent:#121212; }
.concept-style-06 .concept-mini-hero h3 { text-transform:uppercase; font-weight:900; }
.concept-style-07 { --concept-bg:#e8e4db; --concept-ink:#111827; --concept-accent:#233752; }
.concept-style-07 .concept-mini-hero h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.concept-style-08 { --concept-bg:#f2b93b; --concept-ink:#251509; --concept-accent:#5b2818; }
.concept-style-08 .concept-art span:nth-child(1) { width:88%; left:6%; border-radius:3px; transform:rotate(8deg); }
.concept-style-09 { --concept-bg:#f1e8e0; --concept-ink:#392f2b; --concept-accent:#aa8175; }
.concept-style-09 .concept-mini-hero h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.concept-style-10 { --concept-bg:#111; --concept-ink:#f4f4ed; --concept-accent:#c3d62d; }
.concept-style-10 .concept-browser-bar { background:#1b1b1b; color:#f4f4ed; }
.concept-style-10 .concept-mini-hero h3 { text-transform:uppercase; font-weight:900; }

/* Industry section */
.industry-home { padding:140px 0 150px; }
.industry-home-head { display:grid; grid-template-columns:1.1fr .9fr; gap:9vw; align-items:end; margin-bottom:65px; }
.industry-home-head > div:last-child p { margin:0; font-size:clamp(18px,1.6vw,25px); line-height:1.42; }
.industry-home-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #b9bbb2; }
.industry-home-links a { display:flex; justify-content:space-between; gap:20px; padding:23px 2px; border-bottom:1px solid #b9bbb2; font-size:clamp(19px,1.8vw,29px); letter-spacing:-.025em; }
.industry-home-links a:nth-child(odd) { margin-right:30px; }
.industry-home-links a:nth-child(even) { margin-left:30px; }
.industry-home-links a:hover span { text-decoration:underline; text-underline-offset:5px; }
.industry-home-links b { font-weight:400; }

/* Free audit strip */
.audit-strip { padding:105px 0; }
.audit-strip-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; align-items:end; }
.audit-strip h2 { margin:0; font-size:clamp(52px,6.4vw,100px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; }
.audit-strip-grid > div:last-child > p { margin:0 0 34px; font-size:clamp(18px,1.6vw,25px); line-height:1.45; }

/* Pricing teaser */
.pricing-teaser { padding:130px 0; display:grid; grid-template-columns:1.1fr .9fr; gap:9vw; align-items:center; }
.pricing-teaser-copy > p:not(.section-label) { max-width:720px; font-size:clamp(18px,1.55vw,24px); line-height:1.48; }
.pricing-teaser-copy .text-link { max-width:520px; margin-top:36px; }
.pricing-teaser-mark { min-height:470px; background:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px; color:var(--white); }
.pricing-teaser-mark img { width:70px; height:auto; }
.pricing-teaser-mark span { font-size:10px; letter-spacing:.14em; font-weight:800; }

/* AI sellability */
.ai-advanced { padding-top:28px; }
.ai-advanced > p { color:#666761; font-size:14px; line-height:1.55; }
.service-link--dark { color:var(--ink); }

/* About */
.about-hero { min-height:760px; }
.about-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:end; padding:95px 0 100px; }
.about-hero h1 { margin:0; font-size:clamp(66px,8.5vw,140px); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; }
.about-hero h1 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.about-hero-copy p { font-size:clamp(19px,1.7vw,27px); line-height:1.4; }
.about-story { padding:135px 0; display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; align-items:end; }
.about-story h2 { margin:0; font-size:clamp(50px,6.5vw,102px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; }
.about-story h2 span { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; text-transform:none; }
.about-story-copy p { font-size:clamp(18px,1.55vw,24px); line-height:1.5; }
.about-values { background:var(--ink); color:var(--white); padding:110px 0 130px; }

/* Concept archive + single */
.concept-archive-hero,.concept-single-hero { min-height:650px; }
.concept-archive-head { padding:80px 0 100px; }
.concept-archive-head h1,.concept-single-head h1 { margin:0; font-size:clamp(72px,9vw,150px); line-height:.82; letter-spacing:-.07em; text-transform:uppercase; }
.concept-archive-head h1 em,.concept-cta h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.concept-archive-head > p:last-child { max-width:670px; font-size:21px; line-height:1.45; margin-top:45px; }
.concept-archive-grid { background:var(--ink); color:var(--white); width:100%; max-width:none; padding:110px max(32px,calc((100vw - 1500px)/2)) 140px; }
.concept-single-head { padding:70px 0 85px; display:grid; grid-template-columns:1fr auto; gap:60px; align-items:end; }
.concept-single-hero-copy { margin:34px 0 0; max-width:760px; font-size:clamp(20px,2vw,31px); line-height:1.25; }
.concept-disclaimer { padding:18px 0; border-top:1px solid rgba(0,0,0,.4); border-bottom:1px solid rgba(0,0,0,.4); text-transform:uppercase; font-size:9px; letter-spacing:.1em; line-height:1.7; }
.concept-disclaimer strong { display:block; font-size:11px; }
.concept-showcase { padding:120px 0 140px; display:grid; grid-template-columns:1.15fr .85fr; gap:7vw; align-items:center; }
.concept-showcase-copy h2 { margin:0 0 30px; font-size:clamp(32px,3.3vw,55px); line-height:1; letter-spacing:-.045em; }
.concept-showcase-copy > p { font-size:17px; line-height:1.6; }
.tags--dark span { border-color:#b6b7b0; }
.concept-cta { padding:115px 0; }
.concept-cta-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:end; }
.concept-cta h2 { margin:0; font-size:clamp(50px,6.5vw,105px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; }
.concept-cta-grid > div:last-child > p { font-size:clamp(18px,1.5vw,24px); line-height:1.45; }

/* Industry landing pages */
.industry-problems { padding:125px 0 140px; display:grid; grid-template-columns:1fr .95fr; gap:9vw; align-items:end; }
.industry-problems h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.industry-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.industry-feature-grid article { min-height:220px; padding:30px 32px 36px 0; border-bottom:1px solid var(--line); }
.industry-feature-grid article:not(:nth-child(3n)) { border-right:1px solid var(--line); margin-right:32px; }
.industry-feature-grid span { color:var(--lime); font-size:11px; font-weight:800; }
.industry-feature-grid h3 { margin:70px 0 0; font-size:clamp(22px,2vw,33px); letter-spacing:-.035em; }
.industry-concept { padding:125px 0 145px; display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; align-items:center; }
.industry-concept-copy h2 { margin:0 0 22px; font-size:clamp(45px,5vw,80px); letter-spacing:-.055em; }
.industry-concept-copy > p { font-size:18px; line-height:1.55; }
.industry-concept-copy .text-link { margin-top:32px; }

/* Audit page */
.audit-hero { min-height:740px; }
.audit-hero-grid { padding:90px 0 105px; display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:end; }
.audit-hero h1,.pricing-hero h1 { margin:0; font-size:clamp(67px,8.5vw,140px); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; }
.audit-hero h1 em,.pricing-hero h1 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.audit-lead p { font-size:clamp(18px,1.6vw,25px); line-height:1.45; }
.audit-body { padding:125px 0 145px; display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; align-items:start; }
.jive-form { display:grid; gap:22px; }
.jive-form label { display:grid; gap:8px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.jive-form input,.jive-form textarea { width:100%; border:0; border-bottom:1px solid #8f9189; background:transparent; padding:13px 0; border-radius:0; color:var(--ink); font:inherit; font-size:19px; text-transform:none; letter-spacing:normal; outline:none; }
.jive-form input:focus,.jive-form textarea:focus { border-bottom-color:var(--ink); }
.jive-form textarea { resize:vertical; min-height:100px; }
.jive-form .talk-button { border-left:0; border-right:0; background:transparent; cursor:pointer; margin-top:10px; }
.form-small { font-size:11px; line-height:1.55; color:#6b6c67; }
.form-notice { margin-bottom:28px; padding:17px; border:1px solid #83857e; font-weight:700; }
.form-notice--error { border-color:#9a3d34; }

/* Pricing page */
.pricing-hero { min-height:690px; }
.pricing-hero-inner { padding:80px 0 105px; }
.pricing-hero-inner > p:last-child { max-width:690px; margin-top:40px; font-size:21px; line-height:1.45; }
.pricing-grid { padding:120px 0 140px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #b9bbb2; }
.price-card { min-height:570px; padding:32px 35px 40px 0; border-bottom:1px solid #b9bbb2; }
.price-card:not(:last-child) { border-right:1px solid #b9bbb2; margin-right:35px; }
.price-card > span { font-size:11px; font-weight:800; color:#72736e; }
.price-label { margin:70px 0 7px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.price-card h2 { margin:0 0 28px; font-size:clamp(42px,4vw,64px); letter-spacing:-.055em; }
.price-card > p:not(.price-label) { line-height:1.55; }
.price-card ul { list-style:none; padding:0; margin:35px 0 0; border-top:1px solid #b9bbb2; }
.price-card li { padding:13px 0; border-bottom:1px solid #b9bbb2; font-size:13px; }
.pricing-note { background:var(--ink); color:var(--white); padding:110px 0 125px; }
.pricing-note-grid { display:grid; grid-template-columns:1fr .9fr; gap:9vw; align-items:end; }
.pricing-note h2 { margin:0; font-size:clamp(50px,6vw,95px); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }
.pricing-note-grid > div:last-child > p { color:#c3c3bd; font-size:20px; line-height:1.5; }
.talk-button--light { border-color:var(--white); color:var(--white); }

@media (max-width:1100px) {
  .desktop-nav { gap:20px; font-size:12px; }
  .wordmark-logo img { width:100px; }
}
@media (max-width:900px) {
  .wordmark-logo img { width:105px; height:42px; }
  .signal-motif { opacity:.09; }
  .signal-motif--hero { width:52px; top:18%; right:3vw; }
  .concepts-heading,.industry-home-head,.audit-strip-grid,.pricing-teaser,.about-hero-grid,.about-story,.concept-single-head,.concept-showcase,.concept-cta-grid,.industry-problems,.industry-concept,.audit-hero-grid,.audit-body,.pricing-note-grid { grid-template-columns:1fr; }
  .concept-grid,.concept-archive-grid { grid-template-columns:1fr; }
  .concepts-home,.industry-home { padding:95px 0 110px; }
  .concepts-heading { margin-bottom:55px; }
  .industry-home-links { grid-template-columns:1fr; }
  .industry-home-links a:nth-child(odd),.industry-home-links a:nth-child(even) { margin:0; }
  .audit-strip { padding:85px 0; }
  .pricing-teaser { padding:95px 0; }
  .pricing-teaser-mark { min-height:350px; }
  .about-hero,.audit-hero,.pricing-hero,.concept-archive-hero,.concept-single-hero { min-height:0; }
  .about-hero-grid,.audit-hero-grid { padding:65px 0 80px; }
  .about-story,.industry-problems,.industry-concept,.audit-body { padding:90px 0; }
  .concept-archive-head { padding:60px 0 80px; }
  .concept-single-head { padding:55px 0 75px; }
  .concept-showcase { padding:90px 0 100px; }
  .industry-feature-grid { grid-template-columns:1fr; }
  .industry-feature-grid article:not(:nth-child(3n)) { border-right:0; margin-right:0; }
  .pricing-grid { grid-template-columns:1fr; padding:90px 0 100px; }
  .price-card { min-height:0; }
  .price-card:not(:last-child) { border-right:0; margin-right:0; }
  .pricing-note { padding:90px 0; }
  .concept-browser { min-height:480px; }
  .concept-canvas { min-height:444px; }
}
@media (max-width:560px) {
  .concept-preview { padding:7px; }
  .concept-browser,.concept-preview--compact .concept-browser { min-height:380px; }
  .concept-canvas,.concept-preview--compact .concept-canvas { min-height:344px; grid-template-columns:1fr; }
  .concept-art { position:absolute; right:0; top:36px; width:42%; height:calc(100% - 70px); opacity:.45; }
  .concept-mini-hero { padding:38px 20px 26px; width:78%; }
  .concept-mini-hero h3,.concept-preview--compact .concept-mini-hero h3 { font-size:34px; }
  .concept-card-meta { flex-direction:column; }
  .pricing-teaser-mark { min-height:260px; }
  .pricing-teaser-mark img { width:46px; }
  .audit-hero h1,.pricing-hero h1,.concept-archive-head h1,.concept-single-head h1 { font-size:17vw; }
  .industry-feature-grid h3 { margin-top:38px; }
}

/* ==========================================================
   V4: Ten genuinely different Jive concept websites
   ========================================================== */
.concept-site{min-height:524px;position:relative;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.concept-preview--compact .concept-site{min-height:404px}
.concept-site button,.concept-site a{font:inherit}
.concept-site button{border:0;cursor:default}
.concept-site h3{margin:0}
.concept-site small{letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}

/* 01 Haven & Stone — quiet editorial property */
.concept-site-01{background:#e8e6dd;color:#191917;display:grid;grid-template-rows:auto 1fr auto}
.hs-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #aaa89f}
.hs-nav>b{font:700 12px/1.02 Georgia,serif;letter-spacing:.07em}.hs-nav>div{display:flex;gap:20px;align-items:center;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.hs-nav i{font-style:normal;border-bottom:1px solid;padding-bottom:3px}
.hs-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:420px}.hs-copy{padding:52px 26px 30px;display:flex;flex-direction:column;justify-content:center}.hs-copy h3{font:400 clamp(36px,4vw,68px)/.92 Georgia,serif;letter-spacing:-.045em;max-width:560px}.hs-copy p{font:italic 13px/1.4 Georgia,serif;margin:18px 0}.hs-copy a{font-size:9px;text-transform:uppercase;letter-spacing:.08em;width:max-content;border-bottom:1px solid;padding:8px 0}.hs-property{position:relative;margin:20px 20px 20px 0;background:linear-gradient(150deg,#93a59d 0 38%,#d8d4c7 38% 58%,#6f7f75 58%);overflow:hidden}.hs-house{position:absolute;inset:24% 12% 10%;background:#d9d5ca;clip-path:polygon(0 32%,52% 0,100% 30%,100% 100%,0 100%)}.hs-house span{position:absolute;background:#53645f}.hs-house span:nth-child(1){width:18%;height:27%;left:16%;bottom:16%}.hs-house span:nth-child(2){width:18%;height:27%;left:42%;bottom:16%}.hs-house span:nth-child(3){width:18%;height:27%;left:68%;bottom:16%}.hs-house span:nth-child(4){width:14%;height:22%;left:44%;top:28%}.hs-property em{position:absolute;left:16px;bottom:14px;background:#e8e6dd;padding:8px 10px;font:italic 10px Georgia,serif}.hs-foot{display:flex;gap:24px;align-items:center;padding:14px 24px;border-top:1px solid #aaa89f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.hs-foot span:nth-child(2){margin-left:auto}.hs-foot b{font:400 20px Georgia,serif}

/* 02 Coastline Construction — heavy, proof-led trade site */
.concept-site-02{background:#17372c;color:#f2ede2;display:grid;grid-template-rows:auto 1fr auto}.cc-nav{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:17px 22px;border-bottom:1px solid rgba(255,255,255,.3)}.cc-nav>b{font-size:12px;line-height:.95;letter-spacing:-.03em}.cc-nav>div{display:flex;gap:17px;font-size:8px;text-transform:uppercase}.cc-nav button{background:#e3df32;color:#111;padding:10px 13px;font-size:8px;font-weight:900}.cc-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:400px}.cc-copy{padding:45px 24px;display:flex;flex-direction:column;justify-content:space-between}.cc-copy h3{font-size:clamp(39px,4.5vw,78px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;max-width:640px}.cc-proof{display:flex;align-items:center;gap:10px}.cc-proof>b{font-size:34px}.cc-proof span{font-size:8px;line-height:1.4;color:#ded9ce}.cc-build{margin:18px 18px 18px 0;background:linear-gradient(135deg,#bda681 0 34%,#75817b 34% 58%,#d3c5aa 58%);position:relative;overflow:hidden}.cc-frame{position:absolute;inset:16% 12%;border:9px solid #e6decf;border-bottom-width:18px;transform:skewY(-3deg)}.cc-frame:after{content:"";position:absolute;width:2px;background:#e6decf;top:0;bottom:0;left:55%}.cc-tag{position:absolute;bottom:14px;left:14px;background:#e3df32;color:#111;padding:8px 10px;font-size:7px;font-weight:900}.cc-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3)}.cc-services span{padding:14px 18px;border-right:1px solid rgba(255,255,255,.3);font-size:9px;text-transform:uppercase;font-weight:800}

/* 03 No.8 — fashion/editorial salon */
.concept-site-03{background:#f3e9e7;color:#291b22;display:grid;grid-template-rows:auto 1fr auto}.n8-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:17px 24px}.n8-nav b{font:italic 700 17px Georgia,serif;letter-spacing:.03em}.n8-nav span{font-size:8px;letter-spacing:.1em}.n8-nav span:last-child{text-align:right}.n8-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:0 24px 20px}.n8-model{height:345px;background:linear-gradient(155deg,#cdb4ba,#9e7c89);position:relative;overflow:hidden;border-radius:47% 47% 6px 6px}.n8-face{position:absolute;width:25%;aspect-ratio:.78;background:#e8cbbf;border-radius:46%;left:39%;top:18%}.n8-hair{position:absolute;width:42%;height:52%;background:#402b36;border-radius:50% 50% 36% 36%;left:30%;top:10%;clip-path:polygon(0 0,100% 0,100% 100%,75% 80%,55% 100%,38% 80%,20% 100%,0 82%)}.n8-copy{padding-left:10%;}.n8-copy h3{font:italic 400 clamp(39px,4.3vw,72px)/.92 Georgia,serif;letter-spacing:-.045em}.n8-copy p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:18px 0}.n8-copy a{display:inline-block;background:#291b22;color:#fff;padding:12px 15px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.n8-strip{display:flex;justify-content:space-around;align-items:center;padding:12px 18px;border-top:1px solid #aa989e;font-size:8px;letter-spacing:.13em}.n8-strip i{font-style:normal}

/* 04 Ember — dark restaurant / booking experience */
.concept-site-04{background:#18120f;color:#eadbc2;display:grid;grid-template-rows:auto 1fr auto}.ember-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 23px;border-bottom:1px solid #4d3d33;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.ember-nav b{text-align:center;font:400 13px/1 Georgia,serif}.ember-nav b i{font-weight:400}.ember-nav span:last-child{text-align:right}.ember-stage{display:grid;grid-template-columns:1fr .9fr .65fr;align-items:center;padding:28px 22px;gap:20px}.ember-copy h3{font:400 clamp(38px,4vw,70px)/.93 Georgia,serif;letter-spacing:-.04em}.ember-copy a{display:inline-block;margin-top:22px;border-bottom:1px solid;font-size:8px;text-transform:uppercase;padding-bottom:5px}.ember-plate{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#d7c29b 0 12%,#64412f 13% 22%,#d7c29b 23% 28%,#2d211b 29% 31%,#c9b18a 32% 100%);position:relative;box-shadow:0 15px 40px #000}.ember-plate span,.ember-plate i,.ember-plate b{position:absolute;border-radius:50%;background:#7a2f20}.ember-plate span{width:15%;height:15%;left:28%;top:32%}.ember-plate i{width:10%;height:10%;right:29%;top:43%;background:#3f5b34}.ember-plate b{width:11%;height:11%;left:46%;bottom:26%;background:#d38d42}.ember-book{align-self:end;border:1px solid #655042;padding:16px}.ember-book small,.ember-book strong,.ember-book span{display:block}.ember-book strong{font:400 17px Georgia,serif;margin:8px 0}.ember-book span{font-size:12px;margin-bottom:14px}.ember-book button{width:100%;background:#b34d2b;color:#fff;padding:10px;font-size:8px;text-transform:uppercase}.ember-foot{display:flex;justify-content:space-between;padding:12px 22px;border-top:1px solid #4d3d33;font-size:8px;text-transform:uppercase;letter-spacing:.09em}

/* 05 South Coast Dental — calm, friendly health UI */
.concept-site-05{background:#eef5f2;color:#123836;display:grid;grid-template-rows:auto 1fr auto}.scd-nav{display:flex;align-items:center;gap:22px;padding:15px 20px}.scd-nav>b{font-size:11px;letter-spacing:.01em}.scd-nav>b span{font-weight:400}.scd-nav>div{display:flex;gap:15px;margin-left:auto;font-size:8px}.scd-nav button,.scd-copy button{background:#123836;color:#fff;border-radius:50px;padding:10px 14px;font-size:8px}.scd-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:35px 26px 35px}.scd-copy h3{font-size:clamp(40px,4.4vw,76px);line-height:.88;letter-spacing:-.06em;max-width:650px}.scd-copy p{max-width:470px;font-size:11px;line-height:1.45}.scd-copy>div{display:flex;align-items:center;gap:16px;margin-top:20px}.scd-copy>div span{font-size:8px}.scd-card{background:#d4e7e0;border-radius:22px;padding:16px;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end}.scd-smile{height:150px;background:#b7d4cc;border-radius:17px;position:relative;margin-bottom:20px;overflow:hidden}.scd-smile:before{content:"";position:absolute;width:56%;height:68%;left:22%;top:14%;background:#e9cbb6;border-radius:48%}.scd-smile span:nth-child(1){position:absolute;width:22%;height:10%;background:#fff;border-radius:0 0 50% 50%;left:39%;top:49%;z-index:2}.scd-card b{font-size:22px}.scd-card p{font-size:9px;margin:4px 0}.scd-treatments{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px 16px}.scd-treatments span{background:#fff;border-radius:50px;padding:11px;text-align:center;font-size:8px}

/* 06 Apex Electrical — urgent, mobile-first trade */
.concept-site-06{background:#f2e632;color:#101010;display:grid;grid-template-rows:auto 1fr auto}.apex-nav{display:flex;align-items:center;gap:20px;padding:16px 20px;border-bottom:3px solid #111}.apex-nav b{font-size:14px;letter-spacing:-.04em}.apex-nav b span{margin:0 2px}.apex-nav>div{display:flex;gap:15px;margin-left:auto;font-size:8px;text-transform:uppercase}.apex-nav button,.apex-hero button{background:#111;color:#fff;padding:10px 13px;font-size:8px;font-weight:900}.apex-hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:38px 22px}.apex-hero h3{font-size:clamp(42px,4.8vw,82px);line-height:.78;letter-spacing:-.065em;text-transform:uppercase;max-width:730px}.apex-hero p{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:18px 0}.apex-247{height:230px;background:#111;color:#fff;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:5px;transform:rotate(3deg);box-shadow:10px 10px 0 rgba(0,0,0,.2)}.apex-247 b{font-size:68px;line-height:.8}.apex-247 span{font-size:34px}.apex-247 small{grid-column:1/-1;text-align:center;color:#f2e632}.apex-jobs{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #111}.apex-jobs article{padding:13px 18px;border-right:3px solid #111;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase}.apex-jobs b{font-size:8px}

/* 07 Harbour Legal — conservative editorial authority */
.concept-site-07{background:#ede8dd;color:#15263b;display:grid;grid-template-rows:auto 1fr auto}.harbour-nav{display:flex;align-items:center;padding:19px 24px;border-bottom:1px solid #9ca2a6}.harbour-nav>b{font:700 13px Georgia,serif;letter-spacing:.04em}.harbour-nav>b i{font-weight:400}.harbour-nav>div{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:8px;text-transform:uppercase}.harbour-nav button{background:#15263b;color:#fff;padding:9px 12px}.harbour-hero{display:grid;grid-template-columns:1.3fr .7fr;padding:52px 25px;align-items:center}.harbour-copy h3{font:400 clamp(40px,4.3vw,75px)/.92 Georgia,serif;letter-spacing:-.04em;max-width:680px}.harbour-copy p{font:italic 12px/1.4 Georgia,serif;max-width:410px}.harbour-copy a{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:5px;font-size:9px;text-transform:uppercase}.harbour-rule{height:250px;border-left:1px solid #87909a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.harbour-rule b{font:400 74px Georgia,serif}.harbour-rule span{height:45px;width:1px;background:#87909a}.harbour-rule i{font-style:normal;font-size:8px;letter-spacing:.14em}.harbour-practice{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9ca2a6}.harbour-practice span{padding:14px 18px;border-right:1px solid #9ca2a6;font:400 11px Georgia,serif}

/* 08 Drift — playful product-led coffee brand */
.concept-site-08{background:#f2b43d;color:#2d160a;display:grid;grid-template-rows:auto 1fr auto}.drift-nav{display:flex;align-items:center;padding:16px 20px;border-bottom:2px solid #2d160a}.drift-nav>b{font-size:12px;line-height:.86;letter-spacing:-.04em}.drift-nav>div{display:flex;gap:17px;margin-left:auto;font-size:8px;text-transform:uppercase}.drift-nav>i{font-style:normal;margin-left:20px;font-size:8px}.drift-hero{display:grid;grid-template-columns:1.05fr .75fr .4fr;align-items:center;padding:32px 22px}.drift-copy h3{font-size:clamp(40px,4.6vw,78px);line-height:.83;letter-spacing:-.07em;text-transform:uppercase}.drift-copy button{margin-top:20px;background:#2d160a;color:#fff;padding:11px 14px;font-size:8px;font-weight:900}.drift-cup{height:270px;width:185px;background:#fff3db;border-radius:8px 8px 38px 38px;position:relative;margin:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 0 rgba(45,22,10,.12);transform:rotate(-4deg)}.cup-body{font-weight:900;font-size:28px;transform:rotate(4deg)}.cup-handle{position:absolute;width:66px;height:92px;border:17px solid #fff3db;border-left:0;border-radius:0 40px 40px 0;right:-57px;top:70px}.drift-cup i{position:absolute;top:15px;background:#2d160a;color:#f2b43d;border-radius:50%;padding:12px 8px;font-style:normal;font-size:7px;font-weight:900}.drift-sticker{border:2px solid #2d160a;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:900;transform:rotate(9deg)}.drift-products{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #2d160a}.drift-products span{padding:13px 17px;border-right:2px solid #2d160a;font-size:9px;font-weight:900}

/* 09 Lume — minimal premium aesthetics */
.concept-site-09{background:#f4ece7;color:#493935;display:grid;grid-template-rows:auto 1fr auto}.lume-nav{display:grid;grid-template-columns:1fr auto 1fr;padding:17px 23px;align-items:center;font-size:8px;letter-spacing:.12em}.lume-nav b{font:400 18px Georgia,serif;letter-spacing:.2em}.lume-nav span:last-child{text-align:right}.lume-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:36px 28px}.lume-copy{padding-right:9%}.lume-copy h3{font:400 clamp(42px,4.7vw,80px)/.91 Georgia,serif;letter-spacing:-.045em}.lume-copy p{font:italic 12px Georgia,serif;margin:18px 0}.lume-copy a{display:inline-block;border-bottom:1px solid;padding-bottom:6px;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.lume-product{height:320px;display:flex;align-items:flex-end;justify-content:center;position:relative;background:linear-gradient(180deg,#d8b9ad,#efdcd4);border-radius:48% 48% 8px 8px;overflow:hidden}.lume-product span{position:absolute;width:76px;height:190px;background:#f8f0ec;bottom:27px;border-radius:30px 30px 12px 12px;box-shadow:0 12px 22px rgba(73,57,53,.16)}.lume-product span:before{content:"";position:absolute;width:42px;height:28px;background:#493935;left:17px;top:-18px;border-radius:5px}.lume-product b{position:absolute;bottom:105px;z-index:2;font:400 10px Georgia,serif;letter-spacing:.14em}.lume-product i{position:absolute;right:13px;top:13px;font:italic 12px Georgia,serif}.lume-foot{display:flex;justify-content:space-around;border-top:1px solid #c4aca3;padding:13px 16px;font:italic 10px Georgia,serif}

/* 10 Foundry — high-energy training platform */
.concept-site-10{background:#0a0a0a;color:#f3f3eb;display:grid;grid-template-rows:auto 1fr auto}.foundry-nav{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #3b3b3b}.foundry-nav>b{font-size:13px;line-height:.86;letter-spacing:-.04em}.foundry-nav>div{display:flex;gap:16px;margin-left:auto;font-size:8px;text-transform:uppercase}.foundry-nav button,.foundry-copy button{margin-left:18px;background:#c3d62d;color:#0a0a0a;padding:10px 13px;font-size:8px;font-weight:900}.foundry-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;padding:42px 22px;position:relative;overflow:hidden}.foundry-hero:after{content:"";position:absolute;width:320px;height:70px;background:#c3d62d;right:11%;top:39%;transform:rotate(-22deg);opacity:.18}.foundry-copy{position:relative;z-index:2}.foundry-copy h3{font-size:clamp(48px,5.4vw,90px);line-height:.74;letter-spacing:-.075em;text-transform:uppercase;max-width:700px}.foundry-copy small{color:#c3d62d}.foundry-copy button{margin:22px 0 0}.foundry-stat{border:1px solid #555;padding:22px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:2}.foundry-stat b{font-size:70px;line-height:.8;color:#c3d62d}.foundry-stat span{font-size:9px;text-transform:uppercase;margin-top:8px}.foundry-stat i{position:absolute;right:18px;top:16px;font-style:normal;font-size:26px}.foundry-schedule{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b3b3b}.foundry-schedule span{padding:13px 16px;border-right:1px solid #3b3b3b;font-size:8px}.foundry-schedule b{color:#c3d62d;margin-right:12px}

/* Compact archive cards retain personality instead of collapsing to one template */
.concept-preview--compact .hs-grid,.concept-preview--compact .cc-hero,.concept-preview--compact .n8-hero,.concept-preview--compact .ember-stage,.concept-preview--compact .scd-hero,.concept-preview--compact .apex-hero,.concept-preview--compact .harbour-hero,.concept-preview--compact .drift-hero,.concept-preview--compact .lume-hero,.concept-preview--compact .foundry-hero{min-height:0}
.concept-preview--compact .hs-grid{grid-template-columns:1fr 1fr}.concept-preview--compact .hs-copy{padding:34px 19px}.concept-preview--compact .hs-property{margin:12px 12px 12px 0}.concept-preview--compact .cc-copy{padding:30px 18px}.concept-preview--compact .cc-build{margin:12px 12px 12px 0}.concept-preview--compact .n8-model{height:260px}.concept-preview--compact .ember-stage{padding:20px 16px;gap:12px}.concept-preview--compact .scd-hero{padding:24px 18px}.concept-preview--compact .scd-card{min-height:220px}.concept-preview--compact .apex-hero{padding:26px 18px}.concept-preview--compact .apex-247{height:175px}.concept-preview--compact .harbour-hero{padding:35px 18px}.concept-preview--compact .harbour-rule{height:190px}.concept-preview--compact .drift-hero{padding:22px 18px}.concept-preview--compact .drift-cup{height:205px;width:140px}.concept-preview--compact .lume-hero{padding:25px 18px}.concept-preview--compact .lume-product{height:235px}.concept-preview--compact .foundry-hero{padding:30px 18px}.concept-preview--compact .foundry-stat{min-height:170px}

@media (max-width:900px){
  .concept-site{min-height:344px}.concept-preview--compact .concept-site{min-height:344px}
  .hs-nav>div span,.cc-nav>div,.scd-nav>div,.apex-nav>div,.harbour-nav>div span,.drift-nav>div,.foundry-nav>div{display:none}
  .hs-grid,.cc-hero,.n8-hero,.scd-hero,.apex-hero,.harbour-hero,.lume-hero,.foundry-hero{grid-template-columns:1fr 1fr}
  .ember-stage{grid-template-columns:1fr 1fr}.ember-book{display:none}
  .drift-hero{grid-template-columns:1fr 1fr}.drift-sticker{display:none}
  .concept-site h3{font-size:34px!important}
}

/* === Jive Studios v5 — Rhythm / Signal brand system === */
.hero-sync { margin:28px 0 0; font:italic 400 clamp(30px,3.2vw,56px)/1 Georgia,'Times New Roman',serif; letter-spacing:-.045em; }
.hero-audit-link { margin-top:12px; }
.services-intro { display:grid; grid-template-columns:.38fr 1fr; gap:40px; align-items:end; margin-bottom:54px; }
.services-intro h2 { margin:0; font-size:clamp(42px,5.3vw,82px); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }
.services-intro h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.services-sync { margin:38px 0 0; color:#b6b6af; text-align:right; font-size:clamp(17px,1.5vw,23px); }
.services-sync strong { color:var(--lime); font-weight:700; }
.jive-signal-story { position:relative; overflow:hidden; }
.signal-definition { margin:12px 0 0; max-width:280px; font-size:10px; line-height:1.8; letter-spacing:.13em; text-transform:uppercase; font-weight:800; }
.statement-subcopy { margin:34px 0 0 auto; max-width:760px; font-size:clamp(18px,1.5vw,24px); line-height:1.48; }
.concepts-cta { margin-top:84px; padding-top:48px; border-top:1px solid rgba(255,255,255,.2); color:var(--white); display:grid; grid-template-columns:.7fr 1fr auto; gap:30px; align-items:end; }
.concepts-cta p { margin:0; text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:800; color:#9e9e98; }
.concepts-cta h3 { margin:0; font-size:clamp(36px,4vw,66px); line-height:.95; letter-spacing:-.05em; }
.concepts-cta .talk-button { min-width:270px; }
.human-note { margin:18px 0 0!important; font-size:11px!important; text-transform:uppercase; letter-spacing:.09em; font-weight:800; }

.about-signal { position:relative; overflow:hidden; padding:125px 0 135px; }
.about-signal-grid { display:grid; grid-template-columns:1fr .95fr; gap:9vw; align-items:end; }
.about-signal h2 { margin:0; font-size:clamp(50px,6.5vw,102px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; }
.about-signal h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.about-signal-grid > div:last-child > p { margin:0; font-size:clamp(18px,1.55vw,24px); line-height:1.5; }
.signal-pill-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
.signal-pill-row span { border:1px solid rgba(0,0,0,.45); border-radius:999px; padding:9px 12px 8px; font-size:10px; text-transform:uppercase; letter-spacing:.09em; font-weight:800; }
.signal-motif--about-story { right:-1%; top:4%; width:min(28vw,390px); opacity:.08; transform:rotate(90deg); }
.about-independent { padding:135px 0; display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; align-items:end; }
.about-independent h2 { margin:0; font-size:clamp(50px,6.5vw,102px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; }
.about-independent h2 span { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; text-transform:none; }
.founder-block { padding:130px 0 150px; }
.founder-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; }
.founder-grid h2 { margin:0; font-size:clamp(62px,8vw,128px); line-height:.85; letter-spacing:-.07em; text-transform:uppercase; }
.founder-role { margin:24px 0 30px; font-size:16px; line-height:1.55; }
.founder-tags { max-width:460px; }
.founder-tags span { border-color:#aaa; }

@media (max-width:900px) {
  .services-intro,.about-signal-grid,.about-independent,.founder-grid { grid-template-columns:1fr; gap:42px; }
  .concepts-cta { grid-template-columns:1fr; align-items:start; }
  .concepts-cta .talk-button { min-width:0; }
  .services-sync { text-align:left; }
  .hero-sync { margin-top:20px; }
}