:root {
  --svo-ink: #090909;
  --svo-ink-soft: #12110f;
  --svo-paper: #ebe5da;
  --svo-cream: #f4efe7;
  --svo-sand: #c6ad83;
  --svo-sand-deep: #95784c;
  --svo-muted: #8c857c;
  --svo-line: rgba(20,20,20,.17);
  --svo-serif: Georgia, "Times New Roman", serif;
  --svo-sans: Arial, Helvetica, sans-serif;
}

html { scroll-behavior: smooth; }
body.sv-offer-page { margin: 0; background: var(--svo-ink); color: #f5f1e8; font-family: var(--svo-sans); overflow-x: hidden; }
.sv-offer-page *, .sv-offer-page *::before, .sv-offer-page *::after { box-sizing: border-box; }
.sv-offer-page a { color: inherit; text-decoration: none; }
.sv-offer-page img { display: block; max-width: 100%; }
.sv-offer-wrap { width: min(1280px, calc(100% - 64px)); margin-inline: auto; }
.sv-offer-mini { font-size: 10px; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.sv-offer-accent { color: #a68a61; }
.sv-offer-skip { position: fixed; left: 14px; top: 14px; z-index: 1000; transform: translateY(-180%); padding: 10px 14px; background: #fff; color: #111; border-radius: 3px; }
.sv-offer-skip:focus { transform: translateY(0); }

/* Header */
.sv-offer-topbar { position: absolute; z-index: 30; inset: 0 0 auto; color: #fff; transition: background .25s ease, box-shadow .25s ease; }
.sv-offer-topbar.is-scrolled { position: fixed; background: rgba(9,9,9,.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.sv-offer-nav { height: 92px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.17); }
.sv-offer-brand { font-family: var(--svo-serif); font-size: 22px; letter-spacing: .08em; line-height: 1; }
.sv-offer-brand span { display: block; margin-top: 7px; font-family: var(--svo-sans); font-size: 8px; letter-spacing: .28em; opacity: .62; }
.sv-offer-navlinks { display: flex; gap: 30px; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.sv-offer-navlinks a, .sv-offer-navcta { transition: opacity .2s ease; }
.sv-offer-navlinks a:hover, .sv-offer-navcta:hover { opacity: .6; }
.sv-offer-navcta { justify-self: end; border-bottom: 1px solid #fff; padding: 8px 0; font-size: 11px; letter-spacing: .06em; }

/* Static-image hero */
.sv-offer-hero { min-height: 900px; position: relative; overflow: hidden; background: linear-gradient(135deg, #27231d, #0d0c0a 70%); }
.sv-offer-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sv-offer-page--drone .sv-offer-hero-image { object-position: center 48%; }
.sv-offer-hero-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,.12) 100%), linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.15) 48%, rgba(0,0,0,.64) 100%); }
.sv-offer-grain { position: absolute; inset: 0; z-index: 2; opacity: .09; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
.sv-offer-hero-inner { min-height: 900px; position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 76px; }
.sv-offer-kicker { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; color: #dac8aa; font-size: 10px; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.sv-offer-kicker::before { content: ""; width: 58px; height: 1px; background: #d6c3a1; }
.sv-offer-hero h1 { margin: 0; max-width: 1120px; font-family: var(--svo-serif); font-size: clamp(72px, 9vw, 140px); font-weight: 400; letter-spacing: -.055em; line-height: .84; color: #fff;}
.sv-offer-hero h1 em { color: #c9ad7f; font-weight: 400; }
.sv-offer-hero-bottom { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 70px; align-items: end; margin-top: 38px; }
.sv-offer-hero-bottom > p { max-width: 660px; margin: 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.75; }
.sv-offer-round-link { justify-self: end; width: 135px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; text-align: center; font-size: 10px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; transition: transform .25s ease, background .25s ease; }
.sv-offer-round-link b { font-size: 22px; font-weight: 400; }
.sv-offer-round-link:hover { transform: scale(1.035); background: rgba(255,255,255,.07); }

/* Marquee */
.sv-offer-marquee { overflow: hidden; background: var(--svo-sand); color: #0b0b0b; border-block: 1px solid #b99b70; }
.sv-offer-marquee div { width: max-content; white-space: nowrap; padding: 16px 0; font-family: var(--svo-serif); font-size: 24px; font-style: italic; word-spacing: 18px; animation: svo-marquee 42s linear infinite; }
@keyframes svo-marquee { to { transform: translateX(-40%); } }

/* Manifest */
.sv-offer-manifest { background: var(--svo-cream); color: #111; padding: 145px 0 135px; }
.sv-offer-manifest-grid { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 90px; }
.sv-offer-manifest-grid > .sv-offer-mini { padding-top: 13px; color: #716a60; }
.sv-offer-manifest-main { max-width: 1000px; margin: 0; font-family: var(--svo-serif); font-size: clamp(48px, 5.5vw, 82px); line-height: 1.02; letter-spacing: -.04em; }
.sv-offer-manifest-small { max-width: 540px; margin: 50px 0 0 auto; color: #70695f; font-size: 15px; line-height: 1.85; }

/* Offer areas */
.sv-offer-services { background: var(--svo-ink); padding: 130px 0 155px; }
.sv-offer-section-head { display: flex; justify-content: space-between; align-items: end; gap: 70px; margin-bottom: 82px; }
.sv-offer-section-head h2 { margin: 12px 0 0; font-family: var(--svo-serif); font-size: clamp(55px, 6vw, 82px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.sv-offer-section-head > p { max-width: 420px; margin: 0; color: #9e978d; font-size: 14px; line-height: 1.8; }
.sv-offer-service-list { display: grid; gap: 125px; }
.sv-offer-service { display: grid; grid-template-columns: minmax(0,1.32fr) minmax(330px,.68fr); gap: 76px; align-items: center; }
.sv-offer-service--reverse { grid-template-columns: minmax(330px,.68fr) minmax(0,1.32fr); }
.sv-offer-service--reverse .sv-offer-service-media { grid-column: 2; }
.sv-offer-service--reverse .sv-offer-service-copy { grid-column: 1; grid-row: 1; }
.sv-offer-service-media { position: relative; min-height: 570px; overflow: hidden; background: linear-gradient(145deg,#2b2721,#111); }
.sv-offer-service-media img { width: 100%; height: 100%; min-height: 570px; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.sv-offer-service:hover .sv-offer-service-media img { transform: scale(1.018); }
.sv-offer-service-index { position: absolute; right: 18px; bottom: 12px; color: rgba(255,255,255,.7); font-family: var(--svo-serif); font-size: 54px; line-height: 1; }
.sv-offer-service-copy h3 { margin: 15px 0 22px; font-family: var(--svo-serif); font-size: clamp(43px, 4.2vw, 63px); font-weight: 400; line-height: .97; letter-spacing: -.035em; color: #fff; }
.sv-offer-service-copy p { margin: 0; color: #aaa298; font-size: 15px; line-height: 1.85; }

/* Quote */
.sv-offer-quote { background: var(--svo-sand); color: #0c0c0c; padding: 110px 0; }
.sv-offer-quote blockquote { max-width: 1110px; margin: 0; font-family: var(--svo-serif); font-size: clamp(45px, 5.8vw, 86px); line-height: .98; letter-spacing: -.045em; }
.sv-offer-quote p { margin: 30px 0 0; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }

/* Process */
.sv-offer-process { background: var(--svo-paper); color: #111; padding: 130px 0 140px; }
.sv-offer-process-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: end; margin-bottom: 68px; }
.sv-offer-process-head h2 { margin: 12px 0 0; max-width: 700px; font-family: var(--svo-serif); font-size: clamp(54px, 5.8vw, 80px); font-weight: 400; line-height: .96; letter-spacing: -.04em; }
.sv-offer-process-head > p { max-width: 510px; margin: 0; color: #6e675e; font-size: 15px; line-height: 1.8; }
.sv-offer-process-list { border-top: 1px solid var(--svo-line); }
.sv-offer-process-item { display: grid; grid-template-columns: 100px minmax(240px,.8fr) 1.2fr; gap: 36px; padding: 38px 0; border-bottom: 1px solid var(--svo-line); align-items: start; }
.sv-offer-process-item > span { font-family: var(--svo-serif); font-size: 22px; color: #8f7651; }
.sv-offer-process-item h3 { margin: 0; font-family: var(--svo-serif); font-size: 40px; font-weight: 400; line-height: 1; }
.sv-offer-process-item p { max-width: 520px; margin: 2px 0 0; color: #706961; font-size: 14px; line-height: 1.8; }

/* Deliverables */
.sv-offer-deliver { background: #10100f; padding: 135px 0 145px; }
.sv-offer-deliver-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; align-items: start; }
.sv-offer-deliver-copy { position: sticky; top: 135px; }
.sv-offer-deliver-copy h2 { margin: 14px 0 28px; font-family: var(--svo-serif); font-size: clamp(52px, 5.4vw, 76px); font-weight: 400; line-height: .96; letter-spacing: -.04em; }
.sv-offer-deliver-copy p { max-width: 470px; margin: 0; color: #9d968c; font-size: 14px; line-height: 1.82; }
.sv-offer-big-list { border-top: 1px solid rgba(255,255,255,.15); }
.sv-offer-big-list > div { display: flex; justify-content: space-between; gap: 30px; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-family: var(--svo-serif); font-size: clamp(28px, 2.8vw, 40px); line-height: 1.05; }
.sv-offer-big-list b { color: #a88f6b; font-family: var(--svo-sans); font-size: 10px; letter-spacing: .15em; }

/* About */
.sv-offer-about { background: var(--svo-cream); color: #111; padding: 145px 0; }
.sv-offer-about-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 90px; align-items: center; }
.sv-offer-about-media { min-height: 680px; margin: 0; overflow: hidden; background: linear-gradient(145deg,#d1c6b4,#625648); }
.sv-offer-about-media img { width: 100%; height: 680px; object-fit: cover; }
.sv-offer-about-copy h2 { margin: 12px 0 30px; font-family: var(--svo-serif); font-size: clamp(54px, 5.6vw, 78px); font-weight: 400; line-height: .95; letter-spacing: -.045em; }
.sv-offer-about-copy p { max-width: 540px; color: #6b655c; font-size: 15px; line-height: 1.85; }

/* Contact */
.sv-offer-contact { background: var(--svo-ink); padding: 130px 0 145px; }
.sv-offer-contact-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 100px; align-items: end; }
.sv-offer-contact h2 { margin: 12px 0 30px; font-family: var(--svo-serif); font-size: clamp(65px, 7vw, 102px); font-weight: 400; line-height: .9; letter-spacing: -.05em; }
.sv-offer-contact h2 em { color: #c5a979; font-weight: 400; }
.sv-offer-contact p { max-width: 560px; margin: 0; color: #9f988f; font-size: 15px; line-height: 1.8; }
.sv-offer-contact-card { border-top: 1px solid rgba(255,255,255,.18); }
.sv-offer-contact-card a { display: flex; justify-content: space-between; gap: 25px; padding: 27px 2px; border-bottom: 1px solid rgba(255,255,255,.18); font-family: var(--svo-serif); font-size: 28px; transition: padding .2s ease, color .2s ease; }
.sv-offer-contact-card a:hover { padding-left: 10px; color: #d1ba95; }

/* Footer + mobile action */
.sv-offer-footer { background: #050505; border-top: 1px solid rgba(255,255,255,.09); color: #77716a; padding: 28px 0; }
.sv-offer-footer .sv-offer-wrap { display: flex; justify-content: space-between; gap: 30px; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.sv-offer-mobilebar { display: none; }

/* Reveal */
[data-sv-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
[data-sv-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .sv-offer-wrap { width: min(calc(100% - 34px), 720px); }
  .sv-offer-nav { height: 74px; grid-template-columns: 1fr auto; }
  .sv-offer-navlinks { display: none; }
  .sv-offer-brand { font-size: 18px; }
  .sv-offer-navcta { font-size: 9px; }

  .sv-offer-hero, .sv-offer-hero-inner { min-height: 760px; }
  .sv-offer-hero-inner { padding-bottom: 46px; }
  .sv-offer-hero h1 { font-size: clamp(55px, 15.5vw, 76px); max-width: 98%; }
  .sv-offer-hero-bottom { grid-template-columns: 1fr; gap: 30px; }
  .sv-offer-hero-bottom > p { font-size: 15px; }
  .sv-offer-round-link { justify-self: start; width: 125px; }

  .sv-offer-manifest { padding: 88px 0; }
  .sv-offer-manifest-grid { grid-template-columns: 1fr; gap: 30px; }
  .sv-offer-manifest-main { font-size: 44px; }
  .sv-offer-manifest-small { margin: 32px 0 0; }

  .sv-offer-services { padding: 88px 0 100px; }
  .sv-offer-section-head { display: block; margin-bottom: 52px; }
  .sv-offer-section-head h2 { font-size: 52px; }
  .sv-offer-section-head > p { margin-top: 20px; }
  .sv-offer-service-list { gap: 75px; }
  .sv-offer-service, .sv-offer-service--reverse { grid-template-columns: 1fr; gap: 28px; }
  .sv-offer-service--reverse .sv-offer-service-media, .sv-offer-service--reverse .sv-offer-service-copy { grid-column: auto; grid-row: auto; }
  .sv-offer-service-media, .sv-offer-service-media img { min-height: 420px; height: 420px; }
  .sv-offer-service-copy h3 { font-size: 44px; }

  .sv-offer-quote { padding: 78px 0; }
  .sv-offer-quote blockquote { font-size: 45px; }

  .sv-offer-process { padding: 88px 0; }
  .sv-offer-process-head { grid-template-columns: 1fr; gap: 25px; margin-bottom: 45px; }
  .sv-offer-process-head h2 { font-size: 51px; }
  .sv-offer-process-item { grid-template-columns: 50px 1fr; gap: 16px; padding: 28px 0; }
  .sv-offer-process-item p { grid-column: 2; }
  .sv-offer-process-item h3 { font-size: 31px; }

  .sv-offer-deliver { padding: 88px 0; }
  .sv-offer-deliver-grid { grid-template-columns: 1fr; gap: 46px; }
  .sv-offer-deliver-copy { position: static; }
  .sv-offer-deliver-copy h2 { font-size: 50px; }
  .sv-offer-big-list > div { font-size: 27px; }

  .sv-offer-about { padding: 88px 0; }
  .sv-offer-about-grid { grid-template-columns: 1fr; gap: 45px; }
  .sv-offer-about-media, .sv-offer-about-media img { min-height: 500px; height: 500px; }
  .sv-offer-about-copy h2 { font-size: 50px; }

  .sv-offer-contact { padding: 90px 0 115px; }
  .sv-offer-contact-grid { grid-template-columns: 1fr; gap: 50px; }
  .sv-offer-contact h2 { font-size: 60px; }
  .sv-offer-contact-card a { font-size: 24px; }

  .sv-offer-footer { padding-bottom: 88px; }
  .sv-offer-footer .sv-offer-wrap { display: block; line-height: 2.2; }
  .sv-offer-mobilebar { position: fixed; z-index: 70; display: flex; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); background: #e9e2d8; color: #0b0b0b; border-radius: 999px; padding: 7px; box-shadow: 0 16px 50px rgba(0,0,0,.35); }
  .sv-offer-mobilebar a { flex: 1; text-align: center; padding: 11px 8px; font-size: 12px; font-weight: 700; }
  .sv-offer-mobilebar a:first-child { background: #0c0c0c; color: #fff; border-radius: 999px; }
}

@media (max-width: 430px) {
  .sv-offer-hero h1 { font-size: 54px; }
  .sv-offer-kicker { font-size: 8px; letter-spacing: .16em; }
  .sv-offer-manifest-main { font-size: 39px; }
  .sv-offer-section-head h2, .sv-offer-process-head h2, .sv-offer-deliver-copy h2, .sv-offer-about-copy h2 { font-size: 43px; }
  .sv-offer-service-media, .sv-offer-service-media img { height: 340px; min-height: 340px; }
  .sv-offer-service-copy h3 { font-size: 39px; }
  .sv-offer-big-list > div { font-size: 23px; }
  .sv-offer-contact h2 { font-size: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sv-offer-marquee div { animation: none; }
  [data-sv-reveal] { opacity: 1; transform: none; transition: none; }
  .sv-offer-service-media img, .sv-offer-round-link, .sv-offer-contact-card a { transition: none; }
}

/* v7: Astra compatibility — headings on dark editorial sections must stay light. */
body.sv-offer-page .sv-offer-services h2,
body.sv-offer-page .sv-offer-deliver h2,
body.sv-offer-page .sv-offer-contact h2 { color:#f7f2e9 !important; }