/*
Theme Name: C.R.O.W.N. Experiential Group
Author: C.R.O.W.N. Experiential Group
Description: Company website for C.R.O.W.N. Experiential Group. Every page is built from editable blocks, so every word, photo, and button can be changed in the WordPress editor. Set the contact emails and links once in Appearance > Customize.
Version: 1.1.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: crown-experiential-group
*/

/* Colors and fonts live here. When the brand identity is finalized, change them in this one block.
   Black and gold come from the logo. Blush and rose are the highlight colors.
   --gold-deep and --rose are darker versions for small text on light backgrounds, so it stays readable. */
:root{
  --ink:#111111;--ink-soft:#3A3632;--ivory:#FBF8F2;--cream:#F3ECE0;--line:#E4DACB;
  --gold:#C9A24A;--gold-light:#E2C77F;--gold-deep:#7E5F1A;
  --blush:#F8DCE6;--rose:#B8336A;--rose-light:#F2A7C3;
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Montserrat",Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7}
a{color:inherit}
a:focus-visible,button:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
img{max-width:100%;height:auto}
.wrap{width:min(1200px,calc(100% - 48px));margin:auto}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;margin:0;letter-spacing:-.005em}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px}
.skip-link:focus{left:8px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.97);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
.site-header .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0}
.brand-logo{display:block;line-height:0}
.brand-logo img,.custom-logo-link img{display:block;height:64px;width:auto}
.primary-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.primary-menu a{text-decoration:none;font-weight:500;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--gold-deep)}
.primary-menu .menu-cta>a{display:inline-block;white-space:nowrap;padding:12px 22px;border-radius:999px;background:var(--ink);color:#fff}
.primary-menu .menu-cta>a:hover{background:var(--rose);color:#fff}
.menu-toggle,.menu-button{display:none}

/* Shared section pieces */
.crown-section{padding:110px 24px}
.crown-section>*{max-width:1200px;margin-left:auto;margin-right:auto}
.crown-eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 18px}
.crown-section h2{font-size:clamp(2.3rem,4.6vw,3.6rem)}
.crown-section h3{font-size:1.65rem}
.crown-lead{font-size:1.12rem;max-width:760px}
.crown-dates{font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.crown-note{text-align:center;font-size:.85rem;color:var(--ink-soft);margin-top:40px}

/* Buttons */
.crown-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.crown-page .wp-block-button__link{display:inline-block;padding:15px 30px;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.crown-page .wp-block-button__link:hover{background:var(--rose);border-color:var(--rose);color:#fff}
.crown-page .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink)}
.crown-page .is-style-outline .wp-block-button__link:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.crown-page .is-style-text .wp-block-button__link{background:transparent;border-color:transparent;color:var(--gold-deep);padding:10px 0;border-bottom:1.5px solid var(--gold);border-radius:0}
.crown-page .is-style-text .wp-block-button__link:hover{color:var(--rose);background:transparent;border-color:transparent;border-bottom-color:var(--rose)}

/* Home hero (dark) */
.crown-hero{background:radial-gradient(ellipse at 80% 0%,rgba(201,162,74,.22),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(184,51,106,.18),transparent 50%),var(--ink);color:#fff;padding:150px 24px 140px;text-align:center}
.crown-hero .crown-eyebrow{color:var(--gold-light)}
.crown-hero h1{font-size:clamp(2.8rem,6.6vw,5.4rem);max-width:980px;margin:0 auto;color:#fff}
.crown-hero .crown-lead{margin:30px auto 0;color:rgba(255,255,255,.86)}
.crown-hero .crown-credit{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--gold-light);margin:22px auto 0}
.crown-hero .wp-block-buttons{justify-content:center}
.crown-hero .wp-block-button__link{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.crown-hero .wp-block-button__link:hover{background:var(--rose-light);border-color:var(--rose-light);color:var(--ink)}
.crown-hero .is-style-outline .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.crown-hero .is-style-outline .wp-block-button__link:hover{background:#fff;border-color:#fff;color:var(--ink)}

/* Pillars band */
.crown-pillars{background:var(--cream);padding:46px 24px;text-align:center;border-bottom:1px solid var(--line)}
.crown-pillars .crown-eyebrow{margin-bottom:14px}
.crown-pillar-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin:0;font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:600}
.crown-pillar-row span{padding:0 26px;position:relative}
.crown-pillar-row span+span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%)}

/* Feature: Mrs. Claus' Winter Wonderland */
.crown-feature,.crown-record{padding-left:max(24px,calc((100% - 1200px) / 2));padding-right:max(24px,calc((100% - 1200px) / 2))}
.crown-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:70px;align-items:center}
.crown-feature-claus{background:linear-gradient(135deg,var(--blush),#FFF3F7 60%,var(--ivory))}
.crown-feature-art{background:#fff;border-radius:28px;padding:48px 40px;box-shadow:0 30px 60px -30px rgba(184,51,106,.35);margin:0}
.crown-feature-art .wp-block-image{margin:0}
.crown-feature-art img{display:block;width:100%;max-width:420px;margin:auto}
.crown-feature-copy{margin:0}
.crown-feature-copy .crown-eyebrow{color:var(--rose)}
.crown-feature-copy p{max-width:600px}

/* Track record: Womanish (dark) */
.crown-record{background:var(--ink);color:#fff;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center}
.crown-record-copy,.crown-stats{margin:0}
.crown-record .crown-eyebrow{color:var(--gold-light)}
.crown-record h2{color:#fff}
.crown-womanish-logo{margin:4px 0 26px;max-width:340px}
.crown-womanish-logo img{display:block;width:100%;height:auto}
.crown-record p{color:rgba(255,255,255,.86)}
.crown-record .is-style-outline .wp-block-button__link{border-color:rgba(255,255,255,.7);color:#fff}
.crown-record .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--ink)}
.crown-record .is-style-text .wp-block-button__link{color:var(--gold-light);border-bottom-color:var(--gold)}
.crown-stats{display:grid;gap:18px}
.crown-stat{border:1px solid rgba(201,162,74,.45);border-radius:20px;padding:24px 28px;margin:0}
.crown-stat p{margin:0}
.crown-stat .crown-stat-number{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,4.5vw,3.4rem);line-height:1;color:var(--gold-light)}
.crown-stat .crown-stat-label{margin-top:8px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75)}

/* Featured-in strip */
.crown-strip{text-align:center;padding:80px 24px}
.crown-outlets{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;margin:8px auto 0;font-family:var(--display);font-weight:600;font-size:clamp(1.35rem,2.6vw,2rem);color:var(--ink-soft)}
.crown-strip .wp-block-buttons{justify-content:center;margin-top:26px}

/* Founders */
.crown-founders-section{text-align:center;background:var(--ivory)}
.crown-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;max-width:940px !important;margin-top:56px;text-align:left}
.crown-founder{margin:0}
.crown-founder-photo{margin:0 0 26px;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:var(--cream)}
.crown-founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.crown-founder h3{font-size:2rem}
.crown-founder .crown-founder-title{margin:6px 0 16px;font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose)}
.crown-founders-section .wp-block-buttons{justify-content:center;margin-top:44px}
.wp-block-details{margin-top:8px;border-top:1px solid var(--line);padding-top:14px}
.wp-block-details summary{cursor:pointer;font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.wp-block-details[open] summary{margin-bottom:14px}

/* Closing band */
.crown-band{background:var(--ink);color:#fff;text-align:center}
.crown-band h2{color:#fff}
.crown-band p{color:rgba(255,255,255,.84);max-width:640px;margin:22px auto 0}
.crown-band .wp-block-buttons{justify-content:center}
.crown-band .wp-block-button__link{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.crown-band .wp-block-button__link:hover{background:var(--rose-light);border-color:var(--rose-light);color:var(--ink)}
.crown-band .is-style-outline .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.crown-band .is-style-outline .wp-block-button__link:hover{background:#fff;border-color:#fff;color:var(--ink)}

/* Inner page heroes */
.crown-page-hero{background:linear-gradient(180deg,var(--cream),var(--ivory));padding:120px 24px 80px;text-align:center;border-bottom:1px solid var(--line)}
.crown-page-hero h1{font-size:clamp(3rem,7vw,5.2rem)}
.crown-page-hero .crown-lead{margin:24px auto 0;color:var(--ink-soft)}

/* About */
.crown-story-copy{max-width:760px;margin:0 auto}
.crown-story-copy p{font-size:1.08rem}
.crown-quote{font-family:var(--display);font-style:italic;font-size:1.8rem !important;line-height:1.3;color:var(--rose);border-left:3px solid var(--gold);padding-left:24px;margin-top:40px}
.crown-pillars-full{background:#fff;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.crown-pillars-logo{margin:0 auto;max-width:640px}
.crown-pillars-logo img{display:block;width:100%}
.crown-pillars-full .crown-lead{margin:0 auto}
.crown-pillars-full .crown-eyebrow{margin-top:56px}
.crown-pillar-list{max-width:900px !important;margin:0 auto;text-align:left;border-top:1px solid var(--line)}
.crown-pillar-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);margin:0}
.crown-pillar-item h3{font-size:1.7rem;color:var(--ink)}
.crown-pillar-item h3:first-letter{color:var(--gold-deep)}
.crown-pillar-item p{margin:0;color:var(--ink-soft)}

/* Press */
.crown-press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.crown-press-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 32px;margin:0;transition:border-color .2s,transform .2s}
.crown-press-item:hover{border-color:var(--gold);transform:translateY(-2px)}
.crown-press-item p{margin:0}
.crown-press-item .crown-press-outlet{font-weight:600;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
.crown-press-item h3{font-size:1.45rem;margin:12px 0}
.crown-press-item h3 a{text-decoration:none}
.crown-press-item h3 a:hover{color:var(--rose);text-decoration:underline}
.crown-press-item .crown-press-date{font-size:.85rem;color:var(--ink-soft)}

/* Contact */
.crown-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.crown-contact-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:20px;padding:36px 32px;margin:0;display:flex;flex-direction:column}
.crown-contact-card:nth-child(2){border-top-color:var(--rose)}
.crown-contact-card h3{font-size:1.6rem}
.crown-contact-card p{flex:1}
.crown-contact-card .crown-contact-email{flex:0;margin:0;font-weight:600;font-size:.9rem;word-break:break-word}
.crown-contact-card .crown-contact-email a{color:var(--rose)}
.crown-band a{color:var(--gold-light)}
.crown-contact-card .wp-block-buttons{margin-top:20px}

/* Footer */
.site-footer{background:var(--cream);border-top:1px solid var(--line);padding:70px 0 0}
.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.footer-brand img{display:block;width:100%;max-width:380px}
.footer-label{font-weight:600;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 14px}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{margin:0 0 10px}
.footer-menu a{text-decoration:none;font-size:.92rem}
.footer-menu a:hover{color:var(--rose);text-decoration:underline}
.footer-social{display:flex;gap:12px;list-style:none;margin:20px 0 0;padding:0}
.footer-social a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;transition:background .2s}
.footer-social a:hover{background:var(--rose)}
.footer-social svg{width:19px;height:19px;fill:currentColor}
.footer-base{border-top:1px solid var(--line);margin-top:50px;padding:22px 0 30px}
.footer-base p{margin:0;font-size:.8rem;color:var(--ink-soft)}

/* Other pages */
.page-shell{padding:90px 0 110px;min-height:60vh}
.page-shell h1{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:30px}
.page-shell .content{max-width:820px}

@media(max-width:960px){
  .crown-feature,.crown-record{grid-template-columns:1fr;gap:44px}
  .crown-contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:860px){
  .site-header .wrap{min-height:72px}
  .brand-logo img,.custom-logo-link img{height:50px}
  .menu-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;cursor:pointer;border-radius:50%;border:1px solid var(--line)}
  .menu-button span:first-child,.menu-button span:first-child:before,.menu-button span:first-child:after{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}
  .menu-button span:first-child:before,.menu-button span:first-child:after{content:"";position:absolute;left:0}
  .menu-button span:first-child:before{top:-6px}
  .menu-button span:first-child:after{top:6px}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ivory);border-bottom:1px solid var(--line);padding:10px 24px 26px}
  .menu-toggle:checked~nav{display:block}
  .primary-menu{flex-direction:column;align-items:flex-start;gap:0}
  .primary-menu li{width:100%;border-bottom:1px solid var(--line)}
  .primary-menu a{display:block;padding:16px 0;font-size:.82rem}
  .primary-menu .menu-cta{border:0;padding-top:18px}
  .primary-menu .menu-cta>a{display:inline-block;padding:14px 24px}
}
@media(max-width:700px){
  body{font-size:15.5px}
  .crown-section,.crown-feature,.crown-record{padding:76px 20px}
  .crown-hero{padding:100px 20px 96px}
  .crown-page-hero{padding:84px 20px 60px}
  .crown-pillar-row span{padding:0 16px}
  .crown-feature-art{padding:32px 24px}
  .crown-founders,.crown-press-grid{grid-template-columns:1fr}
  .crown-founders{gap:56px}
  .crown-outlets{gap:10px 26px}
  .crown-page .wp-block-buttons{flex-direction:column;align-items:stretch}
  .crown-page .wp-block-button__link{display:block;text-align:center}
  .crown-strip .wp-block-buttons,.crown-founders-section .wp-block-buttons{align-items:center}
  .crown-quote{font-size:1.45rem !important}
  .crown-pillar-item{grid-template-columns:1fr;gap:6px}
  .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.crown-press-item{transition:none}}