:root{--ink: #17130f;--ink-deep: #0c0a08;--paper: #efe7dd;--muted: #a0968b;--accent: #b15a72;--hair: rgba(239, 231, 221, .14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--ink-deep);color:var(--paper);-webkit-font-smoothing:antialiased}img{width:100%;height:100%;object-fit:cover;display:block}.nav{position:fixed;top:0;left:0;width:100vw;padding:1.75em 2em;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference}.links{display:flex;gap:2.5em}a{text-decoration:none;color:var(--paper);font-family:DM Mono,ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:opacity .3s ease}.nav a:hover{opacity:.55}.logo a{font-weight:500;letter-spacing:.02em;font-size:14px}.logo .reg{font-size:.7em;vertical-align:super;opacity:.7}.home{position:relative;width:100vw;height:100svh;background-color:var(--ink);display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.home h1{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;color:var(--paper);font-size:19vw;font-weight:800;letter-spacing:-.045em;line-height:1;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.home h1 .char{position:relative;will-change:transform}.home-meta{position:absolute;left:0;bottom:0;width:100%;padding:1.75em 2.25em;display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.projects{width:100vw;min-height:100svh;background-color:var(--ink);padding:7em 2.25em 12em}.projects-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--hair);padding-bottom:1.25em}.projects-head .eyebrow:last-child{color:var(--muted)}.images{width:32%;margin:11em auto 0;display:flex;flex-direction:column;gap:6em}.images figure{display:flex;flex-direction:column}.images figcaption{display:flex;justify-content:space-between;margin-top:1em;padding-top:.9em;border-top:1px solid var(--hair);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.images figcaption span:first-child{color:var(--paper)}.images figcaption span:last-child{color:var(--muted)}.info{width:100vw;min-height:100svh;background-color:var(--ink);display:flex}.col{flex:1}.col-image{overflow:hidden}.col-text{padding:2em 6vw;display:flex;flex-direction:column;justify-content:center;gap:2em;max-width:46rem}.col-text .eyebrow{display:block}.col-text p{font-weight:400;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.45;letter-spacing:-.01em;color:var(--paper)}.col-text p .line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.col-text p .line span{position:relative;will-change:transform}.contact{list-style:none;display:flex;flex-direction:column;gap:.75em;border-top:1px solid var(--hair);padding-top:1.75em}.contact li{display:flex;gap:1.5em;align-items:baseline}.contact span{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:6.5em}.contact a{color:var(--paper);text-transform:none;letter-spacing:0;font-size:14px}.contact a:hover{color:var(--accent);opacity:1}::view-transition-old(root),::view-transition-new(root){animation:none!important}::view-transition-group(root){z-index:auto!important}::view-transition-image-pair(root){isolation:isolate;will-change:transform,opacity,clip-path;z-index:1}::view-transition-new(root){z-index:10000;animation:none!important}::view-transition-old(root){z-index:1;animation:none!important}@media(max-width:768px){.nav{padding:1.35em}.links{gap:1.5em}a{font-size:11px;letter-spacing:.1em}.logo a{font-size:13px}.home h1{font-size:21vw;letter-spacing:-.035em}.home-meta{padding:1.35em;flex-direction:column;gap:.4em;font-size:10px}.projects{padding:6em 1.35em 7em}.images{width:78%;margin-top:7em;gap:4em}.info{flex-direction:column;min-height:auto}.col-image{height:62svh}.col-text{padding:3em 1.5em 4em;max-width:none;gap:1.5em}.col-text p{font-size:1.25rem;line-height:1.5}.contact li{flex-direction:column;gap:.25em}}