/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2026 | 11:32:09 */

body:has(#fabi) .wp-block-group:has(#fabi){margin:0!important;padding:0!important;max-width:none!important;width:auto!important}

body:has(#fabi){background:#080d16!important}
body:has(#fabi) .wp-site-blocks{padding:0!important}
body:has(#fabi) .wp-site-blocks>header,body:has(#fabi) .wp-site-blocks>footer,body:has(#fabi) .wp-block-post-title{display:none!important}
body:has(#fabi) .wp-block-post-content,body:has(#fabi) .wp-site-blocks>main{margin:0!important;padding:0!important;max-width:none!important}
#fabi{--ink:#080d16;--panel:#0e1826;--line:#243347;--muted:#a9b8ca;--cyan:#54dcff;color:#f1f6fc;background:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;max-width:none!important;isolation:isolate;overflow:hidden}
#fabi *{box-sizing:border-box}#fabi a{color:inherit;text-decoration:none}#fabi h1,#fabi h2,#fabi h3,#fabi p{margin:0}#fabi h1,#fabi h2,#fabi h3{font-family:inherit;line-height:1.08;color:#f1f6fc;font-weight:650;letter-spacing:-.045em}#fabi a:focus-visible,#fabi summary:focus-visible,#fabi input:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
#fabi .shell{max-width:1240px;margin:auto;padding:0 48px}#fabi .mono{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}#fabi .eyebrow{color:var(--cyan);display:flex;align-items:center;gap:13px;margin-bottom:25px}#fabi .eyebrow:before{content:"";width:28px;height:1px;background:var(--cyan)}
#fabi .nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);position:relative;z-index:5}#fabi .brand{font-size:18px;font-weight:750;letter-spacing:-.04em}#fabi .brand span{color:var(--cyan)}#fabi .navlinks{display:flex;flex-wrap:wrap;gap:27px;font-size:13px;color:var(--muted)}#fabi .navlinks a:hover{color:var(--cyan)}#fabi .navcontact{border:1px solid #416277;padding:9px 17px;font-size:12px;border-radius:4px}
#fabi .hero{position:relative;min-height:700px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding-top:70px;padding-bottom:75px}#fabi .hero-copy{position:relative;z-index:2}#fabi h1{font-size:clamp(50px,6.7vw,86px);line-height:1.04;margin:20px 0 28px}#fabi h1 span{color:var(--cyan)}#fabi .intro{max-width:510px;font-size:18px;color:var(--muted);line-height:1.8}#fabi .buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}#fabi .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;border-radius:5px;padding:12px 23px;border:1px solid #35516a;font-size:13px;font-weight:650;transition:transform .2s,background .2s}#fabi .button.primary{background:var(--cyan);color:#07121c;border-color:var(--cyan);box-shadow:0 0 32px #24c5ff16}#fabi .button:hover{transform:translateY(-3px);background:#19334a}#fabi .button.primary:hover{background:#a0ecff}#fabi .hero-note{margin-top:36px;font-size:11px;color:#8297ae;letter-spacing:.06em}
#fabi .art{position:relative;height:470px;display:grid;place-items:center;perspective:900px}#fabi .art:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#008ac02a,transparent 67%);filter:blur(24px)}#fabi .grid{position:absolute;inset:0;background-image:linear-gradient(#3d799b15 1px,transparent 1px),linear-gradient(90deg,#3d799b15 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotate(-14deg)}
#fabi .orbit{position:absolute;width:330px;height:330px;border:1px solid #3985a85e;border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg);animation:fspin 32s linear infinite}#fabi .orbit.two{width:420px;height:420px;border-style:dashed;opacity:.4;animation-direction:reverse}#fabi .orbit:after{content:"";position:absolute;left:43px;top:43px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
#fabi .chip{position:relative;width:215px;height:215px;border:1px solid #71deff87;border-radius:28px;background:linear-gradient(145deg,#1b3548,#0b1525 60%,#14344a);box-shadow:0 24px 0 -13px #07111d,0 25px 0 -12px #316077,0 45px 70px #0009,inset 0 0 45px #64d9ff10;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-10deg);animation:ffloat 8s ease-in-out infinite}#fabi .chip strong{font-size:82px;line-height:1;letter-spacing:-.12em;margin-right:10px;color:#dbf8ff;text-shadow:0 0 35px #53d6ff60}#fabi .chip small{margin-top:18px;color:#8bc6d9;font:9px monospace;letter-spacing:.2em}#fabi .artlabel{position:absolute;background:#0a1420e8;border:1px solid #2a4559;border-radius:5px;padding:10px 14px;font:10px monospace;color:#b6cedb;letter-spacing:.05em;z-index:2}#fabi .artlabel.one{top:60px;right:0}#fabi .artlabel.two{bottom:60px;left:0}#fabi .artlabel em{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:8px}#fabi .art-caption{position:absolute;bottom:6px;color:#5c8097;font:9px monospace;letter-spacing:.25em}
#fabi .fog{position:absolute;pointer-events:none;width:650px;height:250px;top:30%;right:-200px;background:radial-gradient(ellipse,#25b2d927,transparent 65%);filter:blur(36px);animation:ffog 15s ease-in-out infinite alternate}#fabi .fog.second{top:55%;right:30%;background:radial-gradient(ellipse,#6776d523,transparent 65%);animation-delay:-7s}
#fabi .ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b131f}#fabi .ribbon .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:22px;padding-bottom:22px;color:#92a6bb}#fabi .ribbon b{color:var(--cyan);font-weight:400}
#fabi section.content{padding:104px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}#fabi .sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}#fabi h2{font-size:clamp(35px,4vw,53px)}#fabi .sectionhead>p{max-width:330px;color:var(--muted);font-size:14px}#fabi .about{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}#fabi .abouttext{color:var(--muted);font-size:17px}#fabi .abouttext p+p{margin-top:20px}#fabi .abouttext strong{color:#eef7ff;font-weight:550}#fabi .signature{margin-top:24px;color:var(--cyan);font-size:19px}
#fabi .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#fabi .card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#111f2c,#0b1320);padding:30px;transition:transform .25s,border-color .25s}#fabi .card:hover{transform:translateY(-5px);border-color:#497a92}#fabi .card .number{font:12px monospace;color:#6f91a9;margin-bottom:35px}#fabi .card h3{font-size:25px;margin-bottom:18px}#fabi .card p{font-size:14px;color:var(--muted)}#fabi .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}#fabi .tags span{font-size:10px;border:1px solid #2c4257;padding:3px 9px;border-radius:3px;color:#9cc5d6}
#fabi .projects{display:grid;grid-template-columns:1fr 1fr;gap:18px}#fabi .project{position:relative;border:1px solid var(--line);border-radius:10px;padding:35px;background:#0d1724;overflow:hidden}#fabi .project:before{content:"";position:absolute;right:-50px;top:-100px;width:250px;height:250px;background:radial-gradient(ellipse,#19aee516,transparent 70%);pointer-events:none}#fabi .projecttop{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}#fabi .status{font:10px monospace;color:#90d4bd;border:1px solid #31524b;border-radius:30px;padding:3px 10px;white-space:nowrap}#fabi .status.dev{color:#c2b5ee;border-color:#48415e}#fabi .project h3{font-size:29px;margin-bottom:15px}#fabi .project p{font-size:14px;color:var(--muted);max-width:440px}#fabi .project a{display:inline-block;margin-top:24px;font-size:12px;color:var(--cyan)}#fabi .project a:hover{text-decoration:underline}#fabi .project .projectnote{margin-top:24px;font:11px monospace;color:#8299af}
#fabi .creator{display:grid;grid-template-columns:1fr .72fr 1fr;gap:44px;align-items:center}#fabi .creator p{margin-top:24px;color:var(--muted);max-width:530px}#fabi .portrait{margin:0;position:relative}#fabi .portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 28%;border:1px solid #37516a;border-radius:12px;filter:saturate(.9) contrast(1.04);box-shadow:0 24px 70px #0008}#fabi .portrait:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,transparent 48%,#07131dcc);pointer-events:none}#fabi .portrait figcaption{position:absolute;left:18px;bottom:16px;z-index:1;color:#d7f7ff;font:10px monospace;letter-spacing:.13em;text-transform:uppercase}#fabi .socialstack{border-top:1px solid var(--line)}#fabi .socialrow{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}#fabi .socialrow strong{font-size:22px;font-weight:500}#fabi .socialrow span{font:11px monospace;color:#90acbf}#fabi .socialrow:hover{background:#112437;border-color:#54dcff;color:#fff}#fabi .socialrow{cursor:pointer}#fabi .socialnote{font-size:11px!important;color:#8194a8!important}
#fabi details{border-bottom:1px solid var(--line);padding:20px 0}#fabi summary{cursor:pointer;font-size:17px;color:#dfebf7}#fabi details p{color:var(--muted);font-size:14px;margin-top:16px;max-width:760px}#fabi .contact{padding:90px 0 80px;text-align:center;background:radial-gradient(ellipse at bottom,#0c3446,transparent 70%)}#fabi .contact .eyebrow{justify-content:center}#fabi .contact p{color:var(--muted);max-width:570px;margin:25px auto}#fabi .contact .buttons{justify-content:center}#fabi .footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;color:#91a4b8;font-size:11px}
#fabi .motioncontrol{display:flex;align-items:center;gap:9px;color:#a9bed0;font-size:11px;padding-top:16px}#fabi input[type=checkbox]{accent-color:#54dcff;width:15px;height:15px}#fabi:has(#fabi-motion:checked) .fx{animation:none!important}#fabi .draftnotice{padding:12px 24px;text-align:center;background:#172335;color:#b9ccdf;font-size:11px}
@keyframes ffog{from{transform:translate(-80px,30px) scale(.9)}to{transform:translate(100px,-40px) scale(1.25)}}@keyframes ffloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-16px) rotate(-6deg)}}@keyframes fspin{from{transform:rotateX(60deg) rotateZ(-25deg)}to{transform:rotateX(60deg) rotateZ(335deg)}}
@media(prefers-reduced-motion:reduce){#fabi .fx{animation:none!important}#fabi *{transition:none!important}}
@media(max-width:850px){#fabi .shell{padding-left:26px;padding-right:26px}#fabi .navlinks{gap:15px}#fabi .hero{gap:0;grid-template-columns:1fr;padding-top:60px;padding-bottom:40px}#fabi .art{height:390px;max-width:470px;width:100%;margin:20px auto 0}#fabi .about,#fabi .creator{grid-template-columns:1fr;gap:32px}#fabi .cards{grid-template-columns:1fr}#fabi section.content{padding:65px 0}#fabi .sectionhead{align-items:start;flex-direction:column;gap:22px}#fabi .navcontact{display:none}}
@media(max-width:520px){#fabi .nav{align-items:start;flex-direction:column;padding-top:24px;padding-bottom:20px;gap:12px}#fabi .navlinks{font-size:12px;gap:20px}#fabi h1{font-size:53px}#fabi .intro{font-size:16px}#fabi .projects{grid-template-columns:1fr}#fabi .project{padding:25px}#fabi .art{height:350px}#fabi .orbit{width:280px;height:280px}#fabi .orbit.two{width:330px;height:330px}#fabi .chip{width:180px;height:180px}#fabi .chip strong{font-size:70px}#fabi .artlabel.one{top:25px}#fabi .artlabel.two{bottom:30px}#fabi .ribbon .shell{font-size:9px;gap:13px}#fabi .contact{padding:65px 0}#fabi .button{padding:12px 18px}}

/* GOLD-3D-V1 */
#fabi{--gold:#d7ad55;--gold-hi:#f4d994;--gold-deep:#6b4b18}
#fabi .brand span{color:var(--gold)}
#fabi .eyebrow:before{height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 12px #d7ad5545}
#fabi .nav:after{content:"";position:absolute;left:0;bottom:-1px;width:190px;height:1px;background:linear-gradient(90deg,var(--gold),#d7ad5530,transparent)}
#fabi .navlinks a{position:relative;display:inline-block;transition:color .2s,transform .2s}
#fabi .navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:right .22s}
#fabi .navlinks a:hover{color:var(--gold-hi);transform:translateY(-2px)}
#fabi .navlinks a:hover:after{right:0}
#fabi .navcontact{position:relative;border-color:#98732f;background:linear-gradient(180deg,#182536,#0c1521);box-shadow:0 4px 0 #503812,0 9px 20px #0008,inset 0 1px #ffe8a333;transition:transform .2s,box-shadow .2s,color .2s}
#fabi .navcontact:hover{color:var(--gold-hi);transform:translateY(-3px);box-shadow:0 7px 0 #503812,0 14px 24px #0009,inset 0 1px #ffe8a344}
#fabi .navcontact:active{transform:translateY(2px);box-shadow:0 1px 0 #503812,0 5px 10px #0008}
#fabi .button{position:relative;transform-style:preserve-3d;border-color:#8b6a2d;background:linear-gradient(180deg,#19283a,#0c1622);box-shadow:0 5px 0 #4f3814,0 11px 24px #0008,inset 0 1px #f7d9822e;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
#fabi .button:after{content:"";position:absolute;inset:2px;border-radius:3px;border-top:1px solid #f8dc8c26;pointer-events:none}
#fabi .button.primary{background:linear-gradient(180deg,#8feaff,#45d2f5 62%,#2ab5dc);border-color:#b7f3ff;box-shadow:0 5px 0 #167e9d,0 11px 25px #0008,0 0 0 1px #d7ad5540,inset 0 1px #fff9}
#fabi .button:hover{transform:translateY(-4px);border-color:var(--gold);background:linear-gradient(180deg,#25384d,#112033);box-shadow:0 8px 0 #4f3814,0 16px 30px #0009,inset 0 1px #f7d98240}
#fabi .button.primary:hover{background:linear-gradient(180deg,#c7f6ff,#73e3ff 62%,#45cbea);box-shadow:0 8px 0 #167e9d,0 16px 30px #0009,0 0 0 1px #d7ad5560,inset 0 1px #fff}
#fabi .button:active{transform:translateY(2px);box-shadow:0 1px 0 #4f3814,0 5px 12px #0008}
#fabi .button.primary:active{box-shadow:0 1px 0 #167e9d,0 5px 12px #0008}
#fabi .chip{border-color:#d7ad5580;box-shadow:0 24px 0 -13px #07111d,0 25px 0 -12px #856329,0 45px 70px #0009,inset 0 0 45px #64d9ff10,0 0 0 1px #54dcff20}
#fabi .chip strong{text-shadow:0 0 35px #53d6ff60,2px 3px 0 #6b4b1855}
#fabi .orbit.two{border-color:#d7ad5548}
#fabi .ribbon{border-color:#584621;background:linear-gradient(180deg,#101927,#0a121d);box-shadow:inset 0 1px #d7ad551c}
#fabi .ribbon b{color:var(--gold-hi)}
#fabi section.content{border-bottom-color:#493a21}
#fabi .card,#fabi .project{position:relative;transform-style:preserve-3d;border-color:#54452b;box-shadow:0 8px 0 -3px #05090e,0 18px 35px #0005,inset 0 1px #f4d99416;transition:transform .25s,border-color .25s,box-shadow .25s}
#fabi .card:after,#fabi .project:after{content:"";position:absolute;left:20px;top:-1px;width:74px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);pointer-events:none}
#fabi .card:hover,#fabi .project:hover{transform:translateY(-7px) perspective(700px) rotateX(1deg);border-color:#9b7835;box-shadow:0 12px 0 -3px #171006,0 25px 45px #0008,inset 0 1px #f4d99425}
#fabi .card .number,#fabi .projecttop .mono{color:var(--gold-hi)}
#fabi .tags span{border-color:#66512a;background:linear-gradient(180deg,#172435,#0b1521);box-shadow:0 2px 0 #24190a,inset 0 1px #f4d99414;color:#c8dce8}
#fabi .project a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #85662d;border-radius:5px;background:linear-gradient(180deg,#19283a,#0d1723);color:var(--gold-hi);box-shadow:0 4px 0 #493311,0 9px 18px #0007,inset 0 1px #f4d99425;transition:transform .2s,box-shadow .2s,border-color .2s}
#fabi .project a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--gold);box-shadow:0 7px 0 #493311,0 13px 22px #0008,inset 0 1px #f4d99435}
#fabi .project a:active{transform:translateY(2px);box-shadow:0 1px 0 #493311,0 5px 10px #0007}
#fabi .portrait img{border-color:#917137;box-shadow:0 24px 70px #0008,0 0 0 1px #d7ad5535,inset 0 1px #f4d99426}
#fabi .portrait figcaption{color:var(--gold-hi);text-shadow:0 2px 8px #000}
#fabi .socialstack{border-top:0;display:grid;gap:11px}
#fabi .socialrow{padding:17px 18px;border:1px solid #54452b;border-radius:8px;background:linear-gradient(150deg,#142335,#0b1420);box-shadow:0 5px 0 #211707,0 12px 25px #0006,inset 0 1px #f4d99418;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
#fabi .socialrow:after{content:"↗";color:var(--gold);font-size:16px;margin-left:12px}
#fabi .socialrow:hover{transform:translateY(-4px);background:linear-gradient(150deg,#1a3046,#0d1928);border-color:#a17d38;color:#fff;box-shadow:0 8px 0 #211707,0 17px 30px #0008,inset 0 1px #f4d99428}
#fabi .socialrow:active{transform:translateY(2px);box-shadow:0 1px 0 #211707,0 5px 12px #0007}
#fabi .socialrow span{margin-left:auto}
#fabi details{margin:12px 0;padding:0;border:1px solid #493d27;border-radius:8px;background:linear-gradient(150deg,#111f2e,#0a131e);box-shadow:0 5px 0 #191105,0 12px 24px #0005,inset 0 1px #f4d99412;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
#fabi details:hover{transform:translateY(-2px);border-color:#80632f}
#fabi details[open]{border-color:#9b7835;box-shadow:0 7px 0 #191105,0 16px 28px #0007,inset 0 1px #f4d9941f}
#fabi summary{padding:18px 20px;list-style:none;position:relative}
#fabi summary::-webkit-details-marker{display:none}
#fabi summary:after{content:"+";position:absolute;right:20px;color:var(--gold);font-size:22px;line-height:1}
#fabi details[open] summary:after{content:"−"}
#fabi details p{padding:0 20px 20px;margin-top:0}
#fabi .contact{background:radial-gradient(ellipse at bottom,#0c3446,transparent 64%),linear-gradient(180deg,#080d16,#0c1018);box-shadow:inset 0 1px #d7ad5526}
#fabi .contact h2 span{color:var(--gold-hi)!important}
#fabi .footer{border-top-color:#80632f}
#fabi .footer a{color:var(--gold-hi)}
#fabi a:focus-visible,#fabi summary:focus-visible,#fabi input:focus-visible{outline-color:var(--gold-hi)}
@media(max-width:520px){#fabi .socialrow{padding:15px 14px}#fabi .socialrow strong{font-size:19px}#fabi .socialrow span{font-size:9px}#fabi .card:hover,#fabi .project:hover{transform:translateY(-4px)}}


#fabi .legal-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}
#fabi .legal-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(214,181,110,.55);padding-bottom:3px}
#fabi .legal-links a:hover{color:#fff;border-color:var(--gold)}
@media(max-width:680px){#fabi .legal-links{justify-content:flex-start}}

#fabi .langmenu{position:relative;display:flex;align-items:center}
#fabi .langmenu select{appearance:none;-webkit-appearance:none;min-height:42px;padding:9px 34px 9px 13px;border:1px solid var(--gold);border-radius:7px;background:linear-gradient(180deg,#16283a,#0b1420);color:#f4d994;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 0 var(--gold-deep),0 9px 22px #0006}
#fabi .langmenu:after{content:"⌄";position:absolute;right:12px;color:var(--gold);pointer-events:none}
#fabi .langmenu select:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--gold-deep),0 11px 25px #0007}
#fabi .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){#fabi .nav{flex-wrap:wrap}#fabi .langmenu{margin-left:auto}}
@media(max-width:520px){#fabi .langmenu{margin-left:0;width:100%}#fabi .langmenu select{width:100%}}
/* 3D project universe refresh */
#fabi .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;perspective:1400px}
#fabi .project{padding:22px;border:1px solid #294257;border-radius:18px;background:linear-gradient(145deg,#122338 0%,#0b1422 62%,#101c2b 100%);box-shadow:0 18px 0 -10px #07101b,0 28px 55px #0008,inset 1px 1px 0 #9eeaff18;transform:translateZ(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
#fabi .project:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);border-color:#d8ae5a;box-shadow:0 24px 0 -10px #070e17,0 38px 75px #000b,inset 1px 1px 0 #fff3,0 0 0 1px #d8ae5a33}
#fabi .project:after{content:"";position:absolute;inset:1px;border-radius:17px;pointer-events:none;background:linear-gradient(135deg,#f5d98a18,transparent 24%,transparent 70%,#54dcff12)}
#fabi .projecttop{position:relative;z-index:1;margin-bottom:18px}
#fabi .projecttop .mono:first-child{color:#e8c77a}
#fabi .project h3,#fabi .project p,#fabi .project a,#fabi .projectnote{position:relative;z-index:1}
#fabi .project h3{font-size:30px;margin-top:18px}
#fabi .project-preview{position:relative;height:190px;margin:0 0 22px;border:1px solid #5d7a91;border-radius:14px;overflow:hidden;isolation:isolate;background:#09121e;box-shadow:inset 0 0 35px #0009,0 12px 22px #0006;transform:perspective(900px) rotateX(3deg)}
#fabi .project-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff12,transparent 25%,transparent 68%,#d8ae5a18);pointer-events:none;z-index:2}
#fabi .project-preview svg{width:100%;height:100%;display:block}
#fabi .preview-caption{position:absolute;left:14px;bottom:12px;padding:5px 9px;border:1px solid #d8ae5a77;border-radius:999px;background:#07111dd9;color:#f6df9f;font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;z-index:3}
#fabi .preview-mw{background:radial-gradient(circle at 80% 20%,#ffca5a2a,transparent 36%),linear-gradient(135deg,#17263b,#0b1220)}
#fabi .preview-sanfaya{background:radial-gradient(circle at 20% 20%,#54dcff2a,transparent 34%),linear-gradient(135deg,#122c3f,#0b1421)}
#fabi .preview-cohavira{background:radial-gradient(circle at 70% 30%,#9a8cff2b,transparent 38%),linear-gradient(135deg,#171a3a,#0c1221)}
#fabi .preview-hulda{background:radial-gradient(circle at 25% 30%,#d8ae5a2b,transparent 35%),linear-gradient(135deg,#2b202b,#111522)}
#fabi .project a{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #476176;border-radius:9px;background:#0f2334;box-shadow:0 4px 0 #06101a;transition:transform .2s,box-shadow .2s,border-color .2s}
#fabi .project a:hover{transform:translateY(-3px);border-color:#d8ae5a;box-shadow:0 7px 0 #06101a;color:#f7df9b;text-decoration:none}
#fabi .sectionhead{position:relative}
#fabi .sectionhead:after{content:"PROJECTS / 04 ACTIVE WORLDS";position:absolute;right:0;top:7px;color:#5c8097;font:10px ui-monospace,monospace;letter-spacing:.18em}
#fabi .card{transform:perspective(900px) rotateX(0);transition:transform .28s,box-shadow .28s,border-color .28s}
#fabi .card:hover{transform:perspective(900px) rotateX(3deg) translateY(-7px);border-color:#d8ae5a;box-shadow:0 16px 0 -8px #07101b,0 28px 52px #0009}
@media(max-width:850px){#fabi .projects{grid-template-columns:1fr}#fabi .sectionhead:after{position:static;display:block;margin-top:8px}}

 #fabi .project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit} #fabi .project-preview{overflow:hidden} 
/* Reference-inspired portfolio refresh */
#fabi h1{font-size:clamp(43px,5.4vw,78px);line-height:1.06;letter-spacing:-.055em}
#fabi .hero{min-height:650px;padding-top:52px;padding-bottom:58px}
#fabi .hero-copy h1 span{display:inline-block;position:relative}
#fabi .hero-copy h1 span:after{content:"";display:block;width:72%;height:4px;background:var(--cyan);border-radius:99px;transform:skewX(-22deg);margin:9px 0 0 8px;opacity:.9}
#fabi .nav{min-height:82px}
#fabi .brand{font-size:20px;letter-spacing:-.06em}
#fabi #projekte{background:#f4f6f8;color:#101924;padding:92px 0 104px;position:relative}
#fabi #projekte:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,#eef2f5 100%);z-index:-1}
#fabi #projekte h2,#fabi #projekte h3{color:#101924}
#fabi #projekte .sectionhead p{color:#5c6875}
#fabi #projekte .eyebrow{color:#087da5}
#fabi #projekte .eyebrow:before{background:#087da5}
#fabi #projekte .project{background:#ffffff;border:1px solid #d4dee7;box-shadow:0 20px 45px #0b172416;color:#4c5b69;transform:none}
#fabi #projekte .project:hover{transform:translateY(-8px) rotateX(1deg);border-color:#47bde5;box-shadow:0 28px 56px #0b17242b}
#fabi #projekte .projecttop{color:#476172}
#fabi #projekte .projecttop .status{border-color:#bfd0dc;color:#476172}
#fabi #projekte .project p{color:#5e6c79}
#fabi #projekte .project a{border-color:#b7cad7;color:#19364a;background:#f8fbfd}
#fabi #projekte .project a:hover{background:#dff7ff;border-color:#43c9f5}
#fabi #projekte .project-preview{height:180px;border-color:#b7cad7;box-shadow:0 10px 22px #10223716}
#fabi #projekte .preview-caption{background:#101924e8;color:#f8fbff}
#fabi #projekte .projects{gap:26px}
#fabi #themen{padding-top:100px}
@media(max-width:760px){#fabi .hero{min-height:auto;padding-top:36px}#fabi #projekte{padding:64px 0 76px}#fabi #projekte .project-preview{height:170px}}

/* Project overview contrast fix */
body:has(#fabi) #projekte{background:#f4f6f8!important;color:#101924;padding:92px 0 104px;position:relative}
body:has(#fabi) #projekte:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,#eef2f5 100%);z-index:0;pointer-events:none}
body:has(#fabi) #projekte>.shell{position:relative;z-index:1}
body:has(#fabi) #projekte h2,body:has(#fabi) #projekte h3{color:#101924!important}
body:has(#fabi) #projekte .sectionhead p{color:#5c6875!important}
body:has(#fabi) #projekte .eyebrow{color:#087da5!important}
body:has(#fabi) #projekte .eyebrow:before{background:#087da5!important}
body:has(#fabi) #projekte .project{background:#fff!important;border:1px solid #d4dee7!important;box-shadow:0 20px 45px #0b172416;color:#4c5b69!important}
body:has(#fabi) #projekte .projecttop{color:#476172!important}
body:has(#fabi) #projekte .projecttop .status{border-color:#bfd0dc!important;color:#476172!important}
body:has(#fabi) #projekte .project p{color:#5e6c79!important}
body:has(#fabi) #projekte .project a{border-color:#b7cad7!important;color:#19364a!important;background:#f8fbfd!important}
body:has(#fabi) #projekte .project-preview{height:180px;border-color:#b7cad7!important;box-shadow:0 10px 22px #10223716}
@media(max-width:760px){body:has(#fabi) #projekte{padding:64px 0 76px}body:has(#fabi) #projekte .project-preview{height:170px}}
body:has(#fabi) #projekte{background-color:#f4f6f8!important;background-image:linear-gradient(180deg,#ffffff 0%,#eef2f5 100%)!important;color:#101924!important;padding:92px 0 104px;position:relative}
body:has(#fabi) #projekte>.shell{position:relative;z-index:1}
body:has(#fabi) #projekte h2,body:has(#fabi) #projekte h3{color:#101924!important}
body:has(#fabi) #projekte .sectionhead p{color:#5c6875!important}
body:has(#fabi) #projekte .eyebrow{color:#087da5!important}
body:has(#fabi) #projekte .eyebrow:before{background:#087da5!important}
body:has(#fabi) #projekte .project{background-color:#ffffff!important;background-image:none!important;border:1px solid #d4dee7!important;box-shadow:0 20px 45px #0b172416!important;color:#4c5b69!important}
body:has(#fabi) #projekte .projecttop{color:#476172!important}
body:has(#fabi) #projekte .projecttop .status{border-color:#bfd0dc!important;color:#476172!important}
body:has(#fabi) #projekte .project p{color:#5e6c79!important}
body:has(#fabi) #projekte .project a{border-color:#b7cad7!important;color:#19364a!important;background:#f8fbfd!important}
body:has(#fabi) #projekte .project-preview{height:180px;border-color:#b7cad7!important;box-shadow:0 10px 22px #10223716!important}
@media(max-width:760px){body:has(#fabi) #projekte{padding:64px 0 76px}body:has(#fabi) #projekte .project-preview{height:170px}}
body:has(#fabi) #projekte{box-shadow:0 0 0 100vmax #f4f6f8;clip-path:inset(0 -100vmax);isolation:isolate}
body:has(#fabi) #projekte .sectionhead{position:relative;z-index:2}
#fabi .art{overflow:hidden;border-radius:26px}
#fabi .hero-photo{position:absolute;inset:0;border-radius:26px;background-image:linear-gradient(90deg,#080d16 0%,#080d1699 20%,transparent 58%),none;position:absolute;inset:0;background:linear-gradient(90deg,#080d16dd 0%,#080d1688 30%,transparent 68%),linear-gradient(0deg,#080d16cc 0%,transparent 38%);pointer-events:none;z-index:2}
#fabi .hero-overlay{position:absolute;left:clamp(24px,6vw,88px);top:clamp(28px,7vw,78px);z-index:4;max-width:min(680px,72%)}
#fabi .hero-overlay .eyebrow{margin-bottom:20px}
#fabi .hero-overlay h1{font-size:clamp(38px,5vw,72px);line-height:1.05;text-shadow:0 4px 28px #000b}
#fabi .hero-details{max-width:760px;margin:28px auto 0;padding:0 14px}
#fabi .hero-details .intro{max-width:720px;font-size:18px}
#fabi .hero-details .buttons{margin-top:24px}
#fabi .hero-details .hero-note{margin-top:24px}
#fabi .hero-stage .grid{z-index:1;opacity:.15}
#fabi .hero-stage .orbit{z-index:3;opacity:.24}
#fabi .hero-stage .artlabel{z-index:5}
#fabi .hero-stage .art-caption{z-index:5}
@media(max-width:760px){#fabi .hero{padding-top:28px;padding-bottom:46px}#fabi .hero-stage{height:clamp(420px,105vw,560px);border-radius:20px}#fabi .hero-stage .hero-photo{background-position:70% center}#fabi .hero-overlay{left:22px;right:22px;top:26px;max-width:none}#fabi .hero-overlay h1{font-size:clamp(34px,10vw,52px)}#fabi .hero-details{padding:0;margin-top:22px}#fabi .hero-details .intro{font-size:16px}}
body:has(#fabi) .hero-overlay h1{font-size:clamp(34px,4.35vw,62px)!important}
@media(max-width:760px){body:has(#fabi) .hero-overlay h1{font-size:clamp(31px,8.8vw,46px)!important}}
body:has(#fabi) .hero-overlay h1{font-size:clamp(31px,3.9vw,56px)!important}
body:has(#fabi) .hero-stage .hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 28% 18% at 61% 31%,rgba(255,214,155,.24) 0%,rgba(255,194,120,.12) 28%,rgba(255,180,100,0) 72%),radial-gradient(ellipse 17% 10% at 61% 41%,rgba(255,226,180,.10) 0%,rgba(255,180,100,0) 75%);mix-blend-mode:screen;opacity:.9}
@media(max-width:760px){body:has(#fabi) .hero-overlay h1{font-size:clamp(29px,8.1vw,42px)!important}body:has(#fabi) .hero-stage .hero-photo:after{background:radial-gradient(ellipse 34% 18% at 58% 31%,rgba(255,214,155,.22) 0%,rgba(255,194,120,.10) 30%,rgba(255,180,100,0) 74%)}}
body:has(#fabi) .hero-stage .hero-photo:before{content:"";position:absolute;z-index:3;left:49%;top:22.8%;width:27%;height:13px;border-radius:8px;background:linear-gradient(180deg,#28313a 0%,#111820 34%,#fff0cf 40%,#ffdca1 68%,#9b7047 72%,#1a222b 100%);box-shadow:0 2px 5px #000c,0 7px 18px rgba(255,205,135,.32),inset 0 1px 1px #ffffff66;transform:perspective(80px) rotateX(-2deg);pointer-events:none}
@media(max-width:760px){body:has(#fabi) .hero-stage .hero-photo:before{left:46%;top:23.5%;width:32%;height:10px;border-radius:6px;box-shadow:0 2px 4px #000c,0 6px 14px rgba(255,205,135,.3),inset 0 1px 1px #ffffff66}}
body:has(#fabi) .hero-stage .hero-photo:before{top:31.8%!important}
@media(max-width:760px){body:has(#fabi) .hero-stage .hero-photo:before{top:32%!important}}
body:has(#fabi) .hero-stage .hero-photo:before{display:none!important}
@keyframes fabiRgbPulse{0%,100%{opacity:.58;filter:saturate(1)}50%{opacity:.92;filter:saturate(1.3)}}
@keyframes fabiScreenGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.035)}}
@keyframes fabiAmbientShift{0%,100%{opacity:.78;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(1px,-1px,0)}}
body:has(#fabi) .hero-stage .hero-photo{animation:fabiScreenGlow 5.5s ease-in-out infinite}
body:has(#fabi) .hero-stage .hero-photo:before{display:block!important;content:"";position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;animation:fabiRgbPulse 4.8s ease-in-out infinite;background:linear-gradient(90deg,transparent 0 45%,rgba(0,224,255,.78) 45% 60%,transparent 60% 100%) 0 31.8%/100% 5px no-repeat,linear-gradient(90deg,transparent 0 62%,rgba(157,91,255,.78) 62% 81%,transparent 81% 100%) 0 31.8%/100% 5px no-repeat,linear-gradient(90deg,transparent 0 85%,rgba(255,58,194,.82) 85% 99%,transparent 99% 100%) 0 34%/100% 5px no-repeat}
body:has(#fabi) .hero-stage:after{animation:fabiAmbientShift 7s ease-in-out infinite}
@media(max-width:760px){body:has(#fabi) .hero-stage .hero-photo:before{background:linear-gradient(90deg,transparent 0 42%,rgba(0,224,255,.76) 42% 59%,transparent 59% 100%) 0 32%/100% 4px no-repeat,linear-gradient(90deg,transparent 0 60%,rgba(157,91,255,.76) 60% 82%,transparent 82% 100%) 0 32%/100% 4px no-repeat,linear-gradient(90deg,transparent 0 83%,rgba(255,58,194,.8) 83% 100%) 0 34%/100% 4px no-repeat}}
body:has(#fabi) #projekte{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;background:#080d16!important}
body:has(#fabi) #projekte>.shell{width:min(1144px,calc(100% - 40px));max-width:1144px;margin-left:auto;margin-right:auto}
body:has(#fabi) .hero-stage .hero-photo:before{display:none!important}

#fabi,#fabi .ribbon,#fabi section.content,#fabi #projekte,#fabi #ueber-mich,#fabi #themen,#fabi #creator,#fabi #faq,#fabi #kontakt{background:#080d16!important;color:#f1f6fc!important}#fabi .card,#fabi .project{background:#111f2c!important;color:#f1f6fc!important}#fabi .sectionhead>p,#fabi .abouttext,#fabi .card p,#fabi .project p,#fabi .creator p,#fabi details p,#fabi .socialnote{color:#a9b8ca!important}#fabi .hero-photo img{z-index:0}#fabi .hero-copy{z-index:2}
body:has(#fabi),body:has(#fabi) main,body:has(#fabi) .entry-content,body:has(#fabi) .wp-block-group{background:#080d16!important;color:#f1f6fc!important}#fabi,#fabi .shell,#fabi section.content,#fabi section.contact{background:#080d16!important;color:#f1f6fc!important}#fabi h1,#fabi h2,#fabi h3,#fabi h4,#fabi strong,#fabi summary{color:#f1f6fc!important}#fabi .sectionhead>p,#fabi .abouttext,#fabi .card p,#fabi .project p,#fabi .creator p,#fabi details p,#fabi .socialnote{color:#a9b8ca!important}#fabi .card,#fabi .project{background:#111f2c!important;color:#f1f6fc!important}
body:has(#fabi) #projekte h2,body:has(#fabi) #projekte h3,body:has(#fabi) #projekte .sectionhead .eyebrow{color:#f1f6fc!important}
#fabi .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;padding-top:42px!important;padding-bottom:70px!important}#fabi .hero-overlay{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;max-width:100%!important;order:0!important;padding:0 0 28px!important;z-index:8!important}#fabi .hero-overlay h1{font-size:clamp(34px,5vw,68px)!important;line-height:1.04!important;text-shadow:none!important;max-width:900px!important}#fabi .hero-stage{order:1!important;width:100%!important;height:clamp(360px,52vw,720px)!important;min-height:360px!important;position:relative!important;margin:0!important;border-radius:26px!important;overflow:hidden!important}#fabi .hero-photo{position:absolute!important;inset:0!important;border-radius:26px!important;background:none!important}#fabi .hero-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}#fabi .hero-details{order:2!important;max-width:100%!important;width:100%!important;margin:30px 0 0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important}#fabi .hero-details .intro{max-width:860px!important;width:100%!important;text-align:left!important;font-size:18px!important}#fabi .hero-details .buttons{align-self:flex-start!important;margin-top:22px!important}#fabi .hero-details .hero-note{align-self:flex-start!important;margin-top:22px!important}#fabi #projekte{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#080d16!important}#fabi #projekte .shell{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;background:#080d16!important}body:has(#fabi) #projekte,body:has(#fabi) #projekte::before,body:has(#fabi) #projekte::after{background:#080d16!important}
#fabi .hero-overlay{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0 18px 24px!important}#fabi .hero-overlay h1{max-width:820px!important;font-size:clamp(30px,3.5vw,52px)!important;line-height:1.08!important;text-align:center!important}#fabi .hero-overlay .eyebrow{margin-bottom:14px!important}#fabi .hero-stage{height:clamp(340px,46vw,640px)!important}#fabi .hero-photo img{image-rendering:auto!important}