.note{background:var(--bg);overflow:hidden}.note__inner{display:flex;flex-direction:column;gap:40px;padding-top:72px;padding-bottom:72px}.note__media{position:relative}.note__wash{height:auto;left:-18%;opacity:.55;position:absolute;top:-10%;width:80%}.note__photo{aspect-ratio:4 / 4.6;border-radius:22px;box-shadow:0 30px 60px #12372f24;overflow:hidden;position:relative}.note__img{height:116%;left:0;object-fit:cover;position:absolute;top:-8%;width:100%}.note__eyebrow{margin-bottom:14px}.note__title{font-size:32px;max-width:18ch}.note__body{color:var(--fg);font-size:18px;line-height:1.6;margin-top:24px;max-width:38ch}.note__body p+p{margin-top:14px}.note__sign{align-items:baseline;border-top:1px solid var(--line-pale);display:flex;gap:14px;margin-top:30px;padding-top:22px}.note__sign-name{color:#a47449;font-family:var(--font-slab);font-size:30px;font-weight:600;letter-spacing:-.02em}.note__sign-brand{color:var(--fg-muted);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}[data-reveal] .note__photo{opacity:0;transform:translateY(40px) rotate(-2deg)}[data-reveal] .note__wash{opacity:0;transform:scale(.8) rotate(-20deg)}[data-reveal] .note__eyebrow,[data-reveal] .note__body p,[data-reveal] .note__sign{opacity:0;transform:translateY(18px)}[data-reveal].is-in .note__photo{opacity:1;transform:none;transition:opacity 1s,transform 1.4s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-in .note__wash{opacity:.55;transform:none;transition:opacity 1.6s .2s,transform 2.4s cubic-bezier(.2,.8,.2,1) .2s}[data-reveal].is-in .note__eyebrow{opacity:1;transform:none;transition:opacity .7s .2s,transform .7s .2s}[data-reveal].is-in .note__title .title__inner{transition-delay:.35s}[data-reveal].is-in .note__body p{opacity:1;transform:none;transition:opacity .8s,transform .8s}[data-reveal].is-in .note__body p:nth-child(1){transition-delay:.7s}[data-reveal].is-in .note__body p:nth-child(2){transition-delay:.85s}[data-reveal].is-in .note__body p:nth-child(3){transition-delay:1s}[data-reveal].is-in .note__sign{opacity:1;transform:none;transition:opacity .8s 1.25s,transform .8s 1.25s}@media(min-width:768px){.note__inner{align-items:center;flex-direction:row;gap:72px;padding-top:110px;padding-bottom:110px}.note__media{flex:0 0 42%}.note__title{font-size:40px}}@media(min-width:1200px){.note__inner{gap:120px;padding-top:140px;padding-bottom:140px}.note__media{flex-basis:40%;margin-left:4%}.note__title{font-size:52px}.note__body{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/note.css.map */