/* ============================
   TABLET — 768–1024px
   enazemi-studio / minimal
============================ */
@media (min-width: 768px) and (max-width: 1024px) {

  /* HEADER */
  .site-header {
    height: 72px;
    padding: 0 var(--space-4);
    backdrop-filter: blur(12px);
    background: rgba(0,0,0,0.35);
  }

  .logo img {
    height: 24px;
  }

  /* HOME — HERO */
  .hero {
    padding-top: 88px;
  }

  .hero-inner {
    grid-template-columns: 1.1fr 0.9fr;
    max-width: 1200px;
  }

  .hero-left h1 {
    font-size: 3.2rem;
    line-height: 1;
  }

  .hero-left .subtitle {
    font-size: 1rem;
    max-width: 380px;
  }

  .hero-image {
    width: 55%;
    height: 100vh;
    transform: rotateY(-4deg) scale(1.03);
  }

  /* PROJECTS PAGE */
  .projects-page {
    padding: var(--space-6) 8%;
  }

  .projects-header {
    align-items: flex-end;
  }

  .projects-title {
    font-size: 36px;
  }

  .projects-categories {
    gap: var(--space-3);
  }

  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  /* SINGLE PROJECT */
  .single-project-fullscreen {
    grid-template-columns: 55% 45%;
    padding-top: var(--space-5);
  }

  .project-left {
    max-height: 70vh;
  }

  .project-image-wrapper {
    max-height: 70vh;
  }

  .project-right {
    padding: var(--space-4) var(--space-4);
  }

  .project-heading {
    font-size: 20px;
  }

  /* METHOD */
  .method-hero {
    padding: 96px 10% 72px;
  }

  .method-title {
    font-size: 34px;
  }

  .method-process {
    padding: 80px 10%;
  }

  .process-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .process-item {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  /* PRINCIPLES */
  .principles-hero {
    padding: 96px 10% 72px;
  }

  .principles-title {
    font-size: 34px;
  }

  .principles-list {
    padding: 80px 10%;
  }

  .principle-row {
    gap: 24px;
  }

  /* COMMISSIONS */
  .commissions-hero {
    padding-top: 96px;
    min-height: 65vh;
    padding-left: 8%;
    padding-right: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .commissions-title {
    font-size: 40px;
    margin-bottom: 16px;
  }

  .commissions-subtitle {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .commissions-text {
    font-size: 16px;
    line-height: 1.7;
    max-width: 80%;
  }

  .commissions-areas {
    padding: 80px 8%;
  }

  .areas-title-left {
    font-size: 26px;
    margin-bottom: 32px;
  }

  .areas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .area-icon {
    width: 48px;
    height: 48px;
  }

  .area-label {
    font-size: 15px;
  }

  .commissions-inquiry {
    padding: 80px 8%;
  }

  .inquiry-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
  }

  .inquiry-image img {
    border-radius: 6px;
  }

  .areas-title-inquiry {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .inquiry-list li,
  .commissions-text {
    font-size: 16px;
    line-height: 1.7;
  }

  .commissions-footer {
    padding: 80px 8%;
  }

  .footer-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {

  :root {
    --type-h1: 3.2rem;
    --type-h2: 2.2rem;
    --type-h3: 1.5rem;
    --type-h4: 1.2rem;
    --type-h5: 1rem;

    --type-body: 15px;
  }
}