/* A botanical album: quiet cover on the left, four tactile chapters on the right. */
.armita-moments{position:relative;isolation:isolate;overflow:hidden;background:#f0eadc;padding:110px max(7vw,24px);grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:7%;align-items:start}
.armita-moments:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f3ecdd,transparent 140px),linear-gradient(90deg,#efe7d880,#f0eadcf0 55%),url('assets/swan-wallpaper.webp') left center/620px auto;opacity:.75}
.moments-heading{position:relative;padding:46px 34px 64px;border:1px solid #7e806b55;background:linear-gradient(140deg,#fffaf0eb,#f8f1e2c9);box-shadow:8px 10px 0 -2px #e4dccb,8px 10px 0 -1px #b1a38860,0 26px 45px #35412c0d}
.moments-heading:before{content:'';position:absolute;inset:10px;border:1px solid #a7875633;pointer-events:none}
.moments-heading:after{content:'';display:block;width:72px;height:2px;background:#81394a;margin-top:36px}
.moments-heading .chapter-label{color:#793747;font-size:13px;letter-spacing:1.6px}
.moments-heading h2{font-size:clamp(44px,4.8vw,70px);line-height:1.07;margin:20px 0 28px}
.moments-heading h2 em{display:inline-block;font-family:'Parisienne',cursive;font-weight:400;font-size:1.18em;line-height:1.2;letter-spacing:0}
.moments-heading>p:last-child{font-size:16px;line-height:1.85;max-width:28ch}
.moment-list{min-width:0;border-top:1px solid #7f806753}
.moment{position:relative;border:0;border-bottom:1px solid #7f806753;isolation:isolate;transition:background .35s,box-shadow .35s}
.moment:last-child{border-bottom:1px solid #7f806753}
.moment summary{position:relative;z-index:1;grid-template-columns:46px minmax(0,1fr) 28px;gap:18px;padding:29px 18px;font-size:clamp(26px,2.6vw,37px);line-height:1.22;min-height:105px}
.moment-number{font:italic 37px/1 'Cormorant Garamond',Georgia,serif;color:#946a5d;align-self:start;margin-top:3px;transition:color .3s}
.moment summary>span:nth-child(2){overflow-wrap:anywhere}
.moment small{font-size:14px;line-height:1.4;color:#666950;letter-spacing:.02em;margin-top:8px}
.moment-toggle{width:28px;height:28px;display:grid;place-items:center;border:1px solid #85445155;border-radius:50%;font:24px/1 Georgia,serif;transition:transform .4s,border-color .3s}
.moment[open]{background:#fffaf0e8;box-shadow:0 14px 36px #52442e0b,inset 3px 0 #853e49}
.moment[open] .moment-number{color:#81394a}
.moment[open] summary{color:#713442}
.moment[open] .moment-toggle{transform:rotate(45deg);border-color:#854451}
.moment-body{position:relative;z-index:1;max-width:none;padding:0 30px 34px 82px;font-size:16px;line-height:1.85;color:#465442;animation:album-reveal .55s ease both}
.moment[open]:after{content:'';position:absolute;pointer-events:none;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#b4955b,#fff3c9,#b4955b,transparent);transform-origin:left;animation:album-glimmer 1.1s ease both}
@keyframes album-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes album-glimmer{0%{transform:scaleX(0);opacity:0}45%{opacity:.9}100%{transform:scaleX(1);opacity:.3}}
@media(hover:hover){.moment:not([open]):hover{background:#fffaf080}.moment summary:hover .moment-number{color:#81394a}}
.moment summary:focus-visible{outline:2px solid #81394a;outline-offset:-4px;border-radius:2px}
@media(max-width:900px){.armita-moments{gap:5%;padding-left:24px;padding-right:24px}.moments-heading{padding:34px 24px 42px}.moment summary{gap:12px;padding-left:14px;padding-right:14px;grid-template-columns:36px minmax(0,1fr) 26px}.moment-body{padding-left:62px;padding-right:20px}}
@media(max-width:750px){.armita-moments{grid-template-columns:1fr;gap:42px;padding:65px 24px}.moments-heading{padding:35px 28px 38px}.moments-heading h2{font-size:clamp(43px,9vw,62px)}.moments-heading>p:last-child{max-width:38ch}.moments-heading:after{margin-top:24px}.moment summary{font-size:clamp(25px,5.8vw,33px);min-height:98px}.moment-number{font-size:32px}.moment-body{padding-bottom:28px}.armita-moments:before{background-size:auto,auto,440px auto}}
@media(max-width:360px){.armita-moments{padding-left:16px;padding-right:16px}.moment summary{gap:9px;grid-template-columns:28px minmax(0,1fr) 26px}.moment-number{font-size:28px}.moment-body{padding-left:51px}}
.motion-off .moment,.motion-off .moment-toggle,.motion-off .moment-number{transition:none}.motion-off .moment-body,.motion-off .moment[open]:after{animation:none}
@media(prefers-reduced-motion:reduce){.moment,.moment-toggle,.moment-number{transition:none}.moment-body,.moment[open]:after{animation:none}}