:root{--bg-black: #050505;--text-white: #ffffff;--text-gray: #888888;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--grid-line: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-black)}body{font-family:Inter,sans-serif;color:var(--text-white);background:var(--bg-black);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.2}.grid-lines{position:fixed;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:0;padding:0 4rem}.line{border-right:1px solid var(--grid-line);height:100%}.line:first-child{border-left:1px solid var(--grid-line)}.nav{position:fixed;top:2rem;left:4rem;z-index:1000}.nav-container{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:1rem 1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:1.5rem}.nav-logo{font-weight:900;font-size:1.5rem;text-decoration:none;color:var(--text-white);letter-spacing:-.05em}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{text-decoration:none;color:var(--text-gray);font-size:.75rem;font-weight:700;letter-spacing:.05em;transition:color .3s ease}.nav-link:hover{color:var(--text-white)}.swiss-grid{position:relative;z-index:1;padding:0 4rem;max-width:1600px;margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:8rem}.hero-content{display:grid;grid-template-columns:repeat(4,1fr);align-items:end}.hero-title{grid-column:1 / 4;font-size:clamp(5rem,15vw,16rem);font-weight:900;line-height:.85;letter-spacing:-.06em;margin-left:-.05em}.hero-portrait-container{grid-column:4 / 5;padding-bottom:2rem}.portrait-glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:10px;border-radius:4px;backdrop-filter:blur(10px)}.hero-portrait{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%);display:block}.hero-meta{margin-top:4rem;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--glass-border);padding-top:2rem}.meta-card{grid-column:span 1}.label{display:block;font-size:.7rem;font-weight:800;color:var(--text-gray);margin-bottom:.5rem}.meta-card p{font-weight:700;font-size:1rem}.work{margin-top:12rem}.section-header{border-bottom:1px solid var(--text-white);padding-bottom:1rem;margin-bottom:4rem}.section-title{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.work-list{display:flex;flex-direction:column;gap:2rem}.project-item{width:100%}.project-image-container{width:100%;aspect-ratio:21/9;background:#111;position:relative;border:1px solid var(--glass-border);border-radius:4px;overflow:hidden}.project-glass-overlay{position:absolute;bottom:2rem;left:2rem;background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);padding:1.5rem;border-radius:4px;min-width:300px}.project-num{font-weight:900;font-size:.8rem;color:var(--text-gray);margin-bottom:.5rem;display:block}.project-name{font-size:2rem;font-weight:900;letter-spacing:-.04em}.project-tags{font-size:.75rem;font-weight:700;color:var(--text-gray);margin-top:.5rem}.footer{margin-top:15rem;padding-bottom:4rem}.footer-cta{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;margin-bottom:8rem}.cta-title{grid-column:1 / 3;font-size:clamp(5rem,12vw,12rem);font-weight:900;line-height:.85;letter-spacing:-.06em}.cta-link{grid-column:4 / 5;background:var(--text-white);color:var(--bg-black);text-decoration:none;padding:1.5rem;font-weight:900;text-align:center;border-radius:4px;transition:transform .2s ease}.cta-link:hover{transform:translateY(-5px)}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:2rem;display:flex;justify-content:space-between}.footer-legal{display:flex;gap:4rem;font-size:.7rem;font-weight:800;color:var(--text-gray)}@media(max-width:1024px){.grid-lines,.swiss-grid{padding:0 2rem}.nav{left:2rem}.hero-content{grid-template-columns:1fr}.hero-title{grid-column:1;font-size:18vw}.hero-portrait-container{display:none}.hero-meta{grid-template-columns:repeat(2,1fr);gap:2rem}.project-image-container{aspect-ratio:16/9}.footer-cta{grid-template-columns:1fr;gap:4rem}.cta-link{grid-column:1}}