@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden;
  }

  body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    --mobile-section-x: 36px;
    --mobile-section-y: 72px;
    --mobile-text-measure: min(31ch, calc(100vw - (var(--mobile-section-x) * 2)));
  }

  .home-page {
    --home-text-measure: min(31ch, calc(100vw - 72px));
  }

  .home-page .home-typed-phrase {
    font-size: 12px !important;
  }
  @media (min-width: 381px) and (max-width: 440px) {
    .home-page .home-typed-phrase { font-size: 14px !important; }
  }

  .home-page .hero-name-wrap {
    height: 54% !important;
    bottom: 0 !important;
    align-items: flex-end !important;
    overflow: visible !important;
  }

  .home-page .hero-name-mobile {
    margin-bottom: clamp(22px, 3.6vh, 34px) !important;
  }

  section {
    max-width: 100vw;
  }

  p {
    font-size: 16px !important;
    line-height: 1.72 !important;
    overflow-wrap: anywhere;
  }

  section p[style*="font-family: Inter"],
  section p[style*="font-family:Inter"] {
    width: var(--mobile-text-measure) !important;
    max-width: var(--mobile-text-measure) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-family: Inter, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
  }

  section[data-nav-theme] {
    padding-left: var(--mobile-section-x) !important;
    padding-right: var(--mobile-section-x) !important;
  }

  h1 {
    max-width: calc(100vw - 48px);
  }

  h2 {
    max-width: calc(100vw - 48px);
    font-size: clamp(22px, 7vw, 34px) !important;
    line-height: 1.18 !important;
  }

  h2[style*="rotate(-90deg)"] {
    max-width: none !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
  }

  section > div[style*="width: 16px"][style*="pointer-events: none"],
  .about-split-label,
  .home-who-section .home-who-side-label {
    left: 0 !important;
  }

  h3 {
    max-width: 100%;
    font-size: clamp(16px, 4.8vw, 20px) !important;
    line-height: 1.3 !important;
  }

  .journal-hero-title h1,
  .journal-hero-title {
    font-size: clamp(68px, 21vw, 104px) !important;
    text-align: center !important;
  }

  .journal-grid,
  .who-grid,
  .favorite-cards-row,
  .services-hero,
  [style*="grid-template-columns: 1fr 1.7fr"],
  [style*="grid-template-columns: 1.3fr 1fr"],
  [style*="grid-template-columns: 340px 440px"],
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  section > div[style*="display: flex"][style*="gap: clamp"],
  section > div[style*="display:flex"][style*="gap: clamp"] {
    flex-direction: column !important;
  }

  .journal-grid,
  .who-grid,
  .favorite-cards-row {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    gap: 28px !important;
  }

  .journal-grid .blog-card {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .journal-grid > div,
  .who-grid > div,
  .favorite-cards-row > div {
    min-width: 0 !important;
  }

  .journal-grid [style*="display: flex; flex: 1"],
  .journal-grid [style*="display: flex; flex-direction: column"] {
    width: 100% !important;
  }

  .journal-grid [style*="display: flex; flex: 1"] {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .journal-grid a[style*="width: 30%"] {
    width: 100% !important;
  }

  .strip-track {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    padding: 18px 20px !important;
    gap: 22px 0 !important;
    overflow: visible !important;
    height: auto !important;
  }

  .strip-cat {
    position: relative !important;
    flex: 0 0 33.333% !important;
    font-size: 11px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .strip-cat::after {
    content: "|" !important;
    position: absolute !important;
    right: -1px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: rgba(53, 53, 48, 0.28) !important;
    text-decoration: none !important;
  }

  .strip-cat:nth-of-type(3n)::after {
    content: "" !important;
  }

  .strip-sep {
    display: none !important;
  }

  div:has(> .strip-track) {
    height: auto !important;
    min-height: 112px !important;
  }



  .carousel-viewport {
    flex: 1 1 auto !important;
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .carousel-track {
    max-width: 340px !important;
    gap: 24px !important;
  }

  .carousel-card,
  .product-card {
    width: min(300px, calc(100vw - 72px)) !important;
  }

  .carousel-arrow {
    display: none !important;
  }

  .blog-section .blog-section-label-wrap {
    display: none !important;
  }

  .blog-section .blog-mobile-layout {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 100% !important;
    padding: 0 8px !important;
  }

  .blog-section .blog-mobile-label {
    display: block !important;
    flex: 0 0 min(278px, calc(100vw - 112px)) !important;
    text-align: left !important;
    order: -1 !important;
  }

  .blog-section .home-blog-card-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
  }

  .blog-section .home-blog-read-more {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
  }

  .blog-section .tab-btn {
    height: 94px !important;
  }

  .blog-section .carousel-arrow {
    display: flex !important;
    position: static !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(248, 245, 236, 0.72) !important;
    box-shadow: none !important;
    border: 1px solid oklch(0.25 0 0 / 0.16) !important;
    font-size: 15px !important;
    margin-top: 18px !important;
    z-index: 8 !important;
    transform: none !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .blog-section .carousel-viewport {
    flex: 0 1 min(278px, calc(100vw - 112px)) !important;
    width: min(278px, calc(100vw - 112px)) !important;
    max-width: min(278px, calc(100vw - 112px)) !important;
  }

  .blog-section .carousel-track {
    max-width: min(278px, calc(100vw - 112px)) !important;
    gap: 16px !important;
  }

  .blog-section .carousel-card {
    width: min(278px, calc(100vw - 112px)) !important;
  }

  .carousel-fade {
    display: none !important;
  }

  .product-card h2,
  .product-card p {
    max-width: 100% !important;
  }

  .services-seo-word {
    font-size: clamp(118px, 38vw, 156px) !important;
    line-height: 0.82 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .services-hero [style*="letter-spacing: 0.03em"] {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .why-group {
    flex-direction: column !important;
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    gap: 22px !important;
    text-align: center !important;
  }

  .what-title,
  .why-title,
  .who-title-mobile,
  .who-title-desktop {
    font-size: clamp(92px, 27vw, 132px) !important;
    line-height: 0.78 !important;
  }

  .why-group p:not(.why-title) {
    max-width: 28ch !important;
    text-align: left !important;
  }

  .why-copy {
    align-items: center !important;
    width: var(--home-text-measure, min(100%, 29ch)) !important;
    margin: 0 auto !important;
  }

  .why-copy p {
    text-align: center !important;
  }

  .work-links-stack {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .work-link-sep {
    display: none !important;
  }

  .who-text-block p,
  .about-split-copy-inner p,
  [style*="max-width: 40ch"] {
    max-width: min(31ch, 100%) !important;
  }

  .home-page [style*="max-width: 40ch"] {
    width: var(--home-text-measure) !important;
    max-width: var(--home-text-measure) !important;
  }

  .home-who-section {
    min-height: auto !important;
    padding: 76px var(--mobile-section-x) 88px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home-who-section .home-who-side-label {
    position: absolute !important;
    top: 50% !important;
    width: 16px !important;
    height: clamp(150px, 22vw, 220px) !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

  .home-who-section .home-who-side-label h2 {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    text-align: left !important;
    color: oklch(0.4 0.01 260 / 0.55) !important;
  }

  .home-who-section .who-grid {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    gap: 30px !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .home-who-section .who-photo-frame {
    width: min(100%, 360px) !important;
    aspect-ratio: 4 / 5 !important;
    border: 1px dashed oklch(0.3 0 0 / 0.28) !important;
  }

  .home-who-section .who-title-block-mobile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    text-align: center !important;
  }

  .home-who-section .who-title-mobile {
    display: block !important;
    margin: 0 !important;
    align-self: center !important;
    font-size: clamp(84px, 25vw, 112px) !important;
    line-height: 0.72 !important;
  }

  .home-who-section .who-cta-mobile {
    display: inline-flex !important;
    width: fit-content !important;
    min-width: 150px !important;
    max-width: none !important;
    margin: 30px auto 0 !important;
    padding: 13px 32px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .home-who-section .who-text-col {
    display: flex !important;
    flex-direction: column !important;
    width: var(--home-text-measure) !important;
    max-width: var(--home-text-measure) !important;
    align-items: center !important;
  }

  .home-who-section .who-title-desktop,
  .home-who-section .who-cta-desktop {
    display: none !important;
  }

  .home-who-section .who-text-block {
    gap: 18px !important;
    width: 100% !important;
  }

  .home-who-section .who-text-block p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    text-align: left !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

@media (max-width: 560px) {
  .journal-panel {
    left: 20px !important;
    right: 20px !important;
  }

  .journal-row,
  .journal-subs {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  .journal-row {
    gap: 8px 10px !important;
  }

  .who-grid {
    grid-template-areas:
      "photo"
      "title"
      "text" !important;
  }

  .who-title-block-mobile {
    align-items: center !important;
    text-align: center !important;
  }

  .who-text-col {
    align-items: center !important;
  }

  .who-text-block p {
    text-align: left !important;
  }

  .about-split-copy {
    padding-left: clamp(86px, 23vw, 108px) !important;
    padding-right: 24px !important;
  }

  .about-split-copy-inner {
    max-width: min(292px, calc(100vw - 132px)) !important;
  }

  .services-seo-word {
    font-size: clamp(92px, 34vw, 132px) !important;
  }
}