/* ============================================================
   STRADFORD KEVIN STONE II — Scoped Stylesheet
   Paste into: Appearance > Customize > Additional CSS

   EVERY rule is scoped to #sks2-site so theme CSS cannot win.
   Google Fonts <link> tags go in WPCode > Header (see JS instructions).
   ============================================================ */

/* ============================================
   DESIGN TOKENS (global scope is fine here)
   ============================================ */
:root {
  --sks-black:       #0a0a0a;
  --sks-white:       #f5f3ef;
  --sks-off-white:   #ede9e3;
  --sks-cream:       #d9d3c7;
  --sks-accent:      #c8401a;
  --sks-accent-dark: #8f2d12;
  --sks-mid:         #888078;
  --sks-display:     'Bebas Neue', sans-serif;
  --sks-body:        'Cormorant Garamond', serif;
  --sks-mono:        'Archivo', sans-serif;
  --sks-max:         1440px;
  --sks-gutter:      clamp(24px, 4vw, 64px);
}

/* ============================================
   SCOPED RESET — kills theme styles inside our wrapper
   ============================================ */
#sks2-site,
#sks2-site *,
#sks2-site *::before,
#sks2-site *::after {
  box-sizing: border-box !important;
  -webkit-text-size-adjust: 100%;
}

/* Kill ALL link styles the theme injects */
#sks2-site a,
#sks2-site a:link,
#sks2-site a:visited,
#sks2-site a:hover,
#sks2-site a:active,
#sks2-site a:focus {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}

/* Kill theme heading styles */
#sks2-site h1,
#sks2-site h2,
#sks2-site h3,
#sks2-site h4,
#sks2-site h5,
#sks2-site h6 {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
  line-height: 1 !important;
  color: inherit !important;
  border: none !important;
}

/* Kill theme paragraph/list styles */
#sks2-site p,
#sks2-site ul,
#sks2-site ol,
#sks2-site li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
}

/* Kill theme button styles */
#sks2-site button {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font: inherit !important;
}

/* Kill theme image styles */
#sks2-site img {
  display: block !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* ============================================
   BASE
   ============================================ */
#sks2-site {
  background: var(--sks-white);
  color: var(--sks-black);
  font-family: var(--sks-body) !important;
  font-size: clamp(17px, 1.2vw, 20px) !important;
  line-height: 1.6 !important;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
#sks2-site .sks-mono {
  font-family: var(--sks-mono) !important;
  font-size: 0.7em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  text-decoration: none !important;
}

#sks2-site .sks-accent {
  color: var(--sks-accent) !important;
}

/* ============================================
   NAV
   ============================================ */
#sks2-site nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: var(--sks-white) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  padding: 0 var(--sks-gutter) !important;
  margin: 0 !important;
  width: 100% !important;
}

#sks2-site .nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 56px !important;
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .nav-logo {
  font-family: var(--sks-display) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.06em !important;
  color: var(--sks-black) !important;
  text-decoration: none !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

#sks2-site .nav-links {
  display: flex !important;
  gap: 28px !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .nav-links a {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  border: none !important;
  background: none !important;
}

#sks2-site .nav-links a:hover {
  color: var(--sks-black) !important;
  text-decoration: none !important;
}

#sks2-site .nav-cta,
#sks2-site .nav-cta:link,
#sks2-site .nav-cta:visited {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  padding: 10px 20px !important;
  display: inline-block !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
}

#sks2-site .nav-cta:hover {
  background: var(--sks-accent) !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

/* ============================================
   HERO
   ============================================ */
#sks2-site #hero {
  padding-top: 56px !important;
  background: var(--sks-white) !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}

#sks2-site .hero-top-bar {
  border-bottom: 1px solid var(--sks-black) !important;
  padding: 12px var(--sks-gutter) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 !important;
}

#sks2-site .hero-top-bar span {
  font-family: var(--sks-mono) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
}

#sks2-site .hero-main {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: calc(100vh - 100px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .hero-left {
  padding: clamp(40px, 6vw, 96px) var(--sks-gutter) !important;
  border-right: 1px solid var(--sks-black) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  margin: 0 !important;
}

#sks2-site .hero-name {
  font-family: var(--sks-display) !important;
  font-size: clamp(64px, 9vw, 148px) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.01em !important;
  color: var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

#sks2-site .hero-name span {
  display: block !important;
  font-family: var(--sks-display) !important;
  line-height: 0.88 !important;
  font-weight: normal !important;
  color: var(--sks-black) !important;
}

#sks2-site .hero-name .large {
  font-size: clamp(80px, 12vw, 200px) !important;
  line-height: 0.82 !important;
  color: var(--sks-accent) !important;
}

#sks2-site .hero-disciplines {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 48px !important;
  padding: 0 !important;
  list-style: none !important;
}

#sks2-site .hero-discipline {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 8px 16px 8px 0 !important;
  margin-right: 16px !important;
  border-right: 1px solid var(--sks-cream) !important;
  color: var(--sks-mid) !important;
}

#sks2-site .hero-discipline:last-child {
  border-right: none !important;
}

#sks2-site .hero-bottom {
  margin-top: auto !important;
  padding-top: 48px !important;
}

#sks2-site .hero-tagline {
  font-family: var(--sks-body) !important;
  font-size: clamp(18px, 2vw, 26px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.4 !important;
  color: var(--sks-black) !important;
  max-width: 400px !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
}

#sks2-site .hero-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .hero-right {
  position: relative !important;
  overflow: hidden !important;
  background: var(--sks-black) !important;
  min-height: 500px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .hero-image-placeholder {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(160deg, #1a1a1a 0%, #0d0d0d 100%) !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: clamp(24px, 4vw, 48px) !important;
}

#sks2-site .hero-image-caption {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(245,243,239,0.3) !important;
}

#sks2-site .hero-vert-text {
  position: absolute !important;
  top: 50% !important;
  right: 40px !important;
  transform: translateY(-50%) rotate(90deg) !important;
  transform-origin: center center !important;
  font-family: var(--sks-display) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(245,243,239,0.12) !important;
  white-space: nowrap !important;
  font-weight: normal !important;
}

#sks2-site .founding-note {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.08em !important;
  color: var(--sks-accent) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* ============================================
   BUTTONS — all variants
   ============================================ */
#sks2-site .btn-primary,
#sks2-site .btn-primary:link,
#sks2-site .btn-primary:visited {
  display: inline-block !important;
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
  align-self: flex-start !important;
  font-weight: normal !important;
  line-height: 1 !important;
}
#sks2-site .btn-primary:hover {
  background: var(--sks-accent) !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

#sks2-site .btn-outline,
#sks2-site .btn-outline:link,
#sks2-site .btn-outline:visited {
  display: inline-block !important;
  background: transparent !important;
  color: var(--sks-black) !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 15px 32px !important;
  border: 1px solid var(--sks-black) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.2s !important;
  align-self: flex-start !important;
  font-weight: normal !important;
  line-height: 1 !important;
}
#sks2-site .btn-outline:hover {
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

#sks2-site .btn-white,
#sks2-site .btn-white:link,
#sks2-site .btn-white:visited {
  display: inline-block !important;
  background: var(--sks-white) !important;
  color: var(--sks-black) !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
  font-weight: normal !important;
  line-height: 1 !important;
}
#sks2-site .btn-white:hover {
  background: var(--sks-accent) !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

#sks2-site .btn-accent,
#sks2-site .btn-accent:link,
#sks2-site .btn-accent:visited {
  display: inline-block !important;
  background: var(--sks-accent) !important;
  color: var(--sks-white) !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s !important;
  font-weight: normal !important;
  line-height: 1 !important;
}
#sks2-site .btn-accent:hover {
  background: var(--sks-accent-dark) !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

#sks2-site .btn-arrow,
#sks2-site .btn-arrow:link,
#sks2-site .btn-arrow:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sks-black) !important;
  text-decoration: none !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  transition: gap 0.2s !important;
  font-weight: normal !important;
}
#sks2-site .btn-arrow:hover {
  gap: 18px !important;
  text-decoration: none !important;
  color: var(--sks-black) !important;
}
#sks2-site .btn-arrow::after {
  content: '→' !important;
  font-size: 1rem !important;
}

/* ============================================
   SECTION SHARED
   ============================================ */
#sks2-site .section-header {
  padding: clamp(32px, 4vw, 64px) var(--sks-gutter) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 0 !important;
}

#sks2-site .section-number {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  color: var(--sks-mid) !important;
}

#sks2-site .section-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(48px, 7vw, 100px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   SELECTED WORK
   ============================================ */
#sks2-site #work {
  background: var(--sks-white) !important;
  border-top: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .work-intro {
  padding: clamp(24px, 3vw, 48px) var(--sks-gutter) !important;
  max-width: 600px !important;
  font-size: clamp(16px, 1.3vw, 20px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--sks-mid) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  font-family: var(--sks-body) !important;
  line-height: 1.6 !important;
}

#sks2-site .work-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border-top: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .work-item {
  background: var(--sks-black) !important;
  overflow: hidden !important;
  position: relative !important;
  cursor: pointer !important;
  border-right: 1px solid var(--sks-black) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .work-item:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; aspect-ratio: 4/3 !important; }
#sks2-site .work-item:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; aspect-ratio: 4/3 !important; border-right: none !important; }
#sks2-site .work-item:nth-child(3) { grid-column: 1 !important; grid-row: 2 / 4 !important; aspect-ratio: unset !important; min-height: 480px !important; }
#sks2-site .work-item:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; aspect-ratio: 4/3 !important; border-right: none !important; }
#sks2-site .work-item:nth-child(5) { grid-column: 2 !important; grid-row: 3 !important; aspect-ratio: 4/3 !important; border-right: none !important; }
#sks2-site .work-item:nth-child(6) { grid-column: 1 !important; grid-row: 4 !important; aspect-ratio: 16/7 !important; border-bottom: none !important; }
#sks2-site .work-item:nth-child(7) { grid-column: 2 !important; grid-row: 4 !important; aspect-ratio: 16/7 !important; border-right: none !important; border-bottom: none !important; }

#sks2-site .work-item-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: #1a1a1a !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .work-item:nth-child(1) .work-item-inner { background: #1c1c1c !important; }
#sks2-site .work-item:nth-child(2) .work-item-inner { background: #111 !important; }
#sks2-site .work-item:nth-child(3) .work-item-inner { background: #181818 !important; }
#sks2-site .work-item:nth-child(4) .work-item-inner { background: #141414 !important; }
#sks2-site .work-item:nth-child(5) .work-item-inner { background: #0f0f0f !important; }
#sks2-site .work-item:nth-child(6) .work-item-inner { background: #161616 !important; }
#sks2-site .work-item:nth-child(7) .work-item-inner { background: #1a1a1a !important; }

#sks2-site .work-item:hover .work-item-inner { transform: scale(1.04) !important; }

#sks2-site .work-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 24px !important;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  margin: 0 !important;
}

#sks2-site .work-item:hover .work-overlay { opacity: 1 !important; }

#sks2-site .work-label {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-white) !important;
}

#sks2-site .work-placeholder-text {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.15) !important;
  white-space: nowrap !important;
}

#sks2-site .work-footer {
  padding: clamp(24px, 3vw, 48px) var(--sks-gutter) !important;
  border-top: 1px solid var(--sks-black) !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

/* ============================================
   TESTIMONIALS
   ============================================ */
#sks2-site #testimonials {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-off-white) !important;
  margin: 0 !important;
}

#sks2-site .testimonials-inner {
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .testimonials-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
  color: var(--sks-black) !important;
  margin: 0 0 64px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .testimonials-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .testimonial-card {
  background: var(--sks-white) !important;
  border: 1px solid var(--sks-black) !important;
  padding: 32px !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}

#sks2-site .testimonial-quote {
  font-family: var(--sks-body) !important;
  font-size: 1.1rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: var(--sks-black) !important;
  font-style: italic !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  flex: 1 !important;
}

#sks2-site .testimonial-author {
  font-family: var(--sks-display) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .testimonial-company {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   BRAND PARTNERSHIP
   ============================================ */
#sks2-site #partnership {
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-left {
  padding: clamp(48px, 7vw, 112px) var(--sks-gutter) !important;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  margin: 0 !important;
}

#sks2-site .partnership-overline {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--sks-accent) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(52px, 6.5vw, 96px) !important;
  line-height: 0.88 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-white) !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partnership-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: rgba(245,243,239,0.7) !important;
  max-width: 440px !important;
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-how {
  margin: 0 0 48px 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

#sks2-site .partnership-how-title {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(245,243,239,0.4) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-how-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-how-step {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-how-number {
  font-family: var(--sks-display) !important;
  font-size: 1.5rem !important;
  color: var(--sks-accent) !important;
  flex-shrink: 0 !important;
  width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partnership-how-desc {
  font-family: var(--sks-body) !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: rgba(245,243,239,0.8) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partnership-highlights {
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
}

#sks2-site .highlight-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  margin: 0 !important;
  list-style: none !important;
}

#sks2-site .highlight-dot {
  width: 6px !important;
  height: 6px !important;
  background: var(--sks-accent) !important;
  flex-shrink: 0 !important;
  display: block !important;
}

#sks2-site .highlight-text {
  font-family: var(--sks-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(245,243,239,0.6) !important;
  text-transform: uppercase !important;
}

#sks2-site .partnership-right {
  padding: clamp(48px, 7vw, 112px) var(--sks-gutter) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 4px !important;
  margin: 0 !important;
}

#sks2-site .pricing-intro {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(245,243,239,0.3) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
}

#sks2-site .pricing-card {
  padding: 28px 32px !important;
  margin: 0 0 2px 0 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: border-color 0.2s !important;
}

#sks2-site .pricing-card:hover { border-color: var(--sks-accent) !important; }

#sks2-site .pricing-card.featured {
  border-color: var(--sks-accent) !important;
  background: rgba(200,64,26,0.06) !important;
}

#sks2-site .pricing-tier {
  font-family: var(--sks-display) !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.06em !important;
  color: var(--sks-white) !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

#sks2-site .pricing-price {
  font-family: var(--sks-display) !important;
  font-size: 3rem !important;
  letter-spacing: -0.02em !important;
  color: var(--sks-white) !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .pricing-price span {
  font-family: var(--sks-mono) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
  color: var(--sks-mid) !important;
  vertical-align: middle !important;
}

#sks2-site .pricing-badge {
  display: inline-block !important;
  font-family: var(--sks-mono) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-accent) !important;
  border: 1px solid var(--sks-accent) !important;
  padding: 4px 10px !important;
  margin: 8px 0 0 0 !important;
  text-decoration: none !important;
}

/* ============================================
   THINGS I'M BUILDING
   ============================================ */
#sks2-site #building {
  background: var(--sks-white) !important;
  border-top: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .building-header {
  padding: clamp(32px, 4vw, 64px) var(--sks-gutter) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  margin: 0 !important;
}

#sks2-site .building-intro {
  padding: clamp(24px, 3vw, 48px) var(--sks-gutter) !important;
  font-family: var(--sks-body) !important;
  font-size: clamp(16px, 1.3vw, 20px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--sks-mid) !important;
  max-width: 500px !important;
  border-bottom: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

#sks2-site .projects-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  border: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .project-card {
  padding: clamp(32px, 4vw, 64px) var(--sks-gutter) !important;
  border-right: 1px solid var(--sks-black) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  transition: background 0.25s !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
}

#sks2-site .project-card:nth-child(3n) { border-right: none !important; }
#sks2-site .project-card:nth-child(n+4) { border-bottom: none !important; }

#sks2-site .project-card:last-child { border-right: none !important; }

#sks2-site .project-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: var(--sks-accent) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#sks2-site .project-card:hover::after { transform: scaleX(1) !important; }
#sks2-site .project-card:hover { background: var(--sks-off-white) !important; }

#sks2-site .project-index {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.15em !important;
  color: var(--sks-accent) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

#sks2-site .project-name {
  font-family: var(--sks-display) !important;
  font-size: clamp(40px, 5vw, 72px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .project-desc {
  font-family: var(--sks-body) !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: var(--sks-mid) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
}

/* ============================================
   THE STRAF REPORT
   ============================================ */
#sks2-site #newsletter {
  background: var(--sks-off-white) !important;
  border-top: 1px solid var(--sks-black) !important;
  border-bottom: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .newsletter-inner {
  padding: clamp(48px, 7vw, 100px) var(--sks-gutter) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(32px, 6vw, 96px) !important;
  align-items: center !important;
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
}

#sks2-site .newsletter-label {
  font-family: var(--sks-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

#sks2-site .newsletter-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(48px, 6vw, 84px) !important;
  line-height: 0.88 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .newsletter-title span {
  font-family: var(--sks-body) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 0.65em !important;
  display: block !important;
  color: var(--sks-mid) !important;
  line-height: 1.3 !important;
}

#sks2-site .newsletter-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(15px, 1.2vw, 18px) !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .newsletter-form-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .newsletter-topics {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .topic-tag {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  border: 1px solid var(--sks-cream) !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  text-decoration: none !important;
}

#sks2-site .sender-form-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#sks2-site .sender-form-wrapper iframe {
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

#sks2-site .newsletter-note {
  font-family: var(--sks-mono) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.08em !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   ABOUT
   ============================================ */
#sks2-site #about {
  background: var(--sks-white) !important;
  border-top: 1px solid var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .about-inner {
  display: grid !important;
  grid-template-columns: 5fr 7fr !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .about-left {
  padding: clamp(48px, 7vw, 112px) var(--sks-gutter) !important;
  border-right: 1px solid var(--sks-black) !important;
  margin: 0 !important;
}

#sks2-site .about-portrait {
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  background: var(--sks-black) !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .about-portrait-placeholder {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(160deg, #1c1c1c 0%, #0a0a0a 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#sks2-site .about-portrait-text {
  font-family: var(--sks-mono) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.15) !important;
}

#sks2-site .about-photo-caption {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .about-right {
  padding: clamp(48px, 7vw, 112px) var(--sks-gutter) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
}

#sks2-site .about-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(52px, 6vw, 88px) !important;
  line-height: 0.88 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .about-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(17px, 1.4vw, 22px) !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: var(--sks-black) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .about-body + .about-body { color: var(--sks-mid) !important; }

#sks2-site .about-roles {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 40px 0 0 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid var(--sks-black) !important;
  list-style: none !important;
}

#sks2-site .about-role {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  padding-right: 20px !important;
  margin-right: 20px !important;
  border-right: 1px solid var(--sks-cream) !important;
  line-height: 2 !important;
}

#sks2-site .about-role:last-child { border-right: none !important; }

/* ============================================
   FINAL CTA
   ============================================ */
#sks2-site #cta {
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .cta-bg-text {
  position: absolute !important;
  bottom: -60px !important;
  left: -20px !important;
  font-family: var(--sks-display) !important;
  font-size: clamp(120px, 20vw, 320px) !important;
  line-height: 1 !important;
  color: rgba(255,255,255,0.025) !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .cta-inner {
  padding: clamp(64px, 10vw, 150px) var(--sks-gutter) !important;
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: end !important;
  gap: clamp(32px, 6vw, 96px) !important;
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
}

#sks2-site .cta-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(64px, 10vw, 160px) !important;
  line-height: 0.85 !important;
  letter-spacing: 0.01em !important;
  color: var(--sks-white) !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .cta-right { padding-bottom: 8px !important; margin: 0 !important; }

#sks2-site .cta-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(16px, 1.3vw, 20px) !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: rgba(245,243,239,0.6) !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  font-style: italic !important;
}

#sks2-site .cta-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   FOOTER
   ============================================ */
#sks2-site footer {
  background: var(--sks-black) !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-inner {
  padding: clamp(40px, 5vw, 64px) var(--sks-gutter) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  gap: 48px !important;
}

#sks2-site .footer-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-logo {
  font-family: var(--sks-display) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.1em !important;
  color: var(--sks-white) !important;
  text-decoration: none !important;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-contact {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-contact-item {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.1em !important;
  color: rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-contact-item:hover {
  color: var(--sks-white) !important;
}

#sks2-site .footer-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-links {
  display: flex !important;
  gap: 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .footer-links a,
#sks2-site .footer-links a:link,
#sks2-site .footer-links a:visited {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.3) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  border: none !important;
  background: none !important;
}

#sks2-site .footer-links a:hover {
  color: var(--sks-white) !important;
  text-decoration: none !important;
}

#sks2-site .footer-copy {
  font-family: var(--sks-mono) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(255,255,255,0.2) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   SCROLL ANIMATIONS
   ============================================ */
#sks2-site .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);
}
#sks2-site .reveal.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
#sks2-site .reveal-stagger > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
#sks2-site .reveal-stagger.visible > *:nth-child(1) { opacity: 1 !important; transform: none !important; transition-delay: 0s; }
#sks2-site .reveal-stagger.visible > *:nth-child(2) { opacity: 1 !important; transform: none !important; transition-delay: 0.1s; }
#sks2-site .reveal-stagger.visible > *:nth-child(3) { opacity: 1 !important; transform: none !important; transition-delay: 0.2s; }
#sks2-site .reveal-stagger.visible > *:nth-child(4) { opacity: 1 !important; transform: none !important; transition-delay: 0.3s; }
#sks2-site .reveal-stagger.visible > *:nth-child(5) { opacity: 1 !important; transform: none !important; transition-delay: 0.4s; }
#sks2-site .reveal-stagger.visible > *:nth-child(6) { opacity: 1 !important; transform: none !important; transition-delay: 0.5s; }

/* ============================================
   WORK/PORTFOLIO PAGE
   ============================================ */
#sks2-site #work-hero {
  padding: clamp(120px, 15vw, 180px) var(--sks-gutter) clamp(60px, 8vw, 96px) var(--sks-gutter) !important;
  background: var(--sks-white) !important;
  text-align: center !important;
  margin: 56px 0 0 0 !important;
  border-bottom: 1px solid var(--sks-black) !important;
}

#sks2-site .work-hero-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .work-hero-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(64px, 10vw, 120px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .work-hero-subtitle {
  font-family: var(--sks-body) !important;
  font-size: clamp(17px, 1.4vw, 22px) !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: var(--sks-mid) !important;
  font-style: italic !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .work-category-section {
  padding: clamp(48px, 6vw, 80px) var(--sks-gutter) clamp(24px, 3vw, 40px) var(--sks-gutter) !important;
  background: var(--sks-white) !important;
  margin: 0 !important;
}

#sks2-site .work-category-header {
  max-width: var(--sks-max) !important;
  margin: 0 auto 48px auto !important;
  padding: 0 0 24px 0 !important;
  border-bottom: 1px solid var(--sks-black) !important;
}

#sks2-site .work-category-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
}

/* Style WPBakery masonry grids inside our sections */
#sks2-site .wpb_gallery {
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
}

#sks2-site .wpb_gallery .wpb_wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site #work-cta {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-black) !important;
  text-align: center !important;
  margin: 0 !important;
}

#sks2-site .work-cta-inner {
  max-width: 700px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .work-cta-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(56px, 8vw, 96px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-white) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .work-cta-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(17px, 1.4vw, 22px) !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: rgba(245,243,239,0.7) !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  font-style: italic !important;
}

#sks2-site .work-cta-buttons {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   BRAND PARTNER PAGE
   ============================================ */
#sks2-site #partner-hero {
  padding: clamp(120px, 15vw, 200px) var(--sks-gutter) clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-black) !important;
  color: var(--sks-white) !important;
  margin: 56px 0 0 0 !important;
}

#sks2-site .partner-hero-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .partner-overline {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(245,243,239,0.4) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-hero-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(56px, 8vw, 96px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-white) !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-hero-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(18px, 1.5vw, 24px) !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: rgba(245,243,239,0.85) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site #partner-how {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-white) !important;
  margin: 0 !important;
}

#sks2-site .partner-how-inner {
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .partner-section-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
  color: var(--sks-black) !important;
  margin: 0 0 64px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-step {
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-step-number {
  font-family: var(--sks-display) !important;
  font-size: 3rem !important;
  color: var(--sks-accent) !important;
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-step-title {
  font-family: var(--sks-display) !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-step-desc {
  font-family: var(--sks-body) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site #partner-pricing {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-off-white) !important;
  margin: 0 !important;
}

#sks2-site .partner-pricing-inner {
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .partner-pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-pricing-card {
  background: var(--sks-white) !important;
  border: 1px solid var(--sks-black) !important;
  padding: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}

#sks2-site .partner-pricing-card.featured {
  border: 2px solid var(--sks-accent) !important;
  background: rgba(200,64,26,0.03) !important;
}

#sks2-site .partner-pricing-badge {
  font-family: var(--sks-display) !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-pricing-price {
  font-family: var(--sks-display) !important;
  font-size: 3.5rem !important;
  line-height: 1 !important;
  color: var(--sks-black) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-pricing-price span {
  font-family: var(--sks-mono) !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.08em !important;
  color: var(--sks-mid) !important;
}

#sks2-site .partner-pricing-lock {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-accent) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-pricing-features {
  list-style: none !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
  flex: 1 !important;
}

#sks2-site .partner-pricing-features li {
  font-family: var(--sks-body) !important;
  font-size: 0.95rem !important;
  line-height: 2 !important;
  color: var(--sks-black) !important;
  padding: 0 0 0 24px !important;
  margin: 0 !important;
  position: relative !important;
}

#sks2-site .partner-pricing-features li::before {
  content: '·' !important;
  position: absolute !important;
  left: 8px !important;
  color: var(--sks-accent) !important;
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
}

#sks2-site .partner-pricing-note {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.1em !important;
  color: var(--sks-mid) !important;
  margin: 0 0 24px 0 !important;
  padding: 16px 0 0 0 !important;
  border-top: 1px solid var(--sks-cream) !important;
}

#sks2-site #partner-included {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-white) !important;
  margin: 0 !important;
}

#sks2-site .partner-included-inner {
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .partner-included-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-included-item {
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-included-name {
  font-family: var(--sks-display) !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-included-desc {
  font-family: var(--sks-body) !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site #partner-faq {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-off-white) !important;
  margin: 0 !important;
}

#sks2-site .partner-faq-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sks2-site .partner-faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-faq-item {
  padding: 32px !important;
  background: var(--sks-white) !important;
  border: 1px solid var(--sks-black) !important;
  margin: 0 !important;
}

#sks2-site .partner-faq-question {
  font-family: var(--sks-display) !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-faq-answer {
  font-family: var(--sks-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site #partner-apply {
  padding: clamp(80px, 10vw, 120px) var(--sks-gutter) !important;
  background: var(--sks-white) !important;
  margin: 0 !important;
}

#sks2-site .partner-apply-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#sks2-site .partner-apply-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(48px, 6vw, 72px) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .partner-apply-body {
  font-family: var(--sks-body) !important;
  font-size: clamp(17px, 1.4vw, 22px) !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: var(--sks-mid) !important;
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
}

#sks2-site .partner-apply-form {
  background: var(--sks-off-white) !important;
  border: 1px solid var(--sks-black) !important;
  padding: 48px !important;
  margin: 0 !important;
}

/* ============================================
   CONTACT PAGE
   ============================================ */
#sks2-site #contact-hero {
  padding-top: 56px !important;
  min-height: 100vh !important;
  background: var(--sks-white) !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

#sks2-site .contact-hero-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(32px, 6vw, 96px) !important;
  padding: clamp(64px, 8vw, 120px) var(--sks-gutter) !important;
  max-width: var(--sks-max) !important;
  margin: 0 auto !important;
  width: 100% !important;
}

#sks2-site .contact-hero-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-title {
  font-family: var(--sks-display) !important;
  font-size: clamp(64px, 10vw, 120px) !important;
  line-height: 0.88 !important;
  letter-spacing: 0.02em !important;
  color: var(--sks-black) !important;
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin: 0 0 64px 0 !important;
  padding: 32px 0 !important;
  border-top: 1px solid var(--sks-black) !important;
  border-bottom: 1px solid var(--sks-black) !important;
}

#sks2-site .contact-info-item {
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-label {
  font-family: var(--sks-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-value {
  font-family: var(--sks-body) !important;
  font-size: 1.2rem !important;
  line-height: 1.4 !important;
  color: var(--sks-black) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

#sks2-site .contact-value:hover {
  color: var(--sks-accent) !important;
}

#sks2-site .contact-methods {
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-methods-title {
  font-family: var(--sks-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sks-mid) !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-method-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-method-card {
  padding: 20px !important;
  border: 1px solid var(--sks-cream) !important;
  background: var(--sks-off-white) !important;
  margin: 0 !important;
}

#sks2-site .contact-method-name {
  font-family: var(--sks-display) !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.04em !important;
  color: var(--sks-black) !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

#sks2-site .contact-method-desc {
  font-family: var(--sks-body) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: var(--sks-mid) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-hero-right {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sks2-site .contact-form-wrapper {
  width: 100% !important;
  background: var(--sks-off-white) !important;
  border: 1px solid var(--sks-black) !important;
  padding: 40px !important;
  margin: 0 !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 900px) {
  #sks2-site .hero-main { grid-template-columns: 1fr !important; }
  #sks2-site .hero-left { border-right: none !important; border-bottom: 1px solid var(--sks-black) !important; min-height: auto !important; }
  #sks2-site .hero-right { min-height: 280px !important; }
  #sks2-site .work-item:nth-child(3) { min-height: 300px !important; }
  #sks2-site .work-item:nth-child(6),
  #sks2-site .work-item:nth-child(7) { aspect-ratio: 4/3 !important; }
  #sks2-site .partnership-inner { grid-template-columns: 1fr !important; }
  #sks2-site .partnership-left { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
  #sks2-site .projects-grid { grid-template-columns: 1fr !important; }
  #sks2-site .project-card { border-right: none !important; border-bottom: 1px solid var(--sks-black) !important; }
  #sks2-site .project-card:last-child { border-bottom: none !important; }
  #sks2-site .newsletter-inner { grid-template-columns: 1fr !important; }
  #sks2-site .about-inner { grid-template-columns: 1fr !important; }
  #sks2-site .about-left { border-right: none !important; border-bottom: 1px solid var(--sks-black) !important; }
  #sks2-site .about-portrait { max-width: 280px !important; }
  #sks2-site .cta-inner { grid-template-columns: 1fr !important; }
  #sks2-site .nav-links { display: none !important; }
  #sks2-site .contact-hero-inner { grid-template-columns: 1fr !important; }
  #sks2-site .contact-method-options { gap: 12px !important; }
  #sks2-site .partner-steps { grid-template-columns: 1fr !important; gap: 32px !important; }
  #sks2-site .partner-pricing-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  #sks2-site .partner-included-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  #sks2-site .work-portfolio-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 32px 24px !important; }
  #sks2-site .work-cta-buttons { flex-direction: column !important; align-items: center !important; }
  #sks2-site .testimonials-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  #sks2-site .footer-inner { flex-direction: column !important; align-items: flex-start !important; gap: 32px !important; }
  #sks2-site .footer-right { align-items: flex-start !important; }
}

@media (max-width: 600px) {
  #sks2-site .work-grid { grid-template-columns: 1fr !important; }
  #sks2-site .work-item { grid-column: 1 !important; grid-row: auto !important; aspect-ratio: 4/3 !important; min-height: unset !important; border-right: none !important; }
  #sks2-site .section-header { flex-direction: column !important; gap: 8px !important; }
  #sks2-site .hero-name { font-size: clamp(56px, 16vw, 100px) !important; }
  #sks2-site .hero-name .large { font-size: clamp(64px, 20vw, 130px) !important; }
  #sks2-site .work-portfolio-grid { grid-template-columns: 1fr !important; }
}