/* Mobile concept only: full-bleed image, quiet copy and a simple action.
   No shared production or desktop styles are changed. */
html{background:#101010;color:#fff;font-size:16px}
body{margin:0;font-family:'Courier New',monospace}
*{box-sizing:border-box}
.InfoPage{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:100vh;min-height:100svh;margin:0 auto;background:#151515}
.InfoPage-photo,.InfoPage-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.InfoPage-photo{z-index:-3;object-fit:cover;object-position:62% 42%}
.InfoPage-shade{z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 23%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.88) 70%,#101010)}
.InfoPage-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:calc(12px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left))}
.InfoPage-header a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font-size:.9375rem;line-height:1.3;letter-spacing:.025em;text-transform:uppercase}
.InfoPage-content{position:relative;margin-top:auto;padding:clamp(12rem,32svh,20rem) max(24px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.InfoPage-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.InfoPage-bio{max-width:290px;margin:0;font-size:.875rem;line-height:1.5;letter-spacing:0;text-align:left;hyphens:none;overflow-wrap:break-word}
.InfoPage-contact{margin:16px 0 0;font-size:.875rem;line-height:1.3}
.InfoPage-contact a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;color:inherit;text-decoration:none;overflow-wrap:anywhere}
a:focus-visible{outline:1px solid #fff;outline-offset:4px}
@media(hover:hover){.InfoPage-contact a:hover{text-decoration:underline;text-underline-offset:4px}}
/* Content stays reachable on short screens and when text is enlarged. */
@media(max-height:550px){.InfoPage{max-width:none}.InfoPage-content{padding-top:8rem;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.InfoPage-photo{object-position:62% 35%}}