/* Shared finishing details for the existing black-and-gold identity. */
:root{--gold-deep:#845a25;--gold-light:#e8c68e}
html{scroll-padding-top:100px}
body{overflow-wrap:break-word}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #a87530;outline-offset:5px}
input:focus,select:focus,textarea:focus{outline:2px solid #a87530;outline-offset:2px;border-color:#a87530}
button{touch-action:manipulation}
button:disabled{cursor:wait;opacity:.7}
.links,.back,.eyebrow,.btn,.service-link,label,.form-note,.included,.available,.switcher a,.buy,.submit-order,a.order,.footer-copy{font-size:.875rem}
.hero h1,.title-row h1{line-height:1.04}
.section-head .eyebrow,.order .eyebrow,.page .eyebrow,.card .eyebrow{color:var(--gold-deep)}
.service-link,.available{color:var(--gold-deep)}
.hero .eyebrow,.about .eyebrow{color:var(--gold-light)}
.hero-copy,.hero-visual,.field,.order-grid>*{min-width:0}
.hero-decor img{height:auto;min-height:100%;object-fit:contain}
.hero{border-bottom:1px solid rgba(200,149,77,.4)}
.hero-copy{background:radial-gradient(ellipse at 0 65%,rgba(200,149,77,.08),transparent 75%)}
.btn,.submit-order,a.order{background:linear-gradient(115deg,#c8954d,#e8c68e 52%,#c8954d);transition:box-shadow .2s ease,filter .2s ease}
.btn.secondary{background:transparent}
.btn:hover,.submit-order:hover,a.order:hover{box-shadow:0 5px 18px rgba(140,99,45,.2);filter:brightness(1.06)}
.btn.secondary:hover{background:rgba(200,149,77,.12)}
.service{border-top:2px solid transparent}
.service:hover{border-top-color:#a87530}
.feature-grid{border:1px solid rgba(200,149,77,.4)}
.form-note{line-height:1.7}
.switcher{height:auto;padding:0;justify-content:flex-start;max-width:none;margin:0 0 42px}
.switcher a{min-height:46px;display:flex;align-items:center}
.gallery figure{display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(46,29,12,.045)}
.gallery figcaption{flex:1;display:flex;flex-direction:column;padding:22px}
.gallery .product-name{line-height:1.65}
.sale-panel{margin-top:auto;padding-top:20px}
.product-name+.sale-panel{margin-top:18px}
.gallery img{aspect-ratio:3/4;height:auto;object-fit:contain;background:#fff}
.lightbox-close,.purchase-close{min-width:44px;min-height:44px}
.purchase-form label{font-size:.875rem}
.purchase-form input,.purchase-form select,.purchase-form textarea{font-size:1rem;font-weight:400}
.empty{padding:clamp(32px,6vw,64px);border-top:2px solid #c8954d}
.empty p{max-width:620px;margin:0 auto;line-height:1.8}
.empty .coming-note{margin-top:20px;font-size:.875rem;color:#655e56}
.card{border-top:3px solid #c8954d;box-shadow:0 18px 60px rgba(60,38,15,.07)}
.card h1{line-height:1.05}
@media(max-width:850px){
 header .menu{min-width:44px;min-height:44px;cursor:pointer}
 header .links{display:none;gap:8px;border-bottom:1px solid rgba(200,149,77,.35)}
 header .links.is-open{display:flex}
 header .links a{display:flex;align-items:center;min-height:44px}
 .hero-decor{min-height:0}
 .hero-decor img{min-height:0}
 .hero-copy{padding-bottom:56px}
}
@media(max-width:540px){
 section{padding:64px 20px}
 .hero{padding:32px 16px}
 .hero-logo{padding-left:0}
 .hero-logo img{height:auto;aspect-ratio:1;object-position:left center}
 .hero-copy{padding:40px 4px}
 .hero h1{font-size:clamp(2.8rem,12vw,3.65rem)}
 .buttons{gap:12px}
 .buttons .btn{width:100%;padding:12px 16px}
 .order-grid{gap:30px}
 .brand{letter-spacing:.1em}
 .back{letter-spacing:.03em}
 .gallery figcaption{padding:20px}
 .switcher{flex-wrap:wrap;overflow:visible;gap:8px}
 .switcher a{white-space:normal;flex:1 1 42%;justify-content:center;padding:10px 8px;text-align:center}
 .title-row h1{font-size:clamp(2.5rem,10.5vw,4rem);overflow-wrap:anywhere}
 .purchase-head{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.service:hover{transform:none}}

/* More prominent header wordmark, balanced with the navigation. */
header .brand{font-size:1.85rem;font-weight:600;white-space:nowrap}
@media(max-width:540px){header .brand{font-size:1.5rem}}

/* Keep the full logo prominent without an oversized opening on desktop. */
.hero-logo{padding:24px clamp(18px,5vw,72px);align-items:center}
.hero-logo img{width:min(100%,640px);height:auto;max-height:520px;object-fit:contain;object-position:left center}
@media(max-width:850px){.hero-logo{padding:20px 18px}.hero-logo img{width:min(100%,440px);max-height:440px}}

.about .feature-copy h1{font:500 clamp(2.3rem,3.5vw,3.35rem)/1.12 "Cormorant Garamond",serif;margin:12px 0 24px}.about-return{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:0 24px 64px}.links a[aria-current="page"]{color:#e8c68e;text-decoration:underline;text-underline-offset:6px}

/* Keep the introduction together beside the full decoration photograph. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:auto 1fr;grid-template-areas:"logo photo" "copy photo";gap:0 clamp(24px,4vw,64px);min-height:0;padding:24px max(24px,calc((100vw - 1180px)/2));align-items:center}
.hero-logo{grid-area:logo;justify-content:center;padding:0;background:transparent}
.hero-logo img{width:min(100%,460px);height:auto;max-height:none;object-position:center;aspect-ratio:1}
.hero-copy{grid-area:copy;align-items:center;text-align:center;padding:16px 0 12px;background:none;justify-content:flex-start}
.hero .eyebrow{letter-spacing:.14em;font-size:.875rem}
.hero h1{font-size:clamp(2.5rem,4.2vw,3.8rem);line-height:1.02;margin:12px 0 16px}
.hero p{font-size:1rem;line-height:1.65;margin:0 0 22px;max-width:540px}
.hero .buttons{justify-content:center;gap:10px}
.hero .btn{padding:12px 18px;min-height:46px}
.hero-visual{grid-area:photo;align-self:stretch;display:flex;align-items:center;background:transparent;min-height:0}
.hero-decor{width:100%;height:auto;min-height:0}
.hero-decor img{width:100%;height:auto;min-height:0;max-height:620px;object-fit:contain;display:block}
@media(max-width:850px){
 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"logo" "copy" "photo";padding:24px 20px 32px;gap:0}
 .hero-logo{padding:0}.hero-logo img{width:min(325px,88vw);max-height:none}
 .hero-copy{padding:16px 0 28px}.hero h1{font-size:clamp(2.5rem,8vw,3.5rem)}
 .hero-visual{width:100%;max-width:540px;justify-self:center}.hero-decor img{max-height:none}
 .hero .buttons{width:100%;max-width:440px}.hero .buttons .btn{width:auto;flex:1 1 170px}
}

.hero-logo img{clip-path:ellipse(48% 46.5% at 49.5% 49%)}