@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/cormorant-garamond-regular.ttf") format("truetype")}
:root{color-scheme:dark;--black:#080807;--ivory:#f0ece3;--gold:#c7a56c;--muted:#c4c0b7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
a:hover{color:var(--gold)}
.site-header{max-width:1500px;margin:auto;padding:27px 44px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.wordmark{display:flex;flex-direction:column;align-items:center;color:var(--gold);width:225px;flex-shrink:0}
.wordmark-name{font-size:35px;letter-spacing:.24em;line-height:1.05;padding-left:.24em}
.wordmark-subtitle{display:flex;align-items:center;gap:8px;font:9px/1.8 Arial,sans-serif;letter-spacing:.4em;margin-top:2px}
.wordmark-subtitle:before,.wordmark-subtitle:after{content:"";width:19px;height:1px;background:var(--gold)}
nav{display:flex;gap:34px;font:12px/1.7 Arial,sans-serif;letter-spacing:.17em}nav a{padding:12px 0}
.hero{max-width:1500px;margin:auto;padding:30px 44px 32px}
.eyebrow{font:10px/1.8 Arial,sans-serif;font-weight:400;letter-spacing:.3em;color:var(--gold);margin:0 0 18px}
h1{font-size:clamp(38px,4.1vw,59px);font-weight:400;line-height:1.03;letter-spacing:-.025em;margin:0 0 23px}
.intro{max-width:610px;font-size:17px;line-height:1.55;letter-spacing:.015em;color:var(--muted);margin:0 0 24px}
.collection-link{display:inline-flex;align-items:center;gap:25px;color:var(--gold);font:10px/1.8 Arial,sans-serif;letter-spacing:.2em;border-bottom:1px solid #806a43;padding-bottom:10px}.collection-link span{font-size:18px}
.collection{max-width:1680px;width:100%;margin:0 auto;padding:0 24px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.product-grid picture{display:block;min-width:0;background:#080807}
.product-grid img{display:block;width:100%;height:auto;object-fit:contain}
.product-grid .coming-soon{display:flex;justify-content:center}
.coming-soon img{width:min(56%,calc((100svh - 64px)*2/3));height:auto;object-fit:contain}
@media(min-width:901px){.product-grid picture:not(.coming-soon){width:100%;max-width:calc((100svh - 64px)*1.5);justify-self:center}.product-grid picture.mjz{width:96%;max-width:min(710px,calc((100svh - 64px)*1.5))}}
.contact{text-align:center;padding:95px 24px 88px}
.contact .eyebrow{margin-bottom:17px}
.contact p{font-size:clamp(21px,2.4vw,35px);line-height:1.5;margin:0;overflow-wrap:anywhere}
.contact a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.contact-rule{display:block;width:62px;height:1px;background:var(--gold);margin:23px auto 0}
footer{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 44px 36px;color:var(--gold);font:9px/1.8 Arial,sans-serif;letter-spacing:.21em}
footer p{margin:0}footer p span{margin:0 12px}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--gold);color:#080807;padding:12px;z-index:10}.skip-link:focus{top:12px}
@media(max-width:900px){.product-grid{grid-template-columns:minmax(0,1fr);gap:28px}.coming-soon img{width:75%;max-height:none}.hero{padding:25px 28px 30px}.site-header{padding:24px 28px}footer{padding:25px 28px 32px}.contact{padding:75px 24px}}
@media(max-width:560px){.site-header{padding:23px 18px;gap:16px}.wordmark{width:166px}.wordmark-name{font-size:27px}.wordmark-subtitle{font-size:7px;gap:5px;letter-spacing:.32em}.wordmark-subtitle:before,.wordmark-subtitle:after{width:13px}nav{gap:16px;font-size:9px;letter-spacing:.1em}.hero{padding:23px 20px 28px}.hero .eyebrow{font-size:9px;letter-spacing:.2em}h1{font-size:clamp(32px,8.5vw,46px);line-height:1.08}.intro{font-size:16px;line-height:1.6}.collection{padding:0 16px}.product-grid{gap:24px}.coming-soon img{width:100%}.contact{padding:65px 18px}.contact .eyebrow{font-size:9px;letter-spacing:.22em}.contact p{font-size:21px}footer{flex-direction:column;text-align:center;padding:18px 18px 30px;gap:15px;font-size:8px;letter-spacing:.14em}footer p span{margin:0 6px}}
@media(max-width:350px){.site-header{flex-direction:column;gap:10px}nav{font-size:10px}h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Featured Virtuoso RS beside the unchanged hero copy. */
.hero{max-width:1680px;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:28px;align-items:center}
.hero-copy,.hero-product{min-width:0}
.hero-product{display:block}
.hero-product img{display:block;width:100%;height:auto;object-fit:contain}
.product-grid picture.featured-product{grid-column:1/-1;width:100%;max-width:min(1100px,calc((100svh - 64px)*1.5));justify-self:center}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.product-grid picture.featured-product{max-width:none}}

/* Shared live descriptions for all three triptychs.
   Only the baked caption band is masked; image dimensions stay unchanged. */
.hero-product,.product-with-description{position:relative}
.hero-product>picture{display:block}
.product-with-description{min-width:0;width:100%;justify-self:center}
.hero-product:after,.product-with-description:after{content:"";position:absolute;left:0;right:0;top:90%;bottom:0;background:var(--black)}
.hero-product-description,.product-description{display:block;position:absolute;z-index:1;top:88%;left:2%;right:2%;margin:14px auto 0;max-width:44em;text-align:center;font-family:"Cormorant Garamond","EB Garamond","Libre Baskerville",Georgia,serif;font-size:clamp(18px,1.15vw,22px);font-weight:400;line-height:1.35;letter-spacing:.01em;color:#f2eee6;text-wrap:balance}
@media(min-width:901px){.product-with-description{max-width:calc((100svh - 64px)*1.5)}}
/* Fit live captions into the existing mobile artwork and section spacing. */
@media(max-width:900px){.hero-product-description,.product-description{font-size:clamp(11px,3.6vw,18px)}}

/* Collection landing: equal-scale triptychs, then contact and portrait. */
.contact-product-row{max-width:1680px;margin:48px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center}
.contact-product-row .contact{min-width:0;padding:48px 0}
.contact-product-row .coming-soon{display:flex;justify-content:center;min-width:0}
.contact-product-row .coming-soon img{display:block;width:100%;max-width:340px;height:auto;object-fit:contain}
@media(max-width:900px){.contact-product-row{grid-template-columns:minmax(0,1fr);margin-top:28px;gap:0}.contact-product-row .contact{padding:48px 0}.contact-product-row .coming-soon img{max-width:340px}}
@media(max-width:560px){.contact-product-row{padding:0 16px}}

/* Replace only the portrait’s baked description; preserve its border and divider. */
.pro-rs-panel{position:relative;width:100%;max-width:340px}
.pro-rs-panel>picture{display:block}
.pro-rs-panel:after{content:"";position:absolute;left:10%;right:10%;top:85%;bottom:8%;background:var(--black)}
.pro-rs-panel>.product-description{top:83.4%;left:7%;right:7%;margin-top:4px;font-size:clamp(11px,3.6vw,18px);line-height:1.2}

/* Hero headline typography only; retain existing responsive font sizes. */
#hero-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-synthesis:none;line-height:.93;letter-spacing:-.02em}
@media(max-width:900px){.hero-desktop-break{display:none}}