/* Первый экран по согласованному макету, 05.11.2026. Остальной квиз сохранён. */
body.crew-page {--hero-accent:#ffd264}
body.crew-page.is-welcome{background:#111a24;color:#fff;position:relative;isolation:isolate}
body.crew-page.is-welcome::before{content:"";position:absolute;inset:0 0 auto;height:100svh;min-height:760px;z-index:-1;background:linear-gradient(90deg,rgba(8,15,22,.97) 0%,rgba(8,15,22,.82) 35%,rgba(8,15,22,.18) 80%),url("/assets/crew-20261105.webp") center / cover no-repeat}
.crew-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 4.5%;min-height:104px;background:#161d25;color:white}
.is-welcome .crew-header{background:transparent}
.crew-contact,.crew-messengers,.crew-header nav{display:flex;align-items:center}
.crew-contact{gap:28px}.crew-phone{font-size:26px;font-weight:700;white-space:nowrap}
.crew-header a{color:inherit;text-decoration:none}.crew-messengers{gap:16px}
.crew-messengers a{display:grid;place-items:center;min-width:36px;min-height:44px}
.crew-messengers img{width:27px;height:27px}.crew-header nav{gap:38px;font-size:19px}
.crew-header a:hover{color:var(--hero-accent)}.crew-header a:focus-visible,.crew-cta:focus-visible,.crew-quiz:focus-visible{outline:2px solid var(--hero-accent);outline-offset:5px}
body.crew-page.is-welcome main.welcome-step{background:none;color:white;min-height:calc(100svh - 104px);display:block}
body.crew-page.is-welcome main.welcome-step::before{display:none}
body.crew-page.is-welcome main.welcome-step .content{width:100%;max-width:none;min-height:calc(100svh - 104px);padding:45px 4.5% 26px;display:block;background:none}
body.crew-page #offer{max-width:none;position:relative;min-height:calc(100svh - 175px);padding-bottom:110px}
.crew-title{font:700 clamp(30px,3.05vw,49px)/1.17 Arial,Helvetica,sans-serif;letter-spacing:-.025em;max-width:810px;margin:8px 0 38px;text-wrap:balance}
.crew-title em{font-style:normal;color:var(--hero-accent)}
.crew-description{font-size:clamp(17px,1.45vw,22px);line-height:1.45;max-width:535px;margin:0 0 30px;color:#f3f3f3}
.crew-cta{display:inline-flex;align-items:center;gap:26px;padding:22px 26px;background:var(--hero-accent);color:#171b20;font-size:21px;font-weight:700;text-decoration:none;min-height:68px}
.crew-cta span{font-size:30px;line-height:1}.crew-cta:hover{background:#ffe196}
.crew-quiz{display:block;margin-top:16px;padding:4px 0;border:0;background:none;color:#e2e4e7;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.crew-services{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:2px solid var(--hero-accent);padding-top:22px;font-size:25px}
.crew-services span+span{border-left:1px solid var(--hero-accent);text-align:center}
body.crew-page .business-details{background:var(--paper);color:var(--ink)}
body.crew-page #offer[hidden]{display:none}
@media(min-width:1600px){.crew-title{max-width:920px}}
@media(max-width:1000px){.crew-header{padding:20px 24px;gap:20px}.crew-phone{font-size:22px}.crew-contact{gap:12px}.crew-header nav{gap:20px;font-size:16px}.crew-messengers{gap:6px}.crew-title{max-width:700px}}
@media(max-width:700px){.crew-header{align-items:flex-start;flex-direction:column;gap:10px;padding:16px 20px}.crew-contact{width:100%;justify-content:space-between;gap:8px}.crew-phone{font-size:21px}.crew-header nav{width:100%;justify-content:space-between;font-size:14px}.crew-messengers a{min-width:32px}.crew-messengers img{width:24px;height:24px}
body.crew-page.is-welcome::before{height:100%;min-height:0;background:linear-gradient(180deg,rgba(8,15,22,.6),rgba(8,15,22,.91) 42%,#111a24 85%),url("/assets/crew-20261105.webp") 68% 0 / auto 500px no-repeat}
body.crew-page.is-welcome main.welcome-step .content{padding:28px 20px 25px;min-height:calc(100svh - 120px)}
body.crew-page #offer{min-height:calc(100svh - 175px);padding-bottom:95px}
.crew-title{font-size:clamp(27px,6.9vw,38px);margin:0 0 25px;max-width:100%;line-height:1.16;text-wrap:initial}.crew-description{font-size:17px;max-width:100%;margin-bottom:24px}.crew-cta{font-size:17px;padding:17px 20px;gap:15px}.crew-services{font-size:14px;gap:10px;padding-top:17px}.crew-services span+span{padding-left:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body.crew-page #offer .crew-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,2.8vw,44px);line-height:1.17;max-width:780px;margin:8px 0 34px;font-weight:700}
body.crew-page.is-welcome main.welcome-step .content{padding-top:35px;padding-bottom:26px}
body.crew-page #offer{min-height:calc(100svh - 200px)}
@media(max-width:700px){body.crew-page #offer .crew-title{font-size:clamp(27px,6.9vw,34px);line-height:1.16;margin:0 0 25px}body.crew-page.is-welcome main.welcome-step .content{padding:28px 20px 25px}body.crew-page #offer{min-height:calc(100svh - 175px)}}

/* Полный исходный кадр 4:3: отдельный слой сохраняет пропорции и композицию. */
body.crew-page.is-welcome::before{display:none}
.crew-backdrop{display:none}
body.crew-page.is-welcome .crew-backdrop{display:block;position:absolute;left:0;top:0;width:100%;height:100svh;min-height:760px;overflow:hidden;z-index:-1;background:#101b2a}
.crew-backdrop img{position:absolute;left:20%;top:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;max-width:none}
.crew-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a121c 0%,rgba(10,18,28,.95) 20%,rgba(10,18,28,.72) 40%,rgba(10,18,28,.15) 78%,rgba(10,18,28,.12) 100%)}
@media(max-width:700px){body.crew-page.is-welcome .crew-backdrop{height:540px;min-height:0}.crew-backdrop img{left:0;object-fit:cover;object-position:62% top}.crew-backdrop::after{background:linear-gradient(180deg,rgba(10,18,28,.35),rgba(10,18,28,.72) 40%,#111a24 100%)}}

.crew-backdrop::after{background:linear-gradient(90deg,#0a121c 0%,#0a121c 25%,rgba(10,18,28,.86) 40%,rgba(10,18,28,.15) 78%,rgba(10,18,28,.12) 100%)}
@media(max-width:700px){.crew-backdrop::after{background:linear-gradient(180deg,rgba(10,18,28,.35),rgba(10,18,28,.72) 40%,#111a24 100%)}}

/* Компактные промежутки между мессенджерами, по просьбе владельца. */
body.crew-page .crew-messengers{gap:4px}