/* The same personal story, with less copy and object-led compositions.
   Kept separate so the previous About can be restored without changing its CSS. */
.about-light .ap-hero { min-height:36rem; padding-top:2.5rem; }
.about-light .ah-introduction { max-width:27rem; margin-top:1.65rem!important; }
.about-light .ah-thread { margin-top:1.4rem!important; }
.about-light .ap-story { padding:5rem 0 4rem; }
.about-light .ap-story-layout { display:block; }
.about-light .ap-story-copy { text-align:center; }
.about-light .ap-story-copy h2 { font-size:clamp(2.5rem,4.5vw,3.75rem); line-height:1.12; }
.about-light .ap-story-copy h2>span { color:#76776e; font-weight:500; }
.about-light .ap-story-copy p { margin:1.3rem auto 0; max-width:39rem; font-size:1.125rem; line-height:1.6; }
.about-light .al-journey { width:100%; max-width:none; padding:3rem 0 0; }
.al-journey-stages { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:1rem; align-items:center; width:min(54rem,100%); margin:auto; }
.al-stage { text-align:center; position:relative; min-width:0; }
.al-stage h3 { font-size:1.3rem; font-weight:650; margin-top:1.3rem; }
.al-stage>p { font-size:.95rem; color:#76776e; margin-top:.45rem; }
.al-journey-arrow { align-self:start; margin-top:4rem; width:3.5rem; height:2rem; stroke:#b4a1ce; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.al-motion-object,.al-touch-object,.al-product-object { width:8.5rem; height:9rem; position:relative; margin:0 auto; }
.al-motion-object i { position:absolute; width:4.4rem; height:4.4rem; border-radius:50%; left:2rem; top:1.8rem; background:radial-gradient(circle at 30% 20%,#f1eaff,#b598df 58%,#8c6eac); box-shadow:inset -5px -9px 18px #6e509225; }
.al-motion-object span { position:absolute; width:4rem; height:.7rem; border-radius:50%; left:2.2rem; bottom:.5rem; background:#b0a3c638; filter:blur(6px); }
.al-touch-object { display:grid; place-items:center; }
.al-touch-object i { display:grid; place-items:center; width:5.5rem; height:5.5rem; background:linear-gradient(145deg,#fbf9ff,#e8dff7); box-shadow:3px 7px 0 #d2c4e4, 5px 19px 30px -14px #7561845c; border-radius:1.4rem; transform:rotate(-9deg); font-size:2.6rem; font-style:normal; color:#81619c; }
.al-touch-object svg { position:absolute; width:2rem; height:2.2rem; right:.1rem; bottom:.1rem; fill:#fff; stroke:#655d73; stroke-width:1.5; filter:drop-shadow(0 3px 3px #66517725); transform:rotate(-13deg); }
.al-product-object { width:6.6rem; height:9rem; background:#fff; border:1px solid #ebe6ef; border-radius:1.1rem; transform:rotate(8deg); box-shadow:4px 5px 0 #e5e1e9,9px 20px 28px -15px #82768e3d; padding:1.2rem .9rem; }
.al-product-object>span { display:block; height:2.7rem; background:#e7ecdf; border-radius:.5rem; margin-bottom:1rem; }
.al-product-object i { display:block; width:100%; height:5px; border-radius:3px; margin-top:.45rem; background:#d7d9cf; }.al-product-object i+i { width:60%; background:#ecece7; }
.al-product-object b { width:1.7rem; height:1.7rem; display:grid; place-items:center; position:absolute; right:-.55rem; bottom:.45rem; background:#7f9673; color:white; border:3px solid #fdfdfc; border-radius:50%; font-size:.75rem; font-weight:500; }
.al-journey-foot { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2rem; margin-top:2.6rem; }
.al-journey-foot>.ap-hand { font-size:1.2rem; transform:rotate(-3deg); }
.about-light .al-journey-foot .ap-replay { margin:0; font-size:.82rem; }
.about-light .ah-personality { grid-template-columns:.8fr 1.25fr; gap:1rem 5rem; padding:5rem 0 4rem; align-items:center; }
.about-light .ah-personality-heading { display:flex; flex-direction:column; align-items:center; }
.about-light .ah-personality-heading>.ap-hand { margin:0 0 1rem; transform:rotate(-6deg); font-size:1.4rem; }
.about-light .ah-personality-heading img { margin:0; width:min(100%,17rem); filter:drop-shadow(0 20px 24px #88809412); }
.about-light .ah-detail { margin:0; padding:0; border:0; }
.about-light .ah-detail h2 { font-size:clamp(2.45rem,4.4vw,3.65rem); line-height:1.15; }
.about-light .ah-detail h2>span { font-weight:500; color:#73756c; }
.about-light .ah-detail h2 em { font-style:normal; color:#141611; position:relative; }
.about-light .ah-detail h2 em::after { content:""; position:absolute; height:3px; background:#9c7ccb; left:0; right:0; bottom:0; transform:rotate(-4deg); border-radius:50%; }
.about-light .ah-alignment { gap:1.1rem; height:64px; margin-top:1.6rem; }
.about-light .ah-alignment i { height:30px; width:30px; border-radius:8px; box-shadow:0 9px 16px -10px #7f63996e; }
.about-light .ah-alignment::before { top:17px; }
.about-light .ah-nudge { margin-left:1.1rem; font-size:.9rem; }
.about-light .ah-detail-note { font-size:1.2rem; margin-top:.6rem; }
.about-light .al-asides { grid-column:1/-1; width:min(52rem,100%); margin:2.5rem auto 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.75rem 5rem; list-style:none; }
.al-asides li { font-size:1rem; line-height:1.55; color:#72746a; padding:.5rem 0; }
.about-light .ah-interests { padding:4.5rem 0 4rem; }
.about-light .ah-interests-heading { text-align:center; }
.about-light .ah-interests-heading h2 { font-size:clamp(2.5rem,4.5vw,3.75rem); }
.about-light .ah-interests-heading>.ap-hand { position:static; display:block; transform:rotate(-4deg); margin-top:1.1rem; font-size:1.3rem; }
.about-light .ah-interest-layout { grid-template-columns:1fr 2.1fr 1fr; gap:2rem 1.25rem; margin-top:3rem; align-items:center; }
.about-light .ah-favourite-objects { grid-column:2; grid-row:1; width:118%; margin-left:-9%!important; }
.about-light .ah-favourite-objects img { width:100%; mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent); }
.about-light .ah-play { grid-column:1; grid-row:1; padding:0; z-index:1; align-self:center; }
.about-light .ah-movies { grid-column:3; grid-row:1; padding:0; z-index:1; align-self:center; }
.about-light .ah-interest-layout h3 { font-size:1.2rem; line-height:1.35; }
.about-light .ah-interest-layout p:not(.ap-hand) { font-size:1rem; line-height:1.55; margin-top:.7rem; }
.about-light .ah-interest-layout .ap-hand { font-size:1.3rem; color:#9f7a59; margin-bottom:1.2rem; transform:rotate(-7deg); }
.about-light .ah-movies>.ap-hand { transform:rotate(6deg); color:#92816b; }
.about-light .ah-travel { grid-column:1/3; grid-row:2; padding:1rem 0 0 3rem; max-width:24rem; }
.about-light .ah-travel svg { margin-bottom:.8rem; width:10rem; }
.about-light .ah-making { grid-column:2/4; grid-row:2; justify-self:end; width:21rem; max-width:100%; padding:1rem 1rem 0 0; }
.about-light .ah-experiment { padding:.85rem 1rem 1rem; width:17rem; max-width:100%; }
.about-light .ah-making h3 { margin-top:1.5rem; }
.about-light .ah-values { display:block; padding:3.5rem 0 4rem; }
.about-light .ah-values h2.ap-hand { font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive; font-size:1.35rem; font-weight:400; letter-spacing:0; color:#8061bb; margin:0 0 2rem; transform:rotate(-2deg); text-align:center; }
.about-light .ah-values dl { display:grid; grid-template-columns:repeat(5,1fr); gap:2rem; }
.about-light .ah-values dl>div { display:block; border:0; padding:0; }
.about-light .ah-values dt { font-size:1rem; font-weight:600; }
.about-light .ah-values dd { font-size:.93rem; line-height:1.55; margin-top:.5rem; }
.about-light .ah-contact { padding:3rem 0 4rem; }
.about-light .ah-contact-copy { max-width:27rem; }
@media (prefers-reduced-motion:no-preference) {
 .al-journey.is-playing .al-motion-object i { animation:al-bounce 1.1s ease-in-out; }
 .al-journey.is-playing .al-motion-object span { animation:al-shadow 1.1s ease-in-out; }
 .al-journey.is-playing .al-touch-object i { animation:al-press .8s 1.1s ease-in-out; }
 .al-journey.is-playing .al-touch-object svg { animation:al-pointer .8s 1.1s ease-in-out; }
 .al-journey.is-playing .al-product-object { animation:al-arrive 1s 1.9s ease-in-out; }
 .al-journey.is-playing .al-product-object b { animation:al-check .65s 2.5s ease-out; }
}
@keyframes al-bounce { 0%,100% { transform:translateY(0); } 40% { transform:translateY(-22px) scale(.96,1.04); } 75% { transform:translateY(7px) scale(1.06,.94); } }
@keyframes al-shadow { 40% { transform:scale(.75); opacity:.5; } }
@keyframes al-press { 50% { transform:rotate(-9deg) translateY(5px) scale(.95); } }
@keyframes al-pointer { 50% { transform:rotate(-13deg) translate(-8px,-8px); } }
@keyframes al-arrive { 50% { transform:rotate(0deg) translateY(-9px); } }
@keyframes al-check { 50% { transform:scale(1.25); } }
@media (max-width:1000px) {
 .about-light .ah-interest-layout { grid-template-columns:1fr 1.8fr 1fr; gap:2rem 1rem; }
 .about-light .ah-favourite-objects { width:110%; margin-left:-5%!important; }
 .about-light .ah-travel { padding-left:0; max-width:20rem; }
 .about-light .ah-making { width:19rem; padding-right:0; }
 .about-light .ah-personality { column-gap:3rem; }
 .about-light .ah-values dl { gap:1rem; }
}
@media (max-width:760px) {
 .about-light .ap-hero { min-height:0; padding-top:2rem; }
 .about-light .ap-story { padding:3.5rem 0 3rem; }
 .about-light .ap-story-copy h2,.about-light .ah-interests-heading h2 { font-size:2.35rem; }
 .about-light .ap-story-copy p { font-size:1.06rem; }
 .about-light .al-journey { padding-top:2rem; }
 .al-journey-stages { gap:.4rem; grid-template-columns:1fr 1fr 1fr; }
 .al-journey-arrow { display:none; }
 .al-motion-object,.al-touch-object,.al-product-object { transform:scale(.72); transform-origin:center; margin-inline:auto; }
 .al-motion-object,.al-touch-object { width:6.3rem; }
 .al-motion-object i { left:.9rem; }.al-motion-object span { left:1.1rem; }
 .al-product-object { width:6.3rem; transform:rotate(8deg) scale(.72); }
 .al-stage h3 { font-size:.95rem; margin-top:-.4rem; }.al-stage>p { font-size:.8rem; max-width:7rem; margin-inline:auto; line-height:1.5; }
 .al-journey-foot { gap:.25rem 1.2rem; margin-top:1.5rem; }.al-journey-foot>.ap-hand { font-size:1.1rem; }
 .about-light .ah-personality { grid-template-columns:1fr; gap:2rem; padding:3rem 0; }
 .about-light .ah-personality-heading { flex-direction:row; justify-content:center; gap:1rem; }
 .about-light .ah-personality-heading img { position:static; width:8rem; }.about-light .ah-personality-heading>.ap-hand { max-width:8rem; font-size:1.2rem; }
 .about-light .ah-detail h2 { font-size:2.35rem; }.about-light .ah-observations { justify-self:center; }
 .about-light .al-asides { grid-template-columns:1fr; gap:.5rem; margin-top:0; padding-inline:.5rem; }
 .about-light .al-asides li { font-size:1rem; padding:.25rem 0; }
 .about-light .ah-interests { padding:3rem 0; }
 .about-light .ah-interest-layout { grid-template-columns:1fr 1fr; gap:2.3rem 1.25rem; margin-top:1.5rem; }
 .about-light .ah-favourite-objects { grid-column:1/-1; grid-row:1; width:100%; margin:0!important; }
 .about-light .ah-play { grid-column:1; grid-row:2; align-self:start; }.about-light .ah-movies { grid-column:2; grid-row:2; align-self:start; }
 .about-light .ah-interest-layout h3 { font-size:1.1rem; }.about-light .ah-interest-layout p:not(.ap-hand) { font-size:.96rem; }
 .about-light .ah-interest-layout .ap-hand { font-size:1.1rem; margin-bottom:.85rem; }
 .about-light .ah-travel { grid-column:1/-1; grid-row:3; padding:0 1rem; max-width:100%; }.about-light .ah-making { grid-column:1/-1; grid-row:4; width:100%; padding:0 1rem; justify-self:start; }
 .about-light .ah-values { padding:2.5rem 0; }.about-light .ah-values dl { grid-template-columns:1fr 1fr; gap:1.4rem 1.25rem; }
 .about-light .ah-values h2.ap-hand { text-align:left; font-size:1.2rem; }
 .about-light .ah-contact { padding-top:3rem; }
 .al-journey.is-playing .al-product-object { animation:none; }
}
@media (prefers-reduced-motion:reduce) {
 .about-light *, .about-light *::before, .about-light *::after { animation:none!important; transition:none!important; }
}