/* /ueber-mich/ only. Existing site styles outside .yh-about-page remain untouched. */
.yh-about-page{background:#080807;overflow:hidden}

.yh-about-banner{width:min(1120px,100%);aspect-ratio:1120/290;margin:0 auto;padding:0;background:#050505;overflow:hidden}
.yh-about-banner img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}

/* Semantic replacement for the homepage-banner H1; visual values match the homepage exactly. */
.yh-about-home-banner-title{margin:0 0 2px;font-family:Georgia,serif;font-size:clamp(48px,4vw,67px);line-height:1.02;color:var(--gold2);font-weight:500}

.yh-about-content{--about-line:rgba(239,196,107,.22);width:min(1320px,calc(100% - 76px));margin:0 auto;padding:28px 0 70px}
.yh-about-kicker{margin:0 0 12px;color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:.30em;text-transform:uppercase}
.yh-about-content h2{margin:0;font-family:Georgia,serif;color:#f6f2e9;font-size:clamp(31px,3.5vw,50px);font-weight:500;line-height:1.04;letter-spacing:.015em}

.yh-about-profile{position:relative;display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:clamp(42px,6vw,92px);align-items:center;padding:54px clamp(28px,4.5vw,66px);border:1px solid rgba(255,255,255,.10);border-radius:18px;background:radial-gradient(circle at 15% 15%,rgba(239,196,107,.095),transparent 34%),radial-gradient(circle at 88% 12%,rgba(22,191,255,.045),transparent 28%),linear-gradient(145deg,rgba(25,24,21,.97),rgba(9,9,8,.99));box-shadow:0 30px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035);isolation:isolate}
.yh-about-profile:before{content:"";position:absolute;inset:16px;border:1px solid rgba(239,196,107,.08);border-radius:13px;pointer-events:none;z-index:-1}
.yh-about-profile-visual{perspective:1200px;display:flex;justify-content:center}
.yh-about-profile-frame{position:relative;width:min(100%,390px);aspect-ratio:4/5;padding:9px;border:1px solid rgba(239,196,107,.45);border-radius:18px;background:linear-gradient(145deg,rgba(239,196,107,.15),rgba(255,255,255,.025) 45%,rgba(0,0,0,.28));box-shadow:0 28px 64px rgba(0,0,0,.52),-18px 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);transform:rotateY(2.5deg) rotateX(.6deg);transform-origin:center}
.yh-about-profile-frame:after{content:"";position:absolute;inset:9px;border-radius:11px;box-shadow:inset 0 0 58px rgba(0,0,0,.28);pointer-events:none}
.yh-about-profile-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:11px;background:#0a0a09}
.yh-about-profile-copy h1{margin:0;color:var(--gold2);font-family:Georgia,serif;font-size:clamp(52px,6.2vw,92px);font-weight:500;line-height:.96;letter-spacing:.012em;text-shadow:0 12px 34px rgba(0,0,0,.38)}
.yh-about-role{margin:12px 0 0;color:#f1ede5;font-size:clamp(18px,2vw,26px);font-weight:500;letter-spacing:.045em}
.yh-about-divider{width:140px;height:1px;margin:28px 0;background:linear-gradient(90deg,var(--gold2),transparent)}
.yh-about-profile-copy h2{font-size:clamp(25px,2.3vw,36px);color:#f0e6d4}
.yh-about-prose{margin-top:18px;max-width:760px}
.yh-about-prose p{margin:0;color:#d5d0c7;font-size:16.5px;line-height:1.78}
.yh-about-prose p+p{margin-top:13px}

.yh-about-quote{position:relative;margin:62px auto 66px;padding:36px clamp(24px,6vw,90px);max-width:1080px;text-align:center;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);background:radial-gradient(circle at center,rgba(239,196,107,.055),transparent 68%)}
.yh-about-quote:before{content:"“";position:absolute;left:50%;top:-31px;transform:translateX(-50%);color:rgba(239,196,107,.34);font-family:Georgia,serif;font-size:78px;line-height:1;background:#080807;padding:0 18px}
.yh-about-quote p{margin:0;color:#f2e8d7;font-family:Georgia,serif;font-size:clamp(26px,3.2vw,43px);font-weight:400;line-height:1.35;letter-spacing:.012em}

.yh-about-section{padding:48px clamp(26px,4vw,56px);border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(150deg,rgba(20,20,18,.96),rgba(10,10,9,.985));box-shadow:0 22px 60px rgba(0,0,0,.32)}
.yh-about-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,60px);margin-top:28px}
.yh-about-story-grid p{margin:0;color:#d6d1c8;font-size:17px;line-height:1.85}
.yh-about-story-grid p:first-child{color:#eee7dc;font-family:Georgia,serif;font-size:clamp(19px,1.65vw,24px);line-height:1.68}

.yh-about-identity{display:grid;grid-template-columns:4px minmax(0,1fr);gap:28px;margin:22px 0 0;padding:42px clamp(24px,4vw,52px);border-radius:14px;background:linear-gradient(90deg,rgba(239,196,107,.055),rgba(255,255,255,.016));border:1px solid rgba(239,196,107,.12)}
.yh-about-identity-line{width:2px;height:100%;min-height:120px;background:linear-gradient(180deg,transparent,var(--gold2),transparent);box-shadow:0 0 18px rgba(239,196,107,.16)}
.yh-about-identity h2{font-size:clamp(25px,2.7vw,39px);color:var(--gold2)}
.yh-about-identity-lead{margin:18px 0 8px!important;color:#f2e8d7!important;font-family:Georgia,serif;font-size:clamp(19px,1.8vw,25px)!important;line-height:1.55!important}
.yh-about-identity p{max-width:960px;margin:0;color:#cbc6bd;font-size:16.5px;line-height:1.78}

.yh-about-books{margin-top:22px}
.yh-about-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:30px}
.yh-about-book-card{min-width:0;perspective:1000px}
.yh-about-book-card>a{height:100%;display:flex;flex-direction:column;padding:16px;border:1px solid rgba(239,196,107,.20);border-radius:13px;background:linear-gradient(160deg,rgba(27,26,23,.98),rgba(10,10,9,.99));box-shadow:0 18px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.yh-about-book-card>a:hover{transform:translateY(-4px);border-color:rgba(239,196,107,.55);box-shadow:0 25px 48px rgba(0,0,0,.40),0 0 24px rgba(239,196,107,.045)}
.yh-about-cover{width:min(100%,230px);aspect-ratio:2/3;margin:0 auto 16px;overflow:hidden;border-radius:5px;background:#050505;box-shadow:0 18px 38px rgba(0,0,0,.48)}
.yh-about-cover img{width:100%;height:100%;object-fit:contain;object-position:center;background:#050505}
.yh-about-book-card h3{margin:0;min-height:52px;color:#f3efe6;font-family:Georgia,serif;font-size:17px;font-weight:500;line-height:1.38;text-align:center}
.yh-about-card-link{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:132px;min-height:35px;margin-top:auto;padding:7px 13px;border-bottom:1px solid rgba(239,196,107,.55);color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:.16em}

.yh-about-music{margin-top:22px;background:radial-gradient(circle at 8% 30%,rgba(22,191,255,.045),transparent 28%),linear-gradient(150deg,rgba(20,20,18,.96),rgba(10,10,9,.985))}
.yh-about-music-head{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:48px;align-items:start}
.yh-about-music-copy p{margin:0;color:#d4cfc5;font-size:16.5px;line-height:1.78}
.yh-about-music-copy p+p{margin-top:10px}
.yh-about-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:30px}
.yh-about-platforms>a{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 8px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:linear-gradient(180deg,#1b1b1a,#11110f);color:#f2efe8;font-size:12px;font-weight:650;white-space:nowrap;transition:border-color .16s ease,transform .16s ease}
.yh-about-platforms>a:hover{border-color:rgba(239,196,107,.42);transform:translateY(-2px)}

.yh-about-profiles{margin-top:22px;padding:40px clamp(24px,4vw,52px);border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);background:linear-gradient(90deg,transparent,rgba(239,196,107,.035),transparent)}
.yh-about-profiles h2{font-size:clamp(27px,3vw,42px)}
.yh-about-profile-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}
.yh-about-profile-links .yh-about-profile-logo-card{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:132px;padding:14px;border:1px solid rgba(239,196,107,.22);border-radius:8px;background:#10100f;overflow:hidden;box-sizing:border-box;transition:border-color .16s ease,transform .16s ease}
.yh-about-profile-links .yh-about-profile-logo-card:hover{border-color:rgba(239,196,107,.55);transform:translateY(-1px)}
.yh-about-profile-logo{display:flex;align-items:center;justify-content:center;width:100%;height:92px;min-width:0}
.yh-about-profile-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}

@media(max-width:1100px){
  .yh-about-profile{grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:42px;padding:42px 36px}
  .yh-about-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yh-about-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .yh-about-profile-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:780px){
  .yh-about-content{width:calc(100% - 28px);padding:22px 0 46px}
  .yh-about-profile{grid-template-columns:1fr;gap:28px;padding:28px 18px 32px;border-radius:14px}
  .yh-about-profile:before{inset:9px}
  .yh-about-profile-frame{width:min(82vw,340px);transform:none}
  .yh-about-profile-copy{text-align:left}
  .yh-about-profile-copy h1{font-size:clamp(48px,15vw,72px)}
  .yh-about-role{font-size:18px}
  .yh-about-divider{margin:22px 0}
  .yh-about-prose p{font-size:15.5px;line-height:1.72}
  .yh-about-quote{margin:48px 0 50px;padding:31px 18px}
  .yh-about-quote p{font-size:clamp(24px,7.5vw,34px)}
  .yh-about-section{padding:34px 20px;border-radius:13px}
  .yh-about-story-grid{grid-template-columns:1fr;gap:18px;margin-top:22px}
  .yh-about-story-grid p{font-size:15.5px;line-height:1.75}
  .yh-about-story-grid p:first-child{font-size:20px;line-height:1.58}
  .yh-about-identity{grid-template-columns:3px minmax(0,1fr);gap:17px;padding:30px 18px}
  .yh-about-identity p{font-size:15px;line-height:1.72}
  .yh-about-book-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}
  .yh-about-book-card>a{padding:18px}
  .yh-about-cover{width:min(76vw,250px)}
  .yh-about-book-card h3{min-height:0;font-size:19px;margin-bottom:12px}
  .yh-about-music-head{grid-template-columns:1fr;gap:18px}
  .yh-about-music-copy p{font-size:15.5px;line-height:1.72}
  .yh-about-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
  .yh-about-platforms>a{min-height:54px;font-size:11px}
  .yh-about-profiles{padding:32px 18px}
  .yh-about-profile-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .yh-about-profile-links .yh-about-profile-logo-card{height:120px;padding:12px}
  .yh-about-profile-logo{height:82px}
}

@media(max-width:430px){
  .yh-about-content{width:calc(100% - 20px)}
  .yh-about-profile{padding:24px 14px 28px}
  .yh-about-profile-frame{width:min(84vw,310px)}
  .yh-about-platforms{grid-template-columns:1fr}
  .yh-about-platforms>a{justify-content:flex-start;padding-left:16px}
  .yh-about-profile-links{grid-template-columns:1fr}
  .yh-about-profile-links .yh-about-profile-logo-card{height:116px}
  .yh-about-profile-logo{height:78px}
}

/* Persian editorial polish: keep the existing layout, but make long Persian copy read naturally RTL.
   Latin book titles, profile names and platform labels keep their own LTR direction and are never mirrored. */
html[lang="fa-IR"] .yh-about-profile-copy,
html[lang="fa-IR"] .yh-about-prose,
html[lang="fa-IR"] .yh-about-story,
html[lang="fa-IR"] .yh-about-story-grid,
html[lang="fa-IR"] .yh-about-identity,
html[lang="fa-IR"] .yh-about-music-copy{
  direction:rtl;
  text-align:right;
}
html[lang="fa-IR"] .yh-about-profile-copy h1,
html[lang="fa-IR"] .yh-about-book-card h3,
html[lang="fa-IR"] .yh-about-platforms>a,
html[lang="fa-IR"] .yh-about-profile-links a{
  direction:ltr;
  unicode-bidi:isolate;
}