:root{--ink:#171411;--paper:#eee9df;--line:#c9c0b3;--clay:#9d3f25;--sand:#bd8655}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.mark{font-weight:800;letter-spacing:.18em}.nav nav{display:flex;gap:2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:calc(100vh - 76px);padding:8vh 4vw 4vw;position:relative;overflow:hidden}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}.hero h1{font:500 clamp(3.8rem,9.8vw,10rem)/.82 Georgia,serif;letter-spacing:-.065em;margin:10vh 0 3rem}.hero h1 em{color:var(--clay);font-weight:400}.intro{width:min(440px,80vw);margin-left:auto;font:1.2rem/1.5 Georgia,serif}.brick-field{position:absolute;right:-4vw;top:15%;width:40vw;height:40vw;opacity:.13;transform:rotate(-9deg);display:grid;grid-template-columns:repeat(4,1fr);gap:1.2vw}.brick-field i{background:var(--clay);box-shadow:inset 0 0 0 1px #4e1d10}.brick-field i:nth-child(8n+5){margin-left:-3vw}.split{padding:12vh 4vw;display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;border-top:1px solid var(--line)}h2{font:400 clamp(2.5rem,5vw,5.8rem)/.95 Georgia,serif;letter-spacing:-.04em;margin:2rem 0}.split>p{font:1.25rem/1.6 Georgia,serif;align-self:end}.swatches{display:grid;grid-template-columns:repeat(4,1fr);min-height:420px}.swatches article{padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;color:#f4eee5;transition:flex .5s,filter .3s}.swatches article:hover{filter:brightness(1.12)}.swatches span{margin-bottom:auto}.swatches b{font:2rem Georgia,serif}.swatches small{margin-top:.6rem}.s1{background:#8d351e}.s2{background:#b27643}.s3{background:#302b27}.s4{background:#a89782}.process{padding:14vh 4vw}.process ol{list-style:none;margin:5rem 0 0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:1fr 2fr;align-items:center;border-bottom:1px solid var(--line);padding:1.3rem 0}.process li span{font:2.4rem Georgia,serif}.work{display:grid;grid-template-columns:1fr 1.2fr;min-height:700px;background:#1c1916;color:#eee9df}.work-copy{padding:10vh 4vw;display:flex;flex-direction:column}.work-copy p:not(.eyebrow){max-width:390px;line-height:1.6}.work-copy a{margin-top:auto;border-bottom:1px solid;padding-bottom:.5rem;width:max-content}.wall{margin:4vw;background-color:#9a3e25;background-image:linear-gradient(335deg,rgba(44,16,8,.3) 23px,transparent 23px),linear-gradient(155deg,rgba(44,16,8,.25) 23px,transparent 23px),linear-gradient(335deg,rgba(255,180,120,.12) 23px,transparent 23px),linear-gradient(155deg,rgba(255,180,120,.1) 23px,transparent 23px);background-size:58px 58px;background-position:0 2px,4px 35px,29px 31px,33px 6px;box-shadow:0 30px 80px #0008}footer{padding:3rem 4vw;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}@media(max-width:760px){.nav nav{display:none}.hero{min-height:720px}.brick-field{width:80vw;height:80vw;top:35%;opacity:.1}.split,.work{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}.swatches article{min-height:240px}.work{min-height:900px}.wall{min-height:430px}.process li{grid-template-columns:1fr}.process li p{margin-bottom:0}footer{gap:1rem;flex-direction:column}}