:root{--page-max-width:1100px;--bg:#111317;--panel:#171a20;--text:#ece8d9;--muted:#8d8b84;--accent:#2d8ee6;--line:#d8d2be}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{width:min(100%,var(--page-max-width));color:var(--text);background:var(--bg);margin-inline:auto;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}.landing{align-items:center;min-height:100svh;padding:6rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero{z-index:2;max-width:48rem;position:relative}.brand{letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;font-size:clamp(3rem,9vw,8rem);line-height:.9;display:flex}.brand-code{font-family:IBM Plex Mono,Menlo,Consolas,monospace}.brand-script{color:var(--accent);font-family:Snell Roundhand,Segoe Print,Lucida Handwriting,cursive;transform:rotate(-5deg)translateY(-.03em)}.studio-card{background:var(--panel);letter-spacing:.08em;text-transform:lowercase;color:var(--text);border:1px solid #d8d2beb3;border-radius:.18rem;margin-top:.55rem;padding:.2rem .5rem;font-family:IBM Plex Mono,Menlo,Consolas,monospace;font-size:.68rem;display:inline-block}.subtitle{letter-spacing:.01em;margin:1.5rem 0 0;font-size:clamp(1.1rem,2.6vw,1.55rem)}.portfolio{margin-top:4.25rem}.portfolio-grid{border:1px solid #d8d2bee0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.portfolio-card{min-height:18rem}.portfolio-card+.portfolio-card{border-left:1px solid #d8d2bee0}.portfolio-link{height:100%;color:inherit;padding:1.6rem 1.35rem 1.45rem;text-decoration:none;transition:background-color .14s;display:block}.portfolio-link:hover{background:#ece8d90a}.portfolio-logo{width:3.3rem;height:3.3rem;color:var(--text);justify-content:center;align-items:center;font-family:IBM Plex Mono,Menlo,Consolas,monospace;font-size:1rem;font-weight:700;display:inline-flex}.portfolio-logo img{object-fit:contain;width:100%;height:100%}.portfolio-title{letter-spacing:.01em;text-transform:uppercase;margin:1.9rem 0 0;font-family:Oswald,Arial Narrow,sans-serif;font-size:1.9rem;line-height:1}.portfolio-description{color:var(--text);max-width:24ch;margin:1rem 0 0;font-size:1.33rem;line-height:1.45}.contact-line{color:var(--muted);margin:1.2rem 0 0;font-size:1.02rem}.contact-line a{color:var(--text);text-underline-offset:.14em}@media (max-width:640px){.landing{align-items:flex-start;padding:4rem 1.25rem 3rem}.subtitle{margin-top:1.15rem}}@media (max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card:nth-child(odd){border-left:0}.portfolio-card:nth-child(2n){border-left:1px solid #d8d2bee0}.portfolio-card:nth-child(n+3){border-top:1px solid #d8d2bee0}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card+.portfolio-card{border-top:1px solid #d8d2bee0;border-left:0}.portfolio-link{min-height:13.6rem}}