.start-page { --sd-cream:#f7f1e6; --sd-cream2:#f1e8d7; --sd-ink:#2a2116; --sd-line:rgba(122,90,26,.18);
  --sd-shadow:0 1px 2px rgba(60,42,14,.06), 0 26px 58px -26px rgba(60,42,14,.5); }
.start-page main { background:#fbf8f2; }

.sd-hero { position:relative; display:flex; align-items:flex-end; overflow:hidden; color:#fff;
  background:#2e2320 url("/assets/start/wp02.jpg") center 62% / cover no-repeat;
  height:calc(100vh - var(--hdr,66px)); height:calc(100svh - var(--hdr,66px)); min-height:460px; }
.sd-hero::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(10,6,16,.36) 0%, rgba(10,6,16,.2) 32%, rgba(10,6,16,.56) 72%, rgba(8,5,14,.86) 100%); }
.sd-hero > * { position:relative; z-index:1; width:100%; }
.sd-hero__inner { padding:0 0 clamp(40px,6vw,80px); }
.sd-kicker { display:inline-flex; align-items:center; gap:12px; margin:0 0 20px; color:#f2dca6;
  font-size:14px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.sd-kicker:before { content:""; width:40px; height:2px; background:#e5bf65; box-shadow:0 2px 10px rgba(0,0,0,.55); }
.sd-hero h1 { margin:0; max-width:16ch; font-family:Georgia,serif; font-weight:700;
  font-size:clamp(48px,7.5vw,92px); line-height:1.03; text-shadow:0 4px 30px rgba(0,0,0,.4); }
.sd-hero p.sub { margin:22px 0 0; max-width:620px; font-size:clamp(18px,2vw,23px); line-height:1.5;
  color:rgba(255,255,255,.92); text-shadow:0 2px 16px rgba(0,0,0,.45); }
.sd-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.sd-hero-actions a { min-height:54px; display:inline-flex; align-items:center; justify-content:center;
  padding:14px 28px; border-radius:12px; font-weight:800; text-decoration:none; transition:background .2s,transform .2s; }
.sd-hero-actions a:hover { transform:translateY(-2px); text-decoration:none; }
.sd-btn-main { background:#e5bf65; color:#241a0a; border:1px solid #e5bf65; }
.sd-btn-main:hover { background:#f0d07b; color:#241a0a; }
.sd-btn-ghost { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.55); backdrop-filter:blur(4px); }
.sd-btn-ghost:hover { background:rgba(255,255,255,.2); color:#fff; }

/* Секция входов: десктоп — чередование фото/текст, мобил — карточки */
.sd-entries { padding:76px 0 52px; background:#fbf8f2; }
.sd-section-head { max-width:760px; margin:0 0 44px; }
.sd-section-head h2 { margin:0; font-family:Georgia,serif; font-weight:700; font-size:clamp(30px,4vw,46px); line-height:1.1; color:var(--sd-ink); }
.sd-section-head p { margin:16px 0 0; font-size:18px; line-height:1.6; color:var(--text-muted); }
.sd-entry { padding:78px 0; }
.sd-entries > .wrap + .sd-entry { padding-top:40px; }
.sd-entry__card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(36px,5vw,72px); align-items:flex-start; }
.sd-entry--reverse .sd-entry__media { order:2; }
.sd-entry__media { position:relative; align-self:flex-start; margin-top:12px; border-radius:24px; overflow:hidden; box-shadow:var(--sd-shadow); aspect-ratio:16/11; background:var(--sd-cream2); }
.sd-entry__media img { width:100%; height:100%; object-fit:cover; display:block; }
.sd-badge { position:absolute; left:18px; top:18px; z-index:1; padding:7px 14px; border-radius:999px;
  background:rgba(255,255,255,.92); color:#6a4d15; font-size:13px; font-weight:800; letter-spacing:.02em; box-shadow:0 6px 20px rgba(80,58,20,.16); }
.sd-entry__eyebrow { display:inline-flex; align-items:center; gap:12px; margin:0 0 14px; color:var(--accent); font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.sd-entry__eyebrow::before { content:""; flex:0 0 34px; width:34px; height:2px; border-radius:2px; background:currentColor; }
.sd-entry h3 { margin:0 0 16px; font-family:Georgia,serif; font-weight:700; font-size:clamp(30px,3.6vw,44px); line-height:1.1; color:var(--sd-ink); }
.sd-entry__lead { margin:0 0 12px; font-size:18px; line-height:1.6; color:var(--text); }
.sd-entry__gift { margin:0; font-size:18px; line-height:1.6; color:var(--text); font-weight:400; }
.sd-entry details { margin:18px 0 0; }
.sd-entry summary { display:inline-flex; align-items:center; gap:10px; cursor:pointer; list-style:none;
  color:var(--accent); font-weight:600; font-size:15px; padding:9px 0; min-height:44px; user-select:none; }
.sd-entry summary::-webkit-details-marker { display:none; }
.sd-entry summary::after { content:""; flex:0 0 auto; width:7px; height:7px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); transform-origin:60% 60%; transition:transform .25s; }
.sd-entry summary:hover { text-decoration:underline; text-underline-offset:4px; }
.sd-entry details[open] summary { margin-bottom:12px; }
.sd-entry details[open] summary::after { transform:rotate(-135deg); }
.sd-entry details p { margin:0 0 10px; font-size:15px; line-height:1.62; color:var(--text-muted); }
.sd-entry .sd-details__body { display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .44s cubic-bezier(.33,.68,.35,1), opacity .32s ease; }
.sd-entry .sd-details__body > div { overflow:hidden; }
.sd-entry details[open] .sd-details__body { grid-template-rows:1fr; opacity:1; }
.sd-entry details.is-opening .sd-details__body,
.sd-entry details.is-closing .sd-details__body { grid-template-rows:0fr; opacity:0; }
.sd-entry details.is-closing summary::after { transform:rotate(45deg); }
.sd-entry .cta-row { margin-top:26px; }
.sd-entry .btn { min-height:50px; border-radius:12px; padding:13px 28px; font-weight:700; gap:10px; }
.sd-btn-ic { flex:0 0 auto; width:19px; height:19px; fill:currentColor; }
@media (prefers-reduced-motion: reduce) {
  .sd-entry .sd-details__body { transition:none; }
}

.sd-entry--sky .sd-entry__media img { object-position:center 22%; }
.sd-entry--sky .sd-entry__eyebrow,
.sd-entry--sky .sd-entry__gift,
.sd-entry--sky summary { color:#4da3cb; }
.sd-entry--sky .btn { background:#4da3cb; border-color:#4da3cb; color:#fff; }
.sd-entry--sky .btn:hover { background:#3f8fb5; border-color:#3f8fb5; color:#fff; }

.sd-videos { padding:84px 0; background:#f6ebdb; color:var(--text); }
.sd-videos .sd-section-head { margin-bottom:36px; }
.sd-videos .sd-section-head h2 { color:var(--sd-ink); }
.sd-videos .sd-section-head p { color:var(--text-muted); }
.sd-videos .sd-section-head p.sd-vid-label { display:inline-flex; align-items:center; gap:12px; margin:0 0 14px; color:var(--accent); font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.sd-videos .sd-section-head p.sd-vid-label::before { content:""; flex:0 0 34px; width:34px; height:2px; border-radius:2px; background:currentColor; }
.sd-video-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sd-video { background:#fff; border:1px solid var(--sd-line); border-radius:20px; overflow:hidden; box-shadow:var(--sd-shadow); isolation:isolate; display:flex; flex-direction:column; }
.sd-video[hidden] { display:none; }
.sd-video .vf { flex:0 0 auto; position:relative; padding-top:56.25%; overflow:hidden; border-radius:20px 20px 0 0; background:#fff; }
.sd-video .vf iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; border-radius:20px 20px 0 0; }
.sd-video__body { flex:1 1 auto; padding:22px 24px 26px; display:flex; flex-direction:column; }
.sd-video__type { margin:0 0 10px; color:var(--accent); font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.sd-video__body h3 { margin:0 0 10px; font-family:Georgia,serif; font-size:21px; line-height:1.25; color:var(--sd-ink); }
.sd-video__desc { margin:0 0 14px; font-size:15px; line-height:1.6; color:var(--text-muted); }
.sd-video__points { margin:0 0 20px; padding:0; list-style:none; display:grid; gap:9px; }
.sd-video__points li { position:relative; padding-left:20px; font-size:15px; line-height:1.55; color:var(--text-muted); }
.sd-video__points li::before { content:""; position:absolute; left:2px; top:8px; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.sd-video__product { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:9px;
  padding:11px 20px; border-radius:11px; border:1px solid rgba(122,90,26,.4); background:transparent;
  color:var(--accent); font-weight:700; font-size:15px; text-decoration:none; transition:background .2s,color .2s,border-color .2s; }
.sd-video__product::after { content:"→"; font-weight:400; transition:transform .2s; }
.sd-video__product:hover { background:var(--accent); color:#fff; border-color:var(--accent); text-decoration:none; }
.sd-video__product:hover::after { transform:translateX(3px); }
.sd-more-row { display:flex; justify-content:center; margin-top:30px; }
.sd-videos .btn-ghost { color:var(--accent); border:1px solid rgba(122,90,26,.4); background:transparent; }
.sd-videos .btn-ghost:hover { background:var(--accent); color:#fff; border-color:var(--accent); }

.sd-support { padding:100px 0; background:#fbf8f2; }
.sd-support__card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:26px; }
.sd-support__card h2 { margin:0 0 10px; font-family:Georgia,serif; font-weight:700;
  font-size:clamp(26px,3vw,38px); line-height:1.12; color:var(--sd-ink); }
.sd-support__card p { margin:0; max-width:640px; font-size:18px; line-height:1.55; color:var(--text-muted); }
.sd-support .btn { min-height:50px; border-radius:12px; padding:13px 28px; font-weight:700; white-space:nowrap; }
.start-page .site-footer { margin-top:0; }
@media (max-width:1040px){
  .sd-support__card { flex-direction:column; align-items:flex-start; gap:22px; }
}

@media (max-width:760px){
  .sd-entry__lead, .sd-entry__gift { font-size:18px; }
  .sd-support { padding:68px 0; }
  .sd-support__card { flex-direction:column; align-items:flex-start; }
  .sd-support .btn { width:100%; text-align:center; }
}

@media (max-width:900px){
  .sd-video-list { grid-template-columns:1fr; }
  .sd-videos { padding:60px 0; }
  .sd-video { overflow:visible; border-radius:0 0 20px 20px; }
  .sd-video .vf { overflow:visible; border-radius:0; }
  .sd-video .vf iframe { border-radius:0; }
  .sd-entries { padding:52px 0; }
  .sd-entry { padding:0; }
  .sd-entries > .wrap + .sd-entry { padding-top:0; }
  .sd-entry + .sd-entry { margin-top:24px; }
  .sd-entry__eyebrow::before { display:none; }
  .sd-entry__card { display:block; background:#fff; border:1px solid var(--sd-line); border-radius:22px; overflow:hidden; box-shadow:var(--sd-shadow); }
  .sd-entry--reverse .sd-entry__media { order:0; }
  .sd-entry__media { margin-top:0; border-radius:0; aspect-ratio:16/10; box-shadow:none; }
  .sd-entry__content { padding:26px 24px 28px; }
  .sd-entry h3 { font-size:27px; }
  .sd-hero { height:auto; min-height:0; background-size:cover; background-position:left center; }
  .sd-hero__inner { padding-top:52px; padding-bottom:18px; }
  .sd-kicker { font-size:13px; }
  .sd-hero h1 { font-size:clamp(41px,10.5vw,60px); }
  .sd-hero p.sub { font-size:18px; }
  .sd-hero-actions { flex-direction:column; align-items:stretch; gap:12px; width:100%; max-width:400px; }
  .sd-hero-actions a { width:100%; }
}

@media (min-width:761px) and (max-width:900px){
  .sd-entry__card { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:0; align-items:stretch; }
  .sd-entry--reverse .sd-entry__media { order:0; }
  .sd-entry__media { aspect-ratio:auto; height:100%; min-height:230px; margin-top:0; border-radius:0; }
  .sd-entry__content { padding:26px 26px 28px; }
  .sd-entry h3 { font-size:23px; }
  .sd-hero-actions { flex-direction:row; align-items:center; flex-wrap:nowrap; gap:14px; width:auto; max-width:none; }
  .sd-hero-actions a { width:auto; min-height:50px; padding:12px 22px; font-size:16px; white-space:nowrap; }
}

/* ============ Симметрия блоков входа ============ */

@media (min-width:901px){
  .sd-entry--reverse .sd-entry__card { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
  .sd-entry__content { align-self:center; }
}

@media (min-width:901px) and (max-width:1140px){
  .sd-entry { padding:56px 0; }
  .sd-entries > .wrap + .sd-entry { padding-top:28px; }
  .sd-entry__card { gap:40px; }
  .sd-entry h3 { font-size:clamp(28px,3.1vw,36px); }
  .sd-videos { padding:68px 0; }
  .sd-support { padding:78px 0; }
}

/* ============ Границы полос ============ */

.sd-videos { border-top:1px solid #e2d8cd; }
.sd-support { border-top:1px solid #e7e4e2; }

/* ============ Тихое проявление при прокрутке ============ */

.start-page .sd-section-head,
.start-page .sd-entry__card,
.start-page .sd-video,
.start-page .sd-more-row,
.start-page .sd-support__card {
  transition:opacity .42s ease, transform .42s cubic-bezier(.16,1,.3,1);
}

.start-page .sd-section-head.is-hidden,
.start-page .sd-entry__card.is-hidden,
.start-page .sd-video.is-hidden,
.start-page .sd-more-row.is-hidden,
.start-page .sd-support__card.is-hidden {
  opacity:0;
  transform:translateY(12px);
}

@media (prefers-reduced-motion:reduce){
  .start-page .sd-section-head,
  .start-page .sd-entry__card,
  .start-page .sd-video,
  .start-page .sd-more-row,
  .start-page .sd-support__card { transition:none; }
}

/* Широкий планшет: первый экран по пропорции кадра */
@media (min-width:901px) and (max-width:1040px){
  .sd-hero { height:clamp(600px,70vw,720px); min-height:0; padding-bottom:0; background-position:center 52%; }
  .sd-hero__inner { padding-bottom:90px; }
}

/* Телефон: кадр первого экрана — луна над заголовком */
@media (max-width:760px){
  .sd-hero { background-size:auto 124%; background-position:33% bottom; }
}