:root{--ink: #0f0a06;--panel: #241811;--cream: #e7dac9;--cream-dim: rgba(231, 218, 201, .62);--amber: #d9924c}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--ink);color:var(--cream);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform}.img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform}h1{color:var(--cream);font-family:Fraunces,Georgia,Times New Roman,serif;font-size:80px;font-weight:400;letter-spacing:-1.5px;line-height:1}p{text-transform:uppercase;color:var(--cream);font-size:13px;font-weight:500;letter-spacing:.12em;line-height:1.5}button{border:none;outline:none;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;margin:.25em 0;padding:.85em 1.6em .8em;color:var(--ink);background-color:var(--cream);border-radius:2em;transition:background-color .25s ease,color .25s ease}button:hover{background-color:var(--amber);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,#0f0a0659,#0f0a0600 30% 55%,#0f0a06b8);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:Fraunces,Georgia,serif;text-transform:none;letter-spacing:0;font-size:20px;font-weight:500;color:var(--cream)}.nav-links{display:flex;gap:2em}.nav-links a{text-transform:uppercase;text-decoration:none;color:var(--cream);font-size:12px;font-weight:600;letter-spacing:.14em;opacity:.85;transition:opacity .2s ease,color .2s ease}.nav-links a:hover{opacity:1;color:var(--amber)}.hero-title{position:absolute;left:2em;bottom:1.8em;z-index:3}.hero-title .eyebrow{color:var(--amber);font-size:12px;letter-spacing:.22em;margin-bottom:.5em}.hero-title h1{font-size:128px;font-weight:500;line-height:.92}.hero-title .hero-sub{text-transform:none;letter-spacing:.02em;font-size:15px;color:var(--cream-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,#0f0a06a8,#0f0a0633 42%,#0f0a0600 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-size:17px;font-weight:400;line-height:1.55;text-shadow:0 1px 14px rgba(15,10,6,.85),0 1px 3px rgba(15,10,6,.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(--cream-dim);font-size:11px}.about{display:flex;background-color:var(--panel)}.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-label{color:var(--amber);font-size:12px;letter-spacing:.22em}.intro p:nth-child(2){text-transform:none;letter-spacing:.01em;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:#0f0a0673;z-index:1}.banner-copy{position:relative;z-index:2;text-align:center}.banner-copy .eyebrow{color:var(--amber);font-size:12px;letter-spacing:.22em;margin-bottom:.8em}.banner-copy h1{text-transform:uppercase;font-size:92px;letter-spacing:-1px}.banner-copy .banner-lede{text-transform:none;letter-spacing:.01em;font-size:16px;color:var(--cream-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(--panel)}.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{margin-bottom:.6em}.footer-news{text-transform:uppercase;font-size:12px;letter-spacing:.14em;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:17px}.nav-links{gap:1.1em}.nav-links a{font-size:10px;letter-spacing:.1em}.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:100vh}.intro{padding:4em 1.6em}.intro p{width:100%;max-width:100%}.intro p:nth-child(2){font-size:17px}.portrait{min-height:60vh;padding:0}.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}}