/* v12 — forced phone layout for iOS Safari when Safari reports a desktop/tablet viewport */
html.phone-layout{scroll-padding-top:68px;width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
html.phone-layout body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;font-size:16px}
html.phone-layout main{width:100%!important;max-width:100%!important;overflow:hidden}
html.phone-layout img,html.phone-layout svg,html.phone-layout video{max-width:100%}
html.phone-layout .section{padding:44px 20px}

/* header */
html.phone-layout .site-header{height:68px!important;width:100%!important;max-width:100%!important;padding:8px 14px!important;background:#050505!important;gap:10px!important}
html.phone-layout .site-header .brand{gap:9px!important;min-width:0}
html.phone-layout .site-header .brand .mark{width:43px!important;height:43px!important;flex:0 0 43px}
html.phone-layout .site-header .brand b{font-size:19px!important;letter-spacing:.5px!important}
html.phone-layout .site-header .brand small{font-size:8px!important;letter-spacing:2.5px!important}
html.phone-layout .menu{display:block!important;margin-left:auto!important;font-size:25px!important;line-height:1!important;padding:10px!important;min-width:44px!important;min-height:44px!important}
html.phone-layout .site-header nav{display:none!important}
html.phone-layout .site-header.open nav{display:flex!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;flex-direction:column!important;gap:0!important;background:#080808!important;padding:8px 20px 18px!important;border-bottom:1px solid var(--line)!important;box-shadow:0 14px 30px rgba(0,0,0,.55)!important}
html.phone-layout .site-header.open nav a{width:100%!important;padding:13px 4px!important;border-bottom:1px solid #211b0c!important}
html.phone-layout .site-header.open nav .cta{margin-top:10px!important;text-align:center!important;padding:13px!important;border:1px solid var(--gold)!important}

/* hero */
html.phone-layout .hero{min-height:0!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:14px 20px 38px!important;text-align:center!important;width:100%!important;max-width:100%!important;min-width:0!important}
html.phone-layout .hero-art{order:0!important;width:100%!important;max-width:100%!important;margin:0 auto 6px!important}
html.phone-layout .hero-art img{width:100%!important;max-width:100%!important;height:auto!important;max-height:285px!important;object-fit:contain!important;margin:auto!important}
html.phone-layout .hero-copy{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important}
html.phone-layout .hero-copy h1{font-size:clamp(46px,14vw,64px)!important;line-height:.86!important;letter-spacing:1px!important;max-width:100%!important;overflow-wrap:anywhere}
html.phone-layout .tricolor{width:min(245px,78vw)!important;margin:15px auto 12px!important}
html.phone-layout .hero-kicker{font-size:12px!important;line-height:1.55!important;letter-spacing:.35px!important;margin:0 auto!important;max-width:330px!important}
html.phone-layout .hero-copy h3{font-size:18px!important;line-height:1.2!important;margin:18px 0 14px!important}
html.phone-layout .buttons{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;max-width:360px!important;margin:0 auto!important;min-width:0!important}
html.phone-layout .buttons a{width:100%!important;padding:13px 16px!important;font-size:13px!important;letter-spacing:.5px!important}
html.phone-layout .hero-right{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-top:34px!important;padding-top:28px!important;border-top:1px solid #2e250e!important;text-align:left!important;grid-column:auto!important}
html.phone-layout .hero-right h2{font-size:22px!important;line-height:1.05!important;margin-bottom:8px!important}
html.phone-layout .hero-right h3{font-size:20px!important;line-height:1.18!important;margin-bottom:15px!important}
html.phone-layout .hero-right p{font-size:15.5px!important;line-height:1.6!important;margin-bottom:20px!important}
html.phone-layout .values{grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin-top:18px!important;border:1px solid #33290d!important}
html.phone-layout .values div{padding:14px 7px 12px!important;border:0!important;border-right:1px solid #33290d!important}
html.phone-layout .values div:last-child{border-right:0!important}
html.phone-layout .value-ring{width:38px!important;height:38px!important;font-size:16px!important;margin-bottom:7px!important}
html.phone-layout .values b{font-size:11px!important;letter-spacing:.2px!important}
html.phone-layout .values small{display:block!important;font-size:10px!important;line-height:1.3!important;margin-top:5px!important}

/* titles and pathway cards */
html.phone-layout .section-title{gap:10px!important;margin-bottom:22px!important}
html.phone-layout .section-title span{min-width:18px!important}
html.phone-layout .section-title h2{font-size:25px!important;line-height:1.05!important;letter-spacing:1.2px!important;text-align:center!important}
html.phone-layout .pathways{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;border:0!important;max-width:100%!important;min-width:0!important}
html.phone-layout .pathways article{border:1px solid #3a2d0d!important;padding:22px 20px!important;background:#090909!important}
html.phone-layout .path-icon{width:62px!important;height:62px!important}
html.phone-layout .path-icon svg{width:56px!important;height:56px!important}
html.phone-layout .mx-letter-icon{width:58px!important;height:58px!important;font-size:34px!important}
html.phone-layout .pathways h3{font-size:20px!important;margin:8px 0 13px!important}
html.phone-layout .pathways h3 em{font-size:22px!important}
html.phone-layout .pathways ul{margin:0!important;padding-left:22px!important}
html.phone-layout .pathways li{font-size:14.5px!important;line-height:1.45!important;margin:6px 0!important}

/* development */
html.phone-layout .development-section{margin:8px auto 24px!important;max-width:100%!important}
html.phone-layout .development-title{padding:0 20px!important;margin-bottom:20px!important}
html.phone-layout .development-feature{display:block!important;border-bottom:1px solid #2b220d!important}
html.phone-layout .development-photo{min-height:0!important;height:240px!important}
html.phone-layout .development-photo img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 42%!important}
html.phone-layout .development-copy{padding:34px 20px 38px!important;display:flex!important}
html.phone-layout .development-copy h2{font-size:36px!important;line-height:.98!important;margin:7px 0 17px!important}
html.phone-layout .development-copy>p{font-size:15.5px!important;line-height:1.6!important}
html.phone-layout .development-points{margin:18px 0 24px!important}
html.phone-layout .development-points div{padding:8px 0 8px 13px!important}
html.phone-layout .development-points b{font-size:14px!important}
html.phone-layout .development-points span{font-size:12.5px!important;line-height:1.45!important}
html.phone-layout .gold-button{display:block!important;width:100%!important;text-align:center!important;padding:14px 16px!important}

/* Mexico */
html.phone-layout .mx-flow{display:grid!important;grid-template-columns:1fr!important;padding:20px 16px!important;gap:5px!important;overflow:visible!important;max-width:100%!important}
html.phone-layout .mx-step{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:68px 1fr!important;align-items:center!important;text-align:left!important;gap:14px!important;padding:5px 0!important}
html.phone-layout .mx-step>div{width:62px!important;height:62px!important;margin:0!important}
html.phone-layout .mx-step>b{margin:0!important;font-size:13px!important;line-height:1.25!important}
html.phone-layout .arrow{transform:rotate(90deg)!important;font-size:22px!important;line-height:1!important;text-align:left!important;margin-left:23px!important;height:22px!important}
html.phone-layout .trial-symbol{font-size:31px!important}
html.phone-layout .mx-summary{text-align:left!important;font-size:15.5px!important;line-height:1.6!important;margin:22px 0 18px!important}
html.phone-layout .mx-content{grid-template-columns:1fr!important;gap:11px!important;max-width:100%!important;min-width:0!important}
html.phone-layout .mx-content article{padding:18px!important}
html.phone-layout .mx-content h3{font-size:18px!important;margin:0 0 8px!important}
html.phone-layout .mx-content p{font-size:14.5px!important;line-height:1.55!important;margin:0!important}

/* college */
html.phone-layout .college .center{font-size:20px!important;line-height:1.25!important;margin:0 0 22px!important}
html.phone-layout .college-grid{grid-template-columns:1fr!important;gap:10px!important;max-width:100%!important;min-width:0!important}
html.phone-layout .college-grid article{padding:18px!important}
html.phone-layout .college-grid b{font-size:24px!important}
html.phone-layout .college-grid h4{font-size:17px!important}
html.phone-layout .college-grid p{font-size:14.5px!important;line-height:1.5!important}

/* about */
html.phone-layout .about{display:flex!important;flex-direction:column!important;gap:25px!important;max-width:100%!important;min-width:0!important}
html.phone-layout .about-photo{width:100%!important}
html.phone-layout .about-photo img{width:100%!important;height:auto!important;max-height:430px!important;object-fit:cover!important;object-position:center top!important}
html.phone-layout .eyebrow{font-size:12px!important;letter-spacing:1.7px!important}
html.phone-layout .about-copy h2{font-size:34px!important;line-height:1.02!important;margin:7px 0 18px!important}
html.phone-layout .about-copy p{font-size:15.5px!important;line-height:1.6!important}
html.phone-layout .credentials{grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}
html.phone-layout .credentials span{padding:11px 12px!important}

/* stories */
html.phone-layout .stories{padding-left:20px!important;padding-right:20px!important}
html.phone-layout .story{display:flex!important;flex-direction:column!important;min-height:0!important;margin:15px 0 24px!important;background:#090909!important;max-width:100%!important;min-width:0!important}
html.phone-layout .gallery,html.phone-layout .gallery.three,html.phone-layout .gallery.two{display:grid!important;grid-template-columns:repeat(3,1fr)!important;min-height:0!important;height:178px!important}
html.phone-layout .gallery.two{grid-template-columns:repeat(2,1fr)!important}
html.phone-layout .gallery img{width:100%!important;height:178px!important;min-height:0!important;object-fit:cover!important;border:0!important;border-right:1px solid #2a230f!important}
html.phone-layout .gallery img:last-child{border-right:0!important}
html.phone-layout .story-copy{padding:22px 18px 24px!important;background:#090909!important}
html.phone-layout .story header{align-items:flex-start!important;gap:10px!important}
html.phone-layout .story header>span{font-size:17px!important;padding:5px 7px!important;flex:0 0 auto!important}
html.phone-layout .story h3{font-size:23px!important;line-height:1.05!important}
html.phone-layout .story header p{font-size:11.5px!important;line-height:1.35!important}
html.phone-layout .tags{gap:6px!important;margin:12px 0!important}
html.phone-layout .tags span{font-size:9px!important;padding:5px 7px!important}
html.phone-layout .story-copy>p{font-size:14.5px!important;line-height:1.6!important}
html.phone-layout .commitment{font-size:12.5px!important;line-height:1.45!important}

/* contact */
html.phone-layout .contact{display:block!important;padding-top:40px!important;max-width:100%!important;min-width:0!important}
html.phone-layout .contact h2{font-size:32px!important;line-height:1.05!important}
html.phone-layout .contact p{font-size:15.5px!important;line-height:1.6!important}
html.phone-layout .contact-email{margin-bottom:25px!important}
html.phone-layout .contact form{padding:18px 16px!important}
html.phone-layout .form-grid{grid-template-columns:1fr!important;gap:0!important}
html.phone-layout input,html.phone-layout select,html.phone-layout textarea{font-size:16px!important;padding:13px 12px!important}
html.phone-layout .contact button{min-height:48px!important}

/* footer */
html.phone-layout footer{padding:28px 20px!important;gap:16px!important;text-align:center!important;flex-direction:column!important;max-width:100%!important}
html.phone-layout footer>p{margin:0!important;font-size:12px!important;letter-spacing:1px!important}
html.phone-layout .footer-contact{align-items:center!important;text-align:center!important}

@media (max-width:390px){
 html.phone-layout .site-header .brand b{font-size:17px!important}
 html.phone-layout .site-header .brand small{letter-spacing:2px!important}
 html.phone-layout .hero{padding-left:16px!important;padding-right:16px!important}
 html.phone-layout .hero-art img{max-height:255px!important}
 html.phone-layout .hero-copy h1{font-size:44px!important}
 html.phone-layout .values small{display:none!important}
 html.phone-layout .values div{padding:12px 5px!important}
 html.phone-layout .section,html.phone-layout .stories{padding-left:16px!important;padding-right:16px!important}
 html.phone-layout .development-copy{padding-left:16px!important;padding-right:16px!important}
 html.phone-layout .development-title{padding-left:16px!important;padding-right:16px!important}
 html.phone-layout .story h3{font-size:21px!important}
}