@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300;1,9..40,400&family=Space+Mono:wght@400;700&display=swap");

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --black:#101010;--off-black:#1a1918;--dark:#2c2926;--earth:#4a433c;
  --warm-gray:#8a817a;--sand:#c4b8a8;--linen:#ece6dc;--cream:#f5f1eb;
  --white:#faf8f5;--accent:#b8703e;--accent-deep:#955a2e;--accent-glow:#d4915a;
  --serif:'Playfair Display','Georgia',serif;
  --body:'DM Sans',system-ui,sans-serif;
  --mono:'Space Mono',monospace;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--body);background:var(--white);color:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--white)}

/* ── BG CANVAS ── */
#bgCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.4}

/* ── LOADER ── */
.loader{position:fixed;inset:0;background:var(--black);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.19,1,.22,1),visibility .8s}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-text{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;color:var(--cream);letter-spacing:.06em;overflow:hidden}
.loader-text span{display:inline-block;transform:translateY(110%);animation:loaderReveal .6s cubic-bezier(.19,1,.22,1) forwards}
.loader-bar{width:120px;height:1px;background:var(--earth);margin-top:2rem;position:relative;overflow:hidden}
.loader-bar::after{content:'';position:absolute;height:100%;width:0;background:var(--accent);animation:loaderFill .6s cubic-bezier(.19,1,.22,1) .1s forwards}
@keyframes loaderReveal{to{transform:translateY(0)}}
@keyframes loaderFill{to{width:100%}}

/* ── NAV ── */
header.aunom-hdr{position:fixed;top:0;left:0;right:0;z-index:5000;padding:2rem 2.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference;transition:padding .5s}
header.aunom-hdr.compact{padding:1.2rem 2.5rem;mix-blend-mode:normal}
header.aunom-hdr.compact::before{content:'';position:absolute;inset:0;background:rgba(250,248,245,.92);backdrop-filter:blur(24px) saturate(1.6);z-index:-1;border-bottom:1px solid rgba(196,184,168,.2)}
header.aunom-hdr.compact .hdr-logo,header.aunom-hdr.compact .hdr-links a,header.aunom-hdr.compact .hdr-cta{color:var(--black);mix-blend-mode:normal}
header.aunom-hdr.compact .hdr-cta{border-color:var(--accent);color:var(--accent)}

/* Keep header readable on non-front routes (stores, legal pages, etc.) */
body:not(.path-frontpage):not(.path-become-a-vendor) header.aunom-hdr{padding:1.2rem 2.5rem;mix-blend-mode:normal}
body:not(.path-frontpage):not(.path-become-a-vendor) header.aunom-hdr::before{content:'';position:absolute;inset:0;background:rgba(250,248,245,.92);backdrop-filter:blur(24px) saturate(1.6);z-index:-1;border-bottom:1px solid rgba(196,184,168,.2)}
body:not(.path-frontpage):not(.path-become-a-vendor) .hdr-logo,
body:not(.path-frontpage):not(.path-become-a-vendor) .hdr-links a,
body:not(.path-frontpage):not(.path-become-a-vendor) .hdr-cta{color:var(--black);mix-blend-mode:normal}
body:not(.path-frontpage):not(.path-become-a-vendor) .hdr-cta{border-color:var(--accent);color:var(--accent)}
body:not(.path-frontpage):not(.path-become-a-vendor) .mob-toggle i{background:var(--black)}

.hdr-logo{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--cream);text-decoration:none;letter-spacing:.03em;justify-self:start}
.hdr-center{display:flex;gap:3rem;justify-self:center}
.hdr-links{display:flex;gap:3rem}
.hdr-links a{font-size:.72rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-decoration:none;position:relative;padding-bottom:2px}
.hdr-links a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent-glow);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.hdr-links a:hover::after{transform:scaleX(1);transform-origin:left}
.hdr-right{justify-self:end}
.hdr-cta{font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);text-decoration:none;border:1px solid rgba(236,230,220,.35);padding:.7rem 1.8rem;transition:all .4s cubic-bezier(.19,1,.22,1)}
.hdr-cta:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}

/* Mobile toggle */
.mob-toggle{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:5001}
.mob-toggle i{display:block;width:100%;height:1.5px;background:var(--cream);position:absolute;left:0;transition:all .4s cubic-bezier(.19,1,.22,1)}
header.aunom-hdr.compact .mob-toggle i{background:var(--black)}
.mob-toggle i:nth-child(1){top:0}
.mob-toggle i:nth-child(2){top:50%;transform:translateY(-50%);width:60%}
.mob-toggle i:nth-child(3){bottom:0}
.mob-toggle.open i:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.mob-toggle.open i:nth-child(2){opacity:0}
.mob-toggle.open i:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}
.mob-toggle.open i{background:var(--cream)!important}
.mobile-nav{position:fixed;inset:0;background:var(--black);z-index:4999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.mobile-nav.open{opacity:1;visibility:visible}
.mobile-nav a{font-family:var(--serif);font-size:2rem;color:var(--cream);text-decoration:none;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.19,1,.22,1)}
.mobile-nav.open a{opacity:1;transform:translateY(0)}
.mobile-nav.open a:nth-child(2){transition-delay:.08s}
.mobile-nav.open a:nth-child(3){transition-delay:.16s}
.mobile-nav.open a:nth-child(4){transition-delay:.24s}
.mobile-nav.open a:nth-child(5){transition-delay:.32s}

/* ── HERO ── */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:10rem 5vw 6rem 6vw;position:relative;z-index:2}
.hero-right{position:relative;background:var(--off-black);overflow:hidden}
.hero-right-inner{position:absolute;inset:0}
.hero-right canvas{width:100%;height:100%;display:block}
.hero-eyebrow{font-family:var(--mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem;opacity:0;transform:translateX(-20px)}
.hero-eyebrow::before{content:'';width:40px;height:1px;background:var(--accent)}
.hero h1{font-family:var(--serif);font-size:clamp(2.8rem,5.5vw,5.2rem);font-weight:400;line-height:1.12;letter-spacing:-.015em;color:var(--black);margin-bottom:2rem}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.hero h1 .line span{display:inline-block;transform:translateY(115%)}
.hero h1 em{font-style:italic;color:var(--accent);font-weight:500}
.hero-desc{font-size:1rem;font-weight:300;line-height:1.85;color:var(--warm-gray);max-width:400px;margin-bottom:3rem;opacity:0}
.hero-actions{display:flex;align-items:center;gap:2rem;opacity:0}

.btn-fill{display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 2.2rem;font-family:var(--body);font-size:.73rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:var(--black);color:var(--white);position:relative;overflow:hidden;cursor:pointer;border:none;transition:color .4s .1s}
.btn-fill::before{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.19,1,.22,1)}
.btn-fill:hover::before{transform:scaleX(1)}
.btn-fill span,.btn-fill svg{position:relative;z-index:1}
.btn-fill:hover svg{transform:translateX(4px) rotate(-45deg)}
.btn-fill svg{transition:transform .4s cubic-bezier(.19,1,.22,1)}

.btn-ghost{font-size:.73rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--earth);display:inline-flex;align-items:center;gap:.5rem;transition:color .3s}
.btn-ghost:hover{color:var(--accent)}
.btn-ghost svg{transition:transform .3s}
.btn-ghost:hover svg{transform:translateY(3px)}

.hero-scroll-num{position:absolute;bottom:3rem;left:6vw;font-family:var(--mono);font-size:.6rem;color:var(--sand);letter-spacing:.2em;writing-mode:vertical-rl;z-index:2;opacity:0}
.hero-scroll-num::after{content:'';display:block;width:1px;height:50px;background:linear-gradient(var(--accent),transparent);margin-top:.75rem;margin-left:auto;margin-right:auto;animation:pulseH 2.5s ease-in-out infinite}
@keyframes pulseH{0%,100%{height:50px;opacity:.4}50%{height:30px;opacity:1}}

/* ── SHARED SECTION ── */
.s-pad{padding:9rem 6vw;position:relative;z-index:1}
.s-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.s-label::before{content:'';width:20px;height:1px;background:var(--accent)}
.s-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin-bottom:1.25rem}
.s-subtitle{font-size:1rem;font-weight:300;line-height:1.85;color:var(--warm-gray);max-width:480px}

/* ── TICKER ── */
.ticker{border-top:1px solid var(--linen);border-bottom:1px solid var(--linen);padding:1.4rem 0;overflow:hidden;position:relative;z-index:1;background:var(--white)}
.ticker-track{display:flex;width:max-content;animation:tickerScroll 40s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:flex;align-items:center;gap:2.5rem;padding:0 2.5rem;white-space:nowrap}
.ticker-item span{font-family:var(--serif);font-size:1rem;font-weight:400;color:var(--earth);letter-spacing:.04em}
.ticker-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;flex-shrink:0}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── ABOUT ── */
.about-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start;max-width:1280px;margin:0 auto}
.about-text{padding-top:3rem}
.about-body{font-size:.95rem;font-weight:300;line-height:1.9;color:var(--earth);margin-top:1.5rem;max-width:480px}
.about-body+.about-body{margin-top:1rem}
.about-visual{position:relative;margin-top:-3rem}
.about-img-frame{aspect-ratio:3/4;position:relative;overflow:hidden}
.about-img-frame canvas{width:100%;height:100%;display:block}
.about-accent-box{position:absolute;bottom:-24px;left:-24px;width:200px;height:200px;border:1px solid var(--accent);opacity:.25;z-index:-1}
.about-stats-row{display:flex;gap:3rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--linen)}
.stat h3{font-family:var(--serif);font-size:2.2rem;font-weight:400;color:var(--accent);line-height:1}
.stat p{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);margin-top:.5rem}

/* ── SERVICES ── */
.services-sec{background:var(--black);color:var(--cream);overflow:hidden}
.services-header{max-width:1280px;margin:0 auto 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.services-header .s-title{color:var(--cream)}
.services-header .s-subtitle{color:var(--sand)}
.srv-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.srv-card{padding:3.5rem 2.5rem;border:1px solid rgba(196,184,168,.07);border-right:none;position:relative;transition:background .5s;cursor:default}
.srv-card:nth-child(3n){border-right:1px solid rgba(196,184,168,.07)}
.srv-card:nth-child(n+4){border-top:none}
.srv-card:hover{background:rgba(184,112,62,.04)}
.srv-idx{font-family:var(--mono);font-size:.58rem;color:var(--accent);letter-spacing:.2em;margin-bottom:2rem;opacity:.7}
.srv-icon-wrap{width:44px;height:44px;border:1px solid rgba(184,112,62,.3);display:grid;place-items:center;margin-bottom:1.8rem;color:var(--accent-glow);transition:all .45s cubic-bezier(.19,1,.22,1)}
.srv-card:hover .srv-icon-wrap{background:var(--accent);border-color:var(--accent);color:var(--black);transform:translateY(-3px)}
.srv-card h3{font-family:var(--serif);font-size:1.4rem;font-weight:400;margin-bottom:.9rem;transition:color .3s}
.srv-card:hover h3{color:var(--accent-glow)}
.srv-card p{font-size:.85rem;font-weight:300;line-height:1.75;color:rgba(196,184,168,.55)}
.srv-line{position:absolute;bottom:0;left:2.5rem;right:2.5rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.19,1,.22,1)}
.srv-card:hover .srv-line{transform:scaleX(1)}

/* ── PHILOSOPHY ── */
.philo-sec{background:var(--cream);padding:10rem 6vw;position:relative;z-index:1}
.philo-inner{max-width:960px;margin:0 auto;position:relative}
.philo-big-mark{font-family:var(--serif);font-size:18rem;line-height:.7;color:var(--accent);opacity:.06;position:absolute;top:-5rem;left:-4rem;user-select:none}
.philo-quote{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400;font-style:italic;line-height:1.5;color:var(--dark);position:relative;z-index:1}
.philo-attr{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:2.5rem;display:flex;align-items:center;gap:1rem}
.philo-attr::before{content:'';width:30px;height:1px;background:var(--accent)}

/* ── PROCESS ── */
.proc-sec{overflow:hidden;background:var(--white)}
.proc-header{max-width:1280px;margin:0 auto 4rem}
.proc-track{display:flex;gap:0;max-width:1280px;margin:0 auto}
.proc-card{flex:1;padding:3rem 2.5rem;border-left:1px solid var(--linen);position:relative}
.proc-card:first-child{border-left:none}
.proc-card::before{content:'';position:absolute;top:0;left:-1px;width:1px;height:0;background:var(--accent);transition:height 1.2s cubic-bezier(.19,1,.22,1)}
.proc-card.active::before{height:100%}
.proc-num{font-family:var(--serif);font-size:3.5rem;font-weight:400;color:var(--linen);line-height:1;margin-bottom:2rem;transition:color .6s}
.proc-card.active .proc-num{color:var(--accent)}
.proc-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:.8rem}
.proc-card p{font-size:.85rem;font-weight:300;line-height:1.8;color:var(--warm-gray)}

/* ── TESTIMONIALS ── */
.test-sec{background:var(--cream)}
.test-grid{max-width:1280px;margin:4rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.test-card{background:var(--white);padding:3rem;border:1px solid var(--linen);transition:border-color .4s,box-shadow .5s}
.test-card:nth-child(2){margin-top:3rem}
.test-card:hover{border-color:var(--accent);box-shadow:0 30px 60px -20px rgba(16,16,16,.07)}
.test-stars{display:flex;gap:3px;margin-bottom:1.5rem;color:var(--accent);font-size:.85rem;letter-spacing:2px}
.test-card blockquote{font-family:var(--serif);font-size:1.1rem;font-style:italic;line-height:1.75;color:var(--dark);margin-bottom:2rem}
.test-author{display:flex;align-items:center;gap:.8rem}
.test-avatar{width:40px;height:40px;border-radius:50%;background:var(--linen);display:grid;place-items:center;font-family:var(--serif);font-size:1rem;color:var(--accent)}
.test-meta h4{font-size:.85rem;font-weight:500}
.test-meta p{font-size:.72rem;color:var(--warm-gray);margin-top:.15rem}

/* ── CTA ── */
.cta-sec{background:var(--black);color:var(--cream);text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(184,112,62,.07),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.cta-inner{position:relative;z-index:1}
.cta-inner .s-label{justify-content:center}
.cta-inner .s-title{color:var(--cream)}
.cta-inner .s-subtitle{color:var(--sand);margin:0 auto 3rem}
.cta-inner .btn-fill{background:var(--accent)}
.cta-inner .btn-fill::before{background:var(--cream)}
.cta-inner .btn-fill:hover{color:var(--black)}

/* ── FOOTER ── */
footer.aunom-ft{background:var(--off-black);color:var(--sand);padding:5.5rem 6vw 2.1rem;position:relative;z-index:1;border-top:1px solid rgba(196,184,168,.08)}
.aunom-ft .ft-inner{max-width:1320px;margin:0 auto}
.aunom-ft .ft-top{display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(4,minmax(130px,1fr));gap:2.2rem;padding-bottom:3rem}
.aunom-ft .ft-brand .hdr-logo{font-family:var(--serif);color:var(--cream)!important;font-size:1.2rem;font-weight:500;display:inline-block;margin-bottom:1.1rem}
.aunom-ft .ft-brand p{font-family:var(--body);font-size:.82rem;font-weight:300;line-height:1.9;color:var(--warm-gray);max-width:320px}
.aunom-ft .ft-col h5{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);margin-bottom:1.2rem}
.aunom-ft .ft-col a,
.aunom-ft .ft-col a:link,
.aunom-ft .ft-col a:visited{display:block;font-family:var(--body);font-size:.82rem;font-weight:300;color:var(--warm-gray)!important;text-decoration:none;margin-bottom:.58rem;transition:color .25s}
.aunom-ft .ft-col a:hover,
.aunom-ft .ft-col a:focus-visible{color:var(--accent-glow)!important}
.aunom-ft .ft-col .ft-soon{display:block;font-family:var(--body);font-size:.82rem;font-weight:300;color:var(--warm-gray);margin-bottom:.58rem;opacity:.68}
.aunom-ft .ft-bottom{border-top:1px solid rgba(196,184,168,.08);padding-top:1.4rem;display:flex;justify-content:space-between;align-items:center}
.aunom-ft .ft-bottom p{font-family:var(--mono);font-size:.66rem;color:var(--warm-gray);opacity:.55;letter-spacing:.08em;text-transform:uppercase}
.aunom-ft .ft-social{display:flex;gap:.75rem}
.aunom-ft .ft-social a{width:34px;height:34px;border:1px solid rgba(196,184,168,.12);display:grid;place-items:center;color:var(--sand);text-decoration:none;font-size:.75rem;transition:all .3s}
.aunom-ft .ft-social a:hover{border-color:var(--accent);color:var(--accent-glow)}

/* ── SCROLL ANIM ── */
.anim{opacity:0;transform:translateY(50px)}
.anim.in{opacity:1;transform:translateY(0);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.anim-d1.in{transition-delay:.08s}
.anim-d2.in{transition-delay:.16s}
.anim-d3.in{transition-delay:.24s}
.anim-d4.in{transition-delay:.32s}

/* ── HIDE DRUPAL CHROME ── */
.aunom-highlighted,
.aunom-breadcrumb,
#block-aunom-corporate-page-title,
#block-aunom-corporate-local-actions,
#block-aunom-corporate-local-tasks,
.node__links,
.path-frontpage .tabs {
  display: none;
}

/* ── NON-FRONT PAGES ── */
.node--type-page {
  width: min(1020px, calc(100% - 48px));
  margin: 118px auto 42px;
  background: var(--white);
  border: 1px solid var(--linen);
  border-radius: 4px;
  padding: 3rem;
}

.node--type-page h2,
.node--type-page h3 {
  font-family: var(--serif);
  color: var(--black);
}

.node--type-page p,
.node--type-page li {
  color: var(--earth);
  line-height: 1.8;
}

.path-frontpage .node--type-page {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* ── PRODUCT DETAIL PAGE (Commerce) — Museum Premium ── */
.path-product .region-content {
  width: min(1280px, calc(100% - 52px));
  margin: 118px auto 72px;
  background: #fdfbf8;
  border: 1px solid #e8e1d6;
  border-radius: 16px;
  padding: 2.2rem;
  box-shadow: 0 18px 48px rgba(10, 8, 6, 0.08);
}

.path-product #block-aunom-corporate-page-title {
  display: none;
}

.path-product .museum-product__breadcrumb {
  display: flex;
  gap: .45rem;
  align-items: center;
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #9a8f82;
  margin-bottom: 1.2rem;
}

.path-product .museum-product__breadcrumb a {
  color: #8c7d6c;
  text-decoration: none;
}

.path-product .museum-product__breadcrumb a:hover {
  color: var(--accent);
}

.path-product .museum-product__header {
  margin-bottom: 1.5rem;
}

.path-product .museum-product__eyebrow {
  margin: 0 0 .45rem;
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--accent);
}

.path-product .museum-product__title {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(1.9rem, 3.5vw, 3rem);
  line-height: 1.08;
  color: #1f1a16;
}

.path-product .museum-product__layout {
  display: grid;
  grid-template-columns: minmax(340px, 62%) minmax(280px, 38%);
  gap: 2rem;
  align-items: start;
}

.path-product .museum-product__media {
  margin: 0;
  background: #f3eee7;
  border: 1px solid #e3dbcf;
  border-radius: 12px;
  padding: .8rem;
}

.path-product .museum-product__media .field--name-field-product-image,
.path-product .museum-product__media .field__item {
  margin: 0;
}

.path-product .museum-product__media img {
  width: 100%;
  max-height: 76vh;
  object-fit: contain;
  display: block;
  border-radius: 8px;
  background: #fff;
}

.path-product .field--name-variations {
  display: none;
}

.path-product .museum-product__panel {
  background: #fff;
  border: 1px solid #e9e1d5;
  border-radius: 12px;
  padding: 1.2rem 1.15rem;
  position: sticky;
  top: 102px;
}

.path-product .museum-product__panel-body {
  margin-bottom: 1rem;
}

.path-product .museum-product__panel-body p,
.path-product .museum-product__panel-body li {
  margin: 0 0 .62rem;
  color: #302923;
  line-height: 1.72;
  font-size: .95rem;
}

.path-product .museum-product__panel-body ul {
  margin: .35rem 0 0;
  padding-left: 1.15rem;
}

.path-product .museum-product__panel-body strong {
  color: #171310;
  font-weight: 600;
}

.path-product .museum-product__actions {
  display: grid;
  gap: .55rem;
  margin: 1rem 0 .75rem;
}

.path-product .museum-product__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: .72rem .9rem;
  text-decoration: none;
  font-family: var(--body);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: all .24s ease;
}

.path-product .museum-product__btn--primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #fff;
}

.path-product .museum-product__btn--primary:hover {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
}

.path-product .museum-product__btn--ghost {
  border: 1px solid #d8cec0;
  color: #4e4338;
  background: #f8f5f1;
}

.path-product .museum-product__btn--ghost:hover {
  color: var(--accent-deep);
  border-color: var(--accent);
}

.path-product .museum-product__contact {
  margin: .35rem 0 .55rem;
  font-size: .84rem;
  color: #7c6f62;
}

.path-product .museum-product__contact a {
  color: #6a5a4b;
  text-decoration: none;
}

.path-product .museum-product__contact a:hover {
  color: var(--accent);
}

.path-product .museum-product__back {
  display: inline-flex;
  margin-top: .25rem;
  font-size: .8rem;
  color: #786a5a;
  text-decoration: none;
}

.path-product .museum-product__back:hover {
  color: var(--accent);
}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .aunom-ft .ft-top{grid-template-columns:1fr 1fr 1fr;gap:1.8rem}
  .aunom-ft .ft-brand{grid-column:1 / -1}
}
@media(max-width:1024px){
  .hdr-center,.hdr-right{display:none}
  .mob-toggle{display:block}
  header.aunom-hdr{grid-template-columns:1fr auto;padding:1.2rem 1.25rem;mix-blend-mode:normal}
  .hdr-logo{font-size:1rem;white-space:nowrap;max-width:calc(100vw - 110px);overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:960px){
  .hero{grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-left{padding:10rem 5vw 6rem}
  .about-wrap{grid-template-columns:1fr}
  .about-visual{order:-1;max-width:400px}
  .services-header{grid-template-columns:1fr}
  .srv-grid{grid-template-columns:1fr 1fr}
  .aunom-ft .ft-top{grid-template-columns:1fr 1fr;gap:1.35rem}
  .aunom-ft .ft-brand{grid-column:1 / -1}

  .path-product .region-content {
    width: min(1180px, calc(100% - 30px));
    margin-top: 104px;
    padding: 1.35rem;
  }
  .path-product .museum-product__layout {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  .path-product .museum-product__panel {
    position: static;
  }
  .path-product .museum-product__media img {
    max-height: 64vh;
  }
}
@media(max-width:680px){
  .s-pad{padding:6rem 5vw}
  header.aunom-hdr{padding:1rem 1rem;grid-template-columns:1fr auto}
  .hero-left{padding:9rem 5vw 5rem}
  .srv-grid{grid-template-columns:1fr}
  .srv-card{border-right:none!important;border-left:none;border-bottom:1px solid rgba(196,184,168,.07)}
  .proc-track{flex-direction:column}
  .proc-card{border-left:none;border-top:1px solid var(--linen);padding:2rem 0}
  .proc-card:first-child{border-top:none}
  .test-grid{grid-template-columns:1fr}
  .test-card:nth-child(2){margin-top:0}
  footer.aunom-ft{padding:4.2rem 5vw 1.6rem}
  .aunom-ft .ft-top{grid-template-columns:1fr;gap:1.1rem;padding-bottom:2rem}
  .aunom-ft .ft-col h5{margin-bottom:.8rem}
  .aunom-ft .ft-bottom{flex-direction:column;gap:1rem;text-align:center}
  .about-stats-row{flex-direction:column;gap:1.5rem}

  .path-product .region-content {
    margin-top: 92px;
    border-radius: 10px;
    padding: .9rem;
  }
  .path-product .museum-product__title {
    font-size: 1.65rem;
  }
  .path-product .museum-product__media {
    padding: .45rem;
  }
  .path-product .museum-product__media img {
    max-height: 56vh;
  }
  .path-product .museum-product__actions {
    gap: .5rem;
  }
  .path-product .museum-product__btn {
    width: 100%;
  }
}

/* Language switcher */
.hdr-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-left: 12px;
}
.hdr-lang:hover {
  background: var(--accent);
  color: var(--cream);
}
.mobile-nav .hdr-lang {
  display: inline-flex;
  width: auto;
  padding: 8px 20px;
  border-radius: 4px;
  margin: 0;
  font-size: 13px;
}

/* ── AUTH PAGES (Login / Password reset) ── */
body.page-route-user-login,
body.page-route-user-pass,
body.page-route-user-reset {
  background: linear-gradient(180deg, #faf8f5 0%, #f4eee6 100%);
}

/* Emergency usability mode for auth routes: remove heavy fixed chrome */
body.page-route-user-login header.aunom-hdr,
body.page-route-user-pass header.aunom-hdr,
body.page-route-user-reset header.aunom-hdr,
body.page-route-user-login .mobile-nav,
body.page-route-user-pass .mobile-nav,
body.page-route-user-reset .mobile-nav,
body.page-route-user-login footer.aunom-ft,
body.page-route-user-pass footer.aunom-ft,
body.page-route-user-reset footer.aunom-ft,
body.page-route-user-login #bgCanvas,
body.page-route-user-pass #bgCanvas,
body.page-route-user-reset #bgCanvas {
  display: none !important;
}

body.page-route-user-login main#main-content,
body.page-route-user-pass main#main-content,
body.page-route-user-reset main#main-content {
  position: relative;
  z-index: 20;
}

body.page-route-user-login #main-content > div,
body.page-route-user-pass #main-content > div,
body.page-route-user-reset #main-content > div {
  min-height: unset !important;
  padding: 7.6rem 1rem 2.5rem;
}

body.page-route-user-login .region-content,
body.page-route-user-pass .region-content,
body.page-route-user-reset .region-content {
  width: min(540px, calc(100% - 8px));
  margin: 0 auto;
  border: 1px solid #e8decf;
  border-radius: 14px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 24px 50px rgba(20, 15, 10, .08);
  padding: 1.2rem 1.25rem 1.1rem;
  position: relative;
  z-index: 30;
}

body.page-route-user-login #block-aunom-corporate-local-tasks,
body.page-route-user-login #block-aunom-corporate-page-title,
body.page-route-user-pass #block-aunom-corporate-local-tasks,
body.page-route-user-pass #block-aunom-corporate-page-title,
body.page-route-user-reset #block-aunom-corporate-local-tasks,
body.page-route-user-reset #block-aunom-corporate-page-title {
  display: none !important;
}

body.page-route-user-login form.user-login-form,
body.page-route-user-pass form.user-pass,
body.page-route-user-reset form.user-pass-reset,
body.page-route-user-reset form.user-form {
  position: relative;
  z-index: 40;
  display: grid;
  gap: .9rem;
}

body.page-route-user-login .form-item label,
body.page-route-user-pass .form-item label,
body.page-route-user-reset .form-item label {
  display: block;
  margin-bottom: .35rem;
  font-family: var(--mono);
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #7a6b5c;
}

body.page-route-user-login input.form-control,
body.page-route-user-login input.form-text,
body.page-route-user-pass input.form-control,
body.page-route-user-pass input.form-text,
body.page-route-user-reset input.form-control,
body.page-route-user-reset input.form-text {
  width: 100%;
  border: 1px solid #d8c9b9;
  border-radius: 10px;
  min-height: 46px;
  padding: .72rem .84rem;
  font-family: var(--body);
  font-size: .95rem;
  color: #1f1a16;
  background: #fff;
  position: relative;
  z-index: 50;
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}

body.page-route-user-login input.form-control:focus,
body.page-route-user-login input.form-text:focus,
body.page-route-user-pass input.form-control:focus,
body.page-route-user-pass input.form-text:focus,
body.page-route-user-reset input.form-control:focus,
body.page-route-user-reset input.form-text:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(184,112,62,.14);
}

body.page-route-user-login .form-actions,
body.page-route-user-pass .form-actions,
body.page-route-user-reset .form-actions {
  margin-top: .35rem;
}

body.page-route-user-login .form-actions .button,
body.page-route-user-pass .form-actions .button,
body.page-route-user-reset .form-actions .button {
  width: 100%;
  min-height: 46px;
  border-radius: 10px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #fff;
  font-family: var(--body);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-route-user-login .form-actions .button:hover,
body.page-route-user-pass .form-actions .button:hover,
body.page-route-user-reset .form-actions .button:hover {
  background: #a0612f;
  border-color: #a0612f;
}

/* Ensure mobile nav overlay never blocks auth form unless explicitly open */
body.page-route-user-login .mobile-nav,
body.page-route-user-pass .mobile-nav,
body.page-route-user-reset .mobile-nav {
  pointer-events: none;
}

body.page-route-user-login .mobile-nav.open,
body.page-route-user-pass .mobile-nav.open,
body.page-route-user-reset .mobile-nav.open {
  pointer-events: auto;
}

@media (max-width: 680px) {
  body.page-route-user-login #main-content > div,
  body.page-route-user-pass #main-content > div,
  body.page-route-user-reset #main-content > div {
    padding-top: 6.7rem;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  body.page-route-user-login .region-content,
  body.page-route-user-pass .region-content,
  body.page-route-user-reset .region-content {
    border-radius: 12px;
    padding: .95rem .95rem .9rem;
  }
}