:root{--iv-ambient-css:1}
body.iv-ambient{--ambient-paper:255,250,241;--ambient-ink:#4d392a;--ambient-accent:#bf9b51;background:#f8f0df;isolation:isolate}
body.iv-ambient[data-ambient-design="velvet-seal"]{--ambient-paper:255,246,241;--ambient-ink:#704551;--ambient-accent:#be7988}
body.iv-ambient[data-ambient-design="ivory-letter"]{--ambient-paper:251,245,232;--ambient-ink:#49372d;--ambient-accent:#ab864c}
.iv-ambient .iv-ambient-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#e9deca;contain:strict}
.iv-ambient-layer .iv-ambient-poster,.iv-ambient-layer .iv-ambient-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
.iv-ambient-layer .iv-ambient-video[hidden]{display:none!important}
.iv-ambient-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ambient-paper),.08),rgba(var(--ambient-paper),.35) 70%,rgba(var(--ambient-paper),.22))}
.iv-ambient .iv-ambient-light{position:absolute;inset:-25%;background:conic-gradient(from 220deg at 15% 0%,transparent 0 16%,#fff6d680 18%,transparent 25% 30%,#fffae563 33%,transparent 38%);mix-blend-mode:screen;animation:iv-light-drift 18s ease-in-out infinite alternate;transform-origin:20% 0}
.iv-ambient .iv-ambient-particles{position:absolute;inset:0}
.iv-ambient-particles i{position:absolute;left:calc(7% + var(--mote)*10%);top:-8%;width:5px;height:5px;border-radius:50%;background:#fff8d2;box-shadow:0 0 12px 3px #fff1bc77;opacity:0;animation:iv-mote-drift calc(18s + var(--mote)*1.3s) linear infinite;animation-delay:calc(var(--mote)*-3.4s)}
[data-ambient-design="velvet-seal"] .iv-ambient-particles i{width:12px;height:19px;background:linear-gradient(140deg,#ebcad1,#b9798eaa);border-radius:80% 10% 70% 20%;box-shadow:none}
[data-ambient-design="ivory-letter"] .iv-ambient-light{opacity:.6}
[data-ambient-motion="false"] .iv-ambient-layer *{animation-play-state:paused!important}
.iv-ambient #iv-invitation-content{position:relative;background:transparent}
.iv-ambient :is(#iv-invitation-content,#cinematic-content) h1[tabindex="-1"]:focus{outline:none}
.iv-ambient.ci-invitation #cinematic-content{position:relative;background:transparent}
.iv-ambient.ci-golden-seal #cinematic-content .ci-cover{background:transparent}
.iv-ambient.rw .page,.iv-ambient.rw .letter-cover{background:transparent}
.iv-ambient.rw .letter-cover{padding-block:70px}
.iv-ambient.rw .margin-floral{animation:iv-floral-sway 10s ease-in-out infinite alternate;transform-origin:bottom center}
.iv-ambient.rw .margin-floral:last-child{animation-name:iv-floral-sway-right}
.iv-ambient.champagne-archive .folio{background:rgba(var(--ambient-paper),.93)}
.iv-ambient.champagne-archive .folio-wrap{padding-top:36px;margin-top:0}
.iv-ambient #cinematic-content .ci-main,.iv-ambient .sheet{background:rgba(var(--ambient-paper),.93);box-shadow:0 18px 90px #4e372211;padding-inline:clamp(22px,4vw,52px);width:min(calc(100% - 48px),1060px);box-sizing:border-box}
.iv-ambient.rw .sheet{width:min(calc(100% - 48px),1060px)}
.iv-ambient .iv-scenery-window{position:relative;display:grid;place-items:center;min-height:260px;text-align:center;padding:45px 28px;background:transparent;box-sizing:border-box}
.iv-ambient .iv-scenery-first{min-height:300px;margin:0 auto 34px;width:min(calc(100% - 48px),1060px);border:1px solid #fff8e877;outline:1px solid #fff8e866;outline-offset:-10px}
.iv-ambient .iv-scenery-window>span{display:block;max-width:22ch;color:#fffdf3;font:italic 400 clamp(28px,4vw,45px)/1.3 Georgia,serif;text-shadow:0 2px 18px #362517,0 1px 4px #362517}
/* The second scenic window cuts through the paper while cards stay opaque. */
.iv-ambient .iv-scenery-last{isolation:isolate;margin:28px calc(-1 * clamp(22px,4vw,52px)) 42px;overflow:hidden;background:linear-gradient(#3c2b1522,#3c2b153d),var(--iv-window-poster) center/cover}
.iv-ambient .iv-scenery-last::before{content:"";position:absolute;inset:-7%;z-index:-1;background:var(--iv-window-poster) center/cover;animation:iv-window-drift 24s ease-in-out infinite alternate}
.iv-ambient[data-ambient-design="golden-seal"]{--iv-window-poster:url('/assets/openings/20260914-letter/golden-seal.webp')}
.iv-ambient[data-ambient-design="velvet-seal"]{--iv-window-poster:url('/assets/openings/20260914-letter/velvet-seal.webp')}
.iv-ambient[data-ambient-design="ivory-letter"]{--iv-window-poster:url('/assets/openings/20260914-letter/ivory-letter.webp')}
.iv-ambient[data-ambient-motion="false"] .iv-scenery-last::before,.iv-ambient[data-ambient-motion="false"] .margin-floral{animation-play-state:paused!important}
.iv-ambient .iv-motion-toggle{position:fixed;z-index:10019;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid #c7b298;border-radius:24px;color:#503d32;background:#fffaf1f2;font:500 11px/1.2 Arial,sans-serif;box-shadow:0 4px 18px #36251717;cursor:pointer}
.iv-motion-toggle[hidden]{display:none!important}
.iv-motion-toggle:focus-visible{outline:2px solid #503d32;outline-offset:4px}
.iv-motion-toggle .iv-play-symbol,.iv-motion-toggle[aria-pressed="true"] .iv-pause-symbol{display:none}
.iv-motion-toggle[aria-pressed="true"] .iv-play-symbol{display:initial}
@keyframes iv-light-drift{from{transform:rotate(-7deg) translateX(-2%);opacity:.35}to{transform:rotate(9deg) translateX(3%);opacity:.8}}
@keyframes iv-mote-drift{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:0}12%{opacity:.65}85%{opacity:.5}100%{transform:translate3d(65px,110vh,0) rotate(240deg);opacity:0}}
@keyframes iv-floral-sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes iv-floral-sway-right{from{transform:scaleX(-1) rotate(-11deg)}to{transform:scaleX(-1) rotate(-5deg)}}
@keyframes iv-window-drift{from{transform:scale(1) translate(-1%,-1%)}to{transform:scale(1.1) translate(1%,1%)}}
@media(max-width:700px){.iv-ambient #cinematic-content .ci-main,.iv-ambient .sheet,.iv-ambient.rw .sheet{width:calc(100% - 28px);padding-inline:20px}.iv-ambient .iv-scenery-first{width:calc(100% - 28px);min-height:260px;margin-bottom:24px}.iv-ambient .iv-scenery-last{margin-inline:-20px;min-height:230px}.iv-ambient.rw .letter-cover{padding-block:50px}.iv-ambient.champagne-archive .folio-wrap{width:calc(100% - 28px);padding-top:28px;margin-bottom:32px}.iv-ambient-particles i:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.iv-ambient-layer *,.iv-ambient .margin-floral,.iv-ambient .iv-scenery-last::before{animation:none!important}.iv-ambient-video,.iv-motion-toggle{display:none!important}}
