/* Living Legacy: typography is live HTML; imagery reuses the approved concept. */
.site-home #living-legacy.legacy-editorial {
  padding-block: clamp(64px, 7vw, 112px);
  --legacy-backdrop: #080b10;
  background: var(--legacy-backdrop);
}
.site-home .legacy-editorial > .container { width: min(1400px, calc(100% - 96px)); max-width: none; padding: 0; }
.site-home .legacy-editorial .legacy-layout { display: grid; grid-template-columns: 40% 60%; align-items: center; gap: 0; }
.site-home .legacy-editorial .legacy-copy { position: relative; z-index: 2; padding-block: 32px; }
.legacy-editorial .legacy-eyebrow { margin: 0 0 32px; color: #c5abd5; font: 400 12px/1.5 'Inter',sans-serif; text-transform: uppercase; letter-spacing: .32em; }
.site-home .legacy-editorial .legacy-title { position: relative; width: max-content; max-width: 112%; margin: 0 0 32px; padding: 0; color: #f6f3ef; font: 500 clamp(44px, 5.45vw, 86px)/1.12 'Inter',sans-serif; letter-spacing: -.055em; background: none; -webkit-text-fill-color: initial; }
.legacy-editorial .legacy-title > span { display: block; }
.legacy-editorial .legacy-title-accent { padding-block: 2px 8px; background: linear-gradient(100deg,#d5aaa9,#b7a1e5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.site-home .legacy-editorial .legacy-lede { max-width: 44ch; padding-inline-end: 24px; margin: 0 0 40px; color: #a6a6b1; font: 400 clamp(16px,1.45vw,21px)/1.75 'Inter',sans-serif; }
.site-home .legacy-editorial .legacy-btn { min-height: 60px; min-width: min(276px,100%); max-width: 100%; justify-content: center; padding: 16px 32px; margin: 0 0 48px; border: 1px solid rgba(245,212,215,.16); border-radius: 9px; background: #d0a0a2; color: #17151b; font: 500 17px/1.5 'Inter',sans-serif; box-sizing: border-box; box-shadow: none; }
.site-home .legacy-editorial .legacy-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px; margin: 0; padding: 0 24px 0 0; list-style: none; color: #bcbac4; }
.site-home .legacy-editorial .legacy-trust li { display: flex; align-items: center; gap: 16px; font: 400 12px/1.5 'Inter',sans-serif; }
.legacy-editorial .legacy-trust li::before { display: none; }
.legacy-editorial .legacy-trust svg { flex: 0 0 28px; width: 28px; height: 28px; fill: none; stroke: #e4ded6; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.legacy-editorial .legacy-archive { min-width: 0; width: 100%; margin: 0; position: relative; z-index: 1; }
.legacy-editorial .legacy-artwork { position: relative; width: 109.07079646%; margin-left: -4.424778761%; aspect-ratio: 986 / 800; overflow: hidden; isolation: isolate; background: var(--legacy-backdrop); }
.legacy-editorial .legacy-composition { position: absolute; display: block; width: 160.851926978%; max-width: none; height: auto; left: -60.851926978%; top: -8%; pointer-events: none; user-select: none; mix-blend-mode: lighten; clip-path: polygon(44.136191677% 0, 100% 0, 100% 100%, 40.353089533% 100%, 40.353089533% 34.274193548%, 44.136191677% 34.274193548%); }
/* A contour outside the paper/flower silhouette excludes the concept headline. */
/* No rectangular cover: the original silhouette remains unobstructed. */
.legacy-editorial .legacy-quote-card { position: absolute; z-index: 2; left: 56.31643002%; top: 60.5%; right: 5.176470588%; bottom: 1.2%; display: flex; flex-direction: column; justify-content: space-between; padding: 3.759026369% 2.842190669% 2.750507099%; border: 1px solid rgba(205,190,162,.42); border-radius: 14px; color: #f5f0e8; background: linear-gradient(145deg,#171919,#101213 78%); box-shadow: 0 8px 24px #0003; text-align: start; }
.legacy-editorial .legacy-quote-label { margin: 0; color: #baa7c7; font: 400 clamp(7px,.64vw,10px)/1.5 'Inter',sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.legacy-editorial .legacy-quote-label::after { content: ''; display: block; width: 42%; height: 1px; margin-top: 16px; background: #b3a59b4d; }
.legacy-editorial .legacy-quote-card blockquote { margin: 16px 0; color: #f3efe7; font: 400 clamp(18px,1.9vw,30px)/1.4 Georgia,'Times New Roman',serif; letter-spacing: -.025em; }
.legacy-editorial .legacy-quote-materials { margin: 0; color: #959197; font: 400 clamp(7px,.75vw,12px)/1.5 'Inter',sans-serif; }
.legacy-editorial .legacy-demo-caption { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 24px 0 0; padding-inline-start: 16%; color: #87838e; font: 400 10px/1.6 'Inter',sans-serif; letter-spacing: .12em; text-align: center; }
.legacy-editorial .legacy-demo-caption::before,.legacy-editorial .legacy-demo-caption::after { content: ''; width: 64px; height: 1px; background: #c1b9c333; }
@media (hover:hover) and (pointer:fine) {
 .legacy-editorial .legacy-artwork { transition: transform 500ms cubic-bezier(.23,1,.32,1); }
 .legacy-editorial .legacy-archive:hover .legacy-artwork { transform: translateY(-4px); }
 .site-home .legacy-editorial .legacy-btn:hover { background: #dfb1b3; transform: translateY(-2px); }
}
.site-home .legacy-editorial .legacy-btn:focus-visible { outline: 2px solid #c7b2ec; outline-offset: 5px; }
.legacy-editorial .legacy-btn:active { transform: scale(.98); }
html[lang]:not([lang^='en']) .legacy-editorial .legacy-title { font-size: clamp(36px,4vw,64px); max-width: 100%; width: auto; }
html[lang]:not([lang^='en']) .legacy-editorial .legacy-quote-card blockquote { font-size: clamp(15px,1.6vw,25px); }
@media (max-width: 960px) {
 .site-home .legacy-editorial > .container { width: calc(100% - 64px); }
 .site-home .legacy-editorial .legacy-layout { grid-template-columns: 1fr; gap: 32px; }
 .site-home .legacy-editorial .legacy-copy { max-width: 640px; padding: 0; }
 .site-home .legacy-editorial .legacy-title { font-size: clamp(44px,7vw,70px); max-width: 100%; width: auto; }
 .site-home .legacy-editorial .legacy-lede { max-width: 50ch; font-size: 18px; }
 .site-home .legacy-editorial .legacy-btn { margin-bottom: 32px; }
 .site-home .legacy-editorial .legacy-trust { max-width: 560px; }
 .legacy-editorial .legacy-archive { max-width: 720px; justify-self: center; }
 .legacy-editorial .legacy-quote-card blockquote { font-size: clamp(18px,3.2vw,28px); }
 .legacy-editorial .legacy-quote-label { font-size: 9px; }
 .legacy-editorial .legacy-quote-materials { font-size: 10px; }
 html[lang]:not([lang^='en']) .legacy-editorial .legacy-title { font-size: clamp(36px,6vw,56px); }
 html[lang]:not([lang^='en']) .legacy-editorial .legacy-quote-card blockquote { font-size: clamp(16px,2.8vw,24px); }
}
@media (max-width: 540px) {
 .site-home #living-legacy.legacy-editorial { padding-block: 64px; }
 .site-home .legacy-editorial > .container { width: calc(100% - 40px); }
 .legacy-editorial .legacy-eyebrow { font-size: 10px; margin-bottom: 24px; }
 .site-home .legacy-editorial .legacy-title { font-size: clamp(34px,8vw,44px); margin-bottom: 24px; }
 .site-home .legacy-editorial .legacy-lede { padding: 0; font-size: 16px; margin-bottom: 32px; }
 .site-home .legacy-editorial .legacy-trust { gap: 20px 12px; padding: 0; }
 .site-home .legacy-editorial .legacy-trust li { gap: 10px; font-size: 11px; }
 .legacy-editorial .legacy-trust svg { width: 24px; height: 24px; flex-basis: 24px; }
 .legacy-editorial .legacy-quote-card { left: 36.146044625%; top: 52%; right: 5.176470588%; bottom: 1%; border-radius: 8px; padding: 3.667342799%; }
 .legacy-editorial .legacy-quote-label { font-size: 9px; letter-spacing: .1em; }
 .legacy-editorial .legacy-quote-label::after { margin-top: 8px; }
 .legacy-editorial .legacy-quote-card blockquote { margin-block: 8px; font-size: clamp(12px,3.4vw,17px); line-height: 1.35; }
 .legacy-editorial .legacy-quote-materials { font-size: 9px; }
 .legacy-editorial .legacy-demo-caption { gap: 12px; padding: 0; margin-top: 16px; font-size: 8px; letter-spacing: .06em; }
 .legacy-editorial .legacy-demo-caption::before,.legacy-editorial .legacy-demo-caption::after { width: 24px; }
 html[lang]:not([lang^='en']) .legacy-editorial .legacy-quote-card blockquote { font-size: clamp(12px,3vw,16px); }
}
@media (prefers-reduced-motion:reduce) {
 .legacy-editorial .legacy-artwork,.legacy-editorial .legacy-btn { transition: none !important; transform: none !important; }
}
