:root { --section-y: 7rem; --wrap-pad: 3rem; }

  .hero { min-height: 92svh; }

  .split { grid-template-columns: 1.05fr .95fr; gap: 3.5rem; }
  .split--rev > figure { order: 2; }

  .insta-demo { grid-template-columns: repeat(4, 1fr); gap: 2px; }

  .info-list dl { grid-template-columns: 8.5em 1fr; gap: 1rem; }

  .gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 4px; }

  .drawer-inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  .drawer-menu { padding-top: 0; }

  .drawer-brand-col { display: flex; justify-content: center; }
  .drawer-brand {
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 0;
    font-family: var(--font-jp-head);
    font-size: 1.15rem;
    letter-spacing: .26em;
    line-height: 1.7;
    color: #fff;
  }

.site-header--overlay .head-nav { display: flex; }

.site-header--overlay .logo { display: inline-flex; }
.site-header--overlay .logo .logo-img { height: 44px; width: auto; }

.site-header--overlay .header-fix .btn { display: inline-flex; }
.header-fix { align-items: center; }

.hero-brand img { height: 300px; width: auto; }