:root{--accent:#ff985b;--text:#f5eee8;--muted:#b6aaa2;--line:#ffffff15}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#100e0d;color:var(--text);font-family:Arial,Helvetica,sans-serif;display:grid;place-items:center;padding:35px 20px}.backdrop{position:fixed;inset:0;background:linear-gradient(90deg,#08090be3,#150d0790,#08090be3),url('assets/ecm-concept.png') center/cover;z-index:-2}.backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#0008);backdrop-filter:blur(2px)}.corner,.background-caption{position:fixed;font-size:8px;letter-spacing:2px;color:#bcaaa080;left:30px}.corner{top:27px}.background-caption{bottom:25px}.card{width:min(490px,100%);border:1px solid #ffffff25;border-top-color:#ffcba359;border-radius:25px;background:linear-gradient(135deg,#29211dba,#111214ec 70%);box-shadow:0 25px 100px #000b,0 0 90px #d7762610;backdrop-filter:blur(22px);overflow:hidden}header{padding:27px 30px 22px;text-align:center;background:radial-gradient(ellipse at top,#cd722317,transparent 75%)}.avatar{width:58px;height:58px;border:1px solid #d99c624a;border-radius:17px;margin:0 auto 17px;display:grid;place-items:center;background:linear-gradient(145deg,#ffb16b20,#ffffff03);font-size:23px;font-weight:900;letter-spacing:-2px;color:var(--accent);position:relative}.avatar span{position:absolute;right:-5px;bottom:-4px;border:3px solid #25201c;background:var(--accent);color:#302014;width:19px;height:19px;border-radius:50%;font-size:11px;letter-spacing:0;display:grid;place-items:center}.eyebrow,.section-label{font-size:8px;letter-spacing:1.8px;color:var(--accent);font-weight:700}h1{font-size:37px;letter-spacing:-1.5px;margin:9px 0 8px}h1 span{color:var(--accent)}.role{font-size:13px;color:#e3d7ce;margin:0}.specialty{font-size:10px;color:var(--muted);margin:6px 0 16px}.profile-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:7px;letter-spacing:1.2px;color:#a99b91}.profile-meta i{width:3px;height:3px;border-radius:50%;background:var(--accent)}nav{display:flex;padding:0 22px;border-block:1px solid var(--line);background:#0002;gap:5px}nav button{flex:1;padding:15px 0;color:#a69e98;font:700 10px Arial;border:0;border-bottom:2px solid transparent;cursor:pointer;background:none;transition:color .2s,background .2s}nav button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:linear-gradient(0deg,#ff985b0b,transparent)}nav button:hover{color:#f4ece6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}[hidden]{display:none!important}.content{padding:26px 30px;min-height:320px}.content section{animation:show .25s ease-out}h2{font-size:25px;letter-spacing:-.8px;line-height:1.12;margin:15px 0 16px}h2 em{color:var(--accent);font-style:normal}p{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}p strong{color:#ede0d6;font-weight:400}.info-strip{display:flex;gap:7px;margin-top:22px}.info-strip span{border:1px solid #ffffff14;padding:7px 9px;border-radius:5px;font-size:6px;letter-spacing:.8px;color:#c3b5aa}.project-image{height:140px;position:relative;border-radius:10px;overflow:hidden;border:1px solid #ffffff14}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent)}.project-image img{width:100%;height:100%;object-fit:cover}.project-image>span{position:absolute;bottom:16px;left:16px;z-index:1;font-weight:900;font-size:30px;letter-spacing:-1px}.project-image b{color:var(--accent);font-size:16px;letter-spacing:0}.project-image small{position:absolute;top:12px;right:12px;z-index:1;font-size:6px;letter-spacing:1px;padding:6px 8px;border:1px solid #ffffff38;border-radius:4px;background:#0005}.image-caption{display:block;font-size:6px;color:#94877e;margin:7px 0 13px;letter-spacing:.6px}#ecm h2{font-size:23px;margin-top:10px}#ecm p{font-size:10px}.community-mark{float:right;font-size:65px;margin-top:25px;color:var(--accent);text-shadow:0 0 35px #ff985b35}.wide-link{display:flex;align-items:center;justify-content:space-between;padding:14px;margin-top:10px;border:1px solid #ffffff1a;background:#ffffff03;border-radius:8px;font-size:11px}.wide-link b{color:var(--accent)}.wide-link:hover,.link-list a:hover{background:#ff985b09;border-color:#ff985b44}.link-list{display:grid;gap:9px;margin-top:22px}.link-list a{display:flex;gap:13px;align-items:center;border:1px solid #ffffff15;padding:14px;border-radius:9px;background:#ffffff02}.link-icon{height:32px;width:32px;background:#ff985b0b;border:1px solid #ff985b25;display:grid;place-items:center;color:var(--accent);border-radius:8px;font-size:11px}.link-list strong{display:block;font-size:11px}.link-list small{display:block;font-size:7px;color:#a89a90;margin-top:5px;letter-spacing:.5px}.link-list b{margin-left:auto;color:var(--accent);font-size:15px}.link-note{font-size:8px;color:#a68d7c}.missing{opacity:.48;cursor:default}footer{border-top:1px solid var(--line);padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0002}footer>span{font-size:6px;letter-spacing:1px;color:#93867d}footer>div{display:flex;gap:12px}footer a{font-size:6px;color:#c3b1a4;letter-spacing:.5px}footer a:hover{color:var(--accent)}@keyframes show{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:550px){body{padding:25px 15px}.corner,.background-caption{display:none}.content{padding:24px;min-height:320px}header{padding:25px}.card{border-radius:22px}footer{padding:16px 20px}footer>div{gap:9px}}@media(max-height:780px) and (min-width:551px){body{padding:20px}.corner,.background-caption{display:none}header{padding:20px}.avatar{width:45px;height:45px;font-size:20px;margin-bottom:10px}.content{min-height:295px;padding-top:20px;padding-bottom:20px}h1{font-size:32px}.specialty{margin-bottom:12px}.project-image{height:110px}#ecm p{margin:9px 0}}@media(prefers-reduced-motion:reduce){.content section{animation:none}nav button{transition:none}}

/* Clean cinematic CS background. */
.backdrop{background:linear-gradient(#03070b18,#03070b35),url('assets/ecm-background.png') center top/cover no-repeat}
.backdrop:after{background:radial-gradient(ellipse at center,#0001,transparent 75%);backdrop-filter:none}
.corner,.background-caption{display:none}
:root{--accent:#6bc3ff;--muted:#b0beca}
.card{border-top-color:#96d5ff59;background:linear-gradient(135deg,#101a2673,#080e1885 70%);box-shadow:0 20px 75px #0008;backdrop-filter:blur(2px);text-shadow:0 1px 5px #000a}
header{background:radial-gradient(ellipse at top,#168ad51c,transparent 75%)}
.avatar{border-color:#80c6ff4a;background:linear-gradient(145deg,#5aafff20,#ffffff03)}
.avatar span{border-color:#19232d;background:var(--accent);color:#102638}
nav button[aria-selected=true]{background:linear-gradient(0deg,#69baff0b,transparent)}
.link-icon{background:#70bdff0b;border-color:#70bdff25}
.wide-link:hover,.link-list a:hover{background:#70bdff09;border-color:#70bdff44}
.link-note{color:#9eb3c4}
@media(max-width:900px){.backdrop{background-position:center top}.backdrop:after{background:#050a1260}}

.minimal-title{font-size:27px;letter-spacing:-1px;margin:12px 0 5px}.ecm-summary{border-left:2px solid var(--accent);padding:12px 15px;margin:18px 0;background:#6bc3ff06}.ecm-summary p{margin-bottom:0}header{padding:25px 30px}.content{min-height:330px}

.personal-discord{display:flex;gap:13px;align-items:center;border:1px solid #ffffff15;padding:14px;border-radius:9px;background:#ffffff02}.personal-discord strong{display:block;font-size:11px}.personal-discord small{display:block;font-size:11px;color:var(--accent);margin-top:5px}


.profile-avatar{width:68px;height:68px;margin-bottom:13px;overflow:hidden;border-radius:17px;border:1px solid #a1c9e766;box-shadow:0 5px 22px #0006,0 0 0 4px #a1c9e708}
.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-name{font-size:18px;font-weight:700;letter-spacing:.6px;margin:0 0 7px}
.profile-role{font-size:14px;font-weight:400;letter-spacing:.3px;color:#c1cfdb;margin:0}
.backdrop{background-image:linear-gradient(#060a1240,#060a1266),url('assets/ecm-background.png')}
.backdrop:after{background:radial-gradient(ellipse at center,transparent 15%,#0002 48%,#000b 100%)}
@media(max-width:900px){.backdrop:after{background:radial-gradient(ellipse at center,transparent 15%,#0002 48%,#000b 100%)}}