/* Phone and tablet reading, navigation and touch controls. */
.mobile-contact-bar{display:none}
.ai-hero-art>img{width:100%;height:100%;object-fit:cover}
@media(max-width:780px){
  html{scroll-padding-top:88px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));font-size:16px}
  .wrap{padding-left:22px;padding-right:22px}
  .header{padding:12px 22px;min-height:74px;background:#f8fafff5}
  .brand{gap:12px;font-size:16px}.brand-mark{font-size:35px}.header .brand-caption{font-size:8px}
  .menu-toggle{min-width:76px;min-height:48px;justify-content:flex-end;font-size:14px}
  #navigation{padding:10px 22px 20px;max-height:calc(100dvh - 155px);overflow-y:auto}
  #navigation a{min-height:48px;display:flex;align-items:center;font-size:16px}
  #navigation .nav-cta{justify-content:space-between}
  .mobile-contact-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:15;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:7px;background:#f8fafff5;backdrop-filter:blur(14px);border-top:1px solid #d2ddef;box-shadow:0 -5px 22px #14264b0c}
  .mobile-contact-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;border:1px solid #d7dff0;border-radius:9px;color:#30436d}
  .mobile-contact-bar a:first-child{background:linear-gradient(120deg,#233866,#6352d6);color:white;border-color:transparent}
  .mobile-contact-bar a>span{font-size:15px}
  .section{padding-top:60px;padding-bottom:60px}.eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.7;margin-bottom:18px}
  .hero{padding-top:32px;padding-bottom:42px;gap:30px}.hero-copy{display:flex;flex-direction:column;min-width:0}
  .hero-person{order:-1;gap:17px;margin-bottom:24px}.hero-person>img{width:96px;height:96px;border-radius:23px;border-width:3px}.person-name{font-size:23px;margin-bottom:6px}.person-role{font-size:13px;line-height:1.65}
  .hero .hero-person .person-name{font-size:32px;line-height:1.12;margin:0 0 8px}.hero-person .person-role{font-size:17px;line-height:1.4}.hero .hero-person{margin-bottom:27px}
  .hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1;font-size:clamp(31px,8.3vw,52px);line-height:1.12;letter-spacing:-.045em;margin-bottom:22px}
  .hero-intro{order:2;font-size:17px;line-height:1.65;margin-bottom:0;max-width:600px}
  .hero-actions{order:3;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin:23px 0 0}
  .button{min-height:50px;padding:14px 17px;font-size:14px;gap:12px;line-height:1.4}
  .hero-actions .text-link{font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #ccd8ed;border-radius:9px;padding:11px;min-height:50px}
  .hero-tags{order:4;margin-top:18px;gap:6px;font-size:10px}.hero-tags span{padding:6px 9px}
  .hero-journey{order:5;font-size:15px;padding-left:17px;margin:27px 0 0;max-width:600px}.hero-journey p{font-size:15px;line-height:1.8;margin-bottom:18px}
  .hero-visual{margin-top:0;padding:22px 18px;max-width:580px}.visual-title{font-size:32px;padding:25px 0 20px}.visual-top{font-size:8px;letter-spacing:.05em}.visual-top i{margin-right:3px}
  .product-browser{transform:none;margin-left:0;margin-right:0}.image-credit{font-size:10px;line-height:1.6}.browser-top{font-size:8px}.outcome-tile small{font-size:9px}.outcome-tile p{font-size:11px}.outcome-tile strong{font-size:30px}.visual-caption{display:none}
  .proof{grid-template-columns:1fr 1fr;gap:24px;padding-top:27px;padding-bottom:27px}.proof>div{flex-direction:column;align-items:flex-start;gap:9px}.proof strong{font-size:36px;min-width:0}.proof p{font-size:12px;line-height:1.6}
  .employer-logos{gap:24px 16px}.employer-logo{gap:10px}.employer-logo strong{font-size:15px}.employer-logo small{font-size:10px;max-width:125px}.employers-intro>p:last-child{font-size:13px}.employer-logo:nth-child(3)>img,.employer-logo:nth-child(4)>img{width:48px}
  .section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(30px,8.2vw,42px);line-height:1.12}.section-heading>p{font-size:15px;line-height:1.75;margin-top:20px}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:3px 0 8px}.filter{min-height:44px;font-size:12px;padding:10px 14px}.filter:last-child{grid-column:1/-1}.filter span{font-size:10px}.work-count{font-size:11px;margin-top:9px}
  .case-grid{grid-template-columns:1fr;gap:38px}.card-visual{height:clamp(245px,65vw,350px)}.card-visual.finance,.card-visual.documentation,.card-visual.recruitment,.card-visual.workforce,.card-visual.compliance{height:auto;aspect-ratio:16/10;background:#e5eafa}.card-visual>img{object-fit:contain}
  .image-label{font-size:10px;padding:8px 10px;left:12px;bottom:12px}.card-arrow{width:40px;height:40px;right:12px;top:12px}.case-meta{font-size:10px;letter-spacing:.04em;margin-top:17px;gap:12px}
  .case-card h3{font-size:27px;line-height:1.15;margin-bottom:13px}.case-card>p{font-size:15px;line-height:1.75;margin-bottom:20px}.card-bottom{display:flex;align-items:center;gap:12px}.card-bottom strong{font-size:27px}.card-bottom strong small{font-size:12px;line-height:1.5;max-width:190px}.card-bottom a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:48px;font-size:13px;margin:0;white-space:normal;text-align:right}
  .roster-label{font-size:9px}.roster-label span{padding:6px}.roster-result{font-size:30px;bottom:67px}.workforce-art img{height:95%;max-width:62%;object-fit:contain;right:2px;bottom:-12px}.enterprise-art>span{font-size:10px;letter-spacing:.08em}.enterprise-art p{font-size:25px;max-width:85%;bottom:23px}.enterprise-art strong{font-size:200px;right:24px;top:8px}.enterprise-brand{top:66px;width:60px;height:60px}
  .results-note{font-size:12px;line-height:1.8}.more-work{grid-template-columns:1fr;gap:18px;margin-top:35px}.more-work>div{padding:20px}.more-work h3{font-size:21px;margin-bottom:12px}.more-work div p{font-size:14px;line-height:1.8}.more-work>.eyebrow{font-size:10px}
  .delivery-flow{grid-template-columns:1fr;margin-top:32px;gap:0}.delivery-flow li{padding:0 0 30px 57px;min-height:0}.flow-node{position:absolute;left:0;top:0;bottom:0;margin:0;align-items:flex-start}.flow-node>span{width:38px;height:38px;border-radius:12px;font-size:12px}.flow-node:after{display:block!important;left:18px;top:44px;bottom:6px;right:auto;height:auto;width:1px}.flow-node>i{display:none!important}.delivery-flow li:last-child .flow-node:after{display:none!important}.delivery-flow h3{font-size:23px;min-height:0;margin:6px 0 13px}.delivery-flow p{font-size:15px;line-height:1.75;flex:initial;margin-bottom:17px}.flow-output{font-size:13px;min-height:0;padding-top:12px}.flow-output>span{font-size:9px}.flow-foundation{padding:20px 17px;margin-top:0;gap:13px;align-items:flex-start}.flow-foundation h3{font-size:20px}.flow-foundation p{font-size:14px;line-height:1.75}.foundation-mark{width:30px;height:30px;font-size:23px}
  .ai-feature{margin:40px 22px 0;min-height:0;padding:32px 24px;background-image:url('assets/ai-network-mobile.svg')}.ai-feature h2{font-size:31px}.ai-feature p:not(.eyebrow){font-size:15px;line-height:1.75}.ai-feature-tags span{font-size:11px;padding:6px 10px}.ai-feature .eyebrow{font-size:9px}
  .about{gap:30px}.about-identity{position:static;grid-template-columns:145px 1fr;gap:18px;align-items:center}.identity-art{aspect-ratio:1;min-width:0}.identity-art>div{font-size:110px;left:12px;top:10px}.identity-art>div i{font-size:95px;left:14px;top:43px}.identity-art>p{font-size:17px;bottom:6px}.identity-art>p small{font-size:10px}.identity-caption{font-size:12px;line-height:1.7;margin:0}.about-copy h2{font-size:clamp(30px,8vw,40px)}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.about-copy>p.large-copy{font-size:18px;line-height:1.6}.qualification-row{font-size:12px;display:grid;gap:10px;padding:18px 0}.qualification-row span+span:before{display:none}.about-copy>.text-link{display:inline-flex;align-items:center;min-height:48px;font-size:13px;line-height:1.6}
  .academy{padding-top:56px;padding-bottom:56px;gap:32px}.academy-logo{width:240px}.academy h2{font-size:36px}.academy .eyebrow{font-size:10px;line-height:1.7}.academy>div>p:not(.eyebrow){font-size:15px;line-height:1.8}.academy .button{width:100%;margin-top:12px}.academy-poster{min-height:410px;aspect-ratio:auto;padding:24px;max-width:460px}.poster-head>img{width:175px}.poster-head>span{font-size:8px;line-height:1.6;max-width:95px}.poster-orbit{font-size:185px;top:87px}.poster-bottom{left:24px;right:24px;bottom:24px}.poster-bottom h3{font-size:39px;line-height:1.05}.poster-bottom small{font-size:9px}.poster-bottom p{font-size:13px;line-height:1.65;max-width:none}.academy-practice{grid-template-columns:1fr;gap:23px;padding-top:26px;margin-top:0}.academy-practice article,.academy-practice article+article{border-left:0;padding:0}.academy-practice article+article{border-top:1px solid #7383b93d;padding-top:23px}.academy-practice h3{font-size:23px}.academy-practice p{font-size:15px;line-height:1.8}.academy-practice article>span{font-size:10px}
  .timeline{margin-top:32px}.timeline-row{grid-template-columns:1fr;gap:9px;padding:25px 0}.timeline-row>span{font-size:11px}.timeline-row h3{font-size:25px}.timeline-row h3 small{font-size:14px;margin-top:7px}.timeline-row p{grid-column:auto;font-size:15px;line-height:1.75;margin-top:7px}.telstra-products{padding:23px 20px}.telstra-products-heading h3{font-size:22px}.telstra-products-heading .eyebrow{font-size:10px}.telstra-products>p{font-size:14px}.product-groups{grid-template-columns:1fr}.product-groups>div>span{font-size:10px}.product-pills>span{font-size:12px;line-height:1.5}.stack>p:last-child{font-size:14px;line-height:2}
  .contact{padding-top:54px;padding-bottom:45px;gap:28px}.contact h2{font-size:clamp(31px,8.6vw,42px)}.contact>div>p:not(.eyebrow){font-size:15px;line-height:1.75}.contact-actions{max-width:none;padding:0;width:100%}.contact-actions>.button{width:100%}.contact-value{font-size:15px}.contact-method{font-size:10px}.contact-details>a{min-height:75px;padding:17px 0}.contact-direction{font-size:18px}.copy-email{min-height:48px;font-size:13px;align-items:center}.copy-status{font-size:12px!important;line-height:1.7}.contact-location{font-size:13px!important}
  .footer{font-size:11px;gap:8px;padding-top:22px;padding-bottom:22px}.footer>div{width:100%;display:flex;flex-wrap:wrap;gap:8px 22px}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer>p:nth-child(2){line-height:1.7}
  dialog{width:calc(100% - 20px);max-width:680px;max-height:calc(100dvh - 24px);margin:auto;border-radius:13px;z-index:30}.dialog-top{padding:7px 17px;font-size:9px;gap:12px}.dialog-top button{min-height:48px;min-width:70px;font-size:14px}.dialog-body{padding:25px 20px}.dialog-body h2{font-size:33px;line-height:1.1}.dialog-subtitle{font-size:15px;line-height:1.75}.case-role{font-size:10px;line-height:1.7;overflow-wrap:anywhere}.case-detail-grid{grid-template-columns:1fr;gap:10px}.case-detail-grid h3{font-size:21px}.case-detail-grid p,.case-detail-grid li{font-size:15px;line-height:1.8}.case-detail-metrics{gap:20px}.case-detail-metrics>div{min-width:115px}.case-detail-metrics strong{font-size:29px}.case-detail-metrics span{font-size:12px;line-height:1.5}.dialog-image{margin:22px 0;padding:8px}.dialog-image figcaption{font-size:11px}.case-tech,.metric-context{font-size:12px;line-height:1.8}.case-source{font-size:14px;gap:10px 20px}.case-source a{min-height:44px;display:inline-flex;align-items:center;line-height:1.5}.case-products h3{font-size:17px}
}
@media(max-width:360px){
  .wrap{padding-left:18px;padding-right:18px}.header{padding-left:18px;padding-right:18px}.hero-copy>h1{font-size:30px}.hero .eyebrow{font-size:9px}.hero-actions{grid-template-columns:1fr}.hero-actions .text-link{justify-content:space-between;text-align:left}.hero-tags{font-size:9px}.about-identity{grid-template-columns:120px 1fr;gap:13px}.identity-art>div{font-size:90px}.identity-art>div i{font-size:80px}.identity-art>p{font-size:16px}.identity-caption{font-size:11px}.roster-label{font-size:8px}.roster-result{font-size:27px}.enterprise-art p{font-size:23px}.enterprise-art strong{font-size:180px;right:18px}.academy h2{font-size:32px}.poster-head>img{width:150px}.poster-head>span{font-size:7px;max-width:65px}.poster-bottom h3{font-size:35px}.mobile-contact-bar a{font-size:12px}.contact-value{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:780px){.academy-carousel{min-height:0;aspect-ratio:auto;padding:22px;gap:22px;max-width:460px}.academy-carousel .poster-head>img{width:145px}.academy-carousel .poster-head>span{font-size:7px}.academy-carousel .poster-orbit{font-size:135px;top:70px}.academy-slides{min-height:184px}.academy-slide h3{font-size:28px}.academy-slide p{font-size:13px!important}.academy-controls .academy-dot{width:26px}}
@media(max-width:380px){.academy-carousel{padding:20px;gap:20px}.academy-carousel .poster-head>img{width:130px}.academy-carousel .poster-head>span{font-size:6px}.academy-slide h3{font-size:26px}.academy-slides{min-height:205px}.academy-controls .academy-dot{width:22px}.academy-arrow{min-width:29px}.academy-pause{min-width:49px;margin-left:0}}

@media(max-width:780px){
  .hero.hero-overview{grid-template-columns:minmax(0,1fr);grid-template-areas:"lead" "delivery" "journey";gap:28px;padding-top:30px;padding-bottom:38px}
  .hero-overview .hero-copy{display:block}.hero-overview .hero-person{margin-bottom:23px;gap:17px}.hero-overview .hero-person>img{width:94px;height:94px}.hero-overview .hero-person .person-name{font-size:32px}.hero-overview .hero-intro{font-size:18px;line-height:1.65;max-width:600px}.hero-overview .hero-actions{margin-top:23px;gap:12px}.hero-overview .hero-tags{margin-top:17px}.hero-overview .hero-journey{margin:0;max-width:600px;padding-left:16px}.hero-overview .hero-journey p{font-size:15px;line-height:1.75;margin-bottom:17px}
  .hero-overview .delivery-panel{max-width:600px;padding:23px 19px 19px;margin:0 auto}.delivery-panel-title{font-size:32px;margin-top:23px}.delivery-panel .visual-top{font-size:8px;line-height:1.5}.delivery-lifecycle{font-size:10px;gap:5px;margin-bottom:17px}.delivery-grid{gap:8px}.delivery-grid a{padding:12px 9px;grid-template-columns:13px minmax(0,1fr) 8px;gap:5px;min-height:86px}.delivery-grid strong{font-size:13px;line-height:1.35}.delivery-grid small{font-size:11px;line-height:1.5}.delivery-index{font-size:8px}.delivery-grid li:last-child a{min-height:65px}.delivery-assurance{font-size:10px}
}
@media(max-width:360px){.hero-overview .delivery-panel{padding:21px 15px 17px}.delivery-panel .visual-top{font-size:7px}.delivery-lifecycle{font-size:9px}.delivery-grid strong{font-size:12px}.delivery-grid small{font-size:10px}}

@media(max-width:780px){
  #work.section,#approach>.section,#contact>.contact{padding-top:36px;padding-bottom:36px}
  main>.ai-feature.wrap{margin:0;max-width:none;width:100%;padding:36px 22px;border-radius:0}
  .hero-actions>.button{min-height:50px;text-align:left;font-size:13px;padding:13px 14px;gap:10px}
  #close-dialog{min-height:40px;min-width:0;padding:7px 11px;font-size:12px}
}

@media(max-width:780px){
  #work .card-bottom a{font-size:15px;min-height:48px;flex-shrink:0}
  #work .more-work{margin-top:26px;padding-top:22px}
  .delivery-grid li:last-child a{min-height:86px}
  .delivery-platforms strong{font-size:12px}.delivery-platforms small{font-size:11px}
}

/* Keep compact controls easy to tap on phones and tablets. */
@media(max-width:1024px){
  .header .brand{min-height:44px}
  #close-dialog{min-height:44px}
  .academy-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:2px 8px}
  .academy-controls .academy-dots{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;gap:0;width:100%}
  .academy-controls .academy-dot{width:44px;min-width:44px;height:44px;padding:0}
  .academy-controls .academy-arrow{width:44px;min-width:44px;height:44px;padding:0}
  #academy-prev{grid-column:1;grid-row:2}
  #academy-next{grid-column:3;grid-row:2}
}
@media(min-width:781px) and (max-width:1024px){
  #navigation a,.footer a{display:inline-flex;align-items:center;min-height:44px}
}