.section-shell { width: min(calc(100% - 48px), var(--content-width)); margin-inline: auto; }
.home-section { padding-block: clamp(76px, 9vw, 128px); }
.eyebrow { margin: 0 0 16px; color: var(--color-champagne); font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.section-heading { max-width: 720px; margin-bottom: 48px; }
.section-heading h2, .section-copy h2, .home-cta h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2.15rem, 4vw, 3.75rem); font-weight: 600; line-height: 1.05; letter-spacing: -.025em; }
.section-heading > p:not(.eyebrow), .section-copy > p { color: var(--color-text-muted); }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading--split { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.section-heading--split > div { max-width: 720px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--color-champagne); font-weight: 700; text-decoration: none; white-space: nowrap; }
.text-link:hover { color: var(--color-primary-hover); }

.hero { position: relative; min-height: calc(100svh - var(--header-height)); overflow: hidden; background: #100408; }
.hero__slides, .hero-slide { min-height: inherit; }
.hero-slide { position: absolute; inset: 0; display: grid; align-items: center; visibility: hidden; opacity: 0; transition: opacity 700ms ease, visibility 700ms; }
.hero-slide.is-active { position: relative; visibility: visible; opacity: 1; }
.hero-slide__media, .hero-slide__overlay { position: absolute; inset: 0; }
.hero-slide__media { background-color: #210812; }
.hero-slide__media { background-position: center; background-size: cover; }
.hero-slide__media--one { background-image: url('/assets/images/4.png'); }
.hero-slide__media--two { background-image: url('/assets/images/glance-path-leads-bright-archs-with-flowers-dark-room.jpg'); }
.hero-slide__media--three { background-image: url('/assets/images/7.png'); }
.hero-slide__overlay { background: linear-gradient(90deg, rgba(9,3,4,.95) 0%, rgba(9,3,4,.72) 48%, rgba(9,3,4,.18) 100%); }
.hero-slide__content { position: relative; z-index: 2; padding-block: 100px 140px; }
.hero-slide__content h1, .hero-slide__content h2 { max-width: 850px; margin: 0; font-family: var(--font-display); font-size: clamp(3rem, 6vw, 5.9rem); font-weight: 600; line-height: .95; letter-spacing: -.035em; }
.hero-slide__content > p:not(.eyebrow) { max-width: 610px; margin: 28px 0 0; color: var(--color-text-muted); font-size: clamp(1rem,1.5vw,1.2rem); }
.hero-slide__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.button--outline { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.04); backdrop-filter: blur(8px); }
.button--outline:hover { border-color: var(--color-champagne); color: var(--color-champagne); }
.hero__controls { position: absolute; z-index: 5; right: 0; bottom: 38px; left: 0; display: flex; align-items: center; gap: 14px; }
.slider-arrow { width: 42px; height: 42px; border: 1px solid var(--color-border); border-radius: 50%; background: rgba(9,3,4,.6); color: white; cursor: pointer; }
.slider-arrow:hover { border-color: var(--color-primary); }
.slider-dots { display: flex; gap: 8px; }
.slider-dots button { width: 26px; height: 3px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.28); cursor: pointer; transition: width var(--transition), background var(--transition); }
.slider-dots button.is-active { width: 48px; background: linear-gradient(90deg,var(--color-gold),var(--color-primary)); }

.trust-strip { position: relative; z-index: 4; border-block: 1px solid var(--color-border); background: var(--color-surface); }
.trust-strip__grid { display: grid; grid-template-columns: repeat(6,1fr); }
.trust-strip__grid > div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border-right: 1px solid var(--color-border); text-align: center; }
.trust-strip__grid > div:last-child { border-right: 0; }
.trust-strip strong { color: var(--color-champagne); font-family: var(--font-display); font-size: clamp(2rem,3vw,3rem); line-height: 1; }
.trust-strip span { margin-top: 8px; color: var(--color-text-muted); font-size: .72rem; line-height: 1.35; }

.split-layout { display: grid; grid-template-columns: minmax(300px,.9fr) minmax(360px,1fr); align-items: center; gap: clamp(48px,8vw,110px); }
.image-placeholder { min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; overflow: hidden; border: 1px solid rgba(246,168,0,.2); border-radius: 16px; background: radial-gradient(circle at 30% 20%,rgba(230,0,114,.2),transparent 40%),linear-gradient(145deg,#260a14,#100408); color: var(--color-text-subtle); text-align: center; }
.image-placeholder span { color: var(--color-champagne); font-family: var(--font-display); font-size: 1.45rem; }
.image-placeholder small { font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }
.image-placeholder--portrait { min-height: 580px; }
.image-frame { margin: 0; overflow: hidden; border: 1px solid rgba(246,168,0,.2); border-radius: 18px; }
.image-frame img { width: 100%; height: 100%; object-fit: cover; }
.image-frame--portrait { height: 590px; }
.section-copy > p { max-width: 62ch; }
.section-copy .text-link { margin-top: 16px; }

.why-section, .process-section, .blogs-section { background: var(--color-surface); }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.feature-card { min-height: 280px; padding: 32px; border: 1px solid var(--color-border); border-radius: 16px; background: rgba(255,255,255,.025); transition: transform var(--transition), border-color var(--transition); }
.feature-card:hover { transform: translateY(-5px); border-color: rgba(230,0,114,.5); }
.feature-card > span { color: var(--color-primary-hover); font-size: .72rem; font-weight: 700; }
.feature-card h3 { margin: 70px 0 10px; font-family: var(--font-display); font-size: 1.5rem; line-height: 1.15; }
.feature-card p { margin: 0; color: var(--color-text-muted); font-size: .88rem; }

.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.service-card { min-height: 270px; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; border: 1px solid var(--color-border); border-radius: 16px; background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); text-decoration: none; transition: transform var(--transition), border-color var(--transition); }
.service-card:hover { transform: translateY(-5px); border-color: var(--color-primary); }
.service-card--featured { background: radial-gradient(circle at 80% 10%,rgba(246,168,0,.15),transparent 14rem),linear-gradient(145deg,#3e0712,#18050c); }
.service-card > span { margin-bottom: auto; color: var(--color-gold); font-size: .72rem; font-weight: 700; }
.service-card h3 { margin: 0 0 9px; font-family: var(--font-display); font-size: 1.65rem; }
.service-card p { margin: 0; color: var(--color-text-muted); font-size: .88rem; }

.process-list { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; margin: 0; padding: 0; list-style: none; }
.process-list::before { content: ''; position: absolute; top: 27px; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg,var(--color-primary),var(--color-gold),var(--color-primary)); }
.process-list li { position: relative; text-align: center; }
.process-list li > span { position: relative; z-index: 1; width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid var(--color-primary); border-radius: 50%; background: var(--color-surface); color: var(--color-champagne); font-size: .72rem; }
.process-list h3 { margin: 0; font-family: var(--font-display); font-size: 1.5rem; }
.process-list p { color: var(--color-text-muted); font-size: .86rem; }

.testimonial-slider { overflow: hidden; }
.testimonial-track { --testimonial-columns: 3; display: flex; gap: 18px; overflow: hidden; scroll-snap-type: x mandatory; }
.testimonial-card { min-width: calc((100% - (18px * (var(--testimonial-columns) - 1))) / var(--testimonial-columns)); min-height: 440px; display: flex; flex-direction: column; padding: 30px; scroll-snap-align: start; border: 1px solid var(--color-border); border-radius: 18px; background: radial-gradient(circle at 90% 0,rgba(230,0,114,.14),transparent 16rem),var(--color-surface); }
.testimonial-card__mark { height: 54px; color: var(--color-primary); font-family: var(--font-display); font-size: 5.5rem; line-height: .8; }
.testimonial-card blockquote { margin: 20px 0 30px; color: var(--color-text-muted); font-size: .9rem; line-height: 1.75; }
.testimonial-card footer { display: flex; flex-direction: column; gap: 4px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--color-border); }
.testimonial-card footer strong { color: var(--color-text); font-family: var(--font-display); font-size: 1.35rem; }
.testimonial-card footer span { color: var(--color-champagne); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.testimonial-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; }
.testimonial-arrows { display: flex; gap: 10px; }
.testimonial-arrows .slider-arrow:disabled { opacity: .3; cursor: not-allowed; }
.testimonial-status { margin: 0; color: var(--color-text-subtle); font-size: .78rem; letter-spacing: .12em; }
.testimonial-status span:first-child { color: var(--color-champagne); font-size: 1rem; }

.gallery-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: repeat(2,230px); gap: 16px; }
.gallery-item { min-height: 0; margin: 0; overflow: hidden; border-radius: 14px; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.gallery-item:hover img { transform: scale(1.04); }
.gallery-item--large { grid-row: 1 / 3; }

.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.blog-card { overflow: hidden; border: 1px solid var(--color-border); border-radius: 16px; background: rgba(255,255,255,.025); }
.blog-card,.blog-card > div { min-width: 0; }
.blog-card > img { width: 100%; height: 230px; object-fit: cover; }
.blog-card > div:last-child { padding: 24px; }
.blog-card__meta { color: var(--color-primary-hover); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.blog-card h3 { margin: 10px 0 24px; font-family: var(--font-display); font-size: 1.45rem; line-height: 1.25; }
.blog-card a { color: var(--color-champagne); font-size: .82rem; font-weight: 700; text-decoration: none; }

.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px,8vw,120px); }
.faq-list details { border-top: 1px solid var(--color-border); }
.faq-list details:last-child { border-bottom: 1px solid var(--color-border); }
.faq-list summary { position: relative; padding: 24px 42px 24px 0; font-weight: 700; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; top: 20px; right: 4px; color: var(--color-primary-hover); font-size: 1.4rem; }
.faq-list details[open] summary::after { content: '−'; }
.faq-list details p { margin-top: 0; padding: 0 36px 22px 0; color: var(--color-text-muted); }

.home-cta { padding-block: clamp(70px,8vw,105px); background: radial-gradient(circle at 80% 10%,rgba(246,168,0,.26),transparent 22rem),linear-gradient(120deg,#980845,#e60072 65%,#980845); }
.home-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.home-cta__inner > div:first-child { max-width: 800px; }
.home-cta .eyebrow { color: #fff; opacity: .82; }
.home-cta p:not(.eyebrow) { color: rgba(255,255,255,.85); }
.home-cta__actions { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.button--light { background: white; color: #64002f; }
.home-cta__actions > a:last-child { font-size: .82rem; font-weight: 700; }

@media (max-width: 1050px) {
  .trust-strip__grid { grid-template-columns: repeat(3,1fr); }
  .trust-strip__grid > div { border-bottom: 1px solid var(--color-border); }
  .feature-grid, .process-list { grid-template-columns: repeat(2,1fr); }
  .process-list::before { display: none; }
  .services-grid { grid-template-columns: repeat(2,1fr); }
  .blog-grid { gap: 14px; }
  .testimonial-track { --testimonial-columns: 2; }
}

@media (max-width: 760px) {
  .section-shell { width: min(calc(100% - 32px), var(--content-width)); }
  .section-heading--split, .home-cta__inner { align-items: flex-start; flex-direction: column; }
  .hero { min-height: 690px; }
  .hero-slide__content { padding-block: 86px 130px; }
  .hero-slide__content h1, .hero-slide__content h2 { font-size: clamp(2.7rem,11vw,4.3rem); }
  .hero-slide__overlay { background: linear-gradient(90deg,rgba(9,3,4,.94),rgba(9,3,4,.62)); }
  .split-layout, .faq-layout { grid-template-columns: 1fr; }
  .image-placeholder--portrait { min-height: 430px; }
  .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 300px repeat(2,190px); gap: 12px; }
  .gallery-item--large { grid-column: 1 / -1; grid-row: auto; }
  .blog-grid { grid-template-columns: 1fr; gap: 18px; }
  .blog-card { display: grid; grid-template-columns: .8fr 1.2fr; }
  .blog-card > img { height: 100%; min-height: 220px; }
  .blog-card > div:last-child { display: flex; flex-direction: column; justify-content: center; }
}

@media (max-width: 600px) {
  .testimonial-track { --testimonial-columns: 1; }
  .testimonial-card { min-height: 0; }
  .gallery-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .gallery-item,.gallery-item--large { height: clamp(230px,72vw,310px); grid-column: auto; grid-row: auto; }
  .blog-card { display: block; }
  .blog-card > img { width: 100%; height: clamp(210px,64vw,280px); min-height: 0; }
  .blog-card > div:last-child { display: block; padding: 22px 20px; }
  .blog-card h3 { margin-bottom: 18px; font-size: 1.35rem; overflow-wrap: anywhere; }
}

@media (max-width: 540px) {
  .home-section { padding-block: 72px; }
  .trust-strip__grid { grid-template-columns: repeat(2,1fr); }
  .trust-strip__grid > div { min-height: 108px; }
  .feature-grid, .services-grid, .process-list { grid-template-columns: 1fr; }
  .feature-card { min-height: 230px; }
  .feature-card h3 { margin-top: 45px; }
  .gallery-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; }
  .gallery-item--large { grid-column: auto; }
  .hero-slide__actions .button { width: 100%; }
  .home-cta__actions { width: 100%; align-items: stretch; text-align: center; }
}