.noreah-about { position: relative; isolation: isolate; padding-top: 70px; background: #fdfbfb; color: #393534; letter-spacing: 0; }
.noreah-about::before { content: ""; position: absolute; z-index: -1; inset: 70px 0 0; pointer-events: none; background: linear-gradient(90deg, #fdfbfb 0%, rgba(253,251,251,.98) 32%, rgba(253,251,251,.88) 50%, rgba(253,251,251,.24) 78%, rgba(253,251,251,.18) 100%), linear-gradient(0deg, rgba(253,251,251,.65), transparent 30%), url("../images/home/noreah-editorial-desk.png") center / cover no-repeat; }
.noreah-about * { letter-spacing: 0; }
.about-layout { max-width: 1120px; margin: 0 auto; padding: 56px 32px 64px; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.about-kicker { margin: 0 0 18px; color: #a36c80; font-family: var(--serif); font-size: 15px; }
.about-story h1 { margin: 0 0 28px; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-weight: 500; font-size: 30px; line-height: 1.6; }
.about-content { font-size: 15px; line-height: 2; color: #6b6265; overflow-wrap: anywhere; }
.about-content p { margin: 0 0 22px; }
.about-content strong { font-weight: 600; color: #55454b; }
.about-contact { display: inline-flex; align-items: center; gap: 24px; padding: 12px 20px; border: 1px solid #ba95a2; color: #73535f; font-size: 14px; text-decoration: none; }
.about-contact:hover, .about-contact:focus-visible { background: #f0e2e7; }
.about-visual { padding-top: 0; min-width: 0; min-height: 0; order: 0; align-self: end; overflow: visible; }
.about-cats { display: block; width: 100%; height: auto; margin: 0; filter: drop-shadow(0 6px 10px rgba(84,65,57,.06)); }
@media (max-width: 760px) {
  body:has(.noreah-about) .site-header { display: flex; align-items: center; gap: 16px; }
  body:has(.noreah-about) .site-header .brand { margin-right: auto; }
  body:has(.noreah-about) .header-actions { margin: 0; }
  body:has(.noreah-about) .header-copy,
  body:has(.noreah-about) .header-cta { display: none; }
  .about-layout { padding: 32px 24px 40px; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .about-story h1 { font-size: 25px; margin-bottom: 22px; }
  .noreah-about::before { background: linear-gradient(90deg, rgba(253,251,251,.96), rgba(253,251,251,.88)), url("../images/home/noreah-editorial-desk.png") center / cover no-repeat; }
  .about-visual { width: min(100%, 300px); margin: 0 auto; }
}

.about-profile{padding:25px 28px;margin:0 0 30px;border:1px solid #e7dce0;border-radius:16px;background:linear-gradient(120deg,#f7ecef,#fffdfb)}
.about-content .about-profile-name{font:400 27px/1.6 var(--serif);color:#55454b;margin:0 0 4px;letter-spacing:.1em}
.about-content .about-profile-role{font-size:12px;letter-spacing:.07em;color:#9b7586;margin:0 0 20px}
.about-profile-details{margin:0;font-size:13px;line-height:1.9}
.about-profile-details>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;margin-top:10px}
.about-profile-details dt{color:#a17c8b}
.about-profile-details dd{margin:0}
@media(max-width:600px){.about-profile{padding:22px}.about-content .about-profile-name{font-size:25px}.about-profile-details>div{grid-template-columns:48px minmax(0,1fr);gap:12px}}