:root{--bg: #f2f2f2;--ink: #16161a;--paper: #f2f2f2;--paper-dim: rgba(242, 242, 242, .62);--accent: #ff4e45;--graphite: #2b2b31}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::selection{background-color:var(--accent);color:var(--ink)}img,.parallax-image,.img>img,.portrait .portrait-container .img img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);will-change:transform}.img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--graphite);will-change:transform}h1{color:var(--paper);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:80px;font-weight:600;letter-spacing:-.02em;line-height:1}p{text-transform:uppercase;color:var(--paper);font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;line-height:1.5}button{border:none;outline:none;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:700;margin:.25em 0;padding:.95em 1.7em .9em;color:var(--ink);background-color:var(--accent);border-radius:2em;transition:background-color .25s ease,color .25s ease}button:hover{background-color:var(--paper);color:var(--ink)}section{position:relative;width:100vw;height:100vh;overflow:hidden}.hero .img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#16161a59,#16161a00 30% 55%,#16161ab8);z-index:1}.nav{position:absolute;top:0;left:0;width:100%;padding:1.6em 2em;display:flex;justify-content:space-between;align-items:center;z-index:3}.wordmark{font-family:Space Grotesk,sans-serif;text-transform:none;letter-spacing:-.01em;font-size:19px;font-weight:600;color:var(--paper)}.nav-links{display:flex;gap:2em}.nav-links a{text-transform:uppercase;text-decoration:none;color:var(--paper);font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;opacity:.85;transition:opacity .2s ease}.nav-links a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}.hero-title{position:absolute;left:2em;bottom:1.8em;z-index:3}.eyebrow,.intro-label{display:inline-block;background-color:var(--accent);color:var(--ink);font-family:Space Mono,Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;padding:.5em 1em .4em;border-radius:999px}.hero-title .eyebrow{margin-bottom:.9em}.hero-title h1{font-size:128px;font-weight:600;line-height:.92}.hero-title .hero-sub{text-transform:none;letter-spacing:.01em;font-family:Inter,sans-serif;font-size:15px;color:var(--paper-dim);margin-top:.7em}section.projects{width:100vw;height:125vh;display:flex;gap:10em}section.projects>.img:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#16161aa8,#16161a33 42%,#16161a00 62%);z-index:1}.projects-brief{position:absolute;width:26%;top:32%;left:8%;z-index:2}.projects-brief p{text-transform:none;letter-spacing:.01em;font-family:Inter,sans-serif;font-size:17px;font-weight:400;line-height:1.55;text-shadow:0 1px 14px rgba(22,22,26,.85),0 1px 3px rgba(22,22,26,.9)}.projects .col{position:relative}.col.projects-cover{flex:1;height:50%}.col.projects-list{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em}.project{text-align:center;display:flex;flex-direction:column;gap:.9em}.project p{color:var(--paper-dim);font-size:10px}.about{display:flex;background-color:var(--ink)}.intro,.portrait{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em}.intro{gap:1.2em}.intro p{width:62%;max-width:460px;text-align:center}.intro p.intro-label{width:auto}.intro p:nth-child(2){text-transform:none;letter-spacing:.01em;font-family:Inter,sans-serif;font-size:19px;font-weight:400;line-height:1.55}.portrait .portrait-container{position:relative;width:100%;height:100%}.banner{display:flex;justify-content:center;align-items:center}.banner .img:after{content:"";position:absolute;inset:0;background:#16161a80;z-index:1}.banner-copy{position:relative;z-index:2;text-align:center}.banner-copy .eyebrow{margin-bottom:1.1em}.banner-copy h1{text-transform:uppercase;font-size:92px;letter-spacing:-.02em}.banner-copy .banner-lede{text-transform:none;letter-spacing:.01em;font-family:Inter,sans-serif;font-size:16px;color:var(--paper-dim);width:60%;max-width:420px;margin:1.1em auto 1.6em;line-height:1.5}.footer{display:flex;gap:3em;padding:2.2em 2em;background-color:var(--graphite)}.footer h1{text-transform:uppercase;font-size:64px}.footer .col:nth-child(1){flex:4;height:100%;display:flex;flex-direction:column;justify-content:space-between}.footer .col:nth-child(2){flex:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}.footer-links{display:flex;flex-direction:column;gap:.15em}.footer-links .intro-label{align-self:flex-start;margin-bottom:.6em}.footer-news{text-transform:uppercase;font-size:11px;letter-spacing:.08em;line-height:2.4}.shop{position:relative;width:100%;height:55%;overflow:hidden}@media(max-width:768px){h1{font-size:44px}.nav{padding:1.2em}.wordmark{font-size:16px}.nav-links{gap:1.1em}.nav-links a{font-size:10px;letter-spacing:.08em}.hero-title{left:1.2em;right:1.2em;bottom:1.4em}.hero-title h1{font-size:68px}.hero-title .hero-sub{font-size:13px}section.projects{flex-direction:column;gap:2.5em;height:auto;min-height:125vh;padding:5em 1.4em 3em}.projects-brief{position:static;width:100%;max-width:100%;top:auto;left:auto;transform:none}.projects-brief p{font-size:16px}.col.projects-cover{width:100%;height:40vh;flex:none}.col.projects-list{width:100%;flex:none;gap:2em}.project h1{font-size:38px;word-break:break-word}.about{flex-direction:column;height:auto;min-height:0}.intro{padding:4em 1.6em}.intro p{width:100%;max-width:100%}.intro p.intro-label{width:auto}.intro p:nth-child(2){font-size:17px}.portrait{flex:none;height:55vh;min-height:0;padding:0}.intro{flex:none}.banner-copy h1{font-size:52px}.banner-copy .banner-lede{width:82%;font-size:15px}.footer{flex-direction:column;gap:2.5em;height:auto;min-height:100vh;padding:3em 1.6em}.footer .col:nth-child(1),.footer .col:nth-child(2){flex:none;gap:2em}.footer h1{font-size:40px}.shop{height:40vh}}