/* The desktop navigation and layout remain governed by style.css. */
.phone-menu{display:none}
@media(max-width:800px){
 html{scroll-padding-top:132px}
 body{font-size:16px;line-height:1.7}
 .wrap{padding-left:24px;padding-right:24px}
 header{background:var(--cream)}
 header nav.wrap{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:16px;padding-bottom:0}
 header .pairedbrand{width:100%;gap:16px;justify-content:space-between;padding:0 0 16px;margin:0;min-width:0}
 header .pairedbrand .brandtext{margin:0;min-width:0}
 header .pairedbrand .brandname{font-size:26px;line-height:1.08;letter-spacing:-.6px}
 header .pairedbrand .brandtitle{font-size:6.2px;line-height:1.4}
 header .pairedbrand .pairedlogos{gap:7px;flex-shrink:0}
 header .pairedbrand .headermeridian{width:110px;flex-basis:110px}
 header .pairedbrand .ammark{width:29px;height:29px;flex-basis:29px}
 header .pairedbrand .branddivider{height:19px}
 header .navlinks{display:none!important}
 header .phone-menu{display:block;width:100%;padding:0;border:0;border-top:1px solid var(--line)}
 .phone-menu summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 0;font:500 15px/1.4 Arial,sans-serif;list-style:none;cursor:pointer;color:var(--ink)}
 .phone-menu summary::-webkit-details-marker{display:none}
 .phone-menu summary:after{content:none}
 .phone-menu-icon:before{content:'☰';font-size:20px}
 .phone-menu[open] .phone-menu-icon:before{content:'×';font-size:26px}
 .phone-menu-links{display:flex;flex-direction:column;gap:0;padding:0 0 16px;max-height:calc(100dvh - 140px);overflow-y:auto}
 .phone-menu-links>a{display:flex;align-items:center;min-height:48px;padding:12px 10px;text-decoration:none;border-top:1px solid var(--line);font:15px/1.5 Arial,sans-serif}
 .phone-menu-links>a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:5px}
 .phone-menu-links>a.btn{justify-content:center;margin:10px 0;border:1px solid var(--green);font-size:13px}
 main section{padding-top:56px;padding-bottom:56px}
 main h1,main .pagehero h1,main .opening h1{font-size:clamp(36px,5.6vw,46px);line-height:1.13;letter-spacing:-1.1px;margin:20px 0 24px;max-width:100%;text-wrap:balance}
 main h2,.statement h2,.sectiontop h2,.homequote h2,.closing h2,.contact h2,.advisorcopy h2{font-size:34px;line-height:1.2;letter-spacing:-.7px;text-wrap:balance}
 main h3{font-size:25px;line-height:1.25;letter-spacing:-.3px}
 main h1 br,main h2 br{display:none}
 main p{font-size:16px;line-height:1.75}
 main .eyebrow,main .tag,main .openingcopy .eyebrow,main .lifegrid .tag,main .mediasocialbar h2.eyebrow{font-size:13px;letter-spacing:1.15px;line-height:1.65}
 main .btn{min-height:48px;padding:14px 20px;font-size:12px;line-height:1.5;letter-spacing:.9px;gap:22px;text-align:center;white-space:normal}
 main .textlink{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;padding:6px 0}
 .pagehero{padding:42px 0 40px}
 .pagehero p{font-size:17px;line-height:1.7}
 main .opening{grid-template-columns:minmax(0,1fr);min-height:0;padding:0}
 .openingcopy{padding:42px 24px 36px}
 .openingline{font-size:12px;letter-spacing:1.1px;padding-top:20px;max-width:none}
 .openingphoto{min-height:0;aspect-ratio:1/1.08}
 .openingphoto img{object-position:center 12%}
 .photofoot{font-size:11px;line-height:1.5;letter-spacing:.7px;padding:14px 20px}
 .actions{gap:12px;margin-top:26px}
 .actions .btn{width:100%}
 .actions .textlink{min-height:44px}
 .statementgrid,.advisorgrid,.intro,.about,.faqgrid,.contactinner{grid-template-columns:minmax(0,1fr);gap:28px}
 .statementgrid>.eyebrow,.intro .body{padding-top:0}
 .statement h2{margin-top:0;margin-bottom:22px}
 .statement p{font-size:16px}
 .advisorgrid{gap:32px}
 .advisorphoto{width:100%;max-width:420px;margin-inline:auto}
 .advisorphoto img{height:auto;aspect-ratio:4/4.3}
 .advisorcopy h2{margin:14px 0 12px}
 .advisorcopy .roleline{font-size:12px;line-height:1.7;letter-spacing:.7px}
 .about .portrait{width:100%;max-width:350px;margin-inline:auto}
 .caption strong{font-size:23px}
 .caption span{font-size:10px;line-height:1.6}
 .sectiontop{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}
 .sectiontop h2{margin-bottom:0}
 .sectiontop p{margin:0;max-width:none}
 .processrow,.steps,.servicegrid,.lifegrid,.audiencegrid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:0}
 .processrow h3{min-height:0;font-size:25px;margin-bottom:12px}
 .processrow .num{font-size:28px;margin-bottom:16px}
 .processrow p,.steps p,.service p,.lifegrid p,.audiencegrid p{font-size:16px;line-height:1.7}
 .lifegrid article{padding:26px 24px}
 .lifegrid h3,.lifegrid .tag{min-height:0}
 .lifegrid h3{font-size:27px;margin:14px 0 18px}
 .quiet,.contactbox,.logincard{padding:24px}
 .contactbox a:not(.btn){font-size:16px;min-height:44px;display:flex;align-items:center}
 .homequote p,.closing p{margin-bottom:24px}
 .expectlist article{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:24px 0}
 .expectlist h3{font-size:25px}
 .expectlist p{font-size:16px}
 summary{min-height:48px;font-size:16px;line-height:1.6;align-items:center}
 details p{font-size:16px;line-height:1.75;margin-right:0}
 .intakeform{width:100%;min-width:0;padding:0}
 .intakeform input,.intakeform select,.intakeform textarea{font-size:16px}
 .intakeform .formnote{font-size:13px;line-height:1.7;margin-top:20px}
 .mediagrid{grid-template-columns:minmax(0,1fr);max-width:410px;margin-inline:auto;gap:28px}
 .videocaption{grid-template-columns:24px minmax(0,1fr);gap:4px 12px;padding:18px;min-height:0}
 .videocaption .videotitle{font-size:21px;line-height:1.35;text-wrap:initial}
 .videonumber{align-self:start;padding-top:6px}
 .videocaption .textlink{grid-column:2;font-size:13px;justify-self:start;min-height:44px;white-space:normal}
 .mediasociallinks{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px 20px}
 .mediasociallinks a{font-size:15px;min-height:44px;padding:8px 0;gap:10px}
 .mediaplayernote{font-size:13px}
 .storylayout{grid-template-columns:minmax(0,1fr);gap:28px}
 .storyprofile{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;align-items:center}
 .storyportrait{height:130px}
 .storyidentity{padding-top:0}
 .storyidentity h2{font-size:30px}
 .storyidentity p{font-size:14px;line-height:1.6}
 .storywords blockquote:before{display:none}
 .storywords blockquote p{font-size:19px;line-height:1.75}
 .storydisclosure{padding:22px}
 .storydisclosure p{font-size:13px;line-height:1.75}
 .personalgallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 footer{padding-top:32px;padding-bottom:24px}
 footer .pairedbrand{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:24px}
 footer .pairedbrand .brandtext{align-self:flex-start}
 footer .pairedbrand .brandname{font-size:30px}
 footer .pairedbrand .brandtitle{font-size:7.2px;line-height:1.4}
 footer .footercontact{font-size:14px;line-height:1.7;margin-top:14px;gap:3px}
 footer .footercontact a{display:inline-flex;align-items:center;min-height:44px;margin-top:0}
 footer .footerlinks{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;justify-content:initial;padding:16px 0}
 footer .footerlinks a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5}
 footer p{font-size:12px;line-height:1.8;margin-bottom:16px}
 footer p>a{display:inline-block;padding-block:4px}
 footer .copyright{font-size:12px;line-height:1.7}
}
@media(max-width:400px){
 .wrap{padding-left:22px;padding-right:22px}
 header nav.wrap{padding-top:14px}
 header .pairedbrand{gap:10px;padding-bottom:14px}
 header .pairedbrand .headermeridian{width:96px;flex-basis:96px}
 header .pairedbrand .ammark{width:26px;height:26px;flex-basis:26px}
 header .pairedbrand .pairedlogos{gap:6px}
 header .pairedbrand .brandname{font-size:24px}
 header .pairedbrand .brandtitle{font-size:5.8px}
 main h1,main .pagehero h1,main .opening h1{font-size:39px}
 .openingcopy{padding-inline:22px}
}
@media(max-width:350px){
 header .pairedbrand .headermeridian{width:85px;flex-basis:85px}
 header .pairedbrand .ammark{width:23px;height:23px;flex-basis:23px}
 header .pairedbrand .brandname{font-size:21px}
 header .pairedbrand .brandtitle{font-size:5px}
 main h1,main .pagehero h1,main .opening h1{font-size:35px}
 main h2,.statement h2,.sectiontop h2,.homequote h2,.closing h2,.contact h2,.advisorcopy h2{font-size:30px}
}