/* An invitation suite: a photographic envelope, a keepsake, and textured paper. */
.ir-at-suite{container-type:inline-size;isolation:isolate;--at-paper:#f8f3e7;--at-ink:#3a5142;--at-accent:#a68a50;min-width:0}
.ir-at-stage{position:relative;aspect-ratio:1.04;isolation:isolate;touch-action:pan-y}
.ir-at-stage::before{content:"";position:absolute;inset:3% -5% -3%;background:radial-gradient(ellipse at 54% 58%,#a9bc9540 0%,#80956b11 49%,transparent 70%);pointer-events:none}
.ir-at-note{position:absolute;left:2%;top:6%;z-index:0;color:#c8cfb5;font:400 3.15cqw/1.12 'Cormorant Garamond',var(--serif);letter-spacing:.015em;transform:rotate(-7deg);transition:opacity .5s ease}
.ir-at-note em{font-weight:400;color:#d7bd82}
.ir-at-paper{position:absolute;left:33%;top:8%;width:47%;aspect-ratio:.66;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:7% 4% 4%;color:var(--at-ink);background:var(--at-paper);border:1px solid #fff9;box-shadow:0 2px 2px #10251e30,0 18px 24px #020e0a38;transform:rotate(4deg);transition:transform 1.05s cubic-bezier(.2,.75,.2,1),top 1.05s cubic-bezier(.2,.75,.2,1),left 1.05s cubic-bezier(.2,.75,.2,1),box-shadow 1s;transform-origin:50% 80%}
.ir-at-paper::before{content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23796344' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.ir-at-paper::after{content:"";position:absolute;inset:4%;border:1px solid #a68a503b;pointer-events:none}
.ir-at-paper-kicker{font:600 1.05cqw/1.6 var(--sans);letter-spacing:.22em}
.ir-at-paper-monogram{font:400 4.8cqw/1.4 'Cormorant Garamond',var(--serif);letter-spacing:.14em;margin-top:3%}
.ir-at-paper-monogram i{font-size:2.8cqw;font-weight:400;letter-spacing:0;color:var(--at-accent)}
.ir-at-paper-rule{display:block;width:16%;border-top:1px solid var(--at-accent);margin:6% 0 7%;opacity:.65}
.ir-at-paper-title{font:400 7.8cqw/.91 'Cormorant Garamond',var(--serif);letter-spacing:-.04em;position:relative}
.ir-at-paper-title em{font:italic 400 5.3cqw/.7 'Cormorant Garamond',var(--serif);color:var(--at-accent)}
.ir-at-paper-message{font:italic 400 2.25cqw/1.25 'Cormorant Garamond',var(--serif);max-width:90%;margin-top:8%}
.ir-at-paper-date{font:600 1.4cqw/1.6 var(--sans);letter-spacing:.16em;margin-top:auto;padding-top:8%}
.ir-at-paper-bottom{font:400 1.3cqw/1.7 var(--sans);margin-top:4%;letter-spacing:.01em}
.ir-at-keepsake{position:absolute;left:20%;top:29%;width:38%;aspect-ratio:.76;z-index:1;background:#fbf5e9;padding:2.4% 2.4% 9%;box-shadow:0 1px 2px #0004,0 20px 25px #010b094d;transform:rotate(2deg);opacity:0;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),left 1.1s cubic-bezier(.2,.75,.2,1),top 1.1s cubic-bezier(.2,.75,.2,1),opacity .5s ease}
.ir-at-photo{width:100%;height:100%;object-fit:cover;object-position:48% 50%;display:block;filter:saturate(.87)}
.ir-at-photo-caption{position:absolute;bottom:7.2%;left:6%;right:6%;font:italic 400 2.5cqw/1 'Cormorant Garamond',var(--serif);color:#6d6656;text-align:center}
.ir-at-envelope{position:absolute;left:7%;top:29%;width:88%;aspect-ratio:1024/765;z-index:3;box-shadow:0 2px 2px #010d0740,0 22px 30px #010d075e;transform:rotate(-7deg);transform-origin:50% 70%;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),left 1.1s cubic-bezier(.2,.75,.2,1),top 1.1s cubic-bezier(.2,.75,.2,1),width 1.1s cubic-bezier(.2,.75,.2,1),filter .6s ease}
.ir-at-envelope>img{display:block;width:100%;height:100%;object-fit:cover}
.ir-at-envelope-address{position:absolute;left:48%;right:7%;top:34%;bottom:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f7f2e8;box-shadow:0 1px 3px #48533425;border:1px solid #ffffffe6;color:#3b5140;padding:3%;transform:rotate(2deg)}
.ir-at-envelope-address small{font:500 1.05cqw/1.6 var(--sans);letter-spacing:.12em}
.ir-at-envelope-address strong{font:400 5.3cqw/.91 'Cormorant Garamond',var(--serif);letter-spacing:-.035em;margin:8% 0}
.ir-at-envelope-address strong i{font-size:.7em}
.ir-at-envelope-address>span{font:500 1.05cqw/1.6 var(--sans);letter-spacing:.2em}
.ir-at-seal{position:absolute;left:82%;top:19%;z-index:5;width:10%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#c5a666,#90703d 70%,#6f532a);box-shadow:0 1px 0 #d2b574 inset,0 -1px 2px #4a331c inset,0 4px 7px #04110945;color:#45361d;transform:rotate(14deg) scale(.55);opacity:0;transition:transform 1s cubic-bezier(.2,.75,.2,1) .13s,opacity .5s .13s}
.ir-at-seal::before{content:"";position:absolute;inset:10%;border:1px solid #806234;border-radius:50%;box-shadow:0 1px 1px #d4bb8250}
.ir-at-seal>span{font:500 2.6cqw/1 'Cormorant Garamond',var(--serif);text-shadow:0 1px 0 #e2c58a80;position:relative}
.ir-at-seal i{font:italic 400 1.8cqw/1 'Cormorant Garamond',var(--serif)}
.ir-at-open{position:absolute;inset:0;z-index:6;border:0;background:none;color:#e6d2a5;padding:0;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:6px}
.ir-at-open:focus-visible{outline:2px solid #dfc48c;outline-offset:5px}
.ir-at-open-label{position:absolute;right:3%;bottom:3%;display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 17px;border:1px solid #d6c08e75;border-radius:30px;background:#18362ce8;box-shadow:0 6px 20px #001b0d2b;backdrop-filter:blur(8px);font:500 12px/1.4 var(--sans);transition:background .2s,color .2s,transform .2s}
.ir-at-open:hover .ir-at-open-label{background:#e6d2a5;color:#173329;transform:translateY(-2px)}
.ir-at-open-label>span{font-size:18px;line-height:1}
.ir-at-suite[data-ir-at-open="true"] .ir-at-paper{left:43%;top:3%;z-index:4;transform:rotate(7deg);box-shadow:0 2px 2px #10251e30,0 26px 30px #020e0a4d}
.ir-at-suite[data-ir-at-open="true"] .ir-at-keepsake{left:5%;top:12%;transform:rotate(-12deg);opacity:1}
.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope{left:1%;top:50%;width:63%;transform:rotate(-13deg)}
.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address small,.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address>span{font-size:.8cqw}
.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address strong{font-size:3.8cqw}
.ir-at-suite[data-ir-at-open="true"] .ir-at-seal{transform:rotate(14deg) scale(1);opacity:1}
.ir-at-suite[data-ir-at-open="true"] .ir-at-note{opacity:0}
.ir-at-explore:focus-visible{outline:2px solid #dfc48c;outline-offset:4px}
.ir-at-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #b5c2ab23;padding:4px 0 0;margin:clamp(24px,7cqw,46px) 3% 0;font:400 10px/1.5 var(--sans);color:#aab8a4}
.ir-at-explore{color:#d7c494;font-size:11px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.ir-at-explore:hover{color:#f1dfb7;text-decoration:underline;text-underline-offset:4px}
.ir-at-suite.ir-at-entering .ir-at-stage{animation:ir-at-arrive .85s cubic-bezier(.2,.75,.2,1) both}
@keyframes ir-at-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:761px){.ir-at-open-label{font-size:10px;padding:8px 13px;gap:8px}.ir-at-caption{flex-direction:column;gap:0;padding-top:10px}.ir-at-caption>span{font-size:9px}.ir-at-explore{min-height:38px}}
@media(max-width:760px){.ir-at-suite{margin-top:4px}.ir-at-stage{aspect-ratio:1.04}.ir-at-caption{font-size:9px;margin-inline:1%}.ir-at-explore{font-size:10px;gap:6px}.ir-at-open-label{font-size:11px;right:1%;bottom:2%}}
@media(max-width:370px){.ir-at-caption{flex-direction:column;gap:0;padding-top:10px}.ir-at-explore{min-height:40px}.ir-at-open-label{font-size:10px;padding:8px 13px;gap:8px}}
@media(prefers-reduced-motion:reduce){.ir-at-suite *, .ir-at-suite *::before, .ir-at-suite *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ir-at-open:hover .ir-at-open-label{transform:none}}

/* Printed on the fixed lower pocket, clear of the photographic flap. */
.ir-at-envelope-address{left:46%;right:5%;top:77%;bottom:5%;padding:0;background:none;border:0;box-shadow:none;transform:none}
.ir-at-envelope-address strong{font-size:3.4cqw;line-height:1;margin:3% 0;white-space:nowrap}
.ir-at-envelope-address small,.ir-at-envelope-address>span{font-size:.65cqw;line-height:1.2;letter-spacing:.08em}
.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address strong{font-size:2.6cqw}
.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address small,.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address>span{font-size:.55cqw}
.ir-at-envelope-address strong{font-size:4cqw}.ir-at-suite[data-ir-at-open="true"] .ir-at-envelope-address strong{font-size:3.3cqw}