@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#080808;--bg-2:#0f0f0f;--bg-3:#141414;--text:#e8e2d6;--text-muted:#5a5650;--accent:#c4611a;--border:#1c1c1c;--border-mid:#2a2a2a;--font-head:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{background:var(--bg);color:var(--text);font-family:var(--font-head);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh}body:before{content:"";z-index:9999;pointer-events:none;opacity:.38;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid)}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.accent-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.6rem}.nav{z-index:100;justify-content:space-between;align-items:center;padding:1.4rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{letter-spacing:.2em;font-size:.82rem;font-weight:700}.nav__links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav__links a{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);font-size:.68rem;transition:color .2s}.nav__links a:hover{color:var(--text)}.nav__links a[aria-current]{color:var(--accent)}.nav__burger{color:var(--text);font-family:var(--font-mono);letter-spacing:.1em;background:0 0;border:none;font-size:.68rem;display:none}.nav__mobile{background:var(--bg);z-index:200;flex-direction:column;justify-content:center;padding:3rem;display:none;position:fixed;inset:0}.nav__mobile.open{display:flex}.nav__mobile-close{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;background:0 0;border:none;font-size:.68rem;position:absolute;top:1.4rem;right:2rem}.nav__mobile-links{flex-direction:column;gap:1.8rem;list-style:none;display:flex}.nav__mobile-links a{letter-spacing:-.02em;font-size:clamp(2rem,8vw,3.5rem);font-weight:700}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:6rem;padding:1.8rem 2rem;display:flex}.footer span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:.6rem}.page{padding-top:5rem}.page-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding:3rem 2rem 2rem}.page-header h1{letter-spacing:-.04em;margin-bottom:.6rem;font-size:clamp(3.5rem,10vw,8rem);font-weight:700;line-height:.9}.work-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.work-card{aspect-ratio:4/5;background:var(--bg-2);display:block;position:relative;overflow:hidden}.work-card__bg{filter:grayscale(15%);background:linear-gradient(150deg,#0e0e0e,#1a1515);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}.work-card__bg img{object-fit:cover;filter:grayscale(15%);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}.work-card:hover .work-card__bg,.work-card:hover .work-card__bg img{filter:grayscale(0);transform:scale(1.04)}.work-card__idx{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:.58rem;position:absolute;top:1rem;left:1rem}.work-card__info{background:linear-gradient(#0000,#080808f7);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.work-card__title{letter-spacing:-.01em;margin-top:.25rem;font-size:1rem;font-weight:700;line-height:1.1}.work-card__sub{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:.3rem;font-size:.6rem;display:flex}.archive-header,.archive-row{border-bottom:1px solid var(--border);grid-template-columns:4.5rem 1fr 1fr 7rem;gap:1rem;padding:.7rem 2rem;display:grid}.archive-header span{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);font-size:.58rem}.archive-row{padding-top:1.2rem;padding-bottom:.5rem;text-decoration:none;transition:background .15s;display:grid}.archive-row:hover{background:var(--bg-2)}.archive-row__year{font-family:var(--font-mono);color:var(--text-muted);padding-top:.15rem;font-size:.7rem}.archive-row__title{letter-spacing:.01em;font-size:.95rem;font-weight:600}.archive-row__client{font-family:var(--font-mono);color:var(--text-muted);padding-top:.15rem;font-size:.68rem}.archive-row__disc{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;padding-top:.2rem;font-size:.6rem}.archive-credits{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.4rem 2rem;padding:.5rem 2rem 1.2rem 7.5rem;display:flex}.credit-chip{align-items:baseline;gap:.4rem;display:flex}.credit-chip__role{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);font-size:.55rem}.credit-chip__name{font-family:var(--font-mono);color:var(--text);opacity:.65;font-size:.65rem}.back-link{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:1.5rem 2rem;font-size:.65rem;transition:color .2s;display:block}.back-link:hover{color:var(--text)}.project-header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:3rem;padding:3rem 2rem 2rem;display:grid}.project-header h1{letter-spacing:-.03em;font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:.95}.project-credits{border-left:1px solid var(--border);padding-left:2.5rem}.credit-item{margin-bottom:.9rem}.credit-item:last-child{margin-bottom:0}.credit-item__name{font-family:var(--font-mono);margin-top:.1rem;font-size:.72rem}.gallery-item{background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.gallery-item img{object-fit:contain;width:100%;height:100%;max-height:90vh}.gallery-num{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:.65rem}.project-nav{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.project-nav__item{padding:2rem;text-decoration:none;transition:background .15s;display:block}.project-nav__item:hover{background:var(--bg-2)}.project-nav__item+.project-nav__item{border-left:1px solid var(--border)}.project-nav__dir{margin-bottom:.5rem}.project-nav__title{font-size:.9rem;font-weight:600}.about-grid{grid-template-columns:.5fr 1fr;align-items:start;gap:5rem;padding:0 2rem;display:grid}.about-portrait{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--border);position:relative;overflow:hidden}.about-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-bio p{margin-bottom:1.25rem;font-size:1.05rem;font-weight:300;line-height:1.75}.about-bio p.muted{color:var(--text-muted);font-size:.95rem}.btn{font-family:var(--font-mono);letter-spacing:.15em;color:var(--bg);background:var(--text);padding:.9rem 1.8rem;font-size:.68rem;transition:background .2s;display:inline-block}.btn:hover{background:var(--accent)}.clients-list{flex-wrap:wrap;gap:.7rem 1.8rem;display:flex}.clients-list span{font-family:var(--font-mono);color:var(--text-muted);opacity:.55;font-size:.65rem}.contact-grid{grid-template-columns:1fr 1fr;gap:5rem;padding:0 2rem;display:grid}.contact-link{border-bottom:1px solid var(--border);padding:1.5rem 0;transition:padding-left .2s,border-color .2s;display:block}.contact-link:hover{border-color:var(--accent);padding-left:1rem}.contact-link__value{letter-spacing:-.01em;margin-top:.35rem;font-size:1.2rem;font-weight:600}.availability{border-left:1px solid var(--border);padding-left:3.5rem}.avail-dot{background:#4ade80;border-radius:50%;width:.45rem;height:.45rem;margin-right:.6rem;animation:2s infinite blink;display:inline-block;box-shadow:0 0 .5rem #4ade80}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.avail-list{font-family:var(--font-mono);color:var(--text-muted);margin-top:2rem;font-size:.65rem;line-height:2.2}@media (width<=900px){.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.availability{border-left:none;border-top:1px solid var(--border);padding-top:2rem;padding-left:0}.project-header{grid-template-columns:1fr}.project-credits{border-left:none;border-top:1px solid var(--border);padding-top:1.5rem;padding-left:0}.archive-header,.archive-row{grid-template-columns:3.5rem 1fr 1fr}.archive-header span:last-child,.archive-row__disc{display:none}.archive-credits{padding-left:2rem}.work-grid{grid-template-columns:repeat(2,1fr)}.gallery-item{padding:1.5rem}}@media (width<=640px){.nav__links,.nav__locale{display:none}.nav__burger{display:block}.work-grid{grid-template-columns:1fr}.gallery-item{padding:1rem}.archive-header,.archive-row{grid-template-columns:3rem 1fr}.archive-header span:nth-child(3),.archive-row__client{display:none}}
