custom.css - master - brightwe/leader_start

custom.css
77 строк5 KB
brightwe
Create: custom.css
27 июл 2026, 11:18
27 июл 2026, 11:181bba062
.fill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.desktop-nav{font-size:18px}
.desktop-nav,
.mobile-nav-panel a,
.button{font-family:Lebowski,Arial,Helvetica Neue,sans-serif}
.timeline-body{display:flex;align-items:flex-start;gap:26px}
.timeline-speaker{display:flex;flex:0 0 168px;flex-direction:column;align-items:center;gap:10px;width:168px;margin-bottom:0;text-align:center}
.speaker-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:132px;height:132px;border-radius:50%;color:#fff;font-size:13px;font-weight:800;object-fit:cover}
.speaker-avatar-top{object-position:50% 10%}
.speaker-name{color:var(--blue-dark);font-size:clamp(14px,1.1vw,16px);font-weight:800}
.speaker-info{display:flex;flex-direction:column;align-items:center;gap:6px}
.timeline-topic{flex:1 1 auto;min-width:0}
.topic-label{display:block;margin-bottom:6px;color:var(--sky-dark);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.topic-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;max-width:800px}
.topic-list li{position:relative;padding-left:18px;color:var(--muted);line-height:1.5}
.topic-list li:before{position:absolute;top:.62em;left:0;width:7px;height:7px;border-radius:50%;background:var(--lime-dark);content:""}

.plan-grid.single-plan{display:flex;justify-content:center}
.plan-grid.single-plan .plan{width:100%;max-width:420px}
.timeline-item.no-time{grid-template-columns:1fr}
@media (max-width:700px){.timeline-body{flex-direction:column;align-items:flex-start;gap:14px}.timeline-speaker{flex-direction:row;width:auto;text-align:left}.speaker-info{align-items:flex-start}}
.speaker-more{align-self:flex-start;padding:0;border:0;background:none;color:var(--sky-dark);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit}
.speaker-more:hover{color:var(--blue-dark)}
.review-track img{border-radius:24px}
.fact-icon{display:block;height:92px;width:auto;margin-bottom:36px;object-fit:contain}
.plan-badge{display:inline-block;margin-bottom:6px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.18);color:var(--white);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.speaker-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px}
.speaker-modal[data-open="true"]{display:flex}
.speaker-modal-backdrop{position:absolute;inset:0;background:rgba(13,73,55,.6);backdrop-filter:blur(3px)}
.speaker-modal-dialog{position:relative;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px 32px 36px;text-align:center;animation:speakerModalIn .22s cubic-bezier(.16,1,.3,1)}
@keyframes speakerModalIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.speaker-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}
.speaker-modal-close:hover{background:var(--blue-dark);color:var(--white)}
.speaker-modal-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 18px;display:block}
.speaker-modal-name{color:var(--blue-dark);font-size:22px;font-weight:800;margin-bottom:16px}
.speaker-modal-text{color:var(--muted);font-size:15px;line-height:1.6;text-align:left}
.speaker-modal-text ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.speaker-modal-text p{margin:0}
.speaker-modal-text blockquote{margin:16px 0 0;padding:14px 16px;border-left:3px solid var(--lime-dark);background:var(--surface);border-radius:12px;font-style:italic;color:var(--ink)}
body.modal-open{overflow:hidden}

button.button{cursor:pointer;appearance:none;-webkit-appearance:none}
.getcourse-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px}
.getcourse-modal[data-open="true"]{display:flex}
.getcourse-modal-dialog{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px 28px 28px;animation:speakerModalIn .22s cubic-bezier(.16,1,.3,1)}
.getcourse-modal-title{color:var(--blue-dark);font-size:20px;font-weight:800;text-align:center;margin-bottom:18px}
.getcourse-widget{min-height:140px}

/* Основной текст — Golos Text, заголовки остаются на Lebowski */
body{font-family:"Golos Text",Arial,Helvetica Neue,sans-serif}
h1,h2,h3{font-family:Lebowski,Arial,Helvetica Neue,sans-serif}

/* Единый стиль основного текста во всех блоках: один размер, один цвет, обычное начертание */
.hero-points p,
.fact-card p,
.brief-list article,
.timeline-topic>span,
.topic-list li,
.outcome p,
.audience-list p,
.plan li,
.plan-note,
.footer-inner,
.speaker-modal-text,
.reviews-intro>p,
.season-copy>p,
.section-heading>p{
  font-size:clamp(17px,1.3vw,19px);
  color:var(--muted);
  font-weight:400;
  line-height:1.5;
}

.fact-dark p{color:var(--white)}
.button{font-size:clamp(17px,1.3vw,19px);text-transform:uppercase}
.program-cta{display:flex;justify-content:center;margin-top:48px}