.notes-library-grid .note-library-card{padding:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:var(--white);box-shadow:0 6px 24px #25211a04}.note-image{margin:0;position:relative}.note-image-frame{position:relative;aspect-ratio:16/10;background:var(--paper);overflow:hidden}.note-image-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.note-image-kind{position:absolute;bottom:14px;left:16px;background:#ffffffeb;border:1px solid #ffffff66;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:.04em;color:#39443b;box-shadow:0 2px 8px #0000000d}.note-image figcaption{display:flex;align-items:start;gap:13px;padding:12px 21px;background:color-mix(in srgb,var(--note-color) 4%,var(--white));border-bottom:1px solid var(--line);position:relative}.note-image-caption{font-size:10px!important;line-height:1.65!important;margin:0!important;color:var(--muted);flex:1;min-width:0}.note-image-credit{position:relative;flex-shrink:0;font-size:9px;line-height:1.6}.note-image-credit>summary{cursor:pointer;list-style:none;padding:4px 0;color:var(--ink);white-space:nowrap}.note-image-credit>summary::-webkit-details-marker{display:none}.note-image-credit>div{position:absolute;inset-inline-end:0;top:29px;z-index:8;width:260px;max-width:calc(100vw - 85px);padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 12px 32px #25211a20;box-sizing:border-box;overflow-wrap:anywhere}.note-image-credit p{font-size:10px;line-height:1.7;margin:0 0 9px}.note-image-credit small{font-size:9px;color:var(--muted)}.note-image-credit a{color:var(--feature-deep);text-decoration:underline;text-underline-offset:3px}.note-library-copy{padding:25px;display:flex;flex-direction:column;flex:1;min-width:0}.note-library-copy>.pill{align-self:start}.note-library-copy h2{font:33px/1.16 Georgia,serif;margin:16px 0 3px}.note-library-copy>.eyebrow{font-size:9px;letter-spacing:.12em;margin-top:22px}.note-library-copy>p{font-size:12px;line-height:1.85;margin:10px 0 0}.note-fragrance-examples{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.note-fragrance-examples>.eyebrow{font-size:8px;margin:0;letter-spacing:.12em}.note-fragrance-examples .mini-bottles{margin:15px 0 0;gap:13px}.note-fragrance-examples .catalog-art{width:105px;height:130px;min-height:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.note-library-card .note-card-actions{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:24px;flex-wrap:wrap}.note-card-actions .secondary{border-radius:11px;padding:10px 14px}.note-card-actions .text-button{padding:10px 0;font-size:11px;line-height:1.5}.note-image-detail{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:6px 0 25px}.note-image-detail .note-image-frame{aspect-ratio:16/8;max-height:310px}.note-image-detail figcaption{border:0;flex-wrap:wrap}.note-image-detail .note-image-credit{width:100%}.note-image-detail .note-image-credit>div{position:static;box-shadow:none;background:var(--white);margin-top:8px;width:100%;max-width:none}.note-image-detail .note-image-credit summary{width:fit-content}.note-image img{color:var(--muted);font-size:11px}@media(max-width:600px){.note-library-copy{padding:23px}.note-image figcaption{padding:12px 19px;gap:10px}.note-image-caption{font-size:9px!important}.note-image-credit{font-size:8px}.note-image-kind{font-size:8px;padding:6px 9px}.note-image-detail .note-image-frame{aspect-ratio:4/3;max-height:330px}.note-library-copy h2{font-size:31px}}
