/* СЛАЙС: pages/sdg | РОЛЬ: стили страницы | ВЫЗЫВАЕТ: — */
/* ВХОД: — | ВЫХОД: nav, hero, контентные блоки 2–7 лендинга */
/* ЗАВИСИМОСТИ: токены и база из shared/ui/base.css; маски ../../../shared/ui/img/* */

/* ═══ NAV ═══ */
nav{
  position:fixed;top:0;left:0;right:0;width:100%;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px max(16px,calc((100% - var(--page-w)) / 2 + 28px));
  background:transparent;border:none;box-shadow:none;
  transition:all var(--t3) var(--ease);
}
nav.scrolled{
  background:rgba(38,30,24,.88);backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.logo{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#fff;transition:color var(--t3) var(--ease)}
.logo em{font-style:normal;color:#fff}
.nav-right{display:flex;align-items:center;gap:var(--sp4)}
.nav-link{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color var(--t2) var(--ease);cursor:pointer}
.nav-link:hover{color:rgba(255,255,255,.9)}
.nav-cta{
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:#fff;background:var(--c-gold);padding:9px 22px;border-radius:3px;
  transition:background var(--t2) var(--ease),box-shadow var(--t2) var(--ease);cursor:pointer;
}
.nav-cta:hover{background:var(--c-gold-l);box-shadow:var(--sh-gold)}

/* ═══ Маски и повороты секций ═══ */
#recognize.paper-sheet,#recognize.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-2.svg');mask-image:url('../../../shared/ui/img/paper-mask-2.svg')}
#thesis.paper-sheet,#thesis.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-3.svg');mask-image:url('../../../shared/ui/img/paper-mask-3.svg')}
#program.paper-sheet,#program.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-1.svg');mask-image:url('../../../shared/ui/img/paper-mask-1.svg')}
#forwhom.paper-sheet,#forwhom.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-2.svg');mask-image:url('../../../shared/ui/img/paper-mask-2.svg')}
#author.paper-sheet,#author.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-3.svg');mask-image:url('../../../shared/ui/img/paper-mask-3.svg')}
#promise.paper-sheet,#promise.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-1.svg');mask-image:url('../../../shared/ui/img/paper-mask-1.svg')}

#recognize.paper-sheet{transform:rotate(0.35deg)}
#thesis.paper-sheet{transform:rotate(-0.25deg)}
#program.paper-sheet{transform:rotate(0.3deg)}
#forwhom.paper-sheet{transform:rotate(-0.35deg)}
#author.paper-sheet{transform:rotate(0.2deg)}
#promise.paper-sheet{transform:rotate(-0.3deg)}

/* ═══ HERO (BLOCK 1) ═══ */
.hero-panel{padding-top:var(--sp7);margin-top:clamp(42px,5vw,54px);box-shadow:var(--sh-paper),var(--sh-gold-xl)}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp8);align-items:start}
.hero-left h1{
  font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.12;
  color:var(--c-text);margin-bottom:var(--sp3);
}
.hero-sub{font-size:18px;font-weight:400;color:var(--c-muted);line-height:1.7;margin-bottom:var(--sp5)}

.concrete-list{list-style:none;margin-bottom:var(--sp5)}
.concrete-list li{
  display:flex;align-items:baseline;gap:10px;
  font-size:16px;color:var(--c-muted);line-height:1.6;
  padding:8px 0;border-bottom:1px solid var(--c-line);
}
.concrete-list li:last-child{border-bottom:none}
.concrete-list .ic{flex-shrink:0}

.hero-benefits{list-style:none;margin-bottom:var(--sp5)}
.hero-benefits li{font-size:16px;font-weight:400;color:var(--c-muted);line-height:1.65;padding:6px 0 6px 26px;position:relative}
.hero-benefits li::before{content:'✓';position:absolute;left:0;top:6px;color:var(--c-gold);font-size:13px;font-weight:600}

.lead-block{display:flex;align-items:center;gap:16px;margin-bottom:var(--sp3)}
.lead-photo{
  width:64px;height:64px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:center top;
  border:2px solid var(--c-panel);box-shadow:0 2px 10px rgba(0,0,0,.15);
  filter:saturate(.9) contrast(1.05);
}
.lead-name{font-size:16px;color:var(--c-text)}
.lead-name strong{font-weight:600}
.lead-tagline{font-size:14px;color:var(--c-faint);margin-top:2px}

.hero-right{position:static}

.signup-card{
  background:rgba(144,117,58,.045);border:1px solid var(--c-line-g);
  border-radius:var(--panel-r);padding:var(--sp5);
}
.signup-concrete{margin-bottom:var(--sp4) !important}
.signup-concrete li{font-size:14px;gap:8px;padding:5px 0}

/* ═══ BLOCK 2 — RECOGNIZE ═══ */
.check-box-list{list-style:none;margin-bottom:var(--sp6)}
.check-box-list li{
  font-size:17px;font-weight:400;color:var(--c-muted);line-height:1.7;
  padding:12px 0 12px 32px;border-bottom:1px solid var(--c-line);position:relative;
}
.check-box-list li:last-child{border-bottom:none}
.check-box-list li::before{
  content:'';position:absolute;left:0;top:16px;width:14px;height:14px;
  border:1.5px solid var(--c-gold);border-radius:2px;
}
.accent-line{
  text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(20px,2.2vw,25px);color:var(--c-gold);line-height:1.55;
  padding:var(--sp5) var(--sp4) 0;
}

/* ═══ BLOCK 3 — THESIS ═══ */
.big-accent{
  margin-top:var(--sp6);text-align:center;font-family:'Cormorant Garamond',serif;
  font-size:clamp(22px,2.6vw,30px);font-weight:500;color:var(--c-text);line-height:1.5;
  padding:var(--sp5) var(--sp4) 0;border-top:1px solid var(--c-line);
}

/* ═══ BLOCK 4 — PROGRAM ═══ */
.program-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4);margin-top:var(--sp5)}
.program-card-s{
  background:transparent;border:1px solid var(--c-line);border-top:2px solid var(--c-gold);
  padding:var(--sp5);border-radius:0 0 3px 3px;
}
.program-card-s h3{
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;
  color:var(--c-text);margin-bottom:var(--sp2);line-height:1.25;
}
.program-card-s p{font-size:15px;font-weight:400;color:var(--c-muted);line-height:1.8}
.under-note{margin-top:var(--sp5);text-align:center;font-size:15px;color:var(--c-faint)}

/* ═══ BLOCK 5 — FOR WHOM ═══ */
.forwhom-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp6)}
.forwhom-col h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--c-text);margin-bottom:var(--sp4)}
.check-list,.cross-list{list-style:none}
.check-list li{
  font-size:15.5px;font-weight:400;color:var(--c-muted);line-height:1.75;
  padding:10px 0 10px 28px;border-bottom:1px solid var(--c-line);position:relative;
}
.check-list li:last-child{border-bottom:none}
.check-list li::before{content:'✓';position:absolute;left:0;top:10px;color:#7a9e7a;font-size:14px;font-weight:600}
.cross-list li{
  font-size:15.5px;font-weight:400;color:var(--c-muted);line-height:1.75;
  padding:10px 0;border-bottom:1px solid var(--c-line);display:flex;align-items:flex-start;gap:10px;
}
.cross-list li:last-child{border-bottom:none}
.cross-list li::before{content:'×';flex-shrink:0;color:var(--c-faint);font-size:20px;font-weight:300;line-height:1.3}
.col-note{margin-top:var(--sp4);font-size:14.5px;color:var(--c-faint);line-height:1.7}

/* ═══ BLOCK 6 — AUTHOR ═══ */
.author-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--sp7);align-items:start}
.author-photo{border-radius:4px;overflow:hidden}
.author-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;filter:saturate(.9) contrast(1.04)}
.author-info h3{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;color:var(--c-text);margin-bottom:var(--sp3)}
.author-bio{font-size:16px;font-weight:400;color:var(--c-muted);line-height:1.85;margin-bottom:var(--sp3)}
.author-bio:last-child{margin-bottom:0}

/* ═══ BLOCK 7 — PROMISE ═══ */
#promise .panel-inner{text-align:center}
.anti-promise p{
  font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.3vw,26px);font-weight:400;
  color:var(--c-text);line-height:1.6;margin-bottom:var(--sp3);
}
.anti-promise p:last-child{color:var(--c-muted);font-style:italic;font-size:clamp(17px,1.9vw,21px)}
.repeat-concrete{max-width:480px;margin:var(--sp6) auto 0;text-align:left}

/* ═══ RESPONSIVE ═══ */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .program-cards-3{grid-template-columns:1fr}
  .forwhom-grid{grid-template-columns:1fr;gap:var(--sp5)}
  .author-grid{grid-template-columns:1fr}
  .author-photo{max-width:280px}
}
@media(max-width:860px){
  nav{padding:12px 16px}
  .nav-right .nav-link{display:none}
  #recognize.paper-sheet,#recognize.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m2.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m2.svg') !important}
  #thesis.paper-sheet,#thesis.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m3.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m3.svg') !important}
  #program.paper-sheet,#program.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m1.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m1.svg') !important}
  #forwhom.paper-sheet,#forwhom.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m2.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m2.svg') !important}
  #author.paper-sheet,#author.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m3.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m3.svg') !important}
  #promise.paper-sheet,#promise.paper-sheet::after{-webkit-mask-image:url('../../../shared/ui/img/paper-mask-m1.svg') !important;mask-image:url('../../../shared/ui/img/paper-mask-m1.svg') !important}
}