/* Both sides of the 3D card stay visible. The full biography has its own page. */
.about-summary[hidden] { display:none; }
body.card-back { height:100%; min-height:0; overflow:hidden; padding-bottom:0; }
body.card-back #scene { visibility:visible; pointer-events:auto; }
body.card-back .about-summary { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0; margin:0; }
.about-card-actions { position:fixed; top:82px; right:24px; left:24px; z-index:6; display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; }
.about-card-actions .about-flip,body.card-back .about-card-actions .about-flip { position:static; transform:none; }
.about-read-link { display:inline-flex; min-height:44px; align-items:center; color:#20242f; font:600 14px/1.4 Inter,"Noto Sans SC",sans-serif; padding:10px 8px; text-underline-offset:5px; }
body.card-back .contact-bar { position:fixed; left:50%; bottom:88px; width:max-content; max-width:calc(100vw - 32px); margin:0; transform:translateX(-50%); justify-content:center; }
@media(max-width:600px) {
 .about-card-actions { top:76px; right:16px; left:16px; gap:6px; }
 .about-card-actions .about-flip { padding:10px 14px; }
 body.card-back .contact-bar { bottom:80px; }
}
@media(max-height:500px) and (orientation:landscape) {
 .about-card-actions { left:16px; right:auto; top:82px; flex-direction:column; align-items:flex-start; max-width:30vw; }
 body.card-back .contact-bar { left:auto; right:16px; bottom:76px; transform:none; max-width:32vw; }
}
body.webgl-unavailable { overflow-y:auto; height:auto; }
body.webgl-unavailable #scene { display:none; }
body.webgl-unavailable .about-summary { position:relative; width:min(600px,100%); height:auto; overflow:visible; clip-path:none; margin:150px auto 32px; padding:24px; color:#20242f; font:16px/1.8 Inter,"Noto Sans SC",sans-serif; }
body.webgl-unavailable .about-summary p { margin:20px 0; }
body.webgl-unavailable .contact-bar { position:relative; left:auto; bottom:auto; transform:none; margin:24px auto 100px; }
body.webgl-unavailable .about-flip { display:none; }