.info-main { max-width:1440px; margin:auto; padding:160px 6vw var(--space-content); }
.info-lead { display:grid; grid-template-columns:1fr 1fr; gap:28px 7vw; align-items:start; }
.info-label { font:12px 'DM Mono',monospace; letter-spacing:.12em; color:var(--accent); margin:0 0 24px; }
.info-lead > .info-label { grid-column:1/-1; }
.info-lead h1 { font-size:clamp(64px,8vw,118px); line-height:.95; letter-spacing:-.065em; font-weight:500; margin:0; }
.info-lead h1 i { font-family:'Playfair Display',serif; font-weight:500; }
.info-bio p { font-size:17px; line-height:1.65; margin:0 0 22px; color:#bec5c9; }
.info-bio p:first-child { font-size:clamp(24px,2.4vw,34px); line-height:1.3; color:var(--paper); letter-spacing:-.035em; }
.info-link { display:inline-block; margin-top:10px; padding-bottom:8px; border-bottom:1px solid var(--line); font:12px 'DM Mono',monospace; }
.info-lead { margin-bottom:var(--space-content); }
.info-bio { grid-column:2; grid-row:2; }
.info-portrait-slot { grid-column:1; grid-row:3; width:min(100%,320px); aspect-ratio:9/16; margin-top:8px; border:1px dashed var(--line); display:flex; align-items:center; justify-content:center; }
.info-portrait-slot span { font:12px 'DM Mono',monospace; letter-spacing:.08em; color:#919da5; }
.info-bts { grid-column:2; grid-row:3; justify-self:end; margin:8px 0 0; width:min(100%,320px); }
.info-bts video { width:100%; aspect-ratio:9/16; object-fit:contain; display:block; background:#050709; }
.info-bts figcaption { margin-top:12px; font:12px 'DM Mono',monospace; color:#919da5; }
.info-contact { border-top:1px solid var(--line); padding-top:var(--space-break); display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.info-contact h2 { font-size:clamp(34px,4vw,54px); line-height:1.1; letter-spacing:-.045em; font-weight:500; margin:0; }
.info-contact-links { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; }
.info-contact-links a { font-size:clamp(16px,2vw,24px); overflow-wrap:anywhere; }
.info-contact-links a:hover,.info-link:hover { color:var(--accent); }
@media(max-width:720px) { .info-main { padding:120px 20px 60px; } .info-lead,.info-contact { grid-template-columns:1fr; } .info-lead { gap:24px; margin-bottom:40px; } .info-lead > .info-label { margin:0; } .info-bio { margin-top:12px; grid-column:1; grid-row:4; } .info-portrait-slot { grid-column:1; grid-row:3; justify-self:center; } .info-bts { grid-column:1; grid-row:5; justify-self:center; } }