/* One continuous visit: a room, the people within it, then an invitation. */
main{position:relative}
.experience{position:relative;z-index:1}
.header-edition{margin-left:auto;font-size:12px;color:#d4d9c8}
body[data-mode="experience"] .masthead nav{display:none}
body[data-mode="writing"] .header-edition{display:none}
body[data-mode="experience"] .arrival{height:100svh;min-height:600px;overflow:visible}
body[data-mode="experience"] .edition{top:130px;font-size:13px}
body[data-mode="experience"] .arrival-action{left:50%;right:auto;bottom:55px;transform:translateX(-50%);opacity:var(--scroll-cue,1)}
body[data-mode="experience"] .enter-link{flex-direction:column;gap:16px;padding:15px 24px;border:0;font-size:14px;min-height:84px;white-space:nowrap}
body[data-mode="experience"] .enter-link .scroll-arrow{font-size:30px;font-weight:400}
body[data-mode="experience"] .enter-link:hover .scroll-arrow{transform:translateY(5px)}
.reading-shade{position:absolute;inset:0;opacity:var(--reading,0);background:linear-gradient(90deg,#11170e08 18%,#11170e30 39%,#11170ee6 60%,#11170ef5 100%);pointer-events:none}
.evening{position:relative;min-height:102svh;display:flex;align-items:center;justify-content:flex-end;padding:10svh 10vw 14svh;scroll-margin-top:0}
.evening-copy{width:34vw;max-width:470px}
.evening h2{font-family:var(--display);font-size:clamp(86px,8.4vw,142px);font-weight:400;line-height:.85;color:var(--acid);margin-bottom:44px;letter-spacing:0}
.evening p{font-size:18px;line-height:1.65;max-width:410px;color:#eceee2}
.evening p+p{margin-top:24px}
.evening .else-name{display:block;margin-top:30px;font-size:64px;color:var(--acid)}
.room-invitation{display:block;min-height:0;padding:8svh 8vw 12svh;isolation:auto;scroll-margin-top:0}
.room-note{width:min(100%,1120px);max-width:none;margin:0 auto;padding:40px clamp(40px,5.5vw,80px) 28px;transform:none;box-shadow:none;animation:none;background:#e9e7d7}
.note-top{font-size:13px;padding-bottom:26px;border-bottom:1px solid #60665070}
.invitation-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;padding:58px 0 50px}
.room-invitation h2{font-size:clamp(90px,8.4vw,132px);margin:0;line-height:.85}
.evening-facts{margin:0}
.evening-facts>div{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid #60665036;display:grid;grid-template-columns:100px 1fr;column-gap:15px}
.evening-facts dt{font-size:12px;line-height:1.7;color:#59604e}
.evening-facts dd{margin:0;font-size:16px;line-height:1.6}
.room-note .text-action{margin-top:29px;min-height:62px;font-size:23px}
.note-postscript{font-size:12px;line-height:1.6;max-width:360px;margin-top:18px}
.invitation-colophon{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #60665040;padding-top:19px}
.invitation-colophon .collaboration-credit{margin:0}
.invitation-colophon .quiet{font-size:12px;min-height:35px}
body[data-mode="experience"] .site-footer{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0 var(--pad);padding:0 0 28px;justify-content:flex-start;gap:25px;width:auto;color:var(--muted)}
body[data-mode="experience"] .site-footer .footer-contact{margin:0;font-size:12px}
body[data-mode="experience"] #motion-toggle{position:fixed;right:var(--pad);bottom:11px;z-index:20;color:#e8eddb;padding:3px 7px;background:none;mix-blend-mode:difference}
body[data-mode="experience"] .view.is-entering{animation:none}
body[data-mode="experience"] .still-view #arrival-title{top:30%}
@media(min-width:651px) and (max-width:1050px){
 .evening{padding-right:7vw}.evening-copy{width:39vw}.evening h2{font-size:10vw}.evening p{font-size:17px}
 .invitation-layout{gap:5%;grid-template-columns:.8fr 1.2fr}.room-invitation{padding-left:5vw;padding-right:5vw}.evening-facts>div{grid-template-columns:82px 1fr}
}
@media(max-width:650px){
 .header-edition{font-size:12px}.masthead{gap:12px}
 body[data-mode="experience"] .arrival{min-height:600px;height:100svh}
 body[data-mode="experience"] .edition{top:112px;font-size:12px}
 body[data-mode="experience"] .arrival-action{bottom:58px;left:50%;right:auto}
 body[data-mode="experience"] .enter-link{font-size:14px;width:auto;gap:12px}
 .reading-shade{background:linear-gradient(180deg,#11170e55,#11170eef 32%,#11170ef5 100%)}
 .evening{display:block;min-height:0;padding:95px var(--pad) 78px}
 .evening-copy{width:100%;max-width:420px;margin:auto}
 .evening h2{font-size:clamp(70px,20vw,110px);margin-bottom:34px}
 .evening p{font-size:17px;line-height:1.65}.evening .else-name{font-size:56px;margin-top:27px}
 .room-invitation{min-height:0;padding:0 14px 60px}
 .room-note{width:100%;padding:27px 24px 25px;animation:none}
 .note-top{font-size:12px;padding-bottom:24px}
 .invitation-layout{display:block;padding:32px 0}
 .room-invitation h2{font-size:clamp(76px,23vw,108px);margin:0 0 38px}
 .evening-facts>div{grid-template-columns:76px 1fr;gap:12px;padding-bottom:20px;margin-bottom:20px}
 .evening-facts dt{font-size:12px}.evening-facts dd{font-size:15px}
 .room-note .text-action{font-size:21px;min-height:58px;margin-top:23px}
 .invitation-colophon{display:block;padding-top:18px}.invitation-colophon .quiet{margin-top:12px}
 body[data-mode="experience"] .site-footer{margin:0 var(--pad);padding-bottom:72px;gap:20px}
 body[data-mode="experience"] .site-footer .quiet{font-size:12px}
 body[data-mode="experience"] #motion-toggle{right:15px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){.enter-link .scroll-arrow{transition:none}}