/* Desktop navigation and a consistent reading scale. */
@media(min-width:1101px){
 :root{--desktop-title:clamp(52px,4.8vw,76px);--section-title:clamp(36px,3.3vw,52px);--section-subtitle:28px;--reading-size:18px}
 body main h1{font-size:var(--desktop-title)!important;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
 body main h1 em{font-size:1em;line-height:inherit}
 body main h2{font-size:var(--section-title)!important;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
 body .hero-bottom-copy p{font-size:20px;line-height:1.65;max-width:660px}
 body .hero h1{max-width:900px}
 body .hero-bottom-copy{margin-top:28px}
 body .seo-lead,body .grange-intro>p:not(.eyebrow),body .detail-heading>div>p:not(.eyebrow){font-size:20px;line-height:1.65}
 body .legal-section p,body .legal-section li,body .seo-body p,body .seo-body li,body .seo-section>p,body .seo-faq p,body .detail-story p,body .detail-story li{font-size:18px;line-height:1.7}
 body .seo-main :is(.seo-note,.fine-print,.lead-privacy,.lead-status,.lead-delivery){font-size:14px;line-height:1.6}
 body .partner-moments h3,body .seo-main h3,body .project-meta h3,body .method-detail h3{font-size:28px;line-height:1.2}
 body .desktop-nav{gap:clamp(18px,2vw,30px);align-items:center}
 .services-menu{position:static}
 .services-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;font-size:16px;line-height:1.5;color:var(--navy)}
 .services-menu>summary::-webkit-details-marker{display:none}
 .services-menu>summary .ui-icon{width:15px;height:15px;transition:transform .2s}
 .services-menu[open]>summary .ui-icon{transform:rotate(180deg)}
 .services-menu>summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px;border-radius:3px}
 .services-panel{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:34px;padding:28px;background:#f5f7f5;color:var(--navy);border:1px solid #ceded8;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 22px 45px #020c2320}
 .services-panel:before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
 .services-preview{position:relative;min-height:300px;overflow:hidden;border-radius:10px;background:#dce9e5;isolation:isolate}
 .services-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}
 .services-preview img.is-ready{opacity:1}
 .services-preview:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020c23c9)}
 .services-preview figcaption{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;color:#fff;font-size:26px;line-height:1.2;font-family:var(--heading);font-weight:500}
 .services-list{display:grid;align-content:center;gap:0}
 body .desktop-nav .services-list>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 8px;border-bottom:1px solid #d6e0df;font-size:18px;line-height:1.5;transition:color .15s,background .15s}
 body .desktop-nav .services-list>a:after{display:none}
 body .desktop-nav .services-list>a:is(:hover,:focus-visible,.is-previewed){color:var(--teal);background:#e7efec}
 .services-list .ui-icon{width:20px;height:20px;flex-shrink:0}
 .services-panel .services-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:0 8px 12px}
 @media(max-width:1250px){body .desktop-nav a,.services-menu>summary{font-size:14px}body .desktop-nav{gap:18px}body .header{gap:20px}.services-panel{padding:22px;gap:26px}}
 @media(prefers-reduced-motion:reduce){.services-preview img,.services-menu>summary .ui-icon{transition:none}}
}
