/* === ÉLAN & GRACE — WEDDING PLANNER DEMO === */
:root {
  --rose: #C4A6A0;
  --rose-deep: #A8857E;
  --rose-soft: rgba(196,166,160,0.12);
  --mauve: #8E7B88;
  --champagne: #E8DDD3;
  --cream: #FAF7F4;
  --cream-warm: #F5EFE8;
  --dark: #2C2724;
  --dark-soft: #3D3633;
  --text: #2C2724;
  --text-mid: rgba(44,39,36,0.6);
  --text-light: rgba(44,39,36,0.4);
  --white: #FFFFFF;
  --border: rgba(44,39,36,0.08);
  --border-rose: rgba(196,166,160,0.3);
  --serif: 'Cormorant Garamond', 'Georgia', serif;
  --sans: 'Jost', 'Helvetica Neue', sans-serif;
  --radius: 2px;
}

/* === RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--sans);font-size:0.9375rem;line-height:1.75;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--rose-deep);text-decoration:none;transition:all 0.3s ease}
a:hover{color:var(--dark)}

/* === TYPOGRAPHY === */
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.1;color:var(--dark)}
h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:0.01em}
h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0.01em}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
h1 em,h2 em,h3 em{font-style:italic;font-weight:300}
.label{font-family:var(--sans);font-size:0.65rem;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;color:var(--rose-deep)}
.sub{font-size:0.95rem;color:var(--text-mid);max-width:480px;line-height:1.85;font-weight:300}

/* === NAVIGATION === */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px clamp(24px,5vw,56px);display:flex;align-items:center;justify-content:space-between;transition:all 0.4s ease;background:transparent}
.nav.scrolled{background:rgba(250,247,244,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}
.nav-logo{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--dark);letter-spacing:0.04em}
.nav-logo span{font-style:italic;color:var(--rose-deep)}
.nav-right{display:flex;align-items:center;gap:36px}
.nav-right a{font-family:var(--sans);font-size:0.72rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;color:var(--dark);position:relative}
.nav-right a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--rose-deep);transition:width 0.3s ease}
.nav-right a:hover::after{width:100%}
.nav-right a:hover{color:var(--rose-deep)}
.nav-cta{padding:10px 24px;border:1px solid var(--dark);transition:all 0.3s ease}
.nav-cta:hover{background:var(--dark);color:var(--cream) !important}
.nav-cta::after{display:none !important}

/* Mobile menu */
.ham{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:200}
.ham span{display:block;width:100%;height:1.5px;background:var(--dark);position:absolute;left:0;transition:all 0.3s ease}
.ham span:nth-child(1){top:0}.ham span:nth-child(2){top:50%;transform:translateY(-50%)}.ham span:nth-child(3){bottom:0}
.ham.open span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}
.mob-menu{position:fixed;inset:0;background:var(--cream);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity 0.4s ease}
.mob-menu.open{opacity:1;pointer-events:all}
.mob-menu a{font-family:var(--serif);font-size:2rem;color:var(--dark);font-weight:300;text-decoration:none}
.mob-menu a:hover{color:var(--rose-deep)}
.mob-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:32px}
.mob-menu li{list-style:none;padding:0;margin:0}
.mob-close{position:absolute;top:24px;right:24px;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mob-close svg{width:24px;height:24px;stroke:var(--dark);stroke-width:2}
.mob-close:hover svg{stroke:var(--rose-deep)}

@media(max-width:768px){
  .nav-right{display:none}
  .ham{display:block}
}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:0.72rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;padding:16px 36px;border:none;cursor:pointer;transition:all 0.35s ease;text-decoration:none}
.btn svg{width:14px;height:14px}
.btn-rose{background:var(--rose-deep);color:var(--white)}
.btn-rose:hover{background:var(--dark);color:var(--cream)}
.btn-outline{background:transparent;border:1px solid var(--dark);color:var(--dark)}
.btn-outline:hover{background:var(--dark);color:var(--cream)}
.btn-text{padding:0;background:none;border:none;border-bottom:1px solid var(--rose-deep);color:var(--rose-deep);letter-spacing:0.12em;padding-bottom:4px}
.btn-text:hover{color:var(--dark);border-color:var(--dark)}

/* === HERO === */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative}
.hero-content{display:flex;flex-direction:column;justify-content:center;padding:120px clamp(32px,6vw,80px) 80px;position:relative}
.hero-content::before{content:'';position:absolute;top:20%;right:0;width:1px;height:60%;background:linear-gradient(to bottom,transparent,var(--border-rose),transparent)}
.hero-tag{margin-bottom:24px}
.hero h1{margin-bottom:28px}
.hero .sub{margin-bottom:40px}
.hero-img{position:relative;overflow:hidden}
.hero-img-placeholder{width:100%;height:100%;min-height:100vh;background:var(--champagne);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:0.7rem;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase}
.hero-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-flourish{position:absolute;bottom:60px;left:clamp(32px,6vw,80px);display:flex;align-items:center;gap:12px;font-size:0.65rem;color:var(--text-light);letter-spacing:0.15em;text-transform:uppercase}
.hero-flourish .line{width:40px;height:1px;background:var(--border-rose)}

@media(max-width:768px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-content{padding:140px 24px 60px;order:2}
  .hero-img{height:60vh;order:1}
  .hero-content::before{display:none}
  .hero-flourish{display:none}
}

/* === MARQUEE STRIP === */
.marquee{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--cream)}
.marquee-track{display:flex;gap:60px;animation:marqueeScroll 30s linear infinite;width:max-content}
.marquee-item{font-family:var(--serif);font-size:1rem;font-weight:300;font-style:italic;color:var(--text-light);white-space:nowrap;display:flex;align-items:center;gap:60px}
.marquee-item::after{content:'✦';font-size:0.5rem;color:var(--rose)}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* === ABOUT PREVIEW === */
.about-preview{padding:clamp(80px,14vw,160px) 0;background:var(--cream)}
.about-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.about-img{position:relative}
.about-img-placeholder{aspect-ratio:4/5;background:var(--champagne);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase}
.about-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.about-img .accent-frame{position:absolute;top:-16px;left:-16px;width:100%;height:100%;border:1px solid var(--border-rose);z-index:-1}
.about-text .label{margin-bottom:16px}
.about-text h2{margin-bottom:24px}
.about-text .body{color:var(--text-mid);margin-bottom:20px;font-weight:300;line-height:1.85;max-width:440px}
.about-text .signature{font-family:var(--serif);font-size:1.4rem;font-style:italic;color:var(--rose-deep);margin-top:32px;margin-bottom:28px}

@media(max-width:768px){
  .about-inner{grid-template-columns:1fr;gap:40px}
  .about-img .accent-frame{display:none}
}

/* === SERVICES CARDS === */
.services{padding:clamp(80px,14vw,160px) 0;background:var(--cream-warm)}
.services-header{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);text-align:center;margin-bottom:clamp(48px,8vw,80px)}
.services-header .label{margin-bottom:16px}
.services-header h2{margin-bottom:16px}
.services-header .sub{margin:0 auto}
.services-grid{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{background:var(--cream);border:1px solid var(--border);padding:clamp(32px,4vw,48px);transition:all 0.4s ease;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--rose);transform:scaleX(0);transition:transform 0.4s ease;transform-origin:left}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover{box-shadow:0 20px 60px rgba(44,39,36,0.06)}
.service-card .num{font-family:var(--serif);font-size:3rem;font-weight:300;color:var(--border-rose);line-height:1;margin-bottom:20px}
.service-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;margin-bottom:12px}
.service-card p{font-size:0.85rem;color:var(--text-mid);line-height:1.8;font-weight:300;margin-bottom:20px}
.service-card .price{font-family:var(--sans);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--rose-deep)}

@media(max-width:768px){
  .services-grid{grid-template-columns:1fr;gap:16px}
}

/* === GALLERY STRIP === */
.gallery{padding:clamp(80px,14vw,140px) 0;background:var(--cream);overflow:hidden}
.gallery-header{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(40px,6vw,60px)}
.gallery-header h2{max-width:500px}
.gallery-scroll{display:flex;gap:20px;padding:0 clamp(24px,5vw,56px);overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}
.gallery-scroll::-webkit-scrollbar{display:none}
.gallery-item{flex:0 0 auto;scroll-snap-align:start}
.gallery-item.tall{width:280px}
.gallery-item.wide{width:420px}
.gallery-placeholder{background:var(--champagne);display:flex;align-items:center;justify-content:center;font-size:0.65rem;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase;border:1px solid var(--border)}
.gallery-item.tall .gallery-placeholder{height:380px}
.gallery-item.wide .gallery-placeholder{height:300px}
.gallery-item img{width:100%;height:100%;object-fit:cover}

@media(max-width:768px){
  .gallery-header{flex-direction:column;align-items:flex-start;gap:20px}
  .gallery-item.tall{width:220px}
  .gallery-item.wide{width:320px}
  .gallery-item.tall .gallery-placeholder{height:300px}
  .gallery-item.wide .gallery-placeholder{height:240px}
}

/* === TESTIMONIAL === */
.testimonial{padding:clamp(80px,14vw,140px) 0;background:var(--dark);color:var(--cream);text-align:center;position:relative;overflow:hidden}
.testimonial::before{content:'\201C';font-family:var(--serif);font-size:8rem;color:rgba(196,166,160,0.12);position:relative;display:block;text-align:center;line-height:0.6;margin-bottom:16px}
.testimonial-inner{max-width:700px;margin:0 auto;padding:0 clamp(24px,5vw,56px);position:relative;z-index:1;text-align:center}
.testimonial blockquote{font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:300;font-style:italic;line-height:1.7;color:var(--champagne);margin-bottom:32px}
.testimonial cite{font-family:var(--sans);font-size:0.7rem;font-style:normal;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose)}

/* === CTA SECTION === */
.cta-section{padding:clamp(80px,14vw,140px) 0;background:var(--cream);text-align:center}
.cta-inner{max-width:600px;margin:0 auto;padding:0 clamp(24px,5vw,56px);max-width:560px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.cta-inner .label{margin-bottom:16px}
.cta-inner h2{margin-bottom:20px}
.cta-inner .sub{margin:0 auto 40px}
.cta-inner .btn-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* === FOOTER === */
footer{padding:60px 0 40px;background:var(--dark);color:var(--champagne)}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;flex-wrap:wrap;gap:40px}
.footer-brand{font-family:var(--serif);font-size:1.5rem;font-weight:300;margin-bottom:12px;color:var(--champagne)}
.footer-brand span{font-style:italic;color:var(--rose)}
.footer-tagline{font-size:0.8rem;color:rgba(232,221,211,0.4);max-width:260px;font-weight:300}
.footer-links{display:flex;gap:48px}
.footer-col h4{font-family:var(--sans);font-size:0.6rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose);margin-bottom:16px}
.footer-col a{display:block;font-size:0.8rem;color:rgba(232,221,211,0.5);margin-bottom:10px;font-weight:300;transition:color 0.3s}
.footer-col a:hover{color:var(--champagne)}
.footer-col p{font-size:0.8rem;color:rgba(232,221,211,0.5);margin:0 0 10px;font-weight:300}
.footer-bottom{padding-top:32px;border-top:1px solid rgba(232,221,211,0.08);display:flex;justify-content:space-between;font-size:0.7rem;color:rgba(232,221,211,0.3);font-weight:300;flex-wrap:wrap;gap:12px}

@media(max-width:768px){
  .footer-top{flex-direction:column}
  .footer-links{flex-direction:column;gap:32px}
}

/* === ANIMATIONS === */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.rise{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}
.rise.visible{opacity:1;transform:translateY(0)}
.rise-d1{transition-delay:0.1s}.rise-d2{transition-delay:0.2s}.rise-d3{transition-delay:0.3s}
.page-header{padding:160px 0 80px;text-align:center;background:var(--cream)}
.page-header .label{margin-bottom:16px}
.page-header h1{margin-bottom:20px}
.page-header .sub{max-width:520px;margin:0 auto;color:var(--text-mid);font-weight:300;font-size:0.95rem;line-height:1.85}

/* ABOUT HERO */
.about-hero{padding:0 0 clamp(80px,12vw,140px);background:var(--cream)}
.about-hero-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,80px);align-items:start}
.about-portrait{position:relative}
.about-portrait-placeholder{aspect-ratio:3/4;background:var(--champagne);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase}
.about-portrait .frame{position:absolute;top:-12px;right:-12px;width:100%;height:100%;border:1px solid var(--border-rose);z-index:-1}
.about-story{padding-top:20px}
.about-story h2{margin-bottom:24px}
.about-story p{color:var(--text-mid);font-weight:300;line-height:1.9;margin-bottom:20px;max-width:520px}
.about-story p.highlight{font-family:var(--serif);font-size:1.2rem;font-weight:400;font-style:italic;color:var(--rose-deep);line-height:1.6;margin:32px 0}
@media(max-width:768px){
  .about-hero-inner{grid-template-columns:1fr}
  .about-portrait .frame{display:none}
}

/* VALUES */
.values{padding:clamp(80px,12vw,140px) 0;background:var(--cream-warm)}
.values-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.values-header{text-align:center;margin-bottom:clamp(48px,8vw,72px)}
.values-header .label{margin-bottom:12px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.value-card{text-align:center;padding:32px 24px}
.value-num{font-family:var(--serif);font-size:2.5rem;font-weight:300;color:var(--border-rose);margin-bottom:16px}
.value-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;margin-bottom:12px}
.value-card p{font-size:0.85rem;color:var(--text-mid);line-height:1.8;font-weight:300}
@media(max-width:768px){.values-grid{grid-template-columns:1fr;gap:24px}}

/* CREDENTIALS */
.credentials{padding:clamp(60px,10vw,100px) 0;background:var(--dark);color:var(--champagne)}
.cred-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:flex;justify-content:center;gap:clamp(40px,8vw,100px);flex-wrap:wrap;text-align:center}
.cred-item .num{font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;color:var(--rose);line-height:1;margin-bottom:8px}
.cred-item .desc{font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(232,221,211,0.5)}

/* CTA */
.cta{padding:clamp(80px,12vw,140px) 0;background:var(--cream);text-align:center}

.cta .label{margin-bottom:16px}
.cta h2{margin-bottom:20px}
.cta .sub{max-width:440px;margin:0 auto 36px;color:var(--text-mid);font-weight:300;font-size:0.95rem;line-height:1.85}

/* FOOTER */




/* end about */

/* SERVICES DETAIL */
.services-detail{padding:0 0 clamp(80px,12vw,140px);background:var(--cream)}
.services-detail-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.service-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;padding:clamp(48px,8vw,80px) 0;border-bottom:1px solid var(--border)}
.service-block:last-child{border-bottom:none}
.service-block.reverse .service-img{order:2}
.service-block.reverse .service-info{order:1}
.service-img-placeholder{aspect-ratio:4/3;background:var(--champagne);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase}
.service-info .label{margin-bottom:12px}
.service-info h2{margin-bottom:16px}
.service-info p{color:var(--text-mid);font-weight:300;line-height:1.85;margin-bottom:16px;max-width:440px}
.service-includes{margin:24px 0;padding:24px;background:var(--rose-soft);border-left:2px solid var(--rose)}
.service-includes h4{font-family:var(--sans);font-size:0.65rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:12px}
.service-includes li{font-size:0.85rem;color:var(--text-mid);font-weight:300;margin-bottom:6px;list-style:none;padding-left:16px;position:relative}
.service-includes li::before{content:'✦';position:absolute;left:0;color:var(--rose);font-size:0.5rem;top:6px}
.service-price{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--dark);margin-top:24px}
.service-price span{font-family:var(--sans);font-size:0.7rem;font-weight:300;color:var(--text-light);letter-spacing:0.1em;text-transform:uppercase;margin-left:8px}

@media(max-width:768px){
  .service-block{grid-template-columns:1fr;gap:32px}
  .service-block.reverse .service-img{order:1}
  .service-block.reverse .service-info{order:2}
}

/* FAQ */
.faq{padding:clamp(80px,12vw,140px) 0;background:var(--cream-warm)}
.faq-inner{max-width:800px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.faq-header{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.faq-header .label{margin-bottom:12px}
.faq-item{border-bottom:1px solid var(--border);overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 0;background:none;border:none;cursor:pointer;font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--dark);text-align:left;transition:color 0.3s}
.faq-q:hover{color:var(--rose-deep)}
.faq-plus{font-family:var(--sans);font-size:1.2rem;font-weight:300;color:var(--rose);transition:transform 0.3s}
.faq-item.open .faq-plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}
.faq-item.open .faq-a{max-height:300px;padding-bottom:24px}
.faq-a p{font-size:0.9rem;color:var(--text-mid);font-weight:300;line-height:1.85}

/* CONTACT */
.contact{padding:clamp(80px,12vw,140px) 0;background:var(--cream)}
.contact-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start}
.contact-text .label{margin-bottom:16px}
.contact-text h2{margin-bottom:20px}
.contact-text p{color:var(--text-mid);font-weight:300;line-height:1.85;margin-bottom:16px;max-width:400px}
.contact-text .detail{margin-top:32px}
.contact-text .detail-item{display:flex;gap:12px;margin-bottom:16px;font-size:0.85rem;color:var(--text-mid)}
.contact-text .detail-label{font-weight:400;color:var(--dark);min-width:80px}
.contact-form{background:var(--white);padding:clamp(32px,4vw,48px);border:1px solid var(--border)}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.contact-form .form-group{margin-bottom:16px}
.contact-form label{display:block;font-size:0.65rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--cream);font-family:var(--sans);font-size:0.85rem;color:var(--dark);outline:none;transition:border-color 0.3s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--rose)}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A8857E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.contact-form .btn{width:100%;justify-content:center;margin-top:8px}
@media(max-width:768px){
  .contact-inner{grid-template-columns:1fr}
  .contact-form .form-row{grid-template-columns:1fr}
}

/* FOOTER */



/* end services */

/* FEATURED WEDDING */
.featured{padding:0 0 clamp(80px,12vw,120px);background:var(--cream)}
.featured-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.featured-hero{position:relative;margin-bottom:clamp(40px,6vw,60px);overflow:hidden}
.featured-hero img{width:100%;aspect-ratio:16/7;object-fit:cover}
.featured-hero .featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,4vw,48px);background:linear-gradient(to top,rgba(44,39,36,0.7),transparent);color:var(--cream)}
.featured-overlay .label{color:var(--rose);margin-bottom:8px}
.featured-overlay h2{color:var(--cream);font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:8px}
.featured-overlay p{font-size:0.85rem;color:rgba(250,247,244,0.7);font-weight:300}
.featured-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.featured-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 0.5s ease}
.featured-grid img:hover{transform:scale(1.02)}
.featured-caption{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.featured-caption .story{max-width:480px}
.featured-caption .story p{font-size:0.9rem;color:var(--text-mid);font-weight:300;line-height:1.85}
.featured-caption .details{padding:24px;background:var(--rose-soft);border-left:2px solid var(--rose)}
.featured-caption .detail-row{display:flex;gap:12px;margin-bottom:10px;font-size:0.8rem}
.featured-caption .detail-label{font-weight:400;color:var(--dark);min-width:80px}
.featured-caption .detail-value{color:var(--text-mid);font-weight:300}

@media(max-width:768px){
  .featured-grid{grid-template-columns:1fr 1fr;gap:8px}
  .featured-grid img:nth-child(3){grid-column:1/-1;aspect-ratio:16/9}
  .featured-caption{grid-template-columns:1fr}
}

/* PORTFOLIO MOSAIC */
.mosaic-section{padding:clamp(80px,12vw,120px) 0;background:var(--cream-warm)}
.mosaic-header{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.mosaic-header .label{margin-bottom:12px}
.mosaic{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:16px}
.mosaic-item{position:relative;overflow:hidden;cursor:pointer}
.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.mosaic-item:hover img{transform:scale(1.05)}
.mosaic-item .mosaic-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(44,39,36,0.65),transparent);opacity:0;transition:opacity 0.4s ease}
.mosaic-item:hover .mosaic-info{opacity:1}
.mosaic-info h3{font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--cream);margin-bottom:4px}
.mosaic-info p{font-size:0.7rem;color:rgba(250,247,244,0.6);letter-spacing:0.1em;text-transform:uppercase;font-weight:300}

/* Mosaic layout */
.m1{grid-column:span 7;grid-row:span 3}
.m2{grid-column:span 5;grid-row:span 2}
.m3{grid-column:span 5;grid-row:span 1}
.m4{grid-column:span 4;grid-row:span 2}
.m5{grid-column:span 4;grid-row:span 2}
.m6{grid-column:span 4;grid-row:span 2}

@media(max-width:768px){
  .mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .m1,.m2,.m3,.m4,.m5,.m6{grid-column:span 1;grid-row:span 1}
  .m1{grid-column:span 2;grid-row:span 2}
}

/* TESTIMONIALS CAROUSEL */
.testimonials{padding:clamp(80px,12vw,120px) 0;background:var(--dark);color:var(--cream);position:relative;overflow:hidden}
.testimonials::before{content:'�C';font-family:var(--serif);font-size:12rem;color:rgba(196,166,160,0.06);position:absolute;top:-20px;left:50%;transform:translateX(-50%);line-height:1}
.testimonials-inner{max-width:700px;margin:0 auto;padding:0 clamp(24px,5vw,56px);text-align:center;position:relative;z-index:1}
.testimonials-inner .label{color:var(--rose);margin-bottom:24px}
.testimonial-slide{display:none;text-align:center}
.testimonial-slide.active{display:block;text-align:center}
.testimonial-slide blockquote{font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:300;font-style:italic;line-height:1.7;color:var(--champagne);margin:0 auto 24px;padding:0;text-align:center;max-width:100%}
.testimonial-slide cite{font-family:var(--sans);font-size:0.7rem;font-style:normal;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose);display:block}

/* ═══ QUOTE MARK ═══ */
.testimonial-dots{display:flex;justify-content:center;gap:12px;margin-top:32px}
.testimonial-dot{width:8px;height:8px;border-radius:50%;background:rgba(196,166,160,0.2);border:none;cursor:pointer;transition:all 0.3s}
.testimonial-dot.active{background:var(--rose);transform:scale(1.2)}

/* PRESS / AS SEEN IN */
.press{padding:clamp(60px,8vw,80px) 0;background:var(--cream);border-bottom:1px solid var(--border)}
.press-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px);text-align:center}
.press-inner .label{margin-bottom:32px}
.press-logos{display:flex;justify-content:center;align-items:center;gap:clamp(32px,6vw,72px);flex-wrap:wrap}
.press-logo{font-family:var(--serif);font-size:clamp(1rem,1.8vw,1.4rem);font-weight:300;font-style:italic;color:var(--text-light);letter-spacing:0.04em;transition:color 0.3s}
.press-logo:hover{color:var(--dark)}

/* CTA */

/* FOOTER */



/* end portfolio */

/* ═══ BLOG & SINGLE POST ═══ */
.blog-section{padding:0 0 clamp(80px,12vw,140px);background:var(--cream)}
.blog-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:var(--white);border:1px solid var(--border);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(44,39,36,0.08)}
.blog-card-img{display:block;overflow:hidden}
.blog-card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 0.6s}
.blog-card:hover .blog-card-img img{transform:scale(1.03)}
.blog-card-body{padding:24px}
.blog-card-cat{font-family:var(--sans);font-size:0.6rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose-deep)}
.blog-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;margin:8px 0 12px;line-height:1.3}
.blog-card h3 a{color:var(--dark);text-decoration:none}
.blog-card h3 a:hover{color:var(--rose-deep)}
.blog-card p{font-size:0.85rem;color:var(--text-mid);font-weight:300;line-height:1.8;margin-bottom:16px}
.pagination{text-align:center;padding-top:48px}
.pagination .nav-links{display:flex;justify-content:center;gap:8px}
.pagination a,.pagination span{padding:8px 16px;font-size:0.8rem;border:1px solid var(--border);color:var(--dark);text-decoration:none;transition:all 0.3s}
.pagination .current{background:var(--dark);color:var(--cream);border-color:var(--dark)}

/* Single post */
.single-post{background:var(--cream)}
.single-header{text-align:center;padding:120px clamp(24px,5vw,56px) 48px}
.single-featured{max-width:1000px;margin:0 auto 40px}
.single-featured img{width:100%;aspect-ratio:16/9;object-fit:cover}
.single-meta{max-width:720px;margin:0 auto}
.single-meta h1{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4vw,3.2rem);margin:16px 0}
.single-date{font-size:0.8rem;color:var(--text-light);font-weight:300}
.single-content{max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,56px) clamp(80px,12vw,140px)}
.single-content p{font-weight:300;line-height:1.9;color:var(--text-mid);margin-bottom:24px}
.single-content h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:48px 0 20px}
.single-content h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;margin:36px 0 16px}
.single-content blockquote{border-left:2px solid var(--rose);padding-left:24px;margin:32px 0;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--rose-deep)}
.single-content img{width:100%;height:auto;margin:32px 0}
.single-content ul,.single-content ol{padding-left:24px;margin-bottom:24px}
.single-content li{font-weight:300;line-height:1.8;color:var(--text-mid);margin-bottom:8px}


/* Sidebar */
.sidebar{padding-top:20px}
.sidebar-widget{margin-bottom:32px}
.sidebar-widget h4{font-family:var(--sans);font-size:0.65rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:16px}
.sidebar-widget p{font-size:0.85rem;color:var(--text-mid);font-weight:300;line-height:1.8}
.sidebar-widget ul{list-style:none;padding:0}
.sidebar-widget li{margin-bottom:8px}
.sidebar-widget li a{font-size:0.85rem;color:var(--text-mid);font-weight:300;text-decoration:none}
.sidebar-widget li a:hover{color:var(--rose-deep)}

/* Search form */
.search-form{display:flex;gap:8px}
.search-form input[type="search"]{flex:1;padding:12px 16px;border:1px solid var(--border);background:var(--white);font-family:var(--sans);font-size:0.85rem}
.search-form button,.search-form input[type="submit"]{padding:12px 24px;background:var(--rose-deep);color:var(--white);border:none;font-family:var(--sans);font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:background 0.3s}
.search-form button:hover,.search-form input[type="submit"]:hover{background:var(--dark)}

@media(max-width:768px){
  .blog-grid{grid-template-columns:1fr}
}

/* ═══ ADMIN BAR OFFSET ═══ */
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}

/* ═══ SKIP LINK ═══ */
.skip-link{position:absolute;top:-100px;left:0;z-index:999;padding:12px 24px;background:var(--dark);color:var(--cream);font-size:0.8rem;text-decoration:none;transition:top 0.3s}
.skip-link:focus{top:0}

/* ═══ PORTFOLIO GRID (Standard Template) ═══ */
.portfolio-grid-section{padding:0 0 clamp(80px,12vw,140px);background:var(--cream)}
.portfolio-grid-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portfolio-card{display:block;text-decoration:none;overflow:hidden;position:relative}
.portfolio-card-img{position:relative;overflow:hidden}
.portfolio-card-img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 0.6s}
.portfolio-card:hover .portfolio-card-img img{transform:scale(1.05)}
.portfolio-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(44,39,36,0.7),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,3vw,32px);opacity:0;transition:opacity 0.4s}
.portfolio-card:hover .portfolio-card-overlay{opacity:1}
.portfolio-card-overlay h3{font-family:var(--serif);font-size:1.3rem;font-weight:300;color:var(--cream);margin-bottom:4px}
.portfolio-card-overlay p{font-size:0.8rem;color:rgba(232,221,211,0.7);font-weight:300}
@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr 1fr;gap:8px}.portfolio-card-overlay{opacity:1}}
@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}}

/* ═══ NAV — LOGO LIGHT MODE ═══ */
.nav.nav-logo-light .nav-logo{color:var(--cream)}
.nav.nav-logo-light .nav-logo span{color:var(--rose)}
.nav.nav-logo-light.scrolled .nav-logo{color:var(--dark)}
.nav.nav-logo-light.scrolled .nav-logo span{color:var(--rose-deep)}
/* If user chose solid bg + light logo, keep light */
.nav.nav-solid.nav-logo-light .nav-logo{color:var(--cream)}
.nav.nav-solid.nav-logo-light .nav-logo span{color:var(--rose)}

/* ═══ NAV — LINKS LIGHT MODE ═══ */
.nav.nav-links-light .nav-right a{color:rgba(250,247,244,0.85)}
.nav.nav-links-light .nav-right a:hover{color:var(--cream)}
.nav.nav-links-light .nav-right a::after{background:var(--cream)}
.nav.nav-links-light .nav-cta{border-color:rgba(250,247,244,0.5);color:rgba(250,247,244,0.85) !important}
.nav.nav-links-light .nav-cta:hover{background:var(--cream);color:var(--dark) !important;border-color:var(--cream)}
.nav.nav-links-light .ham span{background:var(--cream)}
/* When scrolled, revert links to dark */
.nav.nav-links-light.scrolled .nav-right a{color:var(--dark)}
.nav.nav-links-light.scrolled .nav-right a:hover{color:var(--rose-deep)}
.nav.nav-links-light.scrolled .nav-right a::after{background:var(--rose-deep)}
.nav.nav-links-light.scrolled .nav-cta{border-color:var(--dark);color:var(--dark) !important}
.nav.nav-links-light.scrolled .nav-cta:hover{background:var(--dark);color:var(--cream) !important}
.nav.nav-links-light.scrolled .ham span{background:var(--dark)}
/* If user chose solid bg + light links, keep light */
.nav.nav-solid.nav-links-light .nav-right a{color:rgba(250,247,244,0.85)}
.nav.nav-solid.nav-links-light .nav-right a:hover{color:var(--cream)}
.nav.nav-solid.nav-links-light .nav-right a::after{background:var(--cream)}
.nav.nav-solid.nav-links-light .nav-cta{border-color:rgba(250,247,244,0.5);color:rgba(250,247,244,0.85) !important}
.nav.nav-solid.nav-links-light .nav-cta:hover{background:var(--cream);color:var(--dark) !important}
.nav.nav-solid.nav-links-light .ham span{background:var(--cream)}

/* ═══ NAV — VISIBILITY ═══ */
.nav.nav-hidden{transform:translateY(-100%);opacity:0}
.nav.nav-hidden.scrolled{transform:translateY(0);opacity:1}
.nav.nav-none{display:none !important}
.nav.nav-static{position:relative;background:var(--cream)}

/* ═══ CUSTOM LOGO ═══ */
.nav-logo-img{display:flex;align-items:center}
.nav-logo-img .custom-logo-link{display:flex;align-items:center}
.nav-logo-img .custom-logo{max-height:40px;width:auto}
.nav-logo-img img{max-height:40px;width:auto}
/* Active nav state */
.nav-right a.active{color:var(--rose-deep)}
.nav-right a.active::after{width:100%}

/* ═══ BACK TO TOP ═══ */
.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-rose);background:var(--cream);color:var(--rose-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s;z-index:90;box-shadow:0 2px 12px rgba(44,39,36,0.08)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--rose-deep);color:var(--cream);border-color:var(--rose-deep)}
.back-to-top svg{width:18px;height:18px}

/* ═══ READING TIME ═══ */
.reading-time{color:var(--text-light);font-weight:300}

/* ═══ RELATED POSTS ═══ */
.related-posts{background:var(--cream-warm);padding:clamp(60px,10vw,100px) 0}
.related-inner{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,56px)}
.related-inner h3{font-family:var(--serif);font-weight:300;font-size:1.6rem;text-align:center;margin-bottom:clamp(32px,5vw,48px)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.related-card{text-decoration:none;display:block;transition:transform 0.3s}
.related-card:hover{transform:translateY(-4px)}
.related-card-img{overflow:hidden;margin-bottom:16px}
.related-card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 0.6s}
.related-card:hover .related-card-img img{transform:scale(1.03)}
.related-card h4{font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--dark);margin-bottom:6px}
.related-card .label{font-size:0.6rem;color:var(--text-light)}
@media(max-width:768px){.related-grid{grid-template-columns:1fr}}

/* ═══ LEGAL PAGE ═══ */
.legal-content{font-weight:300;line-height:1.9;color:var(--text-mid)}
.legal-content h2{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin:40px 0 16px;color:var(--dark)}
.legal-content h3{font-family:var(--serif);font-weight:400;font-size:1.2rem;margin:32px 0 12px;color:var(--dark)}
.legal-content p{margin-bottom:16px}
.legal-content ul,.legal-content ol{padding-left:24px;margin-bottom:16px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--rose-deep)}

/* ═══ FOOTER LOGO ═══ */
.footer-brand .custom-logo-link{display:inline-block}
.footer-brand .custom-logo{max-height:32px;width:auto;filter:brightness(10)}
.footer-brand img{max-height:32px;width:auto}

/* ═══ MOBILE FIXES ═══ */
@media(max-width:768px){
.contact-form .form-row{grid-template-columns:1fr}
.featured-caption{grid-template-columns:1fr;gap:24px}
.featured-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}
.footer-links{flex-direction:column;gap:32px}
.footer-top{flex-direction:column}

.cta-inner{padding:0 clamp(24px,5vw,40px)}
.testimonial blockquote{font-size:clamp(1.1rem,3vw,1.6rem)}
.page-header h1{font-size:clamp(2rem,6vw,3.5rem)}
}
@media(max-width:480px){
.gallery-item.tall{width:220px}
.gallery-item.wide{width:280px}
.featured-grid{grid-template-columns:1fr;gap:8px}
.press-logos{gap:20px}
.press-logo{font-size:0.85rem}
.cred-inner{gap:24px}
.cred-item .num{font-size:2rem}
}
/* Global mobile safety */
img,video,embed,iframe{max-width:100%;height:auto}
*{box-sizing:border-box}

/* ═══ WORD WRAP SAFETY ═══ */
h1,h2,h3,h4,h5,h6,p,li,td,th,blockquote,a{overflow-wrap:break-word;word-wrap:break-word}

/* ═══ FOCUS STYLES (keyboard accessibility) ═══ */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:2px}

/* ═══ REDUCED MOTION ═══ */
@media(prefers-reduced-motion:reduce){
*{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
.marquee-track{animation:none !important}
.reveal{opacity:1 !important;transform:none !important}
}

/* ═══ PRINT ═══ */
@media print{
.nav,.mob-menu,.back-to-top,.ham,footer,.cta-section,.btn,.gallery-scroll{display:none !important}
body{background:#fff;color:#000;font-size:12pt}
a{color:#000;text-decoration:underline}
img{max-width:100%;page-break-inside:avoid}
h1,h2,h3{page-break-after:avoid;color:#000}
}


/* ═══ CTA SHORTCODE ═══ */
.cta-shortcode{margin-top:32px;max-width:560px;margin-left:auto;margin-right:auto}
.cta-shortcode form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cta-shortcode input[type="email"],.cta-shortcode input[type="text"]{padding:14px 18px;border:1px solid var(--border-rose);font-family:var(--sans);font-size:0.85rem;background:var(--cream);color:var(--dark);flex:1;min-width:200px}
.cta-shortcode input:focus{border-color:var(--rose);outline:none}
.cta-shortcode button,.cta-shortcode input[type="submit"]{padding:14px 32px;background:var(--rose-deep);color:var(--cream);border:none;font-family:var(--sans);font-size:0.72rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:background 0.3s}
.cta-shortcode button:hover,.cta-shortcode input[type="submit"]:hover{background:var(--dark)}

.comments-area{max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,56px) 80px}
.comments-area h3{font-family:var(--serif);font-weight:300;font-size:1.4rem;margin-bottom:32px;color:var(--dark)}
.comment-list{list-style:none;padding:0;margin:0}
.comment-respond{margin-top:40px;padding-top:40px;border-top:1px solid var(--border)}
.comment-respond .comment-reply-title{font-family:var(--serif);font-weight:300;font-size:1.2rem;color:var(--dark);margin-bottom:24px}
.comment-respond .comment-reply-title small{display:block;margin-top:8px}
.comment-respond .comment-reply-title small a{font-family:var(--sans);font-size:0.75rem;color:var(--rose-deep);text-decoration:none}
.comment-respond .logged-in-as{font-size:0.8rem;color:var(--text-light);margin-bottom:16px}
.comment-respond .logged-in-as a{color:var(--rose-deep);text-decoration:none}
.comment-respond label{display:block;font-family:var(--sans);font-size:0.65rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}
.comment-respond input[type="text"],.comment-respond input[type="email"],.comment-respond input[type="url"],.comment-respond textarea{width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--cream);font-family:var(--sans);font-size:0.85rem;color:var(--dark);outline:none;transition:border-color 0.3s;margin-bottom:16px;box-sizing:border-box}
.comment-respond input:focus,.comment-respond textarea:focus{border-color:var(--rose)}
.comment-respond textarea{min-height:140px;resize:vertical}
.comment-respond .form-submit{margin-top:8px}
.comment-respond .form-submit input[type="submit"]{display:inline-flex;align-items:center;font-family:var(--sans);font-size:0.72rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;padding:16px 36px;border:none;cursor:pointer;transition:all 0.35s ease;background:var(--rose-deep);color:var(--cream)}
.comment-respond .form-submit input[type="submit"]:hover{background:var(--dark)}
.comment-respond .comment-notes{font-size:0.8rem;color:var(--text-light);margin-bottom:16px}
.comment-respond .required-field-message{display:none}

/* ═══ COMMENT OVERRIDES (WordPress defaults) ═══ */
.comment-list li{list-style:none;background:none;margin:0;padding:0}
.comment-list article{background:none}
.comment-list .comment-body{background:none;padding:24px 0;border-bottom:1px solid var(--border)}
.comment-list .comment-body *{background-color:transparent}
.comment-list .comment-author{background:none !important;display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:0}
.comment-list .comment-author .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--champagne)}
.comment-list .comment-author b.fn{font-family:var(--sans);font-size:0.85rem;font-weight:500;color:var(--dark)}
.comment-list .comment-author b.fn a{color:var(--dark);text-decoration:none}
.comment-list .comment-author .says{display:none}
.comment-list .comment-meta,.comment-list .comment-metadata{background:none !important;padding:0;margin-bottom:12px}
.comment-list .comment-metadata a{font-family:var(--sans);font-size:0.7rem;color:var(--text-light);text-decoration:none}
.comment-list .comment-metadata a:hover{color:var(--rose-deep)}
.comment-list .comment-content{font-size:0.9rem;line-height:1.75;color:var(--text-mid)}
.comment-list .comment-content p{margin:0 0 12px}
.comment-list .reply a{font-family:var(--sans);font-size:0.7rem;color:var(--rose-deep);text-decoration:none;letter-spacing:0.1em;text-transform:uppercase}
.comment-list .reply a:hover{color:var(--dark)}
.comment-list .children{margin-left:32px;padding-left:24px;border-left:1px solid var(--border)}
.comment-list .depth-1{padding:24px 0;border-bottom:1px solid var(--border)}
.comment-list .depth-1:last-child{border-bottom:none}

/* ═══ CUSTOM COMMENT MARKUP ═══ */
.eg-comment{list-style:none;padding:24px 0;border-bottom:1px solid var(--border)}
.eg-comment:last-child{border-bottom:none}
.eg-comment-inner{background:none}
.eg-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.eg-comment-header .avatar{width:36px;height:36px;border-radius:50%;background:var(--champagne)}
.eg-comment-meta{display:flex;flex-direction:column;gap:2px}
.eg-comment-author{font-family:var(--sans);font-size:0.85rem;font-weight:500;color:var(--dark)}
.eg-comment-author a{color:var(--dark);text-decoration:none}
.eg-comment-date{font-family:var(--sans);font-size:0.7rem;color:var(--text-light)}
.eg-comment-content{font-size:0.9rem;line-height:1.75;color:var(--text-mid);margin-bottom:8px}
.eg-comment-content p{margin:0 0 8px}
.eg-comment-awaiting{font-size:0.8rem;color:var(--rose-deep);font-style:italic;margin-bottom:12px}
.eg-comment-reply a{font-family:var(--sans);font-size:0.68rem;color:var(--rose-deep);text-decoration:none;letter-spacing:0.12em;text-transform:uppercase;font-weight:400}
.eg-comment-reply a:hover{color:var(--dark)}

/* ═══ POST NAVIGATION ═══ */
.post-nav{max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,56px) 80px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.post-nav-link{display:flex;flex-direction:column;gap:6px;padding:24px;border:1px solid var(--border);text-decoration:none;transition:all 0.3s}
.post-nav-link:hover{border-color:var(--rose);background:var(--cream-warm)}
.post-nav-label{font-family:var(--sans);font-size:0.65rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;color:var(--rose-deep)}
.post-nav-title{font-family:var(--serif);font-size:1rem;font-weight:300;color:var(--dark);line-height:1.4}
.post-nav-prev{text-align:left}
.post-nav-next{text-align:right;grid-column:2}
.post-nav-link:only-child{grid-column:1 / -1;max-width:50%}
@media(max-width:768px){.post-nav{grid-template-columns:1fr}.post-nav-next{grid-column:1;text-align:left}}