html:has(#evile-portfolio-mock),body:has(>#evile-portfolio-mock){margin:0!important;padding:0!important;background:#10101d!important;--visualize-paint-gutter:0px}
#evile-portfolio-mock{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#efecff;background:#10101d;--glow:#cab1ff;}
#evile-portfolio-mock *{box-sizing:border-box}
#evile-portfolio-mock a{color:inherit;text-decoration:none}
#evile-portfolio-mock .lily-fallback{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
#evile-portfolio-mock .digit-lilies,#evile-portfolio-mock .lily-motion{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
#evile-portfolio-mock[data-lilies-ready] .lily-fallback{visibility:hidden}
#evile-portfolio-mock main{position:relative;z-index:2}
#evile-portfolio-mock .hero{position:relative;min-height:510px;padding:clamp(25px,5vw,52px);display:flex;align-items:center;background:transparent}
#evile-portfolio-mock .words{position:relative;z-index:2;margin-left:2%;font-size:clamp(35px,5.8vw,61px);font-weight:700;letter-spacing:-.075em;line-height:.95;color:var(--glow);}
#evile-portfolio-mock .words span{display:block}
#evile-portfolio-mock .words span:nth-child(2){color:#efecff;margin-left:7%}
#evile-portfolio-mock .words span:nth-child(3){margin-left:2%}
#evile-portfolio-mock .nav{position:absolute;inset:0;z-index:3}
#evile-portfolio-mock .nav a{position:absolute;width:max-content;max-width:34%;padding:10px 12px;font-size:19px;font-weight:500;letter-spacing:-.025em;opacity:.72;transform:translateY(var(--shift,0px));transition:transform .2s ease,opacity .2s ease,color .2s ease,text-shadow .2s ease}
#evile-portfolio-mock .nav a:hover,#evile-portfolio-mock .nav a:focus-visible,#evile-portfolio-mock .nav a.is-active{color:#fff;opacity:1;text-shadow:0 0 20px var(--glow);transform:translateY(var(--shift,0px)) scale(1.08)}
#evile-portfolio-mock .nav .projects{left:62%;top:16%}
#evile-portfolio-mock .nav .about{right:7%;top:37%}
#evile-portfolio-mock .nav .photos{right:11%;bottom:15%}
#evile-portfolio-mock .nav .github{left:55%;bottom:4%}
#evile-portfolio-mock .nav .patreon{left:49%;top:2%}
#evile-portfolio-mock .nav .contact{left:8%;bottom:3%;font-size:14px;opacity:.62}
#evile-portfolio-mock .open-field{min-height:clamp(350px,52vw,550px)}
#evile-portfolio-mock .section{padding:clamp(26px,4vw,46px) 6%}
#evile-portfolio-mock .eyebrow{font:10px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--glow)}
#evile-portfolio-mock h2{font-size:clamp(29px,4vw,46px);letter-spacing:-.06em;line-height:1.02;margin:9px 0 22px}
#evile-portfolio-mock .work-list{display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
#evile-portfolio-mock .work-list a{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;padding:13px 0;border-bottom:1px solid #ffffff24;transition:color .18s,transform .18s}
#evile-portfolio-mock .work-list a:hover,#evile-portfolio-mock .work-list a:focus-visible{color:var(--glow);transform:translateX(5px)}
#evile-portfolio-mock .work-list strong{font-size:18px;font-weight:500;letter-spacing:-.02em}
#evile-portfolio-mock .kind{font:9px ui-monospace,monospace;letter-spacing:.09em;opacity:.6;text-align:right}
#evile-portfolio-mock .about-line{display:grid;grid-template-columns:.5fr 1.5fr;gap:20px;align-items:start}
#evile-portfolio-mock .about-line p{max-width:620px;font-size:clamp(16px,2.3vw,22px);line-height:1.35;letter-spacing:-.025em;margin:0}
#evile-portfolio-mock .photo-strip{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:18px}
#evile-portfolio-mock .photo{height:150px;position:relative;overflow:hidden;background:linear-gradient(140deg,#7f729c,#30334f 56%,#131523)}
#evile-portfolio-mock .photo:nth-child(2){background:linear-gradient(145deg,#d2a87c,#626c67 48%,#283139)}
#evile-portfolio-mock .photo:nth-child(3){background:linear-gradient(135deg,#73858c,#384758 56%,#1a1b2b)}
#evile-portfolio-mock .photo:before{content:"";position:absolute;inset:12% 18%;border:1px solid #ffffff77;border-radius:50%;transform:rotate(-25deg) scaleX(1.3)}
#evile-portfolio-mock .photo span{position:absolute;left:13px;bottom:10px;font:9px ui-monospace,monospace;letter-spacing:.1em}
#evile-portfolio-mock .footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:21px 6%;font:11px ui-monospace,monospace;letter-spacing:.1em}
@keyframes assemble-word{from{opacity:.1;filter:blur(8px);clip-path:inset(-.3em 100% -.35em -.3em);transform:translateX(-14px)}to{opacity:1;filter:blur(0);clip-path:inset(-.3em -.2em -.35em -.3em);transform:translateX(0)}}
@media(max-width:620px){#evile-portfolio-mock .hero{min-height:0;display:block;padding:32px 22px 24px}#evile-portfolio-mock .words{margin:0;font-size:clamp(36px,10vw,56px);line-height:.99}#evile-portfolio-mock .nav{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:2px;margin:22px 0 4px}#evile-portfolio-mock .nav a{position:relative;inset:auto!important;width:auto;max-width:none;transform:none!important;padding:9px 10px;font-size:17px;opacity:.96;border-bottom:1px solid #cab1ff40}#evile-portfolio-mock .nav .contact{font-size:17px}#evile-portfolio-mock .work-list{grid-template-columns:1fr}#evile-portfolio-mock .about-line{grid-template-columns:1fr;gap:12px}#evile-portfolio-mock .photo-strip{grid-template-columns:1fr 1fr}#evile-portfolio-mock .photo:last-child{display:none}#evile-portfolio-mock .photo{height:120px}#evile-portfolio-mock .footer{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#evile-portfolio-mock *,#evile-portfolio-mock *:before,#evile-portfolio-mock *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Shared leaf-page shell: open typography, no cards or enclosing panels. */
html,body{margin:0;padding:0;background:#10101d}
.skip-link{position:absolute;left:18px;top:-90px;z-index:10;padding:12px;background:#efecff;color:#10101d}
.skip-link:focus{top:12px}
#evile-portfolio-mock{min-height:100vh}
#evile-portfolio-mock .hero,#evile-portfolio-mock .leaf-header,#evile-portfolio-mock .footer{position:relative;z-index:2}
#evile-portfolio-mock .leaf-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6%}
#evile-portfolio-mock .brand{font-size:36px;font-weight:700;letter-spacing:-.08em;color:var(--glow)}
#evile-portfolio-mock .leaf-header .nav{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
#evile-portfolio-mock .leaf-header .nav a{position:relative;inset:auto;width:auto;max-width:none;font-size:17px;opacity:.85;transform:none}
#evile-portfolio-mock .leaf-header .nav a[aria-current="page"]{color:var(--glow);opacity:1;text-decoration:underline;text-underline-offset:8px}
#evile-portfolio-mock .leaf-content{padding:48px 6% 90px;max-width:1160px;min-height:65vh}
#evile-portfolio-mock h1{font-size:clamp(42px,7vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:16px 0 38px;overflow-wrap:anywhere}
#evile-portfolio-mock .words{margin-top:0;margin-bottom:0;font-size:clamp(35px,5.8vw,61px);line-height:.95;font-weight:700}
#evile-portfolio-mock .intro{font-size:clamp(22px,3vw,34px);line-height:1.3;max-width:820px;letter-spacing:-.025em}
#evile-portfolio-mock .leaf-content p:not(.intro){max-width:720px;font-size:17px;line-height:1.65}
#evile-portfolio-mock .content-pending,#evile-portfolio-mock .project-status{color:#c2b9d6}
#evile-portfolio-mock .project-list{list-style:none;padding:0;margin:0 0 42px}
#evile-portfolio-mock .project-link{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:9px 28px;align-items:baseline;padding:28px 0;border-bottom:1px solid #cab1ff35}
#evile-portfolio-mock .project-name{font-size:clamp(25px,3.6vw,38px);line-height:1.15;letter-spacing:-.04em}
#evile-portfolio-mock .project-kind{font-size:13px;color:#c2b9d6}
#evile-portfolio-mock .project-description{grid-row:2;grid-column:1/3;max-width:720px;color:#d5cfe4;font-size:16px}
#evile-portfolio-mock .project-arrow{grid-column:3;grid-row:1;font-size:24px;color:var(--glow)}
#evile-portfolio-mock .project-link:hover .project-name,#evile-portfolio-mock .action-link:hover{color:var(--glow)}
#evile-portfolio-mock .action-link,#evile-portfolio-mock .back-link{display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:6px}
#evile-portfolio-mock .action-link{font-size:20px}
#evile-portfolio-mock .contact-item{padding:16px 0;scroll-margin-top:24px}
#evile-portfolio-mock .contact-item h2{font-size:28px;margin-bottom:8px}
@media(max-width:620px){
#evile-portfolio-mock .leaf-header{display:block;padding:22px}
#evile-portfolio-mock .leaf-header .nav{justify-content:flex-start;margin-top:18px}
#evile-portfolio-mock .leaf-header .nav a{padding:11px 10px}
#evile-portfolio-mock .leaf-content{padding:24px 22px 64px}
#evile-portfolio-mock .project-link{grid-template-columns:minmax(0,1fr) 24px;gap:10px;padding:24px 0}
#evile-portfolio-mock .project-kind{grid-column:1;grid-row:2}
#evile-portfolio-mock .project-description{grid-column:1/3;grid-row:3}
#evile-portfolio-mock .project-arrow{grid-column:2}
#evile-portfolio-mock .words{font-size:clamp(36px,10vw,56px);line-height:.99}
}
/* Homepage: scatter links throughout the annotated open field, clear of the title. */
#evile-portfolio-mock.home-page .words span:last-child{line-height:1.15}
#evile-portfolio-mock.home-page .open-field{display:none}
@media(min-width:621px){
#evile-portfolio-mock.home-page .hero{min-height:max(760px,100vh);align-items:flex-start;padding-top:clamp(60px,10vh,110px)}
#evile-portfolio-mock.home-page .nav a{right:auto;bottom:auto;font-size:19px;opacity:.8;max-width:none}
#evile-portfolio-mock.home-page .nav .games{left:46%;top:23%}
#evile-portfolio-mock.home-page .nav .tools{left:64%;top:34%}
#evile-portfolio-mock.home-page .nav .firmware{left:29%;top:51%}
#evile-portfolio-mock.home-page .nav .applications{left:79%;top:47%}
#evile-portfolio-mock.home-page .nav .about{left:45%;top:49%}
#evile-portfolio-mock.home-page .nav .photos{left:19%;top:67%}
#evile-portfolio-mock.home-page .nav .github{left:66%;top:68%}
#evile-portfolio-mock.home-page .nav .patreon{left:72%;top:15%}
#evile-portfolio-mock.home-page .nav .contact{left:43%;top:78%}
}
/* Imported project prose/screenshots retain the source content without old card chrome. */
#evile-portfolio-mock .project-body{max-width:100%;margin-top:36px}
#evile-portfolio-mock .project-body h2{font-size:clamp(25px,3vw,36px);margin:44px 0 18px;line-height:1.2;letter-spacing:-.04em}
#evile-portfolio-mock .project-body p,#evile-portfolio-mock .project-body li{font-size:17px;line-height:1.65;max-width:780px}
#evile-portfolio-mock .project-body ul,#evile-portfolio-mock .project-body ol{padding-left:24px}
#evile-portfolio-mock .dl-shots{display:flex;flex-wrap:wrap;gap:28px;margin:30px 0;align-items:flex-start}
#evile-portfolio-mock .project-body figure{margin:26px 0;max-width:100%}
#evile-portfolio-mock .project-body img{display:block;width:auto;max-width:100%;height:auto}
#evile-portfolio-mock .project-body figcaption{color:#d5cfe4;font-size:14px;line-height:1.5;margin-top:12px;max-width:780px}
#evile-portfolio-mock .project-body pre{max-width:100%;overflow:auto;padding:18px 0;font-size:15px;line-height:1.6}
#evile-portfolio-mock .project-body code{overflow-wrap:anywhere}
#evile-portfolio-mock .project-body details{margin:24px 0}
#evile-portfolio-mock .project-body summary{cursor:pointer;padding:12px 0;font-size:18px;color:var(--glow)}
#evile-portfolio-mock .project-body a{text-decoration:underline;text-underline-offset:5px}
#evile-portfolio-mock .project-body .action-link{margin-right:25px}
/* Leaf pages have one contextual return link, no repeated EVILE heading. */
#evile-portfolio-mock .leaf-header{justify-content:flex-end;text-align:right}
#evile-portfolio-mock .leaf-back{display:inline-block;min-height:44px;padding:11px 0;font-size:17px;color:var(--glow);text-decoration:underline;text-underline-offset:6px}
#evile-portfolio-mock .embedded-game{display:block;width:100%;height:820px;min-height:620px;border:0;margin:32px 0 48px;background:#10101d}
@media(max-width:620px){#evile-portfolio-mock .embedded-game{height:900px;margin:24px 0 36px}}