:root{--bg: #050608;--ink: #f7f7f7;--muted: #a9b1be;--line: rgba(255, 255, 255, .16);--panel: rgba(12, 14, 19, .82);--gold: #edc95a;--teal: #30d8ca;--blue: #315dff;--rose: #d95c84}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 12%,rgba(48,216,202,.13),transparent 28rem),linear-gradient(145deg,#050608,#0c1118 48%,#050608);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),linear-gradient(rgba(237,201,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(48,216,202,.026) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);mask-image:linear-gradient(to bottom,black,transparent 86%);z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 16px,rgba(255,255,255,.028) 16px 17px),radial-gradient(circle at 18% 82%,rgba(217,92,132,.11),transparent 18rem);mix-blend-mode:screen;opacity:.45;z-index:-1}#liquid-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.72}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(237,201,90,.5);background:#050608c7;font-weight:900;color:var(--gold);clip-path:polygon(0 0,100% 0,100% 83%,86% 100%,0 100%)}.top-nav{display:flex;gap:8px;padding:7px;border:1px solid var(--line);background:#05060894;box-shadow:6px 6px #edc95a14}.top-nav a{padding:8px 12px;color:var(--muted);font-size:.9rem}.top-nav a:hover,.top-nav a:focus-visible{color:var(--ink);outline:1px solid rgba(237,201,90,.45)}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,30px);align-items:start;padding:34px 0 78px}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(4.3rem,16vw,13.5rem);line-height:.9;font-weight:900;text-shadow:2px 0 rgba(48,216,202,.24),-2px 1px rgba(217,92,132,.18)}.hero-kicker{margin:10px 0 0;color:var(--gold);font-size:clamp(1.24rem,3.4vw,2.15rem);font-weight:800;text-transform:uppercase}.hero-text{max-width:610px;color:var(--muted);font-size:clamp(1.02rem,1.8vw,1.25rem)}.hero-details{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);gap:18px clamp(22px,4vw,48px);align-items:start}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:0;justify-content:flex-end}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--line);font-weight:800;text-transform:uppercase;letter-spacing:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translate(-2px,-2px);outline:none;box-shadow:5px 5px #30d8ca2e}.button.primary{background:var(--gold);color:#101114;border-color:var(--gold)}.button.ghost{background:#ffffff0f;color:var(--ink)}.hero-stage{position:relative}.liquid-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#101219;clip-path:polygon(0 0,100% 0,100% 92%,95% 100%,0 100%);transform:translateZ(0);animation:float-panel 7s ease-in-out infinite}.liquid-frame:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(48,216,202,.32),rgba(237,201,90,.2),transparent);mix-blend-mode:screen;animation:pour 9s linear infinite;z-index:1}.liquid-frame img{width:100%;aspect-ratio:16 / 8.2;object-fit:cover;filter:saturate(1.12) contrast(1.06)}.mini-strip{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.mini-strip span{padding:7px 9px;border:1px solid rgba(255,255,255,.13);background:#ffffff0d;color:var(--muted);font-size:.8rem;transform:skew(-7deg)}.profile-band,.contact-band{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(24px,4vw,60px);align-items:start;padding:86px 0;border-top:1px solid var(--line);position:relative}.profile-band:before,.contact-band:before,.work-section:before{content:"";position:absolute;top:-2px;left:0;width:min(210px,44vw);height:3px;background:linear-gradient(90deg,var(--gold),transparent);transform:skew(-18deg)}.profile-band h2,.section-heading h2,.contact-band h2{margin-bottom:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.profile-band p:not(.eyebrow),.contact-band p{color:var(--muted);font-size:1.08rem}.strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);transform:rotate(-.35deg)}.strengths article{min-height:210px;padding:22px;background:#050608d1;transform:rotate(.35deg)}.strengths span{color:var(--teal);font-weight:900}.strengths h3{margin:42px 0 10px;font-size:1.18rem}.strengths p{margin:0;color:var(--muted)}.work-section{padding:104px 0 70px;position:relative}.section-heading{max-width:780px;margin-bottom:36px}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:-10px 0 26px}.portfolio-tab{padding:11px 15px;border:1px solid var(--line);background:#0c0f16b8;color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.portfolio-tab:hover,.portfolio-tab:focus-visible{border-color:#edc95ab8;color:var(--ink);outline:none}.portfolio-tab.is-active{border-color:var(--gold);background:var(--gold);color:#07080b;transform:translateY(-2px)}.portfolio-tab-panel{animation:tab-panel-in .26s ease both}.portfolio-tab-panel[hidden]{display:none}.portfolio-tab-panel[data-tab-panel=brawlhalla] .project-card,.portfolio-tab-panel[data-tab-panel=legion] .project-card{grid-column:span 6}.portfolio-tab-panel[data-tab-panel=brawlhalla] .project-card.tall{grid-row:auto}.portfolio-tab-panel[data-tab-panel=fcssga] .project-card{grid-column:span 3}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.project-card{grid-column:span 2;display:flex;min-height:100%;flex-direction:column;border:1px solid var(--line);background:var(--panel);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:9px 9px #00000047}.project-card.wide{grid-column:span 4}.project-card.tall{grid-row:span 2}.art-button,.gallery button,.close-lightbox{font:inherit;color:inherit;cursor:pointer}.art-button{width:100%;padding:0;border:0;background:#090b11;overflow:hidden;position:relative}.art-button:after,.gallery button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 20%),repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.035) 14px 15px);opacity:0;transition:opacity .22s ease;pointer-events:none}.art-button img{width:100%;height:290px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s ease}.project-card.wide .art-button img{height:390px}.art-button:hover img,.gallery button:hover img,.art-button:focus-visible img,.gallery button:focus-visible img{transform:scale(1.055) rotate(-.7deg);filter:saturate(1.25) contrast(1.14)}.art-button:hover:after,.gallery button:hover:after,.art-button:focus-visible:after,.gallery button:focus-visible:after{opacity:1}.project-copy{padding:18px}.project-copy h3{margin-bottom:9px;font-size:1.28rem}.project-copy p:last-child{margin:0;color:var(--muted)}.project-copy .note-line{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(237,201,90,.32);color:#d2d7df;font-size:.92rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.gallery button{position:relative;min-height:170px;padding:0;border:1px solid var(--line);background:#090b11;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,93% 100%,0 100%)}.gallery img{width:100%;height:100%;min-height:170px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.gallery span{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 8px;background:#050608c2;color:var(--ink);font-size:.84rem;font-weight:800;text-transform:uppercase;transform:skew(-8deg)}.contact-band{grid-template-columns:1fr;max-width:850px;padding-bottom:110px}.contact-band .button{width:fit-content}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:58px 18px 18px;border:1px solid rgba(255,255,255,.24);background:#050608eb;color:var(--ink)}.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:#000000c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox img{width:auto;height:auto;max-width:calc(100vw - 36px);max-height:calc(100dvh - 76px);object-fit:contain;box-shadow:0 24px 80px #00000094}.lightbox-status{position:absolute;bottom:22px;max-width:min(36rem,calc(100vw - 48px));margin:0;color:#fff;text-align:center}.close-lightbox{position:absolute;top:10px;right:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.26);background:#050608c7;color:var(--ink);font-size:1.1rem;font-weight:800;z-index:2}@keyframes pour{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.05)}}@keyframes float-panel{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:940px){.profile-band{grid-template-columns:1fr}.hero{padding-top:26px}.hero-details{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.strengths,.gallery{grid-template-columns:repeat(2,1fr)}.portfolio-tab-panel[data-tab-panel] .project-card{grid-column:span 1}.featured-grid{grid-template-columns:1fr}.project-card,.project-card.wide,.project-card.tall{grid-column:auto}}@media(max-width:620px){.page-shell{width:min(100% - 22px,1180px)}.site-header{align-items:flex-start}.top-nav{max-width:230px;overflow-x:auto}.hero{min-height:auto;padding-bottom:56px}h1{font-size:clamp(3.2rem,18vw,6.2rem)}.hero-actions,.contact-band .button,.button{width:100%}.strengths,.gallery{grid-template-columns:1fr}.portfolio-tabs{margin-bottom:20px}.portfolio-tab{width:100%}.profile-band,.work-section,.contact-band{padding-top:64px;padding-bottom:64px}.art-button img,.project-card.wide .art-button img{height:250px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}#liquid-canvas{display:none}}