/* Four interests, one shared visual rhythm. All changes are About-only. */
.about-scenes .aw-scenes { max-width:62rem; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3.5rem 7rem; margin-top:3rem; }
.about-scenes .aw-scenes article { padding:0; margin:0; text-align:center; align-self:start; }
.about-scenes .aw-scenes figure { display:grid; grid-template-rows:19rem 2.5rem; width:100%; max-width:none; margin:0 0 1rem!important; }
.about-scenes .aw-scenes figure>img { width:100%; height:19rem; object-fit:contain; }
.about-scenes .aw-scenes .aw-gaming figure>img { padding:.5rem; }
.about-scenes .aw-scenes .aw-cinema figure>img { padding:1.3rem; }
.about-scenes .aw-scenes .aw-road figure>img { padding:0; }
.about-scenes .aw-scenes .aw-field figure>img { padding:.8rem; }
.about-scenes .aw-scenes figcaption { position:static; align-self:end; margin:0; max-width:none; white-space:normal; text-align:center; font-size:1.15rem; transform:rotate(-4deg); color:#97819f; }
.about-scenes .aw-scenes h3,.about-scenes .aw-scenes article>p { padding:0; margin-inline:auto; }
.about-scenes .aw-scenes h3 { font-size:1.4rem; }.about-scenes .aw-scenes article>p { margin-top:.5rem; font-size:1rem; }
/* Personal observations illustrated as little objects, not four loose sentences. */
.about-scenes .ax-asides { width:100%; max-width:65rem; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.5rem; margin-top:3.5rem; }
.ax-asides li { padding:0; text-align:center; min-width:0; }
.ax-asides li p { font-size:.98rem; line-height:1.6; max-width:14rem; margin:.9rem auto 0; color:#78796f; }
.ax-asides strong { font-weight:500; color:#393b33; }
.ax-note-art { height:9rem; position:relative; width:12rem; max-width:100%; margin:auto; }
.ax-note-art>.ap-hand { position:absolute; bottom:0; left:0; width:100%; font-size:1.08rem; color:#9b84b1; transform:rotate(-5deg); }
.ax-tabs i { position:absolute; width:5rem; height:4rem; background:#f0ebf5; border:1px solid #dfd5e8; border-radius:.5rem; left:1rem; top:1rem; transform:rotate(-12deg); box-shadow:0 10px 15px -12px #8a749e; }
.ax-tabs i::before { content:'•••'; position:absolute; top:-3px; left:5px; color:#c7b5d8; letter-spacing:2px; font-size:.8rem; }
.ax-tabs i::after { content:''; position:absolute; left:12px; right:12px; top:25px; height:4px; border-radius:3px; background:#d9cbe5; box-shadow:0 10px 0 #e4dceb; }
.ax-tabs i:nth-child(2) { left:3.5rem; top:.5rem; transform:rotate(2deg); background:#f5f1f8; }
.ax-tabs i:nth-child(3) { left:6rem; top:1.2rem; transform:rotate(12deg); background:#fdfbff; }
.ax-tabs b { position:absolute; right:-.5rem; bottom:-.3rem; background:#b6c5a8; color:#fff; width:1.6rem; height:1.6rem; border-radius:50%; font:1rem/1.6rem sans-serif; z-index:1; }
.ax-try>i { display:block; position:absolute; width:10rem; top:.8rem; left:1rem; padding:1.5rem .6rem; border-radius:.8rem; background:#ede7f4; color:#9982ae; box-shadow:3px 4px 0 #d9cde4,0 12px 20px -15px #9c86b1; font:1.05rem/1.3 ui-monospace,monospace; transform:rotate(5deg); }
.ax-try>i span { color:#b3a1c5; }
.ax-people>i { width:4.5rem; height:3.7rem; position:absolute; top:.5rem; left:2rem; border-radius:1.2rem 1.2rem .2rem 1.2rem; background:#e6dbef; color:#a087b4; font:500 2rem/3.7rem sans-serif; transform:rotate(-9deg); box-shadow:2px 3px 0 #d7c7e3; }
.ax-people>i+i { top:2rem; left:5.2rem; border-radius:1.2rem 1.2rem 1.2rem .2rem; background:#ede5d5; color:#b8a075; transform:rotate(9deg); box-shadow:2px 3px 0 #e2d7c1; }
.ax-idea>i { position:absolute; left:3.5rem; top:0; width:5rem; height:6rem; border-radius:3px; background:#f6f0df; transform:rotate(-10deg); box-shadow:0 10px 20px -15px #9e8755; display:grid; place-items:center; }
.ax-idea svg { width:2.8rem; height:3.7rem; fill:none; stroke:#c3ac75; stroke-width:3; stroke-linecap:round; }
.ax-note-art>i { transition:transform .3s ease; }.ax-asides li:hover .ax-note-art>i { transform:translateY(-4px) rotate(0); }
/* Familiar dimensional objects replace abstract marks. */
.about-scenes .aw-values .aw-value-symbol { width:6rem; height:6rem; background:none; border-radius:0; box-shadow:none; text-shadow:none; transform:rotate(-7deg); }
.about-scenes .aw-values .aw-value-symbol svg { width:6rem; height:6rem; stroke:none; stroke-width:0; overflow:visible; filter:drop-shadow(0 9px 7px #83709216); }
.about-scenes .aw-value-clarity .aw-value-symbol { transform:rotate(7deg); }
.about-scenes .aw-value-ownership .aw-value-symbol { transform:rotate(8deg); }
.about-scenes .aw-values dl>div:hover .aw-value-symbol { transform:translateY(-5px) rotate(0); }
@media(max-width:1000px) {
 .about-scenes .aw-scenes { gap:3rem 4rem; }
 .about-scenes .ax-asides { gap:1.2rem; }.ax-note-art { transform:scale(.88); transform-origin:center bottom; }
}
@media(max-width:760px) {
 .about-scenes .aw-scenes { gap:3rem 1.5rem; }.about-scenes .aw-scenes figure { grid-template-rows:13rem 2.5rem; }.about-scenes .aw-scenes figure>img { height:13rem; }
 .about-scenes .aw-scenes h3 { font-size:1.15rem; }.about-scenes .aw-scenes figcaption { font-size:1rem; }
 .about-scenes .ax-asides { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1.5rem; margin-top:2rem; }.ax-note-art { transform:none; }
 .about-scenes .aw-values .aw-value-symbol,.about-scenes .aw-values .aw-value-symbol svg { width:5rem; height:5rem; }
}
@media(max-width:480px) {
 .about-scenes .aw-scenes { grid-template-columns:1fr; gap:3rem; }.about-scenes .aw-scenes figure { grid-template-rows:16rem 2.3rem; }.about-scenes .aw-scenes figure>img { height:16rem; }
 .about-scenes .ax-asides { gap:2rem 1rem; }.ax-note-art { width:10rem; transform:scale(.8); height:8rem; }.ax-asides li p { font-size:.9rem; }.ax-tabs i { width:4rem; }.ax-tabs i:nth-child(3) { left:5rem; }.ax-try>i { left:0; }.ax-people>i { left:1rem; }.ax-people>i+i { left:4rem; }.ax-idea>i { left:2.5rem; }
}
@media(prefers-reduced-motion:reduce) { .ax-note-art>i { transition:none; } }