.secondary-page { background: var(--paper); }
.sub-hero { position: relative; min-height: 620px; display: grid; align-items: end; overflow: hidden; color: #fff; background: var(--navy); }
.sub-hero-photo, .sub-hero-overlay { position: absolute; inset: 0; }
.sub-hero-photo { background-position: center; background-size: cover; transform: scale(1.01); }
.sub-hero-overlay { background: linear-gradient(90deg, rgba(3,13,25,.94), rgba(3,13,25,.62) 48%, rgba(3,13,25,.18)), linear-gradient(0deg, rgba(3,13,25,.62), transparent 52%); }
.sub-hero-content { position: relative; z-index: 2; max-width: 900px; padding: 190px 0 78px; }
.sub-hero h1 { margin-bottom: 22px; font-size: clamp(4rem, 8vw, 7rem); }
.sub-hero h1 span { color: #ffdfae; }
.sub-hero-copy { max-width: 690px; margin-bottom: 28px; color: rgba(255,255,255,.8); font-size: 1.16rem; }
.sub-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.sub-hero.about .sub-hero-photo { background-image: url('../Uploads/dks-dining-package-hero-v2.webp'); }
.sub-hero.contact .sub-hero-photo { background-image: url('../Uploads/contact-hero.webp'); background-position: center 55%; }
.sub-hero.investors .sub-hero-photo { background-image: url('../Uploads/investors-hero.webp'); }
.sub-hero.events .sub-hero-photo { background-image: url('../Uploads/chefcompfaceoffv1.webp'); }
.sub-hero.recipe .sub-hero-photo { background-image: url('../Uploads/recipe-chefs-hero.webp'); }
.sub-hero.events .sub-hero-overlay, .sub-hero.recipe .sub-hero-overlay { background: linear-gradient(90deg, rgba(3,13,25,.96), rgba(3,13,25,.76) 52%, rgba(3,13,25,.3)); }

.story-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(55px, 9vw, 130px); align-items: start; }
.story-heading { position: sticky; top: 115px; }
.story-heading h2 { margin-bottom: 22px; }
.story-heading p:last-child { color: var(--muted); }
.story-copy { display: grid; gap: 18px; }
.story-card { padding: 32px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.story-card span { color: var(--red); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.story-card h3 { margin: 9px 0 10px; font-family: 'Playfair Display', Georgia, serif; font-size: 1.55rem; }
.story-card p { margin: 0; color: var(--muted); }
.mission-band { color: #fff; background: var(--navy); }
.mission-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.mission-grid h2 { margin: 0; }
.mission-grid p { margin: 0; color: rgba(255,255,255,.68); font-size: 1.08rem; }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.principles-grid article { min-height: 250px; padding: 32px; border-radius: 22px; background: var(--cream); }
.principles-grid span { color: var(--red); font-size: .72rem; font-weight: 700; }
.principles-grid h3 { margin: 52px 0 10px; font-family: 'Playfair Display', Georgia, serif; font-size: 1.4rem; }
.principles-grid p { margin: 0; color: var(--muted); font-size: .9rem; }

.contact-section { background: #fff; }
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.contact-card { min-height: 235px; padding: 32px; border: 1px solid var(--line); border-radius: 22px; background: var(--paper); }
.contact-icon { width: 48px; height: 48px; margin-bottom: 38px; display: grid; place-items: center; color: #fff; background: var(--red); border-radius: 14px; font-size: 1.2rem; }
.contact-card h2 { margin-bottom: 10px; font-family: 'Playfair Display', Georgia, serif; font-size: 1.5rem; }
.contact-card p, .contact-card address { margin: 0; color: var(--muted); font-style: normal; }
.contact-card a { color: var(--ink); font-weight: 700; text-decoration: none; }
.map-section { padding: 0 0 110px; background: #fff; }
.map-frame { overflow: hidden; border-radius: 24px; box-shadow: var(--shadow); }
.map-frame iframe { width: 100%; height: 470px; display: block; border: 0; }

.thesis-section { background: #fff; }
.thesis-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 50px; }
.thesis-grid article { min-height: 300px; padding: 33px; color: #fff; background: var(--navy); border-radius: 22px; }
.thesis-grid article:nth-child(2) { background: var(--red); }
.thesis-grid span { color: var(--gold); font-size: .72rem; font-weight: 700; }
.thesis-grid h3 { margin: 65px 0 11px; font-family: 'Playfair Display', Georgia, serif; font-size: 1.45rem; }
.thesis-grid p { margin: 0; color: rgba(255,255,255,.67); }
.investor-note { background: var(--cream); }
.investor-note-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.investor-note h2 { max-width: 800px; margin-bottom: 15px; }
.investor-note p { max-width: 740px; margin: 0; color: var(--muted); }

.event-how { background: #fff; }
.event-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.event-steps article { min-height: 280px; padding: 32px; border: 1px solid var(--line); border-radius: 22px; }
.event-steps span { width: 44px; height: 44px; display: grid; place-items: center; color: #fff; background: var(--red); border-radius: 50%; font-weight: 700; }
.event-steps h3 { margin: 60px 0 10px; font-family: 'Playfair Display', Georgia, serif; font-size: 1.4rem; }
.event-steps p { margin: 0; color: var(--muted); }
.event-state { color: #fff; background: var(--navy); }
.event-state-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 75px; align-items: center; }
.event-state-card { padding: 36px; color: var(--ink); background: #fff; border-radius: 25px; }
.event-state-card span { color: var(--red); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.event-state-card h3 { margin: 12px 0; font-family: 'Playfair Display', Georgia, serif; font-size: 2rem; }
.event-state-card p { color: var(--muted); }
.event-state-copy h2 { margin-bottom: 20px; }
.event-state-copy > p { color: rgba(255,255,255,.66); }

.holding-section { min-height: 470px; display: grid; align-items: center; text-align: center; background: var(--cream); }
.holding-inner { max-width: 780px; }
.holding-mark { width: 72px; height: 72px; margin: 0 auto 28px; display: grid; place-items: center; color: #fff; background: var(--red); border-radius: 22px; font-family: 'Playfair Display', Georgia, serif; font-size: 2rem; }
.holding-inner h2 { margin-bottom: 20px; }
.holding-inner > p { color: var(--muted); font-size: 1.08rem; }
.holding-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }
.holding-list span { padding: 8px 14px; color: var(--navy); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: .82rem; font-weight: 700; }
.secondary-cta { padding: 78px 0; color: #fff; background: var(--red); }
.secondary-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.secondary-cta h2 { max-width: 780px; margin: 0; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.secondary-cta .button { flex-shrink: 0; }

@media (max-width: 980px) {
  .story-layout, .mission-grid, .event-state-layout { grid-template-columns: 1fr; }
  .story-heading { position: static; }
  .contact-grid, .principles-grid, .thesis-grid, .event-steps { grid-template-columns: 1fr 1fr; }
  .investor-note-inner, .secondary-cta-inner { align-items: flex-start; grid-template-columns: 1fr; flex-direction: column; }
}
@media (max-width: 620px) {
  .sub-hero { min-height: 650px; }
  .sub-hero-content { padding: 180px 0 58px; }
  .sub-hero h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .sub-hero-actions { display: grid; }
  .contact-grid, .principles-grid, .thesis-grid, .event-steps { grid-template-columns: 1fr; }
  .map-section { padding-bottom: 72px; }
  .map-frame iframe { height: 360px; }
  .secondary-cta-inner { align-items: flex-start; flex-direction: column; }
}