:root{--char:#181411;--cream:#efe3ce;--paper:#f7f1e6;--oak:#c28742;--resin:#17677b;--rust:#a24625;--line:rgba(24,20,17,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--char);font-family:"Instrument Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.header{height:88px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.7rem;font:400 1.25rem "Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.04em}.brand>span{width:42px;height:42px;background:var(--char);color:var(--cream);display:grid;place-items:center;clip-path:polygon(0 8%,90% 0,100% 90%,8% 100%)}.brand div{display:grid}.brand small{font:600 .52rem "Instrument Sans",sans-serif;letter-spacing:.16em;color:var(--rust)}.header nav{display:flex;gap:2rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.header-call{border-bottom:2px solid var(--oak);padding-bottom:.25rem;font-size:.84rem;font-weight:700}.hero{min-height:calc(100vh - 88px);background:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(4rem,7vw,7rem) clamp(1.2rem,6vw,7rem);position:relative;overflow:hidden}.grain-lines{position:absolute;inset:-25%;opacity:.17;background:repeating-radial-gradient(ellipse at 65% 42%,transparent 0 18px,var(--rust) 19px 20px,transparent 21px 37px);transform:rotate(-8deg)}.hero-copy,.hero-visual{position:relative;z-index:2}.kicker,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:800;color:var(--rust)}.hero h1,.intro h2,.material-story h2,.contact h2{font:400 clamp(3.8rem,7.8vw,8.1rem)/.88 "Archivo Black",sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:1.2rem 0}.hero h1 span{color:var(--rust);-webkit-text-stroke:1px var(--rust)}.hero-copy>p:not(.kicker){max-width:560px;line-height:1.7;font-size:1rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.button{border:0;background:var(--char);color:var(--cream);padding:1rem 1.25rem;font:800 .75rem "Instrument Sans",sans-serif;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;clip-path:polygon(0 0,96% 0,100% 78%,96% 100%,0 100%)}.plain-link{font-size:.8rem;font-weight:700}.hero-visual{height:min(670px,66vw);min-height:500px}.hero-board{position:absolute;inset:0 4% 3% 13%;margin:0;clip-path:polygon(12% 0,100% 0,88% 100%,0 91%);box-shadow:0 30px 60px rgba(24,20,17,.2)}.hero-detail{position:absolute;width:34%;height:35%;left:0;bottom:0;margin:0;border:8px solid var(--paper);transform:rotate(-4deg);box-shadow:0 20px 50px rgba(24,20,17,.22)}.maker-stamp{position:absolute;right:-2%;top:4%;width:145px;height:145px;border-radius:50%;background:var(--resin);color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(8deg);border:3px solid var(--char)}.maker-stamp strong{font:400 2.4rem "Archivo Black",sans-serif}.maker-stamp span{font-size:.58rem;line-height:1.35;text-transform:uppercase;letter-spacing:.12em}.cut-line{position:absolute;left:-5%;right:-5%;bottom:-30px;height:72px;background:var(--paper);transform:rotate(-1.4deg);transform-origin:left}.ticker{overflow:hidden;background:var(--char);color:var(--cream);padding:1rem 0}.ticker>div{display:flex;align-items:center;gap:2.2rem;width:max-content;min-width:100%;justify-content:center;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.14em}.ticker i{color:var(--oak)}.intro{padding:8rem clamp(1.2rem,6vw,7rem);display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw}.intro h2,.material-story h2,.contact h2{font-size:clamp(3rem,6vw,6.5rem);margin:0 0 1.5rem}.intro>div{display:grid;grid-template-columns:1.4fr .6fr;gap:4vw;align-items:end}.intro>div p{line-height:1.7;margin:0}.work{padding:0 clamp(1.2rem,3vw,3rem) 7rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:430px 320px;gap:1rem}.work-card{position:relative;overflow:hidden;background:var(--char);color:#fff}.work-card.feature{grid-row:span 2}.work-card:last-child{grid-column:2/4}.work-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(18,13,10,.9))}.work-card img{filter:saturate(.82);transition:transform .7s,filter .4s}.work-card:hover img{transform:scale(1.035);filter:saturate(1)}.work-card div{position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1.4rem}.work-card div p{font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--oak);font-weight:800}.work-card h3{font:400 clamp(1.5rem,2.8vw,3rem) "Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:.4rem 0}.work-card span{font-size:.78rem;line-height:1.5}.material-story{background:var(--resin);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:720px}.story-image{clip-path:polygon(0 0,100% 7%,91% 100%,0 100%)}.story-copy{padding:clamp(3rem,7vw,7rem);align-self:center}.story-copy .section-label{color:var(--cream)}.story-copy p:not(.section-label){line-height:1.7;max-width:520px}.material-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.material-tags span{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.7rem 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.process{padding:8rem clamp(1.2rem,6vw,7rem)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}.process article{background:var(--paper);padding:2.5rem}.process b{font:400 3rem "Archivo Black",sans-serif;color:var(--oak)}.process h3{font:400 1.35rem "Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.04em}.process p{font-size:.84rem;line-height:1.65}.gallery-band{display:grid;grid-template-columns:1.2fr .8fr 1fr;height:480px;gap:8px;background:var(--char);padding:8px}.gallery-band figure{margin:0;overflow:hidden}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:8rem clamp(1.2rem,6vw,7rem);background:var(--cream)}.contact-copy>a{display:block;font-weight:800;margin:.7rem 0}.contact form{display:grid;gap:1rem}.contact label{display:grid;gap:.45rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}input,textarea{border:1px solid rgba(24,20,17,.28);background:rgba(255,255,255,.5);padding:1rem;font:500 .9rem "Instrument Sans",sans-serif;color:var(--char);outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--resin);box-shadow:4px 4px 0 rgba(23,103,123,.2)}footer{display:flex;align-items:center;justify-content:space-between;padding:2.5rem clamp(1.2rem,5vw,5rem);background:var(--char);color:var(--cream);gap:2rem}.footer-brand>span{background:var(--cream);color:var(--char)}footer p,footer>a{font-size:.72rem}.footer-brand{font-size:1rem}@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:1rem}.hero-visual{margin-top:2rem;height:600px}.intro{grid-template-columns:1fr}.intro>div{grid-template-columns:1fr;gap:1.5rem}.work{grid-template-columns:1fr 1fr;grid-template-rows:520px 340px 340px}.work-card.feature{grid-column:1/-1;grid-row:auto}.work-card:last-child{grid-column:1/-1}.material-story{grid-template-columns:1fr}.story-image{height:520px;clip-path:none}.process-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr}}@media(max-width:600px){.header{height:76px}.header-call{display:none}.hero h1{font-size:4rem}.hero-visual{min-height:430px;height:110vw}.maker-stamp{width:105px;height:105px}.hero-actions{align-items:flex-start;flex-direction:column}.ticker>div{justify-content:flex-start;padding-left:1rem}.intro,.process,.contact{padding-top:5rem;padding-bottom:5rem}.work{grid-template-columns:1fr;grid-template-rows:none;padding-left:.8rem;padding-right:.8rem}.work-card,.work-card.feature,.work-card:last-child{grid-column:auto;min-height:420px}.material-story{min-height:auto}.story-image{height:430px}.gallery-band{height:340px;grid-template-columns:1fr 1fr}.gallery-band figure:last-child{display:none}.row{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}