/* Mobile refinements are isolated from the finalized desktop layout. */
.mobileMenuToggle,.mobileMenu{display:none}
@media(max-width:650px){
 html{scroll-padding-top:90px;overflow-x:clip}body{overflow-x:clip}
 .wrap{width:calc(100% - 32px);min-width:0}
 header .nav{min-height:80px;padding:10px 0;flex-wrap:nowrap;gap:12px;position:relative}
 header .nav .fillBlankBrand{width:132px;flex:0 0 132px}
 header .brandArtwork{width:132px;height:55px;top:0}
 header .fillBlankBrand small{font-size:7px}
 header .nav>.btn,header .navlinks{display:none}
 .mobileMenuToggle{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;min-height:44px;padding:10px 12px;border:1px solid #e5dcd7;background:#fff;border-radius:10px;color:#171717;font:600 13px Manrope,Arial,sans-serif;cursor:pointer}
 .mobileMenuToggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
 .mobileMenu:not([hidden]){display:grid;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:100;gap:4px;padding:12px;background:#fffdfb;border:1px solid #e7dfda;border-radius:0 0 16px 16px;box-shadow:0 18px 30px #30181018;max-height:calc(100dvh - 100px);overflow:auto}
 .mobileMenu a{display:block;padding:14px 12px;min-height:48px;border-radius:8px;font-size:14px;font-weight:600}
 .mobileMenu a:hover{background:#f8f1ed}.mobileMenu a.btn{margin-top:6px;text-align:center;color:#fff}
 .mobileMenuToggle:focus-visible,.mobileMenu a:focus-visible{outline:2px solid #e50914;outline-offset:3px}
 body[data-design] .hero{margin-top:0;padding:26px 0 28px;gap:24px}
 body[data-design] .hero>.heroHeadline{font-size:clamp(33px,9vw,44px);line-height:1.12;letter-spacing:-.045em;max-width:100%;text-wrap:pretty}
 .heroHeadline .headlineLine{white-space:normal}.heroHeadline .found-glass{width:.65em;height:.65em}
 .hero .stackhousePreviewGroup{padding-bottom:0;width:100%;min-width:0}
 .hero .promotionalArtworkLink{border-radius:12px}
 .hero .stackhouseConnection{width:100%;margin:12px 0 0;border-radius:12px}
 .stackhouseConnection>.connectionTrigger{padding:14px;gap:10px;font-size:9px;letter-spacing:.06em}
 .stackhouseConnection .connectionTrigger small{font-size:11px;line-height:1.5}
 .deliveryLogos{width:100%;gap:18px;padding-top:12px;margin-top:2px;justify-content:center}
 .deliveryLogos img{height:24px;max-width:27%;min-width:0}
 .hero .brandConfidence{padding:24px 20px;border-radius:14px}
 .confidenceEyebrow{font-size:9px;margin-bottom:16px}
 .hero .brandConfidence h2{font-size:clamp(28px,8.1vw,36px);line-height:1.12}
 .hero .brandConfidence p{font-size:14px;line-height:1.65;margin:16px 0}
 .brandConfidence li,.brandConfidence li.conceptSingle{white-space:normal;font-size:13px;line-height:1.6;padding:12px 0 12px 23px}
 .brandConfidence li:before{top:12px}
 .confidenceCaption{white-space:normal;font-size:10px;line-height:1.6;margin-top:16px}
 section.block{padding:36px 0}.sectionhead{margin-bottom:24px}
 .sectionhead h2,.faq h2{font-size:34px;line-height:1.15;letter-spacing:-.04em}
 .grid3{gap:20px}body[data-design="3"] #how .step{padding:0 0 22px}
 .step h3{font-size:23px}.step p{font-size:14px;line-height:1.65;margin-top:10px}
 body[data-design="3"] #how .step .num{font-size:11px;margin-bottom:14px}
 .launchPlans{grid-template-columns:minmax(0,1fr);gap:18px}
 .launchPlans .plan{padding:26px 22px;min-width:0}.launchPlans h3{font-size:24px}
 .launchPlans .plan>p,.launchPlans ul{font-size:13px}
 .launchPrice .renewalNote{white-space:normal;font-size:11px;line-height:1.65}
 .renewalNote>span{white-space:normal}.launchPlans .btn{font-size:13px;min-height:48px}
 .request.requestCompact{padding:22px 14px;gap:20px;margin:16px 0;border-radius:14px;min-width:0}
 .requestIntro h2{font-size:34px}.requestIntro p{font-size:14px;margin:12px 0 0}
 .form.compactForm{grid-template-columns:minmax(0,1fr);width:100%;padding:20px 14px;gap:18px;min-width:0}
 .requestFields{grid-template-columns:minmax(0,1fr);gap:18px}
 .compactForm label{min-width:0;font-size:12px}.compactForm input,.compactForm select,.compactForm textarea{font-size:16px;min-height:48px;max-width:100%}
 .compactForm textarea{min-height:110px}.requestTab{min-height:48px;font-size:11px;padding:10px 8px}
 .optionalExtras{padding:12px}.optionalExtras summary{font-size:12px;flex-wrap:wrap;gap:8px}
 .formBottom .btn{white-space:normal;min-height:48px;font-size:13px}.formBottom small{font-size:11px}
 .faq summary{font-size:14px;padding:18px 0;gap:16px}.faq details p{font-size:14px;overflow-wrap:anywhere}
 footer{padding:20px 0}.foot{padding:12px 0;gap:20px;align-items:flex-start;flex-direction:column}.foot .brandArtwork{top:0}.offerFooter{font-size:12px;max-width:100%;line-height:1.7}.endnote{padding:14px 0;font-size:11px}
 dialog{width:calc(100% - 28px);padding:28px 20px;max-height:85dvh}#briefSummary{overflow-wrap:anywhere}
}