/* Mobile is a separate reading layout, not a scaled desktop composition. */
.brands-journey .phone-example-tabs{display:none}
@media(max-width:650px){
 html:has(body.brands-journey){-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:0}
 body.bold.brands-journey{--mobile-header:72px;--mobile-rail:74px;max-width:100%;overflow-x:hidden}
 body.bold.brands-journey .site-header .nav{min-height:72px;width:calc(100% - 32px);gap:12px}
 body.bold.brands-journey .site-header .logo img{width:132px;height:auto}
 body.bold.brands-journey .nav-quick-actions{gap:10px}
 body.bold.brands-journey .nav-quick-contact{min-height:40px;padding:10px 17px;font-size:12px}
 body.bold.brands-journey .menu-toggle{width:42px;height:42px}
 body.bold.brands-journey .nav-end{top:68px;left:0;right:0;max-height:calc(100svh - 100px);overflow-y:auto}
 body.bold.brands-journey .journey-hero{min-height:0;padding:124px 20px 44px;justify-content:flex-start}
 body.bold.brands-journey .journey-hero h1{font-size:clamp(33px,9.3vw,40px);line-height:1.08;letter-spacing:-.045em;max-width:350px;margin:0 0 22px}
 body.bold.brands-journey .journey-hero>p{font-size:15px;line-height:1.6;max-width:32ch;margin:0 0 24px}
 body.bold.brands-journey .journey-partner{margin-top:28px}
 body.bold.brands-journey .journey-partner p{font-size:12px;margin-bottom:14px}
 body.bold.brands-journey .journey-partner img{width:130px;height:34px}
 body.bold.brands-journey .journey-partner img:last-child{width:102px}
 body.bold.brands-journey .journey-partner>div{gap:18px}
 body.bold.brands-journey .journey-nav{position:sticky;top:72px;min-height:74px;height:74px;padding:7px 12px 6px;gap:5px;overflow:visible;background:#faf6ef;backdrop-filter:none;-webkit-backdrop-filter:none}
 .brands-journey .journey-progress-heading{line-height:1.1;font-size:12px}
 .brands-journey .journey-progress-heading strong{font-size:12px}
 .brands-journey .journey-progress-heading>span{display:none}
 .brands-journey .journey-steps{width:100%;max-width:100%;padding:0;gap:0;overflow:visible;justify-content:space-between}
 body.bold.brands-journey .journey-nav .journey-steps a{flex:1 1 0;min-width:0;min-height:44px;padding:0 1px;gap:4px;font-size:10px;line-height:1.2;white-space:nowrap}
 body.bold.brands-journey .journey-nav .journey-steps a>i{width:18px;height:18px}
 body.bold.brands-journey .journey-nav .journey-steps a.is-added>i::after{left:4px;top:5px;width:7px;height:4px}
 body.bold.brands-journey .journey-nav .journey-steps a:not(:last-child)::after{top:9px;left:calc(50% + 12px);width:calc(100% - 24px)}
 body.bold.brands-journey .journey-stage{min-height:0;padding:0 18px 42px;scroll-margin-top:146px;overflow:visible;display:block}
 .brands-journey .journey-thread{height:30px;width:22px;flex-basis:auto;margin:0 auto 24px;background:none}
 .brands-journey .journey-thread svg{height:30px;width:20px}
 body.bold.brands-journey .journey-stage>.stage-heading{margin:0 auto;transform:none!important;opacity:1!important;max-width:390px}
 body.bold.brands-journey .stage-heading h2{font-size:clamp(30px,8.6vw,37px);line-height:1.08;letter-spacing:-.045em;margin:0 0 14px;overflow-wrap:normal}
 body.bold.brands-journey .stage-subheading{font-size:19px;line-height:1.35;max-width:28ch;margin:0 auto 14px}
 body.bold.brands-journey .stage-intro{font-size:15px;line-height:1.55;max-width:34ch;margin:0 auto}
 body.bold.brands-journey .stage-actions{gap:10px;margin-top:22px}
 body.bold.brands-journey .stage-actions a{min-height:44px;padding:11px 20px;font-size:13px}
 body.bold.brands-journey .journey-stage>.journey-art{margin:26px auto 0;transform:none!important;max-width:100%}
 .brands-journey .journey-art.website-art{height:240px;padding:0;background:none}
 .brands-journey .browser-frame{display:block;height:100%;transform:none!important;box-shadow:0 10px 22px #25232118}
 .brands-journey .browser-scene::after{display:none}
 .brands-journey .journey-art.content-art{height:270px;padding:0}
 .brands-journey .film-frame{height:100%}
 .brands-journey .film-frame>img{height:calc(100% - 34px);object-position:center}
 .brands-journey .film-timeline{height:34px;padding:5px;gap:3px;transform:none!important}
 /* Tap controlled examples do not rely on swiping through cross origin iframes. */
 body.bold.brands-journey .journey-art.social-video-art{height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column;gap:16px}
 .brands-journey .social-phone-collection{position:relative;display:block;isolation:isolate;width:100%;min-width:0;max-width:100%;height:440px;padding:0;overflow:visible;perspective:none}
 body.bold.brands-journey .social-phone-collection .ad-phone{position:absolute;inset:0;margin:auto;width:210px;min-width:0;height:430px;aspect-ratio:391/800;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(16px) scale(.97)!important;transition:opacity .25s ease,transform .3s ease;filter:drop-shadow(0 12px 15px #24171c25)}
 body.bold.brands-journey .social-phone-collection .ad-phone.is-phone-active{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
 .brands-journey .phone-example-tabs{display:flex;order:-1;justify-content:center;gap:8px;width:100%}
 .brands-journey .phone-example-tabs button{flex:1;max-width:112px;min-height:44px;padding:10px 12px;border:1px solid #fffaf466;border-radius:24px;background:#fffaf40d;color:#fffaf4;font:500 12px/1.2 'DM Sans',sans-serif;touch-action:manipulation;cursor:pointer}
 .brands-journey .phone-example-tabs button[aria-pressed=true]{background:#fffaf4;color:#4a252b;border-color:#fffaf4;box-shadow:0 4px 15px #24171c15}
 .brands-journey .phone-example-tabs button:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
 .brands-journey .journey-detail .phone-example-tabs button{border-color:#4a252b55;color:#4a252b}
 .brands-journey .journey-detail .phone-example-tabs button[aria-pressed=true]{background:#4a252b;color:#fffaf4}
 .brands-journey .journey-art.foldable-ad-art{height:auto;min-height:0;display:block;padding:0}
 .brands-journey .paid-ad-art .paid-platforms{gap:14px;flex-wrap:wrap;justify-content:center;margin:0 0 22px;padding:0}
 .brands-journey .duo-product-view{display:block;height:auto;min-height:0;padding:0;width:100%;perspective:none}
 .brands-journey .duo-cover{display:none}
 .brands-journey .foldable-duo{width:100%;height:auto;max-height:none;aspect-ratio:3009/2163;transform:none;filter:drop-shadow(0 10px 12px #4a252b22)}
 .brands-journey .duo-result{padding:12px 9px}
 .brands-journey .duo-result>span{font-size:9px;margin-bottom:6px}
 .brands-journey .duo-result>strong{font-size:21px}
 .brands-journey .duo-result>p{font-size:10px;line-height:1.35;margin-top:5px}
 .brands-journey .duo-result-number{margin:15px 0;gap:5px}
 .brands-journey .duo-result-number strong{font-size:39px}
 .brands-journey .duo-result-number span,.brands-journey .duo-result>a{font-size:9px;line-height:1.35}
 .brands-journey .journey-art.creator-art{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}
 .brands-journey .creator-art .creator-frame{height:160px;border-radius:12px;transform:none!important}
 .brands-journey .creator-art .creator-frame:nth-child(2){grid-column:1/-1;order:2;height:185px}
 .brands-journey .creator-art .creator-frame:last-child{order:1}
 .brands-journey .journey-art.audit-priorities-art{height:auto;padding:20px;overflow:visible;border-radius:16px}
 .brands-journey .audit-board-head{display:block;margin-bottom:18px}
 .brands-journey .audit-board-head>strong{font-size:25px}
 .brands-journey .audit-priority-grid{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible}
 .brands-journey .audit-priority-grid article{min-width:0;min-height:0;padding:18px}
 .brands-journey .audit-priority-grid article>span{margin-bottom:8px;font-size:10px}
 .brands-journey .audit-priority-grid article>strong{font-size:21px;line-height:1.2}
 .brands-journey .audit-priority-grid article>p{font-size:12px;line-height:1.5;margin:9px 0}
 .brands-journey .journey-art.ai-art{height:260px;border-radius:12px;overflow:hidden}
 .brands-journey .ai-caption{padding:18px}
 .brands-journey .ai-caption>strong{font-size:29px}
 .brands-journey .journey-finish{min-height:0;padding:54px 22px}
 .brands-journey .journey-finish h2{font-size:39px;line-height:1.08}
 .brands-journey .journey-finish>p:not(.stage-service){font-size:15px;line-height:1.6}
 body.bold.brands-journey:has(.journey-detail) main{padding-top:72px}
 body.bold.brands-journey .detail-return{min-height:65px}
 body.bold.brands-journey .detail-return .journey-back{top:83px}
 body.bold.brands-journey .journey-detail{padding:24px 18px 48px}
 body.bold.brands-journey .journey-detail>h1{font-size:clamp(32px,8.7vw,38px);line-height:1.09;letter-spacing:-.045em;overflow-wrap:normal}
 .brands-journey .detail-lead{font-size:15px;line-height:1.6}
 .brands-journey .detail-information{margin-top:38px}
 .brands-journey .detail-information li{font-size:15px;line-height:1.6}
 .brands-journey .social-detail-impact h2{font-size:36px}
 .brands-journey .business-contact{padding-top:102px}
 .brands-journey .business-fields input,.brands-journey .business-fields select,.brands-journey .business-fields textarea{font-size:16px}
}
@media(max-width:360px){
 body.bold.brands-journey .site-header .logo img{width:116px}
 body.bold.brands-journey .journey-nav .journey-steps a{font-size:9px}
 .brands-journey .social-phone-collection{height:417px}
 body.bold.brands-journey .social-phone-collection .ad-phone{width:198px;height:405px}
 .brands-journey .duo-result-number{margin:10px 0}
 .brands-journey .duo-result-number strong{font-size:34px}
}
@media(max-width:650px){
 .brands-journey .audit-formats .audit-priority-grid{grid-template-columns:1fr}
 .brands-journey .audit-formats .audit-priority-grid article{padding:24px 20px;min-height:0}
 .brands-journey .audit-formats article>strong{font-size:25px}
 .brands-journey .audit-formats article>p{font-size:15px}
}
@media(max-width:650px){
 .brands-journey .stage-social .phone-example-tabs button{color:#252321;border-color:#4a252b66;background:#fffaf41a}
 .brands-journey .stage-social .phone-example-tabs button[aria-pressed=true]{background:#fffaf4;color:#4a252b;border-color:#fffaf4}
}