/* OA V3.1 / mobile refinement only. V3.0 desktop visual identity remains untouched. */
.oa-mobile-menu-label,.oa-mobile-menu-contact{display:none}
.oa5-hero__image picture{display:block;width:100%;height:100%}

@media (max-width:720px){
  :root{--oa-mobile-gutter:20px}
  html{scroll-padding-top:76px}
  .container,.oa5-shell{width:calc(100% - 2*var(--oa-mobile-gutter))}
  body{overflow-x:clip}
  body.oa-mobile-menu-open{overflow:hidden}
  .site-topline{display:none}
  .site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #E9EDE9;box-shadow:0 5px 24px rgba(20,29,27,.055)}
  .site-header__inner{min-height:72px;gap:12px}
  .brand-link{gap:10px}
  .brand-icon{width:38px;height:38px;border-radius:11px}
  .brand-words{gap:3px}
  .brand-words strong{font-size:15px;letter-spacing:-.005em}
  .brand-words small{font-size:9px;letter-spacing:.31em;margin:0}
  .menu-toggle{width:auto;min-width:89px;min-height:43px;display:inline-flex;align-items:center;justify-content:space-between;gap:13px;padding:0 12px 0 14px;margin-left:auto;border-radius:12px;border:1px solid #E1E7E2;background:#F7F8F5;color:#293B39}
  .oa-mobile-menu-label{display:inline;font-size:12px;font-weight:780;letter-spacing:.02em}
  .oa-mobile-menu-glyph{display:grid;gap:5px;width:17px}
  .oa-mobile-menu-glyph i{height:1.75px;background:currentColor;border-radius:99px;width:17px;display:block;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] .oa-mobile-menu-glyph i:first-child{transform:translateY(3.4px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .oa-mobile-menu-glyph i:last-child{transform:translateY(-3.4px) rotate(-45deg)}
  .main-navigation{display:none;position:fixed;top:72px;bottom:0;left:0;right:0;z-index:105;background:#fff;padding:20px var(--oa-mobile-gutter) 30px;overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
  .main-navigation.is-open{display:flex;flex-direction:column}
  .primary-menu{display:block;width:100%;flex:1}
  .primary-menu>li{border-bottom:1px solid #E4EBE5}
  .primary-menu>li>a{display:flex;align-items:center;justify-content:space-between;padding:19px 3px;min-height:66px;font-size:21px;letter-spacing:-.035em;font-weight:760;color:#273D3C}
  .primary-menu>li>a:after{content:'↗';font-size:18px;color:#6D837E;font-weight:500}
  .primary-menu .sub-menu{padding:0 0 13px 12px}
  .primary-menu .sub-menu a{display:block;padding:10px 0;min-height:42px;font-size:15px;color:#4D615D}
  .oa-mobile-menu-contact{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 19px;margin-top:22px;background:#4D756A;color:#fff;font-size:15px;font-weight:770;border-radius:14px}
  .oa-mobile-menu-contact span{font-size:23px}
  .header-action{display:none}

  /* One continuous, balanced mobile hero rather than text on one screen / tiny photo below. */
  .oa5-hero{min-height:0;background:#1A2D2E;isolation:isolate;overflow:hidden}
  .oa5-hero__content{height:auto;min-height:0;display:block;padding:0 0 325px}
  .oa5-hero__inner{max-width:100%;padding:36px 0 0;position:relative;z-index:3}
  .oa5-eyebrow{font-size:9px;gap:10px;letter-spacing:.12em;line-height:1.5;color:#C5D8CF}
  .oa5-eyebrow__bar{display:none}
  .oa5-hero h1{font-size:clamp(39px,10.25vw,51px);line-height:1.08;letter-spacing:-.065em;max-width:560px;margin:22px 0 16px;overflow-wrap:normal}
  .oa5-hero__inner>p{color:#CCDCD2;font-size:13.5px;line-height:1.62;margin:0 0 20px;max-width:560px}
  .oa5-hero__actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
  .oa5-button{min-height:51px;min-width:0;padding:12px 19px;font-size:13px;border-radius:18px;gap:15px}
  .oa5-button span{font-size:20px}
  .oa5-text-button{font-size:12px;gap:7px;min-height:43px;white-space:nowrap;padding-bottom:0;border:0}
  .oa5-text-button span{font-size:19px}
  .oa5-hero__foot{display:none}
  .oa5-hero__image{position:absolute;left:0;right:0;top:auto;bottom:31px;height:322px;z-index:-1;background:#172A2B;overflow:hidden}
  .oa5-hero__image picture{display:block;width:100%;height:100%}
  .oa5-hero__image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 37%;display:block;background:#172A2B}
  .oa5-hero__shade{z-index:0;pointer-events:none;background:linear-gradient(180deg,#1A2D2E 0%,#1A2D2E 45%,rgba(21,31,29,.88) 49%,rgba(21,31,29,.04) 72%,rgba(21,31,29,.11) 93%,#1A2D2E 98%)}
  .oa5-hero__visualcaption{position:absolute;right:var(--oa-mobile-gutter);bottom:44px;font-size:8px;letter-spacing:.1em;background:#1A2D2EB8;padding:7px 10px;border:1px solid rgba(215,227,225,.18);border-radius:8px}
  .oa5-hero__bottom{position:relative;left:auto;right:auto;bottom:auto;height:31px;border-top:1px solid rgba(149,168,164,.27);background:#273B3C}
  .oa5-hero__bottominner{height:31px;font-size:8px;letter-spacing:.08em}
  .oa5-hero__bottominner>span:nth-child(2){display:none}
  .oa5-hero__bottominner>span{font-size:8px}
  .oa5-hero__annotation{display:none}

  /* Topics: clean short editorial cards that are actually comfortable to scan. */
  .oa5-topics{padding:58px 0 64px}
  .oa5-label{font-size:9px;letter-spacing:.16em}
  .oa5-topics__header{margin-bottom:22px}
  .oa5-topics__header h2,.oa5-methods h2,.oa5-journal h2{font-size:clamp(36px,9.5vw,46px);line-height:1.08;letter-spacing:-.06em;margin-top:11px}
  .oa5-topics__header p,.oa5-methods__lead p{font-size:13px;line-height:1.65;margin-top:12px;color:#697C78}
  .oa5-topics__grid{grid-template-columns:1fr;gap:10px}
  .oa5-topic{min-height:183px;padding:19px 18px;border-radius:17px;grid-template-columns:minmax(0,1fr) 105px;grid-template-rows:28px 1fr;gap:7px;background:#fff}
  .oa5-topic--feature{min-height:201px;background:#36564F;border-color:#36564F}
  .oa5-topic__top{font-size:9px;letter-spacing:.11em}
  .oa5-topic__arrow{width:30px;height:30px;font-size:18px}
  .oa5-topic__drawing{height:119px;align-self:center}
  .oa5-topic__drawing img{width:104px;height:119px;max-width:100%;opacity:.8}
  .oa5-topic__body{align-self:center}
  .oa5-topic h3{font-size:25px;letter-spacing:-.052em;line-height:1.08;margin:0 0 9px}
  .oa5-topic p{font-size:11.5px;line-height:1.5}
  .oa5-section-end{margin-top:17px;padding-top:17px}
  .oa5-section-end a{min-height:44px;display:inline-flex;align-items:center}

  /* Methods become a tactile vertical list, not four compressed tall boxes. */
  .oa5-methods{padding:61px 0 65px}
  .oa5-methods__head{margin-bottom:21px}
  .oa5-methods__lead{margin-top:11px}
  .oa5-methods__lead p{max-width:490px}
  .oa5-methods__grid{display:grid;grid-template-columns:1fr;gap:10px}
  .oa5-method{display:grid;grid-template-columns:90px minmax(0,1fr) 17px;grid-template-rows:auto auto auto;gap:2px 12px;align-items:center;min-height:122px;padding:13px 14px 13px 12px;border-radius:16px;background:#F7F8F5;border:1px solid #E4EBE6;box-shadow:none}
  .oa5-method__number{display:none}
  .oa5-method__model{grid-column:1;grid-row:1/4;width:90px;height:90px;margin:0;align-self:center}
  .oa5-method__model picture,.oa5-method__model img{width:90px;height:90px;object-fit:contain}
  .oa5-method__badge{grid-column:2;grid-row:1;justify-self:start;align-self:end;min-height:0;font-size:9px;padding:4px 8px;line-height:1.25}
  .oa5-method strong{grid-column:2;grid-row:2;align-self:center;font-size:20px;line-height:1.15;letter-spacing:-.04em;padding-right:1px}
  .oa5-method small{grid-column:2;grid-row:3;align-self:start;font-size:11px;line-height:1.45;color:#7B8E8A;max-width:210px}
  .oa5-method__bottom{position:absolute;right:12px;top:calc(50% - 10px);width:22px;height:22px;margin:0;padding:0;border:0;display:grid;place-items:center}
  .oa5-method__bottom>span:first-child{display:none}
  .oa5-method__bottom>span:last-child{font-size:19px;color:#4D756A}
  .oa5-methods__note{font-size:11px;line-height:1.6;margin:17px 0 0}

  /* Later sections keep the same V3 palette but avoid oversized empty visual blocks. */
  .oa5-philosophy{padding:68px 0}
  .oa5-philosophy__layout{gap:26px}
  .oa5-philosophy h2{font-size:clamp(39px,9.5vw,50px);line-height:1.09}
  .oa5-philosophy__copy>p{font-size:13.5px;line-height:1.7}
  .oa5-philosophy__steps>div{padding:17px 0}
  .oa5-philosophy__steps strong{font-size:15px}
  .oa5-philosophy__steps small{font-size:11.5px}
  .oa5-evidence{padding:65px 0}
  .oa5-evidence__layout{gap:0}
  .oa5-evidence__visual{display:none}
  .oa5-evidence__copy{min-width:0}
  .oa5-evidence h2{font-size:clamp(37px,9.2vw,49px);line-height:1.09}
  .oa5-evidence__copy>p{font-size:13.5px;line-height:1.7}
  .oa5-journal{padding:64px 0}
  .oa5-journal__head{margin-bottom:23px}
  .oa5-journal__grid{gap:10px}
  .oa5-article{min-height:204px;padding:20px 22px;border-radius:16px}
  .oa5-article h3{font-size:24px;line-height:1.12;margin:18px 20px 9px 0}
  .oa5-article p{font-size:12px;line-height:1.6}
  .oa5-faq{padding:65px 0}
  .oa5-faq h2{font-size:clamp(39px,9.5vw,51px)}
  .oa5-faq__layout{gap:22px}
  .oa5-faq__items summary{padding:18px 0;font-size:13.5px;line-height:1.5;min-height:60px}
  .oa5-faq__items details p{font-size:12.5px;line-height:1.7}
  .oa5-closing{padding:65px 0}
  .oa5-closing h2{font-size:clamp(39px,9.5vw,51px)}
  .oa5-closing__layout{gap:18px}
  .oa5-closing p{font-size:13px;line-height:1.65}
  .site-footer{padding-top:0}
  .footer-grid{gap:26px}
  .footer-bottom{gap:14px}
}
@media(max-width:375px){
  :root{--oa-mobile-gutter:17px}
  .brand-words strong{font-size:13px}
  .menu-toggle{min-width:80px;padding-inline:11px;gap:8px}
  .oa5-hero h1{font-size:clamp(35px,10.1vw,39px)}
  .oa5-hero__actions{gap:9px}
  .oa5-button{min-height:49px;padding:10px 14px;font-size:12px;gap:6px}
  .oa5-text-button{font-size:11px}
  .oa5-topic{grid-template-columns:minmax(0,1fr) 90px}
  .oa5-topic__drawing img{width:88px}
  .oa5-method{grid-template-columns:75px minmax(0,1fr) 12px;gap:2px 10px;padding:12px 11px 12px 9px}
  .oa5-method__model,.oa5-method__model picture,.oa5-method__model img{width:75px;height:75px}
  .oa5-method strong{font-size:18px}
  .oa5-method small{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .oa-mobile-menu-glyph i{transition:none!important}
}
/* Tablet menu: same accessible control; desktop navigation remains unchanged. */
@media (min-width:721px) and (max-width:980px){
  body.oa-mobile-menu-open{overflow:hidden}
  .site-header{position:sticky;top:0;z-index:100}
  .site-header__inner{min-height:75px}
  .menu-toggle{display:flex;align-items:center;gap:12px;border-radius:12px;min-height:44px;padding:0 14px;background:#F8F9F6;color:#293F3E;border:1px solid #DFE7E0}
  .oa-mobile-menu-label{display:inline;font-size:13px;font-weight:780}
  .oa-mobile-menu-glyph{display:grid;gap:5px;width:17px}
  .oa-mobile-menu-glyph i{display:block;height:2px;width:17px;background:currentColor;border-radius:99px;transition:transform .2s}
  .menu-toggle[aria-expanded="true"] .oa-mobile-menu-glyph i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .oa-mobile-menu-glyph i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .main-navigation{display:none;position:fixed;top:75px;left:0;right:0;bottom:0;z-index:105;padding:30px max(36px,calc((100vw - 680px)/2)) 38px;overflow-y:auto;background:#fff;box-shadow:none;overscroll-behavior:contain}
  .main-navigation.is-open{display:flex;flex-direction:column}
  .primary-menu{display:block;width:100%;flex:1}
  .primary-menu>li{border-bottom:1px solid #E5ECE6}
  .primary-menu>li>a{display:flex;align-items:center;justify-content:space-between;min-height:69px;font-size:23px;font-weight:760;letter-spacing:-.03em;padding:18px 0;color:#2F4744}
  .primary-menu>li>a:after{content:'↗';font-weight:400;color:#6D837E}
  .primary-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 12px 12px}
  .oa-mobile-menu-contact{display:flex;justify-content:space-between;align-items:center;background:#4D756A;color:#fff;padding:15px 20px;border-radius:14px;margin-top:25px;font-size:15px;font-weight:740}
}