.sg-hero { position:relative; height:100vh; min-height:600px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.sg-hero-bg { position:absolute; inset:0; background:#2C2825 url('https://picsum.photos/seed/scorch-hero/1920/1080') center/cover no-repeat; filter:brightness(0.55); transition:filter 0.6s ease; }
.sg-hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(26,21,18,0.7) 0%,transparent 60%); }
.sg-hero-content { position:relative; z-index:2; text-align:center; max-width:720px; padding:0 6%; }
.sg-hero-content h1 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:200; font-size:4rem; color:#fff; margin:0 0 1rem; letter-spacing:0.06em; line-height:1.1; }
.sg-hero-content h1 em { font-style:italic; color:#D4A574; }
.sg-hero-content p { font-family:Inter,-apple-system,sans-serif; font-size:1.1rem; color:rgba(255,255,255,0.75); margin:0 0 2.5rem; line-height:1.7; max-width:500px; margin-left:auto; margin-right:auto; }
.sg-hero .sg-btn, .sg-hero .sg-btn-outline { display:inline-block; padding:0.95rem 2.5rem; font-family:Inter; font-size:0.82rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; text-decoration:none; transition:all 0.3s ease; margin:0 0.5rem; }
.sg-hero .sg-btn { background:#D4A574; color:#1A1512; }
.sg-hero .sg-btn:hover { background:#fff; transform:translateY(-2px); }
.sg-hero .sg-btn-outline { border:1px solid rgba(255,255,255,0.3); color:#fff; }
.sg-hero .sg-btn-outline:hover { border-color:#D4A574; background:rgba(212,165,116,0.15); transform:translateY(-2px); }

/* ── Process: Z-Layout ── */
.sg-process { padding:7.5rem 6%; background:#F9F8F6; }
.sg-process h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-size:2.5rem; color:#2C2825; text-align:center; margin:0 0 0.5rem; letter-spacing:0.04em; }
.sg-process .sub { font-family:Inter; font-size:0.9rem; color:#8B7D6E; text-align:center; margin:0 0 5rem; letter-spacing:0.05em; text-transform:uppercase; }

.sg-process-row {
  display:grid;
  grid-template-columns:35% 61%;
  gap:4%;
  align-items:center;
  max-width:1200px;
  margin:0 auto 5rem;
}
.sg-process-row .sg-process-img {
  overflow:hidden;
  border-radius:4px;
  position:relative;
  aspect-ratio:4/3;
}
.sg-process-row:last-child { margin-bottom:0; }

.sg-process-row--reverse {
  direction:ltr;
  grid-template-columns:61% 35%;
}
.sg-process-row--reverse .sg-process-img {
  order:2;
}
.sg-process-row--reverse .sg-process-text {
  order:1;
}

.sg-process-row .sg-process-img img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%; object-fit:cover;
  display:block;
  border-radius:2px;
  object-fit:cover;
  filter:grayscale(0.25) brightness(0.95);
  transition:filter 0.5s ease,transform 0.5s ease;
}
.sg-process-row .sg-process-img img:hover {
  filter:grayscale(0) brightness(1);
  transform:scale(1.02);
}

.sg-process-text {
  padding:0 1rem;
}

.sg-process-text h3 {
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:400;
  font-size:1.8rem;
  color:#2C2825;
  margin:0 0 1rem;
  line-height:1.3;
}
.sg-process-text p {
  font-family:Inter;
  font-size:1.1rem;
  color:#3a322c;
  line-height:1.8;
  margin:0;
}

/* ── Gallery ── */
.sg-gallery { padding:6rem 6%; background:#fff; }
.sg-gallery h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-size:2.5rem; color:#2C2825; text-align:center; margin:0 0 0.5rem; letter-spacing:0.04em; }
.sg-gallery .sub { font-family:Inter; font-size:0.9rem; color:#8B7D6E; text-align:center; margin:0 0 4rem; letter-spacing:0.05em; text-transform:uppercase; }
.sg-gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; max-width:1100px; margin:0 auto; }
.sg-art-card { position:relative; overflow:hidden; background:#F9F8F6; cursor:pointer; transition:transform 0.4s ease,box-shadow 0.4s ease; }
.sg-art-card::after { content:''; position:absolute; inset:0; z-index:1; }
.sg-art-card:hover {  box-shadow:0 12px 32px rgba(0,0,0,0.1); }
.sg-art-card img { width:100%; height:340px !important; object-fit:cover; display:block; transition:filter 0.4s ease; -webkit-touch-callout:none; -webkit-user-select:none; pointer-events:none; user-select:none; }
.sg-art-card:hover img { filter:brightness(0.7); }
.sg-art-overlay { position:absolute; bottom:0; left:0; right:0; padding:1.5rem; background:linear-gradient(0deg,rgba(44,40,37,0.85) 0%,transparent); opacity:0; transition:opacity 0.4s ease; }
.sg-art-card:hover .sg-art-overlay { opacity:1; }
.sg-art-overlay h3 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; font-size:1.1rem; color:#fff; margin:0 0 0.2rem; }
.sg-art-overlay .year { font-family:Inter; font-size:0.75rem; color:rgba(255,255,255,0.5); margin:0 0 0.5rem; }
.sg-art-overlay .inquire { font-family:Inter; font-size:0.75rem; color:#D4A574; text-decoration:none; letter-spacing:0.08em; text-transform:uppercase; display:inline-block; border-bottom:1px solid #D4A574; padding-bottom:1px; }
.sg-gallery-cta { text-align:center; margin-top:3rem; }
.sg-gallery-cta a { display:inline-block; font-family:Inter; font-size:0.82rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#2C2825; text-decoration:none; border-bottom:2px solid #D4A574; padding-bottom:3px; transition:color 0.3s ease; }
.sg-gallery-cta a:hover { color:#D4A574; }

/* ── About ── */
.sg-about { padding:6rem 6%; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; max-width:1100px; margin:0 auto; background:#F9F8F6; }
.sg-about img { width:100%; height:480px; object-fit:cover; border-radius:2px; filter:grayscale(0.3); }
.sg-about-text h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-size:2rem; color:#2C2825; margin:0 0 1.5rem; letter-spacing:0.04em; }
.sg-about-text p { font-family:Inter; font-size:0.92rem; color:#6B6258; line-height:1.8; margin:0 0 1rem; }
.sg-about-text .quote { font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-style:italic; font-size:1.15rem; color:#2C2825; line-height:1.6; border-left:2px solid #D4A574; padding-left:1.5rem; margin:1.5rem 0; }
.sg-about-tools { display:grid; grid-template-columns:repeat(4,auto); justify-content:start; gap:2rem; margin-top:2rem; }
.sg-about-tools span { font-size:2rem; opacity:0.5; transition:opacity 0.3s ease; }
.sg-about-tools span:hover { opacity:1; }

/* ── Contact ── */
.sg-contact { padding:5rem 6%; background:#2C2825; color:#fff; text-align:center; }
.sg-contact h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; font-size:2.2rem; margin:0 0 0.5rem; letter-spacing:0.04em; color:#D4A574; }
.sg-contact .sub { font-family:Inter; font-size:0.9rem; color:rgba(255,255,255,0.7); margin:0 0 3rem; letter-spacing:0.05em; text-transform:uppercase; }
.sg-contact-info { display:flex; justify-content:center; gap:4%; flex-wrap:wrap; margin-bottom:2.5rem; }
.sg-contact-info div { text-align:center; }
.sg-contact-info .icon { font-size:1.5rem; display:block; margin-bottom:0.5rem; color:#D4A574; }
.sg-contact-info p { font-family:Inter; font-size:0.82rem; color:rgba(255,255,255,0.7); margin:0; line-height:1.5; }
.sg-contact .btn { display:inline-block; padding:0.95rem 3rem; background:#D4A574; color:#1A1512; text-decoration:none; font-family:Inter; font-size:0.85rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; transition:background 0.3s ease; }
.sg-contact .btn:hover { background:#fff; }

/* ── Responsive ── */
@media (max-width:900px){
  .sg-process-row { grid-template-columns:1fr; gap:2rem; margin-bottom:3rem; }
  .sg-process-row--reverse { direction:ltr; grid-template-columns:1fr; } .sg-process-row--reverse .sg-process-img { order:0; } .sg-process-row--reverse .sg-process-text { order:0; }
  .sg-process-text { padding:0; }
  .sg-process { padding:4rem 6%; }
  .sg-hero-content h1 { font-size:2.8rem; }
  .sg-gallery-grid { grid-template-columns:repeat(2,1fr); }
  .sg-about { grid-template-columns:1fr; gap:2rem; }
  .sg-about img { height:300px; }
}
@media (max-width:600px){
  .sg-hero-content h1 { font-size:2rem; }
  .sg-gallery-grid { grid-template-columns:1fr; }
  .sg-hero .sg-btn, .sg-hero .sg-btn-outline { margin-bottom:0.75rem; display:block; width:80%; margin-left:auto; margin-right:auto; }
}

/* ════════════════════════════════════════════
   NAVIGATION DROPDOWN FIX
   ════════════════════════════════════════════ */
@media (hover: hover) {
  .header-navigation ul li.menu-item-has-children:hover > ul.sub-menu,
  .header-navigation ul li.menu-item-has-children:hover > ul.submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
  }
}
.site-header-wrap, .site-header-inner-wrap,
.site-header-upper-wrap, .site-header-upper-inner-wrap,
.site-main-header-wrap, .site-header-row-container-inner {
  overflow: visible !important;
}
.header-navigation .header-menu-container ul ul.sub-menu {
  z-index: 9999 !important;
}
.main-navigation .menu-item-has-children > a .dropdown-nav-toggle {
  display: inline-flex !important;
  align-items: center;
  margin-left: 4px;
}
.dropdown-nav-toggle .kadence-svg-iconset svg {
  width: 12px;
  height: 12px;
}
.main-navigation .menu-item:not(.menu-item-has-children) .dropdown-nav-toggle {
  display: none !important;
}

/* ════════════════════════════════════════════
   GREAT VIBES SCRIPT FONT — Artistic Accents
   ════════════════════════════════════════════ */
@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);

/* Hero: Burnt into accent — big flowing script */
.sg-hero-content h1 .script-accent {
  font-family: Great Vibes, cursive;
  font-weight: 400;
  font-size: 5.2rem;        /* ~1.3x larger than H1 base */
  line-height: 0.85;
  color: #D4A574;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.03em -0.15em 0.03em; /* sit on baseline beautifully */
  letter-spacing: 0.02em;
}

/* Process: step numbers in script */


/* About: left-quote */
.sg-about-text .quote {
  font-family: Cormorant Garamond, Georgia, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.15rem;
  color: #2C2825;
  line-height: 1.6;
  border-left: 2px solid #D4A574;
  padding-left: 1.5rem;
  margin: 1.5rem 0;
}

/* Optional: section divider ornament (barely-noticeable script flourish) */
.sg-section-divider {
  text-align: center;
  font-family: Great Vibes, cursive;
  font-weight: 400;
  font-size: 2.2rem;
  color: #D4A574;
  opacity: 0.35;
  line-height: 0.5;
  margin: 1.5rem 0 2.5rem;
  user-select: none;
}

/* ── Preload hint for Great Vibes via CSS ── */
body::before {
  content: "";
  display: none;
  font-family: Great Vibes;
}

/* ── Fix Kadence Dropdown Arrow Visibility ── */
.header-navigation .nav-drop-title-wrap .dropdown-nav-toggle .kadence-svg-iconset svg {
  fill: #2C2825 !important;
  color: #2C2825 !important;
}

/* ── Fix Kadence Submenu Always Visible Bug ── */
@media (min-width: 1025px) {
  .header-navigation .header-menu-container ul ul.sub-menu,
  .header-navigation .header-menu-container ul ul.submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    clip: rect(1px,1px,1px,1px) !important;
    height: 1px !important;
    overflow: hidden !important;
  }
  .header-navigation .header-menu-container ul li.menu-item-has-children:hover > ul.sub-menu,
  .header-navigation .header-menu-container ul li.menu-item-has-children:hover > ul.submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* ── Hide Kadence page title/hero on home ── */
body.home .entry-hero.page-hero-section { display:none !important; }
body.home .content-vertical-padding-show .site-main { padding-top:0 !important; }

   TRANSPARENT NAV OVERLAY (loaded via sg-nav.css)
   ════════════════════════════════════════════ */
@import url('https://scorchgallery.com/wp-content/uploads/sg-nav.css');
/* ── Click-to-open dropdown ── */
.header-navigation .menu-item-has-children.sg-menu-open > .sub-menu,
.header-navigation .menu-item-has-children.sg-menu-open > .submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 10000 !important;
}

/* ── Click-to-open dropdown styles ── */
.header-navigation .menu-item-has-children > .sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
}
.header-navigation .menu-item-has-children.sg-open > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* ── Hover to open (our custom rule for sg-nav) ── */
#sg-primary-menu .menu-item-has-children:hover > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.header-navigation .menu-item-has-children.sg-open > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Sub-menu arrow always visible */
.main-navigation .menu-item-has-children > a .dropdown-nav-toggle,
.header-navigation .menu-item-has-children .dropdown-nav-toggle {
  display: inline-flex !important;
  visibility: visible !important;
}
.header-navigation .nav-drop-title-wrap .dropdown-nav-toggle .kadence-svg-iconset svg {
  fill: currentColor !important;
  width: 12px !important;
  height: 12px !important;
}

/* Ensure no clipping */
.header-navigation .header-menu-container ul li.menu-item-has-children {
  position: relative !important;
  overflow: visible !important;
}

/* 统一 Process 区图片尺寸 */

/* ── Carousel: drag-to-slide, 4 cols ── */
.sg-carousel {
  padding:6rem 6%; background:#fff;
}
.sg-carousel h2 {
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; font-size:2.5rem; color:#2C2825; text-align:center; margin:0 0 0.5rem; letter-spacing:0.04em;
}
.sg-carousel .sub {
  font-family:Inter; font-size:0.9rem; color:#8B7D6E; text-align:center; margin:0 0 4rem; letter-spacing:0.05em; text-transform:uppercase;
}
.sg-carousel-viewport {
  position:relative;
  max-width:1060px;
  margin:0 auto;
  overflow:hidden;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
}
.sg-carousel-viewport:active {
  cursor:grabbing;
}
.sg-carousel-track {
  display:flex;
  gap:16px;
  will-change:transform;
  transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
  pointer-events:none;
}
.sg-carousel-track.dragging {
  transition:none !important;
}
.sg-carousel-slide {
  flex:0 0 calc(25% - 12px);
  min-width:0;
  position:relative;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
  pointer-events:auto;
}
.sg-carousel-slide img {
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
.sg-carousel-slide .sg-slide-label {
  position:absolute;
  bottom:0; left:0; right:0;
  padding:1rem;
  background:linear-gradient(0deg,rgba(44,40,37,0.85) 0%,transparent);
  color:#fff;
  font-size:0.75rem;
  font-family:Inter;
  opacity:0;
  transition:opacity 0.3s ease;
  pointer-events:none;
}
.sg-carousel-slide:hover .sg-slide-label {
  opacity:1;
}
.sg-carousel-slide .sg-slide-label span {
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1rem;
  display:block;
  margin-bottom:2px;
}
.sg-carousel-arrows {
  display:flex;
  justify-content:center;
  gap:20px;
  margin-top:1.8rem;
}
.sg-carousel-arrows button {
  width:42px;
  height:42px;
  border-radius:50%;
  border:2px solid rgba(44,40,37,0.2);
  background:#fff;
  color:#2C2825;
  font-size:1.3rem;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all 0.3s;
}
.sg-carousel-arrows button:hover {
  border-color:#D4A574;
  color:#D4A574;
  box-shadow:0 3px 10px rgba(0,0,0,0.08);
}
/* Mobile */
@media (max-width:768px){
  .sg-carousel-slide { flex:0 0 calc(50% - 8px); }
}