:root{
  --bg:#080807;
  --bg-2:#11100e;
  --paper:#f2eee6;
  --muted:#aaa197;
  --soft:#6f6960;
  --gold:#c49a55;
  --gold-2:#e0bd7b;
  --line:rgba(242,238,230,.13);
  --glass:rgba(8,8,7,.68);
  --shadow:0 24px 80px rgba(0,0,0,.55);
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:var(--sans);color:var(--paper);background:var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit}
::selection{background:var(--gold);color:#080807}
.skip-link{position:absolute;left:-999px;top:18px;z-index:1000;background:var(--paper);color:#080807;padding:12px 16px;border-radius:999px}
.skip-link:focus{left:18px}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,5vw,72px);transition:.35s ease;background:linear-gradient(to bottom,rgba(8,8,7,.78),rgba(8,8,7,0));backdrop-filter:blur(6px)}
.site-header.scrolled{padding-top:18px;padding-bottom:18px;background:rgba(8,8,7,.82);border-bottom:1px solid var(--line)}
.brand{letter-spacing:.38em;text-transform:uppercase;line-height:1.2;z-index:1003}
.brand-name{display:block;font-family:var(--serif);font-size:14px;letter-spacing:.42em}.brand-sub{display:block;font-size:9px;color:var(--muted);letter-spacing:.58em;margin-top:5px}
.site-nav{display:flex;align-items:center;gap:clamp(24px,4vw,54px);font-size:10px;text-transform:uppercase;letter-spacing:.36em;color:var(--paper)}
.site-nav a{position:relative;color:rgba(242,238,230,.78);transition:.25s ease}.site-nav a:hover,.site-nav a.active{color:var(--gold-2)}.site-nav a::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:var(--gold);transition:.25s}.site-nav a:hover::after,.site-nav a.active::after{width:100%}
.menu-toggle{display:none;position:relative;z-index:1003;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.2);cursor:pointer}.menu-toggle span{position:absolute;left:12px;width:18px;height:1px;background:var(--paper);transition:.3s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:24px}.menu-toggle.open span:first-child{top:20px;transform:rotate(45deg)}.menu-toggle.open span:last-child{top:20px;transform:rotate(-45deg)}
.section{position:relative}.section-inner{width:min(1120px,calc(100% - 44px));margin:0 auto}.hero{min-height:720px;display:grid;place-items:center;padding:92px 22px 46px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(196,154,85,.12),transparent 23%),linear-gradient(90deg,#080807 0%,#0b0a09 47%,#070706 100%)}
.noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(115deg,rgba(255,255,255,.05),transparent 32%),radial-gradient(circle at 18% 30%,rgba(255,255,255,.06),transparent 16%)}
.hero-portrait{position:absolute;left:0;top:0;width:46%;height:100%;background:radial-gradient(circle at 55% 34%,rgba(242,238,230,.19),transparent 14%),linear-gradient(90deg,rgba(8,8,7,.1),rgba(8,8,7,.52),#080807 92%),url('../img/pedram-portrait.jpg') 5% -5%/cover no-repeat;filter:grayscale(1);opacity:.72}.hero-piano{position:absolute;right:0;top:0;width:44%;height:100%;background:linear-gradient(270deg,rgba(8,8,7,.1),rgba(8,8,7,.72),#080807 96%),url('../img/piano-placeholder.svg') center right/cover no-repeat;filter:grayscale(1);opacity:.68}
.hero-content{position:relative;z-index:2;text-align:center;max-width:760px;margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.34em;color:var(--gold-2);font-size:11px;margin:0 0 18px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,74px);line-height:1.06;margin:0;text-shadow:0 10px 50px rgba(0,0,0,.6)}.hero-copy{max-width:650px;margin:22px auto 0;color:var(--muted);line-height:1.65;font-size:15px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;border:1px solid var(--line);transition:.25s ease;cursor:pointer}.btn-primary{background:var(--gold);border-color:var(--gold);color:#0a0908}.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px)}.btn-ghost{background:rgba(255,255,255,.02);color:var(--paper)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-2px)}
.hero-paths{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,1fr) auto minmax(460px,1.25fr);
  align-items:center;
  gap:64px;
  width:min(980px,94vw);
  margin:38px auto 0;
}.path-card{text-align:center;padding:24px 10px;transition:.25s}.path-card:hover{transform:translateY(-3px)}.path-card span{display:block;font-family:var(--serif);font-size:24px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-2)}.path-card span::after{content:"";display:block;width:26px;height:1px;background:var(--gold);margin:12px auto 14px}.path-card small{display:block;color:var(--muted);font-size:12px;line-height:1.55}.path-divider{width:1px;height:84px;background:var(--line)}.scroll-cue{position:absolute;left:50%;bottom:20px;z-index:2;width:22px;height:34px;border:1px solid rgba(242,238,230,.6);border-radius:999px;transform:translateX(-50%)}.scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:6px;border-radius:10px;background:var(--paper);transform:translateX(-50%);animation:scrollDot 1.8s infinite}@keyframes scrollDot{0%{opacity:0;top:7px}35%{opacity:1}100%{opacity:0;top:19px}}
.writing-section,.music-section,.about-section,.contact-section{padding:110px 0;background:linear-gradient(180deg,#080807,#0e0d0b)}.section-heading{max-width:670px}.section-heading h2,.about-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1.12;margin:0 0 18px}.section-heading p,.about-copy p{color:var(--muted);line-height:1.8;margin:0 0 16px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:42px 0 28px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 15px;border-radius:999px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;cursor:pointer;transition:.25s}.tab:hover,.tab.active{color:#080807;background:var(--gold);border-color:var(--gold)}
.writing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.writing-card{border:1px solid var(--line);background:rgba(255,255,255,.025);min-height:420px;display:flex;flex-direction:column;transition:.3s ease;overflow:hidden}.writing-card:hover{transform:translateY(-5px);border-color:rgba(196,154,85,.55);box-shadow:var(--shadow)}.writing-card.hide{display:none}.card-art{
  width:100%;
  aspect-ratio: 2 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b0a09;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}

.card-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.art-book{background-image:url('../img/book-placeholder.svg')}.art-wave{background-image:url('../img/wave-placeholder.svg')}.art-dark{background-image:url('../img/dark-placeholder.svg')}.art-poem{background-image:url('../img/poem-placeholder.svg')}.card-body{padding:22px}.card-kicker{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:10px;margin-bottom:12px}.card-body h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 12px}.card-body p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.quote-section{padding:90px 22px;background:radial-gradient(circle at center,rgba(196,154,85,.15),transparent 32%),#080807;border-block:1px solid var(--line)}.quote-wrap{width:min(950px,100%);margin:auto;text-align:center}.quote-wrap blockquote{font-family:var(--serif);font-size:clamp(30px,5vw,64px);line-height:1.22;margin:0;color:var(--paper)}
.music-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.music-panel{border:1px solid var(--line);background:rgba(255,255,255,.025);box-shadow:var(--shadow)}.music-row{display:grid;grid-template-columns:72px 1fr 42px;gap:18px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.music-row:last-child{border-bottom:0}.music-thumb{width:72px;height:72px;background-size:cover;background-position:center;border:1px solid var(--line)}.thumb-1{background-image:url('../img/music-1.svg')}.thumb-2{background-image:url('../img/music-2.svg')}.thumb-3{background-image:url('../img/music-3.svg')}.thumb-4{background-image:url('../img/music-4.svg')}.music-row h3{font-size:14px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 7px}.music-row p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.play-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;position:relative;transition:.25s}.play-btn::before{content:"";position:absolute;left:15px;top:11px;border-left:10px solid var(--gold);border-top:7px solid transparent;border-bottom:7px solid transparent}.play-btn:hover{border-color:var(--gold);transform:scale(1.06)}
.about-grid{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:center}

.about-mark{
  width:240px;
  height:240px;
  border:1px solid rgba(196,154,85,.45);
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle,rgba(196,154,85,.13),transparent 60%);
  box-shadow:var(--shadow);
}

.about-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.email-link{display:inline-block;color:var(--gold-2);margin-top:14px;border-bottom:1px solid rgba(196,154,85,.5)}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.social-link{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:var(--paper);background:rgba(255,255,255,.025);text-transform:uppercase;letter-spacing:.14em;font-size:10px;transition:.25s}.social-link svg{width:16px;height:16px;fill:none;stroke:var(--gold-2);stroke-width:1.8}.social-link:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-2px)}.contact-form{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:28px}.contact-form label{display:block;margin-bottom:18px}.contact-form span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--gold);margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.28);color:var(--paper);padding:14px 15px;outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.form-note{min-height:20px;color:var(--muted);font-size:13px;margin:14px 0 0}.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-links a{color:var(--gold-2)}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px clamp(22px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#060605}.site-footer p{margin:0}.site-footer a{color:var(--gold-2)}.audio-toast{position:fixed;right:24px;bottom:24px;z-index:110;background:rgba(8,8,7,.88);border:1px solid var(--line);color:var(--paper);padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.28s}.audio-toast.show{transform:translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){.site-header{padding:22px}.site-header.menu-open{height:100dvh;background:#080807;background-image:radial-gradient(circle at 18% 16%,rgba(196,154,85,.16),transparent 28%),linear-gradient(180deg,#080807 0%,#0b0a09 100%);align-items:flex-start;backdrop-filter:none}.menu-toggle{display:block}.site-nav{position:absolute;inset:0;z-index:1001;width:100vw;height:100dvh;background:#080807;background-image:radial-gradient(circle at 18% 16%,rgba(196,154,85,.16),transparent 28%),linear-gradient(180deg,#080807 0%,#0b0a09 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.25s ease}.site-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.site-nav a{font-size:14px;color:var(--paper);text-shadow:0 2px 18px rgba(0,0,0,.8)}.hero{min-height:680px}.hero-portrait{width:70%;opacity:.45}.hero-piano{width:64%;opacity:.35}.music-layout,.contact-grid,.about-grid{grid-template-columns:1fr;gap:38px}.writing-grid{grid-template-columns:repeat(2,1fr)}.about-mark{width:180px;height:180px;font-size:52px}.hero-paths{gap:22px}}
@media (max-width:640px){.brand-name{font-size:11px}.brand-sub{font-size:7px}.hero{min-height:620px;padding:92px 18px 48px;align-items:center}.hero h1{font-size:clamp(40px,13vw,62px)}.hero-copy{font-size:14px}.hero-actions{display:grid}.btn{width:100%}.hero-paths{grid-template-columns:1fr;margin-top:34px}.path-divider{width:80px;height:1px;margin:auto}.path-card{padding:10px}.writing-section,.music-section,.about-section,.contact-section{padding:76px 0}.section-inner{width:min(100% - 34px,1120px)}.writing-grid{grid-template-columns:1fr}.writing-card{min-height:auto}.card-art{height:260px}.music-row{grid-template-columns:58px 1fr 36px;gap:12px;padding:14px}.music-thumb{width:58px;height:58px}.music-row h3{font-size:12px}.music-row p{font-size:12px}.contact-form{padding:20px}.quote-section{padding:66px 18px}.scroll-cue{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.persianloop-card{
  margin-top:32px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  box-shadow:var(--shadow);
  transition:.25s ease;
}

.persianloop-card:hover{
  border-color:rgba(196,154,85,.55);
  transform:translateY(-3px);
}

.persianloop-logo{
  width:82px;
  height:82px;
  min-width:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.28);
  padding:10px;
}

.persianloop-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.persianloop-content{
  flex:1;
}

.persianloop-label{
  display:inline-block;
  margin-bottom:8px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
}

.persianloop-content h3{
  margin:0 0 8px;
  font-family:var(--serif);
  font-weight:400;
  font-size:24px;
  color:var(--paper);
}

.persianloop-content p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}

@media (max-width:640px){
  .persianloop-card{
    flex-direction:column;
    align-items:flex-start;
    padding:18px;
  }

  .persianloop-logo{
    width:72px;
    height:72px;
    min-width:72px;
  }

  .persianloop-content h3{
    font-size:22px;
  }
}

.play-btn.playing::before{
  content:"";
  position:absolute;
  left:13px;
  top:11px;
  width:4px;
  height:15px;
  border:0;
  background:var(--gold);
  box-shadow:8px 0 0 var(--gold);
}

.art-unstable-groups{
  background-image:url('../img/unstable-groups-cover.jpg');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#0b0a09;
}

.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form textarea:-webkit-autofill,
.contact-form textarea:-webkit-autofill:hover,
.contact-form textarea:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--paper);
  -webkit-box-shadow: 0 0 0 1000px #080807 inset;
  box-shadow: 0 0 0 1000px #080807 inset;
  border: 1px solid var(--line);
  caret-color: var(--paper);
  transition: background-color 9999s ease-in-out 0s;
}

.contact-form input:focus,
.contact-form textarea:focus{
  background:rgba(0,0,0,.42);
  border-color:var(--gold);
  color:var(--paper);
}


.book-page{
  background:linear-gradient(180deg,#080807,#0e0d0b);
  min-height:100vh;
}

.book-hero{
  padding:150px 0 90px;
}

.book-layout{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:70px;
  align-items:center;
}

.book-cover{
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  padding:18px;
  box-shadow:var(--shadow);
}

.book-cover img{
  width:100%;
  height:auto;
  display:block;
}

.book-info h1{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(42px,6vw,76px);
  line-height:1.05;
  margin:0 0 22px;
}

.book-subtitle{
  max-width:640px;
  color:var(--muted);
  line-height:1.8;
  font-size:17px;
  margin:0 0 28px;
}

.book-meta{
  margin:28px 0;
  padding:22px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.book-meta p{
  color:var(--muted);
  margin:9px 0;
}

.book-meta strong{
  color:var(--paper);
  font-weight:500;
}

.book-content{
  padding:80px 0 120px;
  border-top:1px solid var(--line);
}

.narrow{
  max-width:820px;
}

.book-content h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:34px;
  margin:42px 0 14px;
}

.book-content p{
  color:var(--muted);
  line-height:1.85;
  font-size:16px;
}

@media (max-width:900px){
  .book-layout{
    grid-template-columns:1fr;
    gap:42px;
  }

  .book-cover{
    max-width:360px;
  }
}

@media (max-width:640px){
  .book-hero{
    padding:120px 0 70px;
  }

  .book-cover{
    max-width:100%;
  }
}

.art-ghazal{
  background:
    radial-gradient(circle at 50% 35%, rgba(196,154,85,.18), transparent 28%),
    linear-gradient(180deg, rgba(8,8,7,.05), rgba(8,8,7,.75)),
    url('../img/ghazal-placeholder.svg') center/cover no-repeat;
}

@media (max-width:980px){
  .hero-portrait{
    width:100%;
    opacity:.38;
    background:
      radial-gradient(circle at 55% 34%,rgba(242,238,230,.14),transparent 14%),
      linear-gradient(90deg,rgba(8,8,7,.25),rgba(8,8,7,.68),#080807 92%),
      url('../img/pedram-portrait.jpg') 28% 55%/cover no-repeat;
  }
}

@media (max-width:640px){
  .hero-portrait{
    width:100%;
    opacity:.32;
    background:
      radial-gradient(circle at 55% 34%,rgba(242,238,230,.12),transparent 14%),
      linear-gradient(90deg,rgba(8,8,7,.35),rgba(8,8,7,.74),#080807 95%),
      url('../img/pedram-portrait.jpg') 34% 52%/cover no-repeat;
  }
}

@media (max-width:640px){
  .about-grid{
    grid-template-columns:1fr;
    text-align:left;
  }

  .about-mark{
    margin:0 auto 34px;
    justify-self:center;
  }
}

@media (max-width:640px){
  .persianloop-card{
    align-items:center;
    text-align:center;
    padding:24px 18px;
  }

  .persianloop-logo{
    width:130px;
    height:130px;
    min-width:130px;
    margin:0 auto 18px;
    padding:14px;
    background:#f2eee6;
  }

  .persianloop-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .persianloop-content{
    width:100%;
  }
}