*{box-sizing:border-box} :root{--blue:#075cff;--blue-dark:#0045d9;--ink:#111;--paper:#fff;--line:#d9d9d9;--mono:"DM Mono",monospace;--sans:"Inter",Arial,sans-serif;--display:"Barlow Condensed",Impact,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.scroll-line{position:fixed;z-index:40;top:0;left:0;width:0;height:3px;background:var(--blue)}.nav{height:68px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.signature{font-weight:800;font-size:26px;letter-spacing:-2px}.signature span{font:9px var(--mono);vertical-align:top;margin-left:2px}.nav-caption{font:8px/1.6 var(--mono);letter-spacing:.04em;color:#666}.nav-contact{font:9px var(--mono);border:1px solid var(--ink);padding:11px 14px}.nav-contact span{margin-left:18px;color:var(--blue)}.hero{height:calc(100svh - 68px);min-height:590px;max-height:900px;background:var(--blue);color:#fff;position:relative;overflow:hidden;padding:22px 4vw 20px;display:flex;flex-direction:column}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.05em;position:relative;z-index:2}.hero-center{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px 0}.hero-kicker{font:9px var(--mono);letter-spacing:.16em;margin:0 0 20px}.hero h1{font:800 clamp(70px,13.4vw,185px)/.77 var(--display);letter-spacing:-.025em;margin:0;position:relative}.hero h1>span{display:block}.question{color:#a9c4ff}.resolved{position:relative;display:flex;gap:45px;align-items:center;background:#050505;color:#fff;padding:8px 13px 10px;font:600 clamp(24px,4vw,48px)/1 var(--display);margin:18px 0 0 29%;box-shadow:5px 5px 0 #ffffff}.resolved span{font:22px var(--sans);color:#a9c4ff}.ghost-mark{position:absolute;font:900 clamp(300px,48vw,650px)/.8 var(--display);letter-spacing:-.12em;color:#003ec5;opacity:.18;transform:rotate(-9deg);pointer-events:none;user-select:none}.hero-bottom{align-items:end}.hero-bottom .explore{border-bottom:1px solid #ffffff88;padding-bottom:8px}.hero-bottom b{font-size:15px;margin-left:24px}.hero-index{position:absolute;right:4vw;top:48%;font:10px var(--mono);writing-mode:vertical-rl;letter-spacing:.15em}.hero-index span{color:#a9c4ff;padding:7px 0}.work{padding:66px 7vw 0}.work-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.eyebrow{font:9px var(--mono);letter-spacing:.08em;color:#777;margin:0 0 15px}.work-header h2{font:800 clamp(54px,8vw,104px)/.8 var(--display);letter-spacing:-.02em;margin:0}.work-header h2 span{color:var(--blue)}.work-intro{font-size:13px;line-height:1.8;max-width:310px;color:#555;margin:0 0 4px}.work-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 0;margin-bottom:14px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;color:#777;padding:9px 11px;font:8px var(--mono)}.filter span{font-size:7px;color:#aaa;margin-left:8px}.filter.active,.filter:hover{background:var(--blue);color:white}.filter.active span,.filter:hover span{color:#dbe5ff}.drag-hint{font:8px var(--mono);color:#888;white-space:nowrap}.drag-hint i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:7px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{min-width:0;aspect-ratio:1/1.08;position:relative;overflow:hidden;border:0;text-align:left;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:transform .25s,filter .25s}.tile:hover{transform:translateY(-3px);filter:saturate(1.15)}.tile.hidden{display:none}.tile-wide{grid-column:span 2;aspect-ratio:2/1.08}.tile-label{position:absolute;top:15px;left:16px;font:8px var(--mono);letter-spacing:.08em;z-index:2}.tile-open{position:absolute;right:15px;bottom:13px;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:15px;transition:.2s}.tile:hover .tile-open{background:var(--blue);color:white;border-color:var(--blue)}.tile-gaming{background:#08090c;color:#fff}.gaming-emblem{position:absolute;right:8%;top:8%;font:900 clamp(100px,20vw,240px)/.8 var(--display);letter-spacing:-.12em;color:#f12a44;transform:rotate(-8deg);text-shadow:5px 5px #fff}.gaming-emblem b{color:#fff}.tile-copy{position:relative;z-index:1;margin-top:55px}.tile-copy h3{font:800 clamp(25px,4.2vw,58px)/.8 var(--display);margin:0;letter-spacing:-.01em}.tile-copy h3 span{font-size:.58em;color:#ff304a}.tile-copy small,.tile>small{display:block;font:8px var(--mono);margin-top:13px}.tile-marvel{background:#f1f1ef;color:#111}.comic-logo{background:#ed1d24;color:#fff;padding:2px 10px;font:900 clamp(45px,7vw,86px)/1 var(--display);letter-spacing:-.04em;transform:rotate(-7deg);box-shadow:5px 5px #111;margin:15px 0 20px}.tile-marvel h3{font:800 clamp(30px,4.3vw,55px)/.78 var(--display);margin:0;letter-spacing:-.02em}.tile-volta{background:#111e26;color:#fff}.tile-volta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 28px,#fff1 29px 31px)}.volta-orbit{position:absolute;width:85%;aspect-ratio:1;border:13px solid #27e0d2;border-radius:50%;transform:scaleY(.4) rotate(-25deg);top:5%;left:9%}.tile-volta h3{position:relative;font:900 clamp(48px,7vw,90px)/.75 var(--display);transform:rotate(-8deg);text-shadow:4px 4px #f3426d;margin:35px 0 0}.tile-volta h3 i{font-style:normal;color:#27e0d2}.tile-volta small{position:relative}.tile-point{background:#4a1e7d;color:white;align-items:center}.promo{font:900 clamp(85px,13vw,155px)/.8 var(--display);letter-spacing:-.07em;color:#26124b;background:#a8ff30;padding:9px 15px;transform:rotate(-6deg);box-shadow:6px 6px #edff4b;margin-top:18px}.promo span{font-size:.65em}.tile-point h3{font:800 clamp(30px,4.5vw,55px)/.9 var(--display);margin:18px 0 0}.tile-point small{font-size:7px}.tile-digital{background:#dce5ff;color:#111}.digital-type{font:800 clamp(37px,6vw,74px)/.76 var(--display);letter-spacing:-.02em;margin-top:20px}.digital-type span{color:var(--blue)}.digital-type i{font-style:normal;color:var(--blue);-webkit-text-stroke:1px var(--blue)}.tile-auto{background:var(--blue);color:#fff}.auto-arrow{font-size:clamp(90px,14vw,170px);line-height:1;color:#a9c4ff;transform:rotate(-18deg);align-self:center;text-shadow:5px 5px #003ec5}.tile-auto h3{font:800 clamp(40px,6vw,70px)/.78 var(--display);margin:0;position:absolute;bottom:17%;left:18px}.tile-auto small{position:absolute;bottom:10%;left:18px}.work-note{font:8px/1.7 var(--mono);color:#888;margin:17px 0 0}.experience-strip{margin:65px 0 0;background:#f3f3f1;padding:20px 24px 25px}.strip-title{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding-bottom:12px;font:8px var(--mono);color:#777}.strip-content{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding-top:20px}.experience-copy h3{font:800 clamp(34px,5vw,60px)/.85 var(--display);letter-spacing:-.02em;margin:0}.experience-copy h3 span{color:var(--blue)}.experience-copy p{font-size:11px;line-height:1.7;max-width:250px;color:#666}.experience-copy>a{display:inline-block;font:8px var(--mono);border-bottom:1px solid;padding:10px 0}.experience-copy>a b{margin-left:25px;color:var(--blue)}.brand-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:7px}.brand-wall span{border:1px solid #d6d6d6;background:white;min-height:48px;display:grid;place-items:center;text-align:center;padding:5px;font:700 clamp(8px,1.1vw,13px) var(--display);letter-spacing:-.01em;transition:background .2s,color .2s,border .2s}.brand-wall span:hover{background:var(--blue);border-color:var(--blue);color:#fff}.contact{background:var(--blue);color:white;min-height:75vh;margin-top:0;padding:22px 4vw 20px;display:flex;flex-direction:column}.contact-top,footer{display:flex;justify-content:space-between;gap:15px;font:8px var(--mono);letter-spacing:.05em}.contact-main{margin:auto 0;padding:65px 0}.contact-main>p{font:9px var(--mono);letter-spacing:.12em}.contact-main h2{font:900 clamp(70px,14vw,180px)/.78 var(--display);letter-spacing:-.02em;margin:25px 0 35px}.contact-main h2 span{color:#a9c4ff}.contact-main>a{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:#050505;color:white;padding:15px 17px;font:9px var(--mono);box-shadow:4px 4px white}.contact-main>a b{color:#a9c4ff;font-size:15px}.contact-main>a:hover{transform:translate(-2px,-2px);box-shadow:7px 7px white}footer{border-top:1px solid #ffffff66;padding-top:15px}footer a{border-bottom:1px solid #ffffff88;padding-bottom:5px}.detail{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.detail.open{display:flex}.detail-shade{position:absolute;inset:0;background:#050505cf;backdrop-filter:blur(5px)}.detail-card{position:relative;z-index:1;width:min(520px,100%);background:#fff;padding:38px;border-top:5px solid var(--blue)}.detail-close{position:absolute;right:13px;top:8px;border:0;background:none;font-size:29px}.detail-label{font:8px var(--mono);color:var(--blue)}.detail-card h2{font:800 clamp(35px,6vw,55px)/.9 var(--display);letter-spacing:-.02em;margin:24px 0 15px}.detail-card p{font-size:13px;line-height:1.8;color:#555}.detail-card>a{display:inline-block;margin-top:18px;font:8px var(--mono);border-bottom:1px solid;padding:10px 0}
@media(min-width:1300px){.work{padding-left:max(7vw,calc((100vw - 1200px)/2));padding-right:max(7vw,calc((100vw - 1200px)/2))}}
@media(max-width:760px){.nav{padding:0 5vw}.nav-caption{font-size:7px}.hero{min-height:560px}.hero h1{font-size:clamp(64px,14vw,105px)}.hero-index{right:5vw}.hero-bottom{font-size:7px;flex-wrap:wrap}.hero-bottom span:nth-child(2){display:none}.work{padding:48px 5vw 0}.work-header{align-items:start;flex-direction:column;gap:20px}.work-header h2{font-size:clamp(55px,12vw,85px)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{aspect-ratio:1/1.15;padding:13px}.tile-wide{grid-column:span 2;aspect-ratio:1.8/1}.tile-label{font-size:7px;left:12px;top:12px}.tile-copy h3{font-size:clamp(28px,6vw,48px)}.tile-marvel h3{font-size:clamp(30px,6vw,43px)}.tile-volta h3{font-size:clamp(45px,9vw,70px)}.tile-point h3{font-size:clamp(28px,5vw,40px)}.tile-digital .digital-type{font-size:clamp(35px,7vw,55px)}.tile-auto h3{font-size:clamp(35px,7vw,50px);left:13px}.tile-auto small{left:13px}.strip-content{grid-template-columns:1fr;gap:20px}.brand-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.contact{min-height:65vh}.contact-main h2{font-size:clamp(68px,14vw,110px)}}
@media(max-width:450px){.nav-caption{max-width:155px}.nav-contact{font-size:8px;padding:9px}.hero-top{font-size:7px}.hero h1{font-size:14vw}.hero-kicker{font-size:8px}.resolved{margin-left:25%;font-size:29px}.hero-bottom{gap:10px}.hero-bottom .explore{margin-left:auto}.work-tools{align-items:start;flex-direction:column}.filters{gap:0}.filter{padding:8px}.drag-hint{align-self:flex-end}.portfolio-grid{gap:6px}.tile{padding:10px}.tile-label{font-size:6px;left:9px}.tile-open{width:24px;height:24px;right:8px;bottom:8px}.gaming-emblem{font-size:105px}.tile-copy{margin-top:35px}.tile-copy h3{font-size:27px}.comic-logo{font-size:45px}.tile-marvel h3{font-size:30px}.tile-volta h3{font-size:43px}.promo{font-size:75px;padding:8px 11px}.tile-point h3{font-size:28px}.tile-point small{font-size:6px}.digital-type{font-size:34px!important}.auto-arrow{font-size:100px}.tile-auto h3{font-size:34px}.brand-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-strip{padding:15px}.contact-top,footer{font-size:7px}.contact-top span:nth-child(2){max-width:140px;text-align:right}.contact-main h2{font-size:16vw}.contact-main>a{width:100%;gap:10px;justify-content:space-between}.detail-card{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}