.gallery-invite{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:32px;position:relative;isolation:isolate;overflow:hidden;margin-top:34px;padding:32px 30px;background:radial-gradient(ellipse at 10% 0%,#8594b02b,transparent 65%),linear-gradient(120deg,#222a36,#12171f 65%,#1b2432);border:1px solid #a4b6d361;box-shadow:inset 0 1px #d0def31c,0 12px 40px #0002;transition:border-color .2s,box-shadow .2s}
.gallery-invite:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--silver);opacity:.85}
.gallery-invite:after{content:'↗';position:absolute;top:-65px;right:50px;font:400 290px/1 var(--font);color:#a9bdd306;z-index:-1}
.gallery-invite:hover,.gallery-invite:focus-visible{border-color:#c0d0e7ba;box-shadow:inset 0 1px #d0def338,0 14px 45px #0004}
.invite-previews{display:block;position:relative;width:220px;height:158px}
.invite-photo,.invite-video{position:absolute;display:block;border:3px solid #d0d6dfb0;box-shadow:0 6px 16px #0006;background:#1b2533;object-fit:cover}
.invite-photo-one{left:0;top:16px;width:94px;height:126px;transform:rotate(-10deg)}
.invite-photo-two{left:59px;top:0;width:100px;height:139px;transform:rotate(-2deg);z-index:1}
.invite-video{left:124px;top:16px;width:105px;height:133px;transform:rotate(8deg);z-index:2;overflow:hidden}
.invite-video>img{width:100%;height:100%;object-fit:cover}
.invite-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;border:1px solid #f5f7fdd4;border-radius:50%;display:grid;place-items:center;background:#0d1424a8;color:#f5f7fd;backdrop-filter:blur(5px)}
.invite-play svg{width:17px;height:17px;margin-left:1px}
.invite-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:14px}
.invite-copy>.eyebrow{font-size:8px;letter-spacing:.12em;color:#a6b5c9}
.invite-copy>strong{font-size:34px;line-height:1.08;font-weight:400;letter-spacing:-.055em;color:#f0f3f8}
.invite-description{font-size:11px;line-height:1.8;color:#98aac3;max-width:290px}
.invite-action{display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;z-index:1}
.invite-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 20px;background:var(--silver);color:#131b28;font-size:12px;font-weight:600;border:1px solid #b4c0d2;box-shadow:inset 0 1px #fff,inset 0 -1px #73839a;white-space:nowrap;transition:filter .2s,transform .2s}
.invite-button>span{font-size:23px;line-height:1}
.gallery-invite:hover .invite-button{filter:brightness(1.1);transform:translateY(-2px)}
.invite-action-note{font:7px var(--mono);color:#758aa8;letter-spacing:.02em}
@media(max-width:1150px){.gallery-invite{grid-template-columns:170px minmax(0,1fr);gap:18px 32px;padding:30px}.invite-previews{grid-row:span 2;width:170px;height:150px}.invite-photo-one{width:77px;height:115px;top:19px}.invite-photo-two{left:44px;width:84px;height:132px}.invite-video{left:95px;top:21px;width:81px;height:119px}.invite-copy>strong{font-size:33px}.invite-copy>strong br{display:none}.invite-description{max-width:420px;font-size:12px}.invite-action{grid-column:2;align-items:flex-start;gap:10px}.invite-button{font-size:12px;padding:16px 20px;gap:28px}.invite-action-note{font-size:7px}}
@media(max-width:700px){.gallery-invite{grid-template-columns:1fr;gap:25px;margin-top:29px;padding:26px 25px}.invite-previews{grid-row:auto;width:228px;height:129px;margin:0 auto}.invite-photo-one{left:0;top:10px;width:86px;height:110px;transform:rotate(-7deg)}.invite-photo-two{left:68px;top:0;width:90px;height:119px}.invite-video{left:140px;top:10px;width:86px;height:111px;transform:rotate(7deg)}.invite-copy{gap:13px}.invite-copy>.eyebrow{font-size:7px;letter-spacing:.1em}.invite-copy>strong{font-size:34px;max-width:280px}.invite-copy>strong br{display:block}.invite-description{font-size:12px;max-width:350px;line-height:1.8}.invite-action{grid-column:auto;width:100%;gap:12px;align-items:center}.invite-button{width:100%;padding:18px 17px;font-size:11px;gap:12px}.invite-action-note{font-size:7px}.gallery-invite:after{right:-35px;top:112px;font-size:250px}}
@media(max-width:390px){.gallery-invite{padding:25px 23px}.invite-copy>strong{font-size:32px}.invite-description{font-size:11px}.invite-button{font-size:10px;padding:17px 15px}.invite-previews{width:220px}.invite-photo-two{left:65px}.invite-video{left:134px}}