@media (max-width: 1100px) {
  :root { --paladi-shell: min(100% - 48px, 1280px); }

  .site-header__inner { grid-template-columns: 120px 1fr auto; gap: 18px; }
  .site-header__nav { gap: 22px; }
  .site-header__language { display: none; }
  .site-header__shop { margin-right: 0; }

  .home-story__grid { grid-template-columns: .9fr 1.1fr; gap: 60px; }
  .character-world { padding: 55px 42px; }
  .character-world__copy h2 { font-size: 52px; }
  .home-product-story__copy { flex-direction: column; }
  .card-mechanic__grid { gap: 60px; }
  .characters-ip-intro__grid { gap: 65px; }
  .character-design__grid { grid-template-columns: .75fr 1fr; gap: 60px; }
  .product-primary { grid-template-columns: 1.15fr .85fr; gap: 55px; }
  .product-gallery__main { min-height: 560px; }
  .shop-products ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-related__grid { grid-template-columns: repeat(3,1fr); }
  .about-press__logos { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 820px) {
  :root {
    --paladi-shell: calc(100vw - 32px);
    --paladi-section: 78px;
  }

  body { font-size: 15px; padding-bottom: 0; }
  .site-header { height: 68px; }
  .site-header__inner {
    grid-template-columns: 40px 1fr auto;
    gap: 12px;
  }
  .site-header__menu-toggle { display: block; grid-column: 1; }
  .site-header__brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    gap: 7px;
    font-size: 14px;
  }
  .site-header__brand img {
    width: 29px;
    height: 38px;
  }
  .site-header__nav,
  .site-header__back,
  .site-header__language,
  .site-header__shop,
  .site-header__account,
  .site-header__actions > [data-search-toggle] { display: none; }
  .site-header--character .site-header__language {
    display: flex;
    margin: 0;
    font-size: 9px;
  }
  .site-header__actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
  .site-header--overlay .site-header__inner {
    width: 100%;
    padding-inline: 15px;
    grid-template-columns: 40px 1fr auto;
  }
  .site-header--character { height: 68px; }
  .site-header--character .site-header__inner { grid-template-columns: 40px 1fr auto; }
  .search-panel { top: 80px; padding-left: 16px; }
  .mobile-commerce-bar { display: grid; }
  body:has(.mobile-commerce-bar) { padding-bottom: 62px; }

  .display-title { font-size: clamp(42px, 12.5vw, 64px); }
  .body-large { font-size: 18px; line-height: 1.6; }
  .paladi-button { width: 100%; min-height: 49px; }

  .reference-hero {
    min-height: 840px;
    height: auto;
  }
  .reference-hero__image { object-position: 58% 50%; }
  .reference-hero__overlay {
    background: linear-gradient(0deg, rgba(8,7,6,.78) 0%, rgba(8,7,6,.32) 65%, rgba(8,7,6,.12));
  }
  .reference-hero__content {
    min-height: 840px;
    justify-content: flex-end;
    padding: 250px 0 85px;
  }
  .reference-hero h1 {
    margin-top: 17px;
    font-size: clamp(51px, 15vw, 72px);
    line-height: .92;
  }
  .reference-hero__body { margin-top: 21px; font-size: 15px; line-height: 1.55; }
  .reference-hero__actions { flex-direction: column; gap: 8px; margin-top: 27px; }
  .reference-hero__index { right: 16px; bottom: 25px; }

  .collection-facts__grid { min-height: auto; grid-template-columns: 1fr; }
  .collection-facts__grid > div {
    min-height: 92px;
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
  }
  .collection-facts__grid > div:last-child { border-bottom: 0; }
  .collection-facts strong { min-width: 105px; font-size: 38px; }
  .collection-facts span { max-width: 210px; }

  .home-story__grid { grid-template-columns: 1fr; gap: 45px; }
  .home-story__copy .display-title { margin-top: 19px; }
  .home-story__copy .body-large { margin-top: 27px; }
  .home-story blockquote { margin-top: 31px; font-size: 16px; }
  .home-story__media { order: -1; }
  .home-story__visual { padding-top: 0; }
  .home-story__visual img { min-height: 0; aspect-ratio: .9; object-fit: cover; }
  .home-story__visual figcaption { font-size: 8px; }

  .character-worlds { grid-template-columns: 1fr; min-height: 0; }
  .character-world {
    min-height: 720px;
    display: block;
    padding: 34px 22px;
  }
  .character-world__copy {
    max-width: 100%;
    padding-bottom: 350px;
  }
  .character-world__copy h2 { font-size: 47px; }
  .character-world__copy > p:last-of-type { font-size: 15px; }
  .character-world__visual {
    position: absolute;
    inset: auto 0 0;
    min-height: 0;
    height: 390px;
  }
  .character-world__visual img {
    right: -8%;
    bottom: 0;
    width: 86%;
    max-width: none;
    max-height: 54%;
  }
  .character-world--xi .character-world__visual img {
    right: -14%;
    bottom: 0;
    width: 93%;
    max-width: none;
  }
  .character-world__visual > span { top: -8%; font-size: 80vw; right: auto; left: 2%; bottom: auto; }

  .home-collection__heading { grid-template-columns: 1fr; gap: 25px; }
  .home-collection__heading h2 { font-size: 54px; }
  .home-product-stories { grid-template-columns: 1fr; margin-top: 46px; }
  .home-product-story__media { aspect-ratio: 1.05; }
  .home-product-story__copy { min-height: auto; flex-direction: row; padding: 18px 2px 17px; }
  .home-product-story__link { padding-inline: 2px; }

  .card-mechanic__grid { grid-template-columns: 1fr; gap: 48px; }
  .card-mechanic__art { min-height: 450px; }
  .card-mechanic__ring { width: 300px; height: 300px; }
  .card-mechanic__card { width: 78px; height: 112px; }
  .card-mechanic__card--one { left: 18px; bottom: 25px; }
  .card-mechanic__card--nine { right: 18px; top: 25px; }

  .home-characters__heading {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 35px;
  }
  .home-character-row {
    min-height: 0;
    grid-template-columns: 38px 1fr 24px;
    gap: 10px 14px;
    padding: 18px 0;
  }
  .home-character-row h3 {
    grid-column: 2;
    font-size: 20px;
  }
  .home-character-row p,
  .home-character-row em {
    grid-column: 2;
    display: block;
  }
  .home-character-row p { font-size: 13px; }
  .home-character-row > svg {
    grid-area: 1 / 3 / span 3;
    align-self: center;
  }

  .home-about__grid { grid-template-columns: 1fr; gap: 42px; }
  .home-about__brand {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
  }
  .home-about__brand img { width: 85px; height: 108px; margin: 0; }
  .home-about__author { grid-template-columns: 1fr; gap: 15px; }
  .home-presence__row { gap: 14px 25px; }

  .home-closing { min-height: 0; grid-template-columns: 1fr; }
  .home-closing__visual { min-height: 420px; }
  .home-closing__visual img { width: 70%; max-height: 390px; }
  .home-closing__copy { padding: 70px 24px; }
  .home-closing__copy h2 { font-size: 54px; }

  .characters-hero { padding: 64px 0 35px; }
  .characters-hero h1 { font-size: 54px; }
  .characters-hero__tabs { margin-top: 42px; }
  .characters-ip-intro__grid { grid-template-columns: 1fr; gap: 42px; }
  .characters-ip-intro__visual { min-height: 520px; }
  .characters-ip-intro__visual img { max-height: 495px; }
  .characters-ip-intro__visual > span { font-size: 340px; }
  .characters-grid-section { padding-top: 0; }
  .characters-grid-section__heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 38px; }
  .characters-grid-section__heading h2 { font-size: 48px; }
  .characters-grid { grid-template-columns: 1fr 1fr; }
  .character-tile__copy { min-height: 104px; padding: 15px 32px 17px 0; }
  .character-tile__copy h3 { font-size: 14px; }
  .character-tile__copy p { font-size: 11px; }
  .characters-commerce-cta__inner { align-items: stretch; flex-direction: column; }
  .characters-commerce-cta h2 { font-size: 44px; }

  .character-detail-hero { min-height: 54svh; height: 54svh; }
  .character-identity__copy { padding-block: 58px 70px; }
  .character-identity h1 { font-size: clamp(58px, 18vw, 96px); }
  .character-identity__tagline { font-size: clamp(24px, 7vw, 34px); }
  .character-identity__number { right: 4vw; bottom: 80px; font-size: clamp(180px, 50vw, 290px); }
  .character-story__grid { grid-template-columns: 1fr; gap: 45px; }
  .character-story aside {
    display: flex;
    align-items: baseline;
    gap: 20px;
    padding-top: 10px;
  }
  .character-story aside span { font-size: 67px; }
  .character-story aside p { max-width: none; margin-top: 0; }
  .character-story article .display-title { font-size: clamp(43px, 13vw, 65px); }
  .character-story__intro { font-size: 19px; }
  .character-story__paragraphs { grid-template-columns: 1fr; gap: 22px; }
  .character-design__grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .character-design__mark { min-height: 380px; }
  .character-design__mark img { max-height: 355px; }
  .character-navigation__links {
    grid-template-columns: 1fr 1fr;
  }
  .character-navigation__all {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 62px !important;
    border: 0;
    border-bottom: 1px solid var(--paladi-line);
  }
  .character-navigation__links > a:first-child,
  .character-navigation__next {
    min-height: 100px;
    padding: 18px 10px 18px 0;
  }
  .character-navigation__next { padding-left: 10px; }
  .character-navigation__links strong { font-size: 17px; }

  .about-hero { min-height: 100svh; }
  .about-hero__copy { min-height: 100svh; padding-bottom: 55px; }
  .about-hero > img { object-position: 62% 50%; }
  .about-hero h1 { font-size: 54px; }
  .about-story__grid { grid-template-columns: 1fr; gap: 35px; }
  .about-story__body { padding-top: 0; }
  .about-founder { grid-template-columns: 1fr; padding-block: 28px; }
  .about-founder__visual { padding: 0 20px; }
  .about-founder__visual img { width: 70%; }
  .about-founder__copy { padding: 37px 20px 0; }
  .about-founder__copy h2 { font-size: 54px; }
  .about-process__grid { grid-template-columns: 1fr 1fr; }
  .about-process__grid article { min-height: 245px; }
  .about-process__grid h3 { margin-top: 22px; }
  .about-press__heading { align-items: flex-start; flex-direction: column; }
  .about-press__logos { grid-template-columns: repeat(2,1fr); }
  .about-final-cta { grid-template-columns: 1fr; min-height: 0; }
  .about-final-cta__visual { min-height: 410px; }
  .about-final-cta__visual img { max-height: 390px; }
  .about-final-cta__copy { padding: 58px 20px 68px; }
  .about-final-cta__copy h2 { font-size: 54px; }

  .shop-hero { padding: 41px 0 20px; }
  .shop-hero h1 { font-size: 62px; }
  .shop-toolbar {
    display: block;
    min-height: 0;
    padding-top: 0;
    border-bottom: 0;
  }
  .shop-filters { gap: 18px; width: 100%; }
  .shop-filters a { padding-block: 8px 7px; font-size: 10px; letter-spacing: .07em; }
  .shop-ordering { padding: 7px 0 9px; text-align: right; }
  .shop-ordering select { min-width: 150px; height: 34px; border-bottom: 0; }
  .paladi-select { min-width: 150px; }
  .paladi-select__trigger { height: 34px; }
  .shop-products { padding-top: 35px; }
  .shop-products ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 12px; }
  .paladi-product-card__title { min-height: 50px; font-size: 13px; }
  .paladi-product-card__price { font-size: 14px; }

  .product-breadcrumbs { min-height: 52px; overflow-x: auto; white-space: nowrap; }
  .product-primary { grid-template-columns: 1fr; gap: 40px; padding-block: 28px 75px; }
  .product-gallery { grid-template-columns: 1fr; gap: 10px; }
  .product-gallery__main {
    grid-column: 1;
    min-height: 0;
    aspect-ratio: 1;
  }
  .product-gallery__thumbs {
    grid-column: 1;
    grid-row: auto;
    flex-direction: row;
    overflow-x: auto;
  }
  .product-gallery__thumbs button { flex: 0 0 62px; width: 62px; height: 62px; }
  .product-summary { position: static; }
  .product-summary h1 { font-size: 45px; }
  .product-summary__buy form.cart { grid-template-columns: 126px 1fr; }
  .product-editorial__grid { grid-template-columns: 1fr; gap: 25px; }
  .product-editorial { padding: 30px 0; }
  .product-related.section-space { padding-block: 30px; }
  .product-related__grid { grid-template-columns: repeat(2,1fr); gap: 28px 12px; }

  .footer-community { padding: 58px 0; }
  .footer-community__grid { grid-template-columns: 1fr; gap: 48px; }
  .footer-main__grid { grid-template-columns: 1fr 1fr; gap: 42px 25px; }
  .footer-reference__grid { grid-template-columns: 1fr 1fr; gap: 38px 26px; }
  .footer-reference__grid .footer-brand { grid-column: 1 / -1; }
  .footer-reference__legal { margin-top: 48px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-company { grid-template-columns: 1fr; gap: 17px; margin-top: 55px; }
  .footer-legal { grid-template-columns: 1fr; gap: 10px; padding-bottom: 20px; }

  .woocommerce-cart .cart_totals { width: 100% !important; float: none !important; }
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2 { width: 100% !important; float: none !important; }
  .woocommerce .col2-set .col-2 { margin-top: 35px; }
}

@media (max-width: 480px) {
  :root { --paladi-shell: calc(100vw - 28px); }
  .micro-label { font-size: 10px; }

  .reference-hero__content { padding-top: 230px; }
  .reference-hero h1 { font-size: clamp(56px, 15.4vw, 66px); }
  .reference-hero__body { max-width: 340px; }

  .card-mechanic__art { min-height: 390px; }
  .card-mechanic__ring { width: 260px; height: 260px; }
  .card-mechanic__ring span { font-size: 76px; }

  .characters-grid { gap: 1px; }
  .character-tile__media { aspect-ratio: 1 / 1.18; }
  .character-tile__media img { width: 96%; }
  .character-tile__media > span { left: 10px; top: 10px; }
  .character-tile__media em { right: 8px; top: 8px; padding: 5px 6px; font-size: 6px; }

  .character-detail-hero { min-height: 54svh; height: 54svh; }
  .character-identity h1 { font-size: 56px; }
  .character-identity__meta { gap: 8px 14px; }
  .character-identity__meta span { font-size: 8px; }
  .character-story article .display-title { font-size: 43px; }
  .character-story blockquote { font-size: 24px; }

  .about-process__grid { grid-template-columns: 1fr; }
  .about-process__grid article { min-height: 220px; }

  .shop-products ul.products { gap: 32px 10px; }
  .paladi-product-card__meta { font-size: 10px; }
  .paladi-product-card__title { font-size: 14px; }

  .product-summary h1 { font-size: 41px; }
  .product-summary__buy form.cart { grid-template-columns: 116px 1fr; }
  .paladi-qty-btn { flex-basis: 34px; }
  .footer-main__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 18px; }
  .footer-main__grid > .footer-brand,
  .footer-main__grid > .footer-column:nth-child(2) { grid-column: 1 / -1; }
  .footer-main__grid > .footer-column { min-width: 0; overflow-wrap: anywhere; }
  .footer-reference__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .footer-reference__grid > .footer-brand,
  .footer-reference__grid > .footer-column:nth-child(2),
  .footer-reference__grid > .footer-column:last-child { grid-column: 1 / -1; }
  .footer-reference__grid > .footer-column { min-width: 0; overflow-wrap: anywhere; }
  .footer-reference__legal { align-items: flex-start; flex-direction: column; gap: 7px; }
}

/* 2026-09-19 mobile homepage compactness pass */
@media (max-width: 820px) {
  /* Compact the red facts band: three equal tiles instead of three tall rows. */
  .collection-facts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
  }
  .collection-facts__grid > div {
    min-height: 112px;
    padding: 16px 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
    border-right: 1px solid rgba(255,255,255,.2);
    border-bottom: 0;
  }
  .collection-facts__grid > div:last-child { border-right: 0; }
  .collection-facts strong {
    min-width: 0;
    font-size: 31px;
    line-height: .95;
  }
  .collection-facts span {
    max-width: none;
    font-size: 10px;
    line-height: 1.45;
    letter-spacing: .045em;
  }

  /* Keep the giant M / X fully inside the mobile panels and reduce dead vertical space. */
  .character-world {
    min-height: 610px;
    padding: 31px 20px;
  }
  .character-world__copy {
    max-width: 100%;
    padding-bottom: 295px;
  }
  .character-world__copy h2 {
    margin-top: 15px;
    font-size: clamp(40px, 11.2vw, 47px);
    line-height: .97;
  }
  .character-world__copy > p:last-of-type {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.62;
  }
  .character-world__visual {
    height: 345px;
  }
  .character-world__visual > span {
    top: auto;
    right: auto;
    bottom: 16px;
    left: 16px;
    font-size: 64vw;
    line-height: 1;
    letter-spacing: -.08em;
  }
  .character-world__visual img {
    right: -3%;
    bottom: 0;
    width: 72%;
    max-height: 325px;
  }
  .character-world--xi .character-world__visual img {
    right: -7%;
    bottom: 0;
    width: 79%;
    max-height: 340px;
  }
  .character-world--mo .character-world__copy { padding-bottom: 350px; }
  .character-world--mo .character-world__visual { inset: 0; height: 100%; }
  .character-world--mo .character-world__visual > span {
    top: 0;
    bottom: auto;
    left: 4%;
    color: rgba(255,255,255,.38);
    font-size: 82vw;
  }
  .character-world--mo .character-world__visual img {
    right: -3%;
    width: 82%;
    max-height: 370px;
  }

  /* Two products per row on mobile; keep all three cards the same visual size. */
  .home-collection.section-space {
    padding-block: 66px;
  }
  .home-collection__heading {
    gap: 18px;
  }
  .home-collection__heading h2 {
    font-size: clamp(43px, 12vw, 52px);
  }
  .home-collection__heading > p {
    font-size: 15px;
    line-height: 1.62;
  }
  .home-product-stories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 34px;
  }
  .home-product-story:nth-child(3):last-child {
    grid-column: auto;
    width: auto;
    justify-self: stretch;
  }
  .home-product-story__media {
    aspect-ratio: 1 / .96;
  }
  .home-product-story__media > span {
    top: 10px;
    left: 10px;
    font-size: 9px;
  }
  .home-product-story__media img {
    width: 90%;
    height: 90%;
  }
  .home-product-story__copy {
    min-height: 112px;
    display: block;
    padding: 14px 12px 12px;
  }
  .home-product-story__copy h3 {
    font-size: 20px;
    line-height: 1.14;
  }
  .home-product-story__copy p {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,.74);
  }
  .home-product-story__copy strong {
    display: block;
    margin-top: 11px;
    font-size: 14px;
    line-height: 1.4;
  }
  .home-product-story__link {
    min-height: 46px;
    padding-inline: 10px;
    font-size: 10px;
    letter-spacing: .025em;
  }
  .home-product-story__link svg {
    width: 11px;
    flex: 0 0 11px;
  }

  /* Make the 9-person story directory denser, higher contrast and easier to scan. */
  .home-characters.section-space {
    padding-block: 60px;
  }
  .home-characters > .paladi-shell > .micro-label {
    margin-bottom: 12px;
  }
  .home-characters__heading {
    gap: 10px;
    margin-top: 0;
    padding-bottom: 27px;
  }
  .home-characters__heading .display-title {
    max-width: 330px;
    font-size: clamp(42px, 11.6vw, 49px);
    line-height: .93;
  }
  .home-volumes {
    justify-content: flex-start;
    padding: 0;
  }
  .home-volumes__chip,
  .home-volumes__more {
    min-height: 32px;
    padding: 0 13px;
    font-size: 10px;
  }
  .home-character-list {
    border-top-color: rgba(17,16,14,.26);
  }
  .home-character-row {
    min-height: 0;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    gap: 4px 12px;
    padding: 13px 0 14px;
    border-bottom-color: rgba(17,16,14,.24);
  }
  .home-character-row__index {
    grid-row: 1 / span 2;
    align-self: start;
    padding-top: 5px;
    font-size: 9px;
  }
  .home-character-row h3 {
    grid-column: 2;
    font-size: 21px;
    line-height: 1.08;
  }
  .home-character-row p,
  .home-character-row em {
    grid-column: 2;
  }
  .home-character-row p {
    margin-top: 2px;
    color: #5b5147;
    font-size: 14px;
    line-height: 1.42;
  }
  .home-character-row em {
    margin-top: 3px;
    font-size: 8px;
  }
  .home-character-row > svg {
    grid-area: 1 / 3 / span 2;
    width: 14px;
    align-self: center;
  }
  .home-character-row:hover > *,
  .home-character-row:hover > svg { transform: none; }
}

@media (max-width: 380px) {
  .collection-facts__grid > div {
    min-height: 106px;
    padding-inline: 8px;
  }
  .collection-facts strong { font-size: 28px; }
  .collection-facts span { font-size: 10px; }

  .character-world {
    min-height: 590px;
    padding-inline: 18px;
  }
  .character-world__copy {
    padding-bottom: 235px;
  }
  .character-world__visual > span {
    left: 12px;
    font-size: 68vw;
  }

  .home-product-story__copy h3 { font-size: 19px; }
  .home-product-story__link { font-size: 9px; }

  .home-characters__heading .display-title {
    font-size: 40px;
  }
}

/* 2026-09-19 mobile story reference-match pass */
@media (max-width: 820px) {
  .home-story.section-space {
    padding-top: 37px;
    padding-bottom: 38px;
  }
  .home-story__grid {
    gap: 56px;
  }
  .home-story__visual figcaption {
    margin-top: 16px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .09em;
  }
  .home-story__visual figcaption span:last-child {
    color: #82796f;
  }
  .home-story__copy {
    width: 84%;
    max-width: 470px;
  }
  .home-story__copy > .micro-label {
    color: var(--paladi-red);
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: .18em;
  }
  .home-story__copy .display-title {
    max-width: 100%;
    margin-top: 34px;
    font-size: clamp(38px, 10vw, 44px);
    line-height: .92;
    letter-spacing: -.047em;
  }
  .home-story__copy .body-large {
    margin-top: 31px;
  }
}

@media (max-width: 420px) {
  .home-story__copy {
    width: 86%;
  }
  .home-story__copy .display-title {
    font-size: clamp(36px, 10vw, 42px);
  }
}

@media (max-width: 360px) {
  .home-story__copy {
    width: 90%;
  }
  .home-story__copy .display-title {
    font-size: 36px;
  }
}
/* Match #cau-chuyen top spacing on mobile */
@media (max-width: 820px) {
  .home-collection.section-space,
  .card-mechanic.section-space,
  .home-characters.section-space,
  .home-about.section-space,
  .about-story.section-space,
  .about-process.section-space,
  .about-press.section-space { padding-top: 37px; }
}

/* Mobile: story CTA at section end, compact; hero centred, text 30% smaller */
@media (max-width: 820px) {
  .home-story__media .home-story__more { display: none; }
  .home-story__copy .home-story__more--mobile {
    display: inline-flex;
    width: auto;
    min-height: 40px;
    margin-top: 26px;
    padding-inline: 18px;
  }
  .reference-hero__image,
  .reference-hero__image--collection,
  .reference-hero__image--studio { object-position: 50% 50%; }
  .reference-hero .micro-label { font-size: 8px; }
  .reference-hero h1 { margin-top: 12px; font-size: clamp(36px, 10.5vw, 50px); }
  .reference-hero__body { margin-top: 15px; font-size: 12px; max-width: 280px; }
  .reference-hero__actions { flex-direction: row; flex-wrap: wrap; gap: 8px; margin-top: 19px; }
  .reference-hero__actions .paladi-button {
    width: auto;
    min-width: 0 !important;
    min-height: 38px;
    padding-inline: 14px;
    gap: 8px;
    font-size: 9px;
    letter-spacing: .08em;
  }
  .reference-hero__actions .paladi-button svg { width: 12px; flex-basis: 12px; }
}
@media (max-width: 480px) {
  .reference-hero h1 { font-size: clamp(39px, 10.8vw, 46px); }
}

/* MO / XI panels: character image centred, giant M / X pinned to the top edge */
@media (max-width: 820px) {
  .character-world .character-world__visual img,
  .character-world--mo .character-world__visual img,
  .character-world--xi .character-world__visual img {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.character-world .character-world__visual > span,
.character-world--mo .character-world__visual > span {
  top: -.08em;
  bottom: auto;
  line-height: .78;
}
@media (max-width: 820px) {
  .character-world .character-world__visual { inset: 0; height: 100%; }
  .character-world .character-world__visual > span,
  .character-world--mo .character-world__visual > span { left: 4%; font-size: 82vw; }
}
@media (max-width: 820px) {
  .home-about__grid { gap: 18px; }
  .home-about__brand { flex-direction: column; align-items: flex-start; gap: 34px; }
  .home-about__brand img { align-self: center; }
}

/* Mobile closing: MO box sits inside the dark panel, beside the copy */
@media (max-width: 820px) {
  .home-closing {
    position: relative;
    overflow: hidden;
    min-height: 0;
    background: radial-gradient(120% 70% at 85% 80%, #4a3524 0%, #2b2119 55%);
  }
  .home-closing__visual {
    position: absolute;
    right: -8%;
    top: 50%;
    bottom: auto;
    z-index: 1;
    width: 52%;
    transform: translateY(-50%);
    min-height: 0;
    background: transparent;
    overflow: visible;
  }
  .home-closing__visual img {
    width: 100%;
    max-height: 250px;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,.45));
    transform: rotate(-6deg);
  }
  .home-closing__copy {
    position: relative;
    z-index: 2;
    max-width: 64%;
    padding: 44px 0 46px 22px;
  }
  .home-closing__copy h2 { font-size: clamp(38px, 10.5vw, 48px); }
  .home-closing__copy > p:last-of-type { font-size: 14px; }
  .home-closing__copy .paladi-button { width: auto; align-self: flex-start; gap: 14px; min-height: 40px; padding-inline: 16px; font-size: 9px; }
}
@media (max-width: 820px) {
  .home-about__copy .paladi-button--brand { width: auto; min-height: 40px; padding-inline: 18px; }
}

/* About process steps: compact numbered list on mobile */
@media (max-width: 820px) {
  .about-process__grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 32px;
    background: transparent;
    border-top: 1px solid var(--paladi-line);
  }
  .about-process__grid article {
    display: grid;
    grid-template-columns: 34px 1fr;
    column-gap: 14px;
    min-height: 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--paladi-line);
    background: transparent;
  }
  .about-process__grid span {
    grid-row: 1 / span 2;
    padding-top: 3px;
    color: var(--paladi-red);
    font-size: 11px;
  }
  .about-process__grid h3 { margin-top: 0; font-size: 15px; line-height: 1.3; }
  .about-process__grid p { margin-top: 6px; font-size: 13.5px; line-height: 1.6; }
}

/* About page mobile: swipeable press strip + tighter section rhythm */
@media (max-width: 820px) {
  .about-press__logos {
    display: flex;
    gap: 10px;
    margin: 26px calc(50% - 50vw) 0;
    padding: 0 16px 4px;
    overflow-x: auto;
    scrollbar-width: none;
    background: transparent;
    -webkit-overflow-scrolling: touch;
  }
  .about-press__logos::-webkit-scrollbar { display: none; }
  .about-press__logos img {
    flex: 0 0 38%;
    height: 92px;
    padding: 18px;
    border: 1px solid var(--paladi-line);
    border-radius: 12px;
  }

  .about-story.section-space,
  .about-process.section-space,
  .about-press.section-space { padding-top: 34px; padding-bottom: 40px; }
  .about-story__grid { gap: 22px; }
  .about-story__body > p + p { margin-top: 18px; }
  .about-process .display-title,
  .about-story .display-title { margin-top: 16px; }
  .about-press__heading { gap: 12px; }
  .about-hero__copy { padding-bottom: 40px; }
}

/* About closing on mobile: same treatment as the home closing panel */
@media (max-width: 820px) {
  .about-final-cta {
    position: relative;
    overflow: hidden;
    min-height: 0;
    grid-template-columns: 1fr;
    background: radial-gradient(120% 70% at 85% 80%, #4a3524 0%, #2b2119 55%);
  }
  .about-final-cta__visual {
    position: absolute;
    right: -8%;
    top: 50%;
    z-index: 1;
    width: 52%;
    min-height: 0;
    background: transparent;
    transform: translateY(-50%);
  }
  .about-final-cta__visual img {
    width: 100%;
    max-width: none;
    max-height: 250px;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,.45));
    transform: rotate(-6deg);
  }
  .about-final-cta__copy {
    position: relative;
    z-index: 2;
    max-width: 64%;
    padding: 44px 0 46px 22px;
  }
  .about-final-cta__copy h2 { font-size: clamp(38px, 10.5vw, 48px); }
  .about-final-cta__copy .paladi-button { width: auto; align-self: flex-start; gap: 14px; min-height: 40px; padding-inline: 16px; font-size: 9px; }
}

/* Character detail: hero number cropped like desktop; tighter prev/next */
.character-navigation.section-space { padding-block: calc(var(--paladi-section) / 2); }
.character-navigation__links > a { min-height: 61px; padding-block: 11px; }
@media (max-width: 820px) {
  .character-identity .character-identity__number { bottom: 0; transform: translateY(19%); }
  .character-navigation.section-space { padding-block: 39px; }
  .character-navigation__links > a:first-child,
  .character-navigation__links > .character-navigation__next { min-height: 50px; padding-top: 9px; padding-bottom: 9px; }
  .character-navigation__all { min-height: 40px !important; }
}
@media (min-width: 821px) {
  .character-worlds { min-height: 0; }
  .character-world { padding: calc(var(--paladi-section) / 2) clamp(32px, 3.6vw, 56px); }
  .character-world__visual img { max-height: 82%; }
}
@media (min-width: 821px) {
  .home-about__brand img { width: 260px; height: 330px; }
  .home-about__brand .micro-label { color: #a02a23; }
}