/* ════════════════════════════════════════════
   RAY RUSSELL DESIGN — MAIN STYLESHEET
   WordPress Theme v1.0.0
════════════════════════════════════════════ */

:root {
  --red: #c91016;
  --red-dark: #a50c11;
  --red-light: #e01219;
  --red-pale: #fdf0f0;
  --red-tint: #fae8e8;
  --black: #111111;
  --charcoal: #2a2a2a;
  --dark: #1c1c1c;
  --white: #ffffff;
  --off-white: #fafaf8;
  --cream: #f7f4f0;
  --light-gray: #f0eeeb;
  --mid-gray: #d4d0cb;
  --gray: #8a8580;
  --text: #2a2724;
  --text-light: #6b6560;
  --border: rgba(201,16,22,0.15);
  --border-light: rgba(0,0,0,0.08);
  --shadow: rgba(0,0,0,0.06);
  --shadow-md: rgba(0,0,0,0.12);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'DM Sans', sans-serif;
  background:var(--off-white);
  color:var(--text);
  overflow-x:hidden;
  cursor:none;
  line-height:1.6;
}

/* ─── CUSTOM CURSOR ─── */
.cursor { width:10px;height:10px;background:var(--red);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s; }
.cursor-ring { width:32px;height:32px;border:1.5px solid var(--red);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .2s,height .2s;opacity:0.5; }
body:has(a:hover) .cursor,
body:has(button:hover) .cursor { width:16px; height:16px; }

/* ─── NAV ─── */
#navbar,
.site-header {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5vw;height:76px;
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,0.07);
  transition:box-shadow 0.3s;
}
.site-header.scrolled { box-shadow:0 4px 30px rgba(0,0,0,0.08); }
.nav-logo,
.site-branding a {
  font-family:'Outfit',sans-serif;font-size:1.55rem;letter-spacing:0.12em;
  color:var(--black);text-decoration:none;
  font-weight:900;
}
.nav-logo .dot,.site-branding .dot { color:var(--red); }

/* WordPress nav menu */
.site-header .nav-links,
#primary-menu { display:flex;gap:0.2rem;list-style:none;align-items:center;margin:0;padding:0; }
.site-header .nav-links a,
#primary-menu a {
  color:var(--text-light);text-decoration:none;font-size:0.72rem;font-weight:500;
  letter-spacing:0.12em;text-transform:uppercase;
  padding:0.45rem 0.9rem;border-radius:2px;
  transition:color 0.2s,background 0.2s;cursor:none;
  display:block;
}
#primary-menu a:hover,
#primary-menu .current-menu-item > a { color:var(--black);background:var(--light-gray); }
#primary-menu .menu-item-book-now > a,
.nav-cta { background:var(--red)!important;color:var(--white)!important;border-radius:0!important; }
#primary-menu .menu-item-book-now > a:hover,
.nav-cta:hover { background:var(--red-dark)!important; }

/* Dropdown */
#primary-menu .menu-item-has-children { position:relative; }
#primary-menu .sub-menu {
  display:none;position:absolute;top:100%;left:0;
  background:var(--white);border:1px solid var(--border-light);
  box-shadow:0 20px 60px rgba(0,0,0,0.1);
  min-width:200px;padding:0.5rem 0;z-index:100;
  list-style:none;margin:0;
}
#primary-menu .menu-item-has-children:hover .sub-menu { display:block; }
#primary-menu .sub-menu a { display:block;padding:0.6rem 1.2rem;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-light);text-decoration:none;transition:all 0.2s; }
#primary-menu .sub-menu a:hover { color:var(--red);padding-left:1.6rem; background:none; }

.nav-toggle { display:none;background:none;border:none;cursor:none;padding:0.5rem; }
.nav-toggle span { display:block;width:22px;height:1.5px;background:var(--black);margin:5px 0;transition:all 0.3s; }

/* ─── MAIN CONTENT OFFSET ─── */
#page-content,
.site-main { padding-top:76px; }

/* ─── REUSABLE ─── */
.container { max-width:1320px;margin:0 auto;padding:0 5vw; }
.section-pad { padding:6rem 5vw; }
.section-label {
  font-size:0.65rem;letter-spacing:0.35em;text-transform:uppercase;
  color:var(--red);display:inline-flex;align-items:center;gap:0.8rem;
  margin-bottom:1rem;
}
.section-label::before { content:'';width:24px;height:1px;background:var(--red); }
h2.title,
.entry-title {
  font-family:'Outfit',sans-serif;
  font-size:clamp(2.8rem,5.5vw,5rem);
  line-height:0.95;letter-spacing:0.02em;color:var(--black);
}
h2.title .accent,.entry-title .accent { color:var(--red); }
h2.title.light { color:var(--white); }
.subtitle {
  font-family:'Outfit',sans-serif;
  font-size:clamp(1rem,1.4vw,1.2rem);
  color:var(--text-light);max-width:580px;line-height:1.75;margin-top:1rem;
}
.subtitle.light { color:rgba(255,255,255,0.65); }
.divider { height:1px;background:var(--border-light);margin:4rem 0; }
.red-line { height:2px;background:linear-gradient(90deg,var(--red),transparent);width:60px;margin:1.5rem 0; }

/* BUTTONS */
.btn {
  display:inline-flex;align-items:center;gap:0.5rem;
  padding:0.9rem 2rem;font-size:0.72rem;letter-spacing:0.13em;
  text-transform:uppercase;font-weight:500;text-decoration:none;
  transition:all 0.25s;cursor:none;font-family:'DM Sans',sans-serif;border:none;
}
.btn-primary { background:var(--red);color:var(--white); }
.btn-primary:hover { background:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,16,22,0.3); }
.btn-outline { background:transparent;color:var(--red);border:1.5px solid var(--red); }
.btn-outline:hover { background:var(--red);color:var(--white); }
.btn-dark { background:var(--black);color:var(--white); }
.btn-dark:hover { background:var(--red); }
.btn-light { background:var(--white);color:var(--black); }
.btn-light:hover { background:var(--cream);transform:translateY(-2px); }
.btn-ghost { background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.4); }
.btn-ghost:hover { border-color:var(--white);background:rgba(255,255,255,0.1); }
.btn .arrow { transition:transform 0.2s; }
.btn:hover .arrow { transform:translateX(4px); }
.btn-sm { padding:0.65rem 1.4rem;font-size:0.67rem; }
.wp-block-button__link { cursor:none; }

/* REVEAL ANIMATIONS */
.reveal { opacity:0;transform:translateY(30px);transition:opacity 0.75s ease,transform 0.75s ease; }
.reveal.in { opacity:1;transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; }
.reveal-delay-4 { transition-delay:0.4s; }

/* ═══════════════════════════════════
   HERO (Front Page Template)
═══════════════════════════════════ */
.hero {
  position:relative;height:100vh;min-height:700px;
  display:flex;align-items:center;overflow:hidden;
  background:var(--cream);
}
.hero-bg { position:absolute;inset:0;overflow:hidden; }
.hero-bg-shape {
  position:absolute;right:-5%;top:-10%;
  width:55%;height:120%;
  background:linear-gradient(160deg,#f0e8e8 0%,#e8d5d5 100%);
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);
}
.hero-bg-dots {
  position:absolute;right:2%;top:0;bottom:0;width:50%;
  background-image:radial-gradient(circle,rgba(201,16,22,0.12) 1px,transparent 1px);
  background-size:28px 28px;
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);
}
.hero-content {
  position:relative;z-index:5;
  padding:0 5vw;max-width:680px;
}
.hero-eyebrow {
  display:inline-flex;align-items:center;gap:0.8rem;
  font-size:0.65rem;letter-spacing:0.35em;text-transform:uppercase;
  color:var(--red);margin-bottom:2rem;
  animation:fadeUp 0.9s ease both;
}
.hero-eyebrow-line { width:36px;height:1px;background:var(--red); }
.hero-title {
  font-family:'Outfit',sans-serif;
  font-size:clamp(4.5rem,9vw,8.5rem);
  line-height:0.9;letter-spacing:0.015em;color:var(--black);
  animation:fadeUp 0.9s 0.15s ease both;
}
.hero-title .accent { color:var(--red); }
.hero-title-sub {
  font-family:'Outfit',sans-serif;
  font-size:clamp(1.1rem,1.8vw,1.4rem);
  color:var(--text-light);margin-top:1.5rem;line-height:1.7;font-style:italic;
  animation:fadeUp 0.9s 0.3s ease both;
}
.hero-actions { display:flex;gap:1rem;margin-top:2.8rem;flex-wrap:wrap;animation:fadeUp 0.9s 0.45s ease both; }
.hero-right {
  position:absolute;right:5vw;top:50%;transform:translateY(-50%);
  z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(42vw,560px);
  animation:fadeIn 1.2s 0.5s ease both;
}
.hero-img-block {
  border-radius:0;overflow:hidden;background:var(--mid-gray);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;
}
.hero-img-block img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.hero-img-block:nth-child(1) { grid-row:span 2;min-height:420px;background:linear-gradient(145deg,#d4c4c4,#bfafaf); }
.hero-img-block:nth-child(2) { min-height:200px;background:linear-gradient(145deg,#e8d8d8,#d4c4c4); }
.hero-img-block:nth-child(3) { min-height:200px;background:linear-gradient(145deg,#c4b4b4,#b0a0a0); }
.hero-img-icon { font-size:2.5rem;opacity:0.25;position:relative;z-index:1; }
.hero-img-label { font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(0,0,0,0.25);margin-top:0.5rem;position:relative;z-index:1; }
.hero-img-block::after { content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.08),transparent); }
.hero-scroll-hint {
  position:absolute;bottom:2.5rem;left:5vw;z-index:5;
  display:flex;align-items:center;gap:0.8rem;
  font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-light);
  animation:fadeIn 1.2s 1s ease both;
}
.scroll-line { width:50px;height:1px;background:var(--mid-gray);position:relative;overflow:hidden; }
.scroll-line::after { content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--red);animation:scrollAnim 2.2s 1.5s ease-in-out infinite; }

@keyframes scrollAnim { 0%{left:-100%}100%{left:100%} }
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn { from{opacity:0}to{opacity:1} }

/* ─── STATS BAR ─── */
.intro-stats {
  background:var(--white);
  padding:4rem 5vw;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid var(--border-light);
}
.intro-stat { text-align:center;padding:2rem 1rem; }
.intro-stat+.intro-stat { border-left:1px solid var(--border-light); }
.stat-num { font-family:'Outfit',sans-serif;font-size:3.5rem;color:var(--red);line-height:1; }
.stat-label { font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-light);margin-top:0.4rem; }

/* ─── SERVICES GRID ─── */
.services-section { background:var(--off-white);padding:6rem 5vw; }
.services-header { display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-bottom:4rem; }
.services-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border-light); }
.service-card {
  background:var(--white);padding:3.5rem 2.8rem;
  text-decoration:none;color:inherit;display:block;
  position:relative;overflow:hidden;transition:background 0.35s;cursor:none;
}
.service-card::after { content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--red);transition:width 0.4s; }
.service-card:hover { background:var(--red-pale); }
.service-card:hover::after { width:100%; }
.service-num { font-family:'Outfit',sans-serif;font-size:0.95rem;letter-spacing:0.2em;color:var(--red);margin-bottom:2rem; }
.service-icon { font-size:2.2rem;margin-bottom:1.5rem;display:block; }
.service-name { font-family:'Outfit',sans-serif;font-size:2rem;letter-spacing:0.04em;color:var(--black);margin-bottom:1rem; }
.service-desc { font-size:0.85rem;color:var(--text-light);line-height:1.75;margin-bottom:2rem; }
.service-arr { font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:0.5rem;font-weight:500; }
.service-arr span { transition:transform 0.2s; }
.service-card:hover .service-arr span { transform:translateX(5px); }

/* ─── PORTFOLIO GRID ─── */
.work-teaser { background:var(--cream);padding:6rem 5vw; }
.work-grid { display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:280px 280px;gap:8px;margin-top:3.5rem; }
.work-item {
  position:relative;overflow:hidden;
  background:var(--light-gray);display:flex;align-items:center;justify-content:center;
  cursor:none;
}
.work-item img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.work-item:nth-child(1) { grid-column:span 2;grid-row:span 1; }
.work-item:nth-child(4) { grid-column:span 1;grid-row:span 1; }
.work-item:nth-child(5) { grid-column:span 2; }
.work-overlay { position:absolute;inset:0;background:rgba(201,16,22,0.88);opacity:0;transition:opacity 0.3s;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.work-item:hover .work-overlay { opacity:1; }
.work-cat { font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:0.4rem; }
.work-title { font-family:'Outfit',sans-serif;font-size:1.3rem;letter-spacing:0.05em;color:var(--white); }
.work-ph-icon { font-size:2rem;opacity:0.18; }

/* ─── PROCESS SECTION ─── */
.process-section { background:var(--white);padding:6rem 5vw; }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem; }
.process-step { position:relative;padding:2.5rem 2rem 2rem;border:1px solid var(--border-light);background:var(--off-white); }
.process-step-num { font-family:'Outfit',sans-serif;font-size:3rem;font-weight:900;color:rgba(201,16,22,0.08);line-height:1;margin-bottom:1rem; }
.process-step-icon { font-size:1.8rem;display:block;margin-bottom:1rem; }
.process-step h4 { font-family:'Outfit',sans-serif;font-size:1.1rem;margin-bottom:0.75rem;color:var(--black); }
.process-step p { font-size:0.85rem;color:var(--text-light);line-height:1.75; }

/* ─── TESTIMONIALS ─── */
.testimonials-section { background:var(--off-white);padding:6rem 5vw; }
.testimonials-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem; }
.testimonial { background:var(--white);padding:2.5rem;position:relative;border-bottom:3px solid transparent;transition:border-color 0.3s; }
.testimonial:hover { border-color:var(--red); }
.t-stars { color:var(--red);font-size:0.8rem;letter-spacing:0.1em;margin-bottom:1rem; }
.t-quote-mark { font-family:'Outfit',sans-serif;font-size:4rem;color:var(--red);opacity:0.15;line-height:0.5;display:block;margin-bottom:0.5rem; }
.t-quote { font-size:0.9rem;line-height:1.8;color:var(--text);margin-bottom:1.5rem; }
.t-author { display:flex;align-items:center;gap:1rem; }
.t-avatar { width:44px;height:44px;border-radius:50%;background:var(--red);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;font-size:0.75rem; }
.t-name { font-family:'Outfit',sans-serif;font-weight:600;font-size:0.85rem;color:var(--black); }
.t-role { font-size:0.72rem;color:var(--text-light); }

/* ─── INSTAGRAM GRID ─── */
.insta-section { background:var(--cream);padding:6rem 5vw 4rem; }
.insta-grid { display:grid;grid-template-columns:repeat(6,1fr);gap:6px; }
.insta-item { aspect-ratio:1;background:var(--light-gray);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:none; }
.insta-item img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.insta-ph { font-size:1.8rem;opacity:0.2;position:relative;z-index:1; }
.insta-hover { position:absolute;inset:0;background:rgba(201,16,22,0.85);opacity:0;transition:opacity 0.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3rem;color:#fff;z-index:2; }
.insta-hover span { font-size:1.3rem; }
.insta-hover small { font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase; }
.insta-item:hover .insta-hover { opacity:1; }

/* ─── CTA BANNER ─── */
.cta-banner {
  background:var(--black);padding:6rem 5vw;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:3rem;
}
.cta-banner h2 { font-family:'Outfit',sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:var(--white);line-height:0.95;letter-spacing:0.02em; }
.cta-banner h2 span { color:var(--red); }
.cta-banner p { color:rgba(255,255,255,0.45);max-width:400px;margin-top:1rem;font-size:0.9rem;line-height:1.75; }
.cta-actions { display:flex;gap:1rem;flex-wrap:wrap; }

/* ─── PAGE HERO (inner pages) ─── */
.page-hero {
  background:var(--black);padding:8rem 5vw 5rem;
  position:relative;overflow:hidden;
}
.page-hero::before {
  content:'';position:absolute;right:-5%;top:-20%;width:50%;height:140%;
  background:linear-gradient(160deg,rgba(201,16,22,0.08),transparent);
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
}
.page-hero::after {
  content:'';position:absolute;right:0;top:0;bottom:0;width:45%;
  background-image:radial-gradient(circle,rgba(201,16,22,0.08) 1px,transparent 1px);
  background-size:28px 28px;
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
}
.page-hero-inner { position:relative;z-index:2;max-width:700px; }
.breadcrumb { font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:2rem; }
.breadcrumb a { color:rgba(255,255,255,0.3);text-decoration:none; }
.breadcrumb a:hover { color:var(--red); }
.breadcrumb span { margin:0 0.6rem; }
.page-hero-eyebrow { font-size:0.62rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem; }
.page-hero h1 {
  font-family:'Outfit',sans-serif;
  font-size:clamp(3.5rem,7vw,6.5rem);
  line-height:0.92;letter-spacing:0.02em;color:var(--white);margin-bottom:1.5rem;
}
.page-hero h1 .accent { color:var(--red); }
.page-hero p { color:rgba(255,255,255,0.5);max-width:560px;line-height:1.8;font-size:0.95rem; }

/* ─── PHOTO TABS ─── */
.photo-nav { background:var(--white);border-bottom:1px solid var(--border-light);padding:0 5vw;position:sticky;top:76px;z-index:100; }
.photo-tabs { display:flex;gap:0; }
.ptab {
  background:none;border:none;border-bottom:2px solid transparent;
  padding:1.1rem 1.8rem;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--text-light);cursor:none;font-family:'DM Sans',sans-serif;font-weight:500;
  transition:all 0.2s;
}
.ptab:hover { color:var(--black); }
.ptab.active { color:var(--red);border-bottom-color:var(--red); }
.photo-tab-content { display:none;padding:4rem 5vw; }
.photo-tab-content.active { display:block; }

/* Photo gallery */
.photo-gallery {
  display:grid;grid-template-columns:repeat(3,1fr);
  grid-template-rows:300px 220px;gap:8px;margin:2.5rem 0;
}
.photo-cell {
  background:var(--light-gray);position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:none;
}
.photo-cell img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.photo-cell.featured { grid-column:span 2; }
.photo-cell-icon { font-size:2rem;opacity:0.18;position:relative;z-index:1; }
.photo-cell-label { font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(0,0,0,0.2);margin-top:0.5rem;position:relative;z-index:1; }
.photo-cell-overlay { position:absolute;inset:0;background:rgba(201,16,22,0.85);opacity:0;transition:opacity 0.3s;display:flex;align-items:center;justify-content:center; }
.photo-cell:hover .photo-cell-overlay { opacity:1; }
.photo-cell-overlay-text { font-family:'Outfit',sans-serif;font-size:1rem;letter-spacing:0.15em;text-transform:uppercase;color:#fff; }

/* Service Detail */
.service-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start; }
.service-detail-text h3 { font-family:'Outfit',sans-serif;font-size:2rem;color:var(--black);margin-bottom:1rem; }
.service-detail-text p { font-size:0.9rem;color:var(--text-light);line-height:1.8;margin-bottom:1rem; }

/* Pricing */
.pricing-section { padding:5rem 5vw;background:var(--cream); }
.pricing-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem; }
.pricing-card { background:var(--white);padding:2.5rem 2rem;position:relative; }
.pricing-card.featured { background:var(--red); }
.pricing-card.featured * { color:rgba(255,255,255,0.8); }
.pricing-card.featured .pricing-name, .pricing-card.featured .pricing-price { color:#fff; }
.pricing-badge { position:absolute;top:-12px;right:1.5rem;background:var(--black);color:#fff;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;padding:0.3rem 0.8rem; }
.pricing-name { font-family:'Outfit',sans-serif;font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.5rem; }
.pricing-price { font-family:'Outfit',sans-serif;font-size:3rem;color:var(--black);line-height:1; }
.pricing-price sup { font-size:1.2rem;vertical-align:top;margin-top:0.5rem; }
.pricing-desc { font-size:0.8rem;color:var(--text-light);margin:1rem 0 1.5rem;padding-top:1rem;border-top:1px solid var(--border-light); }
.pricing-includes { list-style:none;margin-bottom:2rem; }
.pricing-includes li { font-size:0.82rem;color:var(--text-light);padding:0.45rem 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:0.6rem; }
.pricing-includes li::before { content:'✓';color:var(--red);font-weight:700; }
.pricing-card.featured .pricing-includes li::before { color:#fff; }
.pricing-card.featured .pricing-includes li { border-color:rgba(255,255,255,0.15); }

/* ─── DESIGN PAGE ─── */
.design-hero-grid { display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:60vh; }
.design-hero-text { padding:6rem 5vw;display:flex;flex-direction:column;justify-content:center; }
.design-hero-visual { background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem; }
.design-services { padding:6rem 5vw;background:var(--off-white); }
.design-services-grid { display:grid;gap:4rem;margin-top:4rem; }
.design-service-item { display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center; }
.design-service-item:nth-child(even) { direction:rtl; }
.design-service-item:nth-child(even) > * { direction:ltr; }
.ds-info h3 { font-family:'Outfit',sans-serif;font-size:2.2rem;color:var(--black);margin:0.5rem 0 1rem; }
.ds-info p { font-size:0.88rem;color:var(--text-light);line-height:1.8;margin-bottom:1.5rem; }
.ds-list { list-style:none;margin-bottom:2rem; }
.ds-list li { font-size:0.82rem;color:var(--text-light);padding:0.4rem 0;border-bottom:1px solid var(--border-light);padding-left:1.2rem;position:relative; }
.ds-list li::before { content:'→';color:var(--red);position:absolute;left:0; }
.ds-visual { background:var(--cream);aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.8rem; }
.ds-visual-icon { font-size:3rem;opacity:0.2; }
.ds-visual-label { font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-light); }

/* Design packages */
.design-packages { padding:6rem 5vw;background:var(--white); }
.design-packages-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem; }
.pkg-card { overflow:hidden;border:1px solid var(--border-light); }
.pkg-card-header { padding:2.5rem 2rem;background:var(--cream);position:relative;overflow:hidden; }
.pkg-card-header.red-bg { background:var(--red); }
.pkg-card-header.red-bg * { color:#fff; }
.pkg-card-header.light-bg { background:var(--off-white); }
.pkg-label { font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.5rem; }
.pkg-name { font-family:'Outfit',sans-serif;font-size:2.5rem;color:var(--black);line-height:1; }
.pkg-visual-icon { font-size:5rem;opacity:0.08;position:absolute;right:1rem;bottom:-0.5rem;color:var(--black); }
.pkg-body { padding:2rem; }
.pkg-desc { font-size:0.84rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.7; }
.pkg-include-label { font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);margin-bottom:0.8rem; }
.pkg-includes { list-style:none;margin-bottom:2rem; }
.pkg-includes li { font-size:0.8rem;color:var(--text-light);padding:0.35rem 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:0.5rem; }
.pkg-includes li::before { content:'✓';color:var(--red);flex-shrink:0; }

/* Before/After */
.before-after { padding:6rem 5vw;background:var(--off-white); }
.ba-grid { display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem; }
.ba-card { background:var(--white);overflow:hidden; }
.ba-header { background:var(--black);padding:1.2rem 2rem; }
.ba-header h4 { font-family:'Outfit',sans-serif;font-size:0.9rem;color:#fff;letter-spacing:0.05em; }
.ba-content { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2rem; }
.ba-before,.ba-after { display:flex;flex-direction:column;align-items:center;padding:1.5rem; }
.ba-label { font-size:0.58rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.8rem; }
.ba-visual { font-size:2.5rem;opacity:0.25; }
.ba-divider { width:2px;height:80px;background:var(--border-light);margin:0 1rem; }

/* ─── FINE ART PAGE ─── */
.art-hero { padding:6rem 5vw 4rem;background:var(--black); }
.art-statement { padding:5rem 5vw;background:var(--off-white); }
.statement-grid { display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center; }
.art-gallery-section { padding:5rem 5vw;background:var(--white); }
.art-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem; }
.art-piece-card { position:relative;overflow:hidden;cursor:none; }
.art-piece-card:nth-child(1) { grid-column:span 2;aspect-ratio:2/1; }
.art-piece-visual { background:var(--cream);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.art-piece-card:nth-child(1) .art-piece-visual { aspect-ratio:2/1; }
.art-piece-visual img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.art-piece-icon { font-size:3rem;opacity:0.15; }
.art-piece-overlay { position:absolute;inset:0;background:rgba(17,17,17,0.85);opacity:0;transition:opacity 0.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1.5rem;text-align:center; }
.art-piece-card:hover .art-piece-overlay { opacity:1; }
.art-piece-overlay h4 { font-family:'Outfit',sans-serif;font-size:1.1rem;color:#fff; }
.art-piece-overlay p { font-size:0.75rem;color:rgba(255,255,255,0.5); }
.art-piece-info { padding:1rem 0; }
.art-piece-title { font-family:'Outfit',sans-serif;font-size:1rem;color:var(--black); }
.art-piece-meta { font-size:0.72rem;color:var(--text-light);margin-top:0.2rem; }

/* Art shop */
.art-shop { padding:5rem 5vw;background:var(--cream); }
.art-shop-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem; }
.shop-item { background:var(--white);cursor:none; }
.shop-item-visual { background:var(--light-gray);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.shop-item-visual img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.shop-item-icon { font-size:2.5rem;opacity:0.15; }
.shop-item-info { padding:1.2rem; }
.shop-item-title { font-family:'Outfit',sans-serif;font-size:0.95rem;color:var(--black);margin-bottom:0.3rem; }
.shop-item-price { font-size:0.82rem;color:var(--red);font-weight:600; }
.shop-item-edition { font-size:0.68rem;color:var(--text-light);margin-top:0.2rem; }

/* ─── ABOUT PAGE ─── */
.about-hero { display:grid;grid-template-columns:1fr 1fr;min-height:70vh; }
.about-hero-text { padding:8rem 4vw 5rem;background:var(--black);display:flex;flex-direction:column;justify-content:center; }
.about-hero-img { background:var(--light-gray);position:relative;overflow:hidden;min-height:400px; }
.about-hero-img img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.about-philosophy { padding:6rem 5vw;background:var(--white); }
.about-philosophy-grid { display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center; }
.philosophy-content { display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem; }
.philosophy-item { padding:1.5rem;background:var(--off-white);border-left:3px solid var(--red); }
.philosophy-item h4 { font-family:'Outfit',sans-serif;font-size:0.95rem;color:var(--black);margin-bottom:0.4rem; }
.philosophy-item p { font-size:0.8rem;color:var(--text-light);line-height:1.7; }
.skills-section { padding:5rem 5vw;background:var(--off-white); }
.skills-grid { display:grid;grid-template-columns:1fr 1fr;gap:3rem; }
.skill-item { margin-bottom:1.5rem; }
.skill-label { display:flex;justify-content:space-between;font-size:0.78rem;color:var(--black);margin-bottom:0.5rem;font-family:'Outfit',sans-serif; }
.skill-bar { height:3px;background:var(--light-gray);position:relative;overflow:hidden; }
.skill-bar-fill { height:100%;background:var(--red);width:0;transition:width 1s ease 0.3s; }
.skill-bar-fill.animated { width:var(--pct); }
.about-awards { padding:5rem 5vw;background:var(--cream); }
.awards-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem; }
.award-item { padding:2rem;background:var(--white);text-align:center;border-bottom:3px solid transparent;transition:border-color 0.3s; }
.award-item:hover { border-color:var(--red); }
.award-icon { font-size:2rem;margin-bottom:1rem;display:block; }
.award-name { font-family:'Outfit',sans-serif;font-size:0.85rem;color:var(--black);margin-bottom:0.3rem; }
.award-year { font-size:0.68rem;color:var(--text-light);letter-spacing:0.1em; }

/* ─── BLOG PAGE ─── */
.blog-hero { padding:7rem 5vw 4rem;background:var(--black); }
.blog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem; }
.blog-featured { grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;background:var(--white); }
.blog-featured-img { background:var(--light-gray);min-height:360px;position:relative;overflow:hidden; }
.blog-featured-img img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.blog-featured-content { padding:3rem; }
.blog-card { background:var(--white); }
.blog-card-img { background:var(--light-gray);aspect-ratio:16/9;position:relative;overflow:hidden; }
.blog-card-img img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.blog-card-content { padding:1.5rem; }
.blog-tag { font-size:0.58rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--red);margin-bottom:0.7rem;display:block; }
.blog-title { font-family:'Outfit',sans-serif;font-size:1.2rem;color:var(--black);line-height:1.3;margin-bottom:0.7rem; }
.blog-excerpt { font-size:0.82rem;color:var(--text-light);line-height:1.75;margin-bottom:1rem; }
.blog-meta { font-size:0.68rem;color:var(--text-light);display:flex;gap:1rem;flex-wrap:wrap; }

/* ─── CONTACT PAGE ─── */
.contact-hero { padding:7rem 5vw 4rem;background:var(--black); }
.contact-section { padding:5rem 5vw; }
.contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start; }
.contact-form label { display:block;font-family:'Outfit',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-light);margin-bottom:0.42rem; }
.contact-form input,
.contact-form select,
.contact-form textarea {
  width:100%;padding:0.82rem 1rem;
  border:1.5px solid rgba(0,0,0,0.08);
  font-family:'DM Sans',sans-serif;font-size:0.86rem;
  outline:none;transition:border-color 0.2s;background:#fff;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus { border-color:var(--red); }
.contact-form textarea { min-height:140px;resize:vertical; }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem; }
.form-group { margin-bottom:1.2rem; }

/* ─── FOOTER ─── */
footer,
.site-footer {
  background:var(--black);
  border-top:1px solid rgba(201,16,22,0.2);
  padding:5rem 5vw 2.5rem;
}
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem; }
.footer-logo { font-family:'Outfit',sans-serif;font-size:1.6rem;letter-spacing:0.12em;color:var(--white);text-decoration:none;display:block;margin-bottom:1rem;font-weight:900; }
.footer-logo .dot { color:var(--red); }
.footer-tagline { color:rgba(255,255,255,0.35);font-size:0.92rem;max-width:240px;line-height:1.7; }
.footer-social { display:flex;gap:0.6rem;margin-top:2rem; }
.social-btn { width:36px;height:36px;border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.35);display:flex;align-items:center;justify-content:center;font-size:0.68rem;text-decoration:none;transition:all 0.2s; }
.social-btn:hover { border-color:var(--red);color:var(--red); }
.footer-col h4 { font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem; }
.footer-links { list-style:none; }
.footer-links li { margin-bottom:0.6rem; }
.footer-links a { color:rgba(255,255,255,0.4);text-decoration:none;font-size:0.83rem;transition:color 0.2s; }
.footer-links a:hover { color:var(--white); }
.newsletter-row { display:flex; }
.newsletter-input { flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-right:none;color:var(--white);padding:0.8rem 1rem;font-family:'DM Sans',sans-serif;font-size:0.82rem;outline:none; }
.newsletter-input::placeholder { color:rgba(255,255,255,0.2); }
.newsletter-input:focus { border-color:rgba(201,16,22,0.5); }
.newsletter-btn { background:var(--red);color:var(--white);border:none;padding:0.8rem 1rem;font-size:0.9rem;cursor:pointer;transition:background 0.2s; }
.newsletter-btn:hover { background:var(--red-dark); }
.footer-bottom { display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.07);font-size:0.72rem;color:rgba(255,255,255,0.25);flex-wrap:wrap;gap:1rem; }
.footer-bottom-links { display:flex;gap:1.5rem; }
.footer-bottom-links a { color:rgba(255,255,255,0.25);text-decoration:none; }
.footer-bottom-links a:hover { color:rgba(255,255,255,0.5); }

/* ─── FAQ ─── */
.faq-item { border-bottom:1px solid var(--border-light); }
.faq-question { display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0;cursor:pointer;font-family:'Outfit',sans-serif;font-weight:600;font-size:0.95rem;color:var(--black); }
.faq-icon { font-size:1.3rem;color:var(--red);transition:transform 0.3s;flex-shrink:0; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-answer { display:none;padding:0 0 1.3rem;font-size:0.88rem;color:var(--text-light);line-height:1.8; }
.faq-item.open .faq-answer { display:block; }

/* ─── WooCommerce overrides ─── */
.woocommerce .btn, .woocommerce button.button { cursor:none; }
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background:var(--red);color:#fff;border-radius:0;
  font-family:'DM Sans',sans-serif;font-size:0.72rem;letter-spacing:0.13em;
  text-transform:uppercase;padding:0.9rem 2rem;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background:var(--red-dark);color:#fff; }

/* ─── MOBILE ─── */
@media(max-width:1100px) {
  .hero-right { display:none; }
  .hero-content { max-width:100%; }
  .intro-stats { grid-template-columns:repeat(2,1fr); }
  .intro-stat:nth-child(3) { border-left:none; }
  .services-grid { grid-template-columns:1fr 1fr; }
  .about-hero { grid-template-columns:1fr; }
  .about-hero-img { min-height:360px; }
  .footer-grid { grid-template-columns:1fr 1fr;gap:3rem; }
  .statement-grid { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .work-grid { grid-template-columns:1fr 1fr;grid-template-rows:auto; }
  .work-item:nth-child(1) { grid-column:span 2; }
  .work-item:nth-child(5) { grid-column:span 2; }
  .pricing-grid { grid-template-columns:1fr; }
  .design-services-grid { grid-template-columns:1fr; }
  .design-service-item { grid-template-columns:1fr; }
  .design-packages-grid { grid-template-columns:1fr 1fr; }
  .art-grid { grid-template-columns:1fr 1fr; }
  .art-piece-card:nth-child(1) { grid-column:span 2; }
  .art-shop-grid { grid-template-columns:1fr 1fr; }
  .blog-grid { grid-template-columns:1fr 1fr; }
  .blog-featured { grid-column:span 2; }
  .blog-featured { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .testimonials-grid { grid-template-columns:1fr 1fr; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .ba-grid { grid-template-columns:1fr; }
  .about-philosophy-grid { grid-template-columns:1fr; gap:3rem; }
  .philosophy-content { grid-template-columns:1fr; }
  .skills-grid { grid-template-columns:1fr; }
  .awards-grid { grid-template-columns:1fr 1fr; }
  .design-hero-grid { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .services-grid { grid-template-columns:1fr; }
  .testimonials-grid { grid-template-columns:1fr; }
  .design-packages-grid { grid-template-columns:1fr; }
  .art-grid { grid-template-columns:1fr; }
  .art-piece-card:nth-child(1) { grid-column:span 1; }
  .art-shop-grid { grid-template-columns:1fr; }
  .blog-grid { grid-template-columns:1fr; }
  .blog-featured { grid-column:span 1; }
  .footer-grid { grid-template-columns:1fr; }
  .intro-stats { grid-template-columns:1fr 1fr; }
  #primary-menu { display:none; }
  .nav-toggle { display:block; }
  .process-grid { grid-template-columns:1fr; }
  .photo-gallery { grid-template-columns:1fr 1fr; }
  .photo-cell.featured { grid-column:span 2; }
  .form-row { grid-template-columns:1fr; }
  .pricing-grid { grid-template-columns:1fr; }
  .about-awards { grid-template-columns:1fr; }
  .insta-grid { grid-template-columns:repeat(3,1fr); }
  .blog-sidebar-grid { display:block; }
}
@media(min-width:900px) {
  .blog-sidebar-grid { display:grid;grid-template-columns:1fr 280px; }
}

/* Mobile nav open state */
#primary-menu.mobile-open {
  display:flex;flex-direction:column;
  position:fixed;top:76px;left:0;right:0;
  background:#fff;padding:1rem 4vw 2rem;
  border-bottom:1px solid rgba(0,0,0,.08);
  z-index:999;
}

/* ─── WORDPRESS CORE CLASSES ─── */
.alignleft { float:left;margin:0 1.5rem 1rem 0; }
.alignright { float:right;margin:0 0 1rem 1.5rem; }
.aligncenter { display:block;margin:0 auto; }
.screen-reader-text { clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px; }
img.wp-post-image { max-width:100%;height:auto; }
.wp-caption { max-width:100%; }
.wp-caption-text { font-size:0.8rem;color:var(--text-light);text-align:center;margin-top:0.4rem; }