/* Grecia Menes: branding and content-specific adjustments in this client copy only. */
:root{--muted:#6d5c63}
.brand>img{width:236px;height:auto;max-width:100%;display:block}
.hero.container{padding-top:42px}
.hero-visual{max-width:750px;padding-inline:50px}
.hero .hero-photo{height:400px;width:560px;max-width:100%;margin-inline:auto;border-radius:160px 160px 26px 26px}
.hero .hero-photo img{object-position:var(--photo-position)}
.hero-caption{width:260px;bottom:28px;background:var(--paper)}
.aura-photo-note{right:4px}
.trust-ribbon strong{font-weight:800;font-style:normal}
.trust-ribbon .container{gap:20px}
.service-entry:nth-child(1){background:#f4e2e1}
.service-entry:nth-child(2){background:#e8ece2}
.service-entry:nth-child(3){background:#f0e5eb}
.about-copy h2{font-size:clamp(30px,3.25vw,42px);line-height:1.16}
.about-name{font-size:24px!important;line-height:1.3;font-weight:800;color:var(--primary)}
.about-copy>p{font-size:16px;line-height:1.72}
.about-section{align-items:center}
.about-photo{height:520px}
.credential-list p{font-size:14px;line-height:1.55}
.legal-credentials{font-size:12px!important}
.service-hero h1{font-size:clamp(40px,4vw,58px);line-height:1.12;text-wrap:balance}
.service-photo{height:510px}
.service-photo img[src*="pdf-cover"]{object-fit:contain;background:var(--accent)}
.video-copy .cta-row{flex-wrap:wrap}
.education-photo{height:510px}
.education-photo img{height:100%;width:100%;object-fit:cover}
.video-wrap{width:100%}
.closing-section{align-items:stretch}
.closing-photo{height:100%;max-height:720px;align-self:center;border-radius:160px 160px 20px 20px}
.closing-copy h2{font-size:clamp(35px,3.6vw,46px);line-height:1.15}
.closing-details{gap:16px;margin-block:24px}
.closing-details p{font-size:14px;line-height:1.65}
.source-link{font-size:12px;margin-top:22px;color:var(--muted)}
.source-link a{text-decoration:underline;text-underline-offset:3px}
.site-footer .brand>img{width:225px}
.site-footer a{overflow-wrap:anywhere}
.privacy p{font-size:16px;line-height:1.8;margin-block:22px}
@media(min-width:1001px){
 .hero.container{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;padding-block:48px 62px}
 .hero .aura-heading{text-align:left;margin:0;max-width:none}
 .hero h1{font-size:62px;line-height:1.06}
 .hero .eyebrow{font-size:10px;line-height:1.6}
 .hero .hero-intro{margin:22px 0 0;max-width:540px}
 .hero .cta-row,.hero .contact-note{justify-content:flex-start}
 .hero .hero-visual{padding:0;margin:0;width:100%;max-width:440px}
 .hero .hero-photo{height:465px;width:100%;border-radius:180px 180px 24px 24px}
 .hero-caption{left:-25px;bottom:22px;width:260px}
 .aura-photo-note{display:none}
}
@media (min-width:681px) and (max-width:1000px){
 .desktop-nav{gap:15px;font-size:11px}.brand>img{width:195px}.header-actions .button{font-size:11px;padding-inline:12px}
 .about-section{gap:28px}.about-copy>p{font-size:15px}.about-photo{height:560px}
 .service-hero h1{font-size:42px}.service-photo{height:480px}
 .closing-section{grid-template-columns:1.1fr .9fr}.closing-photo{height:520px}
}
@media(max-width:680px){
 .brand>img{width:194px}.header-inner{min-height:72px;gap:12px}
 .hero.container{padding-top:17px;gap:14px}
 .hero .eyebrow{font-size:10px;max-width:310px;line-height:1.5}
 .hero .hero-visual{height:168px;width:260px;max-width:100%;padding:0}
 .hero .hero-photo{height:168px;width:100%;border-radius:75px 75px 22px 22px}
 .hero .hero-photo img{object-position:var(--mobile-photo-position)!important}
 .hero h1{font-size:34px;max-width:340px;margin-inline:auto}
 .hero .hero-intro{font-size:15px}
 .hero .cta-row .button,.service-hero .cta-row .button{font-size:12px;min-height:52px}
 .hero .contact-note,.service-hero .contact-note{font-size:10px;line-height:1.6}
 .trust-ribbon .container{gap:8px}
 .trust-ribbon strong{font-size:21px}
 .trust-ribbon span{font-size:10px;max-width:100px;margin:auto}
 .about-photo{height:385px}.about-copy h2{font-size:32px}
 .about-copy>p{font-size:16px}
 .about-name{font-size:24px!important}.credential-list{padding:18px}
 .service-hero h1{font-size:clamp(26px,7.2vw,33px);text-align:left}
 .service-hero>.service-photo{min-height:235px;height:100%}
 .service-photo img[src*="pdf-cover"]{object-fit:cover;object-position:50% 25%!important}
 .education-photo{height:420px}
 .closing-photo{height:340px;max-height:none;width:100%;border-radius:90px 90px 0 0}
 .closing-copy h2{font-size:35px}
 .section-heading h2{font-size:35px}
 .location-info .cta-row{flex-direction:column}
 .site-footer{padding-bottom:100px}
 .footer-bottom{gap:18px;flex-wrap:wrap}
}

/* Official symbol supplied 2026-10-24; retain the approved wordmark and layout. */
.brand{gap:10px;flex-shrink:0;align-items:center}
.brand>img.brand-symbol{display:block;width:52px;height:52px;object-fit:contain;flex:0 0 52px}
.brand>img.brand-wordmark{width:178px;height:auto;max-width:none}
.site-footer .brand{gap:12px}
.site-footer .brand>img.brand-symbol{width:60px;height:60px;flex-basis:60px}
.site-footer .brand>img.brand-wordmark{width:188px}
.recognition-list .item-number{display:grid;place-items:center;line-height:1;font-family:var(--body-font);font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:0;padding:0;flex-shrink:0}
@media(min-width:681px) and (max-width:1000px){
 .header-inner .brand>img.brand-symbol{width:46px;height:46px;flex-basis:46px}
 .header-inner .brand>img.brand-wordmark{width:150px}
}
@media(max-width:680px){
 .header-inner .brand{gap:8px}
 .header-inner .brand>img.brand-symbol{width:44px;height:44px;flex-basis:44px}
 .header-inner .brand>img.brand-wordmark{width:168px}
}

.brand>img.brand-symbol,.site-footer .brand>img.brand-symbol{max-height:none}

/* Contact controls stay hidden until the initial actions have scrolled past. */
.mobile-contact[hidden]{display:none!important}
.map-panel iframe{display:block;width:100%;height:100%;min-height:420px;border:0}
@media(max-width:680px){.map-panel iframe{height:330px;min-height:330px}}

/* Use each portrait's mobile focal point, including closing and biography photos. */
@media(max-width:680px){
 .photo img{object-position:var(--mobile-photo-position,var(--photo-position,50% 0%))!important}
 .closing-photo{height:auto;min-height:340px;aspect-ratio:1}
 .about-photo{height:auto;min-height:385px;aspect-ratio:4/5}
 .education-photo{height:auto;min-height:420px;aspect-ratio:4/5}
}
