/* Legato editorial photography and the September 27 homepage update. */
.editorial-photo { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.hero-card { z-index:2; }
.hero-art > .editorial-photo { object-position:25% center; }
.art { overflow:hidden; }
.what-we-do { padding:clamp(36px,6vw,80px) clamp(24px,4vw,56px) 0; }
.what-we-do-title { max-width:1100px; margin:28px 0; font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(36px,5.3vw,76px); line-height:1.06; letter-spacing:-.025em; }
.linkedin-link { display:inline-flex; align-items:center; gap:14px; padding:0 0 8px; border-bottom:1px solid #7f7375; font-size:14px; color:#F8F6EF; }
.linkedin-link:hover { color:#D9A3AA; border-color:#D9A3AA; }
.studio-feature { margin:40px 0 0; overflow:hidden; aspect-ratio:2.25; }
.studio-feature img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 56%; }
.thinking-feature { display:grid; grid-template-columns:1fr 1fr; background:#FFF; color:#0D0D0D; border-radius:6px; overflow:hidden; }
.thinking-feature-copy { display:flex; flex-direction:column; align-items:flex-start; gap:22px; padding:clamp(28px,4vw,56px); }
.thinking-eyebrow { color:#6A0D1A; font-size:11px; font-weight:600; line-height:1.6; letter-spacing:.18em; text-transform:uppercase; }
.thinking-feature h3 { margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(32px,3.4vw,48px); line-height:1.08; letter-spacing:-.02em; }
.thinking-feature p { margin:0; color:#5B5652; font-size:16px; line-height:1.65; }
.thinking-meta { color:#5B5652; font-size:12px; line-height:1.7; }
.thinking-read { margin-top:auto; display:flex; gap:20px; align-items:center; padding-top:8px; font-size:14px; font-weight:600; color:#6A0D1A; }
.thinking-feature-image { position:relative; min-height:360px; }
.thinking-feature-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.thinking-feature:hover h3 { color:#6A0D1A; }
:is(.s100,.s105,.s141) { isolation:isolate; }
:is(.s100,.s105,.s141)::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(13,13,13,.87) 0%,rgba(13,13,13,.74) 48%,rgba(13,13,13,.18) 100%); }
:is(.s100,.s105,.s141) > :not(img) { position:relative; z-index:2; }
.s141::after { background:linear-gradient(90deg,rgba(13,13,13,.94),rgba(13,13,13,.77) 45%,rgba(13,13,13,.2)); }
.s141 .editorial-photo { object-position:center 58%; }
:is(.s87,.s136) .editorial-photo { object-position:38% center; }
:is(.s89,.s139) .editorial-photo { object-position:center 75%; }
:is(.s100,.s149,.s176) .editorial-photo { object-position:center; }
@media (max-width:1099px) {
 .hero-art > .editorial-photo { height:360px; object-position:left center; }
 .hero-art { padding-top:330px; }
}
@media (max-width:799px) {
 .what-we-do { padding:40px 24px 0; }
 .what-we-do-title { margin:24px 0; }
 .studio-feature { margin-top:30px; aspect-ratio:1.5; }
 .thinking-feature { grid-template-columns:1fr; }
 .thinking-feature-image { min-height:0; aspect-ratio:1.5; }
 .thinking-feature-copy { padding:32px; }
 .hero-art > .editorial-photo { height:280px; }
 .hero-art { padding-top:250px; }
}
@media (max-width:559px) {
 .what-we-do { padding:36px 20px 0; }
 .what-we-do-title { font-size:36px; }
 .studio-feature { margin-left:-20px; margin-right:-20px; aspect-ratio:1.3; }
 .thinking-feature-copy { padding:28px 24px; }
 .thinking-feature h3 { font-size:34px; }
 .hero-art > .editorial-photo { height:250px; }
 .hero-art { padding-top:230px; }
}