:root{--text:#b0a8ad;--text-h:#f4efe9;--bg:#050505;--border:#311014;--code-bg:#0d0b0b;--accent:#ff1d2d;--accent-bg:#ff1d2d14;--accent-border:#ff1d2d73;--social-bg:#0d0b0bbf;--shadow:#ff1d2d14 0 10px 25px -5px, #00000073 0 8px 20px -8px;--sans:Arial, Helvetica, sans-serif;--heading:"Cormorant Garamond", Georgia, serif;--mono:"IBM Plex Mono", Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{width:100%;min-height:100svh}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);margin-top:0;font-weight:400}p{margin-top:0}button,input,textarea{font:inherit}code,.counter{font-family:var(--mono)}code{border:1px solid var(--accent-border);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:.82rem;line-height:135%;display:inline-flex}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#3a0c10;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=1024px){:root{font-size:16px}}:root{--bg:#050505;--panel:#090909;--panel-light:#0d0b0b;--text:#f3eee9;--muted:#a79e9b;--dim:#625b5b;--red:#c80d18;--red-bright:#ff1d2d;--red-dark:#59070c;--line:#311014}body{background:var(--bg);color:var(--text);font-family:Cormorant Garamond,Georgia,serif}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 82% 8%,#a000142b,#0000 28%),#050505;min-height:100vh;position:relative;overflow-x:hidden}.site-shell:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ff000006 1px,#0000 1px),linear-gradient(90deg,#ff000006 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.top-nav{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1400px,92vw);margin:0 auto;padding:30px 0;display:grid;position:relative}.brand{color:var(--red-bright);letter-spacing:.07em;font-size:1rem}.nav-links{letter-spacing:.15em;text-transform:uppercase;gap:42px;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:flex}.nav-links a{color:#d9cfcb;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--red-bright)}.nav-links a.active:after{content:"";background:var(--red-bright);height:1px;position:absolute;bottom:-8px;left:0;right:0}.sigil{color:var(--red-bright);text-shadow:0 0 15px #ff1d2d99;justify-self:end;font-size:1.6rem}.page{z-index:2;width:min(1200px,90vw);margin:0 auto;position:relative}.section-code{color:var(--red-bright);letter-spacing:.16em;margin-bottom:30px;font-family:IBM Plex Mono,monospace;font-size:.68rem}.eyebrow{color:var(--red-bright);letter-spacing:.2em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500}.button{border:1px solid var(--red-bright);color:var(--text);letter-spacing:.16em;text-transform:uppercase;padding:16px 28px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;transition:background .25s,box-shadow .25s,transform .25s;display:inline-block}.button:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 0 25px #ff1d2d59}.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);padding:6vh 0 10vh;display:flex}.hero-label{color:var(--red-bright);letter-spacing:.18em;align-items:center;gap:16px;margin-bottom:45px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;display:flex}.hero-label span{background:var(--red-bright);width:22px;height:1px;box-shadow:0 0 8px #ff1d2d99}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(5.5rem,12vw,10rem);font-weight:400;line-height:.82}.glow-line{background:linear-gradient(90deg, var(--red-dark), var(--red-bright), var(--red-dark));width:min(800px,72vw);height:1px;margin:48px 0 34px;position:relative}.glow-line span{background:var(--red-bright);width:7px;height:7px;box-shadow:0 0 10px var(--red-bright), 0 0 25px #ff1d2dd9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero h2{letter-spacing:.07em;margin:0 0 20px;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400}.intro{max-width:720px;color:var(--muted);font-family:Arial,sans-serif;font-size:1.05rem;line-height:1.8}.hero-actions{align-items:center;gap:30px;margin-top:35px;display:flex}.text-link{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.72rem}.text-link:hover{color:var(--red-bright)}.hero-meta{color:var(--dim);letter-spacing:.1em;gap:35px;margin-top:90px;font-family:IBM Plex Mono,monospace;font-size:.62rem;display:flex}.inner-page{padding:100px 0 150px}.page-intro{max-width:1050px;margin-bottom:100px}.page-intro h1,.contact-page h1{letter-spacing:-.035em;margin:15px 0 25px;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.9}.page-description{max-width:700px;color:var(--muted);font-family:Arial,sans-serif;font-size:1.05rem;line-height:1.8}.work-category{margin-bottom:130px}.category-heading{align-items:baseline;gap:25px;margin-bottom:35px;display:flex}.category-heading span{color:var(--red-bright);font-family:IBM Plex Mono,monospace;font-size:.7rem}.category-heading h2{margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:400}.project-card{border-top:1px solid var(--line);padding:55px 0;transition:padding-left .3s;position:relative}.project-card:last-child{border-bottom:1px solid var(--line)}.project-card:hover{padding-left:18px}.project-topline{color:var(--red-bright);letter-spacing:.12em;justify-content:space-between;gap:20px;font-family:IBM Plex Mono,monospace;font-size:.62rem;display:flex}.project-card h3{max-width:900px;margin:20px 0 15px;font-size:clamp(2.7rem,6vw,5.8rem);font-weight:400;line-height:.95}.project-card>p{max-width:700px;color:var(--muted);font-family:Arial,sans-serif;font-size:1rem;line-height:1.8}.project-tagline{font-style:italic;color:var(--text)!important;font-family:Cormorant Garamond,serif!important;font-size:1.6rem!important}.status{border:1px solid var(--line);color:var(--dim);letter-spacing:.1em;margin-top:20px;padding:7px 10px;font-family:IBM Plex Mono,monospace;font-size:.6rem;display:inline-block}.active-status{color:var(--red-bright);border-color:var(--red-dark)}.about-grid{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:100px;padding-top:30px;display:grid}.about-statement p{margin-top:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.about-copy{color:var(--muted);font-family:Arial,sans-serif;font-size:1rem;line-height:1.9}.about-copy h3{color:var(--text);margin-top:45px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400}.skills{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.skills span{border:1px solid var(--line);color:#c6bdbc;padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:.62rem}.contact-page{max-width:1000px;min-height:70vh}.contact-box{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:28px;margin-top:60px;padding-top:40px;display:flex}.contact-box>div{flex-direction:column;gap:8px;display:flex}.contact-label{color:var(--red-bright);letter-spacing:.14em;font-family:IBM Plex Mono,monospace;font-size:.6rem}.contact-box div a{color:var(--text);font-family:IBM Plex Mono,monospace;font-size:clamp(.85rem,2vw,1.1rem)}.contact-box div a:hover{color:var(--red-bright)}footer{z-index:2;border-top:1px solid var(--line);width:min(1400px,92vw);color:var(--dim);letter-spacing:.1em;justify-content:space-between;margin:0 auto;padding:30px 0;font-family:IBM Plex Mono,monospace;font-size:.6rem;display:flex;position:relative}@media (width<=800px){.top-nav{grid-template-columns:1fr auto}.nav-links{border-top:1px solid var(--line);z-index:50;background:#050505f5;justify-content:space-around;gap:10px;padding:18px 20px;position:fixed;bottom:0;left:0;right:0}.nav-links a{font-size:.58rem}.sigil{display:none}.hero{min-height:auto;padding:80px 0 150px}.hero h1{font-size:clamp(4rem,20vw,6.5rem)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-meta{flex-direction:column;gap:8px}.inner-page{padding-top:70px}.project-topline{flex-direction:column}.about-grid{grid-template-columns:1fr;gap:35px}footer{flex-direction:column;gap:5px;margin-bottom:70px}}