/* Keep the editorial spacing; the scroll surface belongs to the snow scene. */
.about-card{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#617e7133 transparent;scroll-padding-block:20px;-webkit-overflow-scrolling:touch}
.about-card:hover,.about-card:focus-within{scrollbar-color:#617e7173 transparent}
.about-card::-webkit-scrollbar{width:4px;height:4px}
.about-card::-webkit-scrollbar-track{background:transparent}
.about-card::-webkit-scrollbar-thumb{border:0;border-radius:4px;background:#617e714d}
.about-card::-webkit-scrollbar-button{display:none;width:0;height:0}
.about-card::-webkit-scrollbar-corner{background:transparent}
@supports selector(::-webkit-scrollbar){.about-card,.about-card:hover,.about-card:focus-within{scrollbar-width:auto;scrollbar-color:auto}}
.about-card[data-scroll-more="true"]{mask-image:linear-gradient(#000 calc(100% - 20px),transparent)}
#about-explore{position:fixed;z-index:6;right:var(--pad);bottom:30px;display:flex;align-items:center;gap:18px;min-height:44px;padding:9px 16px;border:1px solid #ffffffa6;border-radius:24px;background:#f3f7f0c7;backdrop-filter:blur(8px);font-size:12px;color:#405c53}
#about-explore:hover{background:#f6faf4f2}
.about-reading #snowman-controls,.about-reading #snowman-invite{display:none!important}
.about-reading footer>#replay,.about-reading footer>#motion-toggle,.about-reading footer>.progress{visibility:hidden}
.about-reading #about-me{visibility:visible;opacity:var(--about-reveal,1);pointer-events:auto}
.about-exploring #about-me{visibility:hidden;opacity:0;pointer-events:none}
.about-exploring #room-wash{opacity:.06}
@media(max-width:600px){
 nav{gap:12px}
 .about-card{scrollbar-color:#617e7140 transparent;padding-right:8px;padding-bottom:30px}
 .about-reading #about-me{top:110px;bottom:106px;max-height:none;transform:none}
 .about-reading #room-wash{background:linear-gradient(90deg,#f1f5efed,#f1f5efcf 75%,#f1f5ef9c)}
 #about-explore{left:50%;right:auto;bottom:36px;transform:translateX(-50%);white-space:nowrap}
}
@media(max-height:520px) and (pointer:coarse){
 .about-reading #about-me{top:90px;bottom:82px;width:calc(100vw - 72px);left:36px;right:36px;max-height:none;grid-template-columns:minmax(0,1fr) 108px;transform:none}
 #about-explore{left:auto;right:26px;bottom:22px;transform:none}
}
@media(prefers-reduced-motion:reduce){.about-card{scroll-behavior:auto}}

/* Project navigation stays in the header; the companion has one quiet control. */
#snowman-controls>div{width:fit-content;margin-left:auto;padding:3px;border-radius:24px}
#snowman-controls .snowman-rest{min-width:88px;min-height:40px;padding:9px 16px;border:0;border-radius:20px}
#snowman-controls .snowman-hint{margin:0 0 10px;white-space:nowrap}
@media(max-width:600px), (max-height:520px) and (pointer:coarse){#snowman-controls>div{margin-inline:auto}}