/* About the Author — same palette, fonts, header band and parchment as the Nirvana / Back in Time rooms.
   Tall scrolling parchment (not a fixed 1536×1024 stage). Reuses existing decorative assets only. */
*{box-sizing:border-box}html,body{margin:0}
:root{--gold:#e9c98d;--gold2:#c89b52;--cream:#f4e2bd;--ink:#2f1c15;--burg:#5a1622;--burg2:#3a0c15;--edge:#7b5a32}
body{background:#120a0d radial-gradient(ellipse at 50% 0,#2a1520 0,#120a0d 70%) fixed;color:var(--cream);
  font-family:'EB Garamond',Baskerville,'Palatino Linotype',Palatino,Georgia,serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:inherit}button{font:inherit;color:inherit}
:focus-visible{outline:2px solid #f0c66e;outline-offset:2px;border-radius:4px}
.script{font-family:'Pinyon Script','Snell Roundhand','Apple Chancery',cursive;font-weight:400}
.about{width:min(100%,1536px);margin:0 auto;container-type:inline-size;padding-bottom:48px}
.status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#2a0f18ee;color:#f6dfb2;border:1px solid #b88c4e;
  padding:8px 16px;border-radius:6px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:10}
.status.show{opacity:1}
[hidden]{display:none!important}

/* parchment: site's own parchment texture, matte, burnt edge (same recipe as archive.css .parch) */
.parch{background:#e4cfa5 url('images/parchment_card.jpg') center/100% 100% no-repeat;color:var(--ink);border:1px solid var(--edge);border-radius:4px;
  box-shadow:inset 0 0 0 4px #e9d7b0aa,inset 0 0 0 5px #9c7a4588,inset 0 0 46px rgba(110,64,26,.42),0 8px 22px #000b}
.flourish{display:block;width:min(240px,60%);height:auto;margin:6px auto 14px;opacity:.9;mix-blend-mode:multiply}
.flourish.section-div{margin:28px auto 18px;width:min(200px,50%)}
.orn-motto{display:block;width:min(280px,70%);height:auto;margin:28px auto 0;mix-blend-mode:multiply}

/* lang switch — same control as poem pages */
.lang-switch{display:flex;border-radius:999px;border:1.5px solid #b48a4f;background:linear-gradient(#f6e8c9,#e5cfa5);
  box-shadow:inset 0 1px 0 #fff8,0 1px 3px #5a2e1a55;overflow:hidden;width:min(280px,90%);height:44px;margin:0 auto 18px}
.lang-switch button{flex:1;border:0;background:transparent;cursor:pointer;color:var(--ink);padding:0;border-radius:999px;-webkit-tap-highlight-color:transparent;font-size:18px}
.lang-switch button[aria-pressed="true"]{background:linear-gradient(#7a2232,#4a0f1b 70%,#360a13);color:#f7e6c4;box-shadow:inset 0 0 0 1.5px #d6ab62,inset 0 2px 4px #0006}

.m-back{display:inline-block;margin:16px 4% 12px;color:#ecd3a3;font-size:17px;text-decoration:none;font-weight:500}
.m-back:hover{text-decoration:underline;text-decoration-thickness:1px}
.m-verse{margin:28px auto 0;max-width:560px;padding:0 16px}
.m-verse p{margin:0;font-style:italic;font-weight:500;color:#e8ca8f;text-align:center;font-size:18px;line-height:1.4}
.m-verse a{text-decoration:none}.m-verse a:hover{text-decoration:underline}

/* about card body */
.about-card{margin:0 auto;max-width:820px;padding:48px 56px 52px;position:relative}
.about-card::before{content:'';position:absolute;inset:18px;pointer-events:none;border:1px solid #a9844766;border-radius:2px}
.a-kicker{margin:0 0 .35em;text-align:center;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#6a4a32}
.a-name{margin:0;text-align:center;font-size:clamp(48px,7cqw,72px);line-height:1.05;color:#1a100c;
  -webkit-text-stroke:.02em #1a100c;paint-order:stroke fill}
.a-sub{margin:6px 0 0;text-align:center;font-style:italic;font-weight:500;font-size:22px;color:#22140e}
.a-section{margin:0 0 16px;text-align:center;font-family:'Pinyon Script','Snell Roundhand','Apple Chancery',cursive;font-weight:400;
  font-size:clamp(34px,5cqw,48px);line-height:1.1;color:#4a1420}
.about-card p{margin:0 0 1em;font-size:19.5px;line-height:1.55;font-weight:500;color:#24150f;text-shadow:0 1px 0 #f7e6c455}
.about-card p.lead{font-size:20.5px}
.about-card p.closing{font-size:20px;font-style:italic;margin-top:1.2em;margin-bottom:0}
.about-card .drop::first-letter{float:left;font-family:'Pinyon Script','Snell Roundhand','Apple Chancery',cursive;font-size:3.6em;
  line-height:.78;padding:.08em .12em 0 0;color:#4a1420;font-weight:400}
.pull{margin:1.4em 18px 1.6em;padding:14px 22px;border-left:3px solid #c89b52;border-right:3px solid #c89b5222;
  background:linear-gradient(90deg,#f3e4c455,#e8d5ab00);font-style:italic;font-size:21px;line-height:1.45;color:#3a1d12;text-align:center}
.pull{quotes:none}
.soon{margin:48px 12px;text-align:center;font-style:italic;font-size:22px;color:#5a3a26}

/* header / nav — same as archive.css a-header / a-nav */
@media (min-width:1100px){
  .a-header{position:relative;aspect-ratio:1536/196;background:url('images/nirvana_plate.jpg') 0 0/100% auto no-repeat}
  .a-logo{display:none}
  .a-nav{position:absolute;left:0;top:calc(143/196*100%);width:100%;height:calc(38/196*100%)}
  .a-nav ul{list-style:none;margin:0;padding:0}
  .a-nav li{position:absolute;top:0;height:100%;left:calc(var(--cx)/1536*100%);transform:translateX(-50%);display:flex;align-items:center}
  .a-nav a{color:#f3e0ba;font-weight:500;text-decoration:none;font-size:calc(20.5/1536*100cqw);white-space:nowrap;text-shadow:0 1px 2px #000;padding:0 .2em}
  .a-nav li.feature a{color:#f8e6c2;font-size:calc(21/1536*100cqw)}
  .a-nav li.feature .clock{display:none}
  .a-nav a:hover{color:#fff4da;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
  .a-nav .sep{position:absolute;top:28%;height:44%;width:1px;left:calc(var(--cx)/1536*100%);background:linear-gradient(#c9a464,#f0d79e,#c9a464);opacity:.85}
  .a-nav li.current a{text-decoration:underline;text-decoration-color:#e9c98d;text-decoration-thickness:1px;text-underline-offset:4px}
  .m-back{margin-left:calc(134/1536*100%);font-size:18px}
}
@media (max-width:1099.98px){
  .about{padding:0 12px 40px}
  .a-header{margin:0 -12px}.a-logo{display:block;width:100%;height:auto}
  .a-nav{margin:6px 0 0;padding:8px 6px;border:1px solid #b08a4e;border-radius:10px;background:linear-gradient(#1c1018,#100810);box-shadow:inset 0 0 0 1px #3c2a18}
  .a-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}
  .a-nav .sep{display:none}
  .a-nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;color:#f0dcb4;text-decoration:none;font-size:16px;line-height:1.1;border-radius:6px}
  .a-nav li.feature a{background:linear-gradient(#6b1a2a,#3e0d18);box-shadow:inset 0 0 0 1px #c9a464;padding:4px 10px 4px 4px}
  .a-nav li.feature .clock{width:24px;height:24px}
  .a-nav li.current a{text-decoration:underline;text-decoration-color:#e9c98d;text-decoration-thickness:1px;text-underline-offset:3px}
  .about-card{padding:34px 22px 40px;margin:0 -2px}
  .a-name{font-size:clamp(40px,11vw,60px)}
  .a-sub{font-size:18px}
  .a-section{font-size:clamp(28px,8vw,40px)}
  .about-card p{font-size:18px}
  .about-card p.lead{font-size:18.5px}
  .pull{margin:1.2em 4px 1.4em;padding:12px 14px;font-size:18.5px}
  .m-back{margin:14px 2px 10px}
}