:root{
  --bg:#050403;
  --panel:#090806;
  --paper:#f3eee5;
  --muted:#b9b0a3;
  --gold:#c89a47;
  --gold2:#e1b65f;
  --line:rgba(200,154,71,.32);
  --soft:rgba(255,255,255,.06);
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{
  margin:0;background:var(--bg);color:var(--paper);
  font-family:Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
a{color:inherit}
img{display:block;max-width:100%}
.site-header{
  min-height:112px;display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;gap:32px;
  padding:18px clamp(22px,5vw,76px);
  border-bottom:1px solid var(--soft)
}
.brand img{width:76px;height:76px;object-fit:contain}
.site-header nav{display:flex;justify-content:center;gap:30px}
.site-header nav a,.language{
  color:#d4ccc0;text-decoration:none;
  font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase
}
.site-header nav a:hover,.language:hover{color:var(--gold2)}
.artwork-page{padding:clamp(32px,6vw,84px) clamp(20px,5vw,76px) 80px}
.artwork{
  width:min(1420px,100%);margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:clamp(42px,6vw,90px);align-items:start
}
.artwork-figure{margin:0}
.artwork-figure picture{
  display:block;background:#050403;
  border:1px solid rgba(255,255,255,.07)
}
.artwork-figure img{width:100%;height:auto}
.artwork-figure figcaption{
  margin-top:13px;color:#8f887d;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase
}
.artwork-copy{padding-top:18px}
.eyebrow{
  margin:0 0 14px;color:var(--gold2);
  font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase
}
h1{
  margin:0;color:var(--paper);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(46px,5.3vw,82px);
  line-height:.98;font-weight:400
}
.original-title{
  margin:14px 0 0;color:#8f887d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;font-style:italic
}
.description{
  margin:34px 0 0;color:#c8c0b5;
  font-size:16px;line-height:1.8;max-width:650px
}
.product-card{
  margin-top:42px;padding:29px 30px 30px;
  border:1px solid var(--line);background:rgba(255,255,255,.018)
}
.product-kicker{
  margin:0 0 8px;color:var(--gold2);
  font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase
}
.product-card h2{
  margin:0 0 24px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;font-weight:400
}
.product-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr}
.product-card dl div{
  padding:13px 0;border-top:1px solid rgba(255,255,255,.07)
}
.product-card dl div:nth-child(even){padding-left:22px}
.product-card dt{
  color:#80796f;font-size:9px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase
}
.product-card dd{margin:6px 0 0;color:#e5ddd2;font-size:13px;line-height:1.4}
.availability{
  margin:19px 0 0;color:#d8c29a;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase
}
.availability.sold,.availability.unavailable{color:#9e8b80}
.product-card button{
  width:100%;margin-top:18px;padding:15px 18px;
  border:1px solid rgba(200,154,71,.30);
  background:rgba(200,154,71,.07);color:#9a8e79;
  font-size:10px;font-weight:800;letter-spacing:.14em
}
.back-link{
  display:inline-block;margin-top:28px;
  color:#c4bbae;text-decoration:none;font-size:12px
}
.back-link:hover{color:var(--gold2)}
.site-footer{
  padding:24px;border-top:1px solid var(--soft);
  text-align:center;color:#777068;
  font-size:10px;letter-spacing:.08em
}
.staging-home,.error-page{
  width:min(760px,calc(100% - 40px));margin:14vh auto;
  padding:44px;border:1px solid var(--line);background:var(--panel)
}
.staging-home h1,.error-page h1{font-size:clamp(42px,7vw,68px)}
.staging-home p,.error-page p{color:var(--muted);line-height:1.6}
.staging-home a,.error-page a{color:var(--gold2)}
@media(max-width:900px){
  .site-header{grid-template-columns:auto 1fr;gap:12px 18px;padding:14px 18px}
  .brand img{width:58px;height:58px}
  .site-header nav{
    display:flex;grid-column:1/-1;grid-row:2;
    justify-content:flex-start;gap:20px;
    overflow-x:auto;padding:8px 0 2px;
    scrollbar-width:none
  }
  .site-header nav::-webkit-scrollbar{display:none}
  .header-actions{grid-column:2;grid-row:1;justify-self:end}
  .artwork-page{padding:26px 18px 58px}
  .artwork{grid-template-columns:1fr;gap:28px}
  .artwork-copy{padding-top:0}
  h1{font-size:clamp(42px,13vw,66px)}
  .description{margin-top:24px;font-size:15px}
  .product-card{margin-top:30px;padding:23px 20px}
}
@media(max-width:520px){
  .product-card dl{grid-template-columns:1fr}
  .product-card dl div:nth-child(even){padding-left:0}
}


/* Server-rendered cart */
.header-actions{display:flex;align-items:center;gap:22px}
.cart-mobile{display:none;color:#d4ccc0;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.cart-form{margin:0}
.cart-button,.product-card .cart-button{
  display:block;width:100%;margin-top:18px;padding:15px 18px;
  border:1px solid rgba(200,154,71,.38);
  background:rgba(200,154,71,.10);color:#e2c07f;
  text-align:center;text-decoration:none;
  font-size:10px;font-weight:800;letter-spacing:.14em
}
.cart-button.secondary,.product-card .cart-button.secondary{background:transparent}
.cart-page{padding:clamp(36px,6vw,84px) clamp(20px,5vw,76px) 90px}
.cart-shell{width:min(1080px,100%);margin:0 auto}
.cart-shell h1{
  margin-bottom:38px;
  font-size:clamp(46px,6vw,74px)
}
.cart-flash{
  margin:0 0 24px;padding:14px 16px;
  border:1px solid rgba(200,154,71,.25);
  background:rgba(200,154,71,.06);
  color:#d9cfbf;font-size:13px
}
.cart-lines{border-top:1px solid rgba(255,255,255,.08)}
.cart-line{
  display:grid;grid-template-columns:180px 1fr auto;
  gap:26px;align-items:start;
  padding:26px 0;border-bottom:1px solid rgba(255,255,255,.08)
}
.cart-thumb img{width:180px;height:auto;border:1px solid rgba(255,255,255,.07)}
.cart-line-copy h2{
  margin:3px 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;font-weight:400
}
.cart-line-copy h2 a{text-decoration:none}
.cart-meta{margin:0;color:#8f887d;font-size:12px;line-height:1.5}
.cart-price{font-family:Georgia,"Times New Roman",serif;font-size:22px;white-space:nowrap}
.remove-button{
  margin-top:12px;padding:0;border:0;background:none;
  color:#c89a47;text-decoration:underline;cursor:pointer
}
.cart-summary{
  width:min(430px,100%);margin:34px 0 0 auto;
  padding:25px;border:1px solid var(--line)
}
.cart-summary>div{display:flex;justify-content:space-between;gap:20px;font-size:16px}
.cart-summary strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400}
.cart-summary p{color:#8f887d;font-size:12px;line-height:1.6}
.cart-summary button{
  width:100%;padding:15px 18px;border:1px solid rgba(200,154,71,.24);
  background:rgba(200,154,71,.05);color:#8e826d;
  font-size:10px;font-weight:800;letter-spacing:.12em
}
.cart-empty{
  padding:34px;border:1px solid var(--line);
  color:#b9b0a3
}
@media(max-width:900px){
  .cart-mobile{display:none}
  .header-actions{gap:15px}
  .cart-page{padding:28px 18px 64px}
}
@media(max-width:650px){
  .cart-line{grid-template-columns:100px 1fr;gap:18px}
  .cart-thumb img{width:100px}
  .cart-price{grid-column:2;font-size:19px}
}


/* Stripe checkout form */
.checkout-form{margin-top:22px}
.checkout-form label{
  display:block;margin:0 0 8px;color:#a79c8e;
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.checkout-form select{
  width:100%;padding:13px 14px;
  border:1px solid rgba(200,154,71,.30);
  background:#080705;color:#e6ded2;
  font:inherit
}
.checkout-note{
  margin:12px 0;color:#8f887d;
  font-size:11px;line-height:1.55
}
.checkout-form button{
  width:100%;margin-top:8px;padding:15px 18px;
  border:1px solid rgba(200,154,71,.38);
  background:rgba(200,154,71,.10);color:#e2c07f;
  font-size:10px;font-weight:800;letter-spacing:.12em
}
.checkout-form button:disabled{
  background:rgba(200,154,71,.04);color:#8e826d
}


/* Verified checkout result */
.checkout-result-page{
  max-width:820px;
  margin:0 auto;
  padding:90px 28px 120px;
}
.checkout-result-page h1{
  margin:10px 0 18px;
  font-size:clamp(46px,7vw,82px);
  line-height:.98;
}
.checkout-result-lead{
  max-width:680px;
  font-size:17px;
  line-height:1.7;
  color:#d7cdbf;
}
.checkout-result-card{
  margin:34px 0 20px;
  padding:26px;
  border:1px solid rgba(200,154,71,.34);
  background:#080705;
}
.checkout-result-card dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 20px;
}
.checkout-result-card dl div{
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.checkout-result-card dt{
  margin-bottom:7px;
  color:#a79c8e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.checkout-result-card dd{
  margin:0;
  font-size:20px;
  color:#f0e9df;
}
.checkout-result-item{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:16px;
}
.checkout-result-item span{
  color:#c79a47;
}
.checkout-result-note{
  color:#9f9588;
  line-height:1.65;
}
.result-link{
  display:inline-block;
  margin-top:18px;
  color:#d7a84d;
}
@media (max-width:700px){
  .checkout-result-card dl{grid-template-columns:1fr}
  .checkout-result-item{display:block}
  .checkout-result-item span{display:block;margin-top:8px}
}


/* C9 — production-shaped bilingual site shell */
.site-header nav a[aria-current="page"]{color:var(--gold2)}
.site-page{
  width:min(1480px,100%);
  margin:0 auto;
  padding:clamp(44px,7vw,100px) clamp(20px,5vw,76px) 100px
}
.home-hero,.page-intro{
  max-width:980px;
  padding:clamp(36px,7vw,86px) 0 clamp(56px,8vw,110px)
}
.home-hero h1,.page-intro h1{
  max-width:920px;
  font-size:clamp(54px,7.5vw,110px);
  line-height:.94
}
.page-lead{
  max-width:780px;
  margin:30px 0 0;
  color:#c8c0b5;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.75
}
.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.page-button{
  display:inline-block;padding:14px 18px;
  border:1px solid rgba(200,154,71,.30);
  color:#d9cdbb;text-decoration:none;
  font-size:10px;font-weight:800;letter-spacing:.13em
}
.page-button.primary{background:rgba(200,154,71,.10);color:#e4bd72}
.page-button:hover{border-color:rgba(225,182,95,.65);color:var(--gold2)}
.catalogue-section{padding-top:20px}
.section-heading{margin-bottom:34px}
.section-heading h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,68px);
  font-weight:400
}
.catalogue-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,3vw,48px) clamp(18px,2.6vw,38px)
}
.catalogue-card{min-width:0}
.catalogue-card-image{
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  background:#0b0a08
}
.catalogue-card-image img{
  width:100%;height:auto;
  transition:transform .35s ease,opacity .35s ease
}
.catalogue-card-image:hover img{transform:scale(1.012);opacity:.96}
.catalogue-card-copy{padding:16px 2px 0}
.catalogue-card-kicker{
  margin:0 0 7px;color:#9c8e7d;
  font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.catalogue-card h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.2vw,32px);
  font-weight:400;line-height:1.1
}
.catalogue-card h2 a{text-decoration:none}
.catalogue-card h2 a:hover{color:var(--gold2)}
.catalogue-card-original{
  margin:7px 0 0;color:#81796f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;font-style:italic
}
.catalogue-card-meta{
  margin:8px 0 0;color:#756e65;font-size:10px;letter-spacing:.08em;text-transform:uppercase
}
.catalogue-card-price{
  margin:13px 0 0;color:#e2d8ca;
  font-family:Georgia,"Times New Roman",serif;font-size:19px
}
.catalogue-card-stock{
  margin:6px 0 0;color:#c7a667;
  font-size:9px;font-weight:800;letter-spacing:.10em;text-transform:uppercase
}
.catalogue-card-stock.unavailable{color:#8e8277}
.section-link{margin:38px 0 0}
.section-link a,.text-link{color:#d7a84d;text-decoration:none}
.section-link a:hover,.text-link:hover{color:var(--gold2)}
.about-layout{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  gap:clamp(50px,8vw,130px);
  padding:clamp(42px,8vw,110px) 0
}
.about-copy{max-width:760px;padding-top:20px}
.about-copy p{
  margin:0 0 24px;
  color:#c8c0b5;
  font-size:17px;line-height:1.85
}
@media(max-width:980px){
  .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-layout{grid-template-columns:1fr;gap:32px}
}
@media(max-width:620px){
  .site-page{padding:30px 18px 72px}
  .home-hero,.page-intro{padding:34px 0 58px}
  .catalogue-grid{grid-template-columns:1fr}
  .page-actions{display:grid}
  .page-button{text-align:center}
}


/* C9.1 — Design restoration + premium pass */
:root{
  --display-serif:"Iowan Old Style","Baskerville","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
  --ui-sans:"Avenir Next","Segoe UI",Arial,sans-serif;
  --ink:#050403;--paper2:#f5f0e7;--gold-soft:#d7a947;
}
body{font-family:var(--ui-sans);font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,.catalogue-card h2,.product-card h2,.cart-line-copy h2,.cart-price,.cart-summary strong{font-family:var(--display-serif);letter-spacing:-.018em}
h1{font-weight:400}
.premium-header{background:rgba(5,4,3,.94);position:relative;z-index:30}
.premium-header .brand img{filter:drop-shadow(0 3px 16px rgba(0,0,0,.34))}
.site-header nav a,.language{letter-spacing:.16em;font-size:10px}
.site-header nav a[aria-current="page"]{color:var(--gold2)}

/* Hero restored from V1 concept, rebuilt for SSR V2 */
.home-page{overflow:hidden}
.premium-hero{position:relative;min-height:clamp(610px,68vh,780px);display:grid;grid-template-columns:minmax(390px,38%) 1fr;isolation:isolate;background:#050403;border-bottom:1px solid rgba(255,255,255,.05)}
.premium-hero-media{position:absolute;inset:0 0 0 30%;background:url('/assets/images/site/hero-background.webp') center center/cover no-repeat;background:image-set(url('/assets/images/site/hero-background-960.webp') 1x, url('/assets/images/site/hero-background-1600.webp') 1.5x, url('/assets/images/site/hero-background.webp') 2x) center center/cover no-repeat;filter:grayscale(1) contrast(1.04);opacity:.80;z-index:-3}
.premium-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050403 0%,#050403 31%,rgba(5,4,3,.88) 39%,rgba(5,4,3,.26) 57%,rgba(5,4,3,.08) 78%,rgba(5,4,3,.24) 100%),linear-gradient(0deg,rgba(5,4,3,.35),transparent 35%)}
.premium-hero-copy{grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:54px clamp(28px,4.5vw,76px) 48px;min-height:100%}
.hero-logo-large{width:min(285px,75%);height:auto;margin:0 auto 10px;filter:drop-shadow(0 15px 34px rgba(0,0,0,.3))}
.hero-signature{font-family:"Segoe Script","Snell Roundhand","Brush Script MT",cursive;color:var(--gold2);font-size:clamp(27px,2.4vw,38px);line-height:1;margin:0 0 18px;letter-spacing:.02em}
.hero-rule{width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);margin:0 auto 19px}
.hero-text{max-width:520px;margin:0 auto;color:rgba(245,240,231,.80);font-family:var(--display-serif);font-size:clamp(16px,1.25vw,19px);line-height:1.65}
.hero-actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.hero-subscribe{margin-top:18px;color:#988b78;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-subscribe:hover{color:var(--gold2)}

/* V1-inspired social / quality row */
.home-trust{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.055);background:#080705}
.home-social,.trust-item{min-height:114px;padding:24px clamp(18px,2.1vw,34px);display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.055)}
.home-social{gap:14px;flex-wrap:wrap}.home-social span{width:100%;color:#7f7569;font-size:8px;font-weight:800;letter-spacing:.18em}.home-social a{color:#c9bda9;text-decoration:none;font-size:10px}.home-social a:hover{color:var(--gold2)}
.trust-item{gap:15px}.trust-item:last-child{border-right:0}.trust-icon{color:var(--gold2);font-family:var(--display-serif);font-size:27px;line-height:1}.trust-item strong{display:block;color:#e5ded2;font-size:9px;letter-spacing:.12em}.trust-item small{display:block;margin-top:7px;color:#847b70;font-size:10px;line-height:1.45}

.site-page{width:min(1560px,100%);padding-left:clamp(22px,4vw,66px);padding-right:clamp(22px,4vw,66px)}
.home-featured{padding-top:clamp(70px,8vw,116px)}
.section-heading h2,.home-process-cta h2,.about-record h2{font-family:var(--display-serif);letter-spacing:-.025em}
.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-process-cta{width:min(1420px,calc(100% - 44px));margin:30px auto 100px;padding:44px 0;border-top:1px solid rgba(200,154,71,.22);border-bottom:1px solid rgba(200,154,71,.12);display:flex;align-items:end;justify-content:space-between;gap:34px}.home-process-cta h2{margin:0;font-size:clamp(38px,5vw,64px);font-weight:400}.home-process-cta p:not(.eyebrow){max-width:620px;color:#a99f92;line-height:1.7}

/* Gallery view selector: Classic / Collector restored */
.compact-intro{padding-bottom:44px}.gallery-view-selector{display:flex;align-items:center;gap:9px;margin-top:30px;flex-wrap:wrap}.gallery-view-label{margin-right:5px;color:rgba(240,234,220,.46);font-size:9px;font-weight:700;letter-spacing:.16em}.gallery-view-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(240,234,220,.12);background:transparent;color:rgba(240,234,220,.58);font:800 9px/1 var(--ui-sans);letter-spacing:.13em;cursor:pointer;transition:.22s ease}.gallery-view-btn:hover,.gallery-view-btn.active{border-color:rgba(201,164,92,.55);color:var(--gold2);background:rgba(201,164,92,.045)}.gallery-view-icon{display:grid;width:16px;height:13px;gap:2px}.classic-icon{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.collector-icon{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.gallery-view-icon::before,.gallery-view-icon::after{content:"";border:1px solid currentColor}.classic-icon::before{grid-column:1}.classic-icon::after{grid-column:2/4}.collector-icon::before{grid-column:1}.collector-icon::after{grid-column:2}
#galleryGrid.gallery-view-classic{grid-template-columns:repeat(5,minmax(175px,1fr));gap:30px 22px}#galleryGrid.gallery-view-classic .catalogue-card h2{font-size:clamp(20px,1.5vw,27px)}
#galleryGrid.gallery-view-collector{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 44px;max-width:1160px;margin-left:auto;margin-right:auto}#galleryGrid.gallery-view-collector .catalogue-card-image{background:#050403;border-color:rgba(255,255,255,.045)}#galleryGrid.gallery-view-collector .catalogue-card-image img{object-fit:contain;padding:20px;max-height:650px;margin:auto}#galleryGrid.gallery-view-collector .catalogue-card h2{font-size:clamp(30px,3vw,44px)}#galleryGrid.gallery-view-collector .catalogue-card-copy{padding-top:20px}
#galleryGrid .catalogue-card{transition:opacity .22s ease,transform .22s ease}#galleryGrid.gallery-changing .catalogue-card{opacity:.18;transform:translateY(3px)}

/* More restrained shop */
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px}.shop-grid .catalogue-card{padding-bottom:12px}.shop-grid .catalogue-card-price{font-size:21px}.shop-grid .catalogue-card-image{background:#070605}

/* Process page */
.process-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.07);margin-top:22px}.process-card{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:34px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07)}.process-thumb{position:relative;display:block;background:#080705;overflow:hidden}.process-thumb img{width:100%;height:220px;object-fit:cover;opacity:.82;transition:.3s}.process-thumb:hover img{transform:scale(1.015);opacity:1}.process-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(225,182,95,.65);border-radius:50%;background:rgba(5,4,3,.70);color:var(--gold2);font-size:15px;padding-left:3px}.process-card h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(30px,3vw,46px)}.process-card p:not(.catalogue-card-kicker){color:#81796f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.process-links{display:flex;gap:22px;margin-top:18px}.process-links a{color:#caa458;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}.process-youtube{margin:48px 0 20px}

/* About page with original portrait */
.about-premium{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.15fr);gap:clamp(48px,7vw,112px);align-items:start;padding:clamp(36px,6vw,82px) 0 78px}.about-portrait{margin:0;position:sticky;top:28px}.about-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid rgba(255,255,255,.07);filter:saturate(.88) contrast(1.02)}.about-portrait figcaption{margin-top:12px;color:#70685f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.about-story{padding-top:18px}.about-story h1{font-size:clamp(55px,6.4vw,94px);max-width:750px}.about-story>p{max-width:760px;color:#c6bdb0;font-family:var(--display-serif);font-size:clamp(17px,1.25vw,20px);line-height:1.85}.about-story>p:first-of-type{margin-top:36px}.about-record{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,130px);padding:64px 0 30px;border-top:1px solid rgba(200,154,71,.18)}.about-record h2{font-size:clamp(35px,4vw,54px);font-weight:400;margin:0 0 26px}.about-list{margin:0}.about-list div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.06)}.about-list dt{color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.12em}.about-list dd{margin:0;color:#aaa095;font-size:13px;line-height:1.6}

/* Artwork experience actions and interior view */
.artwork-experience-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.experience-button{appearance:none;border:1px solid rgba(200,154,71,.30);background:transparent;color:#d4b16e;padding:11px 14px;text-decoration:none;font:800 9px/1 var(--ui-sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.experience-button:hover{border-color:rgba(225,182,95,.66);color:var(--gold2);background:rgba(200,154,71,.05)}
body.modal-open{overflow:hidden}.interior-modal[hidden]{display:none}.interior-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.86);backdrop-filter:blur(10px)}.interior-dialog{width:min(1180px,100%);max-height:94vh;overflow:auto;background:#080705;border:1px solid rgba(200,154,71,.32);box-shadow:0 30px 100px rgba(0,0,0,.72);padding:20px}.interior-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:2px 4px 16px}.interior-toolbar h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(24px,3vw,40px)}.interior-toolbar .eyebrow{margin-bottom:4px}.interior-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#eee4d7;font-size:27px;line-height:1;cursor:pointer}.interior-scene{position:relative;aspect-ratio:1359/765;background:url('/assets/images/site/interior-room-clean-v41.webp') center/cover no-repeat;overflow:hidden}.interior-art-frame{position:absolute;left:44.7%;top:18%;width:17.5%;height:48%;display:flex;align-items:center;justify-content:center;padding:4px;background:#f4f0e7;box-shadow:0 12px 25px rgba(0,0,0,.34)}.interior-art-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.interior-note{margin:12px 2px 0;color:#82786d;font-size:10px;line-height:1.5}

/* Refined catalogue typography */
.catalogue-card-copy{padding-top:17px}.catalogue-card-kicker{letter-spacing:.16em}.catalogue-card h2{font-weight:400}.catalogue-card-original{font-family:var(--display-serif)}.page-lead{font-family:var(--display-serif);font-size:clamp(17px,1.4vw,21px)}
.premium-footer{padding:32px clamp(20px,4vw,66px)}.footer-social{display:flex;justify-content:center;gap:20px;margin-bottom:14px}.footer-social a{color:#8f8578;text-decoration:none;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.footer-social a:hover{color:var(--gold2)}

@media(max-width:1280px){#galleryGrid.gallery-view-classic{grid-template-columns:repeat(4,minmax(175px,1fr))}.home-trust{grid-template-columns:1fr 1fr}.home-social,.trust-item{border-bottom:1px solid rgba(255,255,255,.055)}}
@media(max-width:980px){
  .premium-hero{display:block;min-height:720px}.premium-hero-media{inset:0;background-position:58% center;opacity:.64}.premium-hero-shade{background:linear-gradient(180deg,rgba(5,4,3,.15),rgba(5,4,3,.45) 35%,#050403 78%,#050403 100%),linear-gradient(90deg,#050403 0%,rgba(5,4,3,.35) 35%,rgba(5,4,3,.12) 100%)}.premium-hero-copy{min-height:720px;justify-content:flex-end;padding:80px 22px 62px}.hero-logo-large{width:min(250px,62vw)}
  .featured-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#galleryGrid.gallery-view-classic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-premium{grid-template-columns:1fr;gap:34px}.about-portrait{position:relative;top:auto;max-width:560px}.about-record{grid-template-columns:1fr}.process-card{grid-template-columns:260px 1fr}
}
@media(max-width:720px){
  .home-trust{grid-template-columns:1fr}.home-social,.trust-item{border-right:0}.home-process-cta{display:block;padding:34px 0}.home-process-cta .page-button{margin-top:14px}
  .featured-grid,.shop-grid,#galleryGrid.gallery-view-classic,#galleryGrid.gallery-view-collector{grid-template-columns:1fr;gap:32px}.gallery-view-selector{margin-top:24px}.gallery-view-label{width:100%;margin-bottom:3px}#galleryGrid.gallery-view-collector .catalogue-card-image img{padding:10px;max-height:none}
  .process-card{grid-template-columns:1fr;gap:18px}.process-thumb img{height:auto;max-height:430px;object-fit:contain}.process-links{flex-direction:column;gap:12px}
  .about-premium{padding-top:22px}.about-story h1{font-size:clamp(48px,15vw,70px)}.about-story>p{font-size:17px}.about-record{padding-top:42px}.about-list div{grid-template-columns:82px 1fr}
  .interior-modal{padding:8px}.interior-dialog{padding:12px}.interior-scene{aspect-ratio:1359/765}.interior-art-frame{left:44.7%;top:18%;width:17.5%;height:48%;padding:2px}.interior-toolbar h2{font-size:24px}
}


/* ================================================================
   C9.2 — REFERENCE-STYLE HOME
   More editorial / gallery-like, less full-screen V1 banner.
   ================================================================ */

:root{
  --display-serif:
    Didot,
    "Bodoni 72",
    "Bodoni MT",
    "Iowan Old Style",
    Baskerville,
    Georgia,
    "Times New Roman",
    serif;
}

/* Keep the whole home composition intentionally contained on wide screens */
.home-page{
  overflow:hidden;
  padding-top:34px;
}

/* Editorial hero: a framed composition, not a full-width billboard */
.premium-hero{
  width:min(1500px,calc(100% - 72px));
  min-height:610px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(380px,41%) minmax(0,59%);
  overflow:hidden;
  border:1px solid rgba(229,211,177,.10);
  background:#070605;
  box-shadow:0 30px 90px rgba(0,0,0,.26);
}
.premium-hero-media{
  position:absolute;
  inset:0 0 0 41%;
  background-position:center center;
  background-size:cover;
  filter:grayscale(1) contrast(1.03);
  opacity:.88;
}
.premium-hero-shade{
  background:
    linear-gradient(90deg,#070605 0%,#070605 38%,rgba(7,6,5,.92) 44%,rgba(7,6,5,.40) 58%,rgba(7,6,5,.08) 78%,rgba(7,6,5,.18) 100%),
    linear-gradient(0deg,rgba(7,6,5,.22),transparent 38%);
}
.premium-hero-copy{
  grid-column:1;
  align-items:flex-start;
  text-align:left;
  justify-content:center;
  padding:52px clamp(42px,4vw,72px);
}
.hero-logo-large{
  width:154px;
  margin:0 0 12px;
}
.hero-signature{
  margin:0 0 30px;
  font-size:clamp(25px,2vw,33px);
}
.hero-kicker{
  margin:0 0 14px;
  color:var(--gold2);
  font:800 9px/1.2 var(--ui-sans);
  letter-spacing:.23em;
}
.hero-editorial-title{
  max-width:570px;
  margin:0;
  color:#f4eee5;
  font-family:var(--display-serif);
  font-size:clamp(48px,4.5vw,76px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.035em;
}
.hero-rule{
  width:78px;
  margin:25px 0 20px;
}
.hero-text{
  max-width:460px;
  margin:0;
  font-family:var(--display-serif);
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.7;
  color:rgba(245,238,229,.72);
}
.hero-actions{
  justify-content:flex-start;
  margin-top:28px;
}
.hero-subscribe{
  margin-top:17px;
}

/* The trust row is also contained, making the page read like one composition */
.home-trust{
  width:min(1500px,calc(100% - 72px));
  margin:0 auto;
  grid-template-columns:.82fr repeat(3,1fr);
  border-left:1px solid rgba(255,255,255,.045);
  border-right:1px solid rgba(255,255,255,.045);
}
.home-social,.trust-item{
  min-height:92px;
  padding:19px clamp(18px,2vw,30px);
}

/* Genuine brand icons */
.social-brand-wrap{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0
}
.social-brand-label{
  color:#746b61;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
  white-space:nowrap
}
.social-brand-links{
  display:flex;
  gap:8px;
  align-items:center
}
.social-brand{
  width:33px;
  height:33px;
  flex:0 0 33px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 5px 15px rgba(0,0,0,.24);
  transition:transform .18s ease,filter .18s ease
}
.social-brand svg{width:22px;height:22px;display:block}
.social-brand:hover{transform:translateY(-1px);filter:brightness(1.08)}
.social-brand:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.social-brand.instagram{
  background:
    radial-gradient(circle at 30% 108%,#fdf497 0 5%,#fdf497 5%,#fd5949 43%,#d6249f 62%,#285aeb 92%)
}
.social-brand.facebook{background:#1877f2}
.social-brand.youtube{background:#ff0000}

/* Homepage art is now deliberately only a compact teaser */
.home-featured{
  width:min(1280px,calc(100% - 72px));
  padding:72px 0 54px;
  margin:0 auto;
}
.home-featured .section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:26px
}
.home-featured .section-heading h2{
  font-size:clamp(34px,3.2vw,48px);
  margin:0
}
.home-featured .featured-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px
}
.home-featured .catalogue-card-image{
  display:grid;
  place-items:center;
  aspect-ratio:4/3;
  background:#080705;
  border-color:rgba(255,255,255,.055)
}
.home-featured .catalogue-card-image img{
  width:100%;
  height:100%;
  object-fit:contain
}
.home-featured .catalogue-card-copy{padding:11px 1px 0}
.home-featured .catalogue-card-kicker,
.home-featured .catalogue-card-original,
.home-featured .catalogue-card-meta{
  display:none
}
.home-featured .catalogue-card h2{
  font-size:clamp(18px,1.3vw,22px);
  line-height:1.12
}
.home-featured .section-link{
  margin:24px 0 0;
  font-size:10px
}

/* Compact process CTA, consistent with the reference's editorial rhythm */
.home-process-cta{
  width:min(1280px,calc(100% - 72px));
  margin:10px auto 86px;
  padding:34px 0;
}
.home-process-cta h2{
  font-size:clamp(34px,3.4vw,48px)
}

/* Footer brand icons stay restrained */
.premium-footer .social-brand-links{justify-content:center}
.premium-footer .social-brand{
  width:29px;height:29px;flex-basis:29px;border-radius:8px
}
.premium-footer .social-brand svg{width:19px;height:19px}

/* Do not let giant ultrawide screens make the design feel empty */
@media(min-width:1700px){
  .premium-hero,.home-trust{width:min(1480px,calc(100% - 120px))}
  .home-featured,.home-process-cta{width:min(1240px,calc(100% - 120px))}
}

/* Tablet: retain editorial split longer than C9.1 did */
@media(max-width:1100px){
  .premium-hero{
    width:min(980px,calc(100% - 40px));
    grid-template-columns:minmax(350px,46%) 1fr
  }
  .premium-hero-media{inset:0 0 0 46%}
  .premium-hero-shade{
    background:
      linear-gradient(90deg,#070605 0%,#070605 43%,rgba(7,6,5,.87) 51%,rgba(7,6,5,.18) 76%),
      linear-gradient(0deg,rgba(7,6,5,.22),transparent 38%)
  }
  .home-trust{width:min(980px,calc(100% - 40px));grid-template-columns:1fr 1fr}
  .home-featured,.home-process-cta{width:min(940px,calc(100% - 40px))}
}

/* Mobile: visual first, text panel below; no overlay collisions */
@media(max-width:760px){
  .home-page{padding-top:14px}
  .premium-hero{
    width:calc(100% - 24px);
    display:flex;
    flex-direction:column;
    min-height:0
  }
  .premium-hero-media{
    position:relative;
    inset:auto;
    width:100%;
    height:43vh;
    min-height:300px;
    max-height:430px;
    order:1;
    background-position:61% center;
    opacity:.88
  }
  .premium-hero-shade{
    position:absolute;
    inset:0;
    background:
      linear-gradient(0deg,#070605 0%,rgba(7,6,5,.04) 45%,rgba(7,6,5,.08) 100%);
    pointer-events:none
  }
  .premium-hero-copy{
    order:2;
    min-height:0;
    align-items:flex-start;
    text-align:left;
    padding:32px 24px 38px
  }
  .hero-logo-large{width:112px}
  .hero-signature{font-size:27px;margin-bottom:24px}
  .hero-editorial-title{font-size:clamp(42px,13vw,62px)}
  .hero-actions{width:100%;display:grid;grid-template-columns:1fr}
  .hero-actions .page-button{text-align:center}
  .home-trust{width:calc(100% - 24px);grid-template-columns:1fr}
  .home-social,.trust-item{min-height:76px;border-right:0}
  .home-featured{width:calc(100% - 32px);padding:52px 0 42px}
  .home-featured .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .home-featured .catalogue-card h2{font-size:17px}
  .home-process-cta{width:calc(100% - 32px);margin-bottom:62px}
}


/* C9.3 — rotating process video + final home composition polish */
.premium-hero{width:min(1640px,calc(100% - 56px))}
.home-trust{width:min(1640px,calc(100% - 56px))}
.hero-logo-large{width:174px}
.premium-hero-copy{
  padding-left:clamp(46px,4.2vw,82px);
  padding-right:clamp(42px,3.8vw,74px)
}
.home-social .social-brand{
  width:29px;height:29px;flex-basis:29px;border-radius:8px
}
.home-social .social-brand svg{width:19px;height:19px}

.home-featured{width:min(1320px,calc(100% - 64px))}
.featured-heading-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:28px;margin:0 0 22px;padding-bottom:12px;
  border-bottom:1px solid rgba(200,154,71,.17)
}
.featured-heading-row .eyebrow{margin:0}
.featured-all-link{
  color:#c89a47;text-decoration:none;font-size:9px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap
}
.featured-all-link:hover{color:var(--gold2)}
.home-featured .featured-grid{gap:18px}
.home-featured .catalogue-card-image{aspect-ratio:1.45/1}
.home-featured .catalogue-card h2{font-size:clamp(17px,1.2vw,21px)}

.home-process-live{
  width:min(1320px,calc(100% - 64px));
  margin:10px auto 78px;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(200,154,71,.30);
  background:#070605
}
.process-copy{
  padding:clamp(30px,3.4vw,52px);
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(200,154,71,.16);
  background:radial-gradient(circle at 0 0,rgba(200,154,71,.07),transparent 38%),#080705
}
.process-copy h2{
  margin:7px 0 16px;font-family:var(--display-serif);
  font-size:clamp(34px,3.4vw,52px);line-height:1.03;font-weight:400;
  letter-spacing:-.025em
}
.process-copy>p:not(.eyebrow):not(.process-now){
  max-width:390px;margin:0 0 18px;color:#a99f93;line-height:1.68
}
.process-now{display:flex;flex-direction:column;gap:4px;margin:2px 0 12px}
.process-now span{
  color:#70675e;font-size:8px;font-weight:800;
  letter-spacing:.17em;text-transform:uppercase
}
.process-now strong{
  color:#e6ddd0;font-family:var(--display-serif);font-size:20px;font-weight:400
}
.process-controls{display:flex;gap:7px;margin:3px 0 22px}
.process-controls button{
  width:28px;height:3px;padding:0;border:0;border-radius:3px;
  background:rgba(255,255,255,.16);cursor:pointer;
  transition:background .18s ease,width .18s ease
}
.process-controls button.active{width:42px;background:var(--gold2)}
.process-controls button:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.process-copy .page-button{align-self:flex-start}

.process-video-shell{position:relative;min-width:0;background:#000}
.process-video-frame{width:100%;aspect-ratio:16/9;min-height:100%;background:#000}
.process-video-frame iframe{
  display:block;width:100%;height:100%;min-height:100%;border:0;background:#000
}
.process-open-video{
  position:absolute;right:14px;bottom:12px;z-index:3;
  padding:8px 10px;border:1px solid rgba(255,255,255,.20);
  background:rgba(0,0,0,.64);backdrop-filter:blur(8px);
  color:#eee4d7;font-size:8px;font-weight:800;letter-spacing:.12em;
  text-decoration:none;text-transform:uppercase
}
.process-open-video:hover{color:var(--gold2);border-color:rgba(200,154,71,.55)}

@media(min-width:1700px){
  .premium-hero,.home-trust{width:min(1620px,calc(100% - 96px))}
  .home-featured,.home-process-live{width:min(1280px,calc(100% - 96px))}
}
@media(max-width:1100px){
  .premium-hero,.home-trust{width:min(1020px,calc(100% - 32px))}
  .home-featured,.home-process-live{width:min(960px,calc(100% - 32px))}
  .home-process-live{grid-template-columns:1fr 1.4fr}
}
@media(max-width:760px){
  .premium-hero,.home-trust{width:calc(100% - 20px)}
  .hero-logo-large{width:126px}
  .home-featured{width:calc(100% - 28px)}
  .featured-heading-row{align-items:flex-end}
  .featured-all-link{font-size:8px}
  .home-process-live{width:calc(100% - 28px);grid-template-columns:1fr}
  .process-video-shell{order:1}
  .process-copy{
    order:2;border-right:0;border-top:1px solid rgba(200,154,71,.16)
  }
  .process-video-frame,.process-video-frame iframe{
    min-height:0;aspect-ratio:16/9
  }
}


/* ===============================================================
   C9.4 — WIDER HERO / SEO / INFO / PRIVACY
   =============================================================== */

/* Hero now uses the display much more confidently. */
.premium-hero,.home-trust{
  width:min(1900px,calc(100% - 28px));
}
.premium-hero{
  min-height:660px;
  grid-template-columns:minmax(430px,37%) minmax(0,63%);
}
.premium-hero-media{
  inset:0 0 0 37%;
}
.premium-hero-shade{
  background:
    linear-gradient(90deg,#070605 0%,#070605 34%,rgba(7,6,5,.91) 40%,rgba(7,6,5,.30) 55%,rgba(7,6,5,.04) 80%,rgba(7,6,5,.10) 100%),
    linear-gradient(0deg,rgba(7,6,5,.17),transparent 40%);
}
.premium-hero-copy{
  padding-left:clamp(50px,4.8vw,98px);
  padding-right:clamp(42px,3.8vw,78px);
}

/* Header utilities: language switch and cart are visually separate. */
.premium-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  min-width:235px;
}
.language-switch{
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.14);
  background:#080705;
}
.language-option{
  width:40px;
  height:34px;
  display:grid;
  place-items:center;
  color:#9f978d;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.language-option.active{
  background:#c8a264;
  color:#090806;
}
a.language-option:hover{color:#f2dec0;background:rgba(200,154,71,.09)}
.header-cart{
  min-height:37px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 11px 0 15px;
  border:1px solid rgba(255,255,255,.14);
  color:#ded4c7;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.header-cart:hover{color:var(--gold2);border-color:rgba(200,154,71,.50)}
.header-cart-count{
  width:21px;height:21px;border-radius:50%;
  display:grid;place-items:center;
  background:#f1ede7;color:#080706;font-size:9px;letter-spacing:0;
}

/* Quality row becomes genuinely interactive. */
.trust-info-button{
  appearance:none;
  width:100%;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.trust-info-button:hover{
  background:rgba(200,154,71,.035);
}
.trust-info-button:focus-visible{
  outline:2px solid var(--gold2);
  outline-offset:-3px;
}

/* Reusable premium information modal. */
.modal-lock{overflow:hidden}
.site-modal{
  position:fixed;inset:0;z-index:5000;
  display:none;align-items:center;justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(9px);
}
.site-modal.open{display:flex}
.site-modal-card{
  position:relative;
  width:min(760px,100%);
  max-height:86vh;
  overflow:auto;
  padding:44px 42px 40px;
  border:1px solid rgba(200,154,71,.48);
  background:
    radial-gradient(circle at 5% 0,rgba(200,154,71,.07),transparent 34%),
    #0a0907;
  box-shadow:0 38px 120px rgba(0,0,0,.84);
}
.site-modal-close{
  position:absolute;top:14px;right:14px;
  width:40px;height:40px;
  border:1px solid rgba(255,255,255,.17);
  background:#100f0d;color:#fff;font-size:22px;cursor:pointer;
}
.site-modal-card h2{
  margin:7px 52px 21px 0;
  color:#eee7dd;
  font-family:var(--display-serif);
  font-size:clamp(35px,4.4vw,52px);
  line-height:1.03;
  font-weight:400;
  letter-spacing:-.025em;
}
.site-modal-card p{
  color:#b9afa3;
  font-size:15px;
  line-height:1.78;
}
.site-modal-card strong{color:#e8dfd3}
.quality-modal-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.quality-modal-emblem{
  width:52px;height:52px;display:grid;place-items:center;
  border:1px solid rgba(200,154,71,.43);color:var(--gold2);font-size:24px;
}
.quality-modal-points{
  margin:25px 0;padding:20px 0 20px 24px;
  border-top:1px solid rgba(200,154,71,.14);
  border-bottom:1px solid rgba(200,154,71,.14);
  color:#b9afa3;line-height:1.72;
}
.quality-modal-points li{margin:7px 0}
.quality-modal-foot{color:#d2b371!important;font-family:var(--display-serif);font-size:18px!important}

/* Visible SEO copy: readable content, not a keyword dump. */
.home-seo-copy{
  width:min(1200px,calc(100% - 64px));
  margin:16px auto 92px;
  padding-top:60px;
  border-top:1px solid rgba(200,154,71,.16);
}
.home-seo-inner{max-width:940px;margin:0 auto;text-align:center}
.home-seo-copy h2{
  max-width:900px;margin:8px auto 24px;
  color:#e1bc74;
  font-family:var(--display-serif);
  font-size:clamp(35px,3.5vw,52px);
  font-weight:400;line-height:1.06;letter-spacing:-.025em;
}
.home-seo-copy p:not(.eyebrow){
  max-width:900px;margin:0 auto 17px;
  color:#aaa095;font-size:15px;line-height:1.83;
}
.home-seo-links{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:12px 30px;margin-top:27px;
}
.home-seo-links a{
  color:#c89a47;text-decoration:none;
  font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.home-seo-links a:hover{color:var(--gold2)}

/* Full footer with information access restored. */
.extended-footer{
  padding:0;
  border-top:1px solid rgba(200,154,71,.17);
}
.footer-grid{
  width:min(1420px,calc(100% - 64px));
  margin:0 auto;
  padding:52px 0 42px;
  display:grid;
  grid-template-columns:1.35fr .8fr 1.15fr .8fr;
  gap:54px;
}
.footer-brand-block img{width:92px;height:92px;object-fit:contain;margin-bottom:16px}
.footer-brand-block p{max-width:260px;color:#7f776e;font-family:var(--display-serif);line-height:1.55}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column>strong{
  margin-bottom:7px;color:#8f8478;font-size:8px;letter-spacing:.18em;
}
.footer-column a,.footer-column button{
  padding:0;border:0;background:none;color:#a59b90;text-decoration:none;
  font:inherit;font-size:10px;line-height:1.5;cursor:pointer;text-align:left;
}
.footer-column a:hover,.footer-column button:hover{color:var(--gold2)}
.footer-follow .social-brand-wrap{margin-top:2px}
.footer-bottom{
  width:min(1420px,calc(100% - 64px));
  margin:0 auto;
  padding:20px 0 24px;
  display:flex;justify-content:space-between;gap:20px;
  border-top:1px solid rgba(255,255,255,.055);
}
.footer-bottom p{margin:0;color:#5f5952;font-size:9px;letter-spacing:.05em}

/* Consent is compact, explicit, equal choice. */
.consent-banner{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:4900;
  border:1px solid rgba(200,154,71,.42);
  background:rgba(8,7,5,.97);
  box-shadow:0 22px 80px rgba(0,0,0,.75);
  backdrop-filter:blur(12px);
}
.consent-banner[hidden]{display:none}
.consent-banner-inner{
  width:min(1280px,100%);margin:0 auto;
  padding:19px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:32px;
}
.consent-banner h2{
  margin:2px 0 4px;
  font-family:var(--display-serif);font-size:23px;font-weight:400;
}
.consent-banner p{margin:0;color:#9d948a;font-size:12px;line-height:1.5}
.consent-actions{display:flex;gap:9px;flex-wrap:wrap}
.consent-button{
  min-height:38px;padding:0 15px;
  border:1px solid rgba(255,255,255,.18);background:#0b0a08;color:#d6cec3;
  font-size:8px;font-weight:800;letter-spacing:.11em;cursor:pointer;
}
.consent-button.primary{border-color:#c89a47;background:#c89a47;color:#080705}
.consent-button:hover{border-color:var(--gold2)}
.consent-status{
  margin:24px 0;padding:15px 16px;
  display:flex;justify-content:space-between;gap:20px;
  border:1px solid rgba(255,255,255,.08);color:#bdb3a7;
}
.footer-consent-open{margin-top:12px}

/* Keep non-hero content a little narrower than the hero. */
.home-featured,.home-process-live{width:min(1420px,calc(100% - 64px))}

@media(max-width:1100px){
  .premium-hero,.home-trust{width:calc(100% - 22px)}
  .premium-hero{grid-template-columns:minmax(360px,43%) 1fr}
  .premium-hero-media{inset:0 0 0 43%}
  .premium-header-actions{min-width:0;gap:12px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 50px}
}
@media(max-width:900px){
  .premium-header-actions{grid-column:2;grid-row:1;gap:8px}
  .language-option{width:34px;height:32px}
  .header-cart{min-height:34px;padding-left:10px}
}
@media(max-width:760px){
  .premium-hero,.home-trust{width:calc(100% - 14px)}
  .premium-hero{display:flex;min-height:0}
  .premium-hero-media{position:relative;inset:auto}
  .home-seo-copy{width:calc(100% - 30px);padding-top:46px;margin-bottom:66px}
  .home-seo-inner{text-align:left}
  .home-seo-copy h2,.home-seo-copy p:not(.eyebrow){margin-left:0;margin-right:0}
  .home-seo-links{justify-content:flex-start;flex-direction:column;gap:11px}
  .footer-grid{width:calc(100% - 34px);grid-template-columns:1fr 1fr;gap:32px 24px}
  .footer-brand-block{grid-column:1/-1}
  .footer-bottom{width:calc(100% - 34px);flex-direction:column;gap:7px}
  .consent-banner{left:8px;right:8px;bottom:8px}
  .consent-banner-inner{padding:17px;flex-direction:column;align-items:stretch;gap:16px}
  .consent-actions{display:grid;grid-template-columns:1fr}
  .site-modal{padding:12px}
  .site-modal-card{padding:34px 23px 28px}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand-block{grid-column:auto}
  .premium-header-actions{gap:6px}
  .header-cart{gap:6px;padding:0 7px 0 9px}
}

/* ===============================================================
   C9.5 — HOME RHYTHM / SOCIAL HEADER REFINEMENT
   Design-only override. Commerce, inventory, routing and SEO untouched.
   =============================================================== */

/* Social links live once, quietly, beside the language/cart utilities. */
.header-social .social-brand-wrap{gap:0}
.header-social .social-brand-links{gap:5px}
.header-social .social-brand{
  width:28px;height:28px;flex-basis:28px;border-radius:0;
  border:1px solid rgba(255,255,255,.10);
  background:transparent!important;
  color:#8f867a!important;
  box-shadow:none;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease
}
.header-social .social-brand svg{width:16px;height:16px}
.header-social .social-brand:hover{
  transform:none;filter:none;color:var(--gold2)!important;
  border-color:rgba(200,154,71,.44);background:rgba(200,154,71,.035)!important
}

/* With social duplication removed, the quality strip becomes calmer and balanced. */
.home-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
.trust-item{min-height:88px;background:#080705}

/* More editorial breathing room between the main homepage chapters. */
.home-featured{
  padding-top:clamp(82px,8vw,116px);
  padding-bottom:68px
}
.home-process-live{
  width:min(1240px,calc(100% - 72px));
  margin:24px auto 96px;
  grid-template-columns:minmax(250px,.78fr) minmax(0,1.42fr)
}
.process-copy{padding:clamp(28px,2.8vw,44px)}
.process-copy h2{font-size:clamp(31px,3vw,46px);margin-bottom:14px}
.process-copy>p:not(.eyebrow):not(.process-now){margin-bottom:16px}
.process-controls{margin-bottom:19px}
.home-seo-copy{margin-top:0;margin-bottom:100px;padding-top:66px}

/* Footer is information-focused now; social links are intentionally not duplicated. */
.footer-grid{grid-template-columns:1.3fr .82fr 1.18fr;gap:64px}

@media(max-width:1100px){
  .premium-header-actions{gap:10px}
  .home-process-live{
    width:min(960px,calc(100% - 40px));
    grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr)
  }
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 50px}
}

@media(max-width:760px){
  .header-social .social-brand-links{gap:3px}
  .header-social .social-brand{width:25px;height:25px;flex-basis:25px}
  .header-social .social-brand svg{width:14px;height:14px}
  .home-trust{grid-template-columns:1fr}
  .trust-item{min-height:82px;border-right:0}
  .home-featured{padding-top:72px;padding-bottom:58px}
  .home-process-live{
    width:calc(100% - 28px);
    margin:18px auto 80px;
    grid-template-columns:1fr
  }
  .process-copy{padding:30px 25px 32px}
  .home-seo-copy{padding-top:54px;margin-bottom:76px}
}

@media(max-width:380px){
  .premium-header-actions{gap:4px}
  .header-social .social-brand{width:23px;height:23px;flex-basis:23px}
  .language-option{width:30px}
  .header-cart{padding-left:7px;padding-right:6px}
}


/* ===============================================================
   C9.5.1 — MEDIA / CLICK-TO-PLAY / FOOTER READABILITY
   Presentation-only override. Commerce, inventory, routing and SEO untouched.
   =============================================================== */

/* Restore recognisable brand colours while keeping the compact header placement. */
.header-social .social-brand{
  border:0;
  border-radius:7px;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.24);
}
.header-social .social-brand.instagram{
  background:radial-gradient(circle at 30% 108%,#fdf497 0 5%,#fdf497 5%,#fd5949 43%,#d6249f 62%,#285aeb 92%)!important;
}
.header-social .social-brand.facebook{background:#1877f2!important}
.header-social .social-brand.youtube{background:#ff0000!important}
.header-social .social-brand:hover{
  transform:translateY(-1px);filter:brightness(1.08);
  color:#fff!important;border-color:transparent;
  background-color:initial;
}

/* Homepage process films are previews only until the visitor explicitly presses Play. */
.process-video-frame{position:relative;overflow:hidden}
.process-video-preview{
  position:relative;display:block;width:100%;height:100%;min-height:100%;
  padding:0;border:0;background:#000;cursor:pointer;overflow:hidden;
}
.process-video-preview[hidden]{display:none}
.process-video-preview img{
  display:block;width:100%;height:100%;min-height:100%;object-fit:cover;
  filter:brightness(.76) saturate(.88);transform:scale(1.006);
  transition:filter .22s ease,transform .35s ease;
}
.process-video-preview-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18) 54%,rgba(0,0,0,.42));
  pointer-events:none;
}
.process-video-play{
  position:absolute;left:50%;top:50%;width:68px;height:68px;
  transform:translate(-50%,-50%);border-radius:50%;
  border:1px solid rgba(255,255,255,.72);background:rgba(5,5,5,.62);
  box-shadow:0 10px 36px rgba(0,0,0,.34);backdrop-filter:blur(5px);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.process-video-play::after{
  content:"";position:absolute;left:28px;top:22px;
  border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;
}
.process-video-play-label{
  position:absolute;left:50%;top:calc(50% + 51px);transform:translateX(-50%);
  color:#f0e8dc;font-size:8px;font-weight:800;letter-spacing:.16em;white-space:nowrap;
}
.process-video-preview:hover img{filter:brightness(.83) saturate(.94);transform:scale(1.018)}
.process-video-preview:hover .process-video-play{
  transform:translate(-50%,-50%) scale(1.045);
  border-color:rgba(216,178,103,.92);background:rgba(14,11,7,.74)
}
.process-video-preview:focus-visible{outline:2px solid var(--gold2);outline-offset:-4px}
.process-video-frame iframe[data-process-player]{
  display:block;width:100%;height:100%;min-height:100%;border:0;background:#000
}

/* The information footer should be comfortably readable from the outset. */
.footer-column>strong{font-size:9px}
.footer-column a,.footer-column button{font-size:11.5px;line-height:1.58}
.footer-bottom p{font-size:10px;line-height:1.5}

@media(max-width:760px){
  .process-video-play{width:58px;height:58px}
  .process-video-play::after{left:24px;top:19px;border-left-width:14px;border-top-width:10px;border-bottom-width:10px}
  .process-video-play-label{top:calc(50% + 44px)}
  .footer-column a,.footer-column button{font-size:12px}
}


/* C9.5.2 — HOMEPAGE FEATURED PREMIUM CARDS */
.home-featured .featured-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-featured .featured-premium-card{
  background:#050403;
  border:1px solid rgba(200,154,71,.16);
}
.home-featured .featured-premium-card:hover{
  border-color:rgba(200,154,71,.30);
}
.home-featured .featured-premium-card .catalogue-card-image{
  aspect-ratio:1.18/1;
  background:#090806;
  border:0;
  border-bottom:1px solid rgba(200,154,71,.14);
}
.home-featured .featured-premium-card .catalogue-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.home-featured .featured-premium-copy{
  padding:14px 14px 13px;
  background:#050403;
}
.home-featured .featured-premium-copy h2{
  margin:0 0 8px;
  font-size:clamp(17px,1.28vw,22px);
  line-height:1.1;
}
.home-featured .featured-premium-meta-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
}
.home-featured .featured-premium-availability,
.home-featured .featured-premium-price{
  margin:0;
}
.home-featured .featured-premium-availability{
  color:#cfc7bb;
  font-size:10px;
  letter-spacing:.03em;
  line-height:1.3;
}
.home-featured .featured-premium-price{
  color:var(--gold2);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
}
@media(max-width:980px){
  .home-featured .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-featured .featured-grid{grid-template-columns:1fr;gap:16px}
  .home-featured .featured-premium-copy{padding:13px 13px 12px}
  .home-featured .featured-premium-meta-row{gap:10px;align-items:flex-end}
  .home-featured .featured-premium-price{font-size:13px}
}


/* C9.5.3 — SOFTEN TRUST STRIP / REMOVE WHITE LINES */
.home-trust{
  border-bottom:0;
  background:transparent;
  gap:14px;
}
.home-social,.trust-item{
  border-right:0;
  border-bottom:0;
}
.trust-item{
  background:#080705;
}
@media(max-width:1280px){
  .home-social,.trust-item{border-bottom:0}
}
@media(max-width:760px){
  .home-trust{gap:10px}
}


/* C9.5.4 — GOLD FRAMES FOR HOMEPAGE TRUST CARDS */
.home-trust{
  border:0;
}
.home-trust .trust-item{
  border:1px solid rgba(200,154,71,.30);
  background:#080705;
}
.home-trust .trust-item:last-child{
  border-right:1px solid rgba(200,154,71,.30);
}
.home-trust .trust-info-button:hover{
  border-color:rgba(200,154,71,.46);
  background:rgba(200,154,71,.035);
}
@media(max-width:1280px){
  .home-trust .trust-item{border:1px solid rgba(200,154,71,.30)}
}
@media(max-width:760px){
  .home-trust .trust-item{border:1px solid rgba(200,154,71,.30)}
}


/* C9.5.6 — COMPLETE GOLD FRAME FOR ABOUT-THE-ART HOMEPAGE BLOCK */
.home-seo-copy{
  border:1px solid rgba(200,154,71,.18);
  padding:clamp(54px,5vw,72px) clamp(26px,5vw,72px) clamp(56px,5vw,72px);
}
@media(max-width:760px){
  .home-seo-copy{
    width:calc(100% - 30px);
    padding:44px 22px 46px;
  }
}


/* ===============================================================
   C9.5.7 — FIRST SCREEN / COMPACT CONSENT RAIL
   V2 presentation-only override. Consent behaviour is unchanged.
   =============================================================== */

/* Keep the first visit privacy choice visible without covering the hero. */
.consent-banner{
  left:0;
  right:0;
  bottom:0;
  border:0;
  border-top:1px solid rgba(200,154,71,.34);
  background:rgba(8,7,5,.965);
  box-shadow:0 -12px 34px rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
}
.consent-banner-inner{
  width:min(1480px,calc(100% - 36px));
  min-height:58px;
  padding:8px 0;
  gap:24px;
}
.consent-banner-inner>div:first-child{
  display:flex;
  align-items:baseline;
  gap:14px;
  min-width:0;
}
.consent-banner .eyebrow,
.consent-banner h2{
  display:none;
}
.consent-banner p{
  color:#a9a095;
  font-size:10.5px;
  line-height:1.35;
}
.consent-banner .consent-actions{
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:8px;
}
.consent-banner .consent-button{
  min-height:34px;
  padding:0 13px;
  white-space:nowrap;
  font-size:7.5px;
}

/* Mobile keeps the same V2 header architecture, but trims vertical overhead. */
@media(max-width:900px){
  .site-header{
    gap:7px 14px;
    padding-top:10px;
    padding-bottom:9px;
  }
  .site-header nav{
    gap:18px;
    padding-top:5px;
    padding-bottom:0;
  }
}

@media(max-width:760px){
  .consent-banner{
    left:0;
    right:0;
    bottom:0;
  }
  .consent-banner-inner{
    width:calc(100% - 20px);
    min-height:0;
    padding:8px 0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
  }
  .consent-banner-inner>div:first-child{
    display:block;
  }
  .consent-banner p{
    font-size:9px;
    line-height:1.3;
  }
  .consent-banner .consent-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
  }
  .consent-banner .consent-button{
    min-height:29px;
    padding:0 8px;
    font-size:6.8px;
    letter-spacing:.08em;
  }
}

@media(max-width:520px){
  .site-header{
    padding-left:12px;
    padding-right:12px;
  }
  .brand img{width:52px;height:52px}
  .site-header nav a,.language{font-size:9px}
  .site-header nav{gap:15px}
  .consent-banner-inner{
    width:calc(100% - 14px);
    grid-template-columns:minmax(0,1fr) 118px;
    gap:7px;
  }
  .consent-banner p{font-size:8.5px}
}


/* ===============================================================
   C9.5.8 — MOBILE FIRST SCREEN / HERO SAFE AREA / CLEAN STAGING UI
   V2 presentation-only override. No consent, commerce, routing,
   indexing or Stripe-mode logic changed.
   =============================================================== */

/* Remove only visual staging/test badges when present. The staging domain,
   noindex policy and Stripe TEST safeguards remain untouched. */
body > .test-site,
body > .test-site-badge,
body > .test-site-label,
body > .staging-badge,
body > .staging-label,
body > [class*="test-site"],
body > [class*="test_site"],
body > [class*="test"][class*="badge"],
body > [class*="stage"][class*="badge"],
body > [id*="test-site"],
body > [id*="test_site"],
body > [id*="test"][id*="badge"],
body > [data-test-site],
body > [data-staging-badge]{display:none!important}

/* Desktop: leave a deliberate safe zone above the compact privacy rail. */
@media(min-width:761px){
  .premium-hero-copy{
    padding-bottom:clamp(92px,6.4vw,112px);
  }
}

/* Mobile: message first, artwork second. Keep the existing V2 header
   architecture, but reduce its vertical footprint. */
@media(max-width:760px){
  .site-header{
    min-height:0;
    gap:4px 10px;
    padding:7px 10px 5px;
  }
  .brand img{width:44px;height:44px}
  .site-header nav{
    gap:14px;
    padding:3px 0 1px;
  }
  .site-header nav a{font-size:8.5px;letter-spacing:.13em}
  .premium-header-actions{gap:5px}
  .language-option{width:29px;height:27px;font-size:8px}
  .header-cart{min-height:29px;padding:0 6px 0 8px;gap:6px;font-size:8px}
  .header-cart-count{width:18px;height:18px;font-size:8px}
  .header-social .social-brand-links{gap:2px}
  .header-social .social-brand{width:23px;height:23px;flex-basis:23px}
  .header-social .social-brand svg{width:13px;height:13px}

  .home-page{padding-top:7px}
  .premium-hero{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .premium-hero-copy{
    order:1;
    min-height:0;
    align-items:flex-start;
    text-align:left;
    padding:20px 19px 18px;
  }
  .premium-hero-media{
    order:2;
    position:relative;
    inset:auto;
    width:100%;
    height:clamp(190px,31vh,260px);
    min-height:190px;
    max-height:260px;
    background-position:61% center;
    opacity:.90;
  }
  .premium-hero-shade{
    background:linear-gradient(0deg,rgba(7,6,5,.28) 0%,rgba(7,6,5,.02) 42%,rgba(7,6,5,.04) 100%);
  }
  .hero-logo-large{display:none}
  .hero-signature{
    margin:0 0 11px;
    font-size:19px;
    line-height:1.05;
  }
  .hero-kicker{
    margin:0 0 8px;
    font-size:7.5px;
    letter-spacing:.20em;
  }
  .hero-editorial-title{
    max-width:430px;
    font-size:clamp(36px,10.8vw,48px);
    line-height:.94;
  }
  .hero-rule{width:54px;margin:14px 0 12px}
  .hero-text{
    max-width:460px;
    font-size:13.5px;
    line-height:1.45;
  }
  .hero-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:15px;
  }
  .hero-actions .page-button{
    padding:11px 8px;
    font-size:7.6px;
    letter-spacing:.08em;
    line-height:1.25;
    text-align:center;
  }
  .hero-subscribe{margin-top:10px;font-size:7.5px}

  /* Preserve equal consent choices while making the rail shallow enough
     that H1 and a primary CTA remain visible on first screen. */
  .consent-banner-inner{
    width:calc(100% - 14px);
    min-height:0;
    padding:5px 0 6px;
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
  }
  .consent-banner-inner>div:first-child{display:block;text-align:center}
  .consent-banner p{
    font-size:8px;
    line-height:1.2;
    white-space:normal;
  }
  .consent-banner .consent-actions{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);
    gap:5px;
  }
  .consent-banner .consent-button{
    min-height:27px;
    padding:0 6px;
    font-size:6.2px;
    letter-spacing:.065em;
    line-height:1.1;
  }
}

@media(max-width:380px){
  .site-header{padding-left:8px;padding-right:8px}
  .brand img{width:41px;height:41px}
  .site-header nav{gap:12px}
  .site-header nav a{font-size:8px}
  .header-social .social-brand{width:21px;height:21px;flex-basis:21px}
  .language-option{width:27px}
  .header-cart{padding-left:6px;padding-right:5px}
  .premium-hero-copy{padding-left:16px;padding-right:16px}
  .hero-editorial-title{font-size:clamp(34px,10.4vw,42px)}
  .hero-actions .page-button{font-size:7px;padding-left:5px;padding-right:5px}
  .consent-banner p{font-size:7.5px}
  .consent-banner .consent-button{font-size:5.9px}
}


/* ===============================================================
   C9.5.9 — DESKTOP CTA CLEARANCE / NAV READABILITY
   V2 presentation-only override. Mobile first-screen layout is
   intentionally unchanged from C9.5.8.
   =============================================================== */
@media(min-width:901px){
  .site-header nav{
    gap:34px;
  }
  .site-header nav a{
    font-size:11px;
    letter-spacing:.17em;
  }
}

/* Give the fixed consent rail a little more visual clearance on desktop.
   This shifts the hero copy upward without changing hero/header height. */
@media(min-width:761px){
  .premium-hero-copy{
    padding-bottom:clamp(132px,8.2vw,152px);
  }
}


/* ===============================================================
   C9.5.10 — FINAL DESKTOP CTA / CONSENT-AWARE HERO SAFE AREA
   V2 presentation-only state. Consent behaviour itself is unchanged.
   =============================================================== */

/* C9.5.9 used increasingly large bottom padding. Because the hero is
   overflow:hidden, that could clip the bottom of the copy at shorter
   desktop viewports. Reset to the normal hero padding and move the
   complete copy block upward only while a privacy choice is pending. */
@media(min-width:761px){
  .premium-hero-copy{
    padding-bottom:52px;
    transform:none;
    transition:transform .18s ease;
  }
  body.consent-choice-pending .premium-hero-copy{
    transform:translateY(-58px);
  }
}

/* On 1920×900-class and shorter desktop viewports, add a little more
   guaranteed clearance above the fixed privacy rail. */
@media(min-width:901px) and (max-height:950px){
  body.consent-choice-pending .premium-hero-copy{
    transform:translateY(-72px);
  }
}

/* C9.5.8 mobile first-screen layout remains exactly authoritative. */
@media(max-width:760px){
  .premium-hero-copy,
  body.consent-choice-pending .premium-hero-copy{
    transform:none;
  }
}


/* ===============================================================
   C9.5.11 — SHOP SALES CARDS / HOMEPAGE READABILITY
   V2 presentation + existing cart contract only. No inventory,
   order, Stripe, routing or SEO authority is changed here.
   =============================================================== */

/* /butikk/: keep V2 calmness, but make each sellable work a real sales card. */
.shop-grid{align-items:stretch}
.shop-grid .shop-sales-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(200,154,71,.20);
  background:#080705;
  transition:border-color .18s ease,transform .18s ease;
}
.shop-grid .shop-sales-card:hover{
  border-color:rgba(200,154,71,.36);
  transform:translateY(-1px);
}
.shop-grid .shop-sales-card .catalogue-card-image{
  display:grid;
  place-items:center;
  aspect-ratio:1.18/1;
  padding:16px;
  background:#090806;
  border:0;
  border-bottom:1px solid rgba(200,154,71,.15);
}
.shop-grid .shop-sales-card .catalogue-card-image img{
  width:100%;height:100%;
  object-fit:contain;
  object-position:center;
}
.shop-grid .shop-sales-copy{
  padding:19px 18px 18px;
  display:flex;
  flex:1;
  flex-direction:column;
}
.shop-grid .shop-sales-copy .catalogue-card-kicker{font-size:10.5px;line-height:1.35}
.shop-grid .shop-sales-copy h2{
  margin:5px 0 3px;
  font-size:clamp(25px,2vw,32px);
  line-height:1.08;
}
.shop-card-local-title{
  margin:1px 0 13px;
  color:#b78937;
  font-family:var(--display-serif);
  font-size:16px;
  line-height:1.25;
}
.shop-grid .shop-sales-copy .catalogue-card-meta{
  margin:0;
  color:#c9c0b4;
  font-size:13px;
  line-height:1.55;
}
.shop-card-purchase{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  flex:1;
}
.shop-card-product-label{
  margin:0 0 6px;
  color:#ede3d4;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
.shop-card-stock-detail{
  margin:0;
  color:#c9c0b4;
  font-size:12px;
  line-height:1.55;
}
.shop-card-stock-detail.unavailable{color:#94877a}
.shop-grid .shop-card-price{
  margin:12px 0 17px;
  color:var(--gold2);
  font-family:var(--display-serif);
  font-size:23px;
  line-height:1;
}
.shop-card-cart-form{margin:auto 0 0}
.shop-card-cart-button{
  width:100%;
  min-height:48px;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border:1px solid #d5a649;
  background:linear-gradient(180deg,#e6bd68,#c79235);
  color:#090704;
  text-decoration:none;
  font:800 11px/1.25 var(--ui-sans);
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
}
.shop-card-cart-button:hover{filter:brightness(1.06)}
.shop-card-cart-button.secondary{
  background:transparent;
  color:var(--gold2);
}
.shop-card-cart-button:disabled{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
  color:#766f66;
  cursor:not-allowed;
  filter:none;
}

/* Homepage: increase small text, not the already-large editorial headings. */
.home-page .hero-kicker{font-size:10px}
.home-page .page-button{font-size:11px;line-height:1.25}
.home-page .hero-subscribe{font-size:10px;line-height:1.45}
.home-trust .trust-item strong{font-size:11px;line-height:1.35}
.home-trust .trust-item small{font-size:11.5px;line-height:1.5}
.home-featured .featured-heading-row .eyebrow{font-size:11px}
.home-featured .featured-all-link{font-size:10.5px}
.home-featured .featured-premium-copy h2{font-size:clamp(20px,1.45vw,24px)}
.home-featured .featured-premium-availability{font-size:12px;line-height:1.45}
.home-featured .featured-premium-price{font-size:16px}
.home-process-live .process-copy>p:not(.eyebrow):not(.process-now){font-size:16px;line-height:1.72}
.home-process-live .process-now span{font-size:10px}
.home-process-live .process-now strong{font-size:22px}
.home-process-live .process-open-video{font-size:10px}
.home-seo-copy p:not(.eyebrow){font-size:17px;line-height:1.78}
.home-seo-links a{font-size:11px;line-height:1.45}
.footer-column>strong{font-size:10.5px}
.footer-column a,.footer-column button{font-size:12.5px;line-height:1.62}
.footer-bottom p{font-size:11px;line-height:1.55}

@media(max-width:760px){
  /* Preserve the approved message-first mobile composition while making
     its small labels materially easier to read. */
  .site-header nav a{font-size:9.5px;letter-spacing:.11em}
  .language-option,.header-cart{font-size:9px}
  .home-page .hero-kicker{font-size:9px}
  .home-page .hero-text{font-size:14.5px;line-height:1.48}
  .home-page .hero-actions .page-button{font-size:9.2px;letter-spacing:.055em}
  .home-page .hero-subscribe{font-size:9px}
  .home-trust .trust-item strong{font-size:10.5px}
  .home-trust .trust-item small{font-size:11px}
  .home-featured .featured-premium-copy h2{font-size:19px}
  .home-featured .featured-premium-availability{font-size:11.5px}
  .home-featured .featured-premium-price{font-size:15px}
  .home-seo-copy p:not(.eyebrow){font-size:16px;line-height:1.72}
  .home-seo-links a{font-size:10.5px}
  .footer-column>strong{font-size:10.5px}
  .footer-column a,.footer-column button{font-size:12.5px}
  .footer-bottom p{font-size:11px}
  .consent-banner p{font-size:9.5px}
  .consent-banner .consent-button{font-size:8.2px;letter-spacing:.045em}

  .shop-grid .shop-sales-card .catalogue-card-image{padding:12px;aspect-ratio:1.12/1}
  .shop-grid .shop-sales-copy{padding:17px 15px 16px}
  .shop-grid .shop-sales-copy .catalogue-card-kicker{font-size:10px}
  .shop-grid .shop-sales-copy h2{font-size:27px}
  .shop-card-local-title{font-size:16px}
  .shop-grid .shop-sales-copy .catalogue-card-meta{font-size:13px}
  .shop-card-product-label{font-size:12px}
  .shop-card-stock-detail{font-size:12px}
  .shop-grid .shop-card-price{font-size:22px}
  .shop-card-cart-button{min-height:48px;font-size:10.5px}
}

@media(max-width:380px){
  .site-header nav a{font-size:9px}
  .home-page .hero-actions .page-button{font-size:8.7px;letter-spacing:.04em}
  .consent-banner .consent-button{font-size:7.8px}
}


/* ===============================================================
   C9.5.12 — SMALL TEXT READABILITY PASS
   Typography-only refinement on top of C9.5.11. Large editorial
   headings and layout dimensions are intentionally unchanged.
   =============================================================== */

/* Homepage: labels, trust copy and supporting navigation should read
   comfortably without losing the restrained editorial hierarchy. */
.home-page .eyebrow{font-size:11.5px;line-height:1.45}
.home-page .hero-kicker{font-size:11.5px}
.home-page .page-button{font-size:12px;line-height:1.3}
.home-page .hero-subscribe{font-size:11px;line-height:1.5}
.home-trust .trust-item strong{font-size:12.5px;line-height:1.4}
.home-trust .trust-item small{font-size:13px;line-height:1.55}
.home-featured .featured-heading-row .eyebrow{font-size:12px}
.home-featured .featured-all-link{font-size:11.5px;line-height:1.45}
.home-featured .featured-premium-availability{font-size:13px;line-height:1.5}
.home-process-live .process-now span{font-size:11.5px;line-height:1.45}
.home-process-live .process-open-video{font-size:11.5px;line-height:1.4}
.home-seo-links a{font-size:12px;line-height:1.5}
.footer-column>strong{font-size:11.5px;line-height:1.4}
.footer-column a,.footer-column button{font-size:13.5px;line-height:1.65}
.footer-bottom p{font-size:12px;line-height:1.6}

/* Shop: preserve the approved C9.5.11 sales-card composition, but make
   the small informational hierarchy easier to scan. */
.shop-grid .shop-sales-copy .catalogue-card-kicker{font-size:11.5px;line-height:1.4}
.shop-grid .shop-sales-copy .catalogue-card-meta{font-size:14px;line-height:1.6}
.shop-card-product-label{font-size:13px;line-height:1.45}
.shop-card-stock-detail{font-size:13px;line-height:1.6}
.shop-card-cart-button{font-size:11.5px;line-height:1.3}

@media(max-width:760px){
  /* Keep C9.5.10's approved message-first mobile geometry. Only type
     size/line-height changes here; no ordering, spacing or hero movement. */
  .home-page .eyebrow{font-size:10.5px}
  .home-page .hero-kicker{font-size:10.5px}
  .home-page .hero-actions .page-button{font-size:10px;line-height:1.25}
  .home-page .hero-subscribe{font-size:10px;line-height:1.45}
  .home-trust .trust-item strong{font-size:11.5px}
  .home-trust .trust-item small{font-size:12px;line-height:1.5}
  .home-featured .featured-premium-availability{font-size:12px}
  .home-process-live .process-now span{font-size:10.5px}
  .home-process-live .process-open-video{font-size:10.5px}
  .home-seo-links a{font-size:11px}
  .footer-column>strong{font-size:11px}
  .footer-column a,.footer-column button{font-size:13px}
  .footer-bottom p{font-size:11.5px}

  .shop-grid .shop-sales-copy .catalogue-card-kicker{font-size:11px}
  .shop-grid .shop-sales-copy .catalogue-card-meta{font-size:13.5px}
  .shop-card-product-label{font-size:12.5px}
  .shop-card-stock-detail{font-size:12.5px}
  .shop-card-cart-button{font-size:11px}
}

@media(max-width:380px){
  .home-page .hero-actions .page-button{font-size:9.5px}
}

/* C9.5.14 — INTERIOR DUAL VIEW / ROOM SCALE + CLOSER VIEWING
   V2-native presentation enhancement. No commerce or inventory behavior. */
.interior-dialog{
  width:min(1280px,100%);
}
.interior-toolbar{
  align-items:flex-start;
}
.interior-subtitle{
  margin:7px 0 0;
  color:#9a8f82;
  font-size:12px;
  line-height:1.5;
}
.interior-scene{
  position:relative;
  isolation:isolate;
}
.interior-art-frame{
  --interior-art-width:var(--interior-room-width,17.5%);
  position:absolute;
  z-index:4;
  left:53.45%;
  top:14%;
  width:var(--interior-art-width);
  height:auto;
  display:block;
  padding:clamp(2px,.28vw,5px);
  background:#111;
  box-shadow:0 10px 24px rgba(0,0,0,.42);
  transform:translateX(-50%);
  transition:width .28s ease,top .28s ease,box-shadow .28s ease;
}
.interior-art-mat{
  padding:6.5%;
  background:#f1ede4;
}
.interior-art-frame img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.interior-modal[data-interior-view="detail"] .interior-art-frame{
  top:9.5%;
  box-shadow:0 14px 34px rgba(0,0,0,.48);
}
.interior-scale-chip{
  position:absolute;
  z-index:6;
  right:24px;
  bottom:18px;
  max-width:280px;
  padding:9px 12px;
  border:1px solid rgba(200,154,71,.18);
  background:rgba(7,6,5,.86);
  color:#c8beb1;
  font-size:11px;
  line-height:1.4;
  backdrop-filter:blur(6px);
}
.interior-view-controls{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(260px,.72fr);
  align-items:center;
  gap:18px;
  margin-top:12px;
  padding:14px 16px;
  border:1px solid rgba(200,154,71,.22);
  background:#0a0907;
}
.interior-control-title{
  color:#a99576;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.interior-view-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.interior-view-option{
  min-height:58px;
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  background:#0b0a08;
  color:#b9afa3;
  text-align:left;
  cursor:pointer;
}
.interior-view-option:hover,
.interior-view-option.active{
  border-color:rgba(200,154,71,.62);
  color:#d9b56a;
  background:rgba(200,154,71,.045);
}
.interior-view-option strong{
  display:block;
  margin-bottom:3px;
  color:inherit;
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.02em;
}
.interior-view-option small{
  display:block;
  color:#8f8579;
  font-size:10px;
  line-height:1.35;
}
.interior-view-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  color:#d2ad58;
  font-size:18px;
  line-height:1;
}
.interior-view-icon.room-icon::before{
  content:'';
  width:13px;
  height:10px;
  border:1px solid currentColor;
  box-shadow:inset 0 0 0 3px #0b0a08;
}
.interior-note{
  max-width:none;
  margin:0;
  color:#81776c;
  font-size:10px;
  line-height:1.55;
}
@media(max-width:760px){
  .interior-dialog{padding:10px}
  .interior-toolbar{padding-bottom:12px}
  .interior-subtitle{font-size:11px}
  .interior-art-frame{left:53.45%;top:13%}
  .interior-modal[data-interior-view="detail"] .interior-art-frame{top:8%}
  .interior-scale-chip{right:8px;bottom:8px;max-width:210px;padding:6px 8px;font-size:9px}
  .interior-view-controls{grid-template-columns:1fr;gap:10px;padding:12px}
  .interior-view-options{grid-template-columns:1fr 1fr}
  .interior-view-option{min-height:54px;padding:8px}
  .interior-view-option strong{font-size:10px}
  .interior-view-option small{font-size:9px}
  .interior-note{font-size:9px}
}
@media(max-width:480px){
  .interior-view-options{grid-template-columns:1fr}
}


/* ===============================================================
   C9.5.15 — HERO BRAND BALANCE / SHOP FIRST-SCREEN DENSITY
   Presentation-only refinement on top of C9.5.14.
   - stronger Spilled Ink hero mark on wide desktop
   - slightly brighter / wider artwork field without losing dark editorial tone
   - newsletter remains readable but clearly secondary
   - /butikk/ reveals purchase information earlier on desktop
   Mobile, gallery, interior, cart, inventory, routing and checkout behavior
   are intentionally unchanged.
   =============================================================== */

/* Wide desktop only: recover some of V1's brand/artwork impact while
   preserving the approved V2 composition and first-screen geometry. */
@media(min-width:1200px){
  .premium-hero{
    grid-template-columns:minmax(430px,36%) minmax(0,64%);
  }
  .premium-hero-media{
    inset:0 0 0 36%;
    opacity:.94;
    filter:grayscale(1) contrast(1.08) brightness(1.05);
  }
  .premium-hero-shade{
    background:
      linear-gradient(90deg,#070605 0%,#070605 33%,rgba(7,6,5,.84) 39%,rgba(7,6,5,.18) 54%,rgba(7,6,5,.02) 82%,rgba(7,6,5,.06) 100%),
      linear-gradient(0deg,rgba(7,6,5,.10),transparent 42%);
  }
  .hero-logo-large{
    width:220px;
    margin-bottom:9px;
  }
  .hero-signature{
    margin-bottom:26px;
  }
  .home-page .hero-subscribe{
    color:rgba(200,154,71,.58);
    font-weight:700;
    opacity:.82;
  }
  .home-page .hero-subscribe:hover{
    color:var(--gold2);
    opacity:1;
  }
}

/* Shop first screen: keep the full artwork via object-fit:contain, but use
   less vertical real estate before title, edition, price and cart action. */
@media(min-width:901px){
  .shop-page{
    padding-top:clamp(30px,4vw,58px);
  }
  .shop-page .page-intro.compact-intro{
    padding-top:clamp(22px,3vw,38px);
    padding-bottom:24px;
  }
  .shop-page .page-intro h1{
    margin-bottom:0;
  }
  .shop-page .page-lead{
    margin-top:18px;
  }
  .shop-page .catalogue-section{
    padding-top:0;
  }
  .shop-grid .shop-sales-card .catalogue-card-image{
    aspect-ratio:1.34/1;
    padding:12px;
  }
  .shop-grid{
    gap:38px 30px;
  }
}


/* ===============================================================
   C9.5.16a — REFINED GOLD TITLES / SHOP CARD FINAL POLISH
   Presentation-only pass on top of C9.5.15.
   - V1-inspired gold identity for entered main sections
   - compact Shop intro and complete artwork presentation
   - stronger sales-card hierarchy without changing commerce
   - layered, restrained CSS-only hover treatment
   =============================================================== */

.gallery-page .page-intro,
.shop-page .page-intro,
.process-page .page-intro{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.gallery-page .page-intro h1,
.shop-page .page-intro h1,
.process-page .page-intro h1{
  width:fit-content;
  max-width:100%;
  margin:9px auto 0;
  color:var(--gold2);
  font-size:clamp(34px,2.8vw,48px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.025em;
}
.gallery-page .page-intro .eyebrow,
.shop-page .page-intro .eyebrow,
.process-page .page-intro .eyebrow{
  color:rgba(225,182,95,.86);
}
.gallery-page .page-intro .page-lead,
.shop-page .page-intro .page-lead,
.process-page .page-intro .page-lead{
  margin-left:auto;
  margin-right:auto;
}
.about-page .about-story h1{color:var(--gold2);font-size:clamp(34px,2.8vw,48px);line-height:1.03;letter-spacing:-.018em}

@media(min-width:901px){
  .shop-page{padding-top:22px}
  .shop-page .page-intro.compact-intro{padding-top:18px;padding-bottom:18px}
  .shop-page .page-lead{margin-top:14px}
  .shop-grid .shop-sales-card .catalogue-card-image{aspect-ratio:1.52/1;padding:10px}
  .shop-grid .shop-sales-copy{padding-top:15px}
  .shop-card-purchase{margin-top:14px;padding-top:13px}
  .shop-grid .shop-card-price{margin:9px 0 13px}
}
.shop-grid .shop-sales-copy h2{font-size:clamp(28px,2.15vw,34px);line-height:1.06}
.shop-card-local-title{font-size:17px;line-height:1.3}
.shop-grid .shop-sales-copy .catalogue-card-meta{font-size:14.5px;line-height:1.62}
.shop-card-product-label{font-size:13.5px;line-height:1.45}
.shop-card-stock-detail{font-size:13.5px;line-height:1.62}
.shop-grid .shop-card-price{font-size:24px}

.catalogue-grid .catalogue-card{
  position:relative;
  transition:transform .34s cubic-bezier(.2,.7,.25,1),box-shadow .34s ease,border-color .34s ease,background-color .34s ease;
}
.catalogue-grid .catalogue-card-image{position:relative;isolation:isolate}
.catalogue-grid .catalogue-card-image::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(145deg,rgba(225,182,95,.10),transparent 34%,transparent 70%,rgba(200,154,71,.06));
  transition:opacity .34s ease;
}
.catalogue-grid .catalogue-card-image img{
  position:relative;z-index:1;
  transition:transform .48s cubic-bezier(.2,.7,.25,1),filter .34s ease,opacity .34s ease;
}
.catalogue-grid .catalogue-card:hover{
  transform:translateY(-4px);
  border-color:rgba(225,182,95,.42);
  box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 0 1px rgba(200,154,71,.05);
}
.catalogue-grid .catalogue-card:hover .catalogue-card-image::after{opacity:1}
.catalogue-grid .catalogue-card:hover .catalogue-card-image img{
  transform:scale(1.018);filter:brightness(1.035) contrast(1.015);opacity:1;
}
.shop-grid .shop-sales-card:hover{
  transform:translateY(-4px);
  border-color:rgba(225,182,95,.44);
  box-shadow:0 20px 54px rgba(0,0,0,.32),0 0 0 1px rgba(200,154,71,.055);
}
.process-thumb{transition:transform .34s cubic-bezier(.2,.7,.25,1),box-shadow .34s ease}
.process-thumb:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.28)}
.process-thumb:hover img{transform:scale(1.018);filter:brightness(1.04) contrast(1.015)}

@media(max-width:760px){
  .gallery-page .page-intro h1,.shop-page .page-intro h1,.process-page .page-intro h1{font-size:clamp(30px,8.5vw,40px)}
  .about-page .about-story h1{font-size:clamp(30px,8.5vw,40px)}
  .shop-grid .shop-sales-copy h2{font-size:27px}
  .shop-card-local-title{font-size:16px}
  .shop-grid .shop-sales-copy .catalogue-card-meta{font-size:13.5px}
  .shop-card-product-label{font-size:12.5px}
  .shop-card-stock-detail{font-size:12.5px}
  .shop-grid .shop-card-price{font-size:22px}
}
@media(hover:none){
  .catalogue-grid .catalogue-card:hover,.shop-grid .shop-sales-card:hover,.process-thumb:hover{transform:none;box-shadow:none}
  .catalogue-grid .catalogue-card:hover .catalogue-card-image img,.process-thumb:hover img{transform:none;filter:none}
}
@media(prefers-reduced-motion:reduce){
  .catalogue-grid .catalogue-card,.catalogue-grid .catalogue-card-image::after,.catalogue-grid .catalogue-card-image img,.process-thumb,.process-thumb img{transition:none!important}
  .catalogue-grid .catalogue-card:hover,.shop-grid .shop-sales-card:hover,.process-thumb:hover,.catalogue-grid .catalogue-card:hover .catalogue-card-image img,.process-thumb:hover img{transform:none!important}
}

/* ===============================================================
   C9.5.16c — SHOP TRUE CONTAIN / CTA MICRO-AIR
   Corrective micro-patch on top of approved C9.5.16a/16b intent.
   - Shop uses the same complete thumb_webp artwork family as Gallery.
   - The image element fills the fixed card viewport; object-fit:contain
     scales the whole artwork inside it instead of letting tall artwork
     overflow and be clipped by the card image wrapper.
   - Hover never scales the Shop artwork.
   - Desktop pending-consent hero CTA keeps the approved 8px air.
   =============================================================== */
.shop-grid .shop-sales-card .catalogue-card-image img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
}
.shop-grid .shop-sales-card:hover .catalogue-card-image img{
  transform:none;
  filter:brightness(1.025) contrast(1.01);
}
@media(min-width:761px){
  body.consent-choice-pending .home-page .hero-actions{margin-bottom:8px}
}

/* ===============================================================
   C9.5.16d — SHOP FRAME FIT / GALLERY HOVER LIFT
   Presentation-only corrective pass on top of C9.5.16c.
   - Shop artwork is absolutely fitted INSIDE the fixed image viewport.
     This removes any residual enlarged/cropped presentation regardless
     of intrinsic image dimensions or earlier width/height rules.
   - Gallery cards get a restrained V1-inspired lift on desktop hover.
   - Touch/mobile and reduced-motion remain static.
   =============================================================== */

/* Robust Shop artwork fitting: the artwork always sits inside the frame. */
.shop-grid .shop-sales-card .catalogue-card-image{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#090806;
}
.shop-grid .shop-sales-card .catalogue-card-image img{
  position:absolute!important;
  inset:10px!important;
  display:block!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;
  max-height:calc(100% - 20px)!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.shop-grid .shop-sales-card:hover .catalogue-card-image img{
  transform:none!important;
  filter:brightness(1.025) contrast(1.01);
}

/* Gallery: quiet physical lift rather than a flashy zoom. */
@media(hover:hover) and (pointer:fine){
  .gallery-page #galleryGrid .catalogue-card{
    transition:transform .38s cubic-bezier(.2,.72,.24,1),box-shadow .38s ease,border-color .38s ease;
  }
  .gallery-page #galleryGrid .catalogue-card:hover{
    transform:translateY(-6px);
    border-color:rgba(225,182,95,.44);
    box-shadow:0 20px 54px rgba(0,0,0,.31),0 0 0 1px rgba(200,154,71,.05);
  }
  .gallery-page #galleryGrid .catalogue-card:hover .catalogue-card-image img{
    transform:scale(1.012);
    filter:brightness(1.025) contrast(1.01);
  }
}
@media(hover:none){
  .gallery-page #galleryGrid .catalogue-card:hover,
  .gallery-page #galleryGrid .catalogue-card:hover .catalogue-card-image img{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .gallery-page #galleryGrid .catalogue-card,
  .gallery-page #galleryGrid .catalogue-card-image img{
    transition:none!important;
  }
  .gallery-page #galleryGrid .catalogue-card:hover,
  .gallery-page #galleryGrid .catalogue-card:hover .catalogue-card-image img{
    transform:none!important;
  }
}


/* ===============================================================
   C9.5.16e — GALLERY HOVER DESKTOP COMPATIBILITY
   Presentation-only corrective micro-patch on top of C9.5.16d.
   Some desktop/touch-capable browsers report hover/pointer media features
   conservatively. Use viewport width + real :hover instead, while keeping
   mobile static and respecting reduced-motion preferences.
   =============================================================== */
@media(min-width:761px){
  .gallery-page #galleryGrid > .catalogue-card{
    transition:transform .38s cubic-bezier(.2,.72,.24,1),box-shadow .38s ease,border-color .38s ease!important;
    will-change:transform;
  }
  .gallery-page #galleryGrid > .catalogue-card:hover{
    position:relative;
    z-index:4;
    transform:translateY(-6px)!important;
    border-color:rgba(225,182,95,.44)!important;
    box-shadow:0 20px 54px rgba(0,0,0,.31),0 0 0 1px rgba(200,154,71,.05)!important;
  }
  .gallery-page #galleryGrid > .catalogue-card:hover .catalogue-card-image img{
    transform:scale(1.012)!important;
    filter:brightness(1.025) contrast(1.01)!important;
  }
}
@media(max-width:760px){
  .gallery-page #galleryGrid > .catalogue-card:hover,
  .gallery-page #galleryGrid > .catalogue-card:hover .catalogue-card-image img{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .gallery-page #galleryGrid > .catalogue-card,
  .gallery-page #galleryGrid > .catalogue-card-image img{
    transition:none!important;
    will-change:auto!important;
  }
  .gallery-page #galleryGrid > .catalogue-card:hover,
  .gallery-page #galleryGrid > .catalogue-card:hover .catalogue-card-image img{
    transform:none!important;
  }
}

/* ===============================================================
   C9.5.16f — GALLERY PHYSICAL LIFT / CLEAR DEPTH
   Presentation-only corrective pass on top of C9.5.16e.
   - The entire Gallery card visibly lifts out of the grid on desktop.
   - Stronger translate + tiny whole-card scale + z-index + depth shadow.
   - The artwork itself is NOT cropped or aggressively zoomed.
   - Moving the pointer to another card naturally returns the first card.
   - Reduced-motion removes the animation, not the visible hover state.
   =============================================================== */
.gallery-page #galleryGrid{
  overflow:visible;
}
@media(min-width:761px){
  .gallery-page #galleryGrid > article.catalogue-card{
    position:relative;
    z-index:1;
    transform-origin:center center;
    overflow:visible;
    transition:
      transform .30s cubic-bezier(.18,.78,.22,1),
      box-shadow .30s ease,
      border-color .30s ease,
      background-color .30s ease!important;
    will-change:transform;
  }
  .gallery-page #galleryGrid > article.catalogue-card:hover{
    z-index:20!important;
    transform:translate3d(0,-14px,0) scale(1.012)!important;
    border-color:rgba(225,182,95,.58)!important;
    box-shadow:
      0 30px 72px rgba(0,0,0,.48),
      0 8px 24px rgba(0,0,0,.32),
      0 0 0 1px rgba(225,182,95,.10)!important;
  }
  .gallery-page #galleryGrid > article.catalogue-card:hover .catalogue-card-image img{
    transform:none!important;
    filter:brightness(1.02) contrast(1.012)!important;
  }
}
@media(max-width:760px){
  .gallery-page #galleryGrid > article.catalogue-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce) and (min-width:761px){
  .gallery-page #galleryGrid > article.catalogue-card{
    transition:none!important;
    will-change:auto!important;
  }
  .gallery-page #galleryGrid > article.catalogue-card:hover{
    transform:translate3d(0,-14px,0) scale(1.012)!important;
  }
}


/* ===============================================================
   C9.5.18 — HOME SEO HEADING REFINEMENT
   Final layout micro-adjustment only.
   Reduce the long "Original pen and ink art by Neringa Zibaite"
   heading so it supports the section instead of dominating it.
   =============================================================== */
.home-seo-copy h2{
  font-size:clamp(33px,3vw,45px);
  line-height:1.08;
}


/* ===============================================================
   C9.6e — PRIVACY RAIL CLEARANCE / EN CONSENT SOURCE CLEANUP
   Temporary first-visit clearance only. Once a privacy choice is made,
   the approved C9.5.18a Gallery and Shop spacing returns unchanged.
   =============================================================== */

/* Mobile Gallery: reclaim first-screen vertical space while the fixed
   privacy rail is present, so the first artwork title is not hidden. */
@media(max-width:760px){
  body.consent-choice-pending .gallery-page{
    padding-top:14px;
    padding-bottom:150px;
  }
  body.consent-choice-pending .gallery-page .page-intro.compact-intro{
    padding-top:14px;
    padding-bottom:16px;
  }
  body.consent-choice-pending .gallery-page .page-lead{
    margin-top:10px;
    line-height:1.55;
  }
  body.consent-choice-pending .gallery-page .gallery-view-selector{
    margin-top:14px;
  }
  body.consent-choice-pending .gallery-page .catalogue-section{
    padding-top:0;
  }
}

/* Desktop Shop on short viewports: compact only the introductory vertical
   rhythm while the privacy rail is visible. Cards, artwork fit, prices and
   purchase controls retain their approved dimensions and hierarchy. */
@media(min-width:901px) and (max-height:950px){
  body.consent-choice-pending .shop-page{
    padding-top:8px;
    padding-bottom:170px;
  }
  body.consent-choice-pending .shop-page .page-intro.compact-intro{
    padding-top:4px;
    padding-bottom:6px;
  }
  body.consent-choice-pending .shop-page .page-lead{
    margin-top:8px;
    line-height:1.55;
  }
  body.consent-choice-pending .shop-page .catalogue-section{
    padding-top:0;
  }
}


/* ===============================================================
   C9.6f — INTERIOR ROOM-SCALE WALL CLEARANCE
   Presentation-only micro-adjustment after manual visual QA.
   Keep physical room-scale width unchanged; raise the artwork on the
   wall so large/tall works do not visually collide with the sofa back.
   Closer/detail view remains unchanged.
   =============================================================== */
@media(min-width:761px){
  .interior-modal[data-interior-view="room"] .interior-art-frame{
    top:6.5%;
  }
}
@media(max-width:760px){
  .interior-modal[data-interior-view="room"] .interior-art-frame{
    top:7.5%;
  }
}


/* ===============================================================
   C9.6g — INTERIOR BOTH VIEWS HIGHER / WALL-SAFE POSITIONING
   Manual visual QA refinement only.
   Keep artwork widths/scales unchanged. Raise both room-scale and
   closer-view presentations so frames read as wall-mounted and never
   visually rest on or float in front of the sofa back.
   =============================================================== */
@media(min-width:761px){
  .interior-modal[data-interior-view="room"] .interior-art-frame{
    top:3.5%;
  }
  .interior-modal[data-interior-view="detail"] .interior-art-frame{
    top:2.5%;
  }
}
@media(max-width:760px){
  .interior-modal[data-interior-view="room"] .interior-art-frame{
    top:5%;
  }
  .interior-modal[data-interior-view="detail"] .interior-art-frame{
    top:4%;
  }
}


/* ===============================================================
   P0 — HERO CTA / SCARCITY / PAYMENT MARKS / STICKY BUY BAR
   Presentation + conversion helpers. Keeps existing C9.x design language.
   =============================================================== */
.hero-micro{
  margin:12px 0 0;
  color:#9a9084;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-actions .page-button.primary{
  background:rgba(200,154,71,.92);
  color:#120e0a;
  border-color:rgba(200,154,71,.95);
}
.hero-actions .page-button.hero-secondary{
  background:transparent;
  color:#e8dfd2;
  border-color:rgba(255,255,255,.28);
}
.featured-premium-availability{
  letter-spacing:.02em;
}
.payment-marks{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}
.payment-marks-label{
  display:block;
  margin-bottom:8px;
  color:var(--gold2,#c89a47);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.payment-marks-list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  align-items:center;
}
.payment-marks-list img,
.payment-marks-list .pay-badge svg{
  display:block;
  height:28px;
  width:auto;
  border-radius:4px;
}
.payment-marks-list .pay-badge{
  display:inline-flex;
  line-height:0;
}
.payment-marks-list li{
  list-style:none;
  margin:0;
  padding:0;
}
.payment-marks-hint{
  margin:8px 0 0;
  color:#8a8278;
  font-size:12px;
  line-height:1.45;
}
.payment-marks--home{
  border-top:0;
  margin:0 auto;
  padding:18px 0 6px;
  max-width:720px;
  text-align:center;
}
.payment-marks--home .payment-marks-list{justify-content:center}
.payment-marks--shop-card{
  margin-top:12px;
}
.payment-marks--cart{
  margin-top:16px;
}
.cart-currency-note{
  margin:8px 0 0;
  color:#9a9084;
  font-size:12px;
}
.home-payment-rail{
  padding-top:4px;
  padding-bottom:8px;
}

/* Sticky buy bar (artwork detail — activates when markup present) */
.artwork-sticky-buy{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:40;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));
  background:rgba(8,7,5,.94);
  border-top:1px solid rgba(200,154,71,.28);
  backdrop-filter:blur(8px);
}
main:has(.artwork-sticky-buy){
  padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));
}
.artwork-sticky-buy .artwork-sticky-meta{
  color:#c6bdb0;
  font-size:13px;
}
.artwork-sticky-buy .shop-card-cart-button,
.artwork-sticky-buy .page-button.primary{
  flex:1 1 auto;
  min-width:min(100%,220px);
}
@media(max-width:760px){
  .hero-actions{gap:10px}
  .hero-actions .page-button{width:100%; text-align:center}
  .payment-marks-list img{height:24px}
}

.product-trust-micro{
  margin:10px 0 14px;
  color:#9a9084;
  font-size:12px;
  line-height:1.5;
}
.product-card .page-button.primary,
.product-card button.page-button.primary{
  width:100%;
}
.payment-marks--artwork{margin-top:14px}


/* P0 cart summary amount */
.cart-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  font-size:16px;
}
.cart-summary-amount,
.cart-summary strong.cart-summary-amount{
  white-space:nowrap;
  word-break:keep-all;
  font-family:var(--display-serif),Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:400;
}
.cart-currency-note{
  margin:10px 0 0;
  color:#cfc6ba;
  font-size:12px;
  line-height:1.5;
}


/* P0 payment marks — copy stacked, icons horizontal */
.payment-marks{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(200,154,71,.18);
  width:100%;
}
.payment-marks-label{
  display:block;
  margin:0 0 10px;
  color:#c89a47;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.payment-marks-copy{
  list-style:none !important;
  margin:0 0 12px;
  padding:0;
}
.payment-marks-copy li{
  list-style:none !important;
  margin:0;
  padding:0;
  color:#f3eee5;
  font-size:12px;
  line-height:1.55;
}
.payment-marks-copy li::marker{content:none}
.payment-marks-list{
  list-style:none !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  align-items:center;
}
.payment-marks-list li{
  list-style:none !important;
  display:inline-flex !important;
  margin:0;
  padding:0;
}
.payment-marks-list li::before,
.payment-marks-list li::marker{
  content:none !important;
  display:none !important;
}
.payment-marks-list .pay-badge{
  display:inline-flex;
  line-height:0;
}
.payment-marks-list .pay-badge svg{
  display:block;
  height:34px;
  width:auto;
}
.payment-marks-hint{display:none}
.payment-marks--shop-card,
.payment-marks--artwork,
.payment-marks--cart{
  margin-top:14px;
}

/* Shop page: one payment rail under the grid (not per card) */
.payment-marks--shop{
  margin:32px auto 8px;
  padding:20px 16px 8px;
  border-top:1px solid rgba(200,154,71,.22);
  max-width:560px;
  text-align:center;
  width:100%;
  box-sizing:border-box;
}
.payment-marks--shop .payment-marks-label{
  margin-bottom:8px;
}
.payment-marks--shop .payment-marks-copy{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:4px 12px;
  margin:0 0 14px;
}
.payment-marks--shop .payment-marks-copy li{
  display:inline;
  color:#cfc6ba;
  font-size:12px;
}
.payment-marks--shop .payment-marks-copy li:not(:last-child)::after{
  content:" ·";
  color:#8a8278;
}
.payment-marks--shop .payment-marks-list{
  justify-content:center !important;
  flex-direction:row !important;
}

@media(max-width:760px){
  .payment-marks-list .pay-badge svg{height:30px}
}


/* P0 newsletter — on-site Brevo signup */
.newsletter-card{
  margin-top:18px;
  width:min(420px,100%);
}
.newsletter-card--hero{margin-left:auto;margin-right:auto}
.newsletter-card--footer{margin-top:16px;width:100%;max-width:420px}
.newsletter-signup{margin:0;padding:0;border:0;width:100%}
.newsletter-form-fields{
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  align-items:stretch;
  width:100% !important;
}
.newsletter-card .newsletter-input,
.newsletter-input{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-height:50px !important;
  height:50px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid rgba(243,238,229,.55) !important; /* lighter/whiter frame */
  border-radius:0 !important;
  background:#0a0907 !important;
  color:#f3eee5 !important;
  font-size:14px !important;
  line-height:1.3 !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.newsletter-card .newsletter-input::placeholder{
  color:#d5cdc2 !important; /* whiter placeholder */
  opacity:1 !important;
  font-size:14px !important;
  font-weight:400 !important;
}
.newsletter-card .newsletter-input:hover{
  border-color:rgba(243,238,229,.75) !important;
}
.newsletter-card .newsletter-input:focus{
  border-color:rgba(243,238,229,.92) !important;
  box-shadow:0 0 0 1px rgba(243,238,229,.22) !important;
  color:#f8f4ec !important;
}
.newsletter-card .newsletter-submit,
.newsletter-submit.page-button{
  width:100% !important;
  max-width:100% !important;
  min-height:50px !important;
  height:50px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  cursor:pointer;
  box-sizing:border-box !important;
  border:1px solid rgba(200,154,71,.50) !important;
  background:rgba(200,154,71,.10) !important;
  color:#e4bd72 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.newsletter-star{
  color:var(--gold2,#c89a47) !important;
  font-family:var(--display-serif),Georgia,serif;
  font-size:16px;
  line-height:1;
}
.newsletter-card .newsletter-submit:hover{
  border-color:rgba(225,182,95,.70) !important;
  color:var(--gold2,#c89a47) !important;
}
.newsletter-error{margin:8px 0 0;color:#e8b4a0;font-size:12px}
.newsletter-ok{margin:0;color:#e5ded2;font-size:13px;line-height:1.5;text-align:center}
.newsletter-result-page{padding:48px 20px 80px}

/* === Hamburger / mobile nav (p0-hamburger-1) === */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(200,154,71,.35);
  background:rgba(200,154,71,.08);
  color:#e4bd72;
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle-bars{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:18px;
}
.nav-toggle-bars span{
  display:block;
  height:1.5px;
  width:100%;
  background:currentColor;
  transition:transform .2s ease, opacity .2s ease;
}
.site-header.is-nav-open .nav-toggle-bars span:nth-child(1){
  transform:translateY(6.5px) rotate(45deg);
}
.site-header.is-nav-open .nav-toggle-bars span:nth-child(2){opacity:0}
.site-header.is-nav-open .nav-toggle-bars span:nth-child(3){
  transform:translateY(-6.5px) rotate(-45deg);
}
.nav-backdrop{display:none}

@media(max-width:900px){
  .nav-toggle{
    display:inline-flex;
    order:-1;
    margin-right:2px;
  }
  .site-header{
    grid-template-columns:auto 1fr;
    align-items:center;
    position:relative;
    z-index:50;
  }
  .site-header .brand{grid-column:1;grid-row:1}
  .premium-header-actions,
  .site-header .header-actions{
    grid-column:2;
    grid-row:1;
    justify-self:end;
    gap:8px;
    position:relative;
    z-index:60;
  }
  .site-header nav,
  .site-header .site-nav{
    display:none !important;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:55;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:10px 18px 18px;
    overflow:visible;
    background:rgba(5,4,3,.98);
    border-bottom:1px solid rgba(200,154,71,.28);
    box-shadow:0 18px 40px rgba(0,0,0,.55);
  }
  .site-header.is-nav-open nav,
  .site-header.is-nav-open .site-nav{display:flex !important}
  .site-header nav a,
  .site-header .site-nav a{
    display:block;
    padding:14px 4px;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:12px;
    letter-spacing:.16em;
  }
  .site-header nav a:last-child,
  .site-header .site-nav a:last-child{border-bottom:0}
  .nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:40;
    background:rgba(0,0,0,.45);
  }
  .nav-backdrop[hidden]{display:none}
  body.nav-open{overflow:hidden}
  .header-social{display:none}
}

@media(min-width:901px){
  .nav-toggle,
  .nav-backdrop{display:none !important}
}

/* Mobile: remove default blue tap highlight */
html, body, a, button, summary, [role="button"], .catalogue-card-image, .shop-card-cart-button, .about-cta, .header-cart, .nav-toggle {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}


/* p2-20260907 + p3-20260907 */
.si-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000;background:#0b0a08;color:#e4bd72;padding:12px 16px;border:1px solid rgba(200,154,71,.55);text-decoration:none;font-size:14px;font-weight:700}
.si-skip-link:focus{left:12px;top:12px;width:auto;height:auto;overflow:visible}
body.consent-choice-pending{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){body.consent-choice-pending{padding-bottom:calc(210px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(210px + env(safe-area-inset-bottom,0px))}}
body.consent-choice-pending .site-footer.premium-footer{margin-bottom:32px}
body.consent-choice-pending .artwork-sticky-buy{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){body.consent-choice-pending .artwork-sticky-buy{bottom:calc(190px + env(safe-area-inset-bottom,0px))}}
@media(min-width:901px){
  .artwork{gap:clamp(32px,4.5vw,64px)}
  .artwork-figure{position:sticky;top:92px;align-self:start}
}
.catalogue-card-image{background:linear-gradient(160deg,#161310 0%,#0c0b09 55%,#12100d 100%)}
#galleryGrid.gallery-view-collector .catalogue-card-image{background:linear-gradient(160deg,#141210 0%,#090807 100%)}
.payment-marks,.payment-marks-list,.cart-summary,.cart-page{max-width:100%;box-sizing:border-box}
.payment-marks-list{flex-wrap:wrap !important}
@media(max-width:430px){
  .cart-page,.cart-shell{overflow-x:clip}
  .cart-summary{min-width:0;overflow-x:hidden}
  .payment-marks-list .pay-badge svg{height:24px;width:auto}
}
.cart-empty{padding:28px 22px 40px;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.cart-empty-trust{margin:0;color:#9a9084;font-size:12px}
@media(min-width:901px){
  .cart-page:has(.cart-empty){min-height:calc(100vh - 200px)}
}

/* seo-20260907: title-secondary + responsive card pictures (moved from inline header styles) */
.si-title-secondary{margin:.15em 0 0;color:#9a9084;font-family:var(--display-serif),Georgia,serif;font-size:clamp(15px,1.2vw,18px);line-height:1.35;font-weight:400}
.shop-sales-copy .si-title-secondary{margin-top:.2em}
.featured-premium-copy .si-title-secondary{margin:4px 0 8px}
.process-card .si-title-secondary{margin:.2em 0 .4em}
.catalogue-card-image picture,
.process-thumb picture,
.cart-thumb picture{display:contents}
.catalogue-card-image img,
.process-thumb img,
.cart-thumb img{width:100%;height:auto;display:block}

/* a11y-20260908: global focus + skip target + form invalid */
:root{--si-focus: #e4bd72}
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
.nav-toggle:focus-visible,
.header-cart:focus-visible,
.language-option:focus-visible,
.page-button:focus-visible,
.consent-button:focus-visible,
.site-modal-close:focus-visible,
.shop-card-cart-button:focus-visible,
.gallery-view-btn:focus-visible,
.si-news-btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid var(--si-focus);
  outline-offset:3px;
}
.si-news-input:focus-visible{
  outline:2px solid var(--si-focus);
  outline-offset:2px;
  border-color:#f3eee5 !important;
  box-shadow:0 0 0 1px rgba(243,238,229,.25);
}
#main-content[tabindex="-1"]:focus{outline:none}
#main-content{scroll-margin-top:96px}
.si-skip-link:focus-visible,
.si-skip-link:focus{
  left:12px;top:12px;width:auto;height:auto;overflow:visible;
  outline:2px solid var(--si-focus);outline-offset:2px;
}
.contact-form input[aria-invalid="true"],
.contact-form textarea[aria-invalid="true"],
.review-page input[aria-invalid="true"],
.review-page textarea[aria-invalid="true"]{
  border-color:rgba(180,72,54,.85) !important;
}
@media(prefers-reduced-motion:reduce){
  .nav-toggle-bars span,
  .site-header.is-nav-open .nav-toggle-bars span,
  .catalogue-card,
  .process-thumb,
  .shop-sales-card{transition:none !important;animation:none !important}
}