.about-main{max-width:none;padding:48px 0 80px}
.about-intro>*,.about-chapter>*{min-width:0}
.about-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:center;padding-bottom:32px}
.about-intro h1{font-size:clamp(36px,4.1vw,56px);line-height:1.14;max-width:22ch}
.about-intro-copy>p{margin-top:22px}
.about-main p a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.about-main a:hover{color:var(--blue)}
.about-main .text-link{display:inline-block;margin-top:20px}
.about-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:72px;padding-top:56px;padding-bottom:56px;position:relative}
.about-chapter::before{content:"";position:absolute;top:0;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);height:1px;background:var(--line)}
.about-chapter h2{font-size:clamp(30px,3.2vw,42px);line-height:1.16}
.about-chapter-heading>p{margin-top:18px;color:var(--muted);font-size:14px}
.about-chapter-content>p{font-size:18px}
.podcast-embed{display:block;border:0;border-radius:12px;margin-top:24px;width:100%;background:var(--white)}
.about-chapter-content .podcast-start{font-size:16px;margin-top:20px}
.about-talks{list-style:none;padding:0;margin:28px 0 0}
.about-talks li+li{margin-top:24px}
.about-talks h3{font-size:21px;line-height:1.4;letter-spacing:-.025em;max-width:40ch}
.about-talks p{color:var(--muted);margin-top:5px}
.language-play{margin:30px 0;padding:24px 28px;background:var(--white);border-radius:var(--radius)}
.language-greeting{font-size:clamp(40px,5vw,60px);font-weight:600;letter-spacing:-.05em;line-height:1.2;min-height:1.2em}
.language-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.language-buttons button{background:transparent;border:1px solid var(--line);border-radius:100px;min-height:44px;padding:7px 15px;font-size:14px}
.language-buttons button:hover{border-color:var(--blue)}
.language-buttons button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
@media(max-width:850px){.about-intro,.about-chapter{gap:36px}.about-intro{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media(max-width:700px){.about-main{padding-top:24px;padding-bottom:40px}.about-intro,.about-chapter{grid-template-columns:1fr;gap:28px}.about-intro{padding-bottom:44px}.about-intro h1{font-size:clamp(34px,7.5vw,46px)}.about-chapter{padding-top:36px;padding-bottom:36px}.about-chapter h2 br{display:none}.about-chapter h2{max-width:18ch}.about-chapter-content>p{font-size:17px}.language-play{padding:24px 20px}}

.about-photo{margin:0}
.about-photo img{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}
.about-photo figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:9px}
.about-speaking-photo{margin-top:24px}
.about-dialogue{margin-top:26px}
.about-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.about-photo-pair img{aspect-ratio:4/5;object-fit:cover}
.dialogue-photo{object-position:50% 48%}
.guitar-photo{object-position:50% 55%}
@media(max-width:420px){.about-photo-pair{gap:12px}.about-photo figcaption{font-size:12px}}

.about-intro .language-play{margin:0;background:transparent;padding:0}
.about-intro .about-lead{font-size:20px;line-height:1.65;max-width:45ch;margin-top:30px}
.language-play .name-pronunciation{margin-top:12px}

.about-portrait-scene{aspect-ratio:1.05;position:relative;isolation:isolate;align-self:end;margin-left:-24px;overflow:hidden;border-radius:0 0 45% 12%}
.about-portrait-scene::before{content:"";position:absolute;inset:24% -8% -10% 6%;background:#dceee8;border-radius:48% 58% 0 0;transform:rotate(-9deg);z-index:-1}
.about-cutout{display:block;width:100%;max-width:none;height:auto;margin-left:0;position:relative}
.about-doodle{position:absolute;left:-2%;top:22%;width:33%;z-index:2;pointer-events:none;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg);transform-origin:95% 50%}
.name-pronunciation{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;font-size:16px}
.name-pronunciation>span:last-child{font-size:14px;color:var(--muted)}
.ipa{font-family:Georgia,serif;letter-spacing:.04em}
.podcast-portrait{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:12px;margin-top:28px;transform:rotate(-3deg)}
@media(max-width:700px){.about-intro{grid-template-columns:1fr;gap:22px;padding-bottom:0}.about-portrait-scene{width:100%;max-width:360px;justify-self:center;margin:0}.podcast-portrait{max-width:200px;aspect-ratio:1}}


.about-name-story{margin-top:20px}
.about-intro{padding-bottom:56px}

.about-journey>p+p{margin-top:24px}

.linked-talk{position:relative;border-radius:8px}
.about-talk-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.about-talk-link::after{content:"";position:absolute;inset:-12px;border-radius:8px}
.linked-talk:hover{background:var(--white)}
.about-talk-link:focus-visible{outline:none}
.about-talk-link:focus-visible::after{outline:2px solid var(--blue);outline-offset:4px}
.talk-collaborator{position:relative;z-index:1}
.about-talk-action{display:block;font-size:14px;color:var(--blue);margin-top:6px}

.greeting-recording{margin-top:20px}
.greeting-recording p{font-size:14px;color:var(--muted);margin-bottom:10px}
.greeting-recording audio{display:block;width:100%;max-width:340px;height:40px}

@font-face{font-family:Caveat;src:url('assets/caveat-regular.ttf') format('truetype');font-display:swap}
#language-greeting .is-speaking{color:var(--blue);background:#dceeea;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.greeting-note-trigger{font:inherit;font-size:14px;text-align:left;color:var(--muted);background:none;border:0;padding:0 0 10px;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.greeting-note-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
.greeting-background{position:relative;width:fit-content;max-width:100%}
.greeting-note-wrap{position:absolute;left:calc(100% + 24px);top:-64px;width:270px;padding:8px 12px;z-index:3;transform-origin:bottom left;animation:greeting-note-in .45s cubic-bezier(.2,.9,.3,1.2) both}
.greeting-recording .greeting-note{font-family:Caveat,cursive;font-size:21px;line-height:1.2;color:var(--blue);transform:rotate(-4deg);margin:0;max-width:32ch}
.greeting-note-arrow{position:absolute;left:-28px;top:40px;width:44px;height:64px;transform:rotate(-95deg);fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes greeting-note-in{from{opacity:0;transform:translateY(-12px) rotate(4deg) scale(.85)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.greeting-note-wrap{animation:none}}

@media(max-width:1100px){.greeting-background{position:relative}.greeting-note-wrap{left:0;top:100%;bottom:auto;width:min(310px,100%);padding:20px 22px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #16395714;transform-origin:top left}.greeting-note-arrow{left:auto;right:14px;top:-20px;bottom:auto;transform:none;width:28px;height:32px}.greeting-recording .greeting-note{font-size:22px}}