/* A few personal notes beside Antje's story; never over artwork or buying controls. */
.mila-home-note{width:128px;max-width:100%;margin:25px 0 0 auto;text-align:center}
.mila-home-note img{width:100%;height:auto}
.mila-home-note figcaption{margin-top:4px;font:italic 17px/1.4 var(--serif);color:#7b6a6a}
.mila-home-note a{border-bottom:1px solid transparent}
.mila-home-note a:hover{border-color:#bca99c}
.mila-memory{display:flex;align-items:center;gap:22px;margin-top:42px;padding-top:24px;border-top:1px solid #d8d0bd80;scroll-margin-top:35px}
.mila-memory>img{width:180px;max-width:36%;height:auto;flex:none}
.mila-handwritten{display:block;font:italic 22px/1.3 var(--serif);color:#7b5e68;margin-bottom:8px}
.gallery-site .prose .mila-memory p{font-size:14px;line-height:1.65;color:#746572;margin:0;max-width:38ch}
.mila-atelier-note{display:flex;gap:22px;align-items:center;padding-block:18px 35px}
.mila-atelier-note>img{width:115px;height:auto;flex:none}
.mila-atelier-note p{margin:0}
@media(max-width:760px){.mila-home-note{width:110px;margin-top:20px}.mila-home-note figcaption{font-size:15px}.mila-memory{gap:16px;align-items:flex-start;flex-direction:column;margin-top:30px;padding-top:20px}.mila-memory>img{width:180px;max-width:65%;align-self:flex-end}.mila-handwritten{font-size:21px}.mila-atelier-note{gap:15px}.mila-atelier-note>img{width:90px}.mila-atelier-note .text-link{font-size:13px}}
.atelier .atelier-welcome-with-mila{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:35px}
.mila-welcome{text-align:center;padding-top:15px}
.mila-greeting{position:relative;display:block;width:100%;padding:0;background:none;border:0;border-radius:12px;color:#7b5e68}
.mila-greeting>img{width:100%;height:auto}
.mila-greeting-label{display:block;font:italic 19px/1.4 var(--serif);margin-top:6px}
.mila-greeting-response{display:block;min-height:24px;margin-top:5px;font-size:12px;color:#7b5e68}
.mila-heart{position:absolute;opacity:0;pointer-events:none;font:26px/1 var(--serif);color:#ad536c;top:25%;left:70%;--drift:-12px}
.mila-heart-two{top:36%;left:80%;font-size:19px;--drift:15px}
.mila-heart-three{top:21%;left:56%;font-size:16px;--drift:-19px}
.mila-sends-love .mila-heart{animation:mila-small-love 1.1s ease-out both}
.mila-sends-love .mila-heart-two{animation-delay:.12s}.mila-sends-love .mila-heart-three{animation-delay:.23s}
@keyframes mila-small-love{0%{opacity:0;transform:translateY(5px) scale(.6)}25%{opacity:.85}100%{opacity:0;transform:translate(var(--drift),-34px) scale(1.1)}}
.atelier .mila-learning-intro{display:grid;grid-template-columns:minmax(0,1fr) 335px;align-items:center;gap:30px}
.mila-learning-note{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0}
.mila-learning-note>span{font:italic 25px/1.35 var(--serif);color:#7b5e68;white-space:nowrap}
.mila-learning-note em{color:inherit}.mila-learning-note>img{width:120px;height:auto;flex:none;border-right:1px solid #c9b4a0}
@media(max-width:640px){.atelier .atelier-welcome-with-mila{grid-template-columns:1fr;gap:4px}.mila-welcome{width:175px;justify-self:end;padding-top:4px}.mila-greeting-label{font-size:17px}.mila-greeting-response{font-size:11px}.atelier .mila-learning-intro{grid-template-columns:1fr;gap:4px}.mila-learning-note{justify-self:end}.mila-learning-note>img{width:95px}.mila-learning-note>span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mila-sends-love .mila-heart{animation:none!important;display:none}}

.mila-learning-note>span>small{display:block;font:italic 17px/1.5 var(--serif);margin-top:12px;color:#7b5e68}
@media(min-width:641px) and (max-width:950px){.atelier .mila-learning-intro{grid-template-columns:1fr;gap:12px}.mila-learning-note{justify-self:end}}
@media(max-width:370px){.mila-learning-note>img{width:78px}.mila-learning-note>span{font-size:21px}.mila-learning-note>span>small{font-size:16px}}