/*
Theme Name: Crowns Sphere Custom Theme
Theme URI: https://crownssphere.com/
Author: Crowns Sphere (Private) Limited
Description: Purpose-built, component-driven WordPress theme foundation for the Crowns Sphere digital ecosystem. V1 includes responsive corporate design, ecosystem cards, editable Customizer content, and a Visual AI Concierge shell.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: crowns-sphere
*/

:root{--cs-ink:#171717;--cs-charcoal:#242424;--cs-paper:#f7f6f2;--cs-white:#fff;--cs-muted:#6b6b6b;--cs-line:#deddd8;--cs-accent:#b98b52;--cs-radius:22px;--cs-shadow:0 18px 55px rgba(0,0,0,.08);--cs-container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cs-ink);background:var(--cs-white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.cs-container{width:min(calc(100% - 40px),var(--cs-container));margin-inline:auto}.cs-section{padding:88px 0}.cs-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--cs-accent)}.cs-title{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:.45rem 0 1rem;letter-spacing:-.035em}.cs-lead{font-size:1.12rem;color:var(--cs-muted);max-width:720px}.cs-button{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.15rem;border-radius:999px;border:1px solid var(--cs-ink);font-weight:700;transition:.2s}.cs-button:hover{transform:translateY(-2px);box-shadow:var(--cs-shadow)}.cs-button--dark{background:var(--cs-ink);color:var(--cs-white)}.cs-button--light{background:var(--cs-white)}.cs-grid{display:grid;gap:24px}.cs-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.cs-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.cs-logo{width:42px;height:42px;border-radius:13px;background:var(--cs-ink);display:grid;place-items:center;color:white;font-size:.9rem}.cs-menu{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.cs-menu a{font-size:.94rem;font-weight:600}.cs-menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.cs-nav-cta{display:inline-flex}.cs-hero{background:var(--cs-paper);padding:100px 0 72px;overflow:hidden}.cs-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.cs-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.065em;margin:12px 0 24px}.cs-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.cs-hero-art{min-height:470px;border-radius:36px;background:var(--cs-charcoal);position:relative;overflow:hidden;box-shadow:var(--cs-shadow)}.cs-orbit{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-18deg)}.cs-orbit:before,.cs-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);inset:12%}.cs-orbit:after{inset:25%}.cs-figure{position:absolute;inset:0;display:grid;place-items:center}.cs-figure-core{width:170px;height:220px;border-radius:50% 50% 44% 44%;background:linear-gradient(145deg,#fff,#cfcfcf);box-shadow:0 25px 80px rgba(255,255,255,.18);position:relative}.cs-figure-core:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:#eee;left:42px;top:-38px}.cs-figure-core:after{content:"CS AI";position:absolute;left:0;right:0;bottom:28px;text-align:center;font-weight:800;font-size:.75rem;letter-spacing:.14em;color:#333}.cs-figure-label{position:absolute;bottom:28px;left:28px;color:white}.cs-figure-label strong{display:block;font-size:1.25rem}.cs-figure-label span{color:#cfcfcf;font-size:.9rem}.cs-concierge{background:var(--cs-charcoal);color:white}.cs-concierge-panel{display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:center}.cs-mini-figure{width:150px;height:190px;border-radius:50% 50% 44% 44%;background:linear-gradient(145deg,#fff,#bfbfbf);position:relative;margin:auto}.cs-mini-figure:before{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:#eee;left:42px;top:-28px}.cs-choice-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.cs-choice{cursor:pointer;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:white;border-radius:999px;padding:.72rem 1rem}.cs-choice:hover{background:rgba(255,255,255,.13)}.cs-concierge-result{margin-top:18px;color:#d8d8d8;min-height:28px}.cs-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.cs-card{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:28px;background:white;transition:.22s;display:flex;flex-direction:column;min-height:230px}.cs-card:hover{transform:translateY(-4px);box-shadow:var(--cs-shadow)}.cs-card h3{margin:.7rem 0 .5rem;font-size:1.35rem}.cs-card p{color:var(--cs-muted);margin:0 0 20px}.cs-card-link{margin-top:auto;font-weight:700}.cs-status{display:inline-flex;align-self:flex-start;padding:.35rem .65rem;border-radius:999px;background:#f0eee8;font-size:.72rem;font-weight:800;letter-spacing:.08em}.cs-status--live{background:#e9f5ec}.cs-status--active{background:#eef1f7}.cs-status--soon{background:#f6eee5}.cs-dark{background:var(--cs-charcoal);color:white}.cs-dark .cs-lead{color:#c7c7c7}.cs-dark .cs-card{background:#303030;border-color:#454545}.cs-dark .cs-card p{color:#c7c7c7}.cs-dark .cs-status{background:#424242}.cs-cta{border-radius:30px;background:var(--cs-paper);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer{background:var(--cs-ink);color:#fff;padding:60px 0 25px}.cs-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.cs-footer-muted{color:#bcbcbc}.cs-footer-bottom{border-top:1px solid #3b3b3b;margin-top:45px;padding-top:20px;color:#aaa;font-size:.85rem;display:flex;justify-content:space-between;gap:20px}.cs-page-hero{padding:80px 0;background:var(--cs-paper)}.cs-content{max-width:820px}.cs-content h2{margin-top:2.2em}.cs-content p,.cs-content li{color:#555}.cs-breadcrumb{font-size:.85rem;color:var(--cs-muted);margin-bottom:18px}.cs-404{text-align:center;padding:130px 0}.cs-post-card{border-top:1px solid var(--cs-line);padding:25px 0}.cs-post-card h3{margin:.25rem 0}.cs-post-meta{color:var(--cs-muted);font-size:.85rem}.cs-ai-launcher{position:fixed;right:24px;bottom:24px;z-index:90;width:68px;height:68px;border-radius:50%;border:0;background:var(--cs-ink);color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.25);cursor:pointer;font-weight:800}.cs-ai-drawer{position:fixed;right:24px;bottom:105px;width:min(390px,calc(100vw - 48px));z-index:89;background:white;border:1px solid var(--cs-line);border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.18);padding:24px;display:none}.cs-ai-drawer.is-open{display:block}.cs-ai-head{display:flex;align-items:center;gap:12px}.cs-ai-avatar{width:48px;height:48px;border-radius:16px;background:var(--cs-ink);color:white;display:grid;place-items:center;font-weight:800}.cs-ai-options{display:grid;gap:9px;margin-top:18px}.cs-ai-options button{border:1px solid var(--cs-line);background:white;text-align:left;padding:12px 14px;border-radius:14px;cursor:pointer}.cs-ai-options button:hover{background:var(--cs-paper)}.cs-ai-output{margin-top:16px;padding:14px;border-radius:14px;background:var(--cs-paper);color:#555;min-height:50px}
@media(max-width:900px){.cs-menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--cs-line)}.cs-menu.is-open{display:flex}.cs-menu-toggle{display:block}.cs-nav-cta{display:none}.cs-hero-grid,.cs-concierge-panel{grid-template-columns:1fr}.cs-hero-art{min-height:360px}.cs-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-footer-grid{grid-template-columns:1fr 1fr}.cs-section{padding:65px 0}}
@media(max-width:620px){.cs-container{width:min(calc(100% - 28px),var(--cs-container))}.cs-grid--3,.cs-grid--4{grid-template-columns:1fr}.cs-hero{padding:70px 0 45px}.cs-hero h1{font-size:3.25rem}.cs-cta{padding:30px;flex-direction:column;align-items:flex-start}.cs-footer-grid{grid-template-columns:1fr}.cs-footer-bottom{flex-direction:column}.cs-section-head{display:block}.cs-section-head .cs-button{margin-top:15px}}