/**
 * Samantha Jones & Co. — Design System v2.1
 * Macbach Centralized Template
 */

/* === VARIABLES === */
:root {
    --sjco-sage:#556B5F;--sjco-sage-light:#6E8578;--sjco-sage-dark:#3E4F45;
    --sjco-cream:#F4EFE8;--sjco-cream-warm:#ECE5DA;--sjco-ivory:#FAF8F5;
    --sjco-gold:#D7A14A;--sjco-gold-light:#E4BE6E;--sjco-gold-dark:#B88A35;
    --sjco-earth:#3A4651;--sjco-earth-dark:#2D3640;--sjco-charcoal:#232D35;
    --sjco-red:#9B3F3F;--sjco-red-light:#B85A5A;--sjco-red-dark:#7A3232;
    --sjco-text:#2D3640;--sjco-text-light:#5A6570;--sjco-white:#FFF;
    --sjco-fd:'Cormorant Garamond',Georgia,serif;
    --sjco-fb:'Jost','Helvetica Neue',sans-serif;
    --sjco-fa:'Playfair Display',Georgia,serif;
}

/* === RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sjco-fb);color:var(--sjco-text);background:var(--sjco-ivory);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{transition:color .3s}

/* === UTILITY === */
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.sjco-pad{padding:6rem 0}.sjco-pad-lg{padding:8rem 0}

/* === DECORATIVE ELEMENTS === */
.sjco-sub{font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--sjco-gold)}
.sjco-section-intro{text-align:center;max-width:600px;margin:0 auto 4rem}
.sjco-section-intro .sjco-sub{margin-bottom:1rem}
.sjco-section-intro p{color:var(--sjco-text-light);font-weight:300;line-height:1.7;margin-top:1rem}
.sjco-divider{position:relative}.sjco-divider::before{content:'';position:absolute;top:0;left:50%;width:1px;height:60px;background:linear-gradient(to bottom,var(--sjco-gold-light),transparent);transform:translateX(-50%)}

/* Gold frame image treatment */
.sjco-framed{position:relative}
.sjco-framed img{position:relative;z-index:1;width:100%}
.sjco-framed::before{content:'';position:absolute;top:-1.5rem;left:-1.5rem;right:1.5rem;bottom:1.5rem;border:1px solid var(--sjco-gold-light);opacity:.3;z-index:0}
.sjco-framed::after{content:'';position:absolute;bottom:-1rem;right:-1rem;width:40%;height:40%;background:linear-gradient(135deg,transparent,rgba(215,161,74,.08));z-index:0}

/* Pull quotes */
.sjco-pull-quote{font-family:var(--sjco-fa);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.5;padding:2rem 0;position:relative;max-width:600px}
.sjco-pull-quote::before{content:'"';font-family:var(--sjco-fd);font-size:5rem;color:var(--sjco-gold-light);position:absolute;top:-.5rem;left:-1rem;opacity:.4;line-height:1}
.sjco-pq-dark{color:rgba(255,255,255,.7)}.sjco-pq-dark::before{color:var(--sjco-gold);opacity:.3}
.sjco-pq-light{color:var(--sjco-sage-dark)}

/* Image Band */
.sjco-img-band{position:relative;overflow:hidden;height:360px}
.sjco-img-band img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.sjco-img-band-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,70,81,.7),rgba(85,107,95,.5));display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.sjco-img-band-overlay .sjco-pull-quote{color:var(--sjco-cream);max-width:700px;margin:0 auto}.sjco-img-band-overlay .sjco-pull-quote::before{color:var(--sjco-gold-light)}

/* === TYPOGRAPHY === */
h1,h2,h3,h4{font-family:var(--sjco-fd);font-weight:400;line-height:1.15}
h1{font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.02em}
h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.01em}
h3{font-size:clamp(1.4rem,2vw,1.8rem)}
h4{font-size:1.2rem;font-weight:500}
h1 em,h2 em{font-family:var(--sjco-fa);font-style:italic}

/* === BUTTONS === */
.sjco-btn{display:inline-block;font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:1rem 2.2rem;border:1px solid transparent;cursor:pointer;transition:all .35s}
.sjco-btn-red{background:var(--sjco-red);color:var(--sjco-white);border-color:var(--sjco-red)}.sjco-btn-red:hover{background:var(--sjco-red-dark);border-color:var(--sjco-red-dark)}
.sjco-btn-gold{background:var(--sjco-gold);color:var(--sjco-white);border-color:var(--sjco-gold)}.sjco-btn-gold:hover{background:var(--sjco-gold-dark)}
.sjco-btn-sage{background:var(--sjco-sage);color:var(--sjco-white);border-color:var(--sjco-sage)}.sjco-btn-sage:hover{background:var(--sjco-sage-dark)}
.sjco-btn-ghost{background:transparent;color:var(--sjco-white);border-color:rgba(255,255,255,.4)}.sjco-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}
.sjco-btn-o-sage{background:transparent;color:var(--sjco-sage-dark);border-color:var(--sjco-sage)}.sjco-btn-o-sage:hover{background:var(--sjco-sage);color:var(--sjco-white)}
.sjco-btn-o-red{background:transparent;color:var(--sjco-red);border-color:var(--sjco-red)}.sjco-btn-o-red:hover{background:var(--sjco-red);color:var(--sjco-white)}
.sjco-btn-o-white{background:transparent;color:var(--sjco-white);border-color:rgba(255,255,255,.35)}.sjco-btn-o-white:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
.sjco-btn-line{font-size:.7rem;padding:.7rem 1.5rem;border-color:rgba(255,255,255,.25);color:var(--sjco-cream)}.sjco-btn-line:hover{border-color:var(--sjco-gold);color:var(--sjco-gold)}

/* === NAV === */
.sjco-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 0;transition:all .4s;background:transparent}
.sjco-nav.scrolled{background:rgba(250,248,245,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(85,107,95,.08);padding:.8rem 0}
.sjco-nav-inner{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}
.sjco-logo{font-family:var(--sjco-fd);font-size:1.4rem;font-weight:400;color:var(--sjco-white);text-decoration:none;letter-spacing:.02em;transition:color .4s;line-height:1.1}
.sjco-nav.scrolled .sjco-logo{color:var(--sjco-earth-dark)}
.sjco-logo span{display:block;font-size:.65rem;font-family:var(--sjco-fb);font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--sjco-gold-light);margin-top:2px}
.sjco-nav.scrolled .sjco-logo span{color:var(--sjco-gold)}
.sjco-nav-links{display:flex;gap:2.2rem;list-style:none;align-items:center}
.sjco-nav-links a{font-size:.78rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.85);transition:color .3s;position:relative}
.sjco-nav.scrolled .sjco-nav-links a{color:var(--sjco-text-light)}
.sjco-nav-links a:hover{color:var(--sjco-gold-light)}.sjco-nav.scrolled .sjco-nav-links a:hover{color:var(--sjco-gold)}
.sjco-nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--sjco-gold-light);transition:width .3s}
.sjco-nav-links a:hover::after{width:100%}
.sjco-nav-cta{font-size:.72rem!important;letter-spacing:.2em!important;padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.4);transition:all .3s!important}
.sjco-nav-cta:hover{background:var(--sjco-red)!important;border-color:var(--sjco-red)!important;color:var(--sjco-white)!important}
.sjco-nav.scrolled .sjco-nav-cta{border-color:var(--sjco-sage)}
.sjco-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1002;position:relative;width:40px;height:40px;flex-shrink:0}
.sjco-nav-toggle span{display:block;width:24px;height:2px;background:var(--sjco-white);transition:all .3s ease;position:absolute;left:8px}
.sjco-nav-toggle span:nth-child(1){top:10px}
.sjco-nav-toggle span:nth-child(2){top:19px}
.sjco-nav-toggle span:nth-child(3){top:28px}
.sjco-nav.scrolled .sjco-nav-toggle span{background:var(--sjco-sage-dark)}
.sjco-nav-toggle.active span{background:var(--sjco-cream)!important}
.sjco-nav-toggle.active span:nth-child(1){top:19px;transform:rotate(45deg)}
.sjco-nav-toggle.active span:nth-child(2){opacity:0}
.sjco-nav-toggle.active span:nth-child(3){top:19px;transform:rotate(-45deg)}

/* === HERO === */
.sjco-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.sjco-hero-bg{position:absolute;inset:0}.sjco-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sjco-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,70,81,.75) 0%,rgba(85,107,95,.5) 50%,rgba(58,70,81,.6) 100%)}
.sjco-hero-c{position:relative;z-index:1;max-width:720px;padding:8rem 2rem 4rem;margin-left:8%}
.sjco-hero-c .sjco-sub{margin-bottom:1.5rem;animation:sjUp .8s ease .2s both}
.sjco-hero-c h1{color:var(--sjco-white);margin-bottom:1.5rem;animation:sjUp .8s ease .4s both}
.sjco-hero-c h1 em{color:var(--sjco-gold-light)}
.sjco-hero-tag{font-size:1.15rem;font-weight:300;color:rgba(255,255,255,.8);max-width:520px;line-height:1.7;margin-bottom:2.5rem;animation:sjUp .8s ease .6s both}
.sjco-hero-btns{display:flex;gap:1rem;animation:sjUp .8s ease .8s both}
.sjco-hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;text-align:center;animation:sjFloat 2s ease infinite}
.sjco-hero-scroll span{display:block;width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--sjco-gold-light));margin:0 auto}
.sjco-hero-scroll small{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);display:block;margin-top:.5rem}

/* === ABOUT === */
.sjco-about{background:var(--sjco-ivory)}
.sjco-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.sjco-about-text .sjco-sub{margin-bottom:1rem}
.sjco-about-text h2{margin-bottom:1.5rem;color:var(--sjco-sage-dark)}
.sjco-about-text p{color:var(--sjco-text-light);font-weight:300;line-height:1.8;margin-bottom:1.2rem}
.sjco-creds{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.sjco-tag{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem 1rem;border:1px solid var(--sjco-sage-light);color:var(--sjco-sage)}

/* === SERVICES === */
.sjco-services{background:var(--sjco-earth);color:var(--sjco-white)}
.sjco-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sjco-svc-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:2.5rem 2rem;transition:all .4s;position:relative;overflow:hidden}
.sjco-svc-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--sjco-red),var(--sjco-gold),transparent);opacity:0;transition:opacity .4s}
.sjco-svc-card:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}.sjco-svc-card:hover::before{opacity:1}
.sjco-svc-icon{font-size:2rem;margin-bottom:1.5rem;display:block}
.sjco-svc-card h3{color:var(--sjco-cream);margin-bottom:.8rem;font-size:1.5rem}
.sjco-svc-card p{color:rgba(255,255,255,.6);font-weight:300;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}

/* === BOOK === */
.sjco-book-sec{background:var(--sjco-cream);position:relative;overflow:hidden}
.sjco-book-sec::after{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,transparent,rgba(215,161,74,.05));pointer-events:none}
.sjco-book-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}
.sjco-book-img{position:relative;display:flex;justify-content:center}
.sjco-book-img img{max-width:380px;box-shadow:20px 20px 60px rgba(45,54,64,.15),-5px -5px 30px rgba(255,255,255,.6);transition:transform .5s}
.sjco-book-img:hover img{transform:rotate(-2deg) scale(1.02)}
.sjco-badge{position:absolute;top:-1rem;right:1rem;background:var(--sjco-red);color:var(--sjco-white);font-family:var(--sjco-fa);font-style:italic;font-size:.85rem;padding:.6rem 1.2rem;z-index:2}
.sjco-book-text .sjco-sub{margin-bottom:1rem}.sjco-book-text h2{color:var(--sjco-sage-dark);margin-bottom:1rem}.sjco-book-text h2 em{color:var(--sjco-gold-dark)}
.sjco-book-text p{color:var(--sjco-text-light);font-weight:300;line-height:1.8;margin-bottom:1.2rem}

/* === SHOPIFY === */
.sjco-shopify{margin-top:2rem;padding:2rem;border:1px solid rgba(85,107,95,.15);background:var(--sjco-white);max-width:380px}
.shopify-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sjco-text-light);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.shopify-price{font-family:var(--sjco-fd);font-size:2rem;color:var(--sjco-sage-dark);margin-bottom:.3rem}
.shopify-note{font-size:.8rem;color:var(--sjco-text-light);margin-bottom:1.2rem}
.shopify-qty{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.shopify-qty label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sjco-text-light)}
.sjco-qty-ctrl{display:flex;align-items:center;border:1px solid #ddd}
.sjco-qty-ctrl button{background:none;border:none;width:32px;height:32px;cursor:pointer;font-size:1rem;color:var(--sjco-text);transition:background .2s}
.sjco-qty-ctrl button:hover{background:var(--sjco-cream)}
.sjco-qty-val{width:40px;text-align:center;font-size:.9rem}
.shopify-add{width:100%;background:var(--sjco-sage);color:var(--sjco-white);border:none;padding:1rem;font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s;margin-bottom:.6rem}
.shopify-add:hover{background:var(--sjco-sage-dark)}
.shopify-buy{width:100%;background:var(--sjco-red);color:var(--sjco-white);border:none;padding:1rem;font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.shopify-buy:hover{background:var(--sjco-red-dark)}
.shopify-secure{text-align:center;font-size:.7rem;color:#aaa;margin-top:.8rem}

/* === EVENT === */
.sjco-event{background:var(--sjco-earth-dark);position:relative;overflow:hidden}
.sjco-event::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(215,161,74,.1),transparent 60%)}
.sjco-ev-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.sjco-ev-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(255,255,255,.08)}
.sjco-ev-text h2{color:var(--sjco-cream);margin-bottom:1.5rem}.sjco-ev-text h2 em{color:var(--sjco-gold-light)}
.sjco-ev-text>p{color:rgba(255,255,255,.6);font-weight:300;line-height:1.7;margin-bottom:1rem}
.sjco-ev-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.sjco-ev-item label{display:block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sjco-gold-light);margin-bottom:.3rem}
.sjco-ev-item span{font-family:var(--sjco-fd);font-size:1.15rem;color:var(--sjco-cream)}

/* === WORKSHOPS === */
.sjco-ws-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.sjco-ws-card{background:var(--sjco-white);border:1px solid rgba(85,107,95,.08);overflow:hidden;transition:all .4s;position:relative}
.sjco-ws-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--sjco-red),var(--sjco-gold-light),transparent);opacity:0;transition:opacity .4s;z-index:2}
.sjco-ws-card:hover{box-shadow:0 15px 40px rgba(45,54,64,.08);transform:translateY(-3px)}.sjco-ws-card:hover::before{opacity:1}
.sjco-ws-card-img{aspect-ratio:16/9;overflow:hidden}.sjco-ws-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sjco-ws-card:hover .sjco-ws-card-img img{transform:scale(1.05)}
.sjco-ws-body{padding:2rem}
.sjco-ws-body h3{color:var(--sjco-sage-dark);margin-bottom:.5rem;font-size:1.4rem}
.sjco-ws-sub{font-family:var(--sjco-fa);font-style:italic;color:var(--sjco-gold);font-size:.95rem;margin-bottom:1rem}
.sjco-ws-body p{color:var(--sjco-text-light);font-weight:300;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}

/* === PRODUCT === */
.sjco-product{background:var(--sjco-cream-warm)}
.sjco-prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.sjco-prod-img{position:relative}.sjco-prod-img img{width:100%;aspect-ratio:1;object-fit:cover;position:relative;z-index:1}
.sjco-prod-img::after{content:'';position:absolute;top:2rem;right:-1rem;bottom:-1rem;left:2rem;border:1px solid var(--sjco-gold-light);opacity:.2;z-index:0}
.sjco-prod-text .sjco-sub{margin-bottom:1rem}
.sjco-prod-text h2{color:var(--sjco-sage-dark);margin-bottom:.3rem}
.sjco-prod-sub{font-family:var(--sjco-fa);font-style:italic;color:var(--sjco-gold);font-size:1rem;margin-bottom:1.5rem}
.sjco-prod-text p{color:var(--sjco-text-light);font-weight:300;line-height:1.8;margin-bottom:1rem}
.sjco-prod-notes{font-family:var(--sjco-fa);font-style:italic;color:var(--sjco-earth);font-size:.95rem;margin:1.5rem 0;padding-left:1.5rem;border-left:2px solid var(--sjco-gold-light);line-height:1.6}

/* === CONTACT / HUBSPOT === */
.sjco-contact{background:var(--sjco-earth);color:var(--sjco-white);position:relative;overflow:hidden}
.sjco-contact::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(215,161,74,.08),transparent 50%)}
.sjco-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:start;position:relative;z-index:1}
.sjco-contact-info p{color:rgba(255,255,255,.6);font-weight:300;line-height:1.7;margin-bottom:2rem}
.sjco-c-list{list-style:none}.sjco-c-list li{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.7);font-weight:300}.sjco-c-list li::before{content:'✦';color:var(--sjco-gold-light);font-size:.7rem}
.sjco-hs-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:2.5rem}
.hs-hd{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.hs-logo{width:24px;height:24px;background:#FF7A59;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6rem;color:white}
.hs-hd span{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.hs-g{margin-bottom:1.2rem}
.hs-g label{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.5rem}
.hs-g input,.hs-g textarea,.hs-g select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--sjco-cream);padding:.8rem 1rem;font-family:var(--sjco-fb);font-size:.9rem;transition:border-color .3s;outline:none;border-radius:0;-webkit-appearance:none}
.hs-g input:focus,.hs-g textarea:focus,.hs-g select:focus{border-color:var(--sjco-gold)}
.hs-g input::placeholder,.hs-g textarea::placeholder{color:rgba(255,255,255,.25)}
.hs-g textarea{min-height:100px;resize:vertical}
.hs-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hs-sub{width:100%;background:var(--sjco-red);color:var(--sjco-white);border:none;padding:1rem;font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s;margin-top:.5rem}
.hs-sub:hover{background:var(--sjco-red-dark)}
.hs-priv{font-size:.7rem;color:rgba(255,255,255,.3);margin-top:1rem;line-height:1.5}.hs-priv a{color:var(--sjco-gold-light);text-decoration:none}
.sjco-form-status{margin-top:1rem;padding:.8rem 1rem;font-size:.85rem}
.sjco-form-status.success{background:rgba(110,133,120,.2);color:var(--sjco-cream);border:1px solid var(--sjco-sage-light)}
.sjco-form-status.error{background:rgba(200,80,80,.2);color:#fcc;border:1px solid rgba(200,80,80,.4)}

/* === NEWSLETTER === */
.sjco-newsletter{background:var(--sjco-cream);text-align:center}
.sjco-newsletter .sjco-sub{margin-bottom:1rem}
.sjco-newsletter h2{color:var(--sjco-sage-dark);margin-bottom:1rem}
.sjco-newsletter p{color:var(--sjco-text-light);font-weight:300;max-width:500px;margin:0 auto 2rem;line-height:1.7}
.sjco-nl-form{display:flex;max-width:500px;margin:0 auto}
.sjco-nl-form input{flex:1;border:1px solid var(--sjco-sage-light);border-right:none;padding:.9rem 1.2rem;font-family:var(--sjco-fb);font-size:.9rem;background:var(--sjco-white);outline:none;border-radius:0}
.sjco-nl-form input::placeholder{color:#bbb}
.sjco-nl-form input:focus{border-color:var(--sjco-gold)}
.sjco-nl-form button{background:var(--sjco-sage);color:var(--sjco-white);border:1px solid var(--sjco-sage);padding:.9rem 1.8rem;font-family:var(--sjco-fb);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.sjco-nl-form button:hover{background:var(--sjco-sage-dark)}

/* === FOOTER === */
.sjco-footer{background:var(--sjco-charcoal);color:rgba(255,255,255,.4);padding:4rem 0 2rem}
.sjco-ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.sjco-ft-brand .sjco-logo{display:block;margin-bottom:1rem;font-size:1.3rem;color:var(--sjco-cream)}
.sjco-ft-brand p{font-size:.9rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.35);max-width:280px}
.sjco-footer h4{font-family:var(--sjco-fb);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--sjco-gold-light);margin-bottom:1.2rem}
.sjco-footer ul{list-style:none}.sjco-footer ul li{margin-bottom:.6rem}
.sjco-footer ul a{color:rgba(255,255,255,.4);text-decoration:none;font-size:.9rem;font-weight:300;transition:color .3s}
.sjco-footer ul a:hover{color:var(--sjco-gold-light)}
.sjco-ft-btm{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}
.sjco-ft-btm a{color:var(--sjco-gold-light);text-decoration:none}

/* === COMING SOON (footer) === */
.sjco-coming-soon{color:rgba(255,255,255,.25)!important;cursor:default;font-size:.9rem;font-weight:300}
.sjco-coming-soon::after{content:' (coming soon)';font-size:.7rem;font-style:italic}

/* === SHOPIFY PENDING === */
.sjco-shopify-pending{opacity:.85}
.sjco-shopify-pending .shopify-label{color:var(--sjco-gold)}

/* === TOAST === */
.sjco-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:var(--sjco-sage-dark);color:var(--sjco-cream);padding:1.2rem 2.5rem;font-size:.85rem;opacity:0;transition:all .3s;z-index:10000;pointer-events:none;border:1px solid var(--sjco-gold-light)}
.sjco-toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* === ANIMATIONS === */
@keyframes sjUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes sjFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* === RESPONSIVE === */
@media(max-width:1024px){
.sjco-about-grid,.sjco-book-grid,.sjco-ev-grid,.sjco-prod-grid,.sjco-contact-grid{grid-template-columns:1fr;gap:3rem}
.sjco-svc-grid{grid-template-columns:1fr}.sjco-ws-grid{grid-template-columns:1fr}.sjco-ft-grid{grid-template-columns:1fr 1fr}
.sjco-hero-c{margin-left:0}
}
@media(max-width:768px){
/* Mobile nav fullscreen overlay */
.sjco-nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:var(--sjco-sage-dark);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;z-index:1001;overflow-y:auto;padding:2rem}
.sjco-nav-links.active{display:flex}
.sjco-nav-links.active a{color:var(--sjco-cream)!important;font-size:1.1rem!important;letter-spacing:.2em!important}
.sjco-nav-links.active a::after{display:none}
.sjco-nav-links.active .sjco-nav-cta{border-color:var(--sjco-gold-light)!important;padding:.8rem 2rem!important}
.sjco-nav-toggle{display:block}
.sjco-hero-c h1{font-size:2.2rem}.sjco-hero-btns{flex-direction:column}
.sjco-hero-c{padding-top:6rem}
.hs-row{grid-template-columns:1fr}
.sjco-ft-grid{grid-template-columns:1fr}.sjco-ft-btm{flex-direction:column;gap:.5rem;text-align:center}
.sjco-ev-details{grid-template-columns:1fr}.sjco-book-img img{max-width:260px}.sjco-shopify{max-width:100%}
}