:root{--paper:#dfcfb7;--ink:#382515;--muted:#69533e}
.site-header{display:flex;justify-content:space-between;height:155px;padding:15px 5.7%;max-width:1500px}.brand{width:124px}.brand img{width:124px;height:124px}.nav-right{gap:54px}.nav-link{font-size:20px}.hero-header{color:#efe3d0}.hero-header .brand{filter:invert(1);opacity:.92}.hero{background:#2d1d13;color:#f0e3ce;height:90svh;min-height:800px;max-height:1100px}.hero-image{background-image:url('/assets/hero-espresso.webp');background-position:center;background-size:cover;mask-image:none}.hero:before{background:none}.hero-content{left:6.5%;top:29%;width:45%}.hero-content>.eyebrow{margin-bottom:20px;display:flex;align-items:center;gap:20px}.hero-content>.eyebrow:after{content:'';width:62px;height:1px;background:currentColor}.hero h1{font-size:clamp(84px,7.8vw,134px);line-height:.9;margin:0 0 27px;letter-spacing:-.035em}.hero h1 em{display:block;font-family:var(--serif);font-style:normal;font-size:1em;font-weight:400;letter-spacing:-.035em;line-height:1;margin:0}.hero-tagline{font-family:var(--sans);font-size:12px;line-height:1.9;letter-spacing:.24em;text-transform:uppercase;margin:0 0 32px}.hero .text-link{font-size:22px}.collection{max-width:1500px;padding:54px 3.8% 95px}.section-heading{margin-bottom:30px;gap:30px}.section-heading h2{font-size:60px;white-space:nowrap}.section-heading .eyebrow{font-size:11px;letter-spacing:.2em;line-height:1.6;max-width:190px;text-align:right}.section-heading .eyebrow:before{width:120px;flex:none}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 18px}.piece-image{aspect-ratio:3/4}.piece-caption h3{font-size:18px}.piece-caption span{font-size:12px}.site-footer{max-width:1500px}.interior-header{height:150px}.interior-header .brand,.interior-header .brand img{width:118px;height:118px}.interior .detail-photo{background:#b2997b}
@media(min-width:1700px){.hero-content{left:max(6.5%,calc((100% - 1295px)/2))}}
@media(max-width:1050px){.nav-right{gap:35px}.hero-content{left:5.7%;width:48%}.hero h1{font-size:98px}.hero{min-height:770px}.collection{padding:42px 4% 75px}.section-heading h2{font-size:49px}.section-heading .eyebrow:before{width:45px}.works-grid{gap:30px 15px}.piece-caption span{display:none}.piece-caption h3{font-size:18px}}
@media(max-width:760px){.site-header{height:118px;padding:10px 5%}.brand,.brand img{width:94px;height:94px}.nav-right{gap:25px}.nav-link{font-size:18px}.hero{min-height:730px;height:88svh}.hero-content{top:23%;left:6%;width:55%}.hero h1{font-size:86px}.hero-tagline{font-size:11px;margin-bottom:25px}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:44px}.section-heading .eyebrow{max-width:140px;font-size:10px}.section-heading .eyebrow:before{display:none}.interior-header{height:118px}.interior-header .brand,.interior-header .brand img{width:94px;height:94px}}
@media(max-width:600px){.site-header{height:104px;padding:8px 5%}.brand,.brand img{width:86px;height:86px}.nav-right{gap:22px}.nav-link{font-size:16px}.hero{background:#2d1d13;min-height:800px;max-height:1000px;height:95svh}.hero-content{top:18%;left:6%;width:88%}.hero-content>.eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(68px,18vw,94px);margin-bottom:20px;line-height:.9}.hero h1 em{font-size:1em;line-height:1}.hero-tagline{font-size:10px;line-height:1.8;margin-bottom:19px;letter-spacing:.2em}.hero .text-link{font-size:19px}.hero-image{background-size:auto 62%;background-position:76% bottom;mask-image:linear-gradient(to bottom,transparent 37%,#000 56%)}.collection{padding:32px 5% 60px}.section-heading h2{font-size:38px}.section-heading>.eyebrow{display:none}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.piece-caption h3{font-size:18px}.piece-caption span{display:none}.interior-header{height:104px}.interior-header .brand,.interior-header .brand img{width:86px;height:86px}}

.piece-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px;margin-top:24px}.piece-gallery button{padding:0;border:0;background:none;cursor:zoom-in}.piece-gallery img{aspect-ratio:3/4;object-fit:cover}.photo-set .detail-photo img{object-fit:contain;max-height:760px}.hero:focus-within :focus-visible{outline-color:#f0e3ce}
@media(max-width:760px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}