:root{--accent:#E8641B}
.cover{border:0}.cover::before{display:none}
.hero-title{font-size:clamp(54.4px,15.44vw,116px)}
.car-art{opacity:.18}
.map-link{font-size:.68rem}
/* Name printed straight on the envelope, in the plain area under the flap tip, between the folds. */
.gi-envelope-name{top:78%;font-size:10px;letter-spacing:.3em;z-index:3;width:max-content;left:50%;right:auto;transform:translateX(-50%);padding:0;background:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;white-space:nowrap}
/* Small text uses a darker derivative of the single orange accent. */
.family p:last-child,.event-kicker,.event-three .event-kicker,.map-link,.event-three .map-link,.rsvp>.rsvp-inner>.eyebrow{color:color-mix(in srgb,var(--accent) 62%,black)!important}
.rsvp-simple .submit{background:color-mix(in srgb,var(--accent) 66%,black);color:#fff}
.rsvp-simple .submit:hover{background:color-mix(in srgb,var(--accent) 58%,black)}
.rsvp-simple{max-width:600px}
.rsvp-event{border-bottom:1px solid var(--line)!important;padding:17px 0!important;margin:0!important}
.event-choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.event-choice-title{font-size:18px;line-height:1.15;font-weight:500}.event-choice-title small{display:block;font-size:15px;font-weight:400;color:var(--muted);margin-top:5px}
.rsvp-event .presence-buttons{margin:0;gap:6px}.rsvp-event .presence-buttons label{min-height:44px;min-width:42px;padding:7px;font-size:16px}
.rsvp-event .guest-counts{margin-top:13px;gap:22px}.rsvp-event .stepper{margin-top:2px}.rsvp-event .stepper-label{font-size:16px}
.rsvp-field:has(textarea){margin-top:22px}.rsvp-field textarea{display:block;width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:#fff5;padding:10px;font:18px/1.4 var(--serif);color:var(--ink);margin-top:7px}
.rsvp-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rsvp-field:has(#guestName){margin-bottom:12px}

/* Final supplied logo: preserve its wide proportions. */
.cover-logo{width:110px;height:62px;object-fit:contain}
.gi-card-logo{width:48px;height:32px;object-fit:contain}

/* V4b: cover in normal flow; logo always on top, car right under the text. */
.cover{height:auto;min-height:100vh;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:max(env(safe-area-inset-top),clamp(24px,5vh,48px)) 24px 16px;padding-top:max(env(safe-area-inset-top),clamp(24px,5svh,48px));overflow:hidden;overflow-anchor:none}
.cover-center{flex:none;align-self:auto;margin:0 auto;transform:none}
.cover-logo{display:block;width:clamp(110px,32vw,150px);height:auto;aspect-ratio:1712/919;max-height:none;margin:0 auto clamp(28px,6vh,56px);margin-bottom:clamp(28px,6svh,56px)}
.cover .ancestors{margin-bottom:clamp(12px,3vh,26px);margin-bottom:clamp(12px,3svh,26px)}
.cover .family{margin-bottom:clamp(10px,2.6vh,22px);margin-bottom:clamp(10px,2.6svh,22px)}
.cover .family strong{margin-bottom:clamp(6px,1.4vh,10px);margin-bottom:clamp(6px,1.4svh,10px)}
.cover .hero-title{font-size:clamp(2.6rem,11vw,4.5rem)}
.cover .hebrew{margin-top:clamp(6px,1.5vh,12px);margin-top:clamp(6px,1.5svh,12px)}
/* The showroom is the car container: its height is the car's, so the ellipse follows the car. */
.cover .showroom{position:relative;inset:auto;flex:none;align-self:center;width:calc(100% + 48px);max-width:720px;height:auto;min-height:0;margin:clamp(8px,2vh,20px) -24px 0;margin-top:clamp(8px,2svh,20px);overflow:visible;pointer-events:none}
.cover .car-reveal{position:relative;inset:auto;display:block}
/* The source image has ~30% empty space above the car: crop it so the car sits right under the text. */
.cover .car-art{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1536/600;object-fit:cover;object-position:50% 64%;transform:none}
.cover .showroom-orbit{width:125%;left:-12.5%;height:62%;bottom:-4%}
.cover .showroom-halo{height:120%;bottom:-20%}
.cover .showroom-line{bottom:-14px}
@media(min-width:700px){.cover .showroom{width:100%;margin-inline:auto}}

/* Dates, cities and times share the requested orange token. */
.event .date,.event .event-kicker,.event .time{color:var(--accent)!important}

/* Anthracite champagne; retain the existing opening animation and typefaces. */
.gi-intro{background:radial-gradient(ellipse at 90% 9%,color-mix(in srgb, color-mix(in srgb, var(--accent) 47.8%, white) 14.9%, transparent),transparent 52%),linear-gradient(135deg,color-mix(in srgb, var(--accent) 2.0%, white),color-mix(in srgb, var(--accent) 14.3%, white))}
.gi-envelope-back{background:linear-gradient(140deg,#3c3935,#2E2D2B);border-color:#DCCFC440;box-shadow:inset 0 1px #DCCFC455}
.gi-flap-front,.gi-flap-back{background:linear-gradient(155deg,#48423c,#2E2D2B 85%);box-shadow:inset 0 1px #DCCFC455}
.gi-front{background:linear-gradient(145deg,#2E2D2B,#393631 52%,#2E2D2B);box-shadow:inset 0 -1px #DCCFC450}
.gi-front::before{background:linear-gradient(37deg,transparent 49.7%,#DCCFC440 50%,transparent 50.4%),linear-gradient(-37deg,transparent 49.7%,#DCCFC430 50%,transparent 50.4%)}
.gi-envelope-name{color:#DCCFC4;background:none}
.gi-seal{background:linear-gradient(140deg,#d68a50,#C46A28 65%,#a75620);border-color:#dca77f;box-shadow:0 5px 11px #0005,inset 0 0 0 3px #a756204d,inset 0 1px #e3b694;color:#B7BCC5}
/* Seal logo: same file and silver rendering as the cover logo, ~70% of the seal diameter. */
.gi-seal img{width:73%;height:auto;aspect-ratio:1712/919;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:1}
.gi-prompt{color:#C46A28}.gi-prompt::after{background:#C46A28}