.armita-intro{position:relative;background:#f3ecdd;color:#283c2d;padding:44px max(7vw,24px) 110px}.intro-rule{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #52604833;padding-bottom:22px;font:12px var(--sans);letter-spacing:2px}.intro-rule span:last-child{font:italic 18px var(--serif);letter-spacing:0}.intro-layout{max-width:1150px;margin:80px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:center}.intro-note{background:linear-gradient(#fffaf0e8,#f8efdfe8),url('assets/entrance-clouds.jpg') center/cover;padding:50px 40px;transform:rotate(-3deg);box-shadow:0 22px 55px #3f382716;border:1px solid #b39c6a33;max-width:400px;position:relative}.intro-note:before{content:'';position:absolute;inset:12px;border:1px solid #b39c6a30;pointer-events:none}.note-label{font:12px var(--sans);letter-spacing:2px;color:#75644c}.intro-note p{font:50px/1.2 var(--serif);margin:35px 0;color:#733843}.intro-note em{color:#733843}.note-signature{font:45px 'Parisienne',cursive;color:#733843}.chapter-label{font:12px/1.7 var(--sans);letter-spacing:2px;margin:0 0 25px}.intro-story h2,.moments-heading h2{font:clamp(45px,5.4vw,78px)/1.04 var(--serif);letter-spacing:-1.5px}.intro-story h2 em,.moments-heading h2 em{color:#81394a}.intro-story>p:not(.chapter-label){font:17px/1.85 var(--sans);max-width:450px;color:#566153;margin:28px 0}.text-link{display:inline-flex;align-items:center;gap:30px;padding:12px 0;border-bottom:1px solid #87364c66;color:#753442;font:16px var(--serif)}.armita-moments{background:#e9e2d1;color:#27382b;padding:100px max(7vw,24px);display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.moments-heading>p:last-child{font:16px/1.8 var(--sans);color:#566153;max-width:320px}.moment{border-top:1px solid #31452c30}.moment:last-child{border-bottom:1px solid #31452c30}.moment summary{list-style:none;display:grid;grid-template-columns:30px 1fr 24px;gap:15px;align-items:center;padding:26px 0;cursor:pointer;font:clamp(25px,2.6vw,36px)/1.15 var(--serif)}.moment summary::-webkit-details-marker{display:none}.moment-number{font:italic 17px var(--serif);color:#8c4850}.moment small{display:block;font:13px var(--sans);color:#6e725f;margin-top:9px}.moment-toggle{font:25px var(--serif);transition:transform .3s;color:#853e49}.moment[open] .moment-toggle{transform:rotate(45deg)}.moment-body{padding:0 25px 28px 45px;font:16px/1.8 var(--sans);color:#4f5d4c;max-width:550px;animation:chapter-in .4s ease}.moment summary:focus-visible{outline:2px solid #853e49;outline-offset:4px}.armita-contact{position:relative;background:#713442;color:#fcf2df;text-align:center;padding:100px 24px;overflow:hidden}.armita-contact:before{content:'';position:absolute;inset:0;background:url('assets/swan-wallpaper.webp') center/cover;opacity:.055;pointer-events:none}.contact-inner{position:relative;max-width:850px;margin:auto}.contact-inner h2{font:clamp(45px,6.3vw,87px)/1.06 var(--serif);letter-spacing:-1px}.contact-inner h2 em{color:#ead3ab}.contact-inner>p:not(.chapter-label){font:16px/1.9 var(--sans);color:#ecdbd0;margin:28px auto}.contact-actions{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;margin-top:32px}.contact-button{background:#f5e9d1;color:#63313b;padding:18px 25px;border-radius:2px;display:inline-flex;gap:24px;font:16px var(--serif);transition:transform .25s,background .25s}.contact-button:hover{transform:translateY(-3px);background:#fff7e6}.instagram-link{font:15px var(--sans);padding:14px 0;border-bottom:1px solid #ead6b277}.contact-email{display:inline-block;font:14px var(--sans);margin-top:30px;color:#e1c9bd;overflow-wrap:anywhere}.armita-footer{background:#f3ecdd;color:#35412e}.armita-footer p,.armita-footer>a:last-child{color:#59634f}.armita-footer p{font:italic 20px var(--serif)}@keyframes chapter-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:750px){.armita-intro{padding-bottom:65px}.intro-rule{font-size:10px;letter-spacing:1px}.intro-rule span:last-child{font-size:16px}.intro-layout{grid-template-columns:1fr;gap:55px;margin-top:45px}.intro-note{width:90%;justify-self:center;padding:35px}.intro-note p{font-size:43px;margin:25px 0}.intro-story h2,.moments-heading h2{font-size:52px}.armita-moments{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.moment summary{font-size:28px;grid-template-columns:24px 1fr 22px;gap:10px}.moment-body{padding-left:34px}.armita-contact{padding:70px 24px}.contact-inner h2{font-size:52px}.contact-actions{gap:22px}.armita-footer p{font-size:18px}}@media(prefers-reduced-motion:reduce){.moment-body{animation:none}.contact-button{transition:none}}

.intro-story .photography-heading{font:400 14px/1.7 var(--sans);letter-spacing:1.5px;margin:0 0 25px;text-transform:uppercase}

header nav>a,header #motion{min-height:44px;display:inline-flex;align-items:center}header #motion{font-size:12px}.armita-intro,.armita-moments,.armita-contact{overflow-wrap:break-word}.intro-layout>*{min-width:0}@media(max-width:380px){header{left:5%;right:5%}header nav{gap:8px}header .brand{font-size:37px}header #motion{padding:8px}.intro-rule{flex-wrap:wrap}.contact-inner h2,.intro-story h2,.moments-heading h2{font-size:45px}}

.contact-button{max-width:100%;min-height:48px;align-items:center;justify-content:center}.contact-email{min-height:44px;max-width:100%;padding:12px 0}.contact-actions a:focus-visible,.contact-email:focus-visible{outline:2px solid #fcf2df;outline-offset:5px}@media(max-width:420px){.contact-button{width:100%}}
.armita-intro{isolation:isolate;overflow:hidden;background:#f5efe3}
.armita-intro:before{content:'';position:absolute;z-index:-2;inset:-24px;background:url('assets/swan-wallpaper.webp') center/680px auto;opacity:.18;pointer-events:none;animation:mein-blick-drift 26s ease-in-out infinite alternate;animation-play-state:paused}
.armita-intro:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#f3ecdd66,transparent 18%,transparent 82%,#f3ecdd),linear-gradient(90deg,#f5efe320,#f5efe3b3 42%,#f5efe3f2 64%,#f5efe3c9 86%,#f5efe340)}
.armita-intro.blick-in-view:before{animation-play-state:running}
.armita-intro .intro-rule{border-bottom-color:#81394a40}
.armita-intro .intro-rule span:first-child{color:#733843}
.armita-intro .intro-note{background:linear-gradient(#fffaf0f2,#f8efdfed),url('assets/entrance-clouds.jpg') center/cover;border-color:#a77d6a55;box-shadow:0 24px 65px #433e2521}
.armita-intro .intro-story{padding:26px 0}
@keyframes mein-blick-drift{from{transform:translate3d(-7px,-9px,0)}to{transform:translate3d(7px,9px,0)}}
.motion-off .armita-intro:before{animation-play-state:paused}
@media(max-width:750px){.armita-intro:before{background-size:440px auto;opacity:.15}.armita-intro:after{background:linear-gradient(180deg,#f5efe345,#f5efe330 30%,#f5efe3ed 59%,#f5efe3d9 90%,#f3ecdd)}.armita-intro .intro-story{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.armita-intro:before{animation:none}}

/* Connect chapter 01 to the swan scene and the following cream chapter. */
.swan-hero:after{background:linear-gradient(180deg,transparent 72%,#f3ecdd 100%),radial-gradient(ellipse,#f6ecc83d 15%,transparent 70%)}
.armita-intro{background:#f3ecdd;padding-top:28px;padding-bottom:62px}
.armita-intro:before{mask-image:linear-gradient(180deg,transparent 0,#000 110px,#000 calc(100% - 110px),transparent 100%)}
.armita-intro:after{background:linear-gradient(180deg,#f3ecdd,transparent 120px,transparent calc(100% - 120px),#f3ecdd),linear-gradient(90deg,#f3ecdd20,#f3ecddb3 42%,#f3ecddf2 64%,#f3ecddc9 86%,#f3ecdd40)}
.armita-intro .intro-rule{border-bottom:0;padding-bottom:10px}
.armita-intro .intro-layout{margin-top:48px}
.armita-intro .intro-note{background:linear-gradient(140deg,#fffaf09c,#f8efdf30);border-color:transparent;box-shadow:none;transform:rotate(-2deg)}
.armita-intro .intro-note:before{border-color:#b39c6a20}
@media(max-width:750px){.armita-intro{padding-top:24px;padding-bottom:38px}.armita-intro .intro-layout{margin-top:32px;gap:36px}.armita-intro:after{background:linear-gradient(180deg,#f3ecdd,transparent 100px,#f3ecddeb 58%,#f3ecdd 100%)}.armita-intro .intro-note{background:linear-gradient(140deg,#fffaf080,#f8efdf20)}}
