/* Phone layouts are composed independently; desktop presentation stays in its original styles. */
.mobile-menu-toggle,.mobile-menu,.logo-play{display:none}
picture.mobile-art{display:contents}
picture.mobile-art>source{display:none}
@media(max-width:800px),(max-width:1000px) and (pointer:coarse){
 @font-face{font-family:Inter;src:url('/fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
 @font-face{font-family:'JetBrains Mono';src:url('/fonts/JetBrainsMono-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
 html{scroll-padding-top:84px;scroll-behavior:auto}
 body{-webkit-text-size-adjust:100%}
 .shell,.wrap{width:calc(100% - 36px)}
 .site-nav .nav-inner,body>nav .nav-inner{height:68px;gap:16px}
 .site-nav .wordmark,body>nav .brand,body>nav .brand img{width:190px;max-width:100%;height:auto}
 .site-nav .wordmark{height:54px}
 .mobile-nav-ready .nav-inner>nav,.mobile-nav-ready .nav-links,.mobile-nav-ready .nav-inner>.button,.mobile-nav-ready .nav-inner>.btn{display:none}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:70px;min-height:44px;border:1.5px solid var(--navy);border-radius:8px;background:var(--paper);color:var(--navy);font:12px var(--mono);cursor:pointer}
 .mobile-menu-toggle span{font:22px/1 var(--body,var(--sans,Arial,sans-serif))}
 .mobile-nav-ready{position:sticky;top:0;z-index:30}
 .mobile-menu:not([hidden]){display:grid!important;position:absolute;left:0;right:0;top:100%;gap:0;padding:12px 18px 20px;background:var(--ivory,var(--bg,#FAF6EB));border-bottom:2px solid var(--navy);box-shadow:0 12px 24px #0d1b3d12;max-height:calc(100svh - 68px);overflow:auto}
 .mobile-menu a{display:block;padding:13px 10px;min-height:46px;text-decoration:none;font:600 16px/1.4 var(--body,var(--sans,Arial,sans-serif));border-bottom:1px solid var(--line)}
 .mobile-menu a:last-child{margin-top:10px;border:2px solid var(--navy);border-radius:8px;background:var(--blue);color:white;text-align:center}
 .section{padding-block:64px}
 .inside-layout,.people-layout,.faq-layout,.services,.proof-grid,.post-list{grid-template-columns:1fr}
 .section-heading{flex-direction:column;align-items:flex-start}
 .hero-grid{grid-template-columns:1fr}
 .department-map{max-width:540px;margin-inline:auto}

 .hero[data-alpha-hero]{min-height:calc(100svh - 68px);padding-top:40px;padding-bottom:28px}
 .hero>.eyebrow{font-size:10px;line-height:1.6;max-width:34ch;margin-inline:auto;margin-bottom:24px}
 .hero .hero-title{font-size:clamp(40px,10.25vw,68px);line-height:1.04;letter-spacing:-.045em}
 .hero .hero-title .hero-typing{font-size:clamp(30px,8.2vw,50px);min-height:2.28em;line-height:1.14;margin-top:18px}
 .hero .hero-lede{font-size:17px;line-height:1.6;margin-top:24px;margin-bottom:24px}
 .hero-actions{flex-direction:column;gap:14px}
 .hero-actions .button{min-height:52px;font-size:12px;gap:14px;width:min(100%,345px)}
 .hero-actions .text-link,.hero-scroll-cue{min-height:44px;display:inline-flex;align-items:center}
 .hero .quiet{font-size:11px;line-height:1.7;max-width:35ch;margin-inline:auto}
 .hero-scroll-cue{margin-top:16px}
 .eyebrow{font-size:11px;line-height:1.6}
 .section-heading,.inside-layout,.people-layout,.faq-layout{gap:28px}
 .section-heading h2,.center-heading h2,.inside-layout h2,.people-layout h2,.faq-layout h2,.contact-panel h2,.language-heading h2{font-size:clamp(34px,8.8vw,48px);line-height:1.1}
 .section-heading>p,.inside-layout>div>p:not(.eyebrow),.center-heading>p,.people-layout>div>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:none}
 /* Keep the original hub-and-spoke story: teams above and below the Blender cube. */
 .company-motion[data-alpha-showcase][data-motion]{height:auto;--travel:0px}
 .company-motion[data-alpha-showcase] .motion-stage{position:relative;top:auto;height:auto;width:calc(100% - 28px);padding:20px 16px 22px;display:block;border-radius:18px}
 .company-motion[data-alpha-showcase] .motion-topline{align-items:center;flex-wrap:wrap;gap:10px;font-size:10px}
 .company-motion[data-alpha-showcase] .motion-toggle{min-height:44px;padding:10px;font-size:11px;margin-left:auto}
 .company-motion[data-alpha-showcase] .motion-stage h2{font-size:clamp(26px,7vw,38px);line-height:1.1;margin-top:20px;max-width:24ch}
 .company-motion[data-alpha-showcase] .motion-stage h2>span{font-size:.88em}
 .company-motion[data-alpha-showcase] .motion-board{height:auto;min-height:0;margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 300px auto;gap:0 18px}
 .company-motion[data-alpha-showcase] .motion-brain{position:relative;left:auto;top:auto!important;transform:none;width:100%;grid-column:1/-1;grid-row:2;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:0}
 .company-motion[data-alpha-showcase] .brain-art{width:100%;max-width:340px;height:auto;aspect-ratio:5/4;overflow:hidden;isolation:isolate}
 .company-motion[data-alpha-showcase] .brain-art .logo-still,.company-motion[data-alpha-showcase] .brain-art .logo-start,.company-motion[data-alpha-showcase] .brain-art .logo-video{width:100%;height:auto;aspect-ratio:5/4;max-width:none}
 .company-motion[data-alpha-showcase] .motion-brain strong{font:11px/1.5 var(--mono);padding:4px 8px;background:var(--paper);position:relative;z-index:1}
 .company-motion[data-alpha-showcase] .logo-play{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px;margin-top:8px;padding:8px 14px;border:1px solid var(--navy);border-radius:6px;background:var(--paper);color:var(--navy);font:12px var(--mono);cursor:pointer}
 .company-motion[data-alpha-showcase] .logo-play[hidden]{display:none}
 .company-motion[data-alpha-showcase] .motion-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;width:100%;min-width:0;min-height:130px;display:flex;align-items:center;text-align:center;flex-direction:column;padding:12px 7px;gap:6px;border-radius:12px}
 .company-motion[data-alpha-showcase] .motion-node img{width:42px;height:44px}
 .company-motion[data-alpha-showcase] .motion-node h3{font:500 11px/1.4 var(--mono);letter-spacing:0}
 .company-motion[data-alpha-showcase] .motion-node p{font-size:14px;line-height:1.4;margin-top:4px;font-weight:650}
 .company-motion[data-alpha-showcase] .motion-marketing{grid-column:1;grid-row:1;box-shadow:3px 4px 0 var(--orange)}
 .company-motion[data-alpha-showcase] .motion-finance{grid-column:2;grid-row:1;box-shadow:3px 4px 0 var(--gold)}
 .company-motion[data-alpha-showcase] .motion-sales{grid-column:1;grid-row:3;box-shadow:3px 4px 0 var(--blue)}
 .company-motion[data-alpha-showcase] .motion-operations{grid-column:2;grid-row:3;box-shadow:3px 4px 0 var(--green)}
 .company-motion[data-alpha-showcase] .motion-check,.company-motion[data-alpha-showcase] .knowledge-notes{display:none!important}
 .company-motion[data-alpha-showcase] .motion-wires{display:block!important;pointer-events:none;z-index:2}
 .company-motion[data-alpha-showcase] .wire-tracks path{stroke:var(--navy);opacity:.18;stroke-width:1.5}
 .company-motion[data-alpha-showcase] .wire-active path{stroke-dasharray:1 11;stroke-dashoffset:0;stroke-width:3;animation:showcase-mobile-flow 3s linear infinite;animation-play-state:paused}
 .company-motion[data-alpha-showcase][data-mobile-flow="true"] .wire-active path{animation-play-state:running}
 .company-motion[data-alpha-showcase] .wire-active path:nth-child(1){stroke:var(--orange)}
 .company-motion[data-alpha-showcase] .wire-active path:nth-child(2){stroke:var(--blue)}
 .company-motion[data-alpha-showcase] .wire-active path:nth-child(3){stroke:var(--green)}
 .company-motion[data-alpha-showcase] .wire-active path:nth-child(4){stroke:var(--gold)}
 .company-motion[data-alpha-showcase] .wire-signals{display:none}
 @keyframes showcase-mobile-flow{to{stroke-dashoffset:-48}}
 .company-motion[data-alpha-showcase] .motion-grid{inset:0;height:100%;opacity:.18;border-radius:0;transform:none!important;mask-image:linear-gradient(transparent,#000)}
 .company-motion[data-alpha-showcase] .motion-ending{margin-top:22px;flex-direction:column;align-items:flex-start;gap:8px;padding-top:16px}
 .company-motion[data-alpha-showcase] .motion-ending p{max-width:none;font-size:17px;line-height:1.5;opacity:1!important;transform:none!important}
 .company-motion[data-alpha-showcase] .motion-ending a{min-height:44px;display:inline-flex;align-items:center;gap:7px;font-size:14px}
 .proof{padding:25px 22px;min-width:0}
 .proof .metric{font-size:clamp(58px,16vw,76px)}
 .proof p{font-size:16px;line-height:1.65}
 .proof>small{font-size:12px}
 .result-art{height:230px;max-width:380px}
 .principles{grid-template-columns:1fr;gap:18px;margin-top:24px}
 .principles p{font-size:15px}
 [data-connected-system].connected-figure{padding:20px 12px}
 [data-connected-system] .department-map{height:660px}
 [data-connected-system] .dept{width:44%;height:144px;padding:12px 5px}
 [data-connected-system] .dept strong{font-size:15px}
 [data-connected-system] .dept span{font-size:12px;line-height:1.4}
 [data-connected-system] .dept .icon{width:55px;height:60px}
 [data-connected-system] .core-emblem{width:130px;height:130px}
 [data-connected-system] .map-core{width:210px;top:52%}
 [data-connected-system] .map-core .hub-mark{width:98px;height:114px}
 [data-connected-system] .map-core strong{font-size:18px}
 [data-connected-system] figcaption{font-size:11px}
 .service{padding:24px}
 .service-art{height:250px;margin:20px 0}
 .service p,.translations p{font-size:16px;line-height:1.65}
 .service h3,.translations h3{font-size:25px;line-height:1.2}
 .translations article{padding:24px;gap:14px}
 .translations article>strong{font-size:17px;line-height:1.5}
 /* A compact, sequential journey keeps all five characters, each beside its step. */
 .journey-steps{grid-template-columns:1fr;padding:12px 18px;gap:0}
 .journey-steps li,.journey-steps li:last-child{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:7px 18px;text-align:left;max-width:none;width:100%;grid-column:1;padding:24px 0;border-radius:0}
 .journey-steps li+li{border-top:1px solid var(--line)}
 .journey-steps .journey-scene{grid-column:1;grid-row:1/4;width:100%;height:154px;margin:0;align-self:center}
 .journey-steps .step-number{grid-column:2;width:32px;height:32px;font-size:12px;margin:0 0 3px}
 .journey-steps h3{grid-column:2;font-size:21px;line-height:1.2}
 .journey-steps p{grid-column:2;font-size:14px;line-height:1.55;margin:0}
 .journey-steps li.is-current-step{background:var(--ivory,var(--bg,#FAF6EB));box-shadow:inset 3px 0 var(--orange)}
 .journey-steps li:after{display:none!important}
 .faq-layout>div:first-child{position:relative;padding-right:76px}
 .faq-layout .faq-icon{display:block;position:absolute;right:0;top:44px;width:70px;height:84px;margin:0}
 .faq-list summary{font-size:17px;line-height:1.5;padding-block:20px;min-height:56px}
 .faq-list details p{font-size:16px;line-height:1.7}
 .contact-panel{padding:28px 24px;gap:24px;grid-template-columns:1fr}
 .contact-panel .welcome-art{display:block;width:145px;height:205px;justify-self:center}
 .contact-panel .button{min-height:52px;font-size:12px;padding:14px 12px;gap:12px}
 footer.shell{grid-template-columns:1fr;gap:22px;padding-top:12px;padding-bottom:28px}
 footer.shell>div:first-child{max-width:32ch}
 footer.shell nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding-top:0;border-block:1px solid var(--line);padding-block:12px}
 footer.shell .footer-note{grid-column:1;margin:0;padding:0;text-align:left;font-size:10px}
 footer.shell #bwai-consent-settings{justify-self:start;margin:0}
 footer nav a,.footer-col a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 /* Illustrations get their own space in blog cards instead of covering text. */
 .posts .post-card,.post-card,.post-card:first-child,.post-card:not(:first-child){padding:26px 24px;min-height:0;display:flex;flex-direction:column}
 .post-card .post-visual,.post-card:not(:first-child) .post-visual{position:relative;inset:auto;order:5;align-self:flex-end;width:64%;max-width:240px;height:205px;max-height:none;margin:22px 0 0;object-fit:contain;opacity:1;transform:none}
 .post-card::after,.post-card:first-child::after{width:55%;height:190px;bottom:-20px;right:-20px;opacity:.35}
 .post-card .meta{padding-right:0;font-size:11px;gap:8px 15px;line-height:1.6}
 .post-card h2,.post-card:not(:first-child) h2{font-size:clamp(30px,8vw,42px);line-height:1.08;max-width:none}
 .post-card p{font-size:16px;line-height:1.65}
 .post-card:hover{transform:none;box-shadow:6px 6px 0 var(--navy)}
 .post-hero h1{font-size:clamp(36px,9vw,55px);line-height:1.08}
}
@media(min-width:801px){
 /* Available after a browser playback rejection; no space is added while hidden. */
 .logo-play:not([hidden]){display:inline-flex;min-height:44px;padding:8px 12px;background:var(--paper);border:1px solid var(--navy);border-radius:6px;color:var(--navy);font:12px var(--mono);margin-top:8px;cursor:pointer}
}
@media(max-width:360px){
 .journey-steps{padding-inline:14px}
 .journey-steps li,.journey-steps li:last-child{grid-template-columns:80px minmax(0,1fr);column-gap:14px}
 .journey-steps .journey-scene{height:130px}
 .journey-steps h3{font-size:19px}
 .journey-steps p{font-size:14px}
 .contact-panel .button{font-size:11px;gap:8px}
}

@media(prefers-reduced-motion:reduce){.company-motion[data-alpha-showcase] .wire-active path{animation:none}}
html[data-motion-preference="off"] .company-motion[data-alpha-showcase] .wire-active path{animation:none}

@media(max-width:800px),(max-width:1000px) and (pointer:coarse){
 .company-motion[data-alpha-showcase][data-sequence] .motion-board{height:auto}
 .company-motion[data-alpha-showcase][data-sequence] .wire-active path{animation:none;stroke-dasharray:1}
 .company-motion[data-alpha-showcase][data-sequence] .motion-check{display:grid!important;position:absolute;right:8px;top:8px;width:19px;height:19px;margin:0;font-size:12px}
 .company-motion[data-alpha-showcase][data-sequence] .knowledge-notes{display:block!important;z-index:5}
 .company-motion[data-alpha-showcase][data-sequence] .knowledge-notes span{font-size:10px;padding:7px 9px}
 .company-motion[data-alpha-showcase][data-sequence] .wire-signals{display:block}
}