:root{--black:#0d0d0d;--yellow:#f4d52c;--paper:#efede7;--white:#fff;--red:#d7442e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit}.concept-note{padding:.55rem 1rem;color:#ccc;background:#000;text-align:center;font-size:.75rem}.concept-note a{color:white}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.15rem clamp(1.2rem,4vw,4.5rem);border-bottom:2px solid var(--black);background:white}header>p{margin:0;font-size:.75rem;font-weight:600}.logo{justify-self:start;display:inline-flex;align-items:baseline;gap:.42rem;font-family:"Archivo Black",sans-serif;font-size:1.45rem;text-decoration:none}.logo span{padding:.18rem .32rem;background:var(--yellow)}.logo sup{font-family:Inter,sans-serif;font-size:.45rem;letter-spacing:.12em}.quote-link{justify-self:end;font-size:.8rem;font-weight:700;text-decoration:none;border-bottom:2px solid}.hero{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:minmax(32rem,78vh) auto;color:white;background:var(--black)}.hero-message{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem)}.hero-message p{margin:0;color:#bbb;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-family:"Archivo Black",sans-serif;font-size:clamp(6.5rem,14vw,14rem);line-height:.72;letter-spacing:-.075em}.hero h1 span{color:var(--yellow)}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15)}.hero-image small{position:absolute;right:1rem;bottom:1rem;max-width:15rem;padding:.45rem .55rem;color:#ddd;background:rgba(0,0,0,.8);font-size:.68rem}.hero-cta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:1.6rem clamp(1.3rem,4vw,4.5rem);color:var(--black);background:var(--yellow);text-decoration:none}.hero-cta span{font-size:.75rem;font-weight:600;text-transform:uppercase}.hero-cta b{font-family:"Archivo Black",sans-serif;font-size:clamp(1.2rem,2.4vw,2.2rem);text-transform:uppercase}.hero-cta i{font-size:2rem;font-style:normal}.marquee{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid}.marquee span{padding:1rem;text-align:center;border-right:2px solid;font-size:.7rem;font-weight:800;letter-spacing:.08em}.marquee span:last-child{border:0}.portfolio{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:clamp(5rem,10vw,10rem) clamp(1rem,4vw,4.5rem)}.portfolio-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:3rem}.portfolio-heading p{font-size:.75rem;font-weight:700;text-transform:uppercase}.portfolio h2,.shop h2,.quote h2{margin:0;font-family:"Archivo Black",sans-serif;font-size:clamp(3.5rem,8vw,8rem);line-height:.83;letter-spacing:-.06em}.project{min-height:31rem;padding:1.3rem;display:flex;flex-direction:column;border:2px solid}.project>span{font-size:.68rem;font-weight:700;text-transform:uppercase}.project h3{margin:auto 0 .5rem;font-family:"Archivo Black",sans-serif;font-size:1.2rem;text-transform:uppercase}.project p{margin:0;font-size:.82rem;line-height:1.5}.project-a{grid-column:1/8;background:white}.project-b{grid-column:8/-1;color:white;background:var(--red)}.project-c{grid-column:1/6;color:white;background:var(--black)}.project-d{grid-column:6/-1;background:var(--yellow)}.letter-study,.van-study,.wall-study,.service-study{margin:auto;font-family:"Archivo Black",sans-serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.78;letter-spacing:-.06em}.van-study{padding:2.2rem 1.5rem;color:var(--black);background:var(--yellow);transform:skew(-5deg)}.van-study b{font-size:.2em;letter-spacing:.08em}.wall-study{padding:1rem;border-left:1.2rem solid var(--yellow)}.wall-study b{color:var(--yellow)}.service-study{position:relative}.service-study span{position:absolute;right:-1rem;bottom:-1rem;padding:.4rem;color:var(--yellow);background:var(--black);font-size:.18em;letter-spacing:.05em}.shop{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(5rem,10vw,10rem) clamp(1.2rem,5vw,6rem);color:white;background:var(--black)}.kicker{color:var(--yellow);font-size:.72rem;font-weight:700;text-transform:uppercase}.shop ol{margin:0;padding:0;list-style:none;border-top:1px solid #555}.shop li{display:grid;grid-template-columns:4rem 1fr;padding:1.25rem 0;border-bottom:1px solid #555}.shop li b{color:var(--yellow)}.shop li span{font-family:"Archivo Black",sans-serif;font-size:1.25rem;text-transform:uppercase}.quote{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:clamp(5rem,10vw,10rem) clamp(1.2rem,5vw,6rem);background:var(--yellow)}.quote>div>p{font-size:.75rem;font-weight:700;text-transform:uppercase}.quote h2 span{color:var(--red)}.quote-actions{align-self:end;display:flex;flex-direction:column}.quote-actions a{padding:1.2rem 0;border-top:2px solid;font-family:"Archivo Black",sans-serif;font-size:clamp(1rem,2vw,1.5rem);text-decoration:none}.quote-actions address{padding-top:1.2rem;border-top:2px solid;font-style:normal;font-size:.85rem;line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.2rem,4vw,4.5rem);color:white;background:#000;font-size:.72rem}.inverse span{color:var(--black)}footer a{color:white}@media(max-width:800px){header{grid-template-columns:1fr auto}header>p{display:none}.hero{grid-template-columns:1fr;grid-template-rows:auto}.hero-message{min-height:32rem}.hero-image{height:28rem}.hero-cta{grid-column:auto;grid-template-columns:1fr auto}.hero-cta span{display:none}.marquee{grid-template-columns:1fr 1fr}.marquee span:nth-child(2){border-right:0}.marquee span:nth-child(-n+2){border-bottom:2px solid}.portfolio-heading,.shop,.quote{grid-template-columns:1fr;gap:3rem}.project-a,.project-b,.project-c,.project-d{grid-column:1/-1}.project{min-height:28rem}}@media(max-width:500px){.hero h1{font-size:6.2rem}.portfolio h2,.shop h2,.quote h2{font-size:3.7rem}.project{min-height:24rem}footer{flex-direction:column;align-items:flex-start}}
