:root{--paper:#f5f1e8;--ink:#39392f;--olive:#5d624a;--muted:#777062;--rule:#cfc5b3;--ochre:#8c7557}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--olive);outline-offset:7px}.header{height:158px;margin:0 5%;display:flex;align-items:center;gap:50px;position:relative;z-index:2;border-bottom:1px solid #cfc5b366}.brand{width:158px;align-self:flex-start;flex-shrink:0;position:relative;z-index:3}.brand img{width:158px;height:158px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:38px;margin-left:5vw}nav a,.eyebrow,.header-note,.hero-foot,.number,.material-number,footer{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase}nav a{padding:12px 0;position:relative}nav a::after{content:'';position:absolute;bottom:0;left:0;right:100%;height:1px;background:var(--ochre);transition:right .2s}nav a:hover::after,nav a.active::after{right:0}.header-note{margin-left:auto;line-height:1.9;font-size:10px;letter-spacing:.2em}.hero{min-height:660px;height:calc(100svh - 158px);max-height:850px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;width:80%;height:100%;right:0;top:0;object-fit:cover;object-position:right center;mix-blend-mode:multiply;z-index:-2;mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--paper),transparent 15%);z-index:-1}.hero-content{padding:80px 0 110px 9%;width:59%}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.22em;margin:0 0 30px}h1{font-weight:400;font-size:clamp(48px,4.7vw,76px);line-height:1.08;letter-spacing:-.035em;margin:0 0 28px}em{font-weight:400;color:var(--ochre)}.hero-sub{font-size:21px;font-style:italic;line-height:1.6;color:#625e52;margin-bottom:30px}.button{background:var(--olive);color:#fffdf5;display:inline-flex;align-items:center;gap:40px;padding:20px 27px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s}.button:hover{background:#424b37}.button span{font-size:20px}.hero-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#6e685c}.hero-foot a span{padding-left:14px}.approach{padding:100px 9% 105px;border-top:1px solid var(--rule)}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:45px}.section-label .eyebrow{margin:0}.line{height:1px;width:45px;background:var(--ochre)}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}h2{font-weight:400;font-size:clamp(35px,3.1vw,50px);line-height:1.18;letter-spacing:-.025em;margin:0}.intro-copy p{font-size:18px;line-height:1.75;margin:0 0 18px;color:#666254}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:66px}.principles article{border-top:1px solid var(--rule);padding-top:25px}.number{font-size:11px;color:var(--ochre);letter-spacing:.14em}h3{font-weight:400;font-size:27px;margin:24px 0 15px}.principles p{font-size:17px;line-height:1.7;color:#666254;margin:0;max-width:330px}.materials{background:#e8e6da;padding:90px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.material-heading .eyebrow{font-size:11px}.material-heading>p:last-child{font-size:18px;line-height:1.75;max-width:400px;margin-top:30px;color:#656454}.material-list>div{display:flex;align-items:center;gap:24px;border-bottom:1px solid #c1bdac;padding:19px 0}.material-list>div:first-child{padding-top:0}.swatch{width:62px;height:62px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 1px #39392f12}.chalk{background:#f5f1e8}.oak{background:#a68a64}.linen{background:#b5b39b}.clay{background:#a16d53}.material-list strong{display:block;font-size:22px;font-weight:400}.material-list small{display:block;font-size:15px;margin-top:7px;color:#686655}.material-number{margin-left:auto;letter-spacing:0;color:#6b6b58}.closing{text-align:center;padding:85px 24px 78px}.closing .eyebrow{margin-bottom:25px}.closing-quote{font-size:clamp(40px,4.2vw,64px);line-height:1.16;letter-spacing:-.035em;margin:0}.closing-rule{display:block;width:45px;height:1px;background:var(--ochre);margin:30px auto}.closing>p:last-child{font-size:16px;color:#6d685b}footer{border-top:1px solid var(--rule);margin:0 5%;padding:27px 0;display:flex;justify-content:space-between;gap:22px;font-size:10px;letter-spacing:.12em;line-height:1.6}footer>a:first-child{letter-spacing:.18em}@media(min-width:1600px){body{max-width:1920px;margin:auto}}@media(max-width:900px){.header{height:125px;gap:20px}.brand,.brand img{width:125px;height:125px}nav{gap:22px;margin-left:auto}.header-note{display:none}.hero{height:auto;min-height:660px}.hero-content{padding-left:7%;width:75%}.hero-art{width:95%;opacity:.8}.intro{gap:5vw}.approach{padding:75px 7%}.principles{gap:25px}h3{font-size:24px}.materials{padding:70px 7%;gap:6vw}.material-list strong{font-size:19px}.swatch{width:48px;height:48px}footer>span{display:none}}@media(max-width:600px){.header{margin:0 6%;height:112px}.brand,.brand img{width:105px;height:105px}nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:10px;letter-spacing:.1em}.hero{min-height:810px}.hero-content{padding:48px 7% 0;width:100%}h1{font-size:50px}.hero .eyebrow{font-size:11px;margin-bottom:23px}.hero-sub{font-size:19px}.button{padding:17px 22px;font-size:11px}.hero-art{width:130%;height:440px;top:auto;bottom:30px;right:-15%;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 35%)}.hero-foot{font-size:9px;bottom:20px;gap:12px}.hero-foot>a{font-size:0}.hero-foot>a span{font-size:18px}.intro,.materials{grid-template-columns:1fr}.intro{gap:30px}.principles{grid-template-columns:1fr;gap:34px;margin-top:40px}.principles p{max-width:none}.principles article{padding-top:20px}h3{margin-top:15px}.approach{padding:55px 7%}.section-label{margin-bottom:30px}.materials{padding:55px 7%;gap:30px}.material-heading>p:last-child{max-width:none}.material-list>div{padding:17px 0}.material-list strong{font-size:21px}.closing{padding:65px 7%}.closing>p:last-child{line-height:1.6}footer{font-size:9px}h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original PSD lockup, exported with its artwork intact. */
.brand{width:210px;align-self:center}.brand img{width:210px;height:132px}.header-note,.hero-foot,footer,.number,.material-heading .eyebrow{font-size:12px}.material-number{font-size:12px}@media(max-width:900px){.brand{width:180px}.brand img{width:180px;height:112px}}@media(max-width:600px){.brand{width:140px}.brand img{width:140px;height:94px}nav{gap:10px}nav a{font-size:12px;letter-spacing:.02em}.hero-foot{font-size:10px}footer{font-size:10px}}

/* Let the illustration continue beneath a translucent, sticky navigation bar. */
:root{--header-height:158px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.header{position:sticky;top:0;z-index:20;height:var(--header-height);margin:0;padding:0 5%;background:rgb(245 241 232 / 65%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero{margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);min-height:calc(660px + var(--header-height));height:100svh;max-height:calc(850px + var(--header-height))}
@media(max-width:900px){:root{--header-height:125px}.hero{height:auto}}
@media(max-width:600px){:root{--header-height:112px}.header{padding:0 6%}.hero{min-height:calc(810px + var(--header-height))}.hero-art{top:0;bottom:auto;height:100%;width:130%;opacity:.38;mask-image:linear-gradient(90deg,transparent,#000 70%)}}