/* Original stylesheet stays unchanged. New rules support SEO pages and links. */
:root{--ivory:#f4ecd9;--wine:#390a15;--line:#390a1540}
.monogram-hero{--hero-header-height:104px}
.monogram-stage{min-height:calc(100svh - var(--hero-header-height))}
.monogram-lockup{padding:0;transform:translateY(calc(var(--hero-header-height) / -2))}
.monogram-lockup img{mix-blend-mode:normal;aspect-ratio:1381/1139;object-fit:contain;max-height:max(96px,calc(100svh - 2 * var(--hero-header-height) - 64px))}
body:not(.seo-page)>header{border-bottom-color:transparent}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.services h3 a:hover,.project-meta h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.services .service-detail a{text-decoration:underline;text-underline-offset:4px}
.seo-page .seo-content{padding-top:32px;max-width:1440px;margin:auto}
.seo-page .seo-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.6;margin-bottom:38px}
.seo-page .seo-breadcrumb a:last-child{margin-left:0}
.seo-page h1{font-size:clamp(44px,6vw,88px);line-height:1.08;white-space:normal;letter-spacing:-.025em;padding:20px 0 24px}
.seo-page h2{font-size:clamp(34px,3.2vw,48px);line-height:1.14;margin-bottom:24px;letter-spacing:-.015em}
.seo-page .seo-intro{padding-block:12px 60px;border-bottom:1px solid var(--line)}
.seo-page .seo-intro>p{font-size:19px;line-height:1.7;max-width:800px;color:var(--ink)}
.seo-page .seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:55px 70px}
.seo-page .seo-columns>div{min-width:0}
.seo-page .seo-columns p{font-size:17px;line-height:1.8;color:var(--ink);margin-bottom:22px}
.seo-page .seo-columns ul{list-style:none;padding:0;margin:0}
.seo-page .seo-columns li{font-size:17px;line-height:1.6;padding-block:16px;border-top:1px solid var(--line);color:var(--ink)}
.seo-page .seo-contact{padding-top:35px;margin-top:32px;border-top:1px solid var(--line)}
.seo-page .seo-contact .email{margin-top:0;font-size:17px;overflow-wrap:anywhere}
.seo-page .seo-text-link{text-decoration:underline;text-underline-offset:5px}
.seo-page .seo-related{border-top:1px solid var(--line);padding-top:40px;margin-bottom:65px}
.seo-page .seo-related>p{line-height:1.7;font-size:14px;margin:0 0 26px;color:var(--ink)}
.seo-page .seo-related .project:first-child{grid-column:auto}
.seo-page .seo-related .project:first-child .project-image{aspect-ratio:16/9}
.seo-page .seo-more{border-top:1px solid var(--line);padding-top:36px;margin-top:48px}
.seo-page .seo-service-links{display:flex;flex-wrap:wrap;gap:18px 30px;font-size:16px;line-height:1.7}
.seo-page .seo-service-links a{text-decoration:underline;text-underline-offset:5px}
.seo-page .seo-service-links a:last-child{margin-left:0}
.seo-page .seo-video{width:100%;aspect-ratio:16/9;background:var(--ink)}
.seo-page .seo-video iframe{display:block;width:100%;height:100%;border:0}
.seo-page .seo-video-link{padding-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.seo-page .seo-credits{display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:18px 26px;padding:0;margin:0 0 30px}
.seo-page .seo-credits dt{font-size:14px;line-height:1.6;color:#5f5a50}
.seo-page .seo-credits dd{font-size:16px;line-height:1.6;margin:0;color:var(--ink)}
@media(max-width:760px){
 .monogram-hero{--hero-header-height:90px}
 .seo-page .seo-content{padding-top:24px}.seo-page .seo-breadcrumb{margin-bottom:25px;font-size:12px}
 .seo-page h1{font-size:clamp(42px,10vw,60px);padding-block:15px 24px;overflow-wrap:break-word}
 .seo-page .seo-intro{padding-bottom:35px}.seo-page .seo-intro>p{font-size:17px}
 .seo-page .seo-columns{grid-template-columns:1fr;gap:38px;padding-block:38px 45px}
 .seo-page .seo-columns p,.seo-page .seo-columns li{font-size:16px}
 .seo-page .seo-credits{grid-template-columns:110px 1fr;gap:15px}.seo-page .seo-credits dd{font-size:15px}
 .seo-page .seo-service-links{gap:15px 24px}.footer-links{gap:12px}
}
