.supper-hero { grid-template-columns: 1fr 1fr; gap: 24px; padding-block: 48px 70px; }
.supper-intro { position: relative; z-index: 1; }
.supper-intro h1 { font-size: clamp(70px, 8vw, 116px); font-weight: 600; letter-spacing: -.075em; line-height: .95; margin-bottom: 32px; }
.supper-lede { max-width: 385px; font-size: 18px; }
.supper-intro .micro { font-size: 13px; }
.supper-photo { margin-top: 48px; }
.supper-photo figcaption span { font-size: 10px; }
.supper-photo figcaption strong { font-size: 14px; }
.plan-story { display: grid; grid-template-columns: 1fr 1fr; gap: 86px; padding-block: 60px 85px; align-items: center; }
.story-display { background: #fff3df; border-radius: 140px 140px 4px 4px; padding: 42px 24px 22px; }
.story-display .screen-stage { background: none; height: auto; padding: 0; overflow: visible; }
.story-display .screen-stage img { width: 312px; max-width: 100%; height: auto; border-radius: 42px; border-width: 5px; }
.story-display>p { font-size: 12px; margin: 23px 0 0; text-align: center; color: #726450; }
.story-copy h2 { font-size: 49px; letter-spacing: -.055em; margin-bottom: 24px; }
.story-copy .supper-label { margin-bottom: 23px; }
.story-lede { font-size: 16px; max-width: 415px; margin-bottom: 32px; }
.journey-choice { display: flex; text-align: left; width: 100%; gap: 17px; padding: 20px 0; border: 0; border-top: 1px solid #e1e4dc; background: white; color: var(--ink); }
.journey-choice>span { color: var(--accent); font-size: 13px; padding-top: 4px; }
.journey-choice strong { font-size: 21px; font-weight: 550; letter-spacing: -.025em; }
.journey-choice p { display: none; font-size: 14px; line-height: 1.65; margin: 12px 0 0; }
.journey-choice.active p { display: block; }
.journey-choice.active { border-top-color: var(--accent); }
.journey-choice b { margin-left: auto; font-size: 23px; font-weight: 400; color: var(--accent); }
.journey-choice:last-child { border-bottom: 1px solid #e1e4dc; }
.story-note { margin: 25px 0 0; font-size: 12px; line-height: 1.7; }
.supper-migration { border: 0; padding-block: 30px 80px; gap: 86px; align-items: center; }
.second-dinner { margin: 0; }
.second-dinner img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.second-dinner figcaption { font-size: 13px; padding-top: 14px; }
.migration-intro { padding: 0; }
.migration-intro h2 { font-size: 38px; }
.migration-intro .text-link { display: none; }
.migration-reads>a { padding-block: 18px; }
.migration-reads>a:first-child { border-top: 0; }
.migration-reads span { font-size: 10px; }
.migration-reads h3 { font-family: inherit; font-size: 20px; font-weight: 550; }
.migration-reads p { font-size: 13px; }
.supper-signoff { padding-block: 45px 65px; }
.supper-signoff h2 { font-size: 66px; letter-spacing: -.055em; }
.supper-signoff p { font-size: 13px; }
.footer-top a:not(.brand) { font-size: 13px; }
.footer-bottom { font-size: 12px; }
@media(max-width:1000px) { .plan-story,.supper-migration { gap: 45px; } .story-copy h2 {font-size:40px} .story-display {padding-inline:25px} }
@media(max-width:760px) {
 .supper-hero { grid-template-columns: 1fr; padding-block: 35px 25px; gap: 0; }
 .supper-intro h1 { font-size: 78px; }
 .supper-lede { font-size: 17px; max-width: 345px; }
 .supper-photo { margin-top: 30px; }
 .plan-story { grid-template-columns: 1fr; gap: 32px; padding-block: 20px 55px; }
 .story-copy { grid-row: 1; }
 .story-copy h2 { font-size: 40px; }
 .story-display { padding-top: 30px; border-radius: 100px 100px 3px 3px; }
 .story-display .screen-stage img { width: 286px; border-radius: 38px; }
 .story-copy .supper-label { margin-bottom: 18px; }
 .story-lede { margin-bottom: 24px; }
 .story-note { font-size: 11px; }
 .supper-migration { grid-template-columns: 1fr; padding-block: 0 35px; gap: 32px; }
 .migration-intro h2 {font-size: 35px; }
 .supper-signoff { padding-block: 35px 40px; }
 .supper-signoff h2 {font-size: 49px; }
}