:root {
  --summit-coral: #ff5f7d;
  --summit-turquoise: #18b8b2;
  --summit-yellow: #ffd65a;
  --summit-violet: #7c3ed6;
  --summit-plum: #2f123f;
}

.summit-page { background: #fff9f0; }
.site-nav .summits-active { color: var(--gold-light); }

.summit-hero { position: relative; overflow: hidden; color: var(--white); background: radial-gradient(circle at 12% 17%, rgba(255,214,90,.24), transparent 22%), radial-gradient(circle at 86% 16%, rgba(24,184,178,.24), transparent 23%), linear-gradient(135deg, #341044 0%, #6f2ab0 52%, #d9417c 100%); }
.summit-hero::after { position: absolute; right: -80px; bottom: -140px; width: 330px; height: 330px; border: 52px solid rgba(255,214,90,.17); border-radius: 50%; content: ""; }
.summit-hero-inner { position: relative; z-index: 2; width: min(1180px, calc(100% - 40px)); min-height: 700px; margin: auto; padding: 84px 0 92px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: clamp(44px, 7vw, 90px); }
.summit-kicker { margin: 0 0 20px; color: var(--summit-yellow); font-size: .78rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.summit-kicker-dark { color: var(--summit-violet); }
.summit-title-wrap { position: relative; width: fit-content; }
.summit-title-wrap h1 { margin: 0 0 24px; color: var(--white); font-size: clamp(5.1rem, 10vw, 9.3rem); font-weight: 700; line-height: .7; letter-spacing: -.07em; text-shadow: 0 12px 35px rgba(31,6,45,.24); }
.summit-script { position: absolute; z-index: 1; top: 39%; right: -54px; padding: 2px 14px 5px; color: var(--summit-plum); background: var(--summit-yellow); font: 400 clamp(2.1rem, 4vw, 3.5rem)/1 "Parisienne", cursive; transform: rotate(-7deg); box-shadow: 8px 9px 0 rgba(24,184,178,.68); }
.summit-lead { max-width: 650px; margin: 0 0 30px; color: #fff8ff; font-size: 1.12rem; line-height: 1.7; }
.summit-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.summit-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; border-radius: 999px; padding: 14px 25px; text-decoration: none; font-size: .93rem; font-weight: 800; line-height: 1.2; transition: transform .2s, box-shadow .2s, background .2s; }
.summit-button:hover { transform: translateY(-3px) rotate(-1deg); }
.summit-button-primary { color: var(--summit-plum); background: var(--summit-yellow); box-shadow: 0 12px 0 rgba(48,18,63,.32); }
.summit-button-secondary { color: var(--white); border: 2px solid rgba(255,255,255,.65); background: rgba(47,18,63,.2); }
.summit-details { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 33px; }
.summit-details span { padding: 7px 12px; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; color: #fff8ff; background: rgba(47,18,63,.18); font-size: .77rem; font-weight: 700; }

.summit-visual { position: relative; min-height: 500px; display: grid; place-items: center; }
.summit-photo-frame { position: relative; width: min(100%, 460px); aspect-ratio: .88; overflow: hidden; border: 10px solid var(--white); border-radius: 44% 44% 12% 12%; transform: rotate(3deg); box-shadow: 20px 25px 0 var(--summit-turquoise), 0 30px 80px rgba(38,8,54,.35); }
.summit-photo-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 69% center; transform: scale(1.08); }
.summit-sticker { position: absolute; z-index: 2; padding: 12px 20px; border: 4px solid var(--summit-plum); color: var(--summit-plum); font-size: 1rem; font-weight: 800; text-transform: uppercase; box-shadow: 7px 8px 0 rgba(47,18,63,.7); }
.summit-sticker-top { top: 30px; left: -5px; background: var(--summit-coral); transform: rotate(-8deg); }
.summit-sticker-bottom { right: -12px; bottom: 42px; background: var(--summit-yellow); transform: rotate(5deg); }

.summit-confetti span { position: absolute; z-index: 1; display: block; width: 18px; height: 50px; border-radius: 99px; background: var(--summit-yellow); transform: rotate(35deg); }
.summit-confetti span:nth-child(1) { top: 10%; left: 3%; }
.summit-confetti span:nth-child(2) { top: 79%; left: 7%; width: 22px; height: 22px; background: var(--summit-turquoise); transform: rotate(18deg); }
.summit-confetti span:nth-child(3) { top: 13%; right: 4%; width: 22px; height: 22px; background: var(--summit-coral); transform: rotate(20deg); }
.summit-confetti span:nth-child(4) { right: 41%; bottom: 6%; width: 12px; height: 42px; background: var(--summit-yellow); transform: rotate(-28deg); }
.summit-confetti span:nth-child(5) { top: 8%; left: 49%; width: 15px; height: 15px; border-radius: 50%; background: var(--white); }

.summit-truth { position: relative; z-index: 3; padding: 29px 20px; text-align: center; color: var(--summit-plum); background: var(--summit-yellow); border-bottom: 7px solid var(--summit-turquoise); }
.summit-truth p { margin: 0; font: 700 clamp(2rem, 5vw, 4rem)/1 "Cormorant Garamond", serif; letter-spacing: -.03em; }

.summit-section { width: min(1180px, calc(100% - 40px)); margin: auto; padding: 105px 0; }
.summit-heading { max-width: 790px; margin-bottom: 50px; }
.summit-heading h2, .summit-takeaway h2, .summit-register h2 { margin-bottom: 22px; font-size: clamp(2.8rem, 5vw, 5rem); letter-spacing: -.04em; }
.summit-heading > p:last-child { max-width: 680px; color: #67586e; font-size: 1.06rem; }
.summit-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.summit-topic-card { min-height: 340px; display: flex; flex-direction: column; padding: 30px 27px; border: 3px solid var(--summit-plum); border-radius: 22px; color: var(--summit-plum); box-shadow: 9px 10px 0 var(--summit-plum); transform: rotate(-1deg); }
.summit-topic-card:nth-child(even) { transform: rotate(1deg); }
.summit-topic-card > span { font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
.summit-topic-card h3 { margin: 54px 0 18px; font-size: 2.4rem; }
.summit-topic-card p { margin: 0; font-size: .94rem; line-height: 1.6; }
.summit-topic-card small { margin-top: auto; padding-top: 28px; font-weight: 800; }
.card-purple { color: var(--white); background: var(--summit-violet); }
.card-coral { background: #ff8a9f; }
.card-turquoise { background: #5ad7d1; }
.card-gold { background: var(--summit-yellow); }

.summit-takeaway { padding: 100px max(20px, calc((100vw - 1180px)/2)); color: var(--white); background: linear-gradient(112deg, var(--summit-plum), #5c1f73); }
.summit-takeaway-inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(45px, 8vw, 100px); align-items: center; }
.summit-script-line { margin: 0 0 2px; color: var(--summit-yellow); font: 400 2.7rem/1 "Parisienne", cursive; }
.summit-takeaway h2 { margin-bottom: 0; }
.summit-takeaway ul { margin: 0; padding: 0; list-style: none; }
.summit-takeaway li { position: relative; margin-bottom: 14px; padding: 18px 20px 18px 55px; border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(255,255,255,.08); font-weight: 700; }
.summit-takeaway li::before { position: absolute; left: 19px; top: 17px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: var(--summit-plum); background: var(--summit-yellow); content: "✓"; font-size: .75rem; }

.summit-register { padding: 95px 20px; background: radial-gradient(circle at 16% 20%, rgba(255,95,125,.25), transparent 23%), radial-gradient(circle at 85% 76%, rgba(24,184,178,.28), transparent 26%), #fff4dd; }
.summit-register-card { width: min(900px, 100%); margin: auto; padding: clamp(45px, 8vw, 80px); text-align: center; border: 4px solid var(--summit-plum); border-radius: 30px; background: var(--white); box-shadow: 14px 16px 0 var(--summit-violet); }
.summit-register-card .summit-kicker { color: var(--summit-violet); }
.summit-register-card > p:not(.summit-kicker, .summit-contact) { max-width: 660px; margin: 0 auto 30px; color: #67586e; }
.summit-register-card .summit-button { margin-bottom: 27px; background: var(--summit-yellow); }
.summit-contact { margin: 0; color: #67586e; font-size: .87rem; }
.summit-contact a { color: var(--summit-violet); font-weight: 800; overflow-wrap: anywhere; }

@media (max-width: 1000px) {
  .summit-hero-inner { grid-template-columns: 1fr; padding-top: 70px; }
  .summit-hero-copy { max-width: 700px; }
  .summit-visual { min-height: 440px; }
  .summit-photo-frame { width: min(82vw, 460px); }
  .summit-card-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}

@media (max-width: 700px) {
  .summit-hero-inner { width: calc(100% - 32px); min-height: 0; padding: 64px 0 78px; gap: 55px; }
  .summit-title-wrap h1 { font-size: clamp(4.6rem, 26vw, 7rem); }
  .summit-script { right: -18px; }
  .summit-actions { flex-direction: column; }
  .summit-button { width: 100%; }
  .summit-details { gap: 7px; }
  .summit-visual { min-height: 390px; }
  .summit-photo-frame { width: min(78vw, 370px); border-width: 7px; box-shadow: 13px 16px 0 var(--summit-turquoise), 0 25px 60px rgba(38,8,54,.35); }
  .summit-sticker { padding: 9px 13px; border-width: 3px; font-size: .78rem; box-shadow: 5px 6px 0 rgba(47,18,63,.7); }
  .summit-sticker-top { left: 0; }
  .summit-sticker-bottom { right: 0; }
  .summit-section { width: calc(100% - 32px); padding: 78px 0; }
  .summit-heading h2, .summit-takeaway h2, .summit-register h2 { font-size: 2.9rem; }
  .summit-card-grid { grid-template-columns: 1fr; }
  .summit-topic-card { min-height: 280px; transform: none; }
  .summit-topic-card:nth-child(even) { transform: none; }
  .summit-takeaway { padding: 75px 20px; }
  .summit-takeaway-inner { grid-template-columns: 1fr; gap: 35px; }
  .summit-register { padding: 75px 16px; }
  .summit-register-card { padding: 45px 22px; border-width: 3px; box-shadow: 8px 10px 0 var(--summit-violet); }
}

@media (prefers-reduced-motion: reduce) {
  .summit-topic-card { transform: none; }
}