*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050505;--panel:#0b0b0b;--red:#e30613;--red2:#ff1d2e;--white:#f4f4f4;--muted:#929292;--line:#2b1618;--max:1320px}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 72% 18%,rgba(227,6,19,.12),transparent 26%),radial-gradient(circle at 8% 85%,rgba(227,6,19,.08),transparent 25%);pointer-events:none;z-index:-2}
.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.site-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;background:rgba(5,5,5,.9);backdrop-filter:blur(14px);z-index:15}
.brand{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.04em}
.brand span{font-family:"Barlow Condensed";font-size:30px;font-weight:900;color:var(--red)}
.brand strong{font-size:13px}
.nav{display:flex;gap:31px;height:100%;align-items:center}
.nav a{font-size:10px;color:#aaa;letter-spacing:.08em;position:relative;height:100%;display:flex;align-items:center}
.nav a:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:8px;background:var(--red);transform:scaleX(0);transition:.25s}
.nav a:hover,.nav a.active{color:#fff}.nav a.active:after,.nav a:hover:after{transform:scaleX(1)}
.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.section{max-width:var(--max);margin:auto}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr 1.2fr .55fr;position:relative;border-bottom:1px solid var(--line);overflow:hidden;padding:62px 5% 45px}
.hero-copy{z-index:3;padding-top:8px}
.eyebrow{color:var(--red);font-size:13px;font-weight:800;letter-spacing:.18em;line-height:1.45}
.hero h1{font-family:"Barlow Condensed";font-size:clamp(80px,9vw,150px);line-height:.78;margin:20px 0 22px;font-weight:900;letter-spacing:-.03em}
.hero h1 em,.contact-main h2 em{font-style:normal;color:var(--red)}
.tagline{font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:20px}.tagline b{color:var(--red);padding:0 6px}
.intro{max-width:380px;color:#a8a8a8;font-size:13px;line-height:1.7}
.contact-mini{display:flex;flex-direction:column;gap:8px;margin:24px 0 25px;color:#a9a9a9;font-size:10px}.contact-mini a:hover{color:#fff}.contact-mini span{margin-left:5px}
.outline-btn{border:1px solid var(--red);display:inline-flex;align-items:center;gap:30px;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:.08em;transition:.25s}.outline-btn:hover{background:var(--red);box-shadow:0 0 30px rgba(227,6,19,.2)}.outline-btn span{font-size:17px}
.hero-art{position:relative;min-height:700px;display:flex;align-items:flex-end;justify-content:center}
.red-splash{position:absolute;width:78%;height:90%;left:11%;top:5%;background:transparent;border:2px solid rgba(255,28,43,.9);box-shadow:0 0 7px rgba(227,6,19,.8),0 0 22px rgba(227,6,19,.35),inset 0 0 22px rgba(227,6,19,.08);transform:skew(-8deg);opacity:.95}
.red-splash:before{content:"";position:absolute;inset:-3px;border:1px solid rgba(255,75,85,.55);box-shadow:0 0 14px rgba(227,6,19,.5);pointer-events:none}
.red-splash:after{content:"";position:absolute;left:-20%;top:7%;width:140%;height:86%;background:repeating-linear-gradient(158deg,transparent 0 18px,rgba(255,20,35,.5) 19px 21px,transparent 22px 43px);filter:blur(1px);opacity:.38;pointer-events:none}
.hero-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(227,6,19,.12) 49%,transparent 50%),linear-gradient(45deg,transparent 54%,rgba(227,6,19,.10) 55%,transparent 56%)}
.hero-art:before{content:"";position:absolute;z-index:1;width:72%;height:82%;left:14%;bottom:4%;background:radial-gradient(ellipse at 50% 58%,rgba(255,25,40,.62) 0%,rgba(227,6,19,.35) 27%,rgba(227,6,19,.12) 52%,transparent 72%);filter:blur(18px);transform:rotate(-6deg);animation:saberPulse 2.6s ease-in-out infinite}
.hero-art:after{content:"";position:absolute;z-index:1;width:3px;height:78%;right:18%;bottom:7%;background:linear-gradient(to bottom,transparent,rgba(255,85,95,.95),#e30613,rgba(255,35,48,.25),transparent);box-shadow:0 0 7px #ff1c2c,0 0 18px rgba(227,6,19,.9),0 0 38px rgba(227,6,19,.65);filter:blur(.2px);transform:rotate(-7deg);opacity:.85;animation:saberFlicker 1.8s ease-in-out infinite}
@keyframes saberPulse{0%,100%{opacity:.65;transform:rotate(-6deg) scale(.96)}50%{opacity:1;transform:rotate(-6deg) scale(1.04)}}
@keyframes saberFlicker{0%,100%{opacity:.65}45%{opacity:1}52%{opacity:.45}58%{opacity:.95}}
.hero-person{position:relative;z-index:2;height:600px;max-width:112%;width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 6px rgba(255,28,43,.95)) drop-shadow(0 0 18px rgba(227,6,19,.85)) drop-shadow(0 0 38px rgba(227,6,19,.55)) drop-shadow(0 0 65px rgba(227,6,19,.28));transform:scale(1.08) translateY(6px);transform-origin:center bottom}
.hero-art:before{content:"";position:absolute;z-index:1;width:72%;height:82%;left:14%;bottom:4%;background:radial-gradient(ellipse at 50% 58%,rgba(255,25,40,.62) 0%,rgba(227,6,19,.35) 27%,rgba(227,6,19,.12) 52%,transparent 72%);filter:blur(18px);transform:rotate(-6deg);animation:saberPulse 2.6s ease-in-out infinite}
.hero-art:after{content:"";position:absolute;z-index:1;width:3px;height:78%;right:18%;bottom:7%;background:linear-gradient(to bottom,transparent,rgba(255,85,95,.95),#e30613,rgba(255,35,48,.25),transparent);box-shadow:0 0 7px #ff1c2c,0 0 18px rgba(227,6,19,.9),0 0 38px rgba(227,6,19,.65);filter:blur(.2px);transform:rotate(-7deg);opacity:.85;animation:saberFlicker 1.8s ease-in-out infinite}
@keyframes saberPulse{0%,100%{opacity:.65;transform:rotate(-6deg) scale(.96)}50%{opacity:1;transform:rotate(-6deg) scale(1.04)}}
@keyframes saberFlicker{0%,100%{opacity:.65}45%{opacity:1}52%{opacity:.45}58%{opacity:.95}}
.hero-person{position:relative;z-index:2;height:600px;max-width:112%;width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 24px rgba(227,6,19,.45));transform:scale(1.08) translateY(6px);transform-origin:center bottom}
.signature{font-family:cursive;font-size:28px;color:#ddd;position:absolute;right:2%;bottom:50px;z-index:4;transform:rotate(-6deg)}.signature i{display:block;width:105px;height:2px;background:var(--red);transform:rotate(-8deg);margin-left:40px}
.stats{display:flex;flex-direction:column;gap:0;align-self:start;margin-top:5px;border-left:1px solid #4a1518}.stats div{display:flex;align-items:center;gap:16px;padding:18px;border-bottom:1px solid #3c1618}.stats strong{font-family:"Barlow Condensed";font-size:42px;color:var(--red);line-height:1}.stats span{font-size:9px;color:#aaa;line-height:1.35;letter-spacing:.08em}
.content-section{padding:58px 5%;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-head h2{font-family:"Barlow Condensed";font-size:27px;letter-spacing:.02em}.section-head h2 span{display:inline-block;width:23px;height:3px;background:var(--red);vertical-align:middle;margin-right:11px}.section-head>a,.section-head>span{font-size:9px;color:#999;letter-spacing:.1em}
.about-grid{display:grid;grid-template-columns:90px 1fr 300px;gap:35px;align-items:start}.about-number{font-family:"Barlow Condensed";font-size:65px;color:var(--red);font-weight:800}.about-text{max-width:750px}.big-copy{font-family:"Barlow Condensed";font-size:40px;line-height:1.05;margin-bottom:20px}.about-text p:last-child{color:#999;line-height:1.8;font-size:13px}.about-card{border:1px solid #311619;padding:26px;background:linear-gradient(145deg,#0b0b0b,#160809)}.about-card span,.label{font-size:9px;color:var(--red);font-weight:800;letter-spacing:.12em}.about-card strong{display:block;font-family:"Barlow Condensed";font-size:24px;line-height:1.15;margin-top:15px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:980px}.project-card{border:1px solid #371719;background:#080808;transition:.3s;overflow:hidden}.project-card:hover{transform:translateY(-6px);border-color:var(--red);box-shadow:0 15px 45px rgba(227,6,19,.08)}
.project-image{height:185px;position:relative;overflow:hidden;background:#151515}.project-index{position:absolute;left:14px;top:12px;font-family:"Barlow Condensed";font-size:31px;color:var(--red);z-index:2}
.manga-bg{background:radial-gradient(circle at 35% 45%,#ff2b31 0 6%,transparent 7%),linear-gradient(130deg,#270507,#0a0a0a 55%,#190307)}.manga-bg:after{content:"MANGA STORE";font-family:"Barlow Condensed";font-size:68px;font-weight:900;color:#d30918;position:absolute;right:-6px;bottom:-17px;opacity:.65;transform:rotate(-4deg)}
.design-bg{background:linear-gradient(135deg,#131313,#252525 50%,#090909)}.mock-window{position:absolute;inset:34px 42px;background:#ececec;color:#111;padding:18px;box-shadow:0 8px 25px #000}.mock-window b{font-size:8px}.mock-window span{display:block;font-family:"Barlow Condensed";font-weight:800;font-size:31px;line-height:.88;margin-top:25px}
.edit-bg{background:radial-gradient(circle at 65% 35%,#4e1014,#0b0b0b 55%)}.edit-screen{position:absolute;left:25%;top:23%;width:58%;height:58%;border:1px solid #666;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;transform:skew(-8deg)}.edit-screen i{background:linear-gradient(145deg,#d30b1a,#222);display:block}
.project-info{display:flex;justify-content:space-between;align-items:center;padding:16px 15px 7px}.project-info h3{font-size:13px}.project-info p{font-size:9px;color:#888;margin-top:5px}.project-info>a{color:var(--red);font-size:20px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 16px}.chips span{border:1px solid #3c3c3c;border-radius:4px;padding:5px 8px;font-size:8px;color:#aaa}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.video-card{cursor:pointer}.video-thumb{height:230px;border:1px solid #3b1719;position:relative;background:#111;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.video-card:hover img{transform:scale(1.05);filter:saturate(1.2)}.video-thumb button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.58);color:#fff;font-size:18px;cursor:pointer}.video-thumb small{position:absolute;right:10px;bottom:9px;color:#fff;background:rgba(0,0,0,.65);padding:4px 7px;font-size:9px}.video-card h3{font-size:13px;margin-top:13px}.video-card p{font-size:9px;color:#888;margin-top:5px}
.split-section{display:grid;grid-template-columns:1fr 1fr 1fr .85fr;border-bottom:1px solid var(--line)}.panel,.quote-panel{padding:46px 30px;border-right:1px solid var(--line);min-height:450px}.panel:last-of-type{border-right:0}.compact{margin-bottom:25px}.label{margin:18px 0 12px}.creative{margin-top:26px}.chips.large span{padding:7px 10px;font-size:8px}.timeline{border-left:2px solid #45171a;padding-left:20px}.timeline>div{position:relative;margin:0 0 24px}.timeline>div:before{content:"";position:absolute;left:-27px;top:4px;width:9px;height:9px;border:2px solid var(--red);background:var(--bg);border-radius:50%}.timeline b{display:block;color:var(--red);font-size:9px}.timeline strong{display:block;font-size:11px;margin-top:4px}.timeline small{display:block;color:#777;font-size:9px;margin-top:4px}.certs{border-top:1px solid #241214;margin-top:25px;padding-top:15px}.cert{display:flex;gap:10px;align-items:flex-start;margin-top:13px}.cert>span{color:var(--red)}.cert strong{display:block;font-size:10px}.cert small{display:block;color:#777;font-size:8px;margin-top:3px}.process ol{list-style:none}.process li{display:flex;gap:14px;align-items:flex-start;padding:8px 0}.process li>b{font-family:"Barlow Condensed";font-size:22px;color:var(--red)}.process li span{font-size:9px;color:var(--red);font-weight:800}.process li small{display:block;color:#777;font-size:8px;font-weight:400;margin-top:4px}.quote-panel{background:linear-gradient(145deg,#32070a,#110506);position:relative;overflow:hidden}.quote-panel:after{content:"SS";position:absolute;right:-25px;bottom:-45px;font-family:"Barlow Condensed";font-weight:900;font-size:180px;color:rgba(227,6,19,.12)}.quote-mark{font-family:Georgia;font-size:80px;color:var(--red);line-height:.6}.quote-panel p{font-family:"Barlow Condensed";font-size:30px;line-height:1.02;margin-top:18px;position:relative;z-index:2}.signature.small{position:relative;bottom:auto;right:auto;font-size:24px;margin-top:28px}.quote-panel>span{position:absolute;bottom:35px;left:30px;font-size:8px;letter-spacing:.15em;color:#aaa;z-index:2}
.contact-section{min-height:390px;padding:65px 5%;display:grid;grid-template-columns:1fr 1fr .4fr;gap:50px;align-items:center;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;width:480px;height:480px;right:-170px;bottom:-260px;border:50px solid rgba(227,6,19,.12);transform:rotate(25deg)}.contact-main h2{font-family:"Barlow Condensed";font-size:76px;line-height:.83;margin:15px 0 18px}.contact-main>p:not(.eyebrow){color:#888;font-size:11px;line-height:1.6;max-width:450px;margin-bottom:24px}.contact-details{display:flex;flex-direction:column;gap:0}.contact-details>a,.contact-details>div{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #351619}.contact-details b{color:var(--red);font-size:17px;width:30px}.contact-details span{font-size:8px;color:#777;letter-spacing:.1em}.contact-details strong{display:block;color:#eee;font-size:10px;margin-top:5px;letter-spacing:0}.contact-mark{font-family:"Barlow Condensed";font-size:130px;font-weight:900;color:var(--red);opacity:.18;justify-self:end}
footer{border-top:1px solid var(--line);text-align:center;padding:18px;color:#666;font-size:8px;letter-spacing:.12em}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}.modal-box{width:min(900px,90vw);position:relative;z-index:2;border:1px solid var(--red);background:#050505;padding:8px;box-shadow:0 20px 80px #000}.modal-box video{width:100%;max-height:78vh;display:block;background:#000}.close{position:absolute;right:-15px;top:-15px;width:35px;height:35px;border-radius:50%;background:var(--red);color:#fff;border:0;font-size:22px;cursor:pointer}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;padding-top:45px}.stats{grid-column:1/-1;flex-direction:row;border-left:0}.stats div{flex:1;border-left:1px solid #3c1618}.hero-art{grid-column:2;grid-row:1}.hero-copy{grid-column:1;grid-row:1}.split-section{grid-template-columns:1fr 1fr}.quote-panel{grid-column:1/-1;min-height:260px}.contact-section{grid-template-columns:1fr 1fr}.contact-mark{display:none}}
@media(max-width:760px){.site-header{height:62px}.nav{position:absolute;top:62px;left:0;right:0;background:#080808;border-bottom:1px solid var(--line);display:none;flex-direction:column;height:auto;padding:15px 5%;gap:0}.nav.open{display:flex}.nav a{height:40px}.menu-btn{display:block}.hero{display:flex;flex-direction:column;padding:38px 5% 28px}.hero-copy{order:1}.hero-art{order:2;min-height:420px;margin-top:20px}.hero-art:before{content:"";position:absolute;z-index:1;width:72%;height:82%;left:14%;bottom:4%;background:radial-gradient(ellipse at 50% 58%,rgba(255,25,40,.62) 0%,rgba(227,6,19,.35) 27%,rgba(227,6,19,.12) 52%,transparent 72%);filter:blur(18px);transform:rotate(-6deg);animation:saberPulse 2.6s ease-in-out infinite}
.hero-art:after{content:"";position:absolute;z-index:1;width:3px;height:78%;right:18%;bottom:7%;background:linear-gradient(to bottom,transparent,rgba(255,85,95,.95),#e30613,rgba(255,35,48,.25),transparent);box-shadow:0 0 7px #ff1c2c,0 0 18px rgba(227,6,19,.9),0 0 38px rgba(227,6,19,.65);filter:blur(.2px);transform:rotate(-7deg);opacity:.85;animation:saberFlicker 1.8s ease-in-out infinite}
@keyframes saberPulse{0%,100%{opacity:.65;transform:rotate(-6deg) scale(.96)}50%{opacity:1;transform:rotate(-6deg) scale(1.04)}}
@keyframes saberFlicker{0%,100%{opacity:.65}45%{opacity:1}52%{opacity:.45}58%{opacity:.95}}
.hero-person{height:600px;max-width:118%;transform:scale(1.02) translateY(4px);transform-origin:center bottom}.stats{order:3;margin-top:20px}.stats div{padding:12px}.stats strong{font-size:32px}.stats span{font-size:7px}.about-grid,.project-grid,.video-grid{grid-template-columns:1fr}.about-number{font-size:45px}.big-copy{font-size:34px}.split-section{grid-template-columns:1fr}.panel,.quote-panel{border-right:0;border-bottom:1px solid var(--line)}.contact-section{grid-template-columns:1fr;padding-top:45px}.contact-main h2{font-size:64px}.contact-details{margin-top:15px}.signature{right:5px}.section-head{gap:15px}.section-head>a,.section-head>span{font-size:7px}.video-thumb{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}

.hero-art .hero-person{margin-bottom:45px;}

/* Clickable certification cards */
.cert-link{position:relative;color:inherit;text-decoration:none;cursor:pointer;padding-right:28px;transition:.25s}
.cert-link:hover{transform:translateX(3px)}
.cert-link:hover strong{color:#fff}
.cert-open{position:absolute;right:0;top:0;color:var(--red);font-size:15px;opacity:.75;transition:.25s}
.cert-link:hover .cert-open{opacity:1;transform:translate(2px,-2px)}

/* Social links */
.contact-details>a{transition:background .2s ease,padding-left .2s ease}.contact-details>a:hover{background:rgba(227,6,19,.05);padding-left:6px}.contact-details>a:hover strong{color:#fff}.contact-details>a b{font-family:Arial,sans-serif;text-align:center}