:root{--bg:#f4eee4;--fg:#0a0a0a;--muted:#5a544c;--accent:#ff5a1f;--accent-ink:#0a0a0a;--paper:#fafaf7;--line:#0a0a0a;--shadow:#0a0a0a;--grid:#0a0a0a12;--border-w:3px;--shadow-offset:8px;--radius:0px}[data-theme=dark]{--bg:#0a0a0a;--fg:#fafaf7;--muted:#8a857d;--accent:#ff5a1f;--accent-ink:#0a0a0a;--paper:#141414;--line:#fafaf7;--shadow:#ff5a1f;--grid:#fafaf714}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Space Grotesk,system-ui,sans-serif;font-weight:500;overflow-x:hidden}body{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:80px 80px;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:Space Mono,ui-monospace,monospace}.label{letter-spacing:.08em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:12px;font-weight:400}.display{letter-spacing:-.04em;text-wrap:balance;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:.88}h1.hero{letter-spacing:-.06em;font-size:clamp(72px,14vw,220px);font-weight:700;line-height:.82}h2.section-title{letter-spacing:-.05em;font-size:clamp(48px,8vw,120px);font-weight:700;line-height:.85}h3{letter-spacing:-.03em;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:.95}p{max-width:60ch;font-size:18px;line-height:1.5}p.lead{max-width:32ch;font-size:clamp(20px,2vw,28px);line-height:1.4}.shell{max-width:1440px;margin:0 auto;padding:0 32px;position:relative}@media (width<=768px){.shell{padding:0 20px}}.nav{z-index:50;background:var(--bg);border-bottom:var(--border-w) solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;padding:14px 32px;display:flex}.nav-brand{letter-spacing:.04em;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;display:flex}.nav-brand .dot{background:var(--accent);border:2px solid var(--line);width:14px;height:14px;display:inline-block}.nav-links{gap:4px;list-style:none;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;padding:8px 14px;font-family:Space Mono,monospace;font-size:13px;transition:all .15s;position:relative}.nav-link:hover{background:var(--fg);color:var(--bg)}.nav-link.active{background:var(--accent);color:var(--accent-ink);border:2px solid var(--line)}.nav-burger{background:var(--fg);color:var(--bg);border:2px solid var(--line);text-transform:uppercase;padding:6px 12px;font-family:Space Mono,monospace;font-size:12px;display:none}@media (width<=820px){.nav-links{display:none}.nav-links.open{background:var(--bg);border-bottom:var(--border-w) solid var(--line);flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;top:100%;left:0;right:0}.nav-burger{display:block}}.marquee{border-top:var(--border-w) solid var(--line);border-bottom:var(--border-w) solid var(--line);background:var(--accent);color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;padding:14px 0;font-family:Space Mono,monospace;font-size:18px;font-weight:700;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;gap:48px;padding-left:48px;animation:28s linear infinite marquee;display:inline-flex}.marquee-track span{align-items:center;gap:48px;display:inline-flex}.marquee-track .star{background:var(--accent-ink);width:18px;height:18px;display:inline-block;transform:rotate(45deg)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-section{padding:60px 0 80px;position:relative}.hero-grid{grid-template-columns:1fr;gap:24px;display:grid}.hero-meta{border:var(--border-w) solid var(--line);background:var(--paper);grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;display:grid}.meta-cell{border-right:var(--border-w) solid var(--line);padding:18px 16px}.meta-cell:last-child{border-right:none}.meta-cell .label{color:var(--muted);margin-bottom:6px;display:block}.meta-cell .val{font-size:18px;font-weight:700}@media (width<=720px){.hero-meta{grid-template-columns:1fr 1fr}.meta-cell:nth-child(2){border-right:none}.meta-cell:first-child,.meta-cell:nth-child(2){border-bottom:var(--border-w) solid var(--line)}}.hero-title-line{flex-wrap:wrap;align-items:baseline;gap:24px;display:flex}.hero-accent-block{background:var(--accent);color:var(--accent-ink);border:var(--border-w) solid var(--line);margin:0 6px;padding:0 16px;display:inline-block;transform:rotate(-1.5deg)}.hero-rotate{display:inline-block;transform:rotate(-2deg)}.hero-availability{border:var(--border-w) solid var(--line);background:var(--paper);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;margin-bottom:24px;padding:8px 14px;font-family:Space Mono,monospace;font-size:13px;display:inline-flex}.pulse{background:#19c37d;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulse;box-shadow:0 0 #19c37d99}@keyframes pulse{0%{box-shadow:0 0 #19c37d99}70%{box-shadow:0 0 0 12px #19c37d00}to{box-shadow:0 0 #19c37d00}}.section{border-top:var(--border-w) solid var(--line);padding:80px 0;position:relative}.section-head{grid-template-columns:80px 1fr;align-items:end;gap:32px;margin-bottom:48px;display:grid}.section-num{border:var(--border-w) solid var(--line);text-align:center;background:var(--paper);padding:6px 0;font-family:Space Mono,monospace;font-size:18px;font-weight:700}.section-sub{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:16px;font-family:Space Mono,monospace;font-size:13px}.btn{background:var(--fg);color:var(--bg);border:var(--border-w) solid var(--line);text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);cursor:pointer;align-items:center;gap:10px;padding:14px 22px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0 var(--shadow);transform:translate(2px,2px)}.btn:active{transform:translate(var(--shadow-offset), var(--shadow-offset));box-shadow:0 0 0 var(--shadow)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--fg);background:0 0}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(4px)}.projects-grid{border:var(--border-w) solid var(--line);background:var(--paper);grid-template-columns:1fr;gap:0;display:grid}.project-row{border-bottom:var(--border-w) solid var(--line);cursor:pointer;grid-template-columns:80px 1.2fr 2fr 1fr 100px;align-items:center;gap:32px;padding:28px 24px;transition:background .15s,color .15s;display:grid;position:relative}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--accent);color:var(--accent-ink)}.project-row:hover .project-arrow{transform:translate(10px,-10px)rotate(-45deg)}.project-num{font-family:Space Mono,monospace;font-size:18px;font-weight:700}.project-name{letter-spacing:-.03em;font-size:clamp(28px,3vw,44px);font-weight:700;line-height:.95}.project-desc{max-width:42ch;font-size:15px;line-height:1.45}.project-stack{letter-spacing:.04em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:13px}.project-arrow{font-size:36px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-block}@media (width<=900px){.project-row{grid-template-columns:50px 1fr 60px;row-gap:16px;padding:24px 18px}.project-desc,.project-stack{grid-column:2/3}.project-arrow{grid-area:1/3/4/4;align-self:start}}.slider{border:var(--border-w) solid var(--line);background:var(--paper);margin-bottom:32px;position:relative;overflow:hidden}.slider-track{transition:transform .5s cubic-bezier(.7,0,.3,1);display:flex}.slide{flex:0 0 100%;grid-template-columns:1.1fr 1fr;min-height:480px;display:grid}@media (width<=820px){.slide{grid-template-columns:1fr;min-height:auto}}.slide-media{background:var(--accent);border-right:var(--border-w) solid var(--line);justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}@media (width<=820px){.slide-media{border-right:none;border-bottom:var(--border-w) solid var(--line)}}.slide-media .placeholder-mark{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);background:var(--bg);border:2px solid var(--line);padding:8px 14px;font-family:Space Mono,monospace;font-size:14px;position:absolute;top:20px;left:20px}.slide-media .glyph{color:var(--accent-ink);letter-spacing:-.08em;text-align:center;mix-blend-mode:multiply;padding:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(120px,18vw,280px);font-weight:700;line-height:.8}.slide-body{flex-direction:column;justify-content:space-between;gap:24px;padding:40px 36px;display:flex}.slide-tag{border:2px solid var(--line);background:var(--bg);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;padding:4px 10px;font-family:Space Mono,monospace;font-size:12px;display:inline-block}.slide-title{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:.92}.slide-desc{max-width:44ch;font-size:17px;line-height:1.5}.slide-meta{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.slide-stack{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:13px}.slide-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.slider-controls{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.slider-dots{gap:8px;display:flex}.slider-dot{background:var(--paper);border:2px solid var(--line);cursor:pointer;width:32px;height:8px;padding:0}.slider-dot.active{background:var(--accent)}.slider-arrows{gap:8px;display:flex}.slider-arrow{background:var(--paper);border:var(--border-w) solid var(--line);justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;transition:transform .12s,background .12s;display:inline-flex}.slider-arrow:hover{background:var(--accent)}.slider-arrow:active{transform:scale(.95)}.skills-grid{border:var(--border-w) solid var(--line);background:var(--paper);grid-template-columns:repeat(3,1fr);gap:0;display:grid}@media (width<=820px){.skills-grid{grid-template-columns:1fr}}.skill-col{border-right:var(--border-w) solid var(--line);padding:32px 28px}.skill-col:last-child{border-right:none}@media (width<=820px){.skill-col{border-right:none;border-bottom:var(--border-w) solid var(--line)}.skill-col:last-child{border-bottom:none}}.skill-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--line);margin-bottom:20px;padding-bottom:8px;font-family:Space Mono,monospace;font-size:13px}.skill-tag-list{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border:2px solid var(--line);background:var(--bg);cursor:default;align-items:center;gap:6px;padding:6px 12px;font-family:Space Mono,monospace;font-size:14px;transition:transform .15s,background .15s;display:inline-flex}.skill-tag:hover{background:var(--accent);color:var(--accent-ink);transform:rotate(-2deg)scale(1.05)}.skill-tag .bullet{background:var(--accent);width:6px;height:6px}.timeline{border:var(--border-w) solid var(--line);background:var(--paper);gap:0;display:grid}.tl-item{border-bottom:var(--border-w) solid var(--line);grid-template-columns:220px 1fr 80px;align-items:start;gap:32px;padding:28px;display:grid}.tl-item:last-child{border-bottom:none}@media (width<=720px){.tl-item{grid-template-columns:1fr;gap:12px}}.tl-date{background:var(--fg);color:var(--bg);width:fit-content;padding:8px 12px;font-family:Space Mono,monospace;font-size:16px;font-weight:700;display:inline-block}.tl-body h4{letter-spacing:-.02em;margin-bottom:4px;font-size:24px;line-height:1.1}.tl-place{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-family:Space Mono,monospace;font-size:13px}.tl-body p{font-size:15px;line-height:1.5}.tl-tag{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--line);background:var(--accent);color:var(--accent-ink);text-align:center;width:fit-content;padding:4px 10px;font-family:Space Mono,monospace;font-size:12px}.contact-grid{border:var(--border-w) solid var(--line);background:var(--paper);grid-template-columns:1.1fr 1fr;gap:0;display:grid}@media (width<=820px){.contact-grid{grid-template-columns:1fr}}.contact-info{border-right:var(--border-w) solid var(--line);flex-direction:column;gap:18px;padding:40px 32px;display:flex}@media (width<=820px){.contact-info{border-right:none;border-bottom:var(--border-w) solid var(--line)}}.contact-form{flex-direction:column;gap:18px;padding:40px 32px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{text-transform:uppercase;letter-spacing:.06em;font-family:Space Mono,monospace;font-size:12px}.form-row input,.form-row textarea{border:var(--border-w) solid var(--line);background:var(--bg);color:var(--fg);outline:none;padding:12px 14px;font-family:Space Mono,monospace;font-size:15px;transition:background .12s,transform .12s}.form-row input:focus,.form-row textarea:focus{background:var(--accent);color:var(--accent-ink)}.form-row input.error,.form-row textarea.error{color:#0a0a0a;background:#ffd6cc}.form-error{color:#c5543a;letter-spacing:.04em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:12px}.form-success{border:var(--border-w) solid var(--line);background:var(--accent);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.05em;padding:16px 18px;font-family:Space Mono,monospace;font-size:14px}.contact-row{border-bottom:2px solid var(--line);grid-template-columns:80px 1fr 30px;align-items:center;gap:16px;padding:14px 0;transition:padding-left .15s;display:grid}.contact-row:last-of-type{border-bottom:none}.contact-row:hover{padding-left:8px}.contact-row .key{text-transform:uppercase;color:var(--muted);letter-spacing:.06em;font-family:Space Mono,monospace;font-size:12px}.contact-row .val{letter-spacing:-.01em;font-size:20px;font-weight:700}.contact-row .arrow{font-size:24px}.footer{border-top:var(--border-w) solid var(--line);background:var(--paper);margin-top:60px;padding:32px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:24px;padding-bottom:40px;display:grid}@media (width<=720px){.footer-grid{grid-template-columns:1fr}}.footer h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:12px;font-family:Space Mono,monospace;font-size:13px}.footer-big{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(48px,8vw,100px);font-weight:700;line-height:.88}.footer-baseline{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-family:Space Mono,monospace;font-size:12px;display:flex}.sticker{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--accent-ink);border:2px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;padding:8px 14px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;display:inline-flex;transform:rotate(-4deg)}.sticker.round{text-align:center;border-radius:50%;flex-direction:column;gap:2px;width:110px;height:110px;font-size:11px;line-height:1.1}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.reveal-stagger.in>*{opacity:1;transform:translateY(0)}.reveal-stagger.in>:first-child{transition-delay:50ms}.reveal-stagger.in>:nth-child(2){transition-delay:.12s}.reveal-stagger.in>:nth-child(3){transition-delay:.19s}.reveal-stagger.in>:nth-child(4){transition-delay:.26s}.reveal-stagger.in>:nth-child(5){transition-delay:.33s}.reveal-stagger.in>:nth-child(6){transition-delay:.4s}.page{animation:.5s cubic-bezier(.2,.7,.2,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-curtain{background:var(--accent);z-index:100;pointer-events:none;position:fixed;inset:0;transform:translateY(100%)}.page-curtain.in{animation:.7s cubic-bezier(.7,0,.3,1) both curtain}@keyframes curtain{0%{transform:translateY(100%)}40%{transform:translateY(0)}to{transform:translateY(-100%)}}.page-curtain-label{letter-spacing:-.04em;text-transform:uppercase;color:var(--accent-ink);font-family:Space Mono,monospace;font-size:clamp(40px,8vw,96px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-grid{grid-template-columns:1.4fr 1fr;gap:32px;margin-bottom:40px;display:grid}@media (width<=820px){.about-grid{grid-template-columns:1fr}}.about-portrait{border:var(--border-w) solid var(--line);background:var(--accent);justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.about-portrait .glyph{color:var(--accent-ink);letter-spacing:-.1em;mix-blend-mode:multiply;font-family:Space Grotesk,sans-serif;font-size:clamp(160px,24vw,360px);font-weight:700;line-height:.8}.about-portrait .badge{position:absolute;top:16px;right:16px}.about-portrait .corner{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);font-family:Space Mono,monospace;font-size:11px;position:absolute}.about-portrait .corner.tl{top:12px;left:12px}.about-portrait .corner.bl{bottom:12px;left:12px}.about-portrait .corner.br{bottom:12px;right:12px}.about-portrait .portrait-img{object-fit:cover;object-position:center 20%;width:70%;height:90%;display:block;position:relative}.about-text{flex-direction:column;gap:18px;display:flex}.about-text .lead{letter-spacing:-.02em;max-width:28ch;font-size:clamp(22px,2.5vw,32px);line-height:1.25}.info-strip{border:var(--border-w) solid var(--line);background:var(--paper);grid-template-columns:repeat(4,1fr);gap:0;margin:40px 0;display:grid}.info-strip>div{border-right:var(--border-w) solid var(--line);padding:24px 20px}.info-strip>div:last-child{border-right:none}.info-strip .big{letter-spacing:-.04em;font-size:clamp(36px,4.5vw,56px);font-weight:700;line-height:1}.info-strip .tiny{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:6px;font-family:Space Mono,monospace;font-size:11px}@media (width<=720px){.info-strip{grid-template-columns:1fr 1fr}.info-strip>div:nth-child(2){border-right:none}.info-strip>div:first-child,.info-strip>div:nth-child(2){border-bottom:var(--border-w) solid var(--line)}}.scroll-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:10px;margin-top:32px;font-family:Space Mono,monospace;font-size:12px;display:inline-flex}.scroll-hint .line{background:var(--fg);width:40px;height:2px;animation:1.6s ease-in-out infinite scroll-arrow;display:inline-block}@keyframes scroll-arrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}.text-link{border-bottom:2px solid var(--accent);padding-bottom:1px;font-family:Space Mono,monospace;font-size:14px;transition:color .15s}.text-link:hover{color:var(--accent)}.tweaks-gear{z-index:60;background:var(--accent);width:56px;height:56px;color:var(--accent-ink);border:var(--border-w) solid var(--line);box-shadow:6px 6px 0 var(--line);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex;position:fixed;bottom:20px;right:20px}.tweaks-gear svg{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.tweaks-gear:hover{box-shadow:4px 4px 0 var(--line);transform:translate(2px,2px)}.tweaks-gear:hover svg{transform:rotate(90deg)}.tweaks-gear:active{box-shadow:0 0 0 var(--line);transform:translate(6px,6px)}@media (width<=720px){.tweaks-gear{width:48px;height:48px;bottom:14px;right:14px}.tweaks-gear svg{width:20px;height:20px}}