/* The mobile homepage is one reading path: promise, proof, work, partnership. */
@media(max-width:760px){
 :root{--mobile-space:48px}
 
 html{scroll-padding-top:84px}
 #main section h2{font-size:36px;line-height:1.08;letter-spacing:-.035em}
 .mobile-edition .hero{padding-top:38px;min-height:min(650px,82svh)}
 .mobile-edition .hero h1{font-size:clamp(36px,11.4vw,49px);line-height:1.04}
 #main .hero-content>p{max-width:28ch;font-size:16px;line-height:1.5;margin:22px 0 24px;color:#e1d9ca}
 .mobile-edition .hero-proof{padding-top:100px;padding-bottom:28px;gap:14px}
 .mobile-edition .hero-proof strong{font-size:clamp(28px,8vw,34px);margin-bottom:5px}
 #main .hero-proof>span{font-size:11px;line-height:1.45}
 .hero-drafting{display:none}
 .trust{padding-block:24px 28px}
 .trust>p{font-size:12px;margin-bottom:16px}
 .trust .client-names{gap:32px;padding-bottom:4px}

 /* A single selector ties the commercial outcome to the person saying it. */
 .authority{padding:36px var(--gutter) 32px;background:var(--paper)}
 .mobile-results-title{margin-bottom:24px}
 .evidence-tabs{border-top:0;border-bottom:1px solid var(--line);gap:24px}
 .evidence-tabs button{font:500 16px/1.3 var(--sans);min-height:48px;padding:8px 0 12px;color:#71695d;flex:1}
 .evidence-tabs button[aria-selected=true]:before{top:auto;bottom:-1px;right:0;height:2px;background:#95712a}
 .mobile-attribution{font-size:11px;color:#766b58;margin:12px 0 22px}
 .evidence-sheet{display:block;background:none;padding:0;min-height:0}
 .evidence-figure{font-size:76px;line-height:.96}
 .evidence-result h3{font-size:25px;margin:9px 0 8px;max-width:100%;line-height:1.12}
 .evidence-detail{margin-top:6px}
 .evidence-detail summary{font-size:13px;min-height:44px}
 .evidence-detail>p{font-size:15px;line-height:1.6}
 .evidence-person{display:none}
 #results{padding:22px 0 0;background:none}
 #results .customer-tabs{display:none}
 #results .testimonial-portrait{margin:0;max-width:none}
 #results .testimonial-portrait img{height:230px;width:100%;object-fit:cover;object-position:center 34%}
 #results .testimonial-copy{padding-top:20px}
 #results .testimonial-copy blockquote{font-size:27px;line-height:1.16;letter-spacing:-.025em;margin:0}
 #results .customer-attribution{margin-top:20px}
 #results .customer-attribution p:first-child{font-size:15px}
 #results .customer-attribution p+p{font-size:12px;line-height:1.5;margin-top:4px}
 #results .testimonial-copy>a{font-size:12px;margin-top:7px;padding-block:10px;min-height:44px}
 .backers{background:var(--paper);border-top:1px solid var(--line);border-bottom:0;padding-block:22px 28px}
 .backers>p{font-size:11px;margin-bottom:16px}
 .backers img{height:31px}

 .portfolio{padding-block:42px 34px}
 .portfolio h2{margin-bottom:28px}
 .portfolio .post-composition .post{flex-basis:90%;width:90%}
 .portfolio .post-image{height:310px;padding:10px;background:#39362e}
 .portfolio .post figcaption{padding-top:16px}
 .portfolio .post figcaption>a,.portfolio .post figcaption>strong{font-size:24px;line-height:1.12}
 .portfolio .post figcaption p{font-size:12px;line-height:1.5}
 .folio-controls{margin-top:10px}
 .folio-controls button{border:0!important;min-height:44px;min-width:44px}
 .folio-controls>span{font-size:12px;color:#c8bfad}

 /* Method detail remains available without adding three mandatory chapters. */
 .mobile-approach{margin:0 var(--gutter);border-top:0}
 .mobile-approach>summary{min-height:64px;font-size:15px}
 .approach-content .advantage{background:var(--paper)}
 .approach-content .advantage-statement{background:var(--paper);color:var(--ink);height:auto;padding:24px var(--gutter) 0}
 .approach-content .advantage-statement>img,.approach-content .advantage-statement:after{display:none}
 #main .approach-content .advantage-statement h2{font-size:30px}
 .approach-content .advantage-case{padding:24px var(--gutter) 32px;gap:22px}
 .approach-content .advantage-case>div{display:block}
 .approach-content .advantage-case .mobile-value{display:none}
 .approach-content .advantage-case h3{font-size:18px;line-height:1.3}
 .approach-content .advantage-case p{font-size:15px;line-height:1.55}
 .approach-content .advantage-case>div+div{border:0;padding-top:0}

 .pricing{padding-block:44px 38px}
 .pricing>h2{margin-bottom:26px}
 .package-selector{gap:16px}
 .package-selector button{font:500 14px/1.25 var(--sans);min-height:48px}
 .package-page{padding:23px 0 0;margin:0;background:none;box-shadow:none;gap:0}
 .package-page:before,.package-page:after{display:none}
 #main .package-about h3{display:none}
 .package-about>p{font-size:16px;line-height:1.55;max-width:30ch;margin:0}
 .package-about .button{width:100%;min-height:50px;margin-top:24px}
 .package-inclusions{margin-top:15px}
 .package-inclusions>summary{font-size:14px;min-height:48px}
 .package-page li{font-size:15px;line-height:1.55}
 .brand-engine-note{font-size:12px;line-height:1.5;margin-top:14px;color:#71695d}
 .promise{margin-top:16px}
 .promise h3{display:none}
 .promise p{font-size:13px;line-height:1.5;margin:0;color:#625a4d}

 /* One product demonstration, placed between explanation and next step. */
 .agent-bridge{display:flex;flex-direction:column;align-items:stretch;padding:42px var(--gutter) 36px;background:#eae1ce url('/brand/peggy/assets/paper-grain.svg');gap:0}
 /* Keep the collage around the device; the headline sits on quiet paper. */
 .agent-bridge:before{display:block;background-position:76% 48%;background-size:auto 100%;background-repeat:no-repeat;opacity:.18;mask-image:linear-gradient(180deg,transparent 8%,#000 35%,#000 82%,transparent 100%)}
 .agent-bridge:after{display:none}
 .agent-bridge .bridge-product:before{display:block;inset:-10px -18px -14px;transform:rotate(-4deg);background-position:82% 63%;opacity:.64;box-shadow:1px 8px 22px #53402a1c}
 .bridge-copy{display:contents}
 #main .agent-bridge h2{order:0;font-size:42px;line-height:1.02}
 .agent-bridge .bridge-copy>p{order:1;font-size:15px;line-height:1.55;margin:20px 0 0;max-width:none;text-wrap:pretty}
 .bridge-product{order:2;position:relative;width:100%;max-width:390px;margin:34px auto 35px;padding:0}
 .bridge-direction,.bridge-editorial{display:none}
 .bridge-chat{max-width:310px;height:550px;margin:0 auto}
 .bridge-chat>header{margin:0}
 .agent-bridge .bridge-product .bridge-thread{height:auto;padding:18px 13px 10px;overflow:hidden}
 .bridge-copy .button{order:3;max-width:none;width:100%;min-height:50px;padding:15px 20px;font-size:14px;justify-content:space-between}
 .bridge-copy .bridge-explore{order:4;margin:7px auto 0;font-size:13px;min-height:44px;gap:16px}

 .faq{padding-block:40px 34px}
 .faq>h2{margin-bottom:18px}
 .faq>details{padding:6px 0}
 .faq summary{font-size:15px;line-height:1.4;min-height:52px;padding-block:8px;gap:18px}
 .faq details p{font-size:15px;line-height:1.6}
 .faq-more{min-height:48px}

}
@media(max-width:360px){
 .mobile-edition .hero{min-height:610px}
 .mobile-edition .hero h1{font-size:36px}
 #main .hero-content>p{font-size:15px}
 .mobile-edition .hero-proof{gap:12px}
 .mobile-edition .hero-proof strong{font-size:26px}
 #main section h2{font-size:33px}
 .package-selector{gap:10px}.package-selector button{font-size:13px}
 .bridge-chat{height:530px}
 .agent-bridge .bridge-thread .agent-demo-draft h3{font-size:21px!important}
}