@media (max-width: 1180px) {
  :root { --header-h: 72px; }
  .desktop-nav { display: none; }
  .menu-toggle { display: inline-grid; }
  .header-cta { display: none; }
  .hero__grid { grid-template-columns: .9fr 1.1fr; gap: 2rem; }
  .hero__visual { min-height: 500px; }
  .hero__image-frame { height: 520px; }
  .pillars-layout, .culture-layout { grid-template-columns: 1fr; }
  .section-intro { max-width: 760px; }
  .pillar-grid { grid-template-columns: repeat(2,1fr); }
  .culture-visual { height: 440px; }
  .culture-points { grid-template-columns: repeat(4,1fr); }
  .culture-points article { display: grid; }
  .recognition-layout, .people-layout, .media-layout { grid-template-columns: 1fr; }
  .people-cards { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 900px) {
  .section { padding-block: var(--space-7); }
  .hero { min-height: auto; padding-top: 2rem; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__copy { padding-bottom: 0; }
  .hero__visual { min-height: 420px; }
  .hero__image-frame { height: 440px; border-radius: var(--radius-xl); }
  .hero__floating-card { left: 1rem; bottom: 1rem; }
  .value-strip { transform: none; margin-top: 1.25rem; grid-template-columns: repeat(2,1fr); }
  .value-item + .value-item { border-left: 0; }
  .value-item:nth-child(even) { border-left: 1px solid var(--line); }
  .value-item:nth-child(n+3) { border-top: 1px solid var(--line); }
  .about-preview { padding-top: var(--space-7); }
  .split-editorial { grid-template-columns: 1fr; }
  .pillars-layout { gap: var(--space-5); }
  .culture-points { grid-template-columns: repeat(2,1fr); }
  .growth-path { grid-template-columns: 1fr; gap: .7rem; max-width: 760px; margin-inline: auto; }
  .growth-path::before { left: 28px; right: auto; top: 28px; bottom: 28px; width: 2px; height: auto; }
  .growth-path li { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; text-align: left; align-items: center; }
  .growth-path__number { margin: 0; }
  .card-scroller { overflow-x: auto; grid-auto-flow: column; grid-auto-columns: minmax(280px, 42vw); grid-template-columns: none; scroll-snap-type: x mandatory; padding-bottom: .5rem; }
  .story-card { scroll-snap-align: start; }
  .people-cards { overflow-x: auto; grid-auto-flow: column; grid-auto-columns: minmax(230px, 34vw); grid-template-columns: none; scroll-snap-type: x mandatory; padding-bottom: .5rem; }
  .person-card { scroll-snap-align: start; }
  .media-gallery { grid-template-columns: repeat(2,1fr); }
  .media-tile--wide { grid-column: span 2; }
  .final-cta__grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.3fr 1fr; }
  .footer-connect { grid-column: 1/-1; }
}

@media (max-width: 640px) {
  :root { --header-h: 66px; }
  .container { width: min(calc(100% - 1.2rem), var(--container)); }
  .site-header { height: var(--header-h); }
  .brand img { width: 138px; }
  .header-actions > .language-switcher, .header-actions > .motion-toggle { display: none; }
  .hero { padding-top: 1.25rem; background: linear-gradient(180deg,#fff,#eef8fb 68%,#fff); }
  .hero__grid { gap: 1.35rem; }
  .hero h1 { max-width: 12ch; font-size: clamp(2.55rem, 10vw, 3.35rem); }
  .hero__lead { font-size: 1rem; }
  .hero__actions { display: grid; }
  .hero__actions .button { width: 100%; }
  .hero__microcopy { display: grid; gap: .45rem; }
  .hero__visual { min-height: 330px; }
  .hero__image-frame { height: 350px; border-radius: var(--radius-lg); }
  .hero__shape { width: 38%; }
  .hero__scribble { font-size: 1rem; right: 3%; bottom: 13%; }
  .hero__floating-card { left: .65rem; bottom: .65rem; padding: .65rem .8rem; }
  .hero__floating-card svg { width: 1.7rem; height: 1.7rem; }
  .value-strip { border-radius: var(--radius-lg); }
  .value-item { padding: .9rem; min-height: 90px; align-items: flex-start; }
  .value-item svg { width: 1.65rem; height: 1.65rem; }
  .value-item strong { font-size: .8rem; }
  .value-item span { display: none; }
  .section { padding-block: var(--space-6); }
  .split-editorial { gap: 1.5rem; }
  .media-card__play { left: .8rem; bottom: .8rem; }
  .pillar-grid { grid-template-columns: 1fr 1fr; gap: .65rem; }
  .feature-card { min-height: 205px; padding: 1rem; }
  .feature-card p { font-size: .82rem; }
  .culture-visual { height: 310px; }
  .culture-points { grid-template-columns: 1fr 1fr; gap: .6rem; }
  .culture-points article { padding: .85rem; }
  .culture-points p { display: none; }
  .growth-path li { grid-template-columns: 52px 1fr; }
  .growth-path__number { width: 52px; height: 52px; }
  .growth-path p { font-size: .82rem; }
  .card-scroller { grid-auto-columns: 84%; }
  .people-cards { grid-auto-columns: 72%; }
  .media-gallery { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .media-tile { min-height: 150px; }
  .media-tile img { min-height: 150px; }
  .brand-quote__inner { min-height: 200px; }
  .brand-quote blockquote { font-size: 1.35rem; }
  .final-cta__actions { display: grid; }
  .final-cta__actions .button { width: 100%; }
  .final-cta__image { min-height: 280px; }
  .final-cta__image img { min-height: 280px; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.8rem; }
  .footer-connect { grid-column: auto; }
  .footer-links nav { grid-template-columns: repeat(2,1fr); }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-legal { flex-wrap: wrap; }
  
  
  .preloader__ring { width: 82vw; }
  .story-dialog { width: calc(100% - 1rem); border-radius: var(--radius-lg); }
}

@media (max-width: 390px) {
  .pillar-grid, .culture-points { grid-template-columns: 1fr; }
  .feature-card { min-height: 180px; }
  .feature-card p { display: none; }
  .media-gallery { grid-template-columns: 1fr; }
  .media-tile--wide { grid-column: auto; }
}
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(2.35rem, 9vw, 3rem); }
  .hero__mobile-visual { position: relative; display: block; height: 245px; margin: .2rem 0 1.2rem; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
  .hero__mobile-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
  .hero__mobile-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 58%, rgba(11,35,76,.66)); }
  .hero__mobile-visual span { position: absolute; z-index: 1; right: 4%; bottom: 13%; max-width: 8ch; color: #fff; font: italic 700 1rem/1.15 cursive; text-align: center; transform: rotate(-6deg); }
  .hero__visual { display: none; }
}
@media (max-width: 640px) {
  .hero__mobile-visual span { right: 10%; max-width: 7ch; font-size: .85rem; }
}

/* Official Asset Lock V3 — mobile intro and reveal refinement */
@media (max-width: 767px) {
  .preloader__content { padding: 1.5rem; }
  .preloader__logo { width: min(300px, 72vw); }
  .preloader__content::before { width: min(430px, 106vw); }
  .preloader__content::after { width: min(360px, 90vw); }
  .preloader__ring { width: min(390px, 96vw); }
  .preloader__tagline { font-size: .68rem; letter-spacing: .11em; text-align: center; }
  .preloader__backdrop::before { background-size: 54px 54px; }
  .preloader__skip { right: .8rem; bottom: max(.8rem, env(safe-area-inset-bottom)); }
  .js .reveal[data-reveal="left"], .js .reveal[data-reveal="right"] { --reveal-x: 0px; --reveal-y: 20px; }
}