/* Keep the original Fieldwork design; refine only the sales path and new sections. */
html { scroll-padding-top: 110px; }
.skip-link { z-index: 40; }
.site-header { position: fixed; z-index: 30; transition: background .2s, padding .2s; }
.site-header.is-scrolled { background: #060a11f5; backdrop-filter: blur(16px); border-bottom: 1px solid #ffffff14; padding-top: 16px; padding-bottom: 16px; }
.hero-eyebrow { color: #c9dcff; font-size: 10px; font-weight: 700; letter-spacing: 2px; margin: 0 0 22px; }
.hero-copy { max-width: 660px; }
.services-intro { max-width: 970px; }
.service-problem { display:block; margin-bottom:7px; color:#172c4a; font-weight:700; }
.alpine-site-visual { background:radial-gradient(ellipse at 35% 0%,#f1f0ec,#d4d9dc 75%); }
.alpine-browser { position:absolute; width:82%; left:5%; top:7%; border:3px solid #1d2630; border-radius:7px; overflow:hidden; box-shadow:0 13px 28px #101c3038; background:#1d2630; }
.alpine-browser-bar { display:flex; align-items:center; gap:18px; padding:5px 9px; color:#c4ced8; font-size:7px; line-height:1.3; }
.alpine-browser-bar > span:first-child { font-size:6px; letter-spacing:1px; color:#8190a0; }
.alpine-browser img { display:block; width:100%; height:auto; aspect-ratio:16/9; }
.alpine-phone { position:absolute; width:19%; right:4%; bottom:15%; padding:4px; border:1px solid #6c7782; border-radius:14px; background:#121923; box-shadow:0 10px 22px #101c304d; }
.alpine-phone img { display:block; width:100%; height:auto; border-radius:9px; }
.alpine-site-caption { position:absolute; left:5%; right:4%; bottom:5%; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#24374b; font-size:10px; line-height:1.4; }
.alpine-site-caption strong { font-weight:700; }
.alpine-site-caption > span { font-size:8px; white-space:nowrap; }
.alpine-site-caption i { font-size:14px; font-style:normal; margin-left:4px; }
@media(max-width:480px) {
  .alpine-browser { width:94%; left:3%; top:13%; border-width:2px; border-radius:5px; }
  .alpine-browser-bar { font-size:6px; padding:4px 6px; gap:12px; }
  .alpine-phone { display:none; }
  .alpine-site-caption { left:4%; right:4%; bottom:7%; flex-wrap:wrap; gap:3px 10px; font-size:10px; }
  .alpine-site-caption > span { font-size:8px; }
}
.header-cta { white-space: nowrap; }
.work-showcase { padding-top: 84px; }
.work-bottom > p { max-width: 650px; }
.work-bottom small { max-width: 560px; font-size: 11px; }
.red-ark-media { background: radial-gradient(ellipse at 70% 25%, #443936, #14191e 75%); }
.red-ark-media > img { top: 70px; left: 8%; width: 87%; height: auto; object-fit: contain; transform: rotate(-3deg); border: 1px solid #ffffff25; border-radius: 3px; box-shadow: 0 24px 60px #0008; }
.red-ark-panel .work-shade { background: linear-gradient(0deg, #070d16 0%, #070d16eb 22%, #070d1616 50%, transparent 80%); }
.site-preview-arrow { font-size: 32px; }
.more-work { border-top: 1px solid #ffffff26; border-bottom: 1px solid #ffffff26; }
.more-work > summary { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 28px var(--page-pad); cursor: pointer; list-style: none; }
.more-work > summary::-webkit-details-marker { display: none; }
.more-work > summary > span { color: #a8b9d0; font-size: 14px; }
.more-work > summary strong { display: flex; align-items: center; gap: 35px; font-size: 14px; font-weight: 700; }
.more-work > summary i { font: 30px/1 Manrope, sans-serif; color: #72a7ff; transition: transform .2s; }
.more-work[open] > summary i { transform: rotate(45deg); }
.more-work .work-gallery { padding-bottom: 14px; }
.more-work .work-panel:last-child { grid-column: 1 / -1; }
.investment-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 8vw, 130px); padding: 100px var(--page-pad); background: #080d16; border-top: 1px solid #ffffff15; }
.investment-heading .eyebrow { color: #76a7ff; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; margin: 0 0 26px; }
.investment-heading h2 { font: 800 clamp(52px, 6.1vw, 100px)/.96 Barlow, Impact, sans-serif; letter-spacing: -.025em; text-transform: uppercase; margin: 0 0 28px; }
.investment-heading h2 span { color: #719aff; }
.investment-heading > p:not(.eyebrow) { color: #adbbce; font-size: 16px; line-height: 1.8; max-width: 475px; margin: 0 0 30px; }
.investment-questions { align-self: center; border-top: 1px solid #ffffff30; }
.investment-questions details { border-bottom: 1px solid #ffffff30; }
.investment-questions summary { list-style: none; min-height: 84px; display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1.5; padding: 22px 0; }
.investment-questions summary::-webkit-details-marker { display: none; }
.investment-questions summary span { color: #75a8ff; font: 28px/1 Manrope, sans-serif; flex-shrink: 0; }
.investment-questions details[open] summary span { transform: rotate(45deg); }
.investment-questions details > div { padding: 0 25px 26px 0; color: #acbad0; font-size: 14px; line-height: 1.85; }
.investment-questions p { margin: 0; }
.investment-questions a { display: inline-block; color: #91b6ff; margin-top: 15px; border-bottom: 1px solid #507fc2; }
.opportunity-email { display: block; margin: 22px 0 0; color: #fff; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; overflow-wrap: anywhere; }
.growth-dialog { width: min(620px, calc(100% - 32px)); }
.growth-dialog label span { color: #9cacc3; font-weight: 400; }
.growth-dialog select, .growth-dialog textarea { display: block; width: 100%; color: #fff; background: #121d2d; border: 1px solid #64738b; border-radius: 3px; padding: 12px; min-height: 48px; font: inherit; font-size: 14px; }
.growth-dialog textarea { resize: vertical; }
.growth-dialog input::placeholder, .growth-dialog textarea::placeholder { color: #94a4ba; opacity: 1; }
.growth-dialog input, .growth-dialog select, .growth-dialog textarea { font-size: 16px; }
.growth-dialog .preview-note { line-height: 1.8; }
.growth-dialog .review-scope { font-size: 11px; color: #a3b5cf; margin: -2px 0 16px; }
.service-scope-note { font-size: 10px; line-height: 1.7; color: #5d6879; margin: 18px 0 0; }
.growth-dialog a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.growth-dialog .direct-email { font-size: 11px; text-align: center; margin: 24px 0 0; overflow-wrap: anywhere; }
.growth-dialog .direct-email a { display: inline-block; }
.draft-alternatives { display: flex; gap: 24px; margin: 22px 0 0; }
.draft-alternatives button { background: none; color: #b9d1ff; font: inherit; font-size: 13px; padding: 10px 0; text-decoration: underline; text-underline-offset: 5px; }
.draft-preview { margin-top: 20px; color: #c0cce0; font-size: 12px; }
.draft-preview summary { cursor: pointer; padding: 12px 0; }
.draft-preview pre { font: 12px/1.7 Manrope, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; background: #ffffff08; padding: 16px; }
#copy-status { font-size: 12px; }
.footer-contact { display: flex; gap: 25px; flex-wrap: wrap; color: #bac8da; font-size: 12px; padding-top: 24px; }
.footer-contact a { overflow-wrap: anywhere; }
@media(max-width: 1150px) and (min-width: 701px) { .investment-section { gap: 45px; } }
@media(max-width: 700px) {
  .film-scene { width: calc(100% - 124px); min-width: 0; gap: 8px; }
  .film-scene #scene-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .film-scene .scene-rule { display: none; }
  .film-scene #scene-number { flex-shrink: 0; white-space: nowrap; }
  html { scroll-padding-top: 90px; }
  .hero-eyebrow { font-size: 8px; letter-spacing: 1.35px; line-height: 1.6; margin-bottom: 20px; }
  .site-header.is-scrolled { padding-top: 13px; padding-bottom: 13px; }
  .work-showcase { padding-top: 54px; }
  .red-ark-media > img { width: 112%; left: -1%; top: 77px; }
  .more-work > summary { align-items: flex-start; flex-direction: column; gap: 12px; padding: 24px 22px; }
  .more-work > summary > span { font-size: 12px; }
  .more-work > summary strong { width: 100%; justify-content: space-between; font-size: 12px; gap: 10px; }
  .investment-section { grid-template-columns: 1fr; padding: 60px 22px; gap: 40px; }
  .investment-heading h2 { font-size: clamp(50px, 12.8vw, 76px); }
  .investment-heading > p:not(.eyebrow) { font-size: 15px; }
  .investment-questions summary { font-size: 14px; min-height: 74px; }
  .investment-questions details > div { padding-right: 10px; font-size: 13px; }
  .growth-dialog h2 { font-size: 43px; }
  .growth-dialog { padding: 28px 22px; }
  .growth-dialog form { margin-top: 20px; }
  .growth-dialog .button { gap: 15px; }
  .opportunity-email { font-size: 12px; }
}
@media(prefers-reduced-motion: reduce) { .site-header, .more-work > summary i { transition: none; } }