/* A final invitation, continuous with the parchment chapter above. */
.armita-moments{padding-bottom:205px}
.armita-moments:after{content:'';position:absolute;inset:auto 0 0;height:160px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f0eadc00,#d4bdb4 28%,#aa7882 58%,#713442 85%,#713442)}
.armita-contact{isolation:isolate;background:linear-gradient(180deg,#713442,#582634 75%,#48212d);padding:55px 24px 90px}
.armita-contact:before{z-index:-2;background:url('assets/swan-wallpaper.webp') center/660px auto;opacity:.12;mask-image:linear-gradient(180deg,transparent,#000 100px),linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000);mask-composite:intersect}
.armita-contact:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#e8c99c0b,transparent 65%)}
.contact-inner{max-width:920px;padding:35px 24px 12px}
.contact-inner .chapter-label{font-size:13px;line-height:1.8;color:#e5c9b8;letter-spacing:1.8px;max-width:40ch;margin:0 auto 35px}
.contact-inner h2{font-size:clamp(45px,6.6vw,88px);line-height:1.1;font-weight:400;margin:0}
.contact-inner h2 em{font-family:'Parisienne',cursive;font-weight:400;font-size:1.17em;letter-spacing:0;color:#f4d8a8}
.contact-inner>p:not(.chapter-label){max-width:48ch;margin:28px auto;font-size:16px;line-height:1.9;color:#f2e3d7}
.contact-signature{margin:24px auto 8px;line-height:1.4;font:58px/1.5 'Parisienne',cursive;color:#f2d9ae;overflow:visible}
.contact-signature span{display:inline-block;position:relative;padding:0 14px}
.js .contact-inner:not(.visible) .contact-signature span{clip-path:inset(0 100% 0 0)}
.js .contact-inner.visible .contact-signature span{animation:invitation-sign 2.4s .35s cubic-bezier(.35,0,.2,1) both}
@keyframes invitation-sign{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.contact-actions{margin-top:28px;gap:28px}
.contact-button{position:relative;isolation:isolate;overflow:hidden;min-height:56px;padding:17px 30px;background:#f1dfbb;border:1px solid #fff1d199;color:#532a34;box-shadow:0 10px 30px #260e1826;font:18px/1.4 var(--serif);border-radius:3px;transition:background .25s,transform .25s,box-shadow .25s}
.contact-button:after{content:'';position:absolute;inset:-50% -40%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffff99 49%,transparent 60%);transform:translateX(-110%)}
.contact-button:hover:after,.contact-button:focus-visible:after,.contact-button:active:after{animation:invitation-shine .85s ease}
.contact-button:hover{background:#fff0d2;box-shadow:0 14px 36px #260e1840;transform:translateY(-2px)}
@keyframes invitation-shine{to{transform:translateX(110%)}}
.instagram-link{color:#f3ddc9;min-height:48px;display:inline-flex;align-items:center}
.contact-email{font-size:16px;color:#edd4c6;margin-top:22px;text-underline-offset:6px}
.contact-email:hover{text-decoration:underline}
.armita-footer{background:#48212d;color:#f1ddc7;border-top:1px solid #e7c49a30}
.armita-footer .brand,.armita-footer p,.armita-footer>a:last-child{color:#edd7c0}
.armita-footer a:focus-visible{outline:2px solid #f4d8a8;outline-offset:5px}
@media(max-width:750px){.armita-moments{padding-bottom:165px}.armita-moments:after{height:135px}.armita-contact{padding:30px 20px 55px}.contact-inner{padding:20px 4px 0}.contact-inner .chapter-label{font-size:13px;letter-spacing:1.2px;max-width:32ch;margin-bottom:25px}.contact-inner h2{font-size:clamp(41px,10vw,62px)}.contact-signature{font-size:52px}.contact-actions{flex-direction:column;gap:12px}.contact-button{width:min(100%,340px)}.armita-contact:before{background-size:440px auto;opacity:.08}.contact-inner>p:not(.chapter-label){max-width:34ch}}
.motion-off .contact-signature span{animation:none!important;clip-path:none!important}.motion-off .contact-button{transition:none}.motion-off .contact-button:after{animation:none}
@media(prefers-reduced-motion:reduce){.contact-signature span{animation:none!important;clip-path:none!important}.contact-button{transition:none}.contact-button:after{animation:none!important}}

/* German designer credits, integrated into the invitation footer. */
.armita-footer{display:block;padding:38px max(7vw,24px) 30px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:34px}
.armita-footer .footer-top p{font:italic 20px/1.5 var(--serif);width:auto;order:0;color:#edd7c0}
.footer-back{font:14px/1.5 var(--sans);min-height:44px;display:inline-flex;align-items:center}
.creator-credits{display:grid;grid-template-columns:.85fr 1fr 1.35fr;gap:35px;padding-top:30px;border-top:1px solid #e7c49a26;align-items:start}
.credits-heading h2{font:400 14px/1.6 var(--sans);letter-spacing:.06em;color:#e7c99f;margin:0 0 7px}
.armita-footer .credits-heading p{font:14px/1.6 var(--sans);color:#d6bbae;order:0;width:auto}
.creator{min-width:0}.creator h3{font:400 clamp(23px,2vw,29px)/1.3 var(--serif);color:#fff0dc;margin:0 0 10px;overflow-wrap:break-word}
.creator-links{display:flex;gap:24px;flex-wrap:wrap}.creator a{font:14px/1.5 var(--sans);color:#e6caba;min-height:44px;display:inline-flex;align-items:center;gap:9px;text-decoration:underline;text-decoration-color:#e6caba40;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s}
.creator a:hover{color:#fff0d1;text-decoration-color:#fff0d1}.creator a span{color:#d7b47c}
@media(max-width:750px){.creator-credits{grid-template-columns:1fr 1fr;gap:22px}.credits-heading{grid-column:1/-1}.footer-top{gap:20px}.armita-footer .footer-top p{width:100%;order:3}.creator h3{font-size:25px}}
@media(max-width:480px){.creator-credits{grid-template-columns:1fr;gap:24px}.credits-heading{grid-column:auto}.creator+.creator{padding-top:22px;border-top:1px solid #e7c49a18}.creator h3{margin-bottom:5px}.armita-footer{padding-left:24px;padding-right:24px}}

/* Compact credits and a direct contact route from the header. */
.creator-credits{grid-template-columns:auto 1fr 1.35fr;gap:18px 30px;padding-top:20px;align-items:center}
.credits-heading h2{font-size:13px;margin-bottom:3px;letter-spacing:.02em}
.armita-footer .credits-heading p{font-size:12px}
.creator h3{font:400 20px/1.3 var(--serif);margin:0 0 2px}
.creator-links{gap:18px}.creator a{min-height:44px;font-size:13px;gap:6px}
.footer-top{padding-bottom:22px}.armita-footer{padding-top:28px;padding-bottom:20px}
@media(max-width:750px){.creator-credits{grid-template-columns:1fr 1.3fr;gap:14px 22px}.credits-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.creator h3{font-size:20px}}
@media(max-width:600px){header{height:125px;gap:12px}header nav{display:grid;grid-template-columns:auto auto;gap:0 10px;justify-content:end;font-size:13px}header nav>a:first-child{display:none}header nav>a{justify-content:center;min-height:44px}header #motion{grid-column:1/-1;justify-self:end;min-height:44px;padding:8px 10px}}
@media(max-width:480px){.creator-credits{grid-template-columns:1fr;gap:10px}.creator{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}.creator+.creator{padding-top:8px}.creator h3{font-size:20px;flex:1 1 150px;margin:0}.creator-links{gap:14px}.credits-heading{margin-bottom:2px}.armita-footer .footer-top p{font-size:18px}}

/* Shared heading above both creator names at every viewport width. */
.creator-credits{grid-template-columns:1fr 1fr;gap:14px 32px;max-width:760px;margin-inline:auto;text-align:center}
.credits-heading{grid-column:1/-1;display:block;margin-bottom:4px}
.credits-heading h2{font-size:14px;letter-spacing:.06em;margin-bottom:4px}
.creator-links{justify-content:center}
@media(max-width:480px){.creator-credits{grid-template-columns:1fr;gap:10px}.creator{display:block}.creator+.creator{padding-top:12px}.creator h3{margin:0 0 2px}.credits-heading{grid-column:1/-1}}
