/* Offer-led presentation; portfolio layouts and playback remain unchanged. */
.hero-content{padding-top:var(--nav-h)}
.hero-title{font-size:clamp(2.7rem,6.8vw,7rem);line-height:1.04;letter-spacing:-.055em}
.hero-sub{max-width:46ch;line-height:1.5;margin-top:24px}
.hero-overlay{background:linear-gradient(90deg,rgba(19,26,25,.48),rgba(19,26,25,.25)),linear-gradient(0deg,rgba(19,26,25,.28),transparent)}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px}
.hero-actions .btn{margin:0;background:var(--surface);color:var(--ink);border-color:var(--surface)}
.hero-actions .btn:hover{background:var(--surface)}
.hero-work-link{font-size:.875rem;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.6)}
.section-eyebrow,.step-number{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.section-eyebrow{margin-bottom:28px;color:var(--muted)}
.offer{background:#e3e9e3;gap:clamp(32px,7vw,100px);padding-top:80px;padding-bottom:80px}
.offer-title{font-size:clamp(3.5rem,7vw,7rem)}
.offer-price{margin-top:28px;font-size:1.2rem}
.offer-right p{max-width:42ch;line-height:1.5}
.offer-right .offer-intro{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:24px}
.offer-right .action-note{font-size:.8rem;color:#505c55;margin:16px 0 0;max-width:40ch}
.process{max-width:1530px;margin:auto;padding:64px var(--gutter);border-bottom:1px solid var(--line)}
.process-heading h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.06}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 0;padding:0;list-style:none}
.process-steps li{padding-top:20px;border-top:1px solid var(--line)}
.step-number{color:var(--muted)}
.process-steps h3{font-size:1.2rem;font-weight:500;letter-spacing:-.025em;margin:24px 0 12px}
.process-steps p{color:var(--muted);font-size:1rem;line-height:1.6;max-width:36ch}
.work-link-wrap{max-width:1530px;margin:auto;padding:0 var(--gutter) 72px}
.work-link-wrap .btn{margin:0}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:768px){
  .hero-title{font-size:clamp(2.25rem,8.4vw,4rem)}
  .hero{min-height:620px}
  .hero-content{padding-top:40px}
  .hero-sub{font-size:1rem;max-width:32ch}
  .hero-actions{flex-direction:column;gap:14px;margin-top:22px}
  .offer{padding-top:48px;padding-bottom:48px}
  .process{padding-top:48px;padding-bottom:48px}
  .process-steps{grid-template-columns:1fr;gap:28px}
  .process-steps h3{margin-top:16px}
  .process-steps p{max-width:none}
}