/* Mobile conversion layer — shared by the homepage designs. Loaded last. */
@media(max-width:760px){
html,body{overflow-x:hidden}
body{padding-bottom:74px}
/* type scale */
h1.h2{font-size:clamp(40px,11.5vw,60px)!important;line-height:.94!important;letter-spacing:-.035em!important}
h2.h2,h3.h2,div.h2{font-size:clamp(27px,7.4vw,36px)!important;line-height:1.06!important}
h4.h2{font-size:21px!important;line-height:1.15!important}
.lead{font-size:17px!important;max-width:none!important}
.body{max-width:none!important}
.eyebrow{font-size:10px!important}
/* chrome */
.nav{padding:12px 16px!important;position:sticky;top:0;z-index:40}
.nav ul{display:none!important}
.nav .wordmark img{height:28px}
.nav .lk-name{font-size:21px}
.nav .lk-desc{font-size:9px}
/* tap targets */
.btn{min-height:52px;padding:0 22px;font-size:13px}
.m-cta-stack{display:grid!important;gap:10px!important}
.m-cta-stack .btn{width:100%;justify-content:center}
/* layout hooks */
.m-stack{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;gap:0!important}
.m-pad{padding:44px 20px!important}
.m-pad-s{padding:32px 20px!important}
.m-hide{display:none!important}
.m-auto{min-height:0!important;height:auto!important}
.m-photo{height:230px!important;min-height:0!important}
/* photo blocks whose caption is absolutely pinned: let the caption define height */
.m-photo:has(>.m-pad-s),.m-photo:has(>.sec-head){height:auto!important;min-height:230px!important;padding:170px 0 0!important;box-sizing:border-box}
.m-photo>.m-pad-s,.m-photo>.sec-head{position:static!important;padding:0 20px 28px!important;display:block!important}
.m-photo>.sec-head h2{margin-bottom:12px}
.m-photo>.m-pad-s .btn,.m-photo>.sec-head .btn{width:100%;justify-content:center}
.m-photo:has(.mq)>.m-pad-s{padding-bottom:76px!important}
.sec-head{gap:14px!important}
/* forms */
.fi{height:54px;font-size:16px}
.ta{height:120px}
.m-form{grid-template-columns:1fr!important;gap:16px!important}
.m-form .btn{width:100%;justify-content:center}
/* footer */
.foot{padding:40px 20px!important}
.foot-grid{grid-template-columns:1fr!important;gap:28px!important}
.foot .wordmark img{height:34px}
.foot .lk-name{font-size:24px}
.foot-legal{flex-direction:column;gap:8px}
/* FAQ */
details summary{font-size:17px!important;padding:20px 0!important;gap:16px!important}
details p{padding-bottom:20px!important}
/* structured hero */
.s3-hero{min-height:0!important}
.s3-split{grid-template-columns:1fr!important}
.s3-p2,.s3-cap{display:none!important}
.s3-hero-copy{padding:56px 20px 48px!important}
/* structured interlock */
.interlock-sec{overflow-x:hidden!important;padding:44px 20px!important}
.interlock{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column;gap:18px}
.interlock>div{position:static!important;width:auto!important;box-shadow:none!important}
.interlock>.il-img{height:190px!important;overflow:hidden}
.interlock>.il-copy{order:-1}
.interlock>.il-panel{padding:26px 22px!important}
/* cinematic specifics */
.m-pad.m-stack{gap:30px!important}
.foot-bleed{padding:0!important}
.kin div{font-size:clamp(38px,12.4vw,62px)!important}
.kin>div:nth-child(2){gap:14px!important}
.kin-img{height:30px!important}
/* sticky conversion bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ink-900);border-top:1px solid rgba(255,255,255,.18)}
.mbar .btn{flex:1;justify-content:center;min-height:50px}
.mbar-note{font-family:var(--font-label);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);line-height:1.3;max-width:9ch}
}
@media(min-width:761px){.mbar{display:none}}