/* Phone-specific corrections; desktop composition stays intact. */
@media(max-width:760px){
 .home-page .hero-inner{width:100%;box-sizing:border-box;min-width:0}
 .home-page .hero #search{width:100%!important;max-width:100%!important;height:auto!important;min-height:110px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:24px}
 .home-page #search #query{min-width:0;width:0;flex:1;font-size:16px!important;padding:10px 4px;outline:none}
 .home-page #search .pink{flex-basis:100%;min-height:44px;font-size:16px}
 .home-page #search>span{font-size:25px;padding-left:5px}
 header.mobile-menu-ready .nav{flex-wrap:nowrap!important;gap:8px!important}
 header.mobile-menu-ready .mobile-menu-toggle{white-space:nowrap;flex-shrink:0;min-width:80px}
 header.mobile-menu-ready .languages{flex-shrink:0}
 .home-page header.mobile-menu-ready .nav{padding-left:135px!important}
 .home-page .world-stats span{font-size:11px!important}.home-page .world-stats small{font-size:9px!important}
 input,textarea,select,.collection-search input{font-size:16px!important}
 .collection-search-row{min-width:0;flex-wrap:wrap}.collection-search-row input{min-width:0;flex:1 1 180px}
 .category-tabs,.filters{gap:10px!important;justify-content:flex-start!important}
 .category-tabs a,.filters a{min-height:44px;max-width:100%;white-space:normal;text-align:center}
 .product-info,.resources,.contact form,.space-card,.project-facts>div{min-width:0;overflow-wrap:anywhere}
 .intro-actions,.hero-actions{gap:12px!important}.intro-actions>a{box-sizing:border-box;max-width:100%}
 .gallery-thumbs button,.language-toggle,.carousel-controls button{min-width:44px;min-height:44px}
 .contact-channels a{min-height:44px}
 .home-page .contact-world-map{max-width:100%}
}
@media(max-width:380px){.home-page .intro-actions{flex-direction:column}.home-page .intro-actions>a{width:100%}.home-page header.mobile-menu-ready .nav{padding-left:120px!important}.home-page header.mobile-menu-ready .corner-brand{width:115px!important}}

/* Dedicated phone composition, not a compressed desktop first screen. */
@media(max-width:760px){
 .home-page .world-banner{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding-top:88px!important;overflow:hidden!important;background:linear-gradient(180deg,#123756,#29466c 45%,#1a4365)!important}
 .home-page .world-banner>img{position:relative!important;inset:auto!important;display:block!important;order:0!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;transform:none!important;z-index:0!important;mask-image:none!important;-webkit-mask-image:none!important}
 .home-page .world-banner::after{display:none!important}
 .home-page .opening-cta{order:1!important;align-self:center!important;justify-self:auto!important;margin:0!important;width:100%!important;max-width:none!important;padding:28px 24px 24px!important;background:linear-gradient(180deg,#26476a,#243f65)!important;animation:none!important}
 .home-page .opening-cta::before{display:none!important}
 .home-page .opening-cta p{font-size:18px!important;line-height:1.65!important;margin-bottom:18px!important}
 .home-page .opening-cta .pink{width:100%;max-width:360px;min-height:54px;font-size:18px!important}
 .home-page .opening-cta span{display:block!important;font-size:16px!important;line-height:1.7!important;margin-top:18px!important}
 .home-page .world-stats{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;height:auto!important;gap:0!important;padding:12px 20px 28px!important;background:linear-gradient(180deg,#243f65,#1a4365)!important;box-sizing:border-box}
 .home-page .world-stats>div{min-height:125px;padding:18px 12px!important;border:0!important;gap:8px!important;animation:none!important}
 .home-page .world-stats>div:nth-child(odd){border-right:1px solid #ffffff24!important}
 .home-page .world-stats>div:nth-child(-n+2){border-bottom:1px solid #ffffff24!important}
 .home-page .world-stats b{font-size:34px!important}
 .home-page .world-stats span{font-size:14px!important;line-height:1.5!important;color:#ffadd7!important}
 .home-page .world-stats small{font-size:12px!important;line-height:1.5!important;color:#f5cee8!important}
 .home-page .intro-pitch{order:3!important;width:100%;box-sizing:border-box;padding:38px 24px!important}
 .home-page .intro-pitch h1{font-size:30px!important;line-height:1.25!important}
 .home-page .intro-actions{flex-direction:column!important;align-items:stretch!important}
 .home-page .intro-actions>a{width:100%!important;min-height:52px}
 .home-page .hero h1{font-size:30px!important;line-height:1.25!important}
 .home-page .hero .eyebrow{font-size:13px!important;line-height:1.6!important}
 .home-page .hero-actions{flex-direction:column;align-items:stretch}.home-page .hero-actions>a{padding:14px;text-align:center}
 .home-page .story-grid,.home-page .service-grid{grid-template-columns:1fr!important;gap:20px!important}
 .home-page .service-grid article,.home-page .story-grid article{padding:24px!important}
 .home-page .service-grid p,.home-page .story-grid p,.home-page .about-home p{font-size:17px!important;line-height:1.7!important}
 .home-page #catalogue .filters{display:flex;flex-wrap:nowrap!important;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}
 .home-page #catalogue #filters a{flex:0 0 auto;max-width:85vw;scroll-snap-align:start}
}

/* Transparent opening header and a compact anchored mobile navigation. */
@media(max-width:760px){
 .home-page .world-banner{padding-top:0!important;position:relative!important;background:linear-gradient(#203b61,#1a4365)!important}
 .home-page .world-banner>img{height:clamp(290px,78vw,440px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)!important}
 .home-page>header.mobile-menu-ready{position:absolute!important;min-height:64px!important;height:64px!important;background:transparent!important;z-index:30}
 header.mobile-menu-ready .nav,.home-page header.mobile-menu-ready.menu-open .nav{position:relative;min-height:64px!important;height:64px!important;padding:8px 14px 8px 105px!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important}
 .home-page header.mobile-menu-ready .corner-brand{width:90px!important;height:60px!important;left:8px!important;top:0!important}
 header.mobile-menu-ready .mobile-menu-toggle{min-width:74px;min-height:42px;padding:8px 12px;font-size:14px!important;background:#16385580;border:1px solid #ffffff65;backdrop-filter:blur(8px)}
 header.mobile-menu-ready .languages{position:relative!important;top:auto!important;right:auto!important;margin:0!important}
 header.mobile-menu-ready nav{position:absolute!important;top:66px!important;right:14px!important;left:auto!important;width:min(255px,calc(100vw - 28px))!important;padding:8px!important;border-radius:18px;background:#163653f5;box-shadow:0 14px 36px #00142c45;border:1px solid #ffc0c966;box-sizing:border-box;z-index:50}
 header.mobile-menu-ready.menu-open nav{display:flex!important;flex-direction:column!important;gap:0!important}
 .home-page>header.mobile-menu-ready nav a,header.mobile-menu-ready nav a{font-size:16px!important;line-height:1.3!important;font-weight:500!important;min-height:44px!important;padding:10px 14px!important;justify-content:flex-start!important;background:transparent!important;border-radius:10px!important;box-sizing:border-box;width:100%;text-shadow:none!important}
 header.mobile-menu-ready nav a:hover,header.mobile-menu-ready nav a:focus-visible{background:#ffffff14!important}
 .home-page .opening-cta{background:transparent!important;padding-top:8px!important}
 .home-page .world-stats{background:linear-gradient(180deg,transparent,#1a4365)!important}
}
@media(max-width:760px){.home-page header.mobile-menu-ready .corner-brand{position:absolute!important}.home-page header.mobile-menu-ready .nav{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important}.home-page>header.mobile-menu-ready{padding:0!important}}

/* Mobile opening follows the desktop hierarchy and shared photo atmosphere. */
@media(max-width:760px){
 .home-page .world-banner{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(280px,42svh) auto auto auto!important;background:#1a4365!important;isolation:isolate}
 .home-page .world-banner>img{position:absolute!important;inset:0!important;width:100%!important;height:calc(42svh + 260px)!important;object-fit:cover!important;object-position:center top!important;opacity:.38;z-index:-2!important;mask-image:linear-gradient(#000 65%,transparent 100%)!important}
 .home-page .world-banner::before{content:"";display:block!important;grid-column:1;grid-row:1;width:100%;height:100%;background:url('assets/smartclicks-shanghai-landmarks.png') center 48px / 100% auto no-repeat;mask-image:linear-gradient(#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);pointer-events:none}
 .home-page .opening-cta{grid-column:1!important;grid-row:2!important;order:unset!important;align-self:center!important;padding:8px 20px 20px!important;background:none!important}
 .home-page .opening-cta p{font-size:16px!important;line-height:1.55!important;margin-bottom:14px!important}
 .home-page .opening-cta span{font-size:14px!important;line-height:1.6!important;margin-top:14px!important}
 .home-page .opening-cta .pink{width:auto!important;font-size:16px!important;min-height:48px!important;padding:13px 24px!important}
 .home-page .world-stats{grid-column:1!important;grid-row:3!important;order:unset!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:14px 10px 26px!important;background:none!important}
 .home-page .world-stats>div{min-height:0!important;padding:8px 5px!important;border:0!important;border-right:1px solid #ffffff25!important;gap:6px!important}
 .home-page .world-stats>div:last-child{border:0!important}
 .home-page .world-stats b{font-size:28px!important}
 .home-page .world-stats span{font-size:11px!important;line-height:1.4!important}
 .home-page .world-stats small{font-size:9px!important;line-height:1.4!important}
 .home-page .intro-pitch{grid-column:1!important;grid-row:4!important;order:unset!important}
}
@media(max-width:760px){.home-page .world-banner::before{background:none!important;mask-image:none!important}.home-page .world-banner>img{top:0!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;opacity:1!important;mask-image:linear-gradient(#000 65%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)!important}.home-page .world-banner{grid-template-rows:clamp(190px,56vw,360px) auto auto auto!important}.home-page .world-stats>div:nth-child(-n+2){border-bottom:0!important}}

/* Full first-screen photo, matching the approved desktop layout. */
@media(max-width:760px){
 .home-page .world-banner{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:calc(100svh - 150px) 150px auto!important;padding:0!important;background:transparent!important;isolation:isolate;overflow:hidden!important}
 .home-page .world-banner::before{display:none!important}
 .home-page .world-banner>img{position:absolute!important;inset:0!important;width:100%!important;height:100svh!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;z-index:-2!important}
 .home-page .world-banner::after{content:"";display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100svh!important;z-index:-1!important;pointer-events:none;background:linear-gradient(180deg,#08243b30 0%,transparent 30%,#142d4930 48%,#142d49a8 76%,#1a4365 100%)!important}
 .home-page .opening-cta{grid-row:1!important;grid-column:1!important;align-self:end!important;width:100%!important;padding:18px 20px 16px!important;margin:0!important;background:none!important}
 .home-page .opening-cta p{font-size:17px!important;line-height:1.5!important;text-shadow:0 2px 8px #071a35!important}
 .home-page .opening-cta span{font-size:14px!important;color:white!important;text-shadow:0 2px 8px #071a35!important}
 .home-page .world-stats{grid-row:2!important;grid-column:1!important;height:150px!important;padding:16px 8px!important;background:none!important;align-items:start}
 .home-page .world-stats>div{background:none!important;border-bottom:0!important;padding:6px 5px!important}
 .home-page .intro-pitch{grid-row:3!important;grid-column:1!important}
}

@media(max-width:760px){.home-page header.mobile-menu-ready .corner-brand{display:none!important}.home-page header.mobile-menu-ready .nav,.home-page header.mobile-menu-ready.menu-open .nav{padding-left:14px!important}}
@media(max-width:760px){.home-page .opening-cta .pink{max-width:100%!important;white-space:normal!important;box-sizing:border-box;line-height:1.4;text-align:center}.home-page .opening-cta{min-width:0!important}}

/* Keep the complete landscape artwork visible on phones. */
@media(max-width:760px){
 .home-page .world-banner{grid-template-rows:auto auto auto auto!important;background:linear-gradient(180deg,#123c6c 0%,#274568 45%,#1a4365 100%)!important}
 .home-page .world-banner>img{position:relative!important;inset:auto!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:1672/941!important;object-fit:contain!important;object-position:center!important;z-index:0!important;margin-top:0!important;mask-image:none!important;-webkit-mask-image:none!important}
 .home-page .world-banner::after{display:none!important}
 .home-page .opening-cta{grid-row:2!important;position:relative!important;padding-top:26px!important}
 .home-page .world-stats{grid-row:3!important;height:auto!important;min-height:140px!important}
 .home-page .intro-pitch{grid-row:4!important}
}

/* Compact paired actions and a continuous transition below the intro. */
@media(max-width:760px){
 .home-page .intro-actions,.home-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important}
 .home-page .intro-actions>a,.home-page .hero-actions>a,.home-page .intro-pitch .intro-secondary.pink{width:100%!important;max-width:none!important;min-height:44px!important;font-size:13px!important;line-height:1.35!important;padding:10px 12px!important;white-space:normal!important;text-align:center;display:flex;align-items:center;justify-content:center}
 .home-page .world-banner{background:transparent!important}
 .home-page .world-banner::after{display:none!important}
 .home-page .intro-pitch{border:0!important;box-shadow:none!important;background:transparent!important}
 .home-page .intro-pitch::before{background:linear-gradient(180deg,#264568 0%,rgba(38,69,104,.65) 35%,transparent 100%)!important;mask-image:linear-gradient(#000,transparent)!important;-webkit-mask-image:linear-gradient(#000,transparent)!important;top:-2px!important}
 .home-page .opening-cta{background:linear-gradient(180deg,#23486d,#264568)!important}
 .home-page .world-stats{background:#264568!important}
 .home-page .visual-intro,.home-page .hero{border:0!important;box-shadow:none!important}
}

/* Mobile overview: keep related steps and services side by side. */
@media(max-width:760px){
 .home-page .story-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .home-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .home-page .story-grid article,.home-page .service-grid article{min-width:0!important;padding:14px 10px!important;border-radius:18px!important}
 .home-page .story-grid h3{font-size:14px!important;line-height:1.35!important;margin:10px 0!important;overflow-wrap:anywhere;hyphens:auto}
 .home-page .story-grid p{font-size:12px!important;line-height:1.5!important}
 .home-page .story-grid b{font-size:13px!important}
 .home-page .service-grid h3{font-size:16px!important;line-height:1.35!important;margin:10px 0!important}
 .home-page .service-grid p{font-size:14px!important;line-height:1.5!important}
 .home-page .service-grid a{font-size:12px!important;line-height:1.4!important;min-height:44px;display:flex;align-items:center}
}

/* Tighter mobile cards, without shrinking the desktop layout. */
@media(max-width:760px){
 .home-page .story-grid,.home-page .service-grid{gap:8px!important;margin-top:18px!important}
 .home-page .story-grid article,.home-page .service-grid article{padding:12px 8px!important;border-radius:16px!important;min-height:0!important}
 .home-page .story-grid h3{font-size:13px!important;line-height:1.3!important;margin:8px 0!important}
 .home-page .story-grid p{font-size:12px!important;line-height:1.4!important}
 .home-page .service-grid h3{font-size:14px!important;line-height:1.35!important;margin:8px 0!important}
 .home-page .service-grid p{font-size:13px!important;line-height:1.45!important;margin:8px 0!important}
 .home-page .story-path,.home-page #services{padding-top:26px!important;padding-bottom:26px!important}
 .home-page .story-path h2,.home-page #services h2{font-size:23px!important;line-height:1.3!important}
 .home-page .meeting-card,.home-page .community,.home-page .brief-assistant,.home-page .launch-panel{padding:18px!important;border-radius:18px!important;min-height:0!important}
 .home-page .launch-checklist li{padding:12px!important;min-height:0!important;font-size:14px!important}
 .home-page .meeting-card h3,.home-page .brief-assistant h3{font-size:18px!important}
 .home-page .meeting-card p,.home-page .brief-assistant p{font-size:14px!important;line-height:1.5!important}
}

/* Consistent compact scale throughout the mobile homepage. */
@media(max-width:760px){
 .home-page .products{gap:10px!important}
 .home-page .products .product{flex:0 0 calc((100% - 10px)/2)!important;border-radius:16px!important;padding-bottom:8px!important}
 .home-page .product-image{aspect-ratio:1!important;height:auto!important}
 .home-page .product-image img{width:100%!important;height:100%!important;object-fit:contain!important}
 .home-page .product-body{padding:10px 8px 0!important}
 .home-page .product h3{font-size:14px!important;line-height:1.3!important;margin:0 0 8px!important}
 .home-page .product p{font-size:12px!important;line-height:1.4!important;margin:0 0 10px!important}
 .home-page .product .pink{font-size:12px!important;padding:8px!important;min-height:40px!important;width:100%!important}
 .home-page .faq-preview details{border-radius:16px!important;margin:0!important}
 .home-page .faq-preview summary{padding:12px 14px!important;font-size:14px!important;line-height:1.4!important;min-height:44px}
 .home-page .launch-panel{gap:14px!important;padding:16px!important}
 .home-page .launch-panel h2{font-size:23px!important;line-height:1.3!important}
 .home-page .launch-panel p{font-size:14px!important;line-height:1.5!important;margin:10px 0!important}
 .home-page .launch-panel li{padding:10px 12px!important;font-size:13px!important;min-height:0!important}
 .home-page #contact form{gap:10px!important}
 .home-page #contact input{min-height:44px!important;height:44px!important;padding:10px 12px!important;border-radius:14px!important}
 .home-page #contact textarea{min-height:85px!important;height:85px!important;padding:10px 12px!important;border-radius:14px!important}
 .home-page #contact label{font-size:13px!important;line-height:1.35!important}
 .home-page .community,.home-page .meeting-card,.home-page .brief-assistant{padding:14px!important}
 .home-page .community a{font-size:13px!important;padding-block:8px!important}
 .home-page .meeting-card p,.home-page .brief-assistant p{margin:8px 0!important;font-size:13px!important;line-height:1.4!important}
 .home-page .hero #search{min-height:54px!important;flex-wrap:nowrap!important;gap:4px!important;padding:4px!important;border-radius:28px!important}
 .home-page #search>span{margin:0 4px!important;padding:0!important;font-size:22px!important}
 .home-page #search .pink{flex-basis:auto!important;min-height:44px!important;padding:8px 10px!important;font-size:12px!important}
 .home-page #search #query{padding:6px 2px!important}
}

/* Mobile trial: readable cards rather than compressed desktop columns. */
@media(max-width:760px){
 .home-page .story-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:14px!important;padding:2px 2px 16px!important;scrollbar-width:thin;scrollbar-color:#ff91a5 transparent}
 .home-page .story-grid article{flex:0 0 82%!important;scroll-snap-align:start;min-width:0!important;padding:22px!important;border-radius:22px!important}
 .home-page .story-grid h3{font-size:19px!important;line-height:1.35!important;hyphens:none!important;overflow-wrap:normal!important;margin:12px 0!important}
 .home-page .story-grid p{font-size:15px!important;line-height:1.6!important}
 .home-page .story-grid b{font-size:15px!important}
 .home-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .home-page .service-grid article{padding:16px 12px!important;border-radius:20px!important;display:flex;flex-direction:column}
 .home-page .service-grid h3{font-size:16px!important;line-height:1.35!important;hyphens:none}
 .home-page .service-grid p{font-size:14px!important;line-height:1.55!important}
 .home-page .service-grid a{margin-top:auto!important;padding-top:12px!important;font-size:13px!important}
 .home-page .products{gap:12px!important}
 .home-page .products .product{flex-basis:calc((100% - 12px)/2)!important;border-radius:20px!important}
 .home-page .product h3{font-size:15px!important;line-height:1.4!important}
 .home-page .product p{font-size:13px!important;line-height:1.5!important}
 .home-page .product-body{padding:12px 10px!important}
 .home-page .meeting-card,.home-page .community,.home-page .brief-assistant{padding:20px!important;border-radius:20px!important}
 .home-page .meeting-card p,.home-page .brief-assistant p{font-size:14px!important;line-height:1.55!important}
 .home-page .faq-preview summary{padding:16px!important;font-size:15px!important}
}