/* About only: the homepage's type, character and handwritten language,
   with quieter editorial pacing. Prior About explorations stay untouched. */
.about-human { --about-copy:#63655f; --about-accent:#8061bb; }
.about-human .ap-shell { width:min(75rem,calc(100% - 7rem)); }
.about-human :is(section,main) { scroll-margin-top:2rem; }
.about-human h2 { font-size:clamp(2.1rem,3.6vw,3.1rem); line-height:1.13; text-wrap:balance; }
.about-human h3 { font-size:1.35rem; line-height:1.3; }
.about-human p { text-wrap:pretty; }
.about-human [hidden] { display:none!important; }
.ah-eyebrow { font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:#76796f; font-weight:600; margin-bottom:1.3rem!important; }
.about-human .ap-hero { grid-template-columns:1.4fr .9fr; column-gap:3rem; padding:3.5rem 0 1.5rem; min-height:39rem; }
.about-human .ap-hello { padding:0; }
.about-human .ap-hello-note { font-size:1.3rem; margin-bottom:1.5rem!important; }
.about-human .ap-hero h1 { font-size:clamp(3.1rem,5.7vw,5.1rem); white-space:normal; line-height:1.04; }
.about-human .ap-hero h1 span { color:var(--orange); }
.ah-role { font-size:1.2rem; margin-top:1.6rem!important; line-height:1.45; }
.ah-origin { font-size:1rem; color:var(--about-copy); margin-top:.45rem!important; line-height:1.6; }
.ah-introduction { font-size:1.125rem; line-height:1.65; max-width:32rem; color:var(--about-copy); margin-top:1.8rem!important; }
.ah-thread { font-size:1.25rem; line-height:1.6; margin-top:1.4rem!important; font-weight:500; letter-spacing:-.015em; }
.about-human .ap-portrait { max-width:22rem; width:100%; align-self:center; }
.about-human .ap-portrait figcaption { top:0; right:0; font-size:1.1rem; transform:rotate(5deg); }
.about-human .ap-portrait figcaption span { display:block; text-align:right; margin-top:.35rem; padding-right:2rem; font-size:1.7rem; }
.ah-scroll { grid-column:1/-1; justify-self:start; display:inline-flex; gap:1.4rem; align-items:center; font-size:.85rem; min-height:44px; color:#71736c; margin-top:2.5rem; }
.ah-scroll span { color:var(--about-accent); transition:transform .2s ease; }.ah-scroll:hover span { transform:translateY(3px); }
.about-human .ap-story { padding:6rem 0 5.5rem; }
.about-human .ap-story-layout { grid-template-columns:1.2fr .8fr; gap:6rem; margin:0; }
.about-human .ap-story-copy p:not(.ah-eyebrow) { color:var(--about-copy); font-size:1.08rem; line-height:1.7; max-width:34rem; }
.about-human .ap-story-copy h2 { margin-bottom:1.5rem; }
.about-human .ap-story-copy .ah-eyebrow { font-size:.78rem; line-height:1.5; color:#76796f; }
.about-human .ap-motion-study { padding:4rem 0 1rem; max-width:26rem; }
.about-human .ap-motion-study>p { font-size:.9rem; }
.about-human .ap-motion-study>.ap-hand { font-size:1.25rem; margin-top:1.8rem; }
.about-human .ap-motion-beats i { background:#b3a2d6; height:28px; width:28px; }
.about-human .ap-motion-beats i:last-child { background:#7c946f; }
.about-human .ap-replay { min-height:44px; }
.ah-personality { display:grid; grid-template-columns:1fr 1fr; gap:6rem; padding:5.5rem 0; }
.ah-personality-heading { position:relative; }
.ah-personality-heading>.ap-hand { margin-top:1.4rem; transform:rotate(-5deg); transform-origin:left; font-size:1.4rem; }
.ah-personality-heading img { width:12rem; height:auto; display:block; margin:2rem 0 0 2rem; }
.ah-personality-intro { font-size:1.125rem; line-height:1.65; color:var(--about-copy); max-width:31rem; }
.ah-observations ul { list-style:none; padding:0; margin:1.5rem 0 0; }
.ah-observations li { position:relative; font-size:1.08rem; line-height:1.65; padding:.65rem 0 .65rem 1.3rem; color:var(--about-copy); }
.ah-observations li::before { content:""; width:4px; height:4px; background:#b9abd0; position:absolute; top:1.35rem; left:0; border-radius:50%; }
.ah-detail { margin-top:2rem; position:relative; padding-top:1.8rem; border-top:1px solid #e8e6e1; }
.ah-detail>p { font-size:1.25rem; line-height:1.6; }.ah-detail strong { font-weight:500; }.ah-detail strong span { text-decoration:underline; text-decoration-color:#b59cda; text-underline-offset:5px; }
.ah-alignment { display:inline-flex; align-items:center; gap:.75rem; height:50px; margin-top:1rem; position:relative; }
.ah-alignment::before { content:""; position:absolute; top:15px; left:-6px; right:-6px; border-top:1px dashed #c5bcce; }
.ah-alignment i { display:block; width:20px; height:20px; border-radius:5px; background:#d8c8ed; position:relative; }.ah-alignment i:nth-child(2) { transform:translateY(2px); background:#9977c6; transition:transform .3s ease; }
.ah-detail.is-aligned .ah-alignment i:nth-child(2) { transform:translateY(0); }
.ah-nudge { background:transparent; border:0; font:inherit; font-size:.8rem; padding:.8rem; margin-left:.6rem; min-height:44px; cursor:pointer; color:#6d528e; }
.ah-nudge:hover { color:#342246; }.ah-nudge:active { transform:translateY(1px); }
.ah-detail-note { display:block; font-size:1.1rem; transform:rotate(-3deg); transform-origin:left; margin-top:.3rem; }
.ah-interests { padding:6rem 0 4.5rem; }
.ah-interests-heading { position:relative; }.ah-interests-heading>.ap-hand { position:absolute; right:1rem; top:3.7rem; transform:rotate(6deg); font-size:1.25rem; }
.ah-interest-layout { display:grid; grid-template-columns:1.05fr 1fr; column-gap:6rem; row-gap:3rem; align-items:start; margin-top:3.5rem; }
.ah-interest-layout p:not(.ap-hand) { font-size:1.08rem; line-height:1.65; color:var(--about-copy); max-width:28rem; margin-top:1rem; }
.ah-interest-layout strong { font-weight:500; color:var(--portfolio-ink); }
.ah-favourite-objects { grid-column:1; grid-row:1 / span 2; align-self:center; position:relative; }
.ah-favourite-objects img { display:block; width:100%; height:auto; mix-blend-mode:multiply; transition:transform .4s ease; }
.ah-favourite-objects:hover img { transform:translateY(-4px) rotate(-1deg); }
.ah-favourite-objects figcaption { text-align:center; margin-top:1rem; font-size:1.25rem; transform:rotate(-4deg); }
.ah-play,.ah-movies { grid-column:2; }.ah-play { padding-top:.5rem; }
.ah-movies { position:relative; padding-top:.5rem; }
.ah-ticket { display:inline-flex; align-items:center; gap:2rem; padding:.7rem 1rem; margin-bottom:1.5rem; font-size:.64rem; letter-spacing:.1em; color:#82674e; background:#f6eddc; transform:rotate(-4deg); border-radius:3px; box-shadow:0 8px 15px -10px #8e705d44; }.ah-ticket>span { border-left:1px dashed #d5c4a9; padding-left:1rem; font-size:.55rem; }
.ah-travel { grid-column:1; padding:2rem 2rem 0; }.ah-travel svg { width:10rem; height:3.25rem; stroke:#ae98ce; stroke-width:1.6; stroke-linecap:round; margin-bottom:1.25rem; }
.ah-making { grid-column:2; padding-top:1rem; }.ah-making h3 { margin-top:1.75rem; }
.ah-experiment { width:min(100%,20rem); padding:1rem 1.25rem 1.3rem; background:#f2f1f5; border-radius:8px; position:relative; transform:rotate(3deg); box-shadow:0 12px 24px -20px #52416455; }
.ah-experiment>span { font: .65rem/1.4 ui-monospace,monospace; color:#7d7489; }.ah-experiment p { font: .95rem/1.6 ui-monospace,monospace!important; color:#555062!important; margin-top:.75rem!important; }.ah-experiment>i { position:absolute; font-style:normal; right:1rem; top:1rem; color:#9d8fb5; }
.ah-cursor { color:#9071b9; }.ah-experiment:hover .ah-cursor { opacity:.4; }
.ah-values { padding:6rem 0; display:grid; grid-template-columns:1fr 1fr; gap:6rem; }
.ah-values .ap-hand { font-size:1.25rem; margin-top:1.5rem; transform:rotate(-4deg); transform-origin:left; }
.ah-values dl { margin:0; }.ah-values dl>div { display:grid; grid-template-columns:7rem 1fr; gap:1.5rem; padding:1.1rem 0; border-bottom:1px solid #ecebe6; }.ah-values dl>div:first-child { padding-top:0; }.ah-values dl>div:last-child { border:0; }
.ah-values dt { font-size:1.08rem; font-weight:500; line-height:1.65; }.ah-values dd { margin:0; font-size:1.05rem; line-height:1.65; color:var(--about-copy); }
.ah-contact { display:grid; grid-template-columns:1.4fr 1fr; gap:5rem; align-items:center; padding:3rem 0 5rem; }
.ah-contact .ap-hand { font-size:1.3rem; line-height:1.4; transform:rotate(-3deg); transform-origin:left; margin-bottom:1.8rem; }
.ah-contact h2 { font-size:clamp(2.7rem,4.5vw,4rem); }
.ah-contact-copy { max-width:29rem; color:var(--about-copy); font-size:1.125rem; line-height:1.7; margin-top:1.5rem!important; }
.ah-contact .ap-link { margin-top:1.5rem; font-size:1.15rem; gap:2.5rem; }
.ah-contact nav { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; font-size:.9rem; color:#65665e; margin-top:1.7rem; }.ah-contact nav a { padding:.65rem 0; }.ah-contact nav a:hover { color:var(--about-accent); }.ah-contact [aria-disabled] { color:#93938b; cursor:default; }
.ah-contact figure { width:min(100%,18rem); justify-self:center; }.ah-contact img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }
.about-human .portfolio-footer { min-width:0; }
.about-human .portfolio-footer>.chapter-container { width:min(75rem,calc(100% - 7rem)); margin-inline:auto; }
@media (max-width:1100px) {
 .about-human .ap-hero { column-gap:2rem; }.about-human .ap-portrait { max-width:19rem; }
 .about-human .ap-story-layout,.ah-personality,.ah-interest-layout,.ah-values,.ah-contact { gap:3.5rem; }
 .ah-values dl>div { grid-template-columns:6rem 1fr; gap:1rem; }
 .ah-interests-heading>.ap-hand { top:-.7rem; right:0; }
}
@media (max-width:760px) {
 .about-human .ap-shell,.about-human .portfolio-footer>.chapter-container { width:calc(100% - 2.5rem); }
 .about-human .ap-hero { grid-template-columns:1fr; padding-top:2.5rem; min-height:0; }
 .about-human .ap-hero h1 { font-size:clamp(2.8rem,10vw,4rem); }
 .about-human .ap-portrait { width:14rem; margin:1rem 1rem 0 auto!important; }
 .about-human .ap-portrait figcaption { right:auto; left:-5rem; top:25%; font-size:1rem; max-width:9rem; }
 .ah-role { font-size:1.1rem; }.ah-introduction { font-size:1.06rem; }.ah-origin { font-size:.92rem; }.ah-thread { font-size:1.12rem; }
 .ah-scroll { margin-top:0; }.about-human h2 { font-size:2.15rem; }
 .about-human .ap-story { padding:3.5rem 0; }.about-human .ap-story-layout { grid-template-columns:1fr; gap:1.5rem; }
 .about-human .ap-motion-study { padding:2rem 0 0; justify-self:center; width:100%; }
 .ah-personality,.ah-values { grid-template-columns:1fr; gap:2.5rem; padding:3.5rem 0; }
 .ah-personality-heading img { width:7rem; position:absolute; right:0; bottom:-.5rem; margin:0; }
 .ah-personality-heading h2 { max-width:19rem; }.ah-personality-heading { padding-bottom:1rem; }
 .ah-personality-heading>.ap-hand { font-size:1.2rem; }
 .ah-interests { padding:3.5rem 0; }.ah-interests-heading>.ap-hand { position:static; margin-top:1rem; transform:rotate(-3deg); font-size:1.15rem; }
 .ah-interest-layout { grid-template-columns:1fr; gap:2.7rem; margin-top:2rem; }
 .ah-favourite-objects { grid-column:1; grid-row:auto; max-width:30rem; margin-inline:auto!important; }
 .ah-play,.ah-movies,.ah-travel,.ah-making { grid-column:1; padding:0; }
 .ah-favourite-objects figcaption { font-size:1.1rem; }.ah-making { margin-top:1rem; }.ah-experiment { margin-left:.5rem; width:calc(100% - 1rem); max-width:20rem; }
 .ah-values dl>div { grid-template-columns:6rem 1fr; }.ah-contact { grid-template-columns:1fr; gap:1rem; padding:3.5rem 0 2rem; }.ah-contact h2 { font-size:2.75rem; }
 .ah-contact figure { width:12rem; justify-self:end; margin-top:-1rem!important; }
 .about-human .portfolio-footer>.chapter-container { flex-wrap:wrap; gap:1rem; padding-top:1.5rem; }.about-human .footer-thought { order:3; width:100%; justify-content:center; margin:1rem 0; }.about-human .footer-credit { gap:.5rem; }
}
@media (max-width:380px) {
 .about-human .ap-portrait figcaption { left:-3rem; max-width:8rem; }
 .ah-personality-heading img { width:5rem; bottom:-1rem; }.ah-personality-heading h2 { font-size:2rem; }
 .ah-values dl>div { grid-template-columns:5.3rem 1fr; gap:.7rem; }.ah-values dd { font-size:1rem; }
}
@media (prefers-reduced-motion:reduce) {
 .about-human *, .about-human *::before, .about-human *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}