/* Text contours, small route labels, and character-only image corners. */
#code-field{position:fixed;inset:0;z-index:0;margin:0;overflow:hidden;pointer-events:none;user-select:none;font:10px/12px var(--mono);letter-spacing:1.6px;color:#a6c3e5;opacity:.34;white-space:pre}
.is-home #code-field{display:none}
.page-intro>.route-code{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:10px/1.5 var(--mono);letter-spacing:.06em;color:#8fabc7;max-width:none}
.route-code>span:first-child{color:#c5d8ed}
.code-cursor{display:inline-block;animation:code-caret 1.4s steps(1,end) infinite;color:#c5e8ff}
@keyframes code-caret{50%{opacity:0}}
.motion-paused .code-cursor{animation:none}
.frame-corners{position:absolute;inset:-7px;pointer-events:none;z-index:3;color:#b9d5ed;font:12px/1 var(--mono);letter-spacing:-2px}
.frame-corners i{position:absolute;font-style:normal}
.frame-corners i:nth-child(1){top:0;left:0}.frame-corners i:nth-child(2){top:0;right:0}.frame-corners i:nth-child(3){bottom:0;left:0}.frame-corners i:nth-child(4){bottom:0;right:0}
.frame-caption{position:absolute;top:-22px;left:0;color:#94b0cb;font:9px/1.4 var(--mono);letter-spacing:.07em;pointer-events:none;white-space:nowrap}
.about-visual,.video-cover,.release-cover{position:relative;overflow:visible}
.about-visual>img,.video-cover>img{display:block}
.video-cover:hover .frame-corners,.release-cover:hover .frame-corners{color:#fff}
.is-video .videos-section{background:transparent;padding-top:22px}
body.is-video .page-intro h1{font-size:clamp(36px,4vw,56px);line-height:1.2}
.is-video .page-intro>p:not(.route-code){margin-top:18px;font-size:13px}
.is-video .video-grid{gap:48px}
.is-video .video-card{grid-template-columns:260px minmax(0,1fr);gap:34px;min-width:0}
.is-video .video-cover{width:260px;height:auto;aspect-ratio:16/9}
.is-video .video-cover img{height:100%;object-fit:cover;opacity:1}
.is-video .video-meta,.is-video .video-meta>div{min-width:0}
.is-video .video-meta h3{font-size:23px;line-height:1.4;overflow-wrap:anywhere}
.is-video .video-meta p{font-size:12px;line-height:1.7;margin-top:8px}
.is-video .play-circle{border:0;background:#000b;border-radius:0;font:12px/1 var(--mono);width:38px;height:38px}
.is-video .play-circle::before,.is-video .play-circle::after{position:absolute;top:50%;transform:translateY(-50%);color:#c1dcf5;font:18px var(--mono)}
.is-video .play-circle::before{content:'[';left:-7px}.is-video .play-circle::after{content:']';right:-7px}
.is-video .video-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;flex:0 0 44px}

/* Profile: a single composition rather than separate centered fragments. */
body.is-about{min-height:100svh;display:flex;flex-direction:column}
.is-about #main{width:min(1040px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;gap:32px;padding:108px 40px 28px}
.is-about .page-intro{padding:0}
body.is-about .page-intro h1{font-size:30px;line-height:1.2;letter-spacing:-.035em}
.is-about .about-section{padding:0;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:center}
.is-about .about-visual{width:100%;max-width:300px;aspect-ratio:1}
.is-about .about-copy h2{font-size:28px;line-height:1.2;margin:6px 0 12px;letter-spacing:-.035em}
.profile-tag{font:9px/1.5 var(--mono);letter-spacing:.12em;color:#8faac4}
.profile-identity p{font-size:13px;line-height:1.8;color:#bec5ce;margin:0}
.is-about .about-copy>p.profile-bio{font-size:12px;line-height:1.8;margin:18px 0;color:#aeb8c5}
.is-about .artist-facts{margin:18px 0 0}
.is-about .artist-facts>div{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:12px;padding:7px 0;line-height:1.6}
.is-about .artist-facts span{font-size:10px;color:#8294a9}
.is-about .artist-facts span::before{content:': ';color:#bdcfdf}
.is-about .artist-facts strong,.is-about .artist-facts a{font-size:12px;overflow-wrap:anywhere}
.is-about .about-social{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:18px}
.is-about .about-social .text-link{display:flex;gap:8px;font-size:12px;min-height:36px;align-items:center}
.is-about .about-social .text-link::before{content:'[';color:#7d9bb7}.is-about .about-social .text-link::after{content:']';color:#7d9bb7}
.is-about .about-social .text-link span{font-size:13px;margin-left:auto}
.is-about .site-footer{padding:10px 40px 14px}
.is-about .footer-top,.is-about .footer-social{display:none}
.is-about .footer-bottom{padding:0;gap:12px;font-size:10px;flex-wrap:nowrap}
.is-about #background-motion,.is-about .footer-bottom>a{font-size:10px;min-height:28px;display:inline-flex;align-items:center}
@media(max-width:900px) and (min-width:701px){.is-about .about-section{grid-template-columns:240px minmax(0,1fr);gap:32px}.is-about .about-copy h2{font-size:25px}}
@media(max-width:700px){
 #code-field{opacity:.26}
 .site-header{padding:22px 24px}
 .is-about #main{max-width:480px;padding:100px 26px 20px;justify-content:center;gap:30px}
 body.is-about .page-intro h1{font-size:27px;line-height:1.25}
 .is-about .page-intro>.route-code{font-size:9px;margin-bottom:9px}
 .is-about .about-section{grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:20px 24px;align-items:center}
 .is-about .about-visual{grid-column:1;grid-row:1;max-width:none;align-self:center}
 .is-about .about-copy{display:contents}
 .is-about .profile-identity{grid-column:2;grid-row:1}
 .is-about .about-copy h2{font-size:27px;margin:7px 0 12px}
 .profile-identity p{font-size:12px;line-height:1.8}
 .profile-tag{font-size:8px;letter-spacing:.1em}
 .is-about .about-copy>p.profile-bio{grid-column:1/-1;margin:4px 0 0;font-size:12px;line-height:1.85}
 .is-about .artist-facts{grid-column:1/-1;margin:0}
 .is-about .artist-facts>div{grid-template-columns:85px minmax(0,1fr);padding:6px 0;gap:12px}
 .is-about .artist-facts strong,.is-about .artist-facts a{font-size:12px;text-align:left}
 .is-about .about-social{grid-column:1/-1;margin:0;gap:0 24px}
 .is-about .about-social .text-link{font-size:12px;min-height:44px}
 .is-about .site-footer{padding:6px 26px max(10px,env(safe-area-inset-bottom))}
 .is-about .footer-bottom,.is-about #background-motion,.is-about .footer-bottom>a{font-size:9px}
 .is-video .page-intro{padding-top:26px;padding-bottom:20px}
 body.is-video .page-intro h1{font-size:36px}
.is-video .videos-section{padding-top:12px}
 .is-video .video-grid{gap:46px}
 .is-video .video-card{display:block;min-width:0}
 .is-video .video-cover{display:block;width:100%;height:auto;aspect-ratio:16/9}
 .is-video .video-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
 .is-video .video-meta h3{font-size:20px;line-height:1.4}
 .is-video .video-meta p{font-size:11px;margin-top:5px}
 .is-video .video-arrow{font-size:24px}
 .frame-caption{font-size:8px;top:-19px}
}
@media(max-width:700px) and (max-height:720px){
 .is-about #main{padding-top:82px;padding-bottom:10px;gap:22px}
 body.is-about .page-intro h1{font-size:24px}
 .is-about .page-intro>.route-code{margin-bottom:5px}
 .is-about .about-section{gap:13px 20px;grid-template-columns:minmax(0,38%) minmax(0,1fr)}
 .is-about .about-copy h2{font-size:23px;margin:5px 0 8px}
 .profile-identity p{font-size:11px;line-height:1.7}
 .is-about .about-copy>p.profile-bio{font-size:11px;margin:0;line-height:1.7}
 .is-about .artist-facts>div{padding:4px 0;grid-template-columns:75px minmax(0,1fr);gap:8px}
 .is-about .artist-facts strong,.is-about .artist-facts a{font-size:11px}
 .is-about .about-social{gap:0 16px}
 .is-about .about-social .text-link{font-size:11px;min-height:36px}
}
@media(min-width:701px) and (max-height:650px){
 .is-about #main{padding:78px 32px 10px;gap:20px;max-width:950px}
 body.is-about .page-intro h1{font-size:23px}
 .is-about .page-intro>.route-code{margin-bottom:4px;font-size:9px}
 .is-about .about-section{grid-template-columns:190px minmax(0,1fr);gap:36px}
 .is-about .about-copy h2{font-size:20px;margin:3px 0 6px}
 .profile-tag{font-size:8px}.profile-identity p{font-size:11px;line-height:1.5}
 .is-about .about-copy>p.profile-bio{font-size:11px;line-height:1.5;margin:8px 0}
 .is-about .artist-facts{margin:0}.is-about .artist-facts>div{padding:2px 0}
 .is-about .artist-facts strong,.is-about .artist-facts a{font-size:11px}
 .is-about .about-social{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}
 .is-about .about-social .text-link{font-size:10px;min-height:24px;gap:5px}
 .is-about .about-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px 20px;align-items:start}
 .is-about .profile-identity{grid-column:1;grid-row:1}
 .is-about .about-copy>p.profile-bio{grid-column:1;grid-row:2;margin:0}
 .is-about .artist-facts{grid-column:2;grid-row:1/3}
 .is-about .artist-facts>div{grid-template-columns:70px minmax(0,1fr);gap:8px}
 .is-about .about-social{grid-column:1/-1;grid-row:3}
 .is-about .site-footer{padding:4px 32px 6px}
}
@media(prefers-reduced-motion:reduce){.code-cursor{animation:none}}