*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--chalk:#f5f4f0;--putty:#dddbd3;--warm-grey:#c8c6bc;--stone:#a09e96;--tan:#7a5c3e;--ink:#2c2c2c}html{scroll-behavior:smooth}body{background:var(--chalk);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-weight:300;overflow-x:hidden}.mono{text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace}.text-chalk{color:var(--chalk)}.text-ink{color:var(--ink)}.text-tan{color:var(--tan)}header{z-index:1000;background:var(--chalk);border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:center;height:80px;padding:20px 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;color:var(--ink);font-size:24px;font-weight:500;text-decoration:none}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--ink);font-size:11px;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.nav-links a:after{content:"";background:var(--ink);width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:translate(-100%)}.nav-links a:hover:after{transform:translate(0)}.nav-cta{background:var(--ink);border-radius:2px;padding:12px 24px;transition:background .3s,color .3s;color:var(--chalk)!important}.nav-cta:hover{background:var(--tan)}.nav-cta:after{display:none!important}.hero{border-bottom:1.5px solid var(--ink);height:calc(100vh - 80px);display:flex}.hero-text{border-right:1.5px solid var(--ink);flex-direction:column;flex:1;justify-content:space-between;padding:6vw 4vw;display:flex}.hero-text h1{letter-spacing:-.05em;font-size:clamp(52px,9vw,150px);font-weight:300;line-height:.85}.hero-text h1 span{color:var(--tan);font-style:italic}.hero-bot{max-width:400px}.hero-bot p{color:var(--ink);margin-bottom:24px;font-size:16px;line-height:1.6}.teaser-form{border-bottom:1.5px solid var(--ink);max-width:320px;margin-top:20px;transition:border-color .3s;display:flex}.teaser-form:focus-within{border-color:var(--tan)}.teaser-form input{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:10px}.teaser-form input::placeholder{color:var(--stone)}.teaser-form button{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:18px;transition:color .3s,transform .3s}.teaser-form button:hover{color:var(--tan);transform:translate(3px)}.hero-art{background:var(--putty);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shape{transition:transform 1s cubic-bezier(.2,.8,.2,1);position:absolute}.shape-1{background:var(--stone);border-radius:50%;width:60%;height:80%;top:-10%;right:-10%}.shape-2{background:var(--ink);width:50%;height:50%;bottom:10%;left:10%}.shape-3{background:var(--tan);border-radius:999px;width:30%;height:60%;top:20%;left:30%}.hero-art:hover .shape-1{transform:scale(1.05)translate(-20px,20px)}.hero-art:hover .shape-2{transform:translateY(-30px)}.hero-art:hover .shape-3{transform:rotate(10deg)scale(1.1)}.marquee-wrap{background:var(--ink);color:var(--chalk);white-space:nowrap;border-bottom:1.5px solid var(--ink);padding:24px 0;overflow:hidden}.marquee{font-size:12px;animation:20s linear infinite scroll;display:inline-block}.marquee span{margin-right:40px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{border-bottom:1.5px solid var(--ink);padding:6vw 4vw 2vw;font-size:12px}.bento-grid{background:var(--ink);border-bottom:1.5px solid var(--ink);grid-template-columns:repeat(4,1fr);grid-auto-rows:350px;gap:1.5px;display:grid}.bento-card{background:var(--chalk);flex-direction:column;justify-content:space-between;padding:40px;transition:background .4s;display:flex;position:relative;overflow:hidden}.c-large{background:var(--tan);color:var(--chalk);grid-area:span 2/span 2}.c-ink{background:var(--ink);color:var(--chalk)}.c-stone{background:var(--stone);color:var(--ink)}.c-putty{background:var(--putty);color:var(--ink)}.c-large .p-name{font-size:clamp(32px,4vw,48px)}.p-name{letter-spacing:-.03em;margin-bottom:10px;font-size:28px;font-weight:400}.p-desc{opacity:.9;font-size:14px;line-height:1.6}.b-top{justify-content:space-between;align-items:flex-start;display:flex}.materials{border-bottom:1.5px solid var(--ink);display:flex}.mat-title{border-right:1.5px solid var(--ink);flex-direction:column;justify-content:space-between;width:25%;padding:4vw;display:flex}.mat-list{flex-direction:column;width:75%;display:flex}.mat-item{border-bottom:1.5px solid var(--ink);background:var(--chalk);transition:background .3s,color .3s;display:flex}.mat-item:last-child{border-bottom:none}.mat-item:hover{background:var(--ink);color:var(--chalk)}.mat-item:hover .m-num{color:var(--warm-grey);border-right-color:var(--warm-grey)}.m-num{border-right:1.5px solid var(--ink);width:100px;color:var(--stone);justify-content:center;align-items:center;padding:30px;font-size:12px;transition:border-color .3s,color .3s;display:flex}.m-name{letter-spacing:-.02em;padding:30px 40px;font-size:clamp(18px,3vw,24px);font-weight:300}footer{background:var(--chalk);padding:6vw 4vw 2vw}.footer-top{border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:40px;display:flex}.footer-top h2{letter-spacing:-.04em;font-size:clamp(40px,6vw,80px);font-weight:300;line-height:1}.footer-links{gap:60px;display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col a{color:var(--ink);font-size:14px;text-decoration:none}.footer-col a:hover{color:var(--tan)}.footer-bot{color:var(--stone);justify-content:space-between;font-size:10px;display:flex}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.c-large{grid-area:auto/span 2}.mat-title{width:35%}.mat-list{width:65%}}@media (max-width:768px){header{padding:20px 6vw}.nav-links{display:none}.mobile-cta{padding:10px 20px;font-size:10px;display:block!important}.hero{flex-direction:column;height:auto}.hero-text{border-right:none;border-bottom:1.5px solid var(--ink);min-height:60vh;padding:12vw 6vw}.hero-art{min-height:400px}.hero-bot{max-width:100%;margin-top:40px}.bento-grid{grid-template-columns:1fr;grid-auto-rows:280px}.c-large{grid-column:span 1}.materials{flex-direction:column}.mat-title{border-right:none;border-bottom:1.5px solid var(--ink);gap:20px;width:100%;padding:8vw 6vw}.mat-list{width:100%}.m-name{padding:20px 30px}.m-num{width:80px;padding:20px}.footer-top{flex-direction:column;align-items:flex-start;gap:40px}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:40px;width:100%}}@media (max-width:480px){.c-large .p-name{font-size:28px}.bento-card{padding:30px}}.reveal{opacity:0;transition:all .8s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}