@font-face{font-family:Editorial;src:url('assets/editorial.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Editorial;src:url('assets/editorial-italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f7f4ec;--ink:#302923;--muted:#776c62;--line:#d9d2c7;--accent:#825e53}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}p,h1,h2{margin:0}img{display:block}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-90px;left:20px;padding:14px;background:var(--ink);color:var(--paper);z-index:20}.skip:focus{top:15px}
.masthead{margin:0 5.2%;height:124px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.header-note,.arrival{font-size:10px;letter-spacing:.04em}.header-note{color:var(--muted)}.arrival{justify-self:end;display:flex;align-items:center;gap:10px}.arrival-dot{width:5px;height:5px;border-radius:50%;background:#9c8978}.wordmark{font-family:Editorial,Georgia,serif;font-size:42px;letter-spacing:-1.8px;line-height:1}.wordmark span{color:var(--accent)}
.holding{max-width:1600px;min-height:calc(100svh - 216px);margin:auto;display:grid;grid-template-columns:1fr 1.1fr;padding:56px 5.2% 38px;gap:3.8%;align-items:center}.invitation{padding:9px 0 22px 5.8%}.eyebrow{font-size:9px;letter-spacing:.18em;text-transform:uppercase;line-height:1.8}.invitation h1{font-family:Editorial,Georgia,serif;font-weight:400;font-size:clamp(72px,7.15vw,111px);letter-spacing:-3.6px;line-height:.98;margin:34px 0 0}.invitation h1 em{font-weight:400;color:var(--accent)}.afterthought{height:62px;display:flex;align-items:center;margin-top:14px}.afterthought p{font-family:Editorial,Georgia,serif;font-style:italic;font-size:clamp(23px,2.25vw,33px);color:var(--accent)}.revealed .afterthought p{animation:arrive .65s ease both}.invitation-actions{display:flex;gap:34px;align-items:center;margin-top:9px;min-height:40px}.text-button{display:flex;align-items:center;justify-content:space-between;gap:29px;border-bottom:1px solid var(--ink);padding:9px 0 8px;font-size:11px;min-width:102px;line-height:1.5}.text-button span{font-size:20px;transition:transform .25s}.text-button:hover span{transform:translate(3px,-2px)}.preview-link{min-width:140px;color:var(--muted);border-color:#b6aa9b}.launch-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:31px}
.still-life{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:580px}.stage-wash{position:absolute;left:4%;right:0;top:7%;bottom:11%;background:linear-gradient(132deg,#ece2d7 0%,#e5d5c8 63%,#d5c5b7 100%);opacity:.78}.desk-scene{height:510px;position:relative;isolation:isolate}.card-set{position:absolute;display:block;aspect-ratio:.708;transition:transform .5s ease;filter:drop-shadow(7px 16px 10px #553d2816)}.card-set .paper-card{position:absolute;inset:0;display:block;background:#fffdf3;box-shadow:1px 1px 0 #fff,3px 7px 12px #4f35251c;overflow:hidden}.paper-card img,.preview-card img{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%;transform:translateX(-50%)}.envelope{position:absolute;display:block;inset:-3% -12% 3% -3%;background:linear-gradient(135deg,#c6ac87,#c0a078);transform:rotate(4deg);box-shadow:3px 6px 10px #60462812;overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none}.envelope:before{background:linear-gradient(150deg,transparent 49.7%,#806646 50%,transparent 50.3%)}.envelope:after{background:linear-gradient(30deg,transparent 49.7%,#81694a 50%,transparent 50.3%)}.flap{position:absolute;top:-15%;left:-4%;width:110%;height:57%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#cdb391,#bfa078);filter:drop-shadow(0 1px 1px #6c513766)}.botanical-set{width:39%;left:4%;top:11%;transform:rotate(-11deg);z-index:1}.character-set{width:43%;left:47%;top:27%;transform:rotate(8deg);z-index:2}.botanical-set:hover{transform:rotate(-8deg) translateY(-9px)}.character-set:hover{transform:rotate(4deg) translateY(-9px)}.stage-note{position:relative;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#756555;letter-spacing:.035em;line-height:1.8;padding:18px 1% 0 4%;margin-top:0}
.footer{margin:0 5.2%;min-height:92px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p{font-family:Editorial,Georgia,serif;font-size:18px;font-style:italic;color:#776657}.footer>span{font-size:9px;letter-spacing:.02em;color:var(--muted)}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(960px,90vw);max-height:90svh;overflow:auto;box-shadow:0 20px 100px #0002}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#30292380;backdrop-filter:blur(6px)}.close{position:absolute;right:20px;top:18px;z-index:10;display:flex;align-items:center;gap:13px;font-size:10px;background:var(--paper);padding:7px 10px}.close span{font-size:23px}.preview-stage{min-height:570px;background:#e8ddd0;position:relative;display:flex;align-items:center;justify-content:center;padding:65px 50px}.preview-card{width:82%;aspect-ratio:.708;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:7px 12px 22px #4b35252b;background:white}.preview-envelope{position:absolute;width:67%;height:70%;background:#c7aa84;transform:rotate(4deg);box-shadow:4px 9px 20px #4b35251a}.preview-copy{padding:95px 13% 55px}.preview-copy h2{font-family:Editorial,Georgia,serif;font-weight:400;font-size:43px;line-height:1.08;letter-spacing:-1.2px;margin:25px 0}.preview-copy h2 em{color:var(--accent);font-weight:400}.preview-description{font-size:12px;line-height:1.9;color:var(--muted);max-width:250px}.preview-switch{display:flex;gap:24px;margin-top:42px;font-size:10px;flex-wrap:wrap}.preview-switch button{padding-bottom:7px;border-bottom:1px solid transparent;color:var(--muted)}.preview-switch [aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.preview-arrival{font-size:10px;line-height:1.8;color:var(--muted);margin-top:50px}body.modal-open{overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.desk-scene{height:590px}.still-life{min-height:650px}}
@media(max-width:1050px){.holding{gap:2%;padding-top:36px;grid-template-columns:1fr 1fr}.invitation{padding-left:2%}.invitation h1{font-size:8.2vw;letter-spacing:-2.8px}.still-life{min-height:530px}.desk-scene{height:445px}.character-set{top:34%;left:43%;width:46%}.botanical-set{top:16%;left:3%;width:44%}.stage-note{font-size:8px}.masthead{height:108px}.wordmark{font-size:37px}.header-note,.arrival{font-size:9px}.invitation-actions{gap:23px}.text-button{font-size:10px;gap:15px}.preview-link{min-width:124px}.afterthought{height:62px}.footer p{font-size:16px}}
@media(max-width:700px){.masthead{height:99px;margin:0 7%;grid-template-columns:1fr auto;gap:12px}.header-note{display:none}.wordmark{font-size:32px;letter-spacing:-1.2px}.arrival{font-size:8px;gap:7px}.holding{grid-template-columns:1fr;padding:38px 7% 33px;gap:6px;min-height:0}.invitation{padding:0 2% 0}.eyebrow{font-size:8px;letter-spacing:.16em}.invitation h1{font-size:clamp(66px,15vw,92px);letter-spacing:-2.6px;margin-top:27px;line-height:.98}.afterthought{height:52px;margin-top:14px}.afterthought p{font-size:26px}.invitation-actions{gap:28px;margin-top:0}.text-button{font-size:11px;min-width:104px}.preview-link{min-width:139px}.launch-note{margin-top:22px;font-size:10px}.still-life{min-height:0;margin-top:17px}.desk-scene{height:clamp(365px,97vw,540px)}.stage-wash{top:8%;bottom:12%;left:0}.botanical-set{left:5%;top:13%;width:40%}.character-set{left:48%;top:29%;width:43%}.stage-note{padding:11px 0 0;font-size:8px}.footer{margin:0 7%;min-height:100px;align-items:flex-start;flex-direction:column;justify-content:center;gap:13px}.footer p{font-size:17px}.footer>span{font-size:8px}dialog[open]{grid-template-columns:1fr;width:90vw}.preview-stage{min-height:390px;padding:60px 65px 40px}.preview-card{width:80%;max-width:220px}.preview-envelope{width:55%;height:73%}.preview-copy{padding:33px 9% 38px}.preview-copy h2{font-size:36px;margin:20px 0}.preview-switch{margin-top:26px}.preview-arrival{margin-top:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.pair-next{display:inline-flex;align-items:center;gap:15px;font-size:9px;line-height:1.8;white-space:nowrap;color:inherit;padding:0 0 2px;border-bottom:1px solid #b9aa9b}.pair-next>span:last-child{font-size:17px;line-height:1}.pair-next:hover{color:var(--ink);border-color:var(--ink)}

/* White edition */
:root{--paper:#fff;--ink:#252323;--muted:#6c6767;--line:#e6e3e3;--accent:#640d0d}
.masthead{height:148px;position:relative;grid-template-columns:1fr auto 1fr}
.brand-lockup{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:0}
.wordmark{display:block;line-height:1;letter-spacing:0}
.wordmark img{display:block;width:420px;max-width:100%;height:auto}
.header-note{display:block;font-size:10px;letter-spacing:.13em;margin-top:-7px;color:#6c6060}
.arrival{grid-column:3;grid-row:1}
.holding{min-height:calc(100svh - 240px)}
.stage-wash{display:block}
.paper-card{box-shadow:0 0 0 1px #0000000a,3px 9px 18px #30202014!important}
.preview-stage{background:#f6f6f4}
.stage-note{align-items:center;padding-top:18px;gap:14px;color:var(--muted)}
.pair-navigation{display:inline-flex;align-items:center;gap:15px;flex-shrink:0;color:var(--ink)}
#pair-count{font-size:10px;letter-spacing:.09em;min-width:48px;text-align:center}
.pair-arrow{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #aea3a3;border-radius:50%;font-size:26px;line-height:1;color:var(--accent);background:#fff;transition:background .2s,border-color .2s}
.pair-arrow:hover{background:#f5efef;border-color:var(--accent)}
.text-button{font-size:12px;border-color:#6b5555;min-height:44px}
.text-button span{font-size:26px;color:var(--accent)}
.preview-link{color:#494343}
.preview-navigation{display:flex;gap:12px;margin-top:28px}
.preview-arrival{margin-top:25px}
.close{min-height:44px}
@media(max-width:1050px){.wordmark img{width:350px}.header-note{font-size:9px}.arrival{font-size:8px}.masthead{height:135px}.stage-note>span:first-child{max-width:150px}}
@media(max-width:700px){.masthead{height:146px;display:flex;flex-direction:column;justify-content:center;gap:15px}.brand-lockup{width:100%;gap:0}.wordmark img{width:310px;max-width:82vw}.header-note{font-size:9px;display:block;margin-top:-3px}.arrival{align-self:center;font-size:8px}.holding{padding-top:34px}.stage-note{padding-top:18px;gap:10px}.stage-note>span:first-child{max-width:130px;line-height:1.8}.pair-navigation{gap:10px}.pair-arrow{width:44px;height:44px}.preview-switch{gap:18px}.preview-switch button{min-height:35px}}