/* Phase 1 — Global Foundation */
@import url('samesq-mobile.css');
@import url('samesq-seo.css');

/* Custom cursor disabled — use system cursor */
.cursor-dot,
.cursor-ring {
  display: none !important;
}

/* Page loader — gold line sweep */
.sq-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--ivory);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}
.sq-loader.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.sq-loader__track {
  width: min(280px, 70vw);
  height: 1px;
  background: var(--grey-light);
  position: relative;
  overflow: hidden;
}

.sq-loader__line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: var(--gold-line);
  animation: sq-sweep 0.75s var(--ease) forwards;
}

@keyframes sq-sweep {
  to { width: 100%; }
}

body.is-loading { overflow: hidden; }
body.is-loading .site-shell { opacity: 0; }
body.is-ready .site-shell {
  opacity: 1;
  transition: opacity 0.5s ease;
}

/* Nav — Phase 1 spec */
.site-nav {
  height: 108px;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: background 0.45s var(--ease), border-color 0.45s var(--ease), box-shadow 0.45s var(--ease);
}

.site-nav.scrolled {
  background: var(--ivory);
  border-bottom-color: var(--grey-light);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
}

.site-nav:not(.site-nav--hero) {
  background: var(--ivory);
  border-bottom: 1px solid var(--grey-light);
}

.site-nav--hero:not(.scrolled) .nav-links a {
  color: rgba(255, 255, 255, 0.92);
}
.site-nav--hero:not(.scrolled) .nav-links a:hover,
.site-nav--hero:not(.scrolled) .nav-links a.active {
  color: var(--gold-light);
}
.site-nav--hero:not(.scrolled) .nav-logo img {
  filter: none;
}

.site-nav .dropdown {
  border-top: 2px solid var(--gold-line);
  padding-top: 8px;
  z-index: 1100;
}

.site-nav .dropdown a {
  color: var(--charcoal) !important;
}

.site-nav .dropdown a:hover,
.site-nav .dropdown a.active {
  color: var(--gold) !important;
  background: var(--ivory);
}

.site-footer .footer-logo {
  filter: none !important;
  height: 72px;
  max-height: 72px;
  width: auto;
  opacity: 1;
  display: block;
}

/* Footer tagline italic display */
.footer-tagline--display {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 16px 0 24px;
}

/* Dark sections (homepage brand + CTA only) */
.section-dark {
  background: var(--dark-bg);
  color: rgba(255, 255, 255, 0.7);
}
.section-dark h2,
.section-dark h3 {
  color: #fff;
}

/* Global image hover zoom */
.img-zoom {
  overflow: hidden;
}
.img-zoom > img,
.img-zoom > .hero-bg,
.service-card img,
.event-panel img,
.gallery-item img,
.gallery-item video,
.blog-card-image img,
.artist-card__img img,
.why-image-main,
.story-images img,
.service-detail__img img {
  transition: transform 0.75s var(--ease);
}
.img-zoom:hover > img,
.service-card:hover img,
.event-panel:hover img,
.gallery-item:hover img,
.gallery-item:hover video,
.blog-card:hover .blog-card-image img,
.artist-card:hover .artist-card__img img,
.why-image-wrap:hover .why-image-main,
.story-images:hover img,
.service-detail__img:hover img {
  transform: scale(1.05);
}

/* Section heading slide (initial state for GSAP) */
h2.heading-slide {
  overflow: hidden;
}
h2.heading-slide .heading-slide-inner {
  display: block;
  will-change: transform, opacity;
}

/* Subtle card shadow */
.shadow-soft {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06);
}

/* Interactive hover targets for cursor */
.cursor-hover {
  /* class marker only */
}