/* V2: pearl paper, brushed steel, matte black and a restrained orange accent. */
:root{--ivory:#f3f2ef;--paper:#e9e8e4;--sand:#b9bbbe;--solar:#f26b1d;--ochre:#bd4b10;--terracotta:#a63e08;--sunset:#313337;--night:#191b1e;--ink:#222428;--muted:#606267;--line:rgba(38,42,48,.22);--label:"Michroma",Arial,sans-serif}
body{font-family:var(--serif);font-size:18px}body::after{opacity:.018}
.eyebrow,.event-kicker,.date,.map-link,.dates,.gi-prompt{font-family:var(--label);font-size:12px;letter-spacing:.12em}
.cover{display:flex;align-items:flex-start;min-height:100svh;background:#edecea;padding:34px 24px 230px}
.cover-center{width:min(100%,780px);margin:0 auto;transform:none;align-self:auto;color:var(--ink)}
.cover-logo{width:68px;height:68px;object-fit:contain;margin:0 auto 25px}
.ancestors{color:var(--ink);font-size:clamp(16px,3.9vw,22px);gap:12px;line-height:1.3;margin:0 auto 32px;max-width:660px}
.ancestors span{white-space:nowrap}
.family{margin:0 auto 22px;color:var(--ink);font:400 clamp(19px,4.8vw,26px)/1.45 var(--serif);text-shadow:none}
.family strong{font-size:clamp(22px,5.6vw,31px);margin-bottom:12px;font-weight:500}
.hero-title{font-size:clamp(66px,19vw,142px);color:#17191c;line-height:.93;letter-spacing:-.045em;text-shadow:none}
.hebrew{margin-top:16px;color:var(--ink);font-size:21px}
.hero-layer{inset:0;width:100%;height:100%;transform:none!important}
.hero-layer img{height:38%;top:auto;bottom:0;object-fit:cover;object-position:50% 65%;opacity:.9}
.hero-veil{background:linear-gradient(180deg,#eeedeb 0%,rgba(238,237,235,.99) 54%,rgba(238,237,235,.7) 65%,transparent 84%)}
.hero-light{display:none}
.journey,.journey-stage{background:var(--ivory)}
.journey-stage picture{background:url('filigrane-supercar.webp') center/cover no-repeat;opacity:.08}
.journey-stage img,.journey-wash,.journey-heat,.journey-deep,.journey-vignette{display:none}
.route{top:65svh;bottom:15svh;width:38px;left:8px;opacity:.4}
.route-base{stroke:#9b9ea3}.route-progress{stroke:#d45a19}
.story-opening{min-height:62svh;padding:75px 20px 60px}
.story-opening::before{height:36px;background:linear-gradient(transparent,#8e9297)}
.story-opening h2{font-size:clamp(35px,9.3vw,78px);line-height:1.1;letter-spacing:-.035em;margin:12px auto 24px}
.story-opening h2 span{white-space:nowrap}
.story-opening .dates{font-size:13px;text-transform:none;letter-spacing:.035em}
.event{min-height: min(780px,100svh);padding:42px 24px 42px 44px;display:flex;align-items:center}
.event-frame{position:relative;top:auto;min-height:0;width:100%;grid-template-columns:1fr}
.event-copy{padding:0;max-width:560px}
.event-number{top:12%;right:5%;color:rgba(50,54,60,.065);font-size:clamp(180px,48vw,400px)}
.event-kicker{font-size:12px;color:var(--muted);line-height:1.7;letter-spacing:.08em}
.event-kicker::before{background:var(--solar);width:24px;opacity:1}
.event h2{font-size:clamp(44px,12vw,84px);line-height:.96;margin:22px 0;letter-spacing:-.035em}
.event-two h2{max-width:440px}
.date{font-size:12px;line-height:1.65;letter-spacing:.06em;color:var(--ink)}
.time{font-size:32px;margin-top:5px;color:var(--ink)}
.uncertain{font-size:16px;color:var(--muted)}
.venue{font:400 18px/1.45 var(--serif);margin-top:20px;color:var(--ink)}
.venue strong{font-size:23px;font-weight:500;letter-spacing:0}
.map-link{font-size:12px;color:var(--ink);letter-spacing:.05em;margin-top:4px;border-color:#a4a6aa}
.paracha-intro{font:400 20px/1.3 var(--serif);margin-top:13px;color:var(--ink)}
.paracha{font-size:22px;margin-top:5px;color:var(--ink)}
.event .event-ending{font:italic 400 21px/1.35 var(--serif);color:var(--ink);margin-top:23px;max-width:440px}
.event-three{color:var(--ink)}
.countdown{padding:70px 24px;background:linear-gradient(135deg,#e2e3e4,#f3f3f1 46%,#dadcde)}
.countdown-digits span{color:var(--ink)}
.countdown-horizon{height:2px;border:0;background:linear-gradient(90deg,transparent,#f26b1d,transparent);max-width:110px}
.countdown-horizon::before{display:none}
.rsvp{background:var(--ivory);padding:72px 24px 45px}
.rsvp h2{font-size:clamp(50px,12vw,80px);line-height:1;letter-spacing:-.035em;color:var(--ink)}
.deadline{font:400 18px/1.5 var(--serif);color:var(--muted);margin-top:24px}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;max-width:520px;margin:50px auto 0;border-top:1px solid var(--line);padding-top:22px}
.contact{margin:0;font:400 16px/1.4 var(--serif)}
.contact a{font-size:20px;letter-spacing:0;max-width:100%}.contact-email{grid-column:1/-1}
.finale{min-height:220px;padding:55px 24px;place-items:center;background:linear-gradient(130deg,#191b1e,#303338 53%,#1c1e21);color:#e7e8e9}
.finale::before,.finale::after{display:none}.signature{font-size:12px}.signature strong,.signature span{font-size:12px}
.gi-intro{background:linear-gradient(135deg,#d9dcdf,#f4f3f0 50%,#c8cbd0);color:#272a2e}
.gi-intro::after,.gi-glow{display:none}.gi-skip{color:#3c4046;font-size:14px}
.gi-envelope-back{background:linear-gradient(140deg,#31343a,#16181b);border-color:#55585e;box-shadow:inset 0 1px #62666c}
.gi-flap-front{background:linear-gradient(155deg,#41454b,#202327 85%);box-shadow:inset 0 1px #65696f}
.gi-front{background:linear-gradient(145deg,#22252a,#30343a 52%,#191b1f);box-shadow:inset 0 -1px #565b63}
.gi-front::before{background:linear-gradient(37deg,transparent 49.7%,#51555c 50%,transparent 50.4%),linear-gradient(-37deg,transparent 49.7%,#484d54 50%,transparent 50.4%)}
.gi-envelope-name{color:#c8cbd0;font-family:var(--label);font-size:12px}
.gi-seal{background:linear-gradient(140deg,#ff9652,#f26b1d 65%,#c64e0c);border-color:#f89757;color:#14161a;box-shadow:0 3px 7px #0005,inset 0 1px #ffbe8d;text-shadow:none}
.gi-seal img{width:32px;height:32px;object-fit:contain}.gi-prompt{font-size:12px;color:var(--ink)}
.gi-card{background:#eeedeb;border-color:#b6b8ba}.gi-card-art img{opacity:.4;object-position:50% 90%}.gi-card-shade{background:linear-gradient(#eeedeb,#eeedebd9 62%,transparent)}
.gi-card-core,.gi-card-ancestors{color:var(--ink)}.gi-card-logo{width:32px;height:32px;margin:0 auto 12px;object-fit:contain}
.gi-card-family{font-family:var(--serif)}
@media(min-width:700px){.cover{padding-top:42px;padding-bottom:250px}.cover-logo{width:76px;height:76px}.hero-layer img{height:46%;object-fit:cover;object-position:50% 65%}.ancestors{margin-bottom:30px}.event{padding:60px 8vw;min-height:740px}.event-frame{grid-template-columns:1fr 1fr}.event-copy{padding-left:0}.event-two .event-copy{grid-column:2;padding-left:0}.event-three .event-copy{padding-left:0}.route{left:calc(50% - 55px);width:110px}.event-number{right:10%}.story-opening{min-height:62svh}.event .event-ending{font-size:21px}}
@media(max-height:720px){.cover{min-height:760px}.cover-center{transform:none;margin:0 auto}.family{margin:0 auto 22px}.event{min-height:0;padding-top:44px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.family{opacity:1;transform:none}}
/* Finish the transition between artwork and paper, with no former landscape ornaments. */
.hero-back{z-index:0}.hero-veil{z-index:1}
.rsvp::before{display:none}
.deadline{text-transform:none;letter-spacing:0;max-width:none}
.event-three .event-kicker,.event-three .uncertain{color:var(--muted)}
.event-three .map-link{border-color:#a4a6aa;color:var(--ink)}
.event-three .event-number{color:rgba(50,54,60,.065)}
.journey-stage picture{mix-blend-mode:multiply}
.gi-envelope-name{top:66%}
@media(max-width:350px){.ancestors{font-size:14px;gap:8px}.cover{padding-inline:16px}}