/* Desktop keeps its original phrasing; mobile has deliberate line breaks. */
.mobile-phrasing{display:none}
.mobile-added-dot,.mobile-service-art,.mobile-stat-number,.mobile-journal-preview,.portrait-mobile-still{display:none}
.desktop-stat-kicker{display:none}
@media(max-width:899px){
 #studio .portrait-shot{width:100%}
 #navigation{padding-block:11px}
 #navigation .nav__brand{font-size:clamp(23px,calc(9.85714vw - 8.54285px),29.9px)!important;padding-inline:clamp(18px,calc(7.71429vw - 6.6857px),23.4px)}
 #navigation .nav__menu{min-height:42px;height:42px;background:#101523;color:#F6F1E8}
 #navigation .nav__menu::before{width:16.9px;height:16.9px}
 #statement{padding-top:calc(var(--space-2)*.5);padding-bottom:calc(var(--space-2)*.63)}
 #statement .statement__body{margin-top:calc(clamp(56px,11vh,120px)*.7)}
 #work .work__stage{padding-top:calc(var(--space-2)*.7)}
 #example{padding-top:calc(var(--space-2)*.5)}
 .desktop-phrasing{display:none}
 .mobile-phrasing{display:inline}
 .mobile-phrasing .mobile-line{display:block;white-space:nowrap}
 #capabilities-title{font-size:clamp(35px,11vw,55px)}
 #method{padding-top:calc(var(--space-2)*.7);padding-bottom:calc(var(--space-2)*.5)}
 #method .method__body{grid-template-columns:minmax(0,1fr) clamp(144px,calc(100vw - 202px),172.8px);gap:18px}
 #method .method__ring{container-type:inline-size}
 #method .method-center{gap:clamp(7px,4.8611cqw,8.4px)}
 #method .method-center strong{font-size:clamp(22px,15.2778cqw,26.4px)}
 #method .method-center>span{font-size:clamp(6.5px,4.5139cqw,7.8px)}
 #method .method-center small{font-size:clamp(7px,4.8611cqw,8.4px)}
 #studio{padding-top:calc(var(--space-2)*.5);padding-bottom:calc(var(--space-2)*.35)}
 .bio-extension .mobile-keep-line{display:block}
 .bio-extension h3{font-size:clamp(39px,12.48vw,46.8px)}
 .bio-extension .trajectory-note{margin-bottom:7px!important}
 #journal{padding-top:calc(var(--space-2)*.21);padding-bottom:calc(var(--space-2)*.7)}
 #faq{padding-top:calc(var(--space-2)*.7)}
}

/* iPhone revision: keep every override below the desktop breakpoint. */
@media(max-width:899px){
 #navigation{gap:10px}
 #navigation .nav__brand{flex:none;min-height:48px;height:48px}
 #navigation .nav__menu{flex:1;justify-content:center;height:48px;min-height:48px;margin-left:0;min-width:0;padding:0 12px;gap:8px;font-size:clamp(17px,4.6vw,20px);background:#2F5BFF}
 #navigation .nav__menu::before{width:1.18em;height:1.24em;flex:none;background-image:var(--geoad-orange)}
 #navigation .menu__list a{display:inline-flex;align-items:baseline;white-space:nowrap;font-size:clamp(34px,12vw,68px);line-height:1.06}
 #navigation .menu__list .m-dot{position:relative;top:.05em}
 .m-dot{display:inline-block;flex:0 0 auto;min-width:.3211em;max-width:none;width:.3211em;height:.3372em;aspect-ratio:445.6/467.9;background-size:contain!important}
 .mobile-added-dot{display:inline-block}
 #method .method__runner{height:auto;aspect-ratio:445.6/467.9;background-size:contain}
 #hero .hero__intro{padding-top:84px;row-gap:12px}
 #hero .hero__lead{font-size:clamp(33px,9.3vw,40px);max-width:100%;line-height:1.12;margin-bottom:4.8px}
 #hero .hero-signature{margin-top:-3.6px;max-width:100%}
 #hero .hero__stage{--ap:var(--mobile-ap,72vw)}
 .hero-ai-window[data-demo-phase="rollback"] .hero-ai-results{opacity:0;transform:translateY(12px)}
 #work .work__track{height:min(100%,440px)}
 #work .case{display:grid;grid-template-rows:22px 86px minmax(0,1fr);gap:10px;padding:18px;max-width:calc(100vw - var(--space-1)*2 - 16px)}
 #work .case__tag{position:relative;left:auto;top:auto;grid-row:1;justify-self:start;align-self:start;white-space:nowrap;max-width:calc(100% - 24px);min-height:22px;padding:0 8px;font-size:8px;letter-spacing:.025em}
 #work .stat-art{padding:0}
 #work .stat-art .stat-number,#work .stat-unit{display:none}
 #work .mobile-stat-number{display:block;position:relative;grid-row:2;align-self:center;font-family:var(--font-1);font-size:clamp(70px,21vw,94px);font-weight:800;line-height:.95;letter-spacing:-.065em;white-space:nowrap;color:var(--cream);z-index:1}
 #work .mobile-stat-number .stat-suffix{font-size:.56em;letter-spacing:-.04em}
 #work .case-openai .mobile-stat-number{font-size:clamp(64px,18.5vw,84px)}
 #work .stat-spark{font-size:0;right:16px;top:18px;width:19px;height:20px;background:var(--geoad-symbol) center/contain no-repeat}
 #work .case__text{position:relative;grid-row:3;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-self:stretch;gap:7px;min-height:0}
 #work .case__name{font-size:25px;line-height:1.04;max-width:100%;letter-spacing:-.035em}
 #work .case__line{font-size:15px;line-height:1.23;letter-spacing:-.015em;max-width:100%}
 #work .stat-context{font-size:10px;line-height:1.2;max-width:100%}
 #work .stat-source{font-size:10px;line-height:1.2;margin-top:auto;max-width:100%;overflow-wrap:anywhere}
 #capabilities .service__media{aspect-ratio:600/460}
 #capabilities .service__media>img:not(.mobile-service-art){display:none}
 #capabilities .service__media>.mobile-service-art{display:block;width:100%;height:100%;object-fit:contain;background:#0B1F5C}
 #journal .journal__frame{aspect-ratio:600/390;background:#0B1F5C}
 #journal .journal__frame>.journal__shot{visibility:hidden!important}
 #journal .mobile-journal-preview{display:block;position:absolute;inset:0}
 #journal .mobile-journal-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 #journal .mobile-journal-shot[hidden]{display:none}
 #studio .portrait-mobile-still{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
 #studio .portrait-shot .studio-portrait-video{display:none}
}
@media(min-width:900px){
 /* Shared rows: every card uses the same numeral and copy coordinates. */
 #work .stat-art .stat-unit{display:none}
 #work .stat-art .stat-number{position:absolute;left:clamp(28px,3vw,44px);top:var(--desktop-stat-top,110px);font-size:var(--desktop-stat-size,185px);line-height:1;transform:none!important;white-space:nowrap}
 #work .stat-art .stat-suffix{font-size:.6em}
 #work .stat-art-openai-0 .stat-suffix{font-size:1em;letter-spacing:inherit}
 #work .case .case__text{display:grid;grid-template-rows:13px var(--desktop-title-height,46px) var(--desktop-body-height,79px) var(--desktop-context-height,14px) var(--desktop-source-height,15px);row-gap:10px;align-content:start;bottom:clamp(18px,2.4vw,36px)}
 #work .case .desktop-stat-kicker{display:block;grid-row:1;font-family:var(--font-2);font-size:10px;line-height:1.3;letter-spacing:.08em;color:#B5C6FF;margin:0}
 #work .case__name{grid-row:2;align-self:start;margin:0;line-height:1.08}
 #work .case__line{grid-row:3;align-self:start;margin:0}
 #work .stat-context{grid-row:4;align-self:start;margin:0}
 #work .stat-source{grid-row:5;align-self:start;margin:0;line-height:1.5}
 .bio-extension .desktop-bio-line{display:block;white-space:nowrap}
 .bio-extension h3{font-size:var(--desktop-bio-size,clamp(46.8px,5.2vw,78px))}
 #capabilities .service__media{background:#0B1F5C}
 #capabilities .service__media>img:not(.mobile-service-art){object-fit:contain}
}
#studio .portrait-shot .portrait-static-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.hero-ai-window[data-demo-phase="rollback"] .hero-ai-results{opacity:0;transform:translateY(12px)}
.hero-ai-window[data-demo-phase="rollback"] .hero-ai-caret{display:inline-block}
@media(max-width:360px){
 #navigation .nav__menu{padding-inline:8px;gap:6px}
 #navigation .menu__list a{font-size:11.8vw}
 #work .case{padding:16px;grid-template-rows:20px 72px minmax(0,1fr)}
 #work .case__name{font-size:23px}
 #work .case__line{font-size:14px;line-height:1.22}
 #work .case__text{gap:6px}
 #work .stat-source{font-size:9px}
}