@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500&family=Libre+Caslon+Display&display=swap');
:root{--cream:#f3f0e8;--ink:#34332e;--olive:#4f5531;--orange:#d9782a;--blue:#267da8;--line:#cfc9bc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.55}
[hidden]{display:none!important}section[id]{scroll-margin-top:110px}
.site-header{height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(10px);z-index:10}
.brand{color:inherit;text-decoration:none;letter-spacing:.24em;font-family:'Barlow Condensed',Arial,sans-serif;font-size:20px;line-height:1}.brand small{display:block;font-size:12px;letter-spacing:.35em;text-align:center;margin-top:8px}
nav{display:flex;gap:34px}nav a,.text-link{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px}
.hero{min-height:calc(100vh - 100px);padding:5vh 7vw 9vh;display:flex;flex-direction:column;justify-content:center}.hero-art{max-width:980px;margin:0 auto 1vh;width:90%}.hero-art img{width:100%;mix-blend-mode:multiply;display:block}.eyebrow,.section-number{font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:.17em;font-size:13px;text-transform:uppercase}.eyebrow{text-align:center;margin:12px 0 25px}
h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(52px,7.5vw,112px);line-height:.92;text-align:center;margin:0 auto 35px;max-width:1100px}h1 em{font-weight:400;color:var(--olive)}
.intro{max-width:760px;margin:0 auto 30px;font-size:19px;text-align:center}.text-link{margin:auto;border-bottom:1px solid var(--ink);padding-bottom:4px}
.section{padding:120px 7vw;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section-number{color:#6f6c62;margin:0 0 28px}.section h2{font-size:clamp(48px,5vw,78px);line-height:1;margin:0}.body-copy{max-width:600px;font-size:19px}.body-copy p:first-child{margin-top:55px}.pull{font-family:'Libre Caslon Display',Georgia,serif;font-size:34px;line-height:1.25;color:var(--olive);margin-top:50px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.portfolio-stat{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:18px;text-align:right}.portfolio-stat strong{font-size:30px;font-weight:400;color:var(--olive)}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:-22px 0 38px}.project-filters button{border:1px solid var(--line);background:transparent;color:var(--ink);font:400 16px Arial,sans-serif;padding:10px 17px;cursor:pointer}.project-filters button:hover,.project-filters button.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.project-filters button:focus-visible,nav a:focus-visible,.text-link:focus-visible,.contact a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px}.project{margin:0 0 20px}.project img{width:100%;height:470px;object-fit:cover;display:block;filter:saturate(.82)}.project.large img{height:620px}.project.wide{grid-column:1/-1}.project.wide img{height:520px;object-position:center 45%}.caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:12px;margin-top:10px}.caption h3,.in-progress h3{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:23px;margin:0}.caption p,.in-progress p{margin:4px 0 0;color:#66645c}
.in-progress{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.in-progress article{padding:34px 0}.in-progress article+article{border-left:1px solid var(--line);padding-left:34px}.in-progress span{font-family:'Barlow Condensed',Arial,sans-serif;color:var(--orange);letter-spacing:.18em;font-size:13px;display:block;margin-bottom:16px}
.in-progress article{position:relative;min-height:205px}.in-progress .winery-logo{position:absolute;right:12px;top:28px;object-fit:contain;object-position:right center}.merry-logo{width:150px;height:68px}.diamond-logo{width:88px;height:76px}.in-progress h3,.in-progress p{max-width:calc(100% - 15px)}.in-progress p{line-height:1.55}
.about{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start}.portrait img{width:100%;display:block;filter:saturate(.75)}.about-copy{max-width:680px}.about-copy h2{margin-bottom:40px}.about-copy p{font-size:18px}
.contact{background:#ded9cd}.contact h2{font-size:clamp(60px,8vw,120px);max-width:1100px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:80px;padding-top:30px;border-top:1px solid var(--ink);font-size:20px}.contact-grid a{color:inherit;text-decoration:none}
footer{padding:35px 7vw;display:flex;justify-content:space-between;font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:.14em;font-size:12px}
@media(max-width:760px){.site-header{height:auto;padding:22px 6vw;align-items:flex-start}.brand{font-size:17px}nav{gap:13px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}nav a{font-size:11px}.hero{padding:70px 6vw}.hero-art{width:110%;margin-left:-5%}.eyebrow{font-size:11px}.intro{font-size:17px}.section{padding:80px 6vw}.split,.about,.contact-grid{grid-template-columns:1fr;gap:35px}.body-copy p:first-child{margin-top:0}.section-head{display:block}.portfolio-stat{text-align:left;margin-top:30px}.project-grid{grid-template-columns:1fr;gap:24px}.project img,.project.large img,.project.wide img{height:360px}.project.wide{grid-column:auto}.caption{display:block}.in-progress{grid-template-columns:1fr}.in-progress article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.about{gap:50px}.portrait{max-width:500px}.contact-grid{margin-top:50px}footer{gap:25px;flex-direction:column}}
@media(max-width:760px){section[id]{scroll-margin-top:90px}.project-filters{margin-top:0}.project-filters button{font-size:14px}.in-progress article{min-height:190px}.in-progress .winery-logo{top:25px}.merry-logo{width:118px;height:55px}.diamond-logo{width:68px;height:65px}}

.project-text-field{min-height:260px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;padding:45px 0}.project-text-field span{font-family:'Barlow Condensed',Arial,sans-serif;color:var(--orange);letter-spacing:.18em;font-size:13px;margin-bottom:14px}.project-text-field h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,72px);line-height:1;margin:0}.project-text-field p{margin:12px 0 0;color:#66645c}
