/* Fendi's real little moments — a family photo wall at the end of the story. */
.closing.fendi-home{min-height:640px;background:#0a1019;overflow:hidden}
.closing.fendi-home::before{width:570px;height:570px;right:11%;bottom:-220px;border-color:#7166a03d;box-shadow:0 0 0 35px #725abc05,0 0 0 85px #5273ad04}
.fendi-home-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px;padding:70px 6% 75px}
.fendi-home .closing-copy{padding:0;margin:0;max-width:440px;z-index:2}
.fendi-home .closing-copy h2{font-family:var(--display);font-size:clamp(58px,5.7vw,86px);line-height:.94;max-width:none;margin-bottom:25px}
.fendi-home .closing-copy>.eyebrow{font-size:8px;letter-spacing:.16em}
.fendi-home .closing-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:350px;margin-top:22px}
.fendi-home .closing-copy .shelter-promise{font-size:10px!important;line-height:1.9;gap:10px}
.fendi-home .moment-invitation{font-family:Manrope,sans-serif;font-size:8px;letter-spacing:.09em;color:#8e9ab3;margin-top:29px;display:flex;align-items:center;gap:12px}
.moment-invitation::before{content:'';height:1px;width:28px;background:#c0a57266}
.fendi-memory-wall{position:relative;height:500px;min-width:0;isolation:isolate}
.fendi-memory-wall::before{content:'FENDI / THE LITTLE THINGS';position:absolute;right:18px;top:42px;font:7px/1.5 Manrope,sans-serif;letter-spacing:.18em;color:#64718b;transform:rotate(90deg);transform-origin:right}
.memory-note{position:absolute;left:15%;top:0;color:#d4bb91;font:italic 22px/1.1 'Bradley Hand','Segoe Print',cursive;transform:rotate(-5deg)}
.memory-note svg{position:absolute;top:13px;left:-56px;width:47px;height:62px;fill:none;stroke:#c1a169;stroke-width:1.3}
.memory-card{--angle:-9deg;--top:75px;--left:0%;position:absolute;top:var(--top);left:var(--left);width:clamp(170px,15.7vw,225px);background:#eee9dd;border:0;border-radius:1px;padding:11px 11px 10px;color:#222625;box-shadow:0 12px 26px #0008,0 0 0 1px #ffffff14,inset 0 -2px 4px #8c725c18;text-align:left;transform:rotate(var(--angle));transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;cursor:zoom-in;z-index:2}
.memory-card::before{content:'';position:absolute;left:33%;top:-12px;width:39%;height:26px;background:#c8bea780;border:1px solid #eee3cb25;box-shadow:0 1px 2px #0002;transform:rotate(6deg);z-index:3;clip-path:polygon(3% 0,98% 3%,96% 100%,0 95%)}
.memory-card::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 15px #bb9c7520;border:1px solid #fff4}
.memory-photo{display:block;position:relative;aspect-ratio:1/1.05;background:#20232b;overflow:hidden}
.memory-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.memory-first{--top:98px;--left:0%;--angle:-10deg;z-index:3}
.memory-first img{object-position:38% 85%}
.memory-young{--top:54px;--left:33%;--angle:6deg;z-index:2}
.memory-young img{object-position:65% 38%}
.memory-boss{--top:215px;--left:57%;--angle:-4deg;z-index:4}
.memory-boss img{object-position:52% 28%}
.memory-caption{font:21px/1.1 'Bradley Hand','Segoe Print',cursive;display:block;padding:14px 2px 2px;letter-spacing:-.035em}
.memory-subcaption{display:block;font:7px/1.6 Manrope,sans-serif;letter-spacing:.04em;color:#6f6a5e;padding:7px 2px 0}
.memory-enlarge{position:absolute;right:7px;bottom:7px;width:23px;height:23px;display:grid;place-items:center;background:#0d1216ad;color:#f4ead5;font:13px/1 Manrope,sans-serif;opacity:0;transition:opacity .2s}
.memory-card:hover,.memory-card:focus-visible{transform:translateY(-13px) rotate(0deg) scale(1.035);box-shadow:0 20px 38px #0009,0 0 23px #7b79b627;z-index:8}
.memory-card:hover img{transform:scale(1.025)}
.memory-card:hover .memory-enlarge,.memory-card:focus-visible .memory-enlarge{opacity:1}
.memory-card:focus-visible{outline:2px solid #edc58b;outline-offset:5px}
.memory-annotation{position:absolute;left:9%;bottom:12px;font:italic 18px/1.35 'Bradley Hand','Segoe Print',cursive;color:#a6b3cd;transform:rotate(-4deg)}
.memory-annotation small{font:7px/1.7 Manrope,sans-serif;letter-spacing:.13em;display:block;color:#727f98;margin-top:9px}
#fendi-moment-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:0;overflow:auto;background:#111722;color:#eee9df;border:1px solid #a08caf55;box-shadow:0 25px 100px #000a}
#fendi-moment-dialog::backdrop{background:#04060ce8;backdrop-filter:blur(6px)}
.moment-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #a9b4d125;gap:20px}
.moment-dialog-top p{font:700 8px/1.5 Manrope,sans-serif;letter-spacing:.18em;color:#d8bb86;margin:0}
.moment-close{width:36px;height:36px;border:1px solid #aab8d545;background:transparent;color:#f1ede3;font-size:22px;cursor:pointer}
.moment-close:hover{border-color:#e7c081}.moment-close:focus-visible{outline:2px solid #e7c081;outline-offset:3px}
.moment-dialog-image{padding:20px 24px;background:#080c13;display:flex;justify-content:center}
.moment-dialog-image img{display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 35px #0006}
.moment-dialog-caption{padding:18px 24px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.moment-dialog-caption h2{font:24px/1.2 'Bradley Hand','Segoe Print',cursive;text-transform:none;letter-spacing:-.02em;margin:0 0 7px}
.moment-dialog-caption p{font:10px/1.8 Manrope,sans-serif;color:#a8b4ca;margin:0}
.moment-controls{display:flex;gap:8px;flex-shrink:0}.moment-controls button{background:transparent;border:1px solid #aab8d545;color:#ede9df;min-width:38px;min-height:38px;cursor:pointer}.moment-controls button:focus-visible{outline:2px solid #e7c081;outline-offset:3px}
@media(min-width:1550px){.fendi-memory-wall{max-width:650px}.memory-card{width:235px}.memory-boss{--left:57%;--top:200px}.memory-annotation{bottom:-2px}}
@media(max-width:1050px){.fendi-home-inner{grid-template-columns:.8fr 1.2fr;padding-inline:5%;gap:20px}.memory-card{width:clamp(155px,17vw,200px)}.memory-first{--left:1%}.memory-young{--left:35%}.memory-boss{--left:52%;--top:230px}.fendi-home .closing-copy h2{font-size:64px}.memory-annotation{left:5%;bottom:5px;font-size:17px}}
@media(max-width:760px){.closing.fendi-home{min-height:0}.fendi-home-inner{display:block;padding:55px 7% 36px}.fendi-home .closing-copy{max-width:540px}.fendi-home .closing-copy h2{font-size:clamp(48px,8.5vw,66px);max-width:100%;line-height:.96}.fendi-home .closing-copy>p:not(.eyebrow){font-size:12px;max-width:400px}.fendi-home .closing-copy .shelter-promise{font-size:10px!important}.fendi-memory-wall{height:520px;max-width:490px;margin:28px auto 0}.memory-card{width:clamp(145px,34vw,195px)}.memory-first{--top:72px;--left:2%;--angle:-8deg}.memory-young{--top:49px;--left:46%;--angle:7deg}.memory-boss{--top:260px;--left:42%;--angle:-5deg}.memory-note{font-size:20px;left:20%;top:0}.memory-annotation{font-size:16px;left:0;bottom:28px}.memory-caption{font-size:20px;padding-top:12px}.memory-subcaption{font-size:6px}.fendi-memory-wall::before{display:none}.memory-card{padding:9px 9px 10px}.moment-dialog-image{padding:14px}.moment-dialog-caption{padding:15px;gap:10px;align-items:flex-start}.moment-dialog-caption h2{font-size:22px}.moment-dialog-caption p{font-size:9px}.moment-controls button{min-width:32px;min-height:36px}}
@media(max-width:380px){.fendi-home-inner{padding-inline:22px}.fendi-memory-wall{height:490px}.memory-card{width:137px}.memory-young{--left:44%}.memory-boss{--left:42%;--top:244px}.memory-caption{font-size:18px}.memory-annotation{font-size:14px;bottom:19px;max-width:130px}.memory-subcaption{font-size:6px}}
@media(prefers-reduced-motion:reduce){.memory-card,.memory-photo img,.memory-enlarge{transition:none}.memory-card:hover,.memory-card:focus-visible{transform:rotate(var(--angle))}}
body.motion-paused .memory-card,body.motion-paused .memory-photo img{transition:none}
/* Let the prints overlap at their edges, keeping the handwritten captions clear. */
.memory-boss{--left:67%}
@media(min-width:1550px){.memory-boss{--left:65%}}
@media(max-width:1050px){.memory-boss{--left:66%}}
@media(max-width:760px){.fendi-memory-wall{height:calc(clamp(290px,76vw,360px) + clamp(230px,49vw,300px) + 20px)}.memory-boss{--left:50%;--top:clamp(290px,76vw,360px)}.memory-annotation{max-width:42%;bottom:32px}}
@media(max-width:380px){.fendi-memory-wall{height:540px}.memory-boss{--left:50%;--top:290px}.memory-annotation{max-width:110px;bottom:32px}}
.moment-dialog-top{gap:12px}.moment-brand-icon{width:32px;height:32px;flex-shrink:0}.moment-dialog-top p{flex:1}
