/* A shared network landscape, inspired by the owner's visual references. */
#main:before{background:url('../art/reference-network/night.webp') center top/max(100%,1536px) auto repeat-y;mask-image:none;opacity:.48}
html[data-theme=light] #main:before{background-image:url('../art/reference-network/day.webp');opacity:.55}
/* Original isometric illustrations inherit the current color theme. */
.engineered-art{--art-stroke:#7a9aae;--art-face:#091724;--art-accent:#2385ff;--art-contrast:#fff;--art-grid:#48748d24;color:var(--art-stroke);position:relative;isolation:isolate;min-width:0}
html[data-theme=light] .engineered-art{--art-stroke:#537080;--art-face:#eff5fa;--art-accent:#146bdd;--art-grid:#5370801c}
.cyber-scene{display:block;width:100%;height:auto;overflow:visible}
.art-structure{stroke:var(--art-stroke);stroke-width:1.3}
.art-grid{stroke:var(--art-grid);stroke-width:1}
.art-face,.art-plinth{fill:var(--art-face)}
.art-land{fill:var(--art-grid);stroke:var(--art-stroke)}
.art-accent{fill:var(--art-accent);stroke:var(--art-accent)}
.art-contrast{stroke:var(--art-contrast);stroke-width:3;fill:none}
.art-route{stroke:var(--art-accent);stroke-dasharray:4 7;opacity:.7}
.art-satellite{fill:var(--art-face);stroke:var(--art-accent)}
.art-stripes{opacity:.45}
.page-about .about-hero-art.engineered-art{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;min-height:430px;background:radial-gradient(ellipse at center,#237cf011,transparent 65%)}
.page-about .about-hero-art.engineered-art:after{display:none}
.about-hero-art .cyber-scene{max-width:570px}
.art-caption{text-align:center;font:600 9px/1.8 var(--font);letter-spacing:.18em;color:var(--muted);margin-top:5px}
.page-about .about-hero-copy{padding:46px 10px 46px 42px}
.page-about .about-hero-copy h2{margin-bottom:18px}
.contact-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;border:1px solid var(--border);background:var(--surface);padding:38px 42px!important}
.contact-intro:after{display:none}
.contact-intro-copy{grid-column:1;grid-row:1;position:relative;z-index:1}
.contact-scene{grid-column:2;grid-row:1;max-width:470px;justify-self:end;width:100%}
.contact-intro h1{margin-block:20px!important}
html[data-theme=light] .contact-intro{background:var(--surface)}
.legal-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;background:var(--surface);padding:32px 42px}
.legal-scene{width:100%;max-width:420px;justify-self:end}
.legal-hero h1{max-width:650px}
.detail-icon{border-radius:12px;box-shadow:inset 0 0 0 1px var(--border)}
.expertise-card{background:linear-gradient(145deg,var(--accent-soft),transparent 60%),var(--surface)}
.expertise-card .detail-icon{width:56px;height:56px;transform:rotate(-7deg);margin:6px}
.expertise-card .detail-icon .icon{width:28px;height:28px;transform:rotate(7deg)}
/* The identity panel uses actual account information and functional shortcuts. */
.profile-identity{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(200px,.75fr);align-items:center;gap:24px;padding:30px;margin-bottom:24px;overflow:hidden;background:radial-gradient(ellipse at right,#237cf011,transparent 65%),var(--surface)}
.profile-person{display:flex;gap:20px;align-items:center;margin-top:28px;min-width:0}
.profile-person>div{min-width:0}.profile-person h2{font-size:clamp(23px,2.5vw,38px);margin:0 0 8px;overflow-wrap:anywhere}
.profile-person p{margin:0;font-size:12px;color:var(--muted)}
.profile-person .member-avatar{width:76px;height:76px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent);font-size:26px}
.profile-shortcuts{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.profile-shortcuts a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:11px}
.profile-shortcuts .icon{color:var(--accent-text);width:22px;height:22px}.profile-shortcuts strong{display:block;font-size:22px;line-height:1.25}
.profile-section-title{display:flex;align-items:center;gap:12px}.profile-section-title .icon{color:var(--accent-text);width:25px;height:25px}
.profile-scene{width:100%;max-width:300px;justify-self:end}
.account-nav a{border:1px solid transparent}.account-nav a.active{border-color:var(--border)}
@media(max-width:900px) and (min-width:701px){.contact-intro{padding:30px!important}.legal-hero{grid-template-columns:1fr .8fr;padding:30px;gap:20px}.profile-identity{grid-template-columns:1fr}.profile-scene{display:none}}
@media(max-width:700px){
 #main:before{background-size:1152px auto;background-position:20% top;opacity:.28}
 html[data-theme=light] #main:before{opacity:.34}
 .page-about .about-hero-copy{padding:30px 24px 36px}
 .page-about .about-hero-art.engineered-art{position:absolute;inset:0;min-height:0;height:auto;padding:0;justify-content:flex-end;opacity:.22}
 .page-about .about-hero-art .cyber-scene{width:125%;max-width:none;margin-right:-20%;margin-bottom:12px}
 .page-about .art-caption{display:none}
 .contact-intro{grid-template-columns:1fr;gap:0;padding:28px 24px!important;min-height:400px}
 .contact-intro-copy{grid-column:1;grid-row:1}
 .contact-scene{grid-column:1;grid-row:2;width:230px;justify-self:center;margin-top:8px}
 .legal-hero{grid-template-columns:1fr;gap:12px;padding:27px 24px}
 .legal-scene{width:220px;justify-self:center}
 .legal-hero h1{font-size:clamp(29px,8vw,38px)}
 .profile-identity{grid-template-columns:1fr;padding:24px;gap:10px}
 .profile-person{gap:16px;margin-top:18px}.profile-person .member-avatar{width:60px;height:60px}
 .profile-shortcuts{margin-top:22px}.profile-shortcuts a{flex:1;padding:12px;font-size:10px}
 .profile-scene{display:block;width:180px;justify-self:center;margin-top:4px}
 .expertise-card .detail-icon{width:44px;height:44px;margin:0}
}