: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:none;opacity:1}.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(5,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))}}

.footer-contact{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.site-footer{gap:24px;flex-wrap:wrap}.winter-collection{position:relative;max-width:1385px;margin:0 auto 80px;padding:80px 6%;background:#382417;color:#efdfc8;overflow:hidden}.winter-collection .eyebrow{font-size:14px;letter-spacing:.22em;margin:0 0 25px}.winter-collection h2{font-size:clamp(60px,6.5vw,104px);line-height:.95;font-weight:400;margin:0;letter-spacing:-.025em}.winter-note{font-size:22px;margin-top:28px}.winter-line{position:absolute;width:170px;height:1px;background:#a18b70;right:6%;top:50%}.email-enquiry{margin-top:20px!important}.hero-header :focus-visible{outline-color:#efdfc8}
.piece-card[href="/works/red-rim-platter/"] .piece-image{background:#cbb395}.piece-card[href="/works/red-rim-platter/"] .piece-image img{object-fit:contain}.section-heading .eyebrow{max-width:280px}.section-heading .eyebrow:before{width:60px}
.footer-contact a{justify-self:start!important;text-align:left}
@media(max-width:1050px) and (min-width:761px){.nav-right{gap:25px}.nav-link{font-size:18px}}
@media(max-width:760px){.piece-card[href="/works/red-rim-platter/"]{grid-column:1/-1}.piece-card[href="/works/red-rim-platter/"] .piece-image{aspect-ratio:1313/1198}.winter-collection{margin:0 5% 50px;padding:50px 8%}.winter-collection h2{font-size:60px}.winter-note{font-size:19px;max-width:220px}.winter-line{display:none}.footer-contact{display:block}.footer-contact a{display:block;margin-top:12px}.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-contact a{font-size:15px}.site-footer span{grid-column:2;grid-row:1}.site-footer>a{grid-row:2;grid-column:1;justify-self:start!important}}

/* Preview 2: image-led collections, with platters before everyday forms. */
.platters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.other-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.platter-collection{padding-bottom:60px}
.other-collection{padding-top:28px}
.platters-grid .piece-image{aspect-ratio:3/2;background:#8d7155}
.platters-grid .piece-image img{object-fit:cover}
.platters-grid .piece-card[href="/works/red-rim-platter/"] .piece-image img{object-fit:cover}
.platters-grid .piece-card[href="/works/red-rim-platter/"] .piece-image{background:#8d7155}
.other-grid .piece-image{aspect-ratio:4/5}
.detail-copy h1{font-size:clamp(60px,5.7vw,88px)}
@media(max-width:760px){
 .platters-grid{grid-template-columns:1fr;gap:22px}
 .platters-grid .piece-card[href="/works/red-rim-platter/"]{grid-column:auto}
 .platters-grid .piece-card[href="/works/red-rim-platter/"] .piece-image{aspect-ratio:3/2}
 .other-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .other-grid .piece-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
 .platter-collection{padding-bottom:45px}
 .other-collection{padding-top:10px}
 .detail-copy h1{font-size:64px}
}

.platter-photo-set .detail-photo{aspect-ratio:3/2;width:100%;background:#8d7155}.platter-photo-set .detail-photo img{object-fit:cover}

/* Three platters share one desktop row. */
.platters-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.swimmer-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.platters-grid{grid-template-columns:1fr;gap:22px}}

/* Live collection: a continuous, responsive image sequence. */
.platters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.other-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:680px;margin-inline:auto}
.other-grid .piece-card,.other-grid .piece-card:last-child{grid-column:auto;width:100%;justify-self:stretch}
.other-grid .piece-image{aspect-ratio:auto;background:#987b5e}
.other-grid .piece-image img{height:auto;max-height:760px;width:100%;object-fit:contain}
@media(max-width:760px){.platters-grid{grid-template-columns:minmax(0,1fr);gap:22px}.other-grid{grid-template-columns:minmax(0,1fr);gap:22px}.section-heading h2{white-space:normal}.other-grid .piece-card:last-child{width:100%;grid-column:auto}}

.other-grid .piece-image img{max-height:none;object-fit:cover}
