/* Hatim Moroccan Minerals — Immersive Elementor Site */
.elementor-widget-hatim_moroccan_minerals,
.elementor-widget-hatim_moroccan_minerals>.elementor-widget-container{max-width:none!important;overflow:visible!important}
.hmmc-root{
  --hmmc-dark:#070706;--hmmc-dark2:#0d0c0a;--hmmc-light:#f0efea;--hmmc-text:#f2efe8;
  --hmmc-muted:#a09b91;--hmmc-accent:#c58b48;--hmmc-line:rgba(255,255,255,.13);
  --hmmc-ease:cubic-bezier(.22,.78,.2,1);
  width:100vw!important;max-width:100vw!important;position:relative;left:50%!important;margin-left:-50vw!important;
  overflow-x:clip;overflow-y:visible;background:var(--hmmc-dark);color:var(--hmmc-text);font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;isolation:isolate
}
.hmmc-root *{box-sizing:border-box}.hmmc-root img{display:block;width:100%}.hmmc-root a{color:inherit;text-decoration:none}
.hmmc-root button{font:inherit}.hmmc-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:999995;pointer-events:none}
.hmmc-progress i{display:block;width:0;height:100%;background:var(--hmmc-accent)}
.hmmc-cursor{position:fixed;left:0;top:0;width:42px;height:42px;border:1px solid rgba(255,255,255,.52);border-radius:50%;z-index:999996;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;transition:width .22s,height .22s,background .22s,border-color .22s}
.hmmc-cursor span{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute}.hmmc-cursor b{font-size:0;letter-spacing:.14em;font-weight:400}
.hmmc-cursor.is-view{width:76px;height:76px;background:rgba(5,5,4,.45);backdrop-filter:blur(8px)}.hmmc-cursor.is-view span{display:none}.hmmc-cursor.is-view b{font-size:8px}
.hmmc-nav{position:absolute;z-index:100;left:0;right:0;top:0;height:86px;padding:0 clamp(18px,4vw,70px);display:flex;align-items:center;justify-content:space-between;transition:background .3s,backdrop-filter .3s,border .3s}
.hmmc-nav.is-fixed{position:fixed;background:rgba(7,7,6,.72);backdrop-filter:blur(15px);border-bottom:1px solid var(--hmmc-line)}
.hmmc-logo{display:flex;align-items:center;gap:12px}.hmmc-logo>span{width:42px;height:42px;border:1px solid var(--hmmc-line);display:grid;place-items:center;font-size:10px;letter-spacing:.16em}
.hmmc-logo div{display:flex;flex-direction:column;gap:3px;text-transform:uppercase}.hmmc-logo strong{font-size:9px;letter-spacing:.17em}.hmmc-logo small{font-size:7px;letter-spacing:.2em;color:var(--hmmc-muted)}
.hmmc-nav nav{display:flex;gap:30px}.hmmc-nav nav a{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#c7c2b9;position:relative}.hmmc-nav nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--hmmc-ease)}.hmmc-nav nav a:hover:after{transform:scaleX(1);transform-origin:left}
.hmmc-menu-button{display:none;width:44px;height:44px;border:0;background:transparent;position:relative}.hmmc-menu-button i{position:absolute;left:8px;width:28px;height:1px;background:#fff;transition:.3s}.hmmc-menu-button i:first-child{top:17px}.hmmc-menu-button i:last-child{top:26px}.hmmc-menu-button.is-open i:first-child{top:22px;transform:rotate(45deg)}.hmmc-menu-button.is-open i:last-child{top:22px;transform:rotate(-45deg)}
.hmmc-mobile-menu{position:fixed;inset:0;z-index:90;background:#080807;padding:120px 22px 35px;display:flex;flex-direction:column;justify-content:center;transform:translateY(-101%);transition:transform .7s var(--hmmc-ease)}
.hmmc-mobile-menu.is-open{transform:translateY(0)}.hmmc-mobile-menu a{font-family:Georgia,serif;font-size:clamp(46px,12vw,80px);letter-spacing:-.05em;padding:18px 0;border-bottom:1px solid var(--hmmc-line);display:flex;justify-content:space-between}.hmmc-mobile-menu a span{font-family:Arial;font-size:9px;letter-spacing:.18em;color:var(--hmmc-muted);align-self:flex-end}

.hmmc-hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;padding:130px clamp(20px,6vw,100px) 72px;overflow:hidden;background:#050505}
.hmmc-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hmmc-hero-video{z-index:-2;filter:saturate(.8) contrast(1.08) brightness(.72);transform:scale(1.03)}
.hmmc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.86) 0%,rgba(2,2,2,.46) 48%,rgba(2,2,2,.2) 100%),linear-gradient(0deg,rgba(2,2,2,.75),transparent 60%);z-index:-1}
.hmmc-hero-content{max-width:1050px}.hmmc-kicker,.hmmc-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#c4beb4}
.hmmc-title{margin:24px 0 25px;font-family:Georgia,serif;font-weight:400;font-size:clamp(58px,6.2vw,108px);line-height:.88;letter-spacing:-.065em}.hmmc-title>span{display:block;overflow:hidden}.hmmc-title i{font-style:normal;display:block;transform:translateY(110%)}
.hmmc-hero-intro{max-width:610px;font-size:clamp(15px,1.25vw,20px);line-height:1.72;color:#c3beb5}.hmmc-enter{display:inline-flex;gap:28px;align-items:center;margin-top:32px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.25);font-size:9px;text-transform:uppercase;letter-spacing:.18em}.hmmc-enter b{font-size:16px;font-weight:400;transition:transform .25s}.hmmc-enter:hover b{transform:translateY(5px)}
.hmmc-hero-bottom{position:absolute;left:clamp(20px,6vw,100px);right:clamp(20px,6vw,100px);bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#99948b}

.hmmc-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--hmmc-ease),transform .8s var(--hmmc-ease)}.hmmc-reveal.is-visible{opacity:1;transform:none}
.hmmc-section-label{display:flex;gap:18px;align-items:center}.hmmc-section-label span{color:var(--hmmc-accent)}
.hmmc-split{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:.98}.hmmc-word{display:inline-block;overflow:hidden;vertical-align:top}.hmmc-word>span{display:inline-block}

.hmmc-mine-portal{min-height:125vh;background:#0b0a08;padding:140px clamp(20px,7vw,120px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,8vw,130px);align-items:center}
.hmmc-portal-copy{max-width:560px}.hmmc-portal-copy h2{font-size:clamp(50px,6vw,98px);margin:24px 0 32px}.hmmc-portal-copy>p:last-child{font-size:15px;line-height:1.85;color:var(--hmmc-muted)}
.hmmc-portal-frame{height:min(75vh,820px);position:relative;overflow:hidden;background:#15120f;clip-path:polygon(46% 0,54% 0,70% 100%,30% 100%);will-change:clip-path}
.hmmc-portal-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--hmmc-portal-pos-x,50%) var(--hmmc-portal-pos-y,50%);transform:scale(1.08)}.hmmc-portal-vignette{position:absolute;inset:0;background:radial-gradient(circle at 52% 47%,transparent 18%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.58) 100%)}
.hmmc-portal-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--hmmc-accent),transparent);opacity:.55}.hmmc-portal-line.left{left:49%}.hmmc-portal-line.right{right:49%}

.hmmc-collection{padding:145px clamp(12px,4vw,65px);background:var(--hmmc-dark)}
.hmmc-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(45px,9vw,150px);align-items:end;margin-bottom:55px}.hmmc-section-head h2{font-size:clamp(50px,5vw,82px);margin:18px 0 0}.hmmc-section-intro{margin:0;color:var(--hmmc-muted);font-size:15px;line-height:1.85;max-width:560px}
.hmmc-locality-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.hmmc-locality-filter button{border:1px solid var(--hmmc-line);background:transparent;color:var(--hmmc-muted);padding:8px 13px;border-radius:999px;font-size:8px;letter-spacing:.11em;cursor:pointer;transition:.25s}.hmmc-locality-filter button.is-active,.hmmc-locality-filter button:hover{background:var(--hmmc-text);color:#080807;border-color:var(--hmmc-text)}
.hmmc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.hmmc-card{grid-column:span 4;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;transition:opacity .35s,transform .3s var(--hmmc-ease)}
.hmmc-card:nth-child(7n+1){grid-column:span 7}.hmmc-card:nth-child(7n+2){grid-column:span 5}.hmmc-card:nth-child(7n+5){grid-column:span 5}.hmmc-card:nth-child(7n+6){grid-column:span 7}.hmmc-card[hidden]{display:none}
.hmmc-card-image{position:relative;display:block;overflow:hidden;background:#111;aspect-ratio:1/1}.hmmc-card:nth-child(7n+1) .hmmc-card-image,.hmmc-card:nth-child(7n+6) .hmmc-card-image{aspect-ratio:1.35/1}.hmmc-card:nth-child(7n+2) .hmmc-card-image,.hmmc-card:nth-child(7n+5) .hmmc-card-image{aspect-ratio:.9/1}
.hmmc-card-image img{height:100%;object-fit:cover;transition:transform .75s var(--hmmc-ease),filter .35s}.hmmc-card-image i{position:absolute;inset:-70%;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 33%);transition:opacity .25s;pointer-events:none}.hmmc-card:hover .hmmc-card-image i{opacity:1}.hmmc-card:hover img{transform:scale(1.03)}
.hmmc-card-image em{position:absolute;left:13px;top:13px;background:rgba(5,5,5,.62);backdrop-filter:blur(7px);font-style:normal;font-size:8px;letter-spacing:.15em;padding:7px 9px}.hmmc-card-meta{display:flex;justify-content:space-between;gap:20px;padding:13px 2px 28px}.hmmc-card-meta strong{font-size:13px;font-weight:400}.hmmc-card-meta small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--hmmc-muted);text-align:right}

.hmmc-stage-section{background:var(--hmmc-light);color:#171613;padding:130px 0 0}.hmmc-stage-heading{padding:0 clamp(20px,6vw,105px) 60px}.hmmc-stage-heading .hmmc-section-label{color:#6e6a63}.hmmc-stage-heading h2{font-size:clamp(52px,7vw,110px);max-width:1100px;margin:18px 0 0}
.hmmc-stage-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:360vh}.hmmc-stage-sticky{height:100vh;position:sticky;top:0;padding:4vh 4vw 5vh 6vw}
.hmmc-stage-room{height:91vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#faf9f5 0%,#eceae3 100%);border:1px solid rgba(0,0,0,.09)}
.hmmc-stage-room:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(0,0,0,.055)}.hmmc-stage-room:after{content:"";position:absolute;left:0;right:0;bottom:17%;height:1px;background:rgba(0,0,0,.06)}
.hmmc-stage-halo{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(216,211,197,.26) 42%,transparent 70%);filter:blur(6px);top:9%}
.hmmc-stage-specimen-wrap{position:absolute;z-index:2;width:min(62%,630px);height:62%;top:12%;display:grid;place-items:center}.hmmc-stage-specimen-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:opacity .42s var(--hmmc-ease),transform .72s var(--hmmc-ease);filter:saturate(1.06) contrast(1.02)}
.hmmc-stage-specimen-wrap.is-swapping img{opacity:0;transform:translateY(18px) scale(.96)}
.hmmc-pedestal{position:absolute;z-index:1;bottom:7%;width:38%;min-width:240px;height:18%;background:linear-gradient(90deg,#393631,#5a554e 45%,#312e2a);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:0 35px 38px rgba(0,0,0,.23)}
.hmmc-pedestal span{position:absolute;left:5%;right:5%;top:-9px;height:18px;background:linear-gradient(90deg,#5b564f,#898176 45%,#4d4943);border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.25)}.hmmc-pedestal i{position:absolute;left:12%;right:12%;bottom:-26px;height:35px;background:radial-gradient(ellipse,rgba(0,0,0,.22),transparent 68%);filter:blur(5px)}
.hmmc-stage-id{position:absolute;left:24px;bottom:22px;z-index:3;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.hmmc-stage-id small{font-size:8px;color:#716c64}
.hmmc-stage-chapters{padding:25vh clamp(25px,6vw,100px) 20vh}.hmmc-stage-chapter{min-height:58vh;display:flex;flex-direction:column;justify-content:center;opacity:.2;transition:opacity .4s}.hmmc-stage-chapter.is-active{opacity:1}.hmmc-stage-chapter>span{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#866c48}.hmmc-stage-chapter h3{font-family:Georgia,serif;font-size:clamp(42px,4vw,72px);font-weight:400;letter-spacing:-.045em;margin:20px 0 14px}.hmmc-stage-chapter p{margin:0;color:#716c64;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.hmmc-localities{position:relative;background:#0b0a08;padding:145px clamp(20px,7vw,120px);overflow:hidden}.hmmc-locality-bg-word{position:absolute;left:-2vw;top:40%;transform:rotate(-90deg) translateY(-50%);transform-origin:left top;font-family:Georgia,serif;font-size:clamp(130px,20vw,320px);letter-spacing:-.07em;color:rgba(255,255,255,.025);pointer-events:none}
.hmmc-locality-route{width:min(1050px,100%);margin:70px auto 0;position:relative}.hmmc-route-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}.hmmc-route-line i{display:block;width:100%;height:0;background:var(--hmmc-accent)}
.hmmc-locality-stop{display:grid;grid-template-columns:1fr 60px 1fr;min-height:260px;align-items:center;position:relative}.hmmc-locality-stop:nth-child(odd) .hmmc-locality-copy{grid-column:1;text-align:right;padding-right:35px}.hmmc-locality-stop:nth-child(even) .hmmc-locality-copy{grid-column:3;padding-left:35px}.hmmc-locality-number{font-family:Georgia,serif;font-size:54px;color:rgba(255,255,255,.07);grid-column:1}.hmmc-locality-stop:nth-child(even) .hmmc-locality-number{grid-column:3;text-align:right}
.hmmc-locality-dot{grid-column:2;grid-row:1;width:12px;height:12px;border-radius:50%;border:1px solid var(--hmmc-accent);background:#0b0a08;justify-self:center;z-index:2;box-shadow:0 0 0 7px rgba(197,139,72,.07)}.hmmc-locality-copy{grid-row:1}.hmmc-locality-copy span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--hmmc-accent)}.hmmc-locality-copy h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,62px);font-weight:400;letter-spacing:-.045em;margin:10px 0 12px}.hmmc-locality-copy p{color:var(--hmmc-muted);line-height:1.75;font-size:14px;margin:0}

.hmmc-owner{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#080807}.hmmc-owner-image{position:relative;overflow:hidden;min-height:720px}.hmmc-owner-image img{height:100%;object-fit:cover;object-position:center;transform:scale(1.08);will-change:transform}.hmmc-owner-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#080807 100%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 50%)}
.hmmc-owner-copy{padding:120px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.hmmc-owner-copy h2{font-size:clamp(46px,4.7vw,78px);margin:22px 0 20px}.hmmc-owner-copy h3{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--hmmc-accent);margin:0 0 25px}.hmmc-owner-copy>p:last-of-type{color:var(--hmmc-muted);font-size:15px;line-height:1.85;max-width:570px}
.hmmc-footer{border-top:1px solid var(--hmmc-line);background:#070706;padding:34px clamp(20px,4vw,65px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--hmmc-muted)}.hmmc-footer>div{display:flex;flex-direction:column;gap:4px}.hmmc-footer strong{color:#fff;font-weight:500}

.hmmc-modal{position:fixed;inset:0;z-index:999994;display:none;place-items:center;padding:16px}.hmmc-modal.is-open{display:grid}.hmmc-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.92);backdrop-filter:blur(10px)}
.hmmc-modal-panel{position:relative;width:min(1280px,100%);height:min(850px,calc(100vh - 32px));display:grid;grid-template-columns:1.3fr .7fr;background:#090908;border:1px solid var(--hmmc-line);overflow:hidden;animation:hmmc-modal .48s var(--hmmc-ease)}@keyframes hmmc-modal{from{opacity:0;transform:translateY(20px) scale(.985)}}
.hmmc-modal-close{position:absolute;right:18px;top:18px;z-index:3;width:44px;height:44px;border:1px solid var(--hmmc-line);background:rgba(0,0,0,.6);color:#fff;font-size:27px;cursor:pointer}.hmmc-modal-media{position:relative;background:#10100f;overflow:hidden}.hmmc-modal-media img{width:100%;height:100%;object-fit:contain}.hmmc-modal-media button{position:absolute;left:18px;bottom:18px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.65);color:#fff;padding:9px 13px;font-size:8px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.hmmc-modal-copy{padding:clamp(42px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.hmmc-modal-copy>span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--hmmc-accent)}.hmmc-modal-copy h3{font-family:Georgia,serif;font-size:clamp(42px,5vw,75px);font-weight:400;letter-spacing:-.05em;line-height:.98;margin:20px 0 28px}.hmmc-modal-copy>p{color:var(--hmmc-muted);line-height:1.8;font-size:14px}.hmmc-modal-copy>div{margin-top:35px;padding-top:16px;border-top:1px solid var(--hmmc-line);display:flex;justify-content:space-between;gap:20px}.hmmc-modal-copy small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--hmmc-muted)}

@media(max-width:1100px){
  .hmmc-nav nav{display:none}.hmmc-menu-button{display:block}.hmmc-mine-portal{grid-template-columns:1fr;padding-top:110px}.hmmc-portal-copy{max-width:720px}.hmmc-portal-frame{height:72vh}
  .hmmc-section-head{grid-template-columns:1fr}.hmmc-section-intro{margin-left:auto}.hmmc-card,.hmmc-card:nth-child(n){grid-column:span 6}.hmmc-card-image,.hmmc-card:nth-child(n) .hmmc-card-image{aspect-ratio:1/1}
  .hmmc-stage-layout{grid-template-columns:1fr;min-height:auto}.hmmc-stage-sticky{height:68vh;top:0;padding:15px}.hmmc-stage-room{height:100%}.hmmc-stage-chapters{padding:8vh 25px 12vh}.hmmc-stage-chapter{min-height:56vh}
  .hmmc-owner{grid-template-columns:1fr}.hmmc-owner-image{min-height:70vh}.hmmc-owner-image-shade{background:linear-gradient(0deg,#080807 0%,transparent 42%)}
  .hmmc-modal-panel{grid-template-columns:1fr;overflow:auto}.hmmc-modal-media{min-height:56vh}
}
@media(max-width:680px){
  .hmmc-cursor{display:none!important}.hmmc-nav{height:70px;padding-inline:14px}.hmmc-logo div{display:none}.hmmc-hero{min-height:680px;padding:105px 18px 65px;align-items:flex-end}.hmmc-hero-video{object-position:center}
  .hmmc-title{font-size:clamp(58px,18vw,84px)}.hmmc-hero-bottom{left:18px;right:18px;bottom:18px}.hmmc-hero-bottom span:last-child{display:none}
  .hmmc-mine-portal{padding:90px 18px;gap:45px}.hmmc-portal-frame{height:62vh}.hmmc-portal-copy h2{font-size:55px}
  .hmmc-collection{padding:95px 10px}.hmmc-section-head{margin-bottom:36px;padding-inline:8px}.hmmc-section-head h2{font-size:clamp(32px,8vw,44px)}.hmmc-locality-filter{padding-inline:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.hmmc-locality-filter button{white-space:nowrap}
  .hmmc-card,.hmmc-card:nth-child(n){grid-column:1/-1}.hmmc-card-meta{padding-inline:4px}
  .hmmc-stage-section{padding-top:90px}.hmmc-stage-heading{padding:0 18px 42px}.hmmc-stage-heading h2{font-size:56px}.hmmc-stage-sticky{height:60vh;padding:8px}.hmmc-stage-specimen-wrap{width:77%;height:60%;top:9%}.hmmc-pedestal{width:54%;bottom:8%}.hmmc-stage-id{left:14px;bottom:14px}
  .hmmc-localities{padding:95px 18px}.hmmc-locality-bg-word{display:none}.hmmc-locality-route{margin-top:40px}.hmmc-route-line{left:14px}.hmmc-locality-stop{display:grid;grid-template-columns:28px 1fr;min-height:235px}.hmmc-locality-dot{grid-column:1;justify-self:start}.hmmc-locality-number{display:none}.hmmc-locality-stop:nth-child(n) .hmmc-locality-copy{grid-column:2!important;text-align:left!important;padding:0 0 0 18px!important}.hmmc-locality-copy h3{font-size:43px}
  .hmmc-owner-image{min-height:62vh}.hmmc-owner-copy{padding:70px 20px 95px}.hmmc-owner-copy h2{font-size:clamp(32px,8vw,44px)}
  .hmmc-footer{grid-template-columns:1fr}.hmmc-modal{padding:0}.hmmc-modal-panel{width:100%;height:100vh;border:0}.hmmc-modal-copy{padding:38px 22px}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-root *{animation:none!important;transition:none!important}.hmmc-reveal{opacity:1!important;transform:none!important}.hmmc-title i{transform:none!important}.hmmc-cursor{display:none!important}
}


/* =========================================================
   V2 ART DIRECTION
   Black only: HERO + MINE PORTAL + OWNER/FOOTER.
   Collection/localities/stage use warm museum tones.
   ========================================================= */

/* COLLECTION — warm museum paper, disciplined equal-size archive */
.hmmc-collection{
  background:#eeeae2!important;
  color:#171512!important;
  padding-top:150px!important;
}
.hmmc-collection .hmmc-section-label,
.hmmc-collection .hmmc-section-intro{color:#706a61!important}
.hmmc-collection .hmmc-section-label span{color:#9b642e!important}
.hmmc-collection .hmmc-locality-filter button{
  border-color:rgba(20,18,15,.16)!important;
  color:#686158!important;
  background:rgba(255,255,255,.38)!important;
}
.hmmc-collection .hmmc-locality-filter button.is-active,
.hmmc-collection .hmmc-locality-filter button:hover{
  background:#161411!important;color:#f5f1e8!important;border-color:#161411!important
}
.hmmc-groups{display:flex;flex-direction:column;gap:94px}
.hmmc-locality-group{transition:opacity .35s var(--hmmc-ease),transform .35s var(--hmmc-ease)}
.hmmc-locality-group[hidden]{display:none!important}
.hmmc-group-heading{
  display:grid;grid-template-columns:auto auto 1fr auto;align-items:end;gap:18px;
  margin:0 0 24px;padding:0 2px 15px;border-bottom:1px solid rgba(20,18,15,.16)
}
.hmmc-group-heading>span{
  font-family:Georgia,serif;font-size:34px;line-height:1;color:#a6703d
}
.hmmc-group-heading>div small{
  display:block;margin-bottom:5px;font-size:7px;text-transform:uppercase;letter-spacing:.18em;color:#8a8378
}
.hmmc-group-heading h3{
  margin:0;font-family:Georgia,serif;font-size:clamp(28px,3vw,48px);font-weight:400;letter-spacing:-.035em
}
.hmmc-group-heading i{height:1px;background:rgba(20,18,15,.09);margin-bottom:6px}
.hmmc-group-heading b{
  margin-bottom:3px;font-size:7px;text-transform:uppercase;letter-spacing:.16em;font-weight:400;color:#81796f
}

/* equal museum cards */
.hmmc-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important
}
.hmmc-card,
.hmmc-card:nth-child(n){
  grid-column:auto!important;
  color:#171512!important
}
.hmmc-card-image,
.hmmc-card:nth-child(n) .hmmc-card-image{
  aspect-ratio:4/5!important;
  background:linear-gradient(180deg,#faf9f6,#e7e3db)!important;
  border:1px solid rgba(20,18,15,.08)
}
.hmmc-card-image img{
  object-fit:contain!important;
  padding:4.5%!important;
  filter:saturate(1.03) contrast(1.015);
  transform:scale(.98)
}
.hmmc-card:hover .hmmc-card-image img{transform:scale(1.015)!important}
.hmmc-card-image em{
  color:#f5f1e8!important;background:rgba(15,14,12,.72)!important
}
.hmmc-card-meta{min-height:64px!important;border-top:1px solid rgba(20,18,15,.08)!important;padding:12px 2px 18px!important}
.hmmc-card-meta strong{font-family:Georgia,serif;font-size:15px!important}
.hmmc-card-meta small{color:#756e65!important}
.hmmc-view-mark{
  position:absolute;right:13px;bottom:13px;width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(20,18,15,.22);display:grid;place-items:center;
  font-size:7px;letter-spacing:.14em;color:#191714;background:rgba(247,244,237,.72);
  backdrop-filter:blur(7px);opacity:0;transform:scale(.8);transition:.28s var(--hmmc-ease)
}
.hmmc-card:hover .hmmc-view-mark{opacity:1;transform:scale(1)}
.hmmc-card-image i{
  background:radial-gradient(circle,rgba(255,255,255,.55),transparent 32%)!important
}

/* FIXED VITRINE — same architecture/pedestal/background, only specimen swaps */
.hmmc-stage-section{
  background:#d8d2c7!important;
  color:#171512!important;
  padding-top:150px!important
}
.hmmc-stage-room{
  background:
    radial-gradient(circle at 50% 24%,rgba(255,255,255,.98),rgba(248,245,238,.92) 28%,rgba(215,208,195,.92) 80%),
    linear-gradient(180deg,#f3efe7,#cfc8bc)!important;
  border:1px solid rgba(72,62,48,.16)!important;
  box-shadow:inset 0 0 95px rgba(94,78,57,.09),0 28px 90px rgba(77,65,48,.12);
  perspective:1200px
}
.hmmc-stage-room:before{
  left:9%!important;right:9%!important;top:9%!important;bottom:11%!important;width:auto!important;height:auto!important;
  border-left:1px solid rgba(84,70,52,.11);border-right:1px solid rgba(84,70,52,.11);
  background:linear-gradient(90deg,transparent 49.9%,rgba(84,70,52,.05) 50%,transparent 50.1%)!important
}
.hmmc-stage-room:after{
  bottom:11%!important;background:linear-gradient(90deg,transparent,rgba(76,64,48,.15),transparent)!important
}
.hmmc-vitrine-ceiling{
  position:absolute;left:11%;right:11%;top:7%;height:36px;z-index:5;
  background:linear-gradient(180deg,#d1c6b6,#9d907d);
  box-shadow:0 8px 18px rgba(60,48,35,.18),inset 0 1px rgba(255,255,255,.45)
}
.hmmc-vitrine-ceiling i{
  position:absolute;top:13px;width:10px;height:10px;border-radius:50%;
  background:#fff5dc;box-shadow:0 0 18px 5px rgba(255,227,167,.85),0 65px 110px 38px rgba(255,233,184,.18)
}
.hmmc-vitrine-ceiling i:nth-child(1){left:20%}.hmmc-vitrine-ceiling i:nth-child(2){left:50%}.hmmc-vitrine-ceiling i:nth-child(3){right:20%}
.hmmc-glass-box{
  position:absolute;z-index:4;left:18%;right:18%;top:13%;bottom:21%;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:inset 0 0 35px rgba(255,255,255,.13),0 18px 40px rgba(56,46,34,.06);
  pointer-events:none
}
.hmmc-glass-box:before,.hmmc-glass-box:after{
  content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.9),transparent)
}
.hmmc-glass-box:before{left:8%}.hmmc-glass-box:after{right:8%}
.hmmc-glass-box>span{
  position:absolute;left:3%;top:3%;width:24%;height:72%;
  background:linear-gradient(105deg,rgba(255,255,255,.22),rgba(255,255,255,.02) 45%,transparent);
  clip-path:polygon(0 0,100% 0,45% 100%,0 100%);opacity:.55
}
.hmmc-glass-box>i{
  position:absolute;right:4%;top:7%;width:11%;height:52%;
  background:linear-gradient(105deg,rgba(255,255,255,.11),transparent);
  transform:skewX(-9deg);opacity:.55
}
.hmmc-stage-halo{
  width:58%!important;top:7%!important;
  background:radial-gradient(circle,rgba(255,248,226,.98),rgba(236,218,184,.28) 39%,transparent 70%)!important
}
.hmmc-stage-specimen-wrap{
  width:min(58%,590px)!important;height:57%!important;top:15%!important;z-index:3!important
}
.hmmc-stage-specimen-wrap img{
  mix-blend-mode:multiply!important;
  filter:saturate(1.08) contrast(1.06) drop-shadow(0 24px 16px rgba(55,44,32,.20))!important
}
.hmmc-pedestal{
  z-index:2!important;bottom:7.8%!important;width:42%!important;height:18%!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.22),transparent 26%),
    repeating-linear-gradient(98deg,rgba(255,255,255,.05) 0 2px,rgba(71,58,43,.035) 2px 5px),
    linear-gradient(90deg,#7e705f,#b2a490 47%,#756755)!important;
  clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)!important;
  border:1px solid rgba(69,57,43,.18);
  box-shadow:0 34px 38px rgba(55,44,31,.24)!important
}
.hmmc-pedestal:before{
  content:"";position:absolute;left:-2%;right:-2%;top:-10px;height:20px;border-radius:50%;
  background:linear-gradient(90deg,#958673,#cbbca7 50%,#8d7d69);
  border:1px solid rgba(77,63,46,.16);box-shadow:0 7px 12px rgba(44,35,25,.18)
}
.hmmc-pedestal span{
  left:7%!important;right:7%!important;top:-8px!important;height:16px!important;
  background:linear-gradient(90deg,#9d8c75,#d4c2a8 48%,#8a7863)!important
}
.hmmc-stage-id{color:#3f382f!important}
.hmmc-stage-chapter>span{color:#8e5c2e!important}
.hmmc-stage-chapter p{color:#6c6257!important}

/* LOCALITIES — light stone editorial section instead of black */
.hmmc-localities{
  background:#e4ded3!important;
  color:#1b1916!important
}
.hmmc-localities .hmmc-section-label,
.hmmc-localities .hmmc-section-intro{color:#6e675d!important}
.hmmc-localities .hmmc-section-label span{color:#9a622c!important}
.hmmc-locality-bg-word{color:rgba(54,43,30,.035)!important}
.hmmc-route-line{background:rgba(36,31,26,.14)!important}
.hmmc-route-line i{background:#9a622c!important}
.hmmc-locality-dot{
  border-color:#9a622c!important;background:#e4ded3!important;
  box-shadow:0 0 0 7px rgba(154,98,44,.08)!important
}
.hmmc-locality-copy span{color:#9a622c!important}
.hmmc-locality-copy p{color:#6e675d!important}
.hmmc-locality-number{color:rgba(37,30,23,.08)!important}

/* OWNER remains a black closing chapter */
.hmmc-owner,.hmmc-footer{background:#070706!important}

/* MODAL + real loupe inspection */
.hmmc-modal-media img{transition:opacity .18s ease}
.hmmc-loupe{
  position:absolute;width:210px;height:210px;border-radius:50%;
  border:1px solid rgba(255,255,255,.7);display:none;pointer-events:none;z-index:4;
  background-repeat:no-repeat;background-color:#111;
  box-shadow:0 18px 45px rgba(0,0,0,.5),inset 0 0 0 5px rgba(255,255,255,.06)
}
.hmmc-loupe:after{
  content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.16);border-radius:50%
}
.hmmc-loupe-hint{
  position:absolute;right:18px;bottom:18px;z-index:2;
  font-size:7px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.55)
}

@media(max-width:1200px){
  .hmmc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .hmmc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hmmc-group-heading{grid-template-columns:auto 1fr auto}.hmmc-group-heading i{display:none}
}
@media(max-width:520px){
  .hmmc-grid{grid-template-columns:1fr!important;gap:14px!important}
  .hmmc-card-image{aspect-ratio:1/1.12!important}
  .hmmc-groups{gap:70px}.hmmc-group-heading>span{font-size:28px}
  .hmmc-group-heading h3{font-size:31px}.hmmc-group-heading b{display:none}
  .hmmc-glass-box{left:8%;right:8%;top:12%;bottom:20%}
  .hmmc-stage-specimen-wrap{width:76%!important;height:57%!important;top:15%!important}
  .hmmc-pedestal{width:60%!important}
  .hmmc-loupe,.hmmc-loupe-hint{display:none!important}
}


/* =========================================================
   V3 — WHITE MUSEUM BODY / BLACK STORY CHAPTERS
   Black: hero + mine portal + localities + owner/footer.
   White: collection + vitrine/stage + all neutral body areas.
   ========================================================= */

/* BODY / neutral whitespace */
.hmmc-root{background:#ffffff!important}

/* COLLECTION — bright white museum archive */
.hmmc-collection{
  background:#ffffff!important;
  color:#151412!important;
  padding:150px clamp(18px,4.5vw,76px)!important
}
.hmmc-collection .hmmc-section-label,
.hmmc-collection .hmmc-section-intro{color:#6f6b65!important}
.hmmc-collection .hmmc-section-label span{color:#9b642e!important}
.hmmc-collection .hmmc-section-head{
  max-width:1500px;margin-left:auto;margin-right:auto;margin-bottom:70px!important
}
.hmmc-collection .hmmc-locality-filter{
  max-width:1500px;margin-left:auto;margin-right:auto;margin-bottom:58px!important;
  padding-bottom:14px;border-bottom:1px solid rgba(18,17,15,.11)
}
.hmmc-collection .hmmc-locality-filter button{
  background:#fff!important;color:#66615a!important;border-color:rgba(20,18,15,.15)!important
}
.hmmc-collection .hmmc-locality-filter button.is-active,
.hmmc-collection .hmmc-locality-filter button:hover{
  background:#11100f!important;color:#fff!important;border-color:#11100f!important
}

/* locality groups inside the collection */
.hmmc-groups{
  max-width:1500px;margin:0 auto;
  gap:118px!important
}
.hmmc-locality-group{
  padding-top:4px
}
.hmmc-group-heading{
  margin-bottom:30px!important;
  grid-template-columns:72px minmax(240px,auto) 1fr auto!important;
  gap:22px!important;
  border-bottom:1px solid rgba(18,17,15,.12)!important;
  padding-bottom:18px!important
}
.hmmc-group-heading>span{
  font-size:40px!important;color:#a46a34!important
}
.hmmc-group-heading>div small{color:#8d877f!important}
.hmmc-group-heading h3{
  color:#151412!important;
  font-size:clamp(31px,3vw,50px)!important
}
.hmmc-group-heading i{background:rgba(18,17,15,.08)!important}
.hmmc-group-heading b{color:#817b73!important}

/* disciplined equal specimen layout */
.hmmc-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px 18px!important
}
.hmmc-card{
  border-top:1px solid rgba(20,18,15,.08)!important;
  padding-top:10px!important
}
.hmmc-card-image,
.hmmc-card:nth-child(n) .hmmc-card-image{
  aspect-ratio:1/1.08!important;
  background:#f6f6f4!important;
  border:1px solid rgba(20,18,15,.07)!important;
  box-shadow:0 10px 34px rgba(35,31,26,.035)
}
.hmmc-card-image img{
  object-fit:contain!important;
  padding:5.5%!important;
  transform:scale(.97)!important
}
.hmmc-card:hover .hmmc-card-image img{transform:scale(1.012)!important}
.hmmc-card-meta{
  min-height:72px!important;
  padding:15px 2px 20px!important;
  border-top:0!important
}
.hmmc-card-meta strong{
  color:#161513!important;
  font-family:Georgia,serif!important;
  font-size:16px!important
}
.hmmc-card-meta small{color:#766f67!important}

/* FIXED VITRINE SECTION — white gallery architecture */
.hmmc-stage-section{
  background:#ffffff!important;
  color:#151412!important;
  border-top:1px solid rgba(20,18,15,.08);
  padding-top:155px!important
}
.hmmc-stage-heading{
  max-width:1500px;margin:0 auto;
  padding-left:clamp(20px,6vw,100px)!important;
  padding-right:clamp(20px,6vw,100px)!important
}
.hmmc-stage-heading .hmmc-section-label{color:#716b63!important}
.hmmc-stage-room{
  background:
    radial-gradient(circle at 50% 23%,rgba(255,255,255,1),rgba(250,249,246,.97) 32%,rgba(234,231,224,.96) 82%),
    #f7f6f2!important;
  border:1px solid rgba(50,43,35,.12)!important;
  box-shadow:inset 0 0 90px rgba(83,70,52,.06),0 28px 85px rgba(57,49,39,.08)!important
}
.hmmc-vitrine-ceiling{
  background:linear-gradient(180deg,#d8d0c4,#a99d8c)!important
}
.hmmc-glass-box{
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 36px rgba(255,255,255,.18),0 18px 45px rgba(72,60,44,.05)!important
}
.hmmc-pedestal{
  background:
    linear-gradient(115deg,rgba(255,255,255,.28),transparent 26%),
    repeating-linear-gradient(98deg,rgba(255,255,255,.06) 0 2px,rgba(68,56,42,.03) 2px 5px),
    linear-gradient(90deg,#877765,#b9ab96 48%,#7a6b59)!important
}
.hmmc-stage-chapter{color:#151412!important}
.hmmc-stage-chapter p{color:#6b645b!important}
.hmmc-stage-chapter>span{color:#95602f!important}

/* LOCALITIES — restore deep black chapter */
.hmmc-localities{
  background:#070706!important;
  color:#f2efe8!important
}
.hmmc-localities .hmmc-section-label,
.hmmc-localities .hmmc-section-intro{color:#a09b91!important}
.hmmc-localities .hmmc-section-label span{color:#c58b48!important}
.hmmc-locality-bg-word{color:rgba(255,255,255,.025)!important}
.hmmc-route-line{background:rgba(255,255,255,.13)!important}
.hmmc-route-line i{background:#c58b48!important}
.hmmc-locality-dot{
  border-color:#c58b48!important;
  background:#070706!important;
  box-shadow:0 0 0 7px rgba(197,139,72,.08)!important
}
.hmmc-locality-copy span{color:#c58b48!important}
.hmmc-locality-copy h3{color:#f2efe8!important}
.hmmc-locality-copy p{color:#a09b91!important}
.hmmc-locality-number{color:rgba(255,255,255,.07)!important}

/* ensure intended black chapters remain black */
.hmmc-hero,
.hmmc-mine-portal,
.hmmc-owner,
.hmmc-footer{
  background:#070706!important
}

/* clean white visual transition before localities */
.hmmc-stage-section + .hmmc-localities{
  border-top:0!important
}

/* Tablet / Mobile organization */
@media(max-width:1200px){
  .hmmc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .hmmc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hmmc-group-heading{grid-template-columns:58px 1fr auto!important}
  .hmmc-group-heading i{display:none!important}
}
@media(max-width:560px){
  .hmmc-collection{padding:100px 10px!important}
  .hmmc-collection .hmmc-section-head,
  .hmmc-collection .hmmc-locality-filter{padding-left:8px;padding-right:8px}
  .hmmc-groups{gap:78px!important}
  .hmmc-group-heading{
    grid-template-columns:46px 1fr!important;
    margin-left:8px;margin-right:8px
  }
  .hmmc-group-heading b{display:none!important}
  .hmmc-group-heading>span{font-size:30px!important}
  .hmmc-group-heading h3{font-size:31px!important}
  .hmmc-grid{grid-template-columns:1fr!important;gap:22px!important}
  .hmmc-card{padding-top:0!important;border-top:0!important}
  .hmmc-card-image{aspect-ratio:1/1.08!important}
  .hmmc-card-meta{padding-left:5px!important;padding-right:5px!important}
}

/* V3.1 video compatibility */
.hmmc-hero-video{opacity:1;transition:opacity .35s ease}
.hmmc-hero-video.is-video-error{opacity:0!important}
.hmmc-hero-video{z-index:-2!important}


/* =========================================================
   V3.2 — HERO VIDEO VISIBILITY FIX
   Previous versions placed the video at negative z-index,
   which could put it behind the hero's black background.
   ========================================================= */
.hmmc-hero{
  isolation:isolate!important;
  background:#050505!important;
}
.hmmc-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.hmmc-hero-video{
  z-index:1!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
.hmmc-hero-video.is-video-error{
  opacity:0!important;
}
.hmmc-hero-shade{
  z-index:2!important;
  pointer-events:none!important;
}
.hmmc-hero-content{
  position:relative!important;
  z-index:3!important;
}
.hmmc-hero-bottom{
  z-index:3!important;
}
.hmmc-nav{
  z-index:100!important;
}

/* The fixed-support section is intentionally removed in V3.2. */


/* =========================================================
   V7 — Minimal White Moroccan Cabinet
   Scoped only to the specimen / collection section.
   ========================================================= */

.hmmc-mc-min{
  --mc-text:#151412;
  --mc-muted:#77716a;
  --mc-accent:#c58b48;
  --mc-line:rgba(21,20,18,.11);
  background:#fff!important;
  color:var(--mc-text)!important;
  padding:0!important;
  overflow:hidden;
}
.hmmc-mc-min *{box-sizing:border-box}
.hmmc-mc-min button,.hmmc-mc-min input{font:inherit;color:inherit}

/* Main desktop composition */
.hmmc-mc-min-main{
  width:min(1500px,calc(100% - clamp(52px,7vw,120px)));
  min-height:760px;
  margin:0 auto;
  padding:118px 0 44px;
  display:grid;
  grid-template-columns:minmax(220px,28fr) minmax(470px,45fr) minmax(230px,27fr);
  gap:clamp(36px,4vw,70px);
  align-items:center;
}
.hmmc-mc-min-intro{max-width:360px;align-self:center}
.hmmc-mc-min-eyebrow{
  margin:0 0 19px;
  font-size:7px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#858079;
}
.hmmc-mc-min-intro h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(46px,4.7vw,78px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.055em;
  color:#151412;
}
.hmmc-mc-min-intro>i{
  display:block;
  width:40px;
  height:1px;
  margin:24px 0 19px;
  background:var(--mc-accent);
}
.hmmc-mc-min-subtitle{
  margin:0;
  max-width:285px;
  color:#706b64;
  font-size:14px;
  line-height:1.65;
}
.hmmc-mc-min-statline{
  margin:27px 0 0;
  color:#7a756e;
  font-size:6.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hmmc-mc-min-statline span{margin:0 8px;color:var(--mc-accent)}
.hmmc-mc-min-mobile-head{display:none}

/* Exact uploaded showcase/vitrine remains fixed; only specimen changes */
.hmmc-mc-min-vitrine{
  position:relative;
  width:100%;
  max-width:650px;
  aspect-ratio:701/685;
  margin:auto;
  background:transparent;
}
.hmmc-mc-min-frame{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
.hmmc-mc-min-specimen{
  position:absolute;
  z-index:2;
  left:12%;
  right:12%;
  top:12%;
  bottom:31%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
}
.hmmc-mc-min-specimen img{
  max-width:92%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:1;
  transform:scale(1);
  filter:drop-shadow(0 13px 10px rgba(0,0,0,.09));
  transition:opacity .28s var(--hmmc-ease),transform .48s var(--hmmc-ease);
}
.hmmc-mc-min-vitrine.is-changing .hmmc-mc-min-specimen img{
  opacity:0;
  transform:scale(.97);
}

/* Minimal right-side information */
.hmmc-mc-min-info{
  max-width:330px;
  min-width:0;
  align-self:center;
}
.hmmc-mc-min-nav{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:38px;
}
.hmmc-mc-min-nav button{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:17px;
}
.hmmc-mc-min-nav span{
  min-width:74px;
  text-align:center;
  color:#77716a;
  font-size:8px;
  letter-spacing:.16em;
}
.hmmc-mc-min-nav strong{font-weight:400;color:#171512}
.hmmc-mc-min-code{
  margin:0 0 8px;
  color:#8b857d;
  font-size:6px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hmmc-mc-min-info h3{
  margin:0;
  color:#151412;
  font-family:Georgia,serif;
  font-size:clamp(42px,4.1vw,65px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.05em;
  transition:opacity .25s var(--hmmc-ease),transform .25s var(--hmmc-ease);
}
.hmmc-mc-min-accent{
  display:block;
  width:34px;
  height:1px;
  margin:18px 0 19px;
  background:var(--mc-accent);
}
.hmmc-mc-min-locality{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:25px;
}
.hmmc-mc-min-locality strong{
  font-size:12px;
  font-weight:400;
  line-height:1.45;
}
.hmmc-mc-min-locality small{color:#858078;font-size:9px}
.hmmc-mc-min-meta{margin:0}
.hmmc-mc-min-meta div{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:18px;
  padding:10px 0;
  border-top:1px solid rgba(21,20,18,.09);
}
.hmmc-mc-min-meta div:last-child{border-bottom:1px solid rgba(21,20,18,.09)}
.hmmc-mc-min-meta dt{
  color:#858078;
  font-size:5.5px;
  letter-spacing:.16em;
}
.hmmc-mc-min-meta dd{
  margin:0;
  color:#2b2926;
  font-size:10px;
}
.hmmc-mc-min-locality-link{
  display:inline-block;
  margin-top:23px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(21,20,18,.2);
  font-size:6.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hmmc-mc-min-info .hmmc-mc-min-code,
.hmmc-mc-min-info .hmmc-mc-min-locality,
.hmmc-mc-min-info .hmmc-mc-min-meta,
.hmmc-mc-min-info .hmmc-mc-min-locality-link{
  opacity:1;
  transform:translateY(0);
  transition:opacity .24s var(--hmmc-ease),transform .28s var(--hmmc-ease);
}
.hmmc-mc-min-info.is-changing .hmmc-mc-min-code,
.hmmc-mc-min-info.is-changing h3,
.hmmc-mc-min-info.is-changing .hmmc-mc-min-locality,
.hmmc-mc-min-info.is-changing .hmmc-mc-min-meta,
.hmmc-mc-min-info.is-changing .hmmc-mc-min-locality-link{
  opacity:0;
  transform:translateY(4px);
}

/* Discreet specimen rail */
.hmmc-mc-min-rail-wrap{
  width:min(1500px,calc(100% - clamp(52px,7vw,120px)));
  margin:0 auto;
  padding:16px 0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px;
  gap:9px;
  align-items:center;
  border-top:1px solid rgba(21,20,18,.085);
  border-bottom:1px solid rgba(21,20,18,.085);
}
.hmmc-mc-min-rail-arrow{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:15px;
}
.hmmc-mc-min-rail{
  display:flex;
  gap:13px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
}
.hmmc-mc-min-rail::-webkit-scrollbar{display:none}
.hmmc-mc-min-rail-item{
  position:relative;
  flex:0 0 72px;
  padding:5px 4px 7px;
  border:0;
  background:transparent;
  cursor:pointer;
}
.hmmc-mc-min-rail-item>span{
  width:64px;
  height:54px;
  display:grid;
  place-items:center;
}
.hmmc-mc-min-rail-item img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.hmmc-mc-min-rail-item b{
  display:block;
  margin-top:6px;
  color:#7b756e;
  text-align:center;
  font-size:6px;
  font-weight:400;
  letter-spacing:.14em;
}
.hmmc-mc-min-rail-item:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:var(--mc-accent);
  transform:scaleX(0);
  transition:transform .2s;
}
.hmmc-mc-min-rail-item.is-active:after{transform:scaleX(1)}
.hmmc-mc-min-rail-item.is-active b{color:#171512}

/* Explore heading and simple text filters */
.hmmc-mc-min-explore{
  width:min(1500px,calc(100% - clamp(52px,7vw,120px)));
  margin:0 auto;
  padding:134px 0 38px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}
.hmmc-mc-min-explore h3{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(42px,4.2vw,70px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.05em;
}
.hmmc-mc-min-controls{
  display:flex;
  align-items:flex-end;
  gap:22px;
}
.hmmc-mc-min-controls>button{
  position:relative;
  padding:0 0 7px;
  border:0;
  background:transparent;
  color:#77716a;
  cursor:pointer;
  font-size:6.5px;
  letter-spacing:.15em;
}
.hmmc-mc-min-controls>button:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:var(--mc-accent);
  transform:scaleX(0);
  transition:transform .2s;
}
.hmmc-mc-min-controls>button.is-active{color:#171512}
.hmmc-mc-min-controls>button.is-active:after{transform:scaleX(1)}
.hmmc-mc-min-search{
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(21,20,18,.15);
}
.hmmc-mc-min-search span{
  color:#77716a;
  font-size:6.5px;
  letter-spacing:.15em;
}
.hmmc-mc-min-search input{
  width:105px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  font-size:10px;
}

/* Museum-catalogue grid */
.hmmc-mc-min-grid{
  width:min(1500px,calc(100% - clamp(52px,7vw,120px)));
  margin:0 auto;
  padding:0 0 145px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:58px 24px;
}
.hmmc-mc-min-card{
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.hmmc-mc-min-card[hidden]{display:none!important}
.hmmc-mc-min-card-image{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#fcfcfb;
}
.hmmc-mc-min-card-image>img{
  width:100%;
  height:100%;
  padding:4%;
  object-fit:contain;
  transform:scale(.99);
  transition:transform .45s var(--hmmc-ease);
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-image>img{transform:scale(1.02)}
.hmmc-mc-min-card-copy{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 1px 0;
}
.hmmc-mc-min-card-copy>span{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.hmmc-mc-min-card-copy strong{
  overflow:hidden;
  font-family:Georgia,serif;
  font-size:17px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hmmc-mc-min-card-copy small{
  overflow:hidden;
  color:#7c766f;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hmmc-mc-min-card-copy em{
  color:#7c766f;
  font-size:6.5px;
  font-style:normal;
  letter-spacing:.14em;
}
.hmmc-mc-min-view{
  position:absolute;
  z-index:4;
  width:66px;
  height:66px;
  border:1px solid rgba(21,20,18,.22);
  border-radius:50%;
  background:rgba(255,255,255,.9);
  display:none;
  place-items:center;
  pointer-events:none;
  color:#171512;
  font-size:6px;
  letter-spacing:.14em;
}

/* Existing specimen inspection is kept, only recolored locally for this collection */
.hmmc-mc-inspection .hmmc-modal-backdrop{
  background:rgba(0,0,0,.34)!important;
  backdrop-filter:blur(10px)!important;
}
.hmmc-mc-inspection .hmmc-modal-panel{
  background:#fff!important;
  color:#171512!important;
  border-color:rgba(21,20,18,.1)!important;
}
.hmmc-mc-inspection .hmmc-modal-media{background:#fff!important}
.hmmc-mc-inspection .hmmc-modal-media img{object-fit:contain!important;padding:3%!important}
.hmmc-mc-inspection .hmmc-modal-close,
.hmmc-mc-inspection .hmmc-modal-media button{
  background:#fff!important;
  color:#171512!important;
  border-color:rgba(21,20,18,.13)!important;
}
.hmmc-mc-inspection .hmmc-modal-copy>span{color:var(--mc-accent)!important}
.hmmc-mc-inspection .hmmc-modal-copy h3{color:#171512!important}
.hmmc-mc-inspection .hmmc-modal-copy>strong,
.hmmc-mc-inspection .hmmc-modal-copy>p{color:#716b64!important}

/* Tablet */
@media(max-width:1050px){
  .hmmc-mc-min-main{
    width:calc(100% - 44px);
    grid-template-columns:1fr 1.35fr;
    gap:36px;
    padding-top:100px;
  }
  .hmmc-mc-min-intro{
    grid-column:1/-1;
    max-width:700px;
  }
  .hmmc-mc-min-intro h2 br{display:none}
  .hmmc-mc-min-intro h2{font-size:clamp(48px,5vw,62px)}
  .hmmc-mc-min-vitrine{max-width:590px}
  .hmmc-mc-min-info{max-width:none}
  .hmmc-mc-min-rail-wrap,
  .hmmc-mc-min-explore,
  .hmmc-mc-min-grid{width:calc(100% - 44px)}
  .hmmc-mc-min-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Dedicated mobile composition */
@media(max-width:720px){
  .hmmc-mc-min-main{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:84px 0 28px;
  }
  .hmmc-mc-min-intro{display:none}
  .hmmc-mc-min-mobile-head{
    width:100%;
    padding:0 17px 24px;
    display:block;
  }
  .hmmc-mc-min-mobile-head>p{
    margin:0 0 11px;
    color:#7d7770;
    font-size:6.5px;
    letter-spacing:.2em;
  }
  .hmmc-mc-min-mobile-head h2{
    margin:0;
    font-family:Georgia,serif;
    font-size:clamp(48px,14vw,64px);
    font-weight:400;
    line-height:.92;
    letter-spacing:-.052em;
  }
  .hmmc-mc-min-mobile-head>span{
    display:block;
    max-width:300px;
    margin-top:14px;
    color:#716c65;
    font-size:12px;
    line-height:1.55;
  }
  .hmmc-mc-min-mobile-head>div{
    margin-top:21px;
    color:#7c766f;
    font-size:7.5px;
    letter-spacing:.15em;
  }
  .hmmc-mc-min-mobile-head strong{font-weight:400;color:#171512}
  .hmmc-mc-min-vitrine{
    width:90vw;
    max-width:520px;
    margin:0 auto;
  }
  .hmmc-mc-min-info{
    width:100%;
    max-width:none;
    padding:25px 17px 0;
  }
  .hmmc-mc-min-nav{display:none}
  .hmmc-mc-min-code{margin-bottom:7px}
  .hmmc-mc-min-info h3{font-size:40px}
  .hmmc-mc-min-accent{margin:13px 0 14px}
  .hmmc-mc-min-locality{margin-bottom:10px}
  .hmmc-mc-min-meta{
    display:flex;
    flex-wrap:wrap;
    gap:0 13px;
  }
  .hmmc-mc-min-meta div{
    display:flex;
    gap:4px;
    padding:3px 0;
    border:0;
  }
  .hmmc-mc-min-meta div:last-child{border:0}
  .hmmc-mc-min-meta dt{font-size:5px}
  .hmmc-mc-min-meta dd{font-size:8px}
  .hmmc-mc-min-locality-link{margin-top:15px}
  .hmmc-mc-min-rail-wrap{
    width:100%;
    margin-top:17px;
    padding:14px 5px;
    grid-template-columns:27px minmax(0,1fr) 27px;
    gap:4px;
  }
  .hmmc-mc-min-rail-item{
    flex-basis:calc((100vw - 64px)/3.7);
  }
  .hmmc-mc-min-rail-item>span{
    width:100%;
    height:58px;
  }
  .hmmc-mc-min-explore{
    width:100%;
    padding:90px 17px 28px;
    display:block;
  }
  .hmmc-mc-min-explore h3{
    font-size:clamp(43px,13vw,58px);
  }
  .hmmc-mc-min-controls{
    margin-top:25px;
    gap:17px;
    flex-wrap:wrap;
  }
  .hmmc-mc-min-search{margin-left:auto}
  .hmmc-mc-min-grid{
    width:100%;
    padding:0 8px 96px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 8px;
  }
  .hmmc-mc-min-card-copy{gap:7px;padding:9px 2px 0}
  .hmmc-mc-min-card-copy strong{font-size:12px}
  .hmmc-mc-min-card-copy small{font-size:6.5px}
  .hmmc-mc-min-card-copy em{font-size:5.5px}
  .hmmc-mc-inspection .hmmc-modal-panel{
    width:100%!important;
    height:100vh!important;
    grid-template-columns:1fr!important;
    border:0!important;
    overflow:auto!important;
  }
}

@media(pointer:coarse){
  .hmmc-mc-min-view{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-mc-min *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* V8 — readability and separation refinements.
   Wording and font families are intentionally unchanged. */
.hmmc-mc-min-eyebrow{font-size:9px;line-height:1.25}
.hmmc-mc-min-subtitle{font-size:15px;line-height:1.72;max-width:300px}
.hmmc-mc-min-statline{font-size:8px;line-height:1.5;letter-spacing:.14em}

.hmmc-mc-min-nav{margin-bottom:40px}
.hmmc-mc-min-nav button{width:34px;height:34px;font-size:18px}
.hmmc-mc-min-nav span{font-size:10px;line-height:1.2}
.hmmc-mc-min-code{font-size:7.5px;line-height:1.35}
.hmmc-mc-min-locality strong{font-size:14px;line-height:1.45}
.hmmc-mc-min-locality small{font-size:10.5px;line-height:1.4}
.hmmc-mc-min-meta div{grid-template-columns:96px 1fr;padding:12px 0}
.hmmc-mc-min-meta dt{font-size:7px;line-height:1.35}
.hmmc-mc-min-meta dd{font-size:12px;line-height:1.4}
.hmmc-mc-min-locality-link{font-size:8px;line-height:1.35}

.hmmc-mc-min-rail-item b{font-size:7.5px;line-height:1.3}
.hmmc-mc-min-explore{padding-top:165px}
.hmmc-mc-min-controls>button{font-size:8.5px;line-height:1.3}
.hmmc-mc-min-search span{font-size:8.5px;line-height:1.3}
.hmmc-mc-min-search input{font-size:12px;line-height:1.35}
.hmmc-mc-min-card-copy strong{font-size:19px;line-height:1.2}
.hmmc-mc-min-card-copy small{font-size:10px;line-height:1.4}
.hmmc-mc-min-card-copy em{font-size:8px;line-height:1.4}

@media(max-width:720px){
  .hmmc-mc-min-mobile-head>p{font-size:8px;line-height:1.3}
  .hmmc-mc-min-mobile-head>span{font-size:13px;line-height:1.6}
  .hmmc-mc-min-mobile-head>div{font-size:9px;line-height:1.35}

  .hmmc-mc-min-code{font-size:7px}
  .hmmc-mc-min-locality strong{font-size:13px}
  .hmmc-mc-min-locality small{font-size:10px}
  .hmmc-mc-min-meta dt{font-size:6px}
  .hmmc-mc-min-meta dd{font-size:9px}
  .hmmc-mc-min-locality-link{font-size:7.5px}

  .hmmc-mc-min-rail-item b{font-size:7px}
  .hmmc-mc-min-explore{padding-top:112px}
  .hmmc-mc-min-controls>button{font-size:8px}
  .hmmc-mc-min-search span{font-size:8px}
  .hmmc-mc-min-search input{font-size:11px}

  .hmmc-mc-min-card-copy strong{font-size:13px}
  .hmmc-mc-min-card-copy small{font-size:8px}
  .hmmc-mc-min-card-copy em{font-size:6.5px}
}


/* =========================================================
   V9 — Collection loupe + refined archive-card interactions.
   Only affects THE MOROCCAN CABINET.
   ========================================================= */

/* Real jeweler-style loupe inside the museum showcase */
.hmmc-mc-min-showcase-loupe{
  position:absolute;
  z-index:5;
  width:118px;
  height:118px;
  border:1px solid rgba(21,20,18,.48);
  border-radius:50%;
  display:none;
  overflow:hidden;
  pointer-events:none;
  background-color:#fff;
  background-repeat:no-repeat;
  box-shadow:0 8px 24px rgba(20,18,15,.10);
}
.hmmc-mc-min-showcase-loupe:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(21,20,18,.06);
}
.hmmc-mc-min-showcase-loupe i{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  padding:4px 7px;
  background:rgba(255,255,255,.78);
  color:#171512;
  font-style:normal;
  font-size:6px;
  letter-spacing:.16em;
  line-height:1;
}

/* More editorial lower cards, while keeping the same clean white design */
.hmmc-mc-min-card{
  position:relative;
  opacity:1;
  transition:opacity .28s var(--hmmc-ease),transform .35s var(--hmmc-ease);
}
@media(pointer:fine){
  .hmmc-mc-min-grid:hover .hmmc-mc-min-card{opacity:.76}
  .hmmc-mc-min-grid:hover .hmmc-mc-min-card:hover{opacity:1}
}
.hmmc-mc-min-card-image{
  --hmmc-card-x:0px;
  --hmmc-card-y:0px;
  isolation:isolate;
}
.hmmc-mc-min-card-image:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:1px;
  background:var(--mc-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .42s var(--hmmc-ease);
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-image:after{transform:scaleX(1)}

.hmmc-mc-min-card-image>img{
  transform:translate3d(var(--hmmc-card-x),var(--hmmc-card-y),0) scale(.99);
  transition:transform .42s var(--hmmc-ease),filter .42s var(--hmmc-ease);
  will-change:transform;
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-image>img{
  transform:translate3d(var(--hmmc-card-x),var(--hmmc-card-y),0) scale(1.025);
  filter:contrast(1.015);
}

/* Tiny museum-archive index */
.hmmc-mc-min-card-index{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  color:rgba(21,20,18,.52);
  font-size:7px;
  letter-spacing:.16em;
  line-height:1;
  transition:color .3s var(--hmmc-ease),transform .3s var(--hmmc-ease);
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-index{
  color:var(--mc-accent);
  transform:translateY(-1px);
}

/* Discreet corner markers make the image feel like a curated archive plate */
.hmmc-mc-min-corner{
  position:absolute;
  z-index:3;
  width:18px;
  height:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s var(--hmmc-ease),transform .4s var(--hmmc-ease);
}
.hmmc-mc-min-corner-a{
  top:10px;
  right:10px;
  border-top:1px solid rgba(21,20,18,.35);
  border-right:1px solid rgba(21,20,18,.35);
  transform:translate(-3px,3px);
}
.hmmc-mc-min-corner-b{
  left:10px;
  bottom:10px;
  border-left:1px solid rgba(21,20,18,.35);
  border-bottom:1px solid rgba(21,20,18,.35);
  transform:translate(3px,-3px);
}
.hmmc-mc-min-card:hover .hmmc-mc-min-corner{
  opacity:1;
  transform:translate(0,0);
}

/* The VIEW circle is now a true image-magnification loupe */
.hmmc-mc-min-view{
  width:86px;
  height:86px;
  border-color:rgba(21,20,18,.34);
  background-color:#fff;
  background-repeat:no-repeat;
  overflow:hidden;
  box-shadow:0 9px 26px rgba(20,18,15,.10);
}
.hmmc-mc-min-view:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  pointer-events:none;
}
.hmmc-mc-min-view i{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  min-width:34px;
  padding:4px 6px;
  background:rgba(255,255,255,.8);
  font-style:normal;
  font-size:6px;
  letter-spacing:.15em;
  text-align:center;
}

/* Card information becomes a cleaner museum label on hover */
.hmmc-mc-min-card-copy{
  position:relative;
  padding-top:14px;
  transition:transform .3s var(--hmmc-ease);
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-copy{transform:translateY(2px)}
.hmmc-mc-min-card-copy strong{transition:color .25s var(--hmmc-ease)}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-copy strong{color:#000}

/* No loupe/parallax gimmicks on touch devices */
@media(pointer:coarse){
  .hmmc-mc-min-showcase-loupe,
  .hmmc-mc-min-view{display:none!important}
  .hmmc-mc-min-card-image>img,
  .hmmc-mc-min-card:hover .hmmc-mc-min-card-image>img{
    transform:scale(.99)!important;
  }
  .hmmc-mc-min-corner{display:none}
  .hmmc-mc-min-card-index{top:10px;left:10px}
}

@media(max-width:720px){
  .hmmc-mc-min-card-index{font-size:6px}
}


/* =========================================================
   V10.2 — LOCKED SCROLL SPECIMEN STORY
   The page pauses on this one 100vh section until the 6.43s
   specimen rotation reaches an end. No extra 200–300vh space.
   ========================================================= */

.hmmc-specimen-story{
  --hmmc-story-x:0vw;
  position:relative;
  width:100%;
  height:100vh;
  height:100svh;
  min-height:620px;
  margin:0;
  padding:0;
  background:#fff;
  color:#151412;
  overflow:hidden;
  isolation:isolate;
}
.hmmc-story-sticky{
  position:relative;
  top:auto;
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  background:#fff;
}
.hmmc-story-media{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:min(66vw,900px);
  height:78vh;
  height:78svh;
  transform:translate3d(calc(-50% + var(--hmmc-story-x)), -50%, 0);
  will-change:transform;
  pointer-events:none;
}
.hmmc-story-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  border:0;
  outline:0;
}
.hmmc-story-moment{
  position:absolute;
  z-index:3;
  top:50%;
  width:min(290px,23vw);
  opacity:0;
  visibility:visible;
  transform:translate3d(0,18px,0);
  pointer-events:none;
  will-change:opacity,transform;
}
.hmmc-story-moment-one{left:clamp(30px,7vw,120px)}
.hmmc-story-moment-two{right:clamp(30px,7vw,120px)}
.hmmc-story-moment>span{
  display:block;
  margin-bottom:12px;
  color:var(--hmmc-accent);
  font-size:9px;
  line-height:1;
  letter-spacing:.18em;
}
.hmmc-story-moment h2{
  margin:0;
  color:#151412;
  font-family:Georgia,serif;
  font-size:clamp(40px,4vw,62px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.045em;
}
.hmmc-story-moment p{
  max-width:245px;
  margin:16px 0 0;
  color:#68635d;
  font-size:13px;
  line-height:1.65;
}
.hmmc-story-scroll-hint{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:9px;
  transform:translateX(-50%);
  color:#77716a;
  opacity:1;
  pointer-events:none;
  will-change:opacity,transform;
}
.hmmc-story-scroll-hint span{
  font-size:7.5px;
  letter-spacing:.19em;
}
.hmmc-story-scroll-hint b{
  color:var(--hmmc-accent);
  font-size:12px;
  font-weight:400;
}

/* Minimal one-time introduction to the existing 180° interaction. */
.hmmc-story-intro{
  position:absolute;
  z-index:5;
  left:clamp(24px,6vw,90px);
  top:clamp(72px,10vh,112px);
  width:min(320px,34vw);
  opacity:0;
  transform:translate3d(0,8px,0);
  pointer-events:none;
  will-change:opacity,transform;
  transition:opacity 420ms cubic-bezier(.16,1,.3,1),transform 420ms cubic-bezier(.16,1,.3,1);
}
.hmmc-story-intro>span{
  display:block;
  margin:0 0 12px;
  color:#8b857d;
  font-size:8px;
  line-height:1;
  letter-spacing:.20em;
}
.hmmc-story-intro h2{
  margin:0;
  color:#151412;
  font-family:Georgia,serif;
  font-size:clamp(42px,4.6vw,72px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.05em;
}
.hmmc-story-scroll-hint{
  opacity:0;
  transition:opacity 360ms cubic-bezier(.16,1,.3,1),transform 360ms cubic-bezier(.16,1,.3,1);
}
.hmmc-story-hint-icon{
  position:relative;
  width:15px;
  height:23px;
  flex:0 0 15px;
  border:1px solid rgba(197,139,72,.76);
  border-radius:8px;
}
.hmmc-story-hint-icon::before{
  content:"";
  position:absolute;
  left:50%;
  top:4px;
  width:1px;
  height:5px;
  background:#c58b48;
  transform:translateX(-50%);
}
.hmmc-story-hint-icon::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:4px;
  height:4px;
  border-right:1px solid #c58b48;
  border-bottom:1px solid #c58b48;
  transform:translateX(-50%) rotate(45deg);
}
.hmmc-story-hint-icon u{display:none}
@media(pointer:coarse){
  .hmmc-story-hint-icon{
    width:13px;
    height:21px;
    border-radius:7px 7px 9px 9px;
  }
  .hmmc-story-hint-icon::before{height:8px;top:3px}
}
@media(max-width:720px){
  .hmmc-story-intro{
    left:var(--hm-gutter,20px);
    top:clamp(76px,11svh,104px);
    width:min(210px,62vw);
  }
  .hmmc-story-intro>span{margin-bottom:9px;font-size:7px}
  .hmmc-story-intro h2{font-size:clamp(34px,10.8vw,48px)}
  .hmmc-story-scroll-hint{
    bottom:max(22px,calc(14px + env(safe-area-inset-bottom)));
    gap:10px;
  }
  .hmmc-story-scroll-hint span{font-size:6.5px;letter-spacing:.18em}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-story-intro{
    position:relative;
    left:auto;top:auto;
    width:auto;
    margin-bottom:18px;
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* A class is applied only while the story is actively holding the page. */
html.hmmc-story-lock-active,
html.hmmc-story-lock-active body{
  overscroll-behavior:none;
}

/* Mobile keeps exactly the same locked concept. */
@media(max-width:720px){
  .hmmc-specimen-story{
    height:100svh;
    min-height:560px;
  }
  .hmmc-story-media{
    width:84vw;
    max-width:540px;
    height:72svh;
  }
  .hmmc-story-moment{
    top:auto;
    width:min(185px,44vw);
  }
  .hmmc-story-moment-one{
    left:18px;
    bottom:12vh;
  }
  .hmmc-story-moment-two{
    right:18px;
    top:13vh;
    bottom:auto;
    text-align:right;
  }
  .hmmc-story-moment-two p{margin-left:auto}
  .hmmc-story-moment>span{font-size:8px;margin-bottom:9px}
  .hmmc-story-moment h2{font-size:clamp(31px,9vw,42px)}
  .hmmc-story-moment p{
    margin-top:10px;
    font-size:10.5px;
    line-height:1.5;
  }
  .hmmc-story-scroll-hint{bottom:18px}
  .hmmc-story-scroll-hint span{font-size:6.5px}
}

/* Reduced-motion users are never scroll-locked. */
@media(prefers-reduced-motion:reduce){
  .hmmc-specimen-story{
    height:auto;
    min-height:0;
    padding:90px clamp(20px,7vw,120px);
  }
  .hmmc-story-sticky{
    height:auto;
    overflow:visible;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);
    gap:48px;
    align-items:center;
  }
  .hmmc-story-media{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:min(68vh,700px);
    transform:none!important;
  }
  .hmmc-story-moment{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto;
    margin:0 0 36px;
    opacity:1!important;
    transform:none!important;
    text-align:left!important;
  }
  .hmmc-story-moment-two{grid-column:2}
  .hmmc-story-moment p{margin-left:0!important}
  .hmmc-story-scroll-hint{display:none}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .hmmc-specimen-story{padding:70px 18px}
  .hmmc-story-sticky{grid-template-columns:1fr;gap:24px}
  .hmmc-story-media{height:auto;aspect-ratio:1/1}
  .hmmc-story-moment,
  .hmmc-story-moment-two{grid-column:1}
}


/* =========================================================
   V10.2 — MINE PORTAL SPACING FIX
   Requested change to this existing section only:
   no top/bottom section padding and a true full-black field.
   ========================================================= */
.hmmc-mine-portal{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:100vh!important;
  background:#000!important;
}
.hmmc-portal-frame{
  height:100vh!important;
  max-height:none!important;
  background:#000!important;
}
.hmmc-portal-copy{
  padding-top:clamp(38px,6vh,72px);
  padding-bottom:clamp(38px,6vh,72px);
}
@media(max-width:1100px){
  .hmmc-mine-portal{
    padding-top:0!important;
    padding-bottom:0!important;
    background:#000!important;
  }
  .hmmc-portal-frame{
    height:76vh!important;
  }
}
@media(max-width:680px){
  .hmmc-mine-portal{
    padding:0 18px!important;
    gap:28px!important;
    background:#000!important;
  }
  .hmmc-portal-copy{
    padding-top:48px;
    padding-bottom:34px;
  }
  .hmmc-portal-frame{
    height:64vh!important;
  }
}


/* =========================================================
   V10.3 — PERFECT FRAME-SEQUENCE SCRUB
   Uses 168 30fps frames derived directly from the final supplied 180° video.
   Existing layout and Mine Portal fixes remain unchanged.
   ========================================================= */

.hmmc-story-media{
  width:min(66vw,78vh,900px)!important;
  height:auto!important;
  aspect-ratio:1/1;
}
.hmmc-story-canvas,
.hmmc-story-media video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  background:#fff;
}
.hmmc-story-canvas{
  z-index:2;
  opacity:0;
  transition:opacity .18s linear;
}
.hmmc-story-media video{
  z-index:1;
  object-fit:contain;
  opacity:1;
}
.hmmc-story-media.is-sequence-ready .hmmc-story-canvas{opacity:1}
.hmmc-story-media.is-sequence-ready video{opacity:0}

/* The final source is padded only with white canvas space so its original framing is preserved with no crop. */
.hmmc-story-canvas{
  image-rendering:auto;
}

/* A touch more room for the annotation without making the story larger. */
.hmmc-story-moment{
  z-index:4;
}
.hmmc-story-scroll-hint{
  z-index:4;
}

@media(max-width:720px){
  .hmmc-story-media{
    width:min(84vw,68vh,540px)!important;
    height:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hmmc-story-media{
    width:100%!important;
    max-width:720px;
    height:auto!important;
    aspect-ratio:1/1;
  }
}

/* =========================================================
   V10.3.14 — FINAL MOROCCAN CABINET SHOWCASE
   Scoped only to THE MOROCCAN CABINET main showcase + rail.
   No glass vitrine. Fixed HMM pedestal, dynamic specimen.
   ========================================================= */

.hmmc-mc-min{
  background:#fff!important;
}

/* Main reference composition */
.hmmc-mc-min-main{
  position:relative;
  width:min(1460px,calc(100% - 80px));
  min-height:805px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:minmax(300px,30fr) minmax(520px,44fr) minmax(260px,26fr);
  gap:0;
  align-items:start;
}

.hmmc-mc-min-intro{
  width:100%;
  max-width:390px;
  margin:0;
  padding-top:208px;
  align-self:start;
  justify-self:start;
}
.hmmc-mc-min-intro h2{
  font-size:clamp(46px,4.7vw,78px);
  line-height:.93;
}
.hmmc-mc-min-subtitle{max-width:300px}

/* Fixed museum stage: only specimen changes. */
.hmmc-mc-min-vitrine{
  --hmmc-user-scale:1;
  --hmmc-user-x:0px;
  --hmmc-user-y:0px;
  --hmmc-parallax-x:0px;
  --hmmc-parallax-y:0px;
  --hmmc-light-x:0px;
  position:relative;
  z-index:2;
  width:min(100%,620px);
  max-width:620px;
  aspect-ratio:620/590;
  margin:175px auto 0;
  background:transparent;
  overflow:visible;
  isolation:isolate;
  justify-self:center;
  align-self:start;
}

/* Soft ceiling/gallery light from the reference. */
.hmmc-mc-min-vitrine::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:-255px;
  width:min(1040px,78vw);
  height:430px;
  transform:translateX(calc(-50% + var(--hmmc-light-x)));
  background:radial-gradient(
    ellipse at 50% 0%,
    rgba(255,255,255,.99) 0%,
    rgba(255,249,237,.82) 18%,
    rgba(255,245,226,.40) 39%,
    rgba(255,255,255,0) 72%
  );
  filter:blur(5px);
  pointer-events:none;
  will-change:transform;
}
.hmmc-mc-min-vitrine::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:-22px;
  width:72%;
  height:185px;
  transform:translateX(calc(-50% + var(--hmmc-light-x)));
  background:radial-gradient(
    ellipse at 50% 0%,
    rgba(255,255,255,.95) 0%,
    rgba(255,248,231,.36) 42%,
    rgba(255,255,255,0) 78%
  );
  filter:blur(4px);
  pointer-events:none;
  will-change:transform;
}

/* Reference-2 pedestal: fixed, realistic, no motion. */
.hmmc-mc-min-pedestal{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:-20px;
  width:106%;
  height:auto;
  max-width:none;
  transform:translateX(-50%);
  transform-origin:50% 100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.035));
}

/* Specimen sits independently above the pedestal. */
.hmmc-mc-min-specimen{
  position:absolute;
  z-index:3;
  left:8%;
  right:8%;
  top:10%;
  bottom:36.5%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
}
.hmmc-mc-min-specimen img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  opacity:1;
  transform:
    translate3d(
      calc(var(--hmmc-user-x) + var(--hmmc-parallax-x)),
      calc(var(--hmmc-user-y) + var(--hmmc-parallax-y)),
      0
    )
    scale(var(--hmmc-user-scale));
  transform-origin:50% 100%;
  filter:drop-shadow(0 14px 12px rgba(0,0,0,.11));
  will-change:transform,opacity;
  backface-visibility:hidden;
  transition:opacity .28s var(--hmmc-ease),transform .50s var(--hmmc-ease);
}
.hmmc-mc-min-vitrine.is-changing .hmmc-mc-min-specimen img{
  opacity:0;
  transform:
    translate3d(
      calc(var(--hmmc-user-x) + var(--hmmc-parallax-x)),
      calc(var(--hmmc-user-y) + var(--hmmc-parallax-y)),
      0
    )
    scale(calc(var(--hmmc-user-scale) * .98));
}
.hmmc-mc-min-specimen::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:29%;
  right:29%;
  bottom:-7px;
  height:15px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.13),rgba(0,0,0,.045) 48%,transparent 75%);
  filter:blur(4px);
  pointer-events:none;
}

/* Refined collector loupe. */
.hmmc-mc-min-showcase-loupe{
  width:118px;
  height:118px;
  z-index:7;
  border:1px solid var(--mc-accent)!important;
  background-color:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.065)!important;
}
.hmmc-mc-min-showcase-loupe::before{
  inset:4px;
  border-color:rgba(197,139,72,.18);
}
.hmmc-mc-min-showcase-loupe i{
  bottom:8px;
  color:#28231e;
  background:rgba(255,255,255,.86);
  font-size:6px;
  letter-spacing:.15em;
}

/* Right-side reference panel. */
.hmmc-mc-min-info{
  width:100%;
  max-width:300px;
  margin:0;
  padding-top:203px;
  align-self:start;
  justify-self:end;
}
.hmmc-mc-min-nav{
  width:252px;
  max-width:100%;
  margin:0 0 54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hmmc-mc-min-nav button{
  width:34px;
  height:34px;
  font-size:21px;
  line-height:1;
  transition:transform .2s ease,opacity .2s ease;
}
.hmmc-mc-min-nav button:hover{transform:translateX(var(--hmmc-arrow-x,0));opacity:.65}
.hmmc-mc-min-nav button:first-child{--hmmc-arrow-x:-2px}
.hmmc-mc-min-nav button:last-child{--hmmc-arrow-x:2px}
.hmmc-mc-min-nav span{font-size:10px;min-width:88px}
.hmmc-mc-min-nav strong{
  display:inline-block;
  color:var(--mc-accent);
  transition:opacity .18s ease,transform .18s ease;
}
.hmmc-mc-min-nav strong.is-number-changing,
.hmmc-mc-min-mobile-head strong.is-number-changing{
  opacity:0;
  transform:translateY(-5px);
}
.hmmc-mc-min-code{margin-bottom:19px}
.hmmc-mc-min-info h3{
  margin:0;
  font-size:clamp(48px,4.1vw,64px);
  line-height:.90;
  letter-spacing:-.052em;
}
.hmmc-mc-min-info h3>span{display:block}
.hmmc-mc-min-accent{margin:27px 0 28px}
.hmmc-mc-min-locality{margin-bottom:29px}
.hmmc-mc-min-meta div{padding:13px 0}
.hmmc-mc-min-locality-link{margin-top:29px}

/* Rail reference label + thumbnails. */
.hmmc-mc-min-rail-note{
  width:min(1320px,calc(100% - 100px));
  margin:5px auto 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#8a847c;
  font-size:7px;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.hmmc-mc-min-rail-note i{
  display:block;
  width:40px;
  height:1px;
  background:rgba(197,139,72,.72);
}
.hmmc-mc-min-rail-wrap{
  width:min(1320px,calc(100% - 100px));
  margin:0 auto;
  padding:0;
  grid-template-columns:36px minmax(0,1fr) 36px;
  gap:12px;
  border:0;
}
.hmmc-mc-min-rail-arrow{
  width:36px;
  height:72px;
  font-size:22px;
}
.hmmc-mc-min-rail{
  gap:8px;
  cursor:grab;
  scroll-behavior:smooth;
}
.hmmc-mc-min-rail.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
  user-select:none;
}
.hmmc-mc-min-rail-item{
  flex:0 0 100px;
  min-width:100px;
  padding:5px 5px 8px;
  background:#faf9f7;
  outline:1px solid transparent;
  outline-offset:-1px;
  transition:outline-color .2s ease,background .2s ease;
}
.hmmc-mc-min-rail-item>span{
  width:90px;
  height:64px;
}
.hmmc-mc-min-rail-item b{margin-top:5px}
.hmmc-mc-min-rail-item::after{display:none}
.hmmc-mc-min-rail-item.is-active{
  outline-color:var(--mc-accent);
  background:#fff;
}

/* Tablet — keep the same museum hierarchy without overlap. */
@media(max-width:1199px) and (min-width:721px){
  .hmmc-mc-min-main{
    width:calc(100% - 44px);
    min-height:760px;
    padding:78px 0 30px;
    grid-template-columns:minmax(260px,.82fr) minmax(430px,1.18fr);
    gap:32px;
  }
  .hmmc-mc-min-intro{
    grid-column:1/-1;
    max-width:700px;
    padding-top:0;
  }
  .hmmc-mc-min-intro h2{font-size:clamp(48px,5vw,62px)}
  .hmmc-mc-min-vitrine{
    width:min(54vw,580px);
    max-width:580px;
    margin:28px auto 0;
    grid-column:1;
  }
  .hmmc-mc-min-pedestal{width:104%;bottom:-17px}
  .hmmc-mc-min-specimen{left:8%;right:8%;top:10%;bottom:36.5%}
  .hmmc-mc-min-info{
    grid-column:2;
    width:100%;
    max-width:320px;
    padding-top:118px;
    justify-self:start;
  }
  .hmmc-mc-min-rail-note,
  .hmmc-mc-min-rail-wrap{width:calc(100% - 44px)}
}

/* Mobile — dedicated ordering and proportional pedestal. */
@media(max-width:720px){
  .hmmc-mc-min-main{
    width:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    padding:72px 0 25px;
  }
  .hmmc-mc-min-mobile-head{
    padding:0 17px 22px;
  }
  .hmmc-mc-min-vitrine{
    width:90vw;
    max-width:520px;
    margin:0 auto;
  }
  .hmmc-mc-min-vitrine::before{
    top:-120px;
    width:150vw;
    height:260px;
    opacity:.58;
  }
  .hmmc-mc-min-vitrine::after{
    top:-5px;
    width:84%;
    height:120px;
    opacity:.52;
  }
  .hmmc-mc-min-pedestal{
    width:104%;
    bottom:-3.2vw;
  }
  .hmmc-mc-min-specimen{
    left:7.5%;
    right:7.5%;
    top:9.5%;
    bottom:36.5%;
  }
  .hmmc-mc-min-info{
    width:100%;
    max-width:none;
    padding:28px 17px 0;
  }
  .hmmc-mc-min-info h3{font-size:42px}
  .hmmc-mc-min-rail-note{
    width:100%;
    margin:22px auto 11px;
    padding:0 16px;
    gap:10px;
    font-size:6px;
  }
  .hmmc-mc-min-rail-note i{width:24px}
  .hmmc-mc-min-rail-wrap{
    width:100%;
    padding:0 5px;
    grid-template-columns:27px minmax(0,1fr) 27px;
    gap:4px;
  }
  .hmmc-mc-min-rail-arrow{width:27px;height:68px;font-size:18px}
  .hmmc-mc-min-rail-item{
    flex:0 0 calc((100vw - 64px)/3.7);
    min-width:0;
    padding:4px 4px 7px;
  }
  .hmmc-mc-min-rail-item>span{width:100%;height:58px}
}

@media(pointer:coarse){
  .hmmc-mc-min-showcase-loupe{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-mc-min-specimen img,
  .hmmc-mc-min-info *,
  .hmmc-mc-min-nav strong{transition:opacity .18s linear!important}
}

/* =========================================================
   V10.3.18 — PRODUCTION MOBILE QA PASS
   Consolidated Cabinet refinements + mobile hero reliability.
   Replaces the V10.3.15–17 patch stack with one responsive system.
   ========================================================= */

/* ---------- Cabinet: approved desktop behavior ---------- */
.hmmc-mc-min{
  --mc-space-xs:clamp(8px,2vw,12px);
  --mc-space-sm:clamp(14px,3.6vw,18px);
  --mc-space-md:clamp(24px,5.8vw,32px);
  --mc-space-lg:clamp(36px,8vw,48px);
  --mc-space-xl:clamp(52px,12vw,70px);
  --mc-mobile-gutter:clamp(20px,6vw,28px);
  width:100%;
  max-width:100%;
  overflow-x:clip!important;
  overflow-anchor:none;
}
.hmmc-mine-portal + .hmmc-mc-min{margin-top:0!important}
.hmmc-mc-min-main,
.hmmc-mc-min-info,
.hmmc-mc-min-rail-wrap,
.hmmc-mc-min-rail{min-width:0;max-width:100%}

/* Keep the approved floating specimen; pedestal/light stay fixed. */
.hmmc-mc-min-vitrine{--hmmc-stage-scale:1.08}
.hmmc-mc-min-specimen{
  --hmmc-float-y:-6px;
  left:3.8%;
  right:3.8%;
  top:6%;
  bottom:31.5%;
  animation:hmmcCabinetFloat 6.2s ease-in-out infinite;
  will-change:transform;
}
.hmmc-mc-min-specimen img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center bottom;
  transform:
    translate3d(
      calc(var(--hmmc-user-x) + var(--hmmc-parallax-x)),
      calc(var(--hmmc-user-y) + var(--hmmc-parallax-y)),
      0
    )
    scale(var(--hmmc-user-scale))
    scale(var(--hmmc-stage-scale));
}
.hmmc-mc-min-vitrine.is-changing .hmmc-mc-min-specimen{animation-play-state:paused}
.hmmc-mc-min-vitrine.is-changing .hmmc-mc-min-specimen img{
  opacity:0;
  transform:
    translate3d(
      calc(var(--hmmc-user-x) + var(--hmmc-parallax-x)),
      calc(var(--hmmc-user-y) + var(--hmmc-parallax-y)),
      0
    )
    scale(var(--hmmc-user-scale))
    scale(calc(var(--hmmc-stage-scale) * .975));
}
@keyframes hmmcCabinetFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,var(--hmmc-float-y),0)}
}

/* Approved editorial Explore CTA. */
.hmmc-mc-min-explore-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:31px;
  padding:0 0 8px;
  color:#3d3934;
  font-size:8px;
  line-height:1.2;
  letter-spacing:.17em;
  text-transform:uppercase;
  text-decoration:none;
}
.hmmc-mc-min-explore-cta::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:44px;
  height:1px;
  background:var(--mc-accent);
  transition:width .32s var(--hmmc-ease);
}
.hmmc-mc-min-explore-cta b{
  color:var(--mc-accent);
  font-size:13px;
  font-weight:400;
  line-height:1;
  transition:transform .28s var(--hmmc-ease);
}
.hmmc-mc-min-explore-cta:hover::after,
.hmmc-mc-min-explore-cta:focus-visible::after{width:100%}
.hmmc-mc-min-explore-cta:hover b,
.hmmc-mc-min-explore-cta:focus-visible b{transform:translateX(4px)}
.hmmc-mc-min-explore-cta:focus-visible{outline:1px solid rgba(197,139,72,.45);outline-offset:6px}
.hmmc-mc-min-explore-cta-mobile{display:none}
.hmmc-mc-min-explore{scroll-margin-top:96px}

/* Full-image thumbnail cells. */
.hmmc-mc-min-rail-wrap{
  overflow:clip;
  contain:inline-size;
}
.hmmc-mc-min-rail{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  contain:inline-size;
}
.hmmc-mc-min-rail::-webkit-scrollbar{display:none}
.hmmc-mc-min-rail-item{
  flex:0 0 104px;
  min-width:104px;
  padding:5px 5px 8px;
  background:#fbfbfa;
  outline:1px solid transparent;
  outline-offset:-1px;
  overflow:hidden;
  transition:outline-color .28s var(--hmmc-ease),background-color .28s var(--hmmc-ease);
}
.hmmc-mc-min-rail-item>span{
  width:94px;
  height:68px;
  padding:7px 9px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hmmc-mc-min-rail-item img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  object-position:center;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:center;
  transition:transform .30s var(--hmmc-ease);
  backface-visibility:hidden;
}
.hmmc-mc-min-rail-item:hover img{transform:translate3d(0,-2px,0) scale(1.055)}
.hmmc-mc-min-rail-item.is-active{outline-color:var(--mc-accent);background:#fff}
.hmmc-mc-min-rail-item.is-active img{transform:translate3d(0,0,0) scale(1.03)}

/* Continue cue: featured object above -> archive below. */
.hmmc-mc-min-continue-cue{
  width:max-content;
  max-width:calc(100% - 32px);
  margin:30px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#6f6962;
  text-decoration:none;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hmmc-mc-min-continue-cue i{width:30px;height:1px;background:rgba(197,139,72,.72)}
.hmmc-mc-min-continue-cue b{
  color:var(--mc-accent);
  font-size:12px;
  font-weight:400;
  animation:hmmcCabinetContinue 2.4s ease-in-out infinite;
}
@keyframes hmmcCabinetContinue{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.hmmc-mc-min-explore{padding-top:104px}
.hmmc-mc-min-grid{padding-bottom:112px}

/* Current approved desktop vertical composition. */
@media(min-width:1200px){
  .hmmc-mc-min-main{min-height:660px}
  .hmmc-mc-min-intro{padding-top:54px}
  .hmmc-mc-min-vitrine{margin-top:28px}
  .hmmc-mc-min-info{padding-top:52px}
}

/* ---------- Tablet ---------- */
@media(max-width:1199px) and (min-width:721px){
  .hmmc-mc-min-main{min-height:650px;padding-top:18px;padding-bottom:20px}
  .hmmc-mc-min-intro{padding-top:0}
  .hmmc-mc-min-vitrine{--hmmc-stage-scale:1.075;margin-top:8px}
  .hmmc-mc-min-specimen{left:4%;right:4%;top:6%;bottom:31.8%}
  .hmmc-mc-min-info{padding-top:58px}
  .hmmc-mc-min-rail-wrap{overflow:clip}
  .hmmc-mc-min-explore{padding-top:88px}
}

/* ---------- Mobile layout: one grid, one spacing system ---------- */
@media(max-width:720px){
  .hmmc-mc-min-main{
    width:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:clamp(32px,9vw,48px) 0 0;
    overflow:visible;
  }
  .hmmc-mc-min-mobile-head{
    width:100%;
    padding:0 var(--mc-mobile-gutter) var(--mc-space-md);
    display:block;
  }
  .hmmc-mc-min-mobile-head>p:first-child{margin:0 0 var(--mc-space-sm);font-size:8px;line-height:1.2;letter-spacing:.20em}
  .hmmc-mc-min-mobile-head h2{
    margin:0;
    max-width:100%;
    font-size:clamp(38px,12.2vw,54px);
    line-height:.91;
    letter-spacing:-.052em;
  }
  .hmmc-mc-min-mobile-head>span{
    display:block;
    max-width:300px;
    margin-top:var(--mc-space-sm);
    color:#716c65;
    font-size:clamp(12px,3.4vw,13.5px);
    line-height:1.58;
  }
  .hmmc-mc-min-mobile-statline{
    margin:var(--mc-space-sm) 0 0!important;
    color:#7a756e;
    font-size:7.5px!important;
    line-height:1.4!important;
    letter-spacing:.14em!important;
    text-transform:uppercase;
  }
  .hmmc-mc-min-mobile-statline i{margin:0 7px;color:var(--mc-accent);font-style:normal}
  .hmmc-mc-min-explore-cta-mobile{
    display:inline-flex;
    min-height:40px;
    margin-top:var(--mc-space-sm);
    align-items:center;
  }

  .hmmc-mc-min-vitrine{
    --hmmc-stage-scale:1.075;
    width:min(calc(100% - (2 * var(--mc-mobile-gutter))),500px);
    max-width:500px;
    margin:0 auto;
  }
  .hmmc-mc-min-vitrine::before{
    top:-82px;
    width:138%;
    max-width:600px;
    height:195px;
    opacity:.43;
  }
  .hmmc-mc-min-vitrine::after{top:0;width:76%;height:94px;opacity:.38}
  .hmmc-mc-min-pedestal{width:100%;bottom:-1.5%}
  .hmmc-mc-min-specimen{
    --hmmc-float-y:-3px;
    left:3%;right:3%;top:5%;bottom:30.5%;
  }

  /* The existing info block becomes the intentional mobile navigation/details stack. */
  .hmmc-mc-min-info{
    width:100%;
    max-width:none;
    margin:0;
    padding:clamp(28px,7.5vw,38px) var(--mc-mobile-gutter) 0;
  }
  .hmmc-mc-min-nav{
    display:flex!important;
    width:min(280px,100%);
    max-width:100%;
    margin:0 auto clamp(28px,7vw,38px);
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .hmmc-mc-min-nav button{
    width:44px;
    height:44px;
    padding:0;
    display:grid;
    place-items:center;
    font-size:20px;
  }
  .hmmc-mc-min-nav span{min-width:86px;font-size:10px;text-align:center}
  .hmmc-mc-min-code{margin:0 0 9px;font-size:8px}
  .hmmc-mc-min-info h3{
    max-width:100%;
    margin:0;
    font-size:clamp(34px,10.5vw,44px);
    line-height:.93;
    overflow-wrap:anywhere;
  }
  .hmmc-mc-min-accent{margin:clamp(20px,5vw,26px) 0 clamp(22px,6vw,30px)}
  .hmmc-mc-min-locality{gap:4px;margin:0 0 clamp(30px,8vw,40px)}
  .hmmc-mc-min-locality strong{font-size:13.5px;line-height:1.42}
  .hmmc-mc-min-locality small{font-size:10.5px;line-height:1.4}
  .hmmc-mc-min-meta{display:block;margin:0}
  .hmmc-mc-min-meta div{
    display:grid;
    grid-template-columns:minmax(84px,30%) 1fr;
    gap:12px;
    align-items:baseline;
    padding:clamp(12px,3.5vw,16px) 0;
    border-top:1px solid rgba(21,20,18,.09);
  }
  .hmmc-mc-min-meta div:last-child{border-bottom:1px solid rgba(21,20,18,.09)}
  .hmmc-mc-min-meta dt{font-size:7.5px;line-height:1.3;letter-spacing:.15em}
  .hmmc-mc-min-meta dd{font-size:11.5px;line-height:1.4}
  .hmmc-mc-min-locality-link{
    min-height:40px;
    margin-top:clamp(24px,7vw,32px);
    padding-top:10px;
    font-size:8px;
  }

  .hmmc-mc-min-rail-note{
    width:100%;
    margin:clamp(28px,7vw,36px) auto 10px;
    padding:0 var(--mc-mobile-gutter);
    gap:9px;
    font-size:6.5px;
    line-height:1.3;
  }
  .hmmc-mc-min-rail-note i{width:22px}
  .hmmc-mc-min-rail-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 clamp(8px,2.5vw,12px) 2px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:3px;
    overflow:clip;
    contain:inline-size;
  }
  .hmmc-mc-min-rail-arrow{
    width:40px;
    min-width:40px;
    height:72px;
    min-height:44px;
    padding:0;
    font-size:18px;
  }
  .hmmc-mc-min-rail{
    width:100%;
    min-width:0;
    gap:6px;
    padding:0;
    touch-action:pan-x pan-y;
    overscroll-behavior-x:contain;
  }
  .hmmc-mc-min-rail-item{
    flex:0 0 clamp(68px,23.8%,92px);
    min-width:68px;
    max-width:92px;
    min-height:82px;
    padding:4px 4px 7px;
  }
  .hmmc-mc-min-rail-item>span{width:100%;height:64px;padding:7px}
  .hmmc-mc-min-rail-item:hover img{transform:none}
  .hmmc-mc-min-rail-item.is-active img{transform:scale(1.03)}

  .hmmc-mc-min-continue-cue{
    margin-top:clamp(24px,7vw,32px);
    min-height:42px;
    max-width:calc(100% - (2 * var(--mc-mobile-gutter)));
    gap:8px;
    font-size:6.5px;
  }
  .hmmc-mc-min-continue-cue i{width:24px}
  .hmmc-mc-min-explore{
    width:100%;
    padding:clamp(32px,9vw,44px) var(--mc-mobile-gutter) 28px;
    scroll-margin-top:76px;
  }
  .hmmc-mc-min-explore h3{font-size:clamp(40px,12vw,56px);line-height:.94}
  .hmmc-mc-min-controls{margin-top:24px;gap:16px}
  .hmmc-mc-min-grid{padding-bottom:82px}
}

/* Small-phone tuning uses the same grid, not separate layouts. */
@media(max-width:360px){
  .hmmc-mc-min{--mc-mobile-gutter:clamp(18px,5.6vw,22px)}
  .hmmc-mc-min-mobile-head h2{font-size:clamp(37px,12vw,43px)}
  .hmmc-mc-min-nav{width:min(260px,100%)}
  .hmmc-mc-min-info h3{font-size:clamp(32px,10.2vw,39px)}
  .hmmc-mc-min-rail-wrap{grid-template-columns:36px minmax(0,1fr) 36px}
  .hmmc-mc-min-rail-arrow{width:36px;min-width:36px}
}
@media(max-width:320px){
  .hmmc-mc-min{--mc-mobile-gutter:18px}
  .hmmc-mc-min-mobile-head h2{font-size:36px}
  .hmmc-mc-min-vitrine{width:calc(100% - 36px)}
  .hmmc-mc-min-info h3{font-size:31px}
  .hmmc-mc-min-rail-wrap{grid-template-columns:34px minmax(0,1fr) 34px;padding-inline:6px}
  .hmmc-mc-min-rail-arrow{width:34px;min-width:34px}
  .hmmc-mc-min-rail-item{flex-basis:68px}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-mc-min-specimen{animation:none!important}
  .hmmc-mc-min-rail-item img,
  .hmmc-mc-min-explore-cta::after,
  .hmmc-mc-min-explore-cta b{transition:none!important}
  .hmmc-mc-min-continue-cue b{animation:none!important}
}

/* =========================================================
   V10.3.23 — NEW CLEAN HERO VIDEO
   The video itself is never dimmed or color-muted once decoded.
   ========================================================= */
.hmmc-hero-video{
  opacity:1!important;
  background:#050505;
  filter:none!important;
  transition:opacity 300ms cubic-bezier(.16,1,.3,1)!important;
}
.hmmc-hero-video.is-video-ready{opacity:1!important}
.hmmc-hero-video.is-video-error{opacity:1!important}
.hmmc-hero-shade{
  background:
    linear-gradient(90deg,rgba(2,2,2,.54) 0%,rgba(2,2,2,.25) 38%,rgba(2,2,2,.08) 67%,rgba(2,2,2,0) 100%),
    linear-gradient(0deg,rgba(2,2,2,.24),transparent 52%)!important;
}
.hmmc-portal-frame img{
  object-position:var(--hmmc-portal-pos-x,50%) var(--hmmc-portal-pos-y,50%)!important;
}

/* =========================================================
   V10.3.19 — FINAL MOBILE COMPOSITION + VIDEO-ONLY HERO
   Desktop remains visually unchanged. Mobile uses one spacing/grid system.
   ========================================================= */

@media(max-width:720px){
  .hmmc-root{
    --hm-gutter:clamp(20px,6vw,28px);
    --hm-xs:clamp(8px,2.4vw,12px);
    --hm-sm:clamp(14px,4vw,18px);
    --hm-md:clamp(22px,6vw,30px);
    --hm-lg:clamp(32px,8.5vw,44px);
    --hm-xl:clamp(46px,12vw,62px);
  }

  /* ---------- HERO: scaled desktop composition — full-width video + left overlay ---------- */
  .hmmc-hero{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    height:82svh!important;
    min-height:560px!important;
    max-height:780px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:calc(68px + env(safe-area-inset-top)) var(--hm-gutter) max(42px,calc(28px + env(safe-area-inset-bottom)))!important;
    overflow:hidden!important;
    background:#050505!important;
  }
  .hmmc-hero-video{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:50% 54%!important;
    background:#050505!important;
    filter:none!important;
    transform:translate3d(0,0,0)!important;
  }
  .hmmc-hero-shade{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.47) 32%,rgba(0,0,0,.22) 55%,rgba(0,0,0,.05) 78%,rgba(0,0,0,0) 100%),
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.18) 100%)!important;
  }
  .hmmc-hero-content{
    position:relative!important;
    z-index:3!important;
    width:min(88vw,380px)!important;
    max-width:380px!important;
    min-width:0!important;
    margin:clamp(22px,6svh,54px) 0 0!important;
    padding:0!important;
    align-self:center!important;
    text-align:left!important;
  }
  .hmmc-kicker{
    margin:0!important;
    max-width:31ch!important;
    font-size:clamp(7px,1.95vw,8.4px)!important;
    line-height:1.45!important;
    letter-spacing:.19em!important;
  }
  .hmmc-title{
    max-width:100%!important;
    margin:clamp(16px,4.4vw,21px) 0 clamp(16px,4vw,20px)!important;
    font-size:clamp(40px,12.3vw,56px)!important;
    line-height:.82!important;
    letter-spacing:-.058em!important;
  }
  .hmmc-title>span,.hmmc-title>span i{max-width:100%!important}
  .hmmc-title>span i{white-space:nowrap!important}
  .hmmc-hero-intro{
    max-width:31ch!important;
    margin:0!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.55!important;
    color:rgba(245,241,234,.82)!important;
  }
  .hmmc-enter{
    min-height:40px!important;
    margin-top:clamp(18px,5vw,24px)!important;
    gap:14px!important;
    padding-bottom:8px!important;
    font-size:clamp(6.8px,1.9vw,8px)!important;
    letter-spacing:.16em!important;
  }
  .hmmc-enter b{font-size:13px!important}
  .hmmc-hero-bottom{
    position:absolute!important;
    z-index:3!important;
    left:var(--hm-gutter)!important;
    right:var(--hm-gutter)!important;
    bottom:max(14px,calc(10px + env(safe-area-inset-bottom)))!important;
    width:auto!important;
    margin:0!important;
    font-size:6.5px!important;
    line-height:1.4!important;
  }
  .hmmc-hero-bottom span:last-child{display:none!important}
  .hmmc-hero .hmmc-reveal{
    transform:translate3d(0,10px,0);
    transition-duration:.52s!important;
  }
  .hmmc-hero .hmmc-kicker{transition-delay:.04s!important}
  .hmmc-hero .hmmc-hero-intro{transition-delay:.12s!important}
  .hmmc-hero .hmmc-enter{transition-delay:.20s!important}

  /* ---------- Mine Portal: responsive threshold, no dead viewport spacer ---------- */
  .hmmc-mine-portal{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 var(--hm-gutter)!important;
    gap:var(--hm-md)!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    background:#000!important;
  }
  .hmmc-portal-copy{
    max-width:100%!important;
    margin:0!important;
    padding:var(--hm-lg) 0 0!important;
  }
  .hmmc-portal-copy h2{
    margin:var(--hm-sm) 0 var(--hm-sm)!important;
    font-size:clamp(42px,12vw,56px)!important;
    line-height:.96!important;
  }
  .hmmc-portal-copy>p:last-child{
    max-width:36em!important;
    margin:0!important;
    font-size:clamp(13px,3.6vw,15px)!important;
    line-height:1.72!important;
  }
  .hmmc-portal-frame{
    width:100%!important;
    max-width:100%!important;
    height:clamp(300px,86vw,440px)!important;
    max-height:440px!important;
    margin:0!important;
    background:#000!important;
    clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)!important;
  }
  .hmmc-portal-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:var(--hmmc-portal-pos-x-mobile,var(--hmmc-portal-pos-x,50%)) var(--hmmc-portal-pos-y-mobile,var(--hmmc-portal-pos-y,50%))!important;
    transform:scale(1.035)!important;
  }
  .hmmc-mine-portal + .hmmc-mc-min{margin-top:0!important}

  /* ---------- Cabinet: one centered mobile story ---------- */
  .hmmc-mc-min{
    --mc-mobile-gutter:var(--hm-gutter);
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  .hmmc-mc-min-main{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(34px,9vw,48px) 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    overflow:visible!important;
  }
  .hmmc-mc-min-mobile-head{
    width:100%!important;
    max-width:100%!important;
    padding:0 var(--hm-gutter) var(--hm-md)!important;
  }
  .hmmc-mc-min-mobile-head>p:first-child{
    margin:0 0 var(--hm-sm)!important;
    font-size:7.5px!important;
    line-height:1.3!important;
  }
  .hmmc-mc-min-mobile-head h2{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(32px,8vw,46px)!important;
    line-height:.98!important;
    overflow-wrap:normal!important;
  }
  .hmmc-mc-min-mobile-head>span{
    max-width:310px!important;
    margin-top:var(--hm-sm)!important;
    font-size:clamp(12px,3.4vw,13.5px)!important;
    line-height:1.58!important;
  }
  .hmmc-mc-min-mobile-statline{margin-top:var(--hm-sm)!important}
  .hmmc-mc-min-explore-cta-mobile{
    min-height:42px!important;
    margin-top:var(--hm-sm)!important;
  }

  /* One axis for spotlight / specimen / pedestal. */
  .hmmc-mc-min-vitrine{
    --hmmc-stage-scale:1.08;
    width:min(90vw,500px)!important;
    max-width:calc(100% - (2 * var(--hm-gutter)))!important;
    margin:0 auto!important;
    justify-self:center!important;
  }
  .hmmc-mc-min-vitrine::before{
    top:-68px!important;
    left:50%!important;
    width:122%!important;
    max-width:560px!important;
    height:165px!important;
    opacity:.40!important;
  }
  .hmmc-mc-min-vitrine::after{
    top:2px!important;
    left:50%!important;
    width:70%!important;
    height:84px!important;
    opacity:.34!important;
  }
  .hmmc-mc-min-pedestal{
    left:50%!important;
    width:100%!important;
    max-width:100%!important;
    bottom:-1%!important;
    transform:translateX(-50%)!important;
  }
  .hmmc-mc-min-specimen{
    --hmmc-float-y:-3px;
    left:2.5%!important;
    right:2.5%!important;
    top:4.5%!important;
    bottom:29.5%!important;
  }
  .hmmc-mc-min-specimen img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }

  /* Navigation + details directly continue the museum object. */
  .hmmc-mc-min-info{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(24px,6.5vw,32px) var(--hm-gutter) 0!important;
  }
  .hmmc-mc-min-nav{
    width:min(276px,100%)!important;
    max-width:100%!important;
    margin:0 auto clamp(28px,7.5vw,36px)!important;
    display:grid!important;
    grid-template-columns:44px minmax(90px,1fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
  }
  .hmmc-mc-min-nav button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  .hmmc-mc-min-nav span{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    font-size:10px!important;
  }
  .hmmc-mc-min-code{margin:0 0 8px!important;font-size:7.5px!important}
  .hmmc-mc-min-info h3{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(32px,10vw,42px)!important;
    line-height:.94!important;
    overflow-wrap:normal!important;
  }
  .hmmc-mc-min-accent{margin:clamp(20px,5vw,26px) 0 clamp(22px,5.8vw,29px)!important}
  .hmmc-mc-min-locality{margin:0 0 clamp(24px,6.5vw,32px)!important}
  .hmmc-mc-min-locality strong{font-size:13px!important;line-height:1.42!important}
  .hmmc-mc-min-locality small{font-size:10px!important}
  .hmmc-mc-min-meta{margin:0!important}
  .hmmc-mc-min-meta div{
    grid-template-columns:minmax(82px,30%) 1fr!important;
    gap:12px!important;
    padding:clamp(11px,3vw,14px) 0!important;
  }
  .hmmc-mc-min-meta dt{font-size:7px!important}
  .hmmc-mc-min-meta dd{font-size:11px!important}
  .hmmc-mc-min-locality-link{
    min-height:40px!important;
    margin-top:clamp(22px,6vw,28px)!important;
    padding-top:9px!important;
    font-size:8px!important;
  }

  /* Rail: only the rail scrolls; no vw-sized child can leak into the page. */
  .hmmc-mc-min-rail-note{
    width:100%!important;
    max-width:100%!important;
    margin:clamp(24px,6.5vw,32px) auto 10px!important;
    padding:0 var(--hm-gutter)!important;
    gap:8px!important;
    font-size:6.3px!important;
  }
  .hmmc-mc-min-rail-note i{width:20px!important}
  .hmmc-mc-min-rail-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 clamp(6px,2vw,10px) 2px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:3px!important;
    overflow:clip!important;
    contain:layout inline-size!important;
  }
  .hmmc-mc-min-rail-arrow{
    width:34px!important;
    min-width:34px!important;
    height:72px!important;
    min-height:44px!important;
    padding:0!important;
    font-size:18px!important;
  }
  .hmmc-mc-min-rail{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:6px!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:none!important;
    contain:inline-size!important;
  }
  .hmmc-mc-min-rail::-webkit-scrollbar{display:none!important}
  .hmmc-mc-min-rail-item{
    flex:0 0 clamp(72px,26%,92px)!important;
    min-width:72px!important;
    max-width:92px!important;
    min-height:82px!important;
    padding:4px 4px 7px!important;
    overflow:hidden!important;
  }
  .hmmc-mc-min-rail-item>span{
    width:100%!important;
    height:64px!important;
    padding:7px!important;
  }
  .hmmc-mc-min-rail-item img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Featured showcase -> full archive transition, compact and editorial. */
  .hmmc-mc-min-continue-cue{
    max-width:calc(100% - (2 * var(--hm-gutter)))!important;
    min-height:42px!important;
    margin:clamp(38px,10vw,52px) auto 0!important;
    gap:8px!important;
    font-size:6.4px!important;
  }
  .hmmc-mc-min-continue-cue i{width:22px!important}
  .hmmc-mc-min-explore{
    width:100%!important;
    margin:0!important;
    padding:clamp(24px,6.5vw,34px) var(--hm-gutter) var(--hm-md)!important;
    scroll-margin-top:76px!important;
  }
  .hmmc-mc-min-explore h3{
    max-width:100%!important;
    font-size:clamp(32px,8vw,44px)!important;
    line-height:.98!important;
  }
  .hmmc-mc-min-controls{
    margin-top:var(--hm-md)!important;
    gap:14px!important;
    align-items:flex-end!important;
  }
  .hmmc-mc-min-controls>button,
  .hmmc-mc-min-search span{font-size:7.5px!important}
  .hmmc-mc-min-grid{
    width:100%!important;
    max-width:100%!important;
    padding:0 8px 78px!important;
    gap:clamp(22px,6vw,30px) 8px!important;
  }


}

@media(max-width:360px){
  .hmmc-root{--hm-gutter:clamp(18px,5.7vw,22px)}
  .hmmc-title{font-size:clamp(46px,14.8vw,54px)!important}
  .hmmc-mc-min-mobile-head h2{font-size:clamp(31px,8vw,38px)!important}
  .hmmc-mc-min-vitrine{width:min(91vw,460px)!important}
  .hmmc-mc-min-nav{width:min(252px,100%)!important}
  .hmmc-mc-min-info h3{font-size:clamp(31px,9.9vw,38px)!important}
  .hmmc-mc-min-rail-wrap{grid-template-columns:32px minmax(0,1fr) 32px!important}
  .hmmc-mc-min-rail-arrow{width:32px!important;min-width:32px!important}
  .hmmc-mc-min-rail-item{flex-basis:clamp(68px,27%,84px)!important;min-width:68px!important}
}

@media(max-width:320px){
  .hmmc-root{--hm-gutter:18px}
  .hmmc-title{font-size:46px!important}
  .hmmc-mc-min-vitrine{width:calc(100% - 36px)!important}
  .hmmc-mc-min-mobile-head h2{font-size:30px!important}
  .hmmc-mc-min-info h3{font-size:30px!important}
  .hmmc-mc-min-controls{gap:11px!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-hero-video{transition:none!important}
  .hmmc-hero .hmmc-reveal{transition:none!important}
}


@media(max-width:720px){
  .hmmc-nav{
    height:calc(70px + env(safe-area-inset-top))!important;
    padding-top:env(safe-area-inset-top)!important;
    padding-inline:var(--hm-gutter)!important;
  }
  .hmmc-mobile-menu{padding-top:calc(110px + env(safe-area-inset-top))!important}
}


@media(max-width:340px){
  .hmmc-hero{padding-inline:18px!important;min-height:540px!important}
  .hmmc-hero-content{width:calc(100vw - 36px)!important;max-width:300px!important}
  .hmmc-title{font-size:clamp(38px,12.4vw,42px)!important}
  .hmmc-hero-intro{max-width:28ch!important;font-size:10.5px!important;line-height:1.48!important}
  .hmmc-enter{font-size:6.4px!important;gap:10px!important}
}

/* =========================================================
   V10.3.20 — CINEMATIC PRIVATE EXHIBITION PASS
   Motion/continuity only. Approved content and layout stay intact.
   ========================================================= */
.hmmc-root{
  --hmmc-motion-micro:260ms;
  --hmmc-motion-standard:560ms;
  --hmmc-motion-cinematic:840ms;
  --hmmc-motion-ambient:7.2s;
  --hmmc-ease-out:cubic-bezier(.16,1,.3,1);
  --hmmc-ease-cinema:cubic-bezier(.22,.61,.36,1);
}

/* One restrained motion language for existing reveal elements. */
.hmmc-reveal{
  transition-timing-function:var(--hmmc-ease-out)!important;
}
.hmmc-section-label.hmmc-reveal{transform:translate3d(0,10px,0)}
.hmmc-section-intro.hmmc-reveal{transform:translate3d(0,12px,0)}
.hmmc-section-label.hmmc-reveal.is-visible,
.hmmc-section-intro.hmmc-reveal.is-visible{transform:translate3d(0,0,0)}

/* Header remains the same design; scrolling only changes its presence subtly. */
.hmmc-nav{
  will-change:transform,opacity;
  transition:
    background var(--hmmc-motion-micro) ease,
    backdrop-filter var(--hmmc-motion-micro) ease,
    border var(--hmmc-motion-micro) ease,
    transform 320ms var(--hmmc-ease-out),
    opacity 320ms var(--hmmc-ease-out)!important;
}
.hmmc-nav.is-fixed.is-scroll-down{transform:translate3d(0,-6px,0);opacity:.90}
.hmmc-nav.is-fixed.is-scroll-up{transform:translate3d(0,0,0);opacity:1}

/* ---------------------------------------------------------
   HERO — cinematic entrance and handoff into the mine.
   --------------------------------------------------------- */
.hmmc-hero{
  --hmmc-hero-handoff:0;
  --hmmc-hero-exit-alpha:0;
  --hmmc-hero-content-opacity:1;
  --hmmc-hero-content-y:0px;
}
.hmmc-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:rgba(0,0,0,var(--hmmc-hero-exit-alpha));
}
.hmmc-hero-content{
  position:relative;
  z-index:2;
  opacity:var(--hmmc-hero-content-opacity);
  transform:translate3d(0,var(--hmmc-hero-content-y),0);
  will-change:transform,opacity;
}
.hmmc-hero-bottom{
  z-index:2;
  opacity:var(--hmmc-hero-content-opacity);
  transform:translate3d(0,var(--hmmc-hero-content-y),0);
  will-change:transform,opacity;
}
.hmmc-enter b{
  animation:hmmcScrollCue 2.8s ease-in-out infinite;
}
@keyframes hmmcScrollCue{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,3px,0)}
}
@media(min-width:721px) and (prefers-reduced-motion:no-preference){
  .hmmc-hero-video.is-video-ready{
    transform-origin:50% 50%;
    animation:hmmcHeroAmbient 18s ease-in-out infinite alternate;
  }
  @keyframes hmmcHeroAmbient{
    from{transform:translate3d(var(--hmmc-hero-depth-x,0px),var(--hmmc-hero-depth-y,0px),0) scale(1.03)}
    to{transform:translate3d(var(--hmmc-hero-depth-x,0px),var(--hmmc-hero-depth-y,0px),0) scale(1.04)}
  }
}

/* ---------------------------------------------------------
   MINE PORTAL — threshold experience; clean handoff to the Cabinet.
   --------------------------------------------------------- */
.hmmc-mine-portal{
  --hmmc-portal-scale:1;
  --hmmc-portal-copy-opacity:1;
  --hmmc-portal-copy-y:0px;
  --hmmc-portal-depth-x:0px;
  --hmmc-portal-depth-y:0px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hmmc-portal-copy{
  position:relative;
  z-index:2;
  opacity:var(--hmmc-portal-copy-opacity);
  transform:translate3d(0,var(--hmmc-portal-copy-y),0);
  will-change:transform,opacity;
}
.hmmc-portal-frame{
  z-index:1;
  transform:translate3d(var(--hmmc-portal-depth-x),var(--hmmc-portal-depth-y),0) scale(var(--hmmc-portal-scale));
  transform-origin:50% 52%;
  will-change:transform,clip-path;
}

/* ---------------------------------------------------------
   MOROCCAN CABINET — approved physical museum presentation.
   Mine Portal now hands off through a clean normal boundary.
   --------------------------------------------------------- */
.hmmc-mc-min-specimen{
  --hmmc-float-y:-5px;
  animation-duration:7.2s!important;
  animation-timing-function:ease-in-out!important;
}
.hmmc-mc-min-vitrine::before,
.hmmc-mc-min-vitrine::after{
  transition:filter 280ms var(--hmmc-ease-out),opacity 280ms var(--hmmc-ease-out);
}
.hmmc-mc-min-vitrine.is-changing::before{filter:blur(5px) brightness(.88)}
.hmmc-mc-min-vitrine.is-changing::after{filter:blur(4px) brightness(.88)}

/* Signature loupe: quick, precise reveal with no heavy UI. */
.hmmc-mc-min-showcase-loupe{
  opacity:0;
  transform:scale(.965);
  transform-origin:50% 50%;
  transition:opacity 150ms ease,transform 180ms var(--hmmc-ease-out)!important;
}
.hmmc-mc-min-showcase-loupe.is-visible{opacity:1;transform:scale(1)}

/* Archive filmstrip: quiet neighbors, precise active frame and gentle snap. */
.hmmc-mc-min-rail{
  scroll-snap-type:x proximity;
  scroll-padding-inline:8px;
}
.hmmc-mc-min-rail.is-dragging{scroll-snap-type:none}
.hmmc-mc-min-rail-item{scroll-snap-align:center}
.hmmc-mc-min-rail-item img{
  opacity:.76;
  transition:transform 300ms var(--hmmc-ease-out),opacity 300ms ease!important;
}
.hmmc-mc-min-rail-item:hover img{opacity:.94}
.hmmc-mc-min-rail-item.is-active img{opacity:1!important;transform:translate3d(0,0,0) scale(1.03)!important}

/* Explore cards stay minimal; only depth/metadata response is strengthened. */
.hmmc-mc-min-card-copy{
  opacity:.84;
  transition:opacity var(--hmmc-motion-micro) ease,transform var(--hmmc-motion-micro) var(--hmmc-ease-out)!important;
}
.hmmc-mc-min-card:hover .hmmc-mc-min-card-copy{opacity:1}

/* One editorial interaction language for existing links. */
.hmmc-enter,
.hmmc-mc-min-explore-cta,
.hmmc-mc-min-continue-cue,
.hmmc-mc-min-locality-link,
.hmmc-modal-locality-link{
  transition:opacity var(--hmmc-motion-micro) ease,transform var(--hmmc-motion-micro) var(--hmmc-ease-out),border-color var(--hmmc-motion-micro) ease!important;
}
.hmmc-mc-min-explore-cta b,
.hmmc-mc-min-continue-cue b{
  transition:transform var(--hmmc-motion-micro) var(--hmmc-ease-out)!important;
}
@media(pointer:fine){
  .hmmc-mc-min-explore-cta:hover b{transform:translate3d(5px,0,0)}
  .hmmc-mc-min-continue-cue:hover b{transform:translate3d(0,3px,0)}
  .hmmc-mc-min-locality-link:hover,
  .hmmc-modal-locality-link:hover{transform:translate3d(4px,0,0)}
}

.hmmc-mc-min-nav button,
.hmmc-mc-min-rail-arrow,
.hmmc-menu-button{
  transition:transform var(--hmmc-motion-micro) var(--hmmc-ease-out),opacity var(--hmmc-motion-micro) ease!important;
}
@media(pointer:fine){
  .hmmc-mc-min-nav button:hover,
  .hmmc-mc-min-rail-arrow:hover{transform:translate3d(0,-2px,0);opacity:.72}
  .hmmc-mine-portal,.hmmc-hero{--hmmc-depth-enabled:1}
}
@media(pointer:coarse){
  .hmmc-enter:active,
  .hmmc-mc-min-explore-cta:active,
  .hmmc-mc-min-locality-link:active{opacity:.68}
}

/* ---------------------------------------------------------
   ROTATION -> LOCALITIES
   Deliberately clean boundary. No transition effect in this pass.
   --------------------------------------------------------- */
.hmmc-specimen-story + .hmmc-localities{margin-top:0!important}

/* Locality arrival gets one quiet origin pulse, never continuous blinking. */
.hmmc-localities.is-origin-entered .hmmc-locality-stop:first-of-type .hmmc-locality-dot{
  animation:hmmcOriginPulse 900ms var(--hmmc-ease-out) 1;
}
@keyframes hmmcOriginPulse{
  0%{box-shadow:0 0 0 0 rgba(197,139,72,.34)}
  55%{box-shadow:0 0 0 9px rgba(197,139,72,0)}
  100%{box-shadow:0 0 0 0 rgba(197,139,72,0)}
}

/* Footer closes the exhibition with motion tapering to stillness. */
.hmmc-cinematic-ready .hmmc-footer> *{
  opacity:0;
  transform:translate3d(0,8px,0);
  transition:opacity 620ms var(--hmmc-ease-out),transform 620ms var(--hmmc-ease-out);
}
.hmmc-cinematic-ready .hmmc-footer.is-closing> *{opacity:1;transform:translate3d(0,0,0)}
.hmmc-cinematic-ready .hmmc-footer.is-closing> *:nth-child(2){transition-delay:80ms}
.hmmc-cinematic-ready .hmmc-footer.is-closing> *:nth-child(3){transition-delay:150ms}

/* If an existing macro section is present in the page composition, use the same
   restrained image language without changing its markup/content. */
.hmmc-cinematic-ready .hmmc-macro img,
.hmmc-cinematic-ready [data-hmmc-macro] img{
  transform:scale(1);
  transition:opacity 760ms var(--hmmc-ease-cinema),transform 8s ease-out;
}
.hmmc-cinematic-ready .hmmc-macro.is-exhibition-visible img,
.hmmc-cinematic-ready [data-hmmc-macro].is-exhibition-visible img{transform:scale(1.025)}

/* Mobile carries the same narrative with fewer simultaneous effects. */
@media(max-width:720px){
  .hmmc-nav.is-fixed.is-scroll-down{transform:translate3d(0,-4px,0);opacity:.94}
  .hmmc-hero::after{display:block;z-index:2;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,var(--hmmc-hero-exit-alpha)) 100%)}
  .hmmc-hero-content,
  .hmmc-hero-bottom{will-change:opacity}
  .hmmc-mc-min-specimen{
    --hmmc-float-y:-3px;
    animation-duration:6.6s!important;
  }
  .hmmc-mc-min-rail{scroll-snap-type:x proximity}
  .hmmc-mc-min-rail-item img{opacity:.82}
  .hmmc-mc-min-card-copy{opacity:1}
  .hmmc-enter b{animation-duration:3.2s}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-enter b{animation:none!important}
  .hmmc-hero-video{animation:none!important}
  .hmmc-hero::after{display:none!important}
  .hmmc-portal-copy,
  .hmmc-portal-frame{opacity:1!important;transform:none!important}
  .hmmc-cinematic-ready .hmmc-footer> *{opacity:1!important;transform:none!important}
  .hmmc-locality-dot{animation:none!important}
}

/* Once-only threshold emergence; opacity only so existing portal geometry remains authoritative. */
.hmmc-cinematic-ready .hmmc-mine-portal .hmmc-portal-frame{
  transition:opacity 780ms var(--hmmc-ease-out);
}
.hmmc-cinematic-ready .hmmc-mine-portal:not(.is-exhibition-visible) .hmmc-portal-frame{opacity:.82}
.hmmc-cinematic-ready .hmmc-mine-portal.is-exhibition-visible .hmmc-portal-frame{opacity:1}
@media(max-width:720px){
  .hmmc-cinematic-ready .hmmc-mine-portal:not(.is-exhibition-visible) .hmmc-portal-frame{opacity:.90}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-cinematic-ready .hmmc-mine-portal .hmmc-portal-frame{opacity:1!important}
}
.hmmc-mine-portal{--hmmc-portal-vignette-opacity:1}
.hmmc-portal-vignette{opacity:var(--hmmc-portal-vignette-opacity)}


/* V10.3.21 production continuity guards */
.hmmc-hero + .hmmc-mine-portal{margin-top:0!important}
.hmmc-mine-portal + .hmmc-mc-min{margin-top:0!important}
.hmmc-portal-frame img{transition:none!important}
@media(max-width:720px){
  .hmmc-root{overflow-x:clip!important}
  .hmmc-hero,.hmmc-mine-portal,.hmmc-mc-min{max-width:100%!important}
  .hmmc-mc-min-main{padding-top:clamp(32px,8vw,44px)!important}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-hero-video{transition:none!important}
}

/* V10.3.23 boundary guards: no special transition after the 180° study. */
.hmmc-specimen-story + .hmmc-localities{margin-top:0!important;transform:none!important}
.hmmc-specimen-story::after{display:none!important}

/* =========================================================
   V10.3.25 — FINAL MOBILE HERO + PERSISTENT 180° STUDY TITLE
   Scoped refinements only; approved Cabinet/Portal/Localities stay unchanged.
   ========================================================= */

/* The story title is an exhibition identity, not an annotation. */
.hmmc-story-intro{
  left:clamp(28px,5vw,82px)!important;
  top:clamp(108px,16svh,168px)!important;
  width:min(430px,34vw)!important;
  z-index:5!important;
  transition:none!important;
}
.hmmc-story-intro>span{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:12px;
  margin:0 0 16px!important;
  color:#b47b3c!important;
  font-size:clamp(7px,.62vw,9px)!important;
  letter-spacing:.23em!important;
  text-transform:uppercase;
}
.hmmc-story-intro>span::after{
  content:"";
  display:block;
  width:clamp(28px,2.6vw,42px);
  height:1px;
  background:rgba(197,139,72,.76);
}
.hmmc-story-intro h2{
  max-width:5.8ch;
  font-size:clamp(62px,6.4vw,108px)!important;
  line-height:.88!important;
  letter-spacing:-.062em!important;
  color:#11100f!important;
}

@media(max-width:720px){
  /* Full-width background video with a compact right-center editorial block. */
  .hmmc-hero{
    isolation:isolate!important;
    width:100%!important;
    height:80svh!important;
    min-height:520px!important;
    max-height:760px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:calc(64px + env(safe-area-inset-top)) clamp(18px,5.5vw,26px) max(34px,calc(20px + env(safe-area-inset-bottom)))!important;
    overflow:hidden!important;
    background:#050505!important;
  }
  .hmmc-hero-video{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:60% 50%!important;
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0)!important;
    background:#050505!important;
  }
  /* Contrast exists only behind the right-side text; the video itself stays untouched. */
  .hmmc-hero-shade{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(270deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.34) 25%,rgba(0,0,0,.14) 49%,rgba(0,0,0,0) 73%)!important;
  }
  .hmmc-hero-content{
    position:relative!important;
    z-index:3!important;
    flex:0 0 min(50vw,238px)!important;
    width:min(50vw,238px)!important;
    max-width:min(50vw,238px)!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    text-align:left!important;
  }
  .hmmc-hero .hmmc-kicker{
    max-width:24ch!important;
    margin:0!important;
    font-size:clamp(6px,1.6vw,7.6px)!important;
    line-height:1.45!important;
    letter-spacing:.17em!important;
  }
  .hmmc-hero .hmmc-title{
    width:100%!important;
    max-width:100%!important;
    margin:clamp(10px,2.7vw,14px) 0 clamp(12px,3.1vw,16px)!important;
    font-size:clamp(31px,9.4vw,48px)!important;
    line-height:.88!important;
    letter-spacing:-.058em!important;
  }
  .hmmc-hero .hmmc-title>span,
  .hmmc-hero .hmmc-title>span i{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  .hmmc-hero .hmmc-hero-intro{
    max-width:23ch!important;
    margin:0!important;
    font-size:clamp(8.5px,2.35vw,10.5px)!important;
    line-height:1.48!important;
    color:rgba(247,243,237,.86)!important;
  }
  .hmmc-hero .hmmc-enter{
    margin-top:clamp(13px,3.5vw,18px)!important;
    gap:10px!important;
    min-height:32px!important;
    padding-bottom:6px!important;
    font-size:clamp(5.9px,1.58vw,7px)!important;
    letter-spacing:.145em!important;
  }
  .hmmc-hero .hmmc-enter b{font-size:11px!important}
  .hmmc-hero-bottom{
    z-index:3!important;
    left:clamp(18px,5.5vw,26px)!important;
    right:clamp(18px,5.5vw,26px)!important;
    bottom:max(10px,calc(7px + env(safe-area-inset-bottom)))!important;
    font-size:5.8px!important;
  }
  .hmmc-hero::after{display:none!important}

  /* Persistent study identity: small mobile version in true negative space. */
  .hmmc-story-intro{
    left:clamp(18px,5vw,24px)!important;
    top:clamp(82px,11svh,104px)!important;
    width:min(180px,45vw)!important;
  }
  .hmmc-story-intro>span{
    gap:8px!important;
    margin-bottom:9px!important;
    font-size:6.4px!important;
    letter-spacing:.20em!important;
  }
  .hmmc-story-intro>span::after{width:24px!important}
  .hmmc-story-intro h2{
    max-width:5.6ch!important;
    font-size:clamp(30px,9.2vw,42px)!important;
    line-height:.90!important;
  }
}

@media(max-width:340px){
  .hmmc-hero{
    height:78svh!important;
    min-height:500px!important;
    padding-inline:18px!important;
  }
  .hmmc-hero-content{
    flex-basis:52vw!important;
    width:52vw!important;
    max-width:52vw!important;
  }
  .hmmc-hero .hmmc-title{font-size:clamp(29px,9.4vw,33px)!important}
  .hmmc-hero .hmmc-kicker{font-size:5.8px!important}
  .hmmc-hero .hmmc-hero-intro{font-size:8.2px!important}
  .hmmc-hero .hmmc-enter{font-size:5.6px!important}
  .hmmc-story-intro{width:min(148px,44vw)!important}
  .hmmc-story-intro h2{font-size:clamp(28px,9vw,32px)!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-story-intro{opacity:1!important;transform:none!important}
  .hmmc-hero-video{animation:none!important;transition:none!important}
}

/* =========================================================
   V10.3.30 — TRUE PINNED 180° EXHIBITION
   Authoritative implementation for this section only.
   Native sticky pinning + scroll-progress choreography; no wheel/touch lock.
   ========================================================= */
.hmmc-specimen-story{
  --hmmc-story-x:0px;
  --hmmc-story-y:0px;
  --hmmc-story-scale:1;
  --hmmc-story-gutter:clamp(46px,4.2vw,72px);
  --hmmc-story-gold:#b77b30;
  --hmmc-story-ink:#11100f;
  --hmmc-story-muted:#66615b;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:380svh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  color:var(--hmmc-story-ink)!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* The sticky viewport is the pin. It remains at the viewport while the tall
   parent supplies native browser scroll distance, then releases at each edge. */
.hmmc-specimen-story .hmmc-story-sticky{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  height:100svh!important;
  min-height:600px!important;
  margin:0!important;
  padding:0!important;
  overflow:clip!important;
  background:#fff!important;
  isolation:isolate!important;
  overscroll-behavior:contain auto!important;
}

/* Permanent architectural section identity. */
.hmmc-specimen-story .hmmc-story-intro{
  position:absolute!important;
  z-index:20!important;
  left:var(--hmmc-story-gutter)!important;
  top:max(clamp(54px,6.4svh,76px),calc(30px + env(safe-area-inset-top)))!important;
  width:auto!important;
  max-width:min(650px,45vw)!important;
  margin:0!important;
  padding:0!important;
  opacity:1;
  transform:translate3d(0,0,0);
  pointer-events:none!important;
  will-change:opacity,transform!important;
}
.hmmc-specimen-story .hmmc-story-intro>span{
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,.9vw,16px)!important;
  width:max-content!important;
  margin:0 0 clamp(17px,1.35vw,22px)!important;
  color:var(--hmmc-story-gold)!important;
  font-size:clamp(8px,.65vw,10px)!important;
  line-height:1!important;
  letter-spacing:.225em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.hmmc-specimen-story .hmmc-story-intro>span em,
.hmmc-specimen-story .hmmc-story-intro>span b{
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
  font-style:normal!important;
  font-weight:400!important;
}
.hmmc-specimen-story .hmmc-story-intro>span i{
  display:block!important;
  width:clamp(32px,2.55vw,46px)!important;
  height:1px!important;
  margin:0!important;
  background:rgba(183,123,48,.88)!important;
  transform-origin:left center!important;
}
.hmmc-specimen-story .hmmc-story-intro>span::after{content:none!important;display:none!important}
.hmmc-specimen-story .hmmc-story-intro h2{
  width:auto!important;
  margin:0!important;
  color:var(--hmmc-story-ink)!important;
  font-family:Georgia,serif!important;
  font-size:clamp(64px,6.05vw,96px)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  white-space:nowrap!important;
}

/* Once-only entrance: the title arrives like a major exhibition heading, then stays calm. */
.hmmc-specimen-story .hmmc-story-intro>span,
.hmmc-specimen-story .hmmc-story-intro h2{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity 560ms cubic-bezier(.16,1,.3,1),transform 560ms cubic-bezier(.16,1,.3,1)!important;
}
.hmmc-specimen-story .hmmc-story-intro>span i{
  transform:scaleX(0);
  transition:transform 520ms cubic-bezier(.16,1,.3,1) 90ms!important;
}
.hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro>span{
  opacity:1;
  transform:translate3d(0,0,0);
}
.hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro>span i{transform:scaleX(1)}
.hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro h2{
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:90ms!important;
}

/* Full-screen interactive field below/around the architectural heading. */
.hmmc-specimen-story .hmmc-story-stage{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:clip!important;
  pointer-events:none!important;
}

/* True-centred specimen. No website-created shadow, glow or floor treatment. */
.hmmc-specimen-story .hmmc-story-media{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:48.5%!important;
  width:min(58vw,84svh,910px)!important;
  height:auto!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(calc(-50% + var(--hmmc-story-x)),calc(-50% + var(--hmmc-story-y)),0) scale(var(--hmmc-story-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  pointer-events:none!important;
}
.hmmc-specimen-story .hmmc-story-media::before,
.hmmc-specimen-story .hmmc-story-media::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  box-shadow:none!important;
}
.hmmc-specimen-story .hmmc-story-canvas,
.hmmc-specimen-story .hmmc-story-media video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:none!important;
  border:0!important;
}
.hmmc-specimen-story .hmmc-story-canvas{opacity:0}
.hmmc-specimen-story .hmmc-story-media video{opacity:1}
.hmmc-specimen-story .hmmc-story-media.is-sequence-ready .hmmc-story-canvas{opacity:1}
.hmmc-specimen-story .hmmc-story-media.is-sequence-ready video{opacity:0}

/* One annotation at a time. Each location is deliberately composed in negative space. */
.hmmc-specimen-story .hmmc-story-moment{
  position:absolute!important;
  z-index:12!important;
  width:min(220px,15.5vw)!important;
  max-width:220px!important;
  margin:0!important;
  padding:0!important;
  color:var(--hmmc-story-ink)!important;
  opacity:0;
  transform:translate3d(0,12px,0);
  pointer-events:none!important;
  text-align:left!important;
  will-change:opacity,transform!important;
}
.hmmc-specimen-story .hmmc-story-moment-one{
  right:var(--hmmc-story-gutter)!important;
  left:auto!important;
  top:29%!important;
  bottom:auto!important;
}
.hmmc-specimen-story .hmmc-story-moment-two{
  left:var(--hmmc-story-gutter)!important;
  right:auto!important;
  top:55%!important;
  bottom:auto!important;
}
.hmmc-specimen-story .hmmc-story-moment-three{
  right:var(--hmmc-story-gutter)!important;
  left:auto!important;
  top:62%!important;
  bottom:auto!important;
}
.hmmc-specimen-story .hmmc-story-moment::before,
.hmmc-specimen-story .hmmc-story-moment::after,
.hmmc-specimen-story .hmmc-story-moment h2::before,
.hmmc-specimen-story .hmmc-story-moment p::before,
.hmmc-specimen-story .hmmc-story-moment p::after{
  content:none!important;
  display:none!important;
}
.hmmc-specimen-story .hmmc-story-moment>span{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  margin:0 0 14px!important;
  color:var(--hmmc-story-gold)!important;
  font-size:clamp(8px,.62vw,10px)!important;
  line-height:1!important;
  letter-spacing:.18em!important;
}
.hmmc-specimen-story .hmmc-story-moment>span::after{
  content:""!important;
  display:block!important;
  width:24px!important;
  height:1px!important;
  background:rgba(183,123,48,.78)!important;
}
.hmmc-specimen-story .hmmc-story-moment h2{
  margin:0!important;
  color:var(--hmmc-story-ink)!important;
  font-family:Georgia,serif!important;
  font-size:clamp(30px,2.3vw,38px)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}
.hmmc-specimen-story .hmmc-story-moment h2::after{
  content:""!important;
  display:block!important;
  width:24px!important;
  height:1px!important;
  margin-top:17px!important;
  background:rgba(183,123,48,.86)!important;
}
.hmmc-specimen-story .hmmc-story-moment p{
  max-width:205px!important;
  margin:17px 0 0!important;
  color:var(--hmmc-story-muted)!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  line-height:1.72!important;
}

/* Bottom interaction language mirrors the reference but never dominates it. */
.hmmc-specimen-story .hmmc-story-scroll-hint{
  position:absolute!important;
  z-index:14!important;
  left:var(--hmmc-story-gutter)!important;
  right:auto!important;
  bottom:clamp(124px,13svh,150px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:11px!important;
  color:#605c56!important;
  opacity:0;
  transform:translate3d(0,8px,0);
  pointer-events:none!important;
  will-change:opacity,transform!important;
}
.hmmc-specimen-story .hmmc-story-scroll-hint span{
  color:#605c56!important;
  font-size:clamp(7px,.58vw,9px)!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  white-space:nowrap!important;
}
.hmmc-specimen-story .hmmc-story-hint-icon{
  position:relative!important;
  width:29px!important;
  height:46px!important;
  border:1px solid rgba(183,123,48,.95)!important;
  border-radius:16px!important;
}
.hmmc-specimen-story .hmmc-story-hint-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  width:3px!important;
  height:7px!important;
  border-radius:2px!important;
  transform:translateX(-50%)!important;
  background:rgba(183,123,48,.95)!important;
}
.hmmc-specimen-story .hmmc-story-hint-icon::after{content:none!important;display:none!important}
.hmmc-specimen-story .hmmc-story-hint-icon u{display:none!important}

.hmmc-specimen-story .hmmc-story-progress{
  position:absolute!important;
  z-index:14!important;
  left:clamp(218px,15.4vw,260px)!important;
  right:clamp(190px,16.8vw,278px)!important;
  bottom:clamp(64px,7.6svh,82px)!important;
  display:grid!important;
  grid-template-columns:auto minmax(120px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  color:#77726c!important;
  pointer-events:none!important;
}
.hmmc-specimen-story .hmmc-story-progress>span{
  font-size:clamp(6.4px,.54vw,8px)!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}
.hmmc-specimen-story .hmmc-story-progress>i{
  position:relative!important;
  display:block!important;
  height:1px!important;
  overflow:visible!important;
  background:rgba(21,20,18,.16)!important;
}
.hmmc-specimen-story .hmmc-story-progress>i>b{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:1px!important;
  transform:scaleX(0);
  transform-origin:left center!important;
  background:var(--hmmc-story-gold)!important;
  will-change:transform!important;
}
.hmmc-specimen-story .hmmc-story-progress>i>b::after{
  content:""!important;
  position:absolute!important;
  right:-3px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  background:var(--hmmc-story-gold)!important;
  transform:translateY(-50%) rotate(45deg)!important;
}
.hmmc-specimen-story .hmmc-story-progress-cta{
  position:absolute!important;
  z-index:14!important;
  left:50%!important;
  bottom:max(clamp(13px,1.8svh,23px),env(safe-area-inset-bottom))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  transform:translateX(-50%)!important;
  color:#625e58!important;
  pointer-events:none!important;
  opacity:1;
}
.hmmc-specimen-story .hmmc-story-progress-cta span{
  font-size:clamp(7px,.58vw,9px)!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  white-space:nowrap!important;
}
.hmmc-specimen-story .hmmc-story-progress-cta b{
  color:var(--hmmc-story-gold)!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:300!important;
}

/* Tablet: same pinned exhibition, lighter distances. */
@media(max-width:1050px) and (min-width:721px){
  .hmmc-specimen-story{
    --hmmc-story-gutter:clamp(28px,4vw,44px);
    height:350svh!important;
  }
  .hmmc-specimen-story .hmmc-story-sticky{min-height:560px!important}
  .hmmc-specimen-story .hmmc-story-intro{top:max(46px,calc(27px + env(safe-area-inset-top)))!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:clamp(52px,6.7vw,68px)!important}
  .hmmc-specimen-story .hmmc-story-media{top:48%!important;width:min(66vw,76svh,750px)!important}
  .hmmc-specimen-story .hmmc-story-moment{width:min(188px,22vw)!important;max-width:188px!important}
  .hmmc-specimen-story .hmmc-story-moment-one{top:31%!important}
  .hmmc-specimen-story .hmmc-story-moment-two{top:57%!important}
  .hmmc-specimen-story .hmmc-story-moment-three{top:65%!important}
  .hmmc-specimen-story .hmmc-story-moment h2{font-size:clamp(27px,3.2vw,34px)!important}
  .hmmc-specimen-story .hmmc-story-progress{left:170px!important;right:82px!important}
}

/* Touch composition. Native vertical scrolling remains untouched; the sticky parent is the pin. */
@media(max-width:720px){
  .hmmc-specimen-story{
    --hmmc-story-gutter:clamp(18px,5.2vw,25px);
    height:320svh!important;
    overflow:visible!important;
  }
  .hmmc-specimen-story .hmmc-story-sticky{
    height:100svh!important;
    min-height:520px!important;
    overflow:clip!important;
  }
  .hmmc-specimen-story .hmmc-story-intro{
    left:var(--hmmc-story-gutter)!important;
    top:max(clamp(30px,4.8svh,43px),calc(18px + env(safe-area-inset-top)))!important;
    max-width:82vw!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span{
    gap:7px!important;
    margin-bottom:9px!important;
    font-size:6.1px!important;
    letter-spacing:.18em!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span i{width:19px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{
    font-size:clamp(31px,9.4vw,42px)!important;
    line-height:.90!important;
  }
  .hmmc-specimen-story .hmmc-story-media{
    left:50%!important;
    top:44.5%!important;
    width:min(88vw,65svh,520px)!important;
    max-width:none!important;
  }
  .hmmc-specimen-story .hmmc-story-moment{
    width:min(145px,40vw)!important;
    max-width:40vw!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-one{
    right:var(--hmmc-story-gutter)!important;
    left:auto!important;
    top:50%!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-two{
    left:var(--hmmc-story-gutter)!important;
    right:auto!important;
    top:58%!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-three{
    right:var(--hmmc-story-gutter)!important;
    left:auto!important;
    top:64%!important;
  }
  .hmmc-specimen-story .hmmc-story-moment>span{margin-bottom:6px!important;font-size:6.2px!important}
  .hmmc-specimen-story .hmmc-story-moment>span::after{width:16px!important}
  .hmmc-specimen-story .hmmc-story-moment h2{font-size:clamp(23px,7vw,30px)!important}
  .hmmc-specimen-story .hmmc-story-moment h2::after{width:17px!important;margin-top:10px!important}
  .hmmc-specimen-story .hmmc-story-moment p{
    max-width:142px!important;
    margin-top:9px!important;
    font-size:8.7px!important;
    line-height:1.5!important;
  }
  .hmmc-specimen-story .hmmc-story-scroll-hint{
    left:var(--hmmc-story-gutter)!important;
    bottom:max(72px,calc(60px + env(safe-area-inset-bottom)))!important;
    gap:6px!important;
  }
  .hmmc-specimen-story .hmmc-story-scroll-hint span{font-size:5.8px!important;letter-spacing:.15em!important}
  .hmmc-specimen-story .hmmc-story-hint-icon{width:17px!important;height:27px!important;border-radius:9px!important}
  .hmmc-specimen-story .hmmc-story-hint-icon::before{top:5px!important;height:5px!important}
  .hmmc-specimen-story .hmmc-story-progress{
    left:clamp(82px,24vw,108px)!important;
    right:var(--hmmc-story-gutter)!important;
    bottom:max(35px,calc(27px + env(safe-area-inset-bottom)))!important;
    gap:6px!important;
  }
  .hmmc-specimen-story .hmmc-story-progress>span{font-size:5.1px!important;letter-spacing:.07em!important}
  .hmmc-specimen-story .hmmc-story-progress>i>b::after{width:5px!important;height:5px!important}
  .hmmc-specimen-story .hmmc-story-progress-cta{
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    gap:2px!important;
  }
  .hmmc-specimen-story .hmmc-story-progress-cta span{font-size:5.2px!important;letter-spacing:.14em!important}
  .hmmc-specimen-story .hmmc-story-progress-cta b{font-size:14px!important}
}

@media(max-width:360px){
  .hmmc-specimen-story{height:305svh!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:clamp(29px,9vw,34px)!important}
  .hmmc-specimen-story .hmmc-story-media{top:44%!important;width:min(90vw,61svh)!important}
  .hmmc-specimen-story .hmmc-story-moment{width:min(132px,42vw)!important;max-width:42vw!important}
  .hmmc-specimen-story .hmmc-story-moment p{font-size:8.2px!important}
  .hmmc-specimen-story .hmmc-story-progress{left:76px!important}
}

/* Reduced motion: no pinned scrub requirement. Preserve readable exhibition hierarchy. */
@media(prefers-reduced-motion:reduce){
  .hmmc-specimen-story{
    height:auto!important;
    min-height:0!important;
    padding:clamp(58px,7vw,90px) var(--hmmc-story-gutter) clamp(70px,9vw,105px)!important;
    overflow:hidden!important;
  }
  .hmmc-specimen-story .hmmc-story-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .hmmc-specimen-story .hmmc-story-intro{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    max-width:none!important;
    opacity:1!important;
    transform:none!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span,
  .hmmc-specimen-story .hmmc-story-intro h2{opacity:1!important;transform:none!important;transition:none!important}
  .hmmc-specimen-story .hmmc-story-intro>span i{transform:none!important;transition:none!important}
  .hmmc-specimen-story .hmmc-story-stage{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)!important;
    gap:clamp(28px,4vw,58px)!important;
    align-items:center!important;
    margin-top:clamp(34px,5vw,60px)!important;
    overflow:visible!important;
  }
  .hmmc-specimen-story .hmmc-story-media,
  .hmmc-specimen-story .hmmc-story-moment{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
  .hmmc-specimen-story .hmmc-story-media{
    grid-column:1!important;
    width:100%!important;
    max-width:700px!important;
    aspect-ratio:1/1!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-one{
    grid-column:2!important;
    opacity:1!important;
    width:auto!important;
    max-width:260px!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-two,
  .hmmc-specimen-story .hmmc-story-moment-three,
  .hmmc-specimen-story .hmmc-story-scroll-hint,
  .hmmc-specimen-story .hmmc-story-progress,
  .hmmc-specimen-story .hmmc-story-progress-cta{display:none!important}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .hmmc-specimen-story .hmmc-story-stage{grid-template-columns:1fr!important;gap:20px!important}
  .hmmc-specimen-story .hmmc-story-media,
  .hmmc-specimen-story .hmmc-story-moment-one{grid-column:1!important}
}


/* =========================================================
   V10.3.31 — MACRO STUDY / BEYOND THE SURFACE
   New section only. Scoped so no approved section is altered.
   ========================================================= */
.hmmc-macro-study{
  --macro-gold:#c4933e;
  --macro-ink:#f2f0eb;
  --macro-muted:#aaa69f;
  --macro-line:rgba(196,147,62,.72);
  position:relative;
  width:100%;
  background:#000!important;
  color:var(--macro-ink);
  overflow:hidden;
  isolation:isolate;
}
.hmmc-macro-study *{box-sizing:border-box}
.hmmc-macro-study button{font:inherit;color:inherit}
.hmmc-macro-study__inner{
  width:min(1510px,calc(100% - clamp(48px,7vw,112px)));
  margin:0 auto;
  padding:clamp(68px,7vw,104px) 0 clamp(42px,5vw,70px);
}
.hmmc-macro-study__header{
  position:relative;
  z-index:2;
  margin:0 0 clamp(30px,3.1vw,48px);
}
.hmmc-macro-study__header p{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 18px;
  color:var(--macro-gold);
  font-size:10px;
  line-height:1;
  letter-spacing:.27em;
  text-transform:uppercase;
}
.hmmc-macro-study__header p i{
  display:block;
  width:31px;
  height:1px;
  background:var(--macro-gold);
}
.hmmc-macro-study__header h2{
  margin:0;
  color:#f6f4ef;
  font-family:Georgia,serif;
  font-size:clamp(48px,4.35vw,72px);
  font-weight:400;
  line-height:.92;
  letter-spacing:.055em;
}
.hmmc-macro-study__stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,310px);
  gap:clamp(38px,4.4vw,72px);
  align-items:stretch;
}
.hmmc-macro-study__media{
  --macro-image-x:0px;
  position:relative;
  min-width:0;
  height:clamp(430px,56vh,585px);
  overflow:hidden;
  background:#050505;
}
.hmmc-macro-study__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:translate3d(var(--macro-image-x),0,0) scale(1.001);
  opacity:1;
  transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .74s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.hmmc-macro-study__media.is-changing img{
  opacity:.12;
  transform:translate3d(-12px,0,0) scale(1.018);
}
.hmmc-macro-study__media-wash{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.055),transparent 22%,transparent 82%,rgba(0,0,0,.07));
  opacity:.68;
}
.hmmc-macro-study__info{
  position:relative;
  min-width:0;
  padding:clamp(62px,8vh,96px) 0 18px 34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.hmmc-macro-study__count{
  margin:0 0 28px;
  color:var(--macro-gold);
  font-size:10px;
  letter-spacing:.22em;
}
.hmmc-macro-study__rail{
  position:absolute;
  left:0;
  top:clamp(112px,14vh,154px);
  bottom:58px;
  width:1px;
  background:rgba(196,147,62,.44);
}
.hmmc-macro-study__rail b{
  position:absolute;
  left:50%;
  top:11%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--macro-gold);
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(196,147,62,.06);
  transition:top .55s cubic-bezier(.16,1,.3,1);
}
.hmmc-macro-study__copy{
  max-width:280px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .32s ease,transform .46s cubic-bezier(.16,1,.3,1);
}
.hmmc-macro-study__info.is-changing .hmmc-macro-study__copy{
  opacity:0;
  transform:translateY(10px);
}
.hmmc-macro-study__copy h3{
  margin:0;
  color:#f3f0e9;
  font-family:Georgia,serif;
  font-size:clamp(31px,2.25vw,43px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:.02em;
}
.hmmc-macro-study__copy>u{
  display:block;
  width:29px;
  height:1px;
  margin:22px 0 24px;
  background:var(--macro-gold);
  text-decoration:none;
}
.hmmc-macro-study__copy p{
  margin:0;
  max-width:260px;
  color:#b8b4ad;
  font-size:13px;
  line-height:1.72;
  letter-spacing:.015em;
}
.hmmc-macro-study__browser{
  margin-top:16px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 34px;
  gap:12px;
  align-items:center;
}
.hmmc-macro-study__arrow{
  width:34px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--macro-gold)!important;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  opacity:.9;
  transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .24s ease;
}
.hmmc-macro-study__arrow:first-child:hover{transform:translateX(-4px)}
.hmmc-macro-study__arrow:last-child:hover{transform:translateX(4px)}
.hmmc-macro-study__arrow:hover{opacity:1}
.hmmc-macro-study__thumbs{
  min-width:0;
  display:flex;
  gap:1px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  touch-action:pan-x;
  cursor:grab;
  outline:none;
}
.hmmc-macro-study__thumbs:active{cursor:grabbing}
.hmmc-macro-study__thumbs::-webkit-scrollbar{display:none}
.hmmc-macro-study__thumb{
  position:relative;
  flex:1 0 clamp(128px,13.8vw,205px);
  height:110px;
  padding:0;
  border:1px solid rgba(255,255,255,.035);
  background:#060606;
  overflow:hidden;
  cursor:pointer;
  scroll-snap-align:center;
  opacity:.7;
  transition:opacity .3s ease,border-color .3s ease,transform .32s cubic-bezier(.16,1,.3,1);
}
.hmmc-macro-study__thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transition:transform .42s cubic-bezier(.16,1,.3,1),filter .32s ease;
}
.hmmc-macro-study__thumb:hover{
  opacity:.94;
  transform:translateY(-2px);
}
.hmmc-macro-study__thumb:hover img{transform:scale(1.035)}
.hmmc-macro-study__thumb.is-active{
  z-index:2;
  opacity:1;
  border-color:var(--macro-gold);
}
.hmmc-macro-study__thumb.is-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:8px;
  height:8px;
  background:var(--macro-gold);
  transform:translate(-50%,50%) rotate(45deg);
}
.hmmc-macro-study__footer{
  min-height:72px;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.hmmc-macro-study__progress{
  display:grid;
  grid-template-columns:auto auto minmax(180px,370px);
  align-items:center;
  gap:28px;
  min-width:min(100%,560px);
}
.hmmc-macro-study__progress>span,
.hmmc-macro-study__meta span{
  color:#d0ccc4;
  font-size:8px;
  letter-spacing:.28em;
  text-transform:uppercase;
  white-space:nowrap;
}
.hmmc-macro-study__progress>b{
  color:var(--macro-gold);
  font-size:9px;
  font-weight:400;
  letter-spacing:.16em;
  white-space:nowrap;
}
.hmmc-macro-study__progress>i{
  position:relative;
  display:block;
  height:1px;
  background:rgba(255,255,255,.15);
  overflow:hidden;
}
.hmmc-macro-study__progress>i u{
  position:absolute;
  inset:0 auto 0 0;
  width:16.666%;
  background:var(--macro-gold);
  text-decoration:none;
  transition:width .55s cubic-bezier(.16,1,.3,1);
}
.hmmc-macro-study__meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
}
.hmmc-macro-study__meta i{width:1px;height:21px;background:rgba(196,147,62,.55)}
.hmmc-macro-study__meta b{
  color:var(--macro-gold);
  font-size:25px;
  font-weight:400;
  line-height:1;
}
/* One-time exhibition entrance integrates with the site's existing observer. */
.hmmc-cinematic-ready .hmmc-macro-study__header,
.hmmc-cinematic-ready .hmmc-macro-study__stage,
.hmmc-cinematic-ready .hmmc-macro-study__browser,
.hmmc-cinematic-ready .hmmc-macro-study__footer{
  opacity:0;
  transform:translateY(14px);
}
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__header,
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__stage,
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__browser,
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__footer{
  opacity:1;
  transform:translateY(0);
  transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);
}
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__stage{transition-delay:.08s}
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__browser{transition-delay:.14s}
.hmmc-cinematic-ready .hmmc-macro-study.is-exhibition-visible .hmmc-macro-study__footer{transition-delay:.18s}

@media(max-width:1050px){
  .hmmc-macro-study__inner{width:calc(100% - 44px)}
  .hmmc-macro-study__stage{grid-template-columns:minmax(0,1fr) 250px;gap:30px}
  .hmmc-macro-study__media{height:clamp(390px,48vw,500px)}
  .hmmc-macro-study__info{padding-left:26px}
  .hmmc-macro-study__thumb{flex-basis:160px;height:94px}
  .hmmc-macro-study__footer{align-items:flex-start}
  .hmmc-macro-study__meta{gap:12px}
}

@media(max-width:720px){
  .hmmc-macro-study__inner{
    width:100%;
    padding:58px 0 42px;
  }
  .hmmc-macro-study__header{
    margin:0;
    padding:0 20px 27px;
  }
  .hmmc-macro-study__header p{font-size:8px;gap:11px;margin-bottom:13px}
  .hmmc-macro-study__header p i{width:24px}
  .hmmc-macro-study__header h2{
    max-width:92vw;
    font-size:clamp(32px,8vw,44px);
    line-height:.94;
    letter-spacing:.035em;
  }
  .hmmc-macro-study__stage{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .hmmc-macro-study__media{
    width:100%;
    height:min(68svh,520px);
    min-height:360px;
  }
  .hmmc-macro-study__info{
    min-height:210px;
    padding:28px 20px 27px 46px;
  }
  .hmmc-macro-study__count{margin-bottom:18px;font-size:9px}
  .hmmc-macro-study__rail{left:20px;top:28px;bottom:30px}
  .hmmc-macro-study__copy{max-width:330px}
  .hmmc-macro-study__copy h3{font-size:clamp(30px,9.5vw,40px)}
  .hmmc-macro-study__copy>u{margin:16px 0 17px}
  .hmmc-macro-study__copy p{font-size:12px;line-height:1.62;max-width:300px}
  .hmmc-macro-study__browser{
    margin-top:0;
    padding:0 7px;
    grid-template-columns:28px minmax(0,1fr) 28px;
    gap:4px;
  }
  .hmmc-macro-study__arrow{width:28px;height:42px;font-size:21px}
  .hmmc-macro-study__thumbs{gap:6px}
  .hmmc-macro-study__thumb{
    flex:0 0 clamp(104px,31vw,132px);
    height:84px;
  }
  .hmmc-macro-study__footer{
    margin-top:18px;
    padding:0 20px;
    display:block;
    min-height:0;
  }
  .hmmc-macro-study__progress{
    grid-template-columns:auto auto minmax(70px,1fr);
    gap:12px;
    min-width:0;
  }
  .hmmc-macro-study__progress>span,
  .hmmc-macro-study__meta span{font-size:6.5px;letter-spacing:.22em}
  .hmmc-macro-study__progress>b{font-size:8px}
  .hmmc-macro-study__meta{
    margin-top:25px;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px;
  }
  .hmmc-macro-study__meta i{height:15px}
  .hmmc-macro-study__meta b{font-size:20px;margin-left:auto}
}

@media(max-width:360px){
  .hmmc-macro-study__header{padding-inline:17px}
  .hmmc-macro-study__info{padding-left:42px;padding-right:17px}
  .hmmc-macro-study__rail{left:17px}
  .hmmc-macro-study__footer{padding-inline:17px}
  .hmmc-macro-study__media{min-height:330px;height:60svh}
  .hmmc-macro-study__thumb{flex-basis:100px;height:80px}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-macro-study *,
  .hmmc-macro-study *:before,
  .hmmc-macro-study *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hmmc-cinematic-ready .hmmc-macro-study__header,
  .hmmc-cinematic-ready .hmmc-macro-study__stage,
  .hmmc-cinematic-ready .hmmc-macro-study__browser,
  .hmmc-cinematic-ready .hmmc-macro-study__footer{opacity:1;transform:none}
}

/* =========================================================
   V10.3.33 — ONE COMBINED UNDERGROUND STORY / TWO SCENES
   Mine Portal -> From the Ground. Scoped only to this chapter.
   ========================================================= */

.hmmc-underground-story{
  --hmmc-story-scene1-alpha:1;
  --hmmc-story-scene2-alpha:0;
  --hmmc-story-scene1-copy-alpha:1;
  --hmmc-story-scene1-copy-y:0px;
  --hmmc-story-portal-scale:1.03;
  --hmmc-story-portal-x:0px;
  --hmmc-story-scene2-media-x:-54px;
  --hmmc-story-scene2-media-scale:1.018;
  --hmmc-story-scene2-copy-x:28px;
  --hmmc-story-scene2-copy-alpha:0;
  --hmmc-ground-parallax-y:0px;
  position:relative;
  width:100%;
  max-width:none;
  height:215svh;
  min-height:1180px;
  margin:0;
  padding:0;
  background:#000;
  color:#f4efe7;
  overflow:visible;
  isolation:isolate;
}
.hmmc-underground-story__sticky{
  position:sticky;
  top:0;
  width:100%;
  height:100svh;
  min-height:560px;
  overflow:hidden;
  background:#000;
  isolation:isolate;
}
.hmmc-underground-scene{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
  color:#f4efe7;
  isolation:isolate;
  will-change:opacity,transform;
}

/* Scene 01 — Mine Portal. Copy left, portal media right. */
.hmmc-underground-story .hmmc-mine-portal{
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(300px,42%) minmax(0,58%)!important;
  gap:0!important;
  align-items:stretch!important;
  opacity:var(--hmmc-story-scene1-alpha)!important;
  pointer-events:auto;
}
.hmmc-underground-story .hmmc-portal-copy{
  position:relative;
  z-index:4;
  align-self:center!important;
  justify-self:start;
  width:min(100%,580px)!important;
  max-width:580px!important;
  margin:0!important;
  padding:
    max(82px,calc(56px + env(safe-area-inset-top)))
    clamp(34px,4.4vw,72px)
    max(58px,calc(34px + env(safe-area-inset-bottom)))
    clamp(46px,7vw,112px)!important;
  opacity:var(--hmmc-story-scene1-copy-alpha)!important;
  transform:translate3d(0,var(--hmmc-story-scene1-copy-y),0)!important;
  transition:none!important;
}
.hmmc-underground-story .hmmc-portal-copy .hmmc-section-label{
  margin:0 0 clamp(18px,2.4vh,28px);
  color:rgba(197,139,72,.92);
}
.hmmc-underground-story .hmmc-portal-copy h2{
  margin:0 0 clamp(22px,3vh,34px)!important;
  max-width:9.5ch;
  color:#f4efe7!important;
  font-family:Georgia,serif;
  font-size:clamp(52px,5.15vw,84px)!important;
  font-weight:400!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}
.hmmc-underground-story .hmmc-portal-copy>p:last-child{
  max-width:34em!important;
  margin:0!important;
  color:rgba(244,239,231,.73)!important;
  font-size:clamp(13px,1.02vw,16px)!important;
  line-height:1.78!important;
}
.hmmc-underground-story .hmmc-portal-frame{
  position:relative!important;
  z-index:1;
  grid-column:2!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#000!important;
  clip-path:inset(5% 2% 5% 14%);
  transform:translate3d(var(--hmmc-story-portal-x),0,0) scale(var(--hmmc-story-portal-scale))!important;
  transform-origin:58% 50%;
  will-change:clip-path,transform,opacity;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 5%,rgba(0,0,0,.92) 18%,#000 31%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 5%,rgba(0,0,0,.92) 18%,#000 31%,#000 100%);
}
.hmmc-underground-story .hmmc-portal-frame img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:var(--hmmc-portal-pos-x,50%) var(--hmmc-portal-pos-y,50%)!important;
  transform:none!important;
  transition:none!important;
}
.hmmc-underground-story .hmmc-portal-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 19%,transparent 46%),
    linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 27%,transparent 72%,rgba(0,0,0,.22) 100%)!important;
  opacity:.98!important;
}
.hmmc-underground-story .hmmc-portal-line{display:none!important}

/* Scene 02 — From the Ground. Authentic media left, story copy right. */
.hmmc-underground-story .hmmc-from-ground{
  z-index:3;
  display:grid!important;
  grid-template-columns:minmax(0,64%) minmax(300px,36%)!important;
  gap:0!important;
  align-items:stretch!important;
  opacity:var(--hmmc-story-scene2-alpha)!important;
  pointer-events:none;
}
.hmmc-underground-story .hmmc-from-ground-media{
  position:relative!important;
  z-index:1;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:1!important;
  transform:translate3d(var(--hmmc-story-scene2-media-x),var(--hmmc-ground-parallax-y),0) scale(var(--hmmc-story-scene2-media-scale))!important;
  transform-origin:42% 58%;
  transition:none!important;
  will-change:transform;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.88) 79%,rgba(0,0,0,.25) 94%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.88) 79%,rgba(0,0,0,.25) 94%,transparent 100%);
}
.hmmc-underground-story .hmmc-from-ground-media img{
  position:absolute!important;
  inset:-18px 0!important;
  width:100%!important;
  height:calc(100% + 36px)!important;
  object-fit:cover!important;
  object-position:50% 58%!important;
  transform:none!important;
  transition:none!important;
}
.hmmc-underground-story .hmmc-from-ground-blend{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(270deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.20) 16%,transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 24%,transparent 78%,rgba(0,0,0,.16) 100%);
}
.hmmc-underground-story .hmmc-from-ground-copy{
  position:relative!important;
  z-index:4;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:
    max(82px,calc(56px + env(safe-area-inset-top)))
    clamp(46px,6.5vw,104px)
    max(70px,calc(42px + env(safe-area-inset-bottom)))
    clamp(30px,3vw,48px)!important;
  opacity:var(--hmmc-story-scene2-copy-alpha)!important;
  transform:translate3d(var(--hmmc-story-scene2-copy-x),0,0)!important;
  transition:none!important;
}
.hmmc-underground-story .hmmc-from-ground-rule{
  display:block;
  width:44px;
  height:1px;
  margin:0 0 17px;
  background:var(--hmmc-accent,#c58b48);
  transform-origin:left center;
}
.hmmc-underground-story .hmmc-from-ground-copy .hmmc-section-label{
  margin:0 0 clamp(18px,2.4vh,27px);
  color:rgba(197,139,72,.92);
}
.hmmc-underground-story .hmmc-from-ground-title{
  margin:0!important;
  max-width:9ch;
  color:#f4efe7!important;
  font-family:Georgia,serif;
  font-size:clamp(50px,4.8vw,78px)!important;
  font-weight:400!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
}
.hmmc-underground-story .hmmc-from-ground-text{
  max-width:300px!important;
  margin:clamp(22px,3vh,31px) 0 0!important;
  color:rgba(244,239,231,.76)!important;
  font-size:clamp(13px,1.02vw,16px)!important;
  line-height:1.72!important;
}
.hmmc-underground-story .hmmc-from-ground-accent{
  position:relative;
  margin-top:clamp(26px,3.6vh,38px)!important;
  padding-top:clamp(20px,2.7vh,27px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  color:var(--hmmc-accent,#c58b48)!important;
  font-size:clamp(8px,.7vw,10px)!important;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.hmmc-underground-story .hmmc-from-ground-accent::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:44px;
  height:1px;
  background:var(--hmmc-accent,#c58b48);
}
.hmmc-underground-story .hmmc-from-ground-cue{
  position:absolute!important;
  z-index:5;
  left:50%!important;
  bottom:max(23px,calc(16px + env(safe-area-inset-bottom)))!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  color:rgba(245,240,232,.82)!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  white-space:nowrap;
  opacity:var(--hmmc-story-scene2-copy-alpha)!important;
}
.hmmc-underground-story .hmmc-from-ground-cue b{
  color:var(--hmmc-accent,#c58b48);
  font-size:17px;
  font-weight:300;
  animation:hmmcUndergroundCue 1.9s ease-in-out infinite;
}
@keyframes hmmcUndergroundCue{
  0%,100%{transform:translateY(0);opacity:.68}
  50%{transform:translateY(3px);opacity:1}
}

/* One dark chapter, then the existing white Cabinet starts normally. */
.hmmc-hero + .hmmc-underground-story{margin-top:0!important}
.hmmc-underground-story + .hmmc-mc-min{margin-top:0!important}

@media(max-width:1100px) and (min-width:721px){
  .hmmc-underground-story{height:205svh;min-height:1080px}
  .hmmc-underground-story .hmmc-mine-portal{grid-template-columns:minmax(270px,43%) minmax(0,57%)!important}
  .hmmc-underground-story .hmmc-portal-copy{padding-left:clamp(34px,5vw,58px)!important;padding-right:28px!important}
  .hmmc-underground-story .hmmc-portal-copy h2{font-size:clamp(46px,6vw,68px)!important}
  .hmmc-underground-story .hmmc-from-ground{grid-template-columns:minmax(0,61%) minmax(280px,39%)!important}
  .hmmc-underground-story .hmmc-from-ground-copy{padding-left:28px!important;padding-right:clamp(34px,5vw,58px)!important}
  .hmmc-underground-story .hmmc-from-ground-title{font-size:clamp(46px,6vw,66px)!important}
}

@media(max-width:720px){
  .hmmc-underground-story{
    height:190svh;
    min-height:1020px;
    overflow:visible;
  }
  .hmmc-underground-story__sticky{
    height:100svh;
    min-height:520px;
  }
  .hmmc-underground-story .hmmc-underground-scene{
    display:block!important;
  }

  /* Mobile Scene 01 keeps the portal visually weighted to the right. */
  .hmmc-underground-story .hmmc-mine-portal .hmmc-portal-frame{
    position:absolute!important;
    inset:0 0 0 auto!important;
    width:100%!important;
    height:100%!important;
    clip-path:inset(3% 0 3% 8%);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 9%,rgba(0,0,0,.92) 34%,#000 54%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 9%,rgba(0,0,0,.92) 34%,#000 54%,#000 100%);
  }
  .hmmc-underground-story .hmmc-portal-frame img{
    object-position:var(--hmmc-portal-pos-x-mobile,var(--hmmc-portal-pos-x,50%)) var(--hmmc-portal-pos-y-mobile,var(--hmmc-portal-pos-y,50%))!important;
  }
  .hmmc-underground-story .hmmc-portal-vignette{
    background:
      linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.77) 34%,rgba(0,0,0,.20) 67%,transparent 88%),
      linear-gradient(180deg,rgba(0,0,0,.22),transparent 24%,transparent 74%,rgba(0,0,0,.32))!important;
  }
  .hmmc-underground-story .hmmc-portal-copy{
    position:absolute!important;
    z-index:5;
    left:0;
    top:50%;
    width:min(72%,360px)!important;
    max-width:none!important;
    padding:0 clamp(20px,6vw,28px)!important;
    transform:translate3d(0,calc(-50% + var(--hmmc-story-scene1-copy-y)),0)!important;
  }
  .hmmc-underground-story .hmmc-portal-copy .hmmc-section-label{margin-bottom:15px}
  .hmmc-underground-story .hmmc-portal-copy h2{
    max-width:8.5ch;
    margin:0 0 17px!important;
    font-size:clamp(39px,11.5vw,54px)!important;
  }
  .hmmc-underground-story .hmmc-portal-copy>p:last-child{
    max-width:24em!important;
    font-size:clamp(12px,3.5vw,14px)!important;
    line-height:1.62!important;
  }

  /* Mobile Scene 02 keeps the worker/image weighted to the left and copy on the right. */
  .hmmc-underground-story .hmmc-from-ground-media{
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:100%!important;
    height:100%!important;
    -webkit-mask-image:linear-gradient(to right,#000 0%,#000 45%,rgba(0,0,0,.83) 65%,rgba(0,0,0,.28) 84%,transparent 100%);
    mask-image:linear-gradient(to right,#000 0%,#000 45%,rgba(0,0,0,.83) 65%,rgba(0,0,0,.28) 84%,transparent 100%);
  }
  .hmmc-underground-story .hmmc-from-ground-media img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:42% 58%!important;
  }
  .hmmc-underground-story .hmmc-from-ground-blend{
    background:
      linear-gradient(270deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.80) 31%,rgba(0,0,0,.25) 64%,transparent 82%),
      linear-gradient(180deg,rgba(0,0,0,.18),transparent 22%,transparent 76%,rgba(0,0,0,.30));
  }
  .hmmc-underground-story .hmmc-from-ground-copy{
    position:absolute!important;
    z-index:5;
    right:0;
    top:50%;
    width:min(64%,330px)!important;
    max-width:none!important;
    padding:0 clamp(20px,6vw,28px) 0 16px!important;
    transform:translate3d(var(--hmmc-story-scene2-copy-x),-50%,0)!important;
  }
  .hmmc-underground-story .hmmc-from-ground-rule{width:34px;margin-bottom:13px}
  .hmmc-underground-story .hmmc-from-ground-copy .hmmc-section-label{margin-bottom:13px;font-size:7px}
  .hmmc-underground-story .hmmc-from-ground-title{
    max-width:8ch;
    font-size:clamp(36px,10.7vw,50px)!important;
    line-height:.97!important;
  }
  .hmmc-underground-story .hmmc-from-ground-text{
    max-width:20em!important;
    margin-top:16px!important;
    font-size:clamp(12px,3.4vw,14px)!important;
    line-height:1.58!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent{
    margin-top:20px!important;
    padding-top:17px!important;
    gap:5px!important;
    font-size:clamp(6.8px,2vw,8.5px)!important;
    letter-spacing:.15em!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent::before{width:34px}
  .hmmc-underground-story .hmmc-from-ground-cue{
    bottom:max(17px,calc(10px + env(safe-area-inset-bottom)))!important;
    font-size:6.8px!important;
    gap:5px!important;
  }
  .hmmc-underground-story .hmmc-from-ground-cue b{font-size:14px}
}

@media(max-width:360px){
  .hmmc-underground-story{height:185svh;min-height:980px}
  .hmmc-underground-story .hmmc-portal-copy{width:min(76%,300px)!important;padding-inline:20px!important}
  .hmmc-underground-story .hmmc-from-ground-copy{width:min(68%,290px)!important;padding-right:20px!important;padding-left:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-underground-story{height:auto;min-height:0}
  .hmmc-underground-story__sticky{position:relative;height:auto;min-height:0}
  .hmmc-underground-scene{position:relative!important;inset:auto!important;min-height:68svh!important;opacity:1!important}
  .hmmc-underground-story .hmmc-mine-portal,
  .hmmc-underground-story .hmmc-from-ground{display:grid!important}
  .hmmc-underground-story .hmmc-from-ground{margin-top:0!important}
  .hmmc-underground-story .hmmc-portal-frame,
  .hmmc-underground-story .hmmc-from-ground-media,
  .hmmc-underground-story .hmmc-portal-copy,
  .hmmc-underground-story .hmmc-from-ground-copy{opacity:1!important;transform:none!important;clip-path:none!important}
  .hmmc-underground-story .hmmc-from-ground-cue b{animation:none!important}
}


/* =========================================================
   V10.3.36 — HERO MEDIA + 180° MOBILE PRODUCTION FIX
   Scope: hero, combined underground story, mobile 180° exhibit only.
   Desktop remains unchanged.
   ========================================================= */

/* Shared mobile rhythm + real header-safe geometry. JS writes the measured
   header height to --hmmc-mobile-header-h. */
.hmmc-root{
  --hmmc-mobile-header-h:70px;
  --hmmc-m-safe-top:calc(var(--hmmc-mobile-header-h) + env(safe-area-inset-top));
  --hmmc-m-space-xs:clamp(6px,1.8vw,9px);
  --hmmc-m-space-sm:clamp(12px,3.2vw,16px);
  --hmmc-m-space-md:clamp(18px,4.7vw,24px);
  --hmmc-m-space-lg:clamp(28px,7vw,38px);
  --hmmc-m-gutter:clamp(20px,5.6vw,28px);
}

/* Keep the hero media truly edge-to-edge at every breakpoint. The canonical
   silver hero is 16:9, so the desktop stage follows that ratio whenever the
   viewport allows it. This preserves the full frame instead of cropping it. */
.hmmc-hero,
.hmmc-hero-video{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}
.hmmc-hero{
  height:min(100svh,56.25vw)!important;
  min-height:620px!important;
  background:#050505!important;
}
.hmmc-hero-video{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  background:#050505!important;
}

@media(max-width:720px){
  /* =======================================================
     HERO — full uploaded 16:9 video frame + right-side copy.
     The visible height follows the media instead of creating a tall black block.
     ======================================================= */
  .hmmc-nav{
    height:var(--hmmc-mobile-header-h,70px)!important;
  }
  .hmmc-hero{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    height:clamp(330px,78vw,420px)!important;
    min-height:330px!important;
    max-height:420px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:clip!important;
    background:#050505!important;
  }
  .hmmc-hero-video{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0)!important;
    background:#050505!important;
  }
  .hmmc-hero-shade{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(270deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.28) 23%,rgba(0,0,0,.08) 43%,transparent 62%)!important;
  }
  .hmmc-hero-content{
    position:absolute!important;
    z-index:3!important;
    top:max(calc(var(--hmmc-m-safe-top) + 18px),52%)!important;
    right:var(--hmmc-m-gutter)!important;
    left:auto!important;
    width:min(46vw,196px)!important;
    max-width:min(46vw,196px)!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    opacity:var(--hmmc-hero-content-opacity,1)!important;
    transform:translate3d(0,calc(-50% + var(--hmmc-hero-content-y,0px)),0)!important;
  }
  .hmmc-hero .hmmc-kicker{
    max-width:24ch!important;
    margin:0!important;
    font-size:clamp(5.5px,1.55vw,6.8px)!important;
    line-height:1.38!important;
    letter-spacing:.155em!important;
  }
  .hmmc-hero .hmmc-title{
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 9px!important;
    font-size:clamp(32px,8.5vw,50px)!important;
    line-height:.90!important;
    letter-spacing:-.057em!important;
  }
  .hmmc-hero .hmmc-title>span,
  .hmmc-hero .hmmc-title>span i{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  .hmmc-hero .hmmc-hero-intro{display:none!important}
  .hmmc-hero .hmmc-enter{
    margin-top:8px!important;
    gap:8px!important;
    min-height:28px!important;
    padding-bottom:5px!important;
    font-size:clamp(5.5px,1.5vw,6.6px)!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
  }
  .hmmc-hero .hmmc-enter b{font-size:10px!important}
  /* Remove the extra mobile footer strip so video + copy remain one composition. */
  .hmmc-hero-bottom{display:none!important}
  .hmmc-hero::after{display:none!important}

  /* =======================================================
     UNDERGROUND STORY — same scenes, compact visible stage.
     Scroll length and visible layout are intentionally separate.
     ======================================================= */
  .hmmc-underground-story{
    height:162svh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .hmmc-underground-story__sticky{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:500px!important;
    margin:0!important;
    padding:0!important;
    overflow:clip!important;
    background:#000!important;
  }
  .hmmc-underground-story .hmmc-underground-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* Scene 01 starts immediately below the real header safe area. */
  .hmmc-underground-story .hmmc-mine-portal .hmmc-portal-frame{
    position:absolute!important;
    inset:0 0 0 auto!important;
    width:100%!important;
    height:100%!important;
    clip-path:inset(1.5% 0 1.5% 3%)!important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 10%,rgba(0,0,0,.92) 29%,#000 48%,#000 100%)!important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 10%,rgba(0,0,0,.92) 29%,#000 48%,#000 100%)!important;
  }
  .hmmc-underground-story .hmmc-portal-vignette{
    background:
      linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 27%,rgba(0,0,0,.16) 62%,transparent 84%),
      linear-gradient(180deg,rgba(0,0,0,.16),transparent 22%,transparent 76%,rgba(0,0,0,.28))!important;
  }
  .hmmc-underground-story .hmmc-portal-copy{
    position:absolute!important;
    z-index:5!important;
    left:0!important;
    right:auto!important;
    top:calc(var(--hmmc-m-safe-top) + var(--hmmc-m-space-md))!important;
    width:min(67vw,270px)!important;
    max-width:none!important;
    margin:0!important;
    padding:0 var(--hmmc-m-gutter)!important;
    transform:translate3d(0,var(--hmmc-story-scene1-copy-y),0)!important;
  }
  .hmmc-underground-story .hmmc-portal-copy .hmmc-section-label{
    margin:0 0 var(--hmmc-m-space-sm)!important;
    font-size:6.3px!important;
  }
  .hmmc-underground-story .hmmc-portal-copy h2{
    max-width:8.2ch!important;
    margin:0 0 var(--hmmc-m-space-sm)!important;
    font-size:clamp(32px,9.3vw,42px)!important;
    line-height:.95!important;
  }
  .hmmc-underground-story .hmmc-portal-copy>p:last-child{
    max-width:22em!important;
    margin:0!important;
    font-size:clamp(10px,2.8vw,12.3px)!important;
    line-height:1.5!important;
  }

  /* Scene 02 uses the same safe top and compact visual rhythm. */
  .hmmc-underground-story .hmmc-from-ground-media{
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:100%!important;
    height:100%!important;
    -webkit-mask-image:linear-gradient(to right,#000 0%,#000 49%,rgba(0,0,0,.84) 67%,rgba(0,0,0,.24) 85%,transparent 100%)!important;
    mask-image:linear-gradient(to right,#000 0%,#000 49%,rgba(0,0,0,.84) 67%,rgba(0,0,0,.24) 85%,transparent 100%)!important;
  }
  .hmmc-underground-story .hmmc-from-ground-media img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:40% 57%!important;
  }
  .hmmc-underground-story .hmmc-from-ground-blend{
    background:
      linear-gradient(270deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 27%,rgba(0,0,0,.19) 59%,transparent 80%),
      linear-gradient(180deg,rgba(0,0,0,.14),transparent 22%,transparent 77%,rgba(0,0,0,.25))!important;
  }
  .hmmc-underground-story .hmmc-from-ground-copy{
    position:absolute!important;
    z-index:5!important;
    right:0!important;
    left:auto!important;
    top:calc(var(--hmmc-m-safe-top) + var(--hmmc-m-space-lg))!important;
    width:min(55vw,220px)!important;
    max-width:none!important;
    margin:0!important;
    padding:0 var(--hmmc-m-gutter) 0 10px!important;
    transform:translate3d(var(--hmmc-story-scene2-copy-x),0,0)!important;
  }
  .hmmc-underground-story .hmmc-from-ground-rule{width:28px!important;margin:0 0 9px!important}
  .hmmc-underground-story .hmmc-from-ground-copy .hmmc-section-label{margin:0 0 9px!important;font-size:6.1px!important}
  .hmmc-underground-story .hmmc-from-ground-title{
    max-width:8ch!important;
    font-size:clamp(29px,8.5vw,38px)!important;
    line-height:.96!important;
  }
  .hmmc-underground-story .hmmc-from-ground-text{
    max-width:18em!important;
    margin-top:10px!important;
    font-size:clamp(9.8px,2.75vw,11.8px)!important;
    line-height:1.48!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent{
    margin-top:12px!important;
    padding-top:11px!important;
    gap:3px!important;
    font-size:clamp(6px,1.7vw,7.5px)!important;
    line-height:1.35!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent::before{width:28px!important}
  .hmmc-underground-story .hmmc-from-ground-cue{
    bottom:max(12px,calc(7px + env(safe-area-inset-bottom)))!important;
    gap:3px!important;
    font-size:5.8px!important;
  }
  .hmmc-underground-story .hmmc-from-ground-cue b{font-size:12px!important}

  /* =======================================================
     180° EXHIBIT — compact five-zone touch layout:
     title / upper annotation / specimen / lower annotation / progress.
     ======================================================= */
  .hmmc-specimen-story{
    --hmmc-story-gutter:var(--hmmc-m-gutter)!important;
    height:292svh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .hmmc-specimen-story .hmmc-story-sticky{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:500px!important;
    margin:0!important;
    padding:0!important;
    overflow:clip!important;
    background:#fff!important;
  }
  .hmmc-specimen-story .hmmc-story-intro{
    left:var(--hmmc-story-gutter)!important;
    top:calc(var(--hmmc-m-safe-top) + 10px)!important;
    width:calc(100% - (2 * var(--hmmc-story-gutter)))!important;
    max-width:none!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span{
    gap:7px!important;
    margin:0 0 6px!important;
    font-size:5.7px!important;
    letter-spacing:.17em!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span i{width:18px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{
    width:auto!important;
    max-width:none!important;
    font-size:clamp(27px,7.8vw,34px)!important;
    line-height:.90!important;
    white-space:nowrap!important;
  }

  /* Base annotation language. JS drives opacity directly; no positional CSS
     transition is allowed to lag behind the user's scroll. */
  .hmmc-specimen-story .hmmc-story-moment{
    left:var(--hmmc-story-gutter)!important;
    right:auto!important;
    width:min(56vw,205px)!important;
    max-width:min(56vw,205px)!important;
    margin:0!important;
    padding:0!important;
    transition:none!important;
  }
  /* Moments 01 and 02 share one clean slot ABOVE the specimen. */
  .hmmc-specimen-story .hmmc-story-moment-one,
  .hmmc-specimen-story .hmmc-story-moment-two{
    top:calc(var(--hmmc-m-safe-top) + clamp(77px,11.5svh,96px))!important;
    bottom:auto!important;
  }
  /* Moment 03 moves BELOW the mineral but remains above the compact progress UI. */
  .hmmc-specimen-story .hmmc-story-moment-three{
    top:auto!important;
    bottom:max(clamp(67px,9.2svh,84px),calc(56px + env(safe-area-inset-bottom)))!important;
  }
  .hmmc-specimen-story .hmmc-story-moment>span{
    margin-bottom:4px!important;
    font-size:5.7px!important;
  }
  .hmmc-specimen-story .hmmc-story-moment>span::after{width:15px!important}
  .hmmc-specimen-story .hmmc-story-moment h2{
    font-size:clamp(20px,5.7vw,26px)!important;
    line-height:.98!important;
  }
  .hmmc-specimen-story .hmmc-story-moment h2::after{width:15px!important;margin-top:6px!important}
  .hmmc-specimen-story .hmmc-story-moment p{
    max-width:27ch!important;
    margin-top:6px!important;
    font-size:clamp(7.6px,2vw,8.7px)!important;
    line-height:1.4!important;
  }

  /* Clean media: zero visual framing. The white source disappears into the stage. */
  .hmmc-specimen-story .hmmc-story-media{
    left:50%!important;
    top:57%!important;
    width:min(82vw,40svh,390px)!important;
    max-width:84vw!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .hmmc-specimen-story .hmmc-story-media::before,
  .hmmc-specimen-story .hmmc-story-media::after{content:none!important;display:none!important}
  .hmmc-specimen-story .hmmc-story-canvas,
  .hmmc-specimen-story .hmmc-story-media video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    filter:none!important;
    box-shadow:none!important;
  }

  .hmmc-specimen-story .hmmc-story-progress{
    left:50%!important;
    right:auto!important;
    bottom:max(20px,calc(14px + env(safe-area-inset-bottom)))!important;
    width:min(calc(100% - (2 * var(--hmmc-story-gutter))),520px)!important;
    max-width:520px!important;
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    gap:clamp(8px,2.4vw,11px)!important;
    transform:translateX(-50%)!important;
  }
  .hmmc-specimen-story .hmmc-story-progress>span{
    min-width:24px!important;
    font-size:5px!important;
    letter-spacing:.055em!important;
  }
  .hmmc-specimen-story .hmmc-story-progress>span:first-child{text-align:right!important}
  .hmmc-specimen-story .hmmc-story-progress>span:last-child{text-align:left!important}
  .hmmc-specimen-story .hmmc-story-progress>i{width:100%!important;min-width:0!important}
  .hmmc-specimen-story .hmmc-story-progress>i>b::after{width:5px!important;height:5px!important}

  .hmmc-specimen-story .hmmc-story-scroll-hint{
    left:var(--hmmc-story-gutter)!important;
    bottom:max(50px,calc(43px + env(safe-area-inset-bottom)))!important;
    gap:4px!important;
  }
  .hmmc-specimen-story .hmmc-story-scroll-hint span{font-size:5.4px!important;letter-spacing:.14em!important}
  .hmmc-specimen-story .hmmc-story-hint-icon{width:15px!important;height:24px!important;border-radius:8px!important}
  .hmmc-specimen-story .hmmc-story-progress-cta{display:none!important}

}

@media(max-width:360px){
  .hmmc-hero{height:330px!important;min-height:330px!important}
  .hmmc-hero-content{right:20px!important;width:46vw!important;max-width:46vw!important}
  .hmmc-hero .hmmc-title{font-size:clamp(30px,8.5vw,34px)!important}

  .hmmc-underground-story{height:158svh!important}
  .hmmc-underground-story .hmmc-portal-copy{width:min(69vw,238px)!important}
  .hmmc-underground-story .hmmc-portal-copy h2{font-size:clamp(30px,8.9vw,36px)!important}
  .hmmc-underground-story .hmmc-from-ground-copy{width:min(58vw,200px)!important;padding-right:20px!important}
  .hmmc-underground-story .hmmc-from-ground-title{font-size:clamp(27px,8.2vw,34px)!important}

  .hmmc-specimen-story{height:286svh!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:clamp(26px,7.6vw,31px)!important}
  .hmmc-specimen-story .hmmc-story-moment{width:min(59vw,188px)!important;max-width:min(59vw,188px)!important}
  .hmmc-specimen-story .hmmc-story-moment-one,
  .hmmc-specimen-story .hmmc-story-moment-two{top:calc(var(--hmmc-m-safe-top) + 74px)!important}
  .hmmc-specimen-story .hmmc-story-moment-three{bottom:max(64px,calc(53px + env(safe-area-inset-bottom)))!important}
  .hmmc-specimen-story .hmmc-story-media{top:57%!important;width:min(82vw,39svh,286px)!important}
  .hmmc-specimen-story .hmmc-story-progress{width:calc(100% - 40px)!important}
}

@media(max-width:330px){
  .hmmc-hero{height:320px!important;min-height:320px!important}
  .hmmc-hero-content{right:18px!important;width:47vw!important;max-width:47vw!important}
  .hmmc-hero .hmmc-title{font-size:28px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:25px!important}
  .hmmc-specimen-story .hmmc-story-moment p{font-size:7.4px!important}
  .hmmc-specimen-story .hmmc-story-media{width:min(78vw,38svh)!important}
}

@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .hmmc-underground-story{height:auto!important;min-height:0!important}
  .hmmc-underground-story__sticky{position:relative!important;height:auto!important;min-height:0!important}
  .hmmc-specimen-story .hmmc-story-progress-cta{display:none!important}
}


/* =========================================================
   V10.3.39 — MOBILE-ONLY PRODUCTION REBUILD
   New mobile hero source/composition, compact underground story,
   invariant 180° media geometry. Desktop remains untouched.
   ========================================================= */
@media (max-width:720px){
  .hmmc-root{
    --hmmc-mobile-gutter:clamp(20px,5.6vw,28px);
    --hmmc-mobile-safe-top:calc(var(--hmmc-mobile-header-h,70px) + 12px);
    --hmmc-mobile-xs:clamp(6px,1.5vw,8px);
    --hmmc-mobile-sm:clamp(10px,2.6vw,14px);
    --hmmc-mobile-md:clamp(16px,4vw,20px);
    --hmmc-mobile-lg:clamp(24px,6vw,30px);
  }

  /* -------------------------------------------------------
     V10.3.42 — MOBILE HERO rebuilt cleanly from the supplied 9:16 reel.
     The complete mobile video frame is preserved with contain; typography
     occupies the left negative space. Desktop rules are untouched.
     ------------------------------------------------------- */
  .hmmc-hero{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    background:#000!important;
  }
  @supports(height:100dvh){
    .hmmc-hero{height:100dvh!important;min-height:100dvh!important}
  }
  .hmmc-hero::before,
  .hmmc-hero::after{content:none!important;display:none!important}

  .hmmc-hero-video{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    background:#000!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  .hmmc-hero-video.is-video-ready{opacity:1!important}
  .hmmc-hero-shade{display:none!important}

  .hmmc-hero-content{
    position:absolute!important;
    z-index:3!important;
    left:clamp(24px,6.2vw,34px)!important;
    right:auto!important;
    top:45%!important;
    width:min(50vw,218px)!important;
    max-width:min(50vw,218px)!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    transform:translate3d(0,calc(-50% + var(--hmmc-hero-content-y,0px)),0)!important;
    opacity:var(--hmmc-hero-content-opacity,1)!important;
  }
  .hmmc-hero .hmmc-kicker{
    margin:0!important;
    width:100%!important;
    width:min(25.5vw,100px)!important;
    max-width:min(25.5vw,100px)!important;
    font-size:clamp(9.5px,2.45vw,11px)!important;
    line-height:1.42!important;
    letter-spacing:.18em!important;
    text-align:left!important;
    color:rgba(255,255,255,.78)!important;
  }
  .hmmc-hero .hmmc-title{
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 18px!important;
    font-size:clamp(34px,9vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.052em!important;
    text-align:left!important;
  }
  .hmmc-hero .hmmc-title>span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .hmmc-hero .hmmc-title>span i{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .hmmc-hero .hmmc-title>span:first-child i{white-space:nowrap!important}
  .hmmc-hero .hmmc-title>span:nth-child(2){max-width:9.4ch!important}
  .hmmc-hero .hmmc-hero-intro{display:none!important}
  .hmmc-hero .hmmc-enter{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:min(35vw,138px)!important;
    white-space:nowrap!important;
    margin:0!important;
    min-height:30px!important;
    padding:0 0 8px!important;
    gap:10px!important;
    font-size:clamp(8px,2.05vw,9.5px)!important;
    line-height:1.2!important;
    letter-spacing:.17em!important;
    text-align:left!important;
    border-bottom:1px solid rgba(255,255,255,.24)!important;
  }
  .hmmc-hero .hmmc-enter b{font-size:13px!important;font-weight:400!important}
  .hmmc-hero-bottom{display:none!important}

  /* Hero and underground story are physically adjacent: no layout spacer. */
  .hmmc-hero + .hmmc-underground-story{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }

  /* -------------------------------------------------------
     UNDERGROUND STORY — same approved two-scene design, but one
     compact safe viewport with scroll length separated from layout.
     ------------------------------------------------------- */
  .hmmc-underground-story{
    position:relative!important;
    width:100%!important;
    height:172svh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    background:#000!important;
  }
  .hmmc-underground-story__sticky{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:0!important;
    max-height:100svh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#000!important;
    opacity:var(--hmmc-underground-entry-alpha,1)!important;
    transform:translate3d(0,var(--hmmc-underground-entry-y,0px),0)!important;
    will-change:transform,opacity;
  }
  @supports(height:100dvh){
    .hmmc-underground-story__sticky{height:100dvh!important;max-height:100dvh!important}
  }
  .hmmc-underground-story .hmmc-underground-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#000!important;
  }

  /* Scene 01: portal remains a full-stage atmosphere; copy is safe and compact. */
  .hmmc-underground-story .hmmc-mine-portal .hmmc-portal-frame{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    clip-path:inset(1.5% 0 1.5% 2%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 10%,rgba(0,0,0,.93) 32%,#000 50%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 10%,rgba(0,0,0,.93) 32%,#000 50%,#000 100%)!important;
  }
  .hmmc-underground-story .hmmc-portal-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:var(--hmmc-portal-pos-x-mobile,var(--hmmc-portal-pos-x,50%)) var(--hmmc-portal-pos-y-mobile,var(--hmmc-portal-pos-y,50%))!important;
  }
  .hmmc-underground-story .hmmc-portal-vignette{
    background:
      linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 29%,rgba(0,0,0,.20) 61%,transparent 84%),
      linear-gradient(180deg,rgba(0,0,0,.14),transparent 22%,transparent 77%,rgba(0,0,0,.25))!important;
  }
  .hmmc-underground-story .hmmc-portal-copy{
    position:absolute!important;
    z-index:5!important;
    top:52%!important;
    left:var(--hmmc-mobile-gutter)!important;
    right:auto!important;
    width:min(66vw,250px)!important;
    max-width:min(66vw,250px)!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(0,calc(-50% + var(--hmmc-story-scene1-copy-y)),0)!important;
  }
  .hmmc-underground-story .hmmc-portal-copy .hmmc-section-label{
    margin:0 0 10px!important;
    font-size:6px!important;
  }
  .hmmc-underground-story .hmmc-portal-copy h2{
    margin:0 0 12px!important;
    max-width:8.5ch!important;
    font-size:clamp(31px,9.3vw,43px)!important;
    line-height:.95!important;
  }
  .hmmc-underground-story .hmmc-portal-copy>p:last-child{
    margin:0!important;
    max-width:25em!important;
    font-size:clamp(9.5px,2.65vw,11.5px)!important;
    line-height:1.48!important;
  }

  /* Scene 02: worker remains legible on left, copy in right-side negative space. */
  .hmmc-underground-story .hmmc-from-ground-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.82) 69%,rgba(0,0,0,.18) 89%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 48%,rgba(0,0,0,.82) 69%,rgba(0,0,0,.18) 89%,transparent 100%)!important;
  }
  .hmmc-underground-story .hmmc-from-ground-media img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:39% 54%!important;
  }
  .hmmc-underground-story .hmmc-from-ground-blend{
    background:
      linear-gradient(270deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.72) 29%,rgba(0,0,0,.20) 62%,transparent 84%),
      linear-gradient(180deg,rgba(0,0,0,.12),transparent 20%,transparent 80%,rgba(0,0,0,.25))!important;
  }
  .hmmc-underground-story .hmmc-from-ground-copy{
    position:absolute!important;
    z-index:5!important;
    top:52%!important;
    right:var(--hmmc-mobile-gutter)!important;
    left:auto!important;
    width:min(55vw,210px)!important;
    max-width:min(55vw,210px)!important;
    margin:0!important;
    padding:0!important;
    transform:translate3d(var(--hmmc-story-scene2-copy-x),-50%,0)!important;
  }
  .hmmc-underground-story .hmmc-from-ground-rule{width:28px!important;margin:0 0 8px!important}
  .hmmc-underground-story .hmmc-from-ground-copy .hmmc-section-label{margin:0 0 8px!important;font-size:5.8px!important}
  .hmmc-underground-story .hmmc-from-ground-title{
    margin:0!important;
    max-width:8ch!important;
    font-size:clamp(28px,8.3vw,39px)!important;
    line-height:.96!important;
  }
  .hmmc-underground-story .hmmc-from-ground-text{
    margin:9px 0 0!important;
    max-width:21em!important;
    font-size:clamp(9px,2.45vw,10.8px)!important;
    line-height:1.43!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent{
    margin-top:10px!important;
    padding-top:9px!important;
    gap:4px!important;
    font-size:clamp(5.5px,1.55vw,6.8px)!important;
    line-height:1.35!important;
    letter-spacing:.14em!important;
  }
  .hmmc-underground-story .hmmc-from-ground-accent::before{width:28px!important}
  .hmmc-underground-story .hmmc-from-ground-cue{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    font-size:5.7px!important;
    gap:4px!important;
  }
  .hmmc-underground-story .hmmc-from-ground-cue b{font-size:12px!important}

  /* -------------------------------------------------------
     180° STORY — V10.3.45 PRODUCTION MOBILE ARCHITECTURE.
     The outer section owns scroll distance. The sticky visual canvas is a
     stable 100svh viewport with dedicated annotation/media/progress regions.
     ------------------------------------------------------- */
  .hmmc-specimen-story{
    --hmmc-story-media-size:min(82vw,39svh,348px);
    --hmmc-story-slot-gap:clamp(6px,.9svh,9px);
    position:relative!important;
    width:100%!important;
    height:286svh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .hmmc-specimen-story::before,
  .hmmc-specimen-story::after{content:none!important;display:none!important}

  .hmmc-specimen-story .hmmc-story-sticky{
    position:sticky!important;
    top:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    padding:var(--hmmc-mobile-safe-top,82px) 0 max(8px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    opacity:1!important;
    contain:layout paint!important;
  }

  .hmmc-specimen-story .hmmc-story-intro{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:auto!important;
    min-height:clamp(46px,6svh,56px)!important;
    margin:0 var(--hmmc-mobile-gutter) clamp(4px,.7svh,6px)!important;
    padding:0!important;
    z-index:7!important;
    transform:translate3d(0,0,0);
    opacity:1;
  }
  .hmmc-specimen-story .hmmc-story-intro>span{
    margin:0 0 5px!important;
    font-size:clamp(8px,2.25vw,10px)!important;
    line-height:1.15!important;
    letter-spacing:.17em!important;
  }
  .hmmc-specimen-story .hmmc-story-intro>span i{width:22px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{
    margin:0!important;
    font-size:clamp(26px,7.4vw,33px)!important;
    line-height:.92!important;
    white-space:nowrap!important;
  }

  .hmmc-specimen-story .hmmc-story-stage{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-rows:minmax(86px,1fr) var(--hmmc-story-media-size) minmax(82px,1fr) 24px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:var(--hmmc-story-slot-gap)!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 var(--hmmc-mobile-gutter)!important;
    overflow:hidden!important;
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .hmmc-specimen-story .hmmc-story-stage::before,
  .hmmc-specimen-story .hmmc-story-stage::after{content:none!important;display:none!important}

  /* Fixed annotation regions: hidden content never changes the media geometry. */
  .hmmc-specimen-story .hmmc-story-moment{
    position:relative!important;
    inset:auto!important;
    justify-self:start!important;
    width:min(84vw,340px)!important;
    max-width:min(84vw,340px)!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    z-index:6!important;
    opacity:0!important;
    transform:translate3d(0,6px,0)!important;
    pointer-events:none!important;
    visibility:hidden!important;
    will-change:opacity,transform;
    transition:opacity 160ms ease-out,transform 180ms cubic-bezier(.16,1,.3,1),visibility 0s linear 180ms!important;
  }
  .hmmc-specimen-story .hmmc-story-moment.is-active{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    transition:opacity 220ms ease-out,transform 240ms cubic-bezier(.16,1,.3,1),visibility 0s linear 0s!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-one,
  .hmmc-specimen-story .hmmc-story-moment-two{
    grid-row:1!important;
    grid-column:1!important;
    align-self:end!important;
  }
  .hmmc-specimen-story .hmmc-story-moment-three{
    grid-row:3!important;
    grid-column:1!important;
    align-self:start!important;
  }
  .hmmc-specimen-story .hmmc-story-moment::before,
  .hmmc-specimen-story .hmmc-story-moment::after,
  .hmmc-specimen-story .hmmc-story-moment h2::before,
  .hmmc-specimen-story .hmmc-story-moment p::before,
  .hmmc-specimen-story .hmmc-story-moment p::after{content:none!important;display:none!important}
  .hmmc-specimen-story .hmmc-story-moment>span{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 7px!important;
    font-size:clamp(11px,2.9vw,12px)!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    opacity:0;
    transform:translate3d(0,4px,0);
    transition:opacity 140ms ease-out,transform 170ms cubic-bezier(.16,1,.3,1)!important;
  }
  .hmmc-specimen-story .hmmc-story-moment>span::after{
    content:""!important;
    display:block!important;
    width:0!important;
    height:1px!important;
    background:currentColor!important;
    transition:width 180ms cubic-bezier(.16,1,.3,1)!important;
  }
  .hmmc-specimen-story .hmmc-story-moment h2{
    margin:0!important;
    font-size:clamp(30px,8vw,38px)!important;
    line-height:.94!important;
    opacity:0;
    transform:translate3d(0,6px,0);
    transition:opacity 175ms ease-out 45ms,transform 205ms cubic-bezier(.16,1,.3,1) 45ms!important;
  }
  .hmmc-specimen-story .hmmc-story-moment h2::after{content:none!important;display:none!important}
  .hmmc-specimen-story .hmmc-story-moment p{
    margin:7px 0 0!important;
    max-width:29ch!important;
    font-size:clamp(14px,3.7vw,16px)!important;
    line-height:1.4!important;
    opacity:0;
    transform:translate3d(0,6px,0);
    transition:opacity 175ms ease-out 60ms,transform 205ms cubic-bezier(.16,1,.3,1) 60ms!important;
  }
  .hmmc-specimen-story .hmmc-story-moment.is-active>span,
  .hmmc-specimen-story .hmmc-story-moment.is-active h2,
  .hmmc-specimen-story .hmmc-story-moment.is-active p{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
  .hmmc-specimen-story .hmmc-story-moment.is-active>span::after{width:26px!important}

  /* One immutable media box for the entire 0–100% story. Translation only. */
  .hmmc-specimen-story .hmmc-story-media{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    grid-column:1!important;
    align-self:center!important;
    justify-self:center!important;
    flex:0 0 var(--hmmc-story-media-size)!important;
    width:var(--hmmc-story-media-size)!important;
    height:var(--hmmc-story-media-size)!important;
    min-width:var(--hmmc-story-media-size)!important;
    min-height:var(--hmmc-story-media-size)!important;
    max-width:var(--hmmc-story-media-size)!important;
    max-height:var(--hmmc-story-media-size)!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    clip-path:none!important;
    transform:translate3d(var(--hmmc-story-x,0px),var(--hmmc-story-y,0px),0)!important;
    transform-origin:center center!important;
    transition:transform 220ms cubic-bezier(.16,1,.3,1)!important;
    contain:layout paint!important;
    z-index:3!important;
    will-change:transform;
  }
  .hmmc-specimen-story .hmmc-story-media::before,
  .hmmc-specimen-story .hmmc-story-media::after{content:none!important;display:none!important}
  .hmmc-specimen-story .hmmc-story-canvas,
  .hmmc-specimen-story .hmmc-story-media video{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    clip-path:none!important;
  }
  .hmmc-specimen-story .hmmc-story-media video{opacity:0!important;pointer-events:none!important}

  .hmmc-specimen-story .hmmc-story-progress{
    position:relative!important;
    inset:auto!important;
    grid-row:4!important;
    grid-column:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:10px!important;
    align-items:center!important;
    transform:none!important;
  }
  .hmmc-specimen-story .hmmc-story-progress>span{
    width:34px!important;
    min-width:34px!important;
    margin:0!important;
    font-size:clamp(8px,2.2vw,9px)!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  .hmmc-specimen-story .hmmc-story-progress>span:last-child{text-align:right!important}
  .hmmc-specimen-story .hmmc-story-progress>i{position:relative!important;width:100%!important;min-width:0!important;margin:0!important}
  .hmmc-specimen-story .hmmc-story-progress>i>b{transform-origin:left center!important}

  /* Mobile instruction: centered, separate from the progress track. */
  .hmmc-specimen-story .hmmc-story-scroll-hint{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(36px + max(10px,env(safe-area-inset-bottom)))!important;
    z-index:8!important;
    margin:0!important;
    white-space:nowrap!important;
    transform:translate3d(-50%,0,0);
  }
  .hmmc-specimen-story .hmmc-story-scroll-hint span{font-size:clamp(8px,2.2vw,9px)!important;letter-spacing:.14em!important}
  .hmmc-specimen-story .hmmc-story-progress-cta{display:none!important}

  /* One-time chapter entrance. The sticky ancestor itself never moves. */
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-intro,
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-stage{
    opacity:.96;
    transform:translate3d(0,26px,0);
  }
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro,
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-stage{
    opacity:1;
    transform:translate3d(0,0,0);
    transition:opacity 560ms cubic-bezier(.16,1,.3,1),transform 640ms cubic-bezier(.16,1,.3,1);
  }

}

@media (max-width:360px){
  .hmmc-hero{height:100svh!important;min-height:100svh!important}
  .hmmc-hero-content{left:20px!important;width:min(50vw,184px)!important;max-width:min(50vw,184px)!important}
  .hmmc-hero .hmmc-title{font-size:clamp(32px,8.8vw,38px)!important}
  .hmmc-underground-story{height:168svh!important}
  .hmmc-underground-story .hmmc-portal-copy{width:min(69vw,230px)!important}
  .hmmc-underground-story .hmmc-from-ground-copy{width:min(58vw,196px)!important;right:20px!important}
}

@media (max-width:330px){
  .hmmc-hero{height:100svh!important;min-height:100svh!important}
  .hmmc-hero-content{left:16px!important;width:min(50vw,166px)!important;max-width:min(50vw,166px)!important}
  .hmmc-hero .hmmc-title{font-size:clamp(30px,8.4vw,34px)!important}
}


@media (max-width:360px){
  .hmmc-specimen-story{--hmmc-story-media-size:min(82vw,37svh,292px)!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:26px!important}
  .hmmc-specimen-story .hmmc-story-moment h2{font-size:clamp(29px,8vw,34px)!important}
  .hmmc-specimen-story .hmmc-story-moment p{font-size:14px!important}
}
@media (max-width:330px){
  .hmmc-specimen-story{--hmmc-story-media-size:min(80vw,34svh,258px)!important}
  .hmmc-specimen-story .hmmc-story-intro{min-height:42px!important;margin-inline:18px!important}
  .hmmc-specimen-story .hmmc-story-stage{padding-inline:18px!important;grid-template-rows:minmax(76px,1fr) var(--hmmc-story-media-size) minmax(74px,1fr) 22px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:23px!important}
  .hmmc-specimen-story .hmmc-story-moment{width:min(86vw,278px)!important;max-width:min(86vw,278px)!important}
  .hmmc-specimen-story .hmmc-story-moment h2{font-size:28px!important}
  .hmmc-specimen-story .hmmc-story-moment p{font-size:13.5px!important;line-height:1.36!important}
}
@media (max-width:720px) and (max-height:700px){
  .hmmc-specimen-story{--hmmc-story-media-size:min(78vw,31svh,275px)!important}
  .hmmc-specimen-story .hmmc-story-intro{min-height:40px!important}
  .hmmc-specimen-story .hmmc-story-intro h2{font-size:23px!important}
  .hmmc-specimen-story .hmmc-story-stage{grid-template-rows:minmax(72px,1fr) var(--hmmc-story-media-size) minmax(70px,1fr) 22px!important;gap:5px!important}
  .hmmc-specimen-story .hmmc-story-moment h2{font-size:28px!important}
  .hmmc-specimen-story .hmmc-story-moment p{font-size:13px!important;line-height:1.34!important;margin-top:5px!important}
}
@media (max-width:720px) and (prefers-reduced-motion:reduce){
  .hmmc-hero-video{transform:none!important}
  .hmmc-underground-story{height:auto!important;min-height:0!important}
  .hmmc-underground-story__sticky{position:relative!important;height:auto!important;max-height:none!important;transform:none!important;opacity:1!important}
  .hmmc-underground-scene{position:relative!important;inset:auto!important;min-height:72svh!important;opacity:1!important}
  .hmmc-specimen-story{height:auto!important;min-height:0!important}
  .hmmc-specimen-story .hmmc-story-sticky{position:relative!important;height:auto!important;max-height:none!important;min-height:620px!important}
  .hmmc-specimen-story .hmmc-story-media{transform:none!important;transition:none!important}
  .hmmc-specimen-story .hmmc-story-moment,.hmmc-specimen-story .hmmc-story-moment *{transition:none!important}
}


/* =========================================================
   V10.3.45 — Browser integration, restored mobile loupe, Macro inspection, restrained section glide.
   Does not alter the approved Underground Story internal transition.
   ========================================================= */
html.hmmc-site-active,
body.hmmc-site-active{margin:0!important;padding:0!important;background:#000!important}
html.hmmc-site-active{min-height:100%!important}
body.hmmc-site-active{min-height:100%!important;overscroll-behavior-y:auto;overflow-x:clip}
body.hmmc-site-active #page,
body.hmmc-site-active .site,
body.hmmc-site-active .site-content,
body.hmmc-site-active .elementor,
body.hmmc-site-active .elementor-page{margin:0!important;padding:0!important;max-width:none!important;background:transparent}

.hmmc-macro-study__media{
  --macro-drag-x:0px;
  touch-action:pan-y pinch-zoom;
  cursor:zoom-in;
}
.hmmc-macro-study__media img{
  transform:translate3d(calc(var(--macro-image-x) + var(--macro-drag-x)),0,0) scale(1.001);
}
.hmmc-macro-study__media.is-dragging{cursor:grabbing}
.hmmc-macro-study__media.is-dragging img{transition:none!important}

.hmmc-macro-viewer{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 220ms ease-out,visibility 0s linear 220ms;
}
.hmmc-macro-viewer.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity 220ms ease-out,visibility 0s linear 0s;
}
.hmmc-macro-viewer__image{
  width:100%;
  height:100%;
  max-width:100vw;
  max-height:100svh;
  padding:max(26px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  object-fit:contain;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  touch-action:pan-y pinch-zoom;
  transform:translate3d(var(--hmmc-viewer-drag-x,0px),0,0);
  transition:transform 220ms cubic-bezier(.16,1,.3,1),opacity 180ms ease-out;
}
.hmmc-macro-viewer.is-dragging .hmmc-macro-viewer__image{transition:none}
.hmmc-macro-viewer__close,
.hmmc-macro-viewer__prev,
.hmmc-macro-viewer__next{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  padding:0;
  color:#f5f1e8;
  background:transparent;
  border:0;
  box-shadow:none;
  cursor:pointer;
  font-weight:300;
}
.hmmc-macro-viewer__close{
  top:max(18px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
  width:44px;height:44px;font-size:30px;line-height:1;
}
.hmmc-macro-viewer__prev,.hmmc-macro-viewer__next{
  top:50%;
  width:44px;height:64px;
  transform:translateY(-50%);
  font-size:30px;
  opacity:.72;
}
.hmmc-macro-viewer__prev{left:max(10px,env(safe-area-inset-left))}
.hmmc-macro-viewer__next{right:max(10px,env(safe-area-inset-right))}
.hmmc-macro-viewer__close:hover,
.hmmc-macro-viewer__prev:hover,
.hmmc-macro-viewer__next:hover{opacity:1}

@media(max-width:720px){
  /* Normal chapters glide upward once; the Underground Story is intentionally excluded. */
  .hmmc-section-glide{
    opacity:.95;
    transform:translate3d(0,34px,0);
    transition:opacity 600ms cubic-bezier(.16,1,.3,1),transform 680ms cubic-bezier(.16,1,.3,1);
  }
  .hmmc-section-glide.is-section-glide-visible{opacity:1;transform:translate3d(0,0,0)}
  .hmmc-macro-viewer__prev,.hmmc-macro-viewer__next{width:36px;height:54px;font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .hmmc-section-glide{opacity:1!important;transform:none!important;transition:none!important}
  .hmmc-macro-viewer,.hmmc-macro-viewer__image{transition:none!important}
}

/* Macro drag transform must remain authoritative over the existing cinematic image rule. */
.hmmc-cinematic-ready .hmmc-macro-study .hmmc-macro-study__media img{
  transform:translate3d(calc(var(--macro-image-x) + var(--macro-drag-x)),0,0) scale(1.001)!important;
}
.hmmc-cinematic-ready .hmmc-macro-study .hmmc-macro-study__media.is-changing img{
  opacity:.12!important;
  transform:translate3d(calc(-12px + var(--macro-drag-x)),0,0) scale(1.018)!important;
}
.hmmc-cinematic-ready .hmmc-macro-study .hmmc-macro-study__media.is-dragging img{
  transition:none!important;
}

/* =========================================================
   V10.3.45 CURRENT-LIVE REPLACEMENT — three-area production fix.
   Safari canvas / mobile 180° stability only.
   ========================================================= */
html.hmmc-site-active,
body.hmmc-site-active{
  background:#000!important;
  background-color:#000!important;
}
body.hmmc-site-active #page,
body.hmmc-site-active .site,
body.hmmc-site-active .site-content,
body.hmmc-site-active main{
  background-color:transparent!important;
}

@media(max-width:720px){
  /* Stable 180° composition. The visible canvas never receives entry translation. */
  .hmmc-specimen-story .hmmc-story-sticky{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    transform:none!important;
  }
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-intro,
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-stage,
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro,
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-stage{
    transform:none!important;
  }
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-intro,
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-stage{opacity:.97!important}
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro,
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-stage{
    opacity:1!important;
    transition:opacity 360ms ease-out!important;
  }
  .hmmc-specimen-story .hmmc-story-media{
    transition:transform 145ms cubic-bezier(.16,1,.3,1)!important;
  }
  /* Editorial rhythm: 01 upper-left, 02 upper-right, 03 lower-left. */
  .hmmc-specimen-story .hmmc-story-moment-one{justify-self:start!important;text-align:left!important}
  .hmmc-specimen-story .hmmc-story-moment-two{justify-self:end!important;text-align:right!important}
  .hmmc-specimen-story .hmmc-story-moment-two>span{justify-content:flex-end!important;flex-direction:row-reverse!important}
  .hmmc-specimen-story .hmmc-story-moment-two p{margin-left:auto!important}
  .hmmc-specimen-story .hmmc-story-moment-three{justify-self:start!important;text-align:left!important}
  .hmmc-specimen-story .hmmc-story-scroll-hint{
    bottom:calc(39px + max(10px,env(safe-area-inset-bottom)))!important;
  }
}

/* =========================================================
   V10.3.49 — MOBILE LOUPE REBUILD ONLY
   One showcase button + existing specimen as touch surface + one visual lens.
   ========================================================= */
@media (max-width:720px){
  .hmmc-mc-min-vitrine{position:relative!important}
  .hmmc-mc-min-vitrine [data-hmmc-showcase-loupe]{display:none!important}

  .hmmc-mc-mobile-loupe-ui{
    position:absolute!important;
    inset:0!important;
    z-index:50!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-visible{visibility:visible!important}

  /* Lower-right safe corner of the actual vitrine shell, above the bottom/navigation boundary. */
  .hmmc-mc-mobile-loupe-toggle{
    position:absolute!important;
    right:clamp(12px,3.8vw,16px)!important;
    bottom:clamp(34px,11.5vw,50px)!important;
    z-index:50!important;
    min-width:126px!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:6px 9px!important;
    border:1px solid rgba(166,111,48,.76)!important;
    border-radius:4px!important;
    outline:0!important;
    background:rgba(250,248,244,.96)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.72) inset!important;
    color:#2d2722!important;
    opacity:0!important;
    transform:translate3d(0,6px,0)!important;
    transition:opacity 220ms ease-out,transform 260ms cubic-bezier(.16,1,.3,1)!important;
    pointer-events:none!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-visible .hmmc-mc-mobile-loupe-toggle{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
  .hmmc-mc-mobile-loupe-toggle:focus-visible{outline:1px solid rgba(166,111,48,.9)!important;outline-offset:2px!important}
  .hmmc-mc-mobile-loupe-icon{
    position:relative!important;
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--mc-accent,#ad7335)!important;
  }
  .hmmc-mc-mobile-loupe-icon svg{
    width:17px!important;height:17px!important;display:block!important;fill:none!important;stroke:currentColor!important;
    stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .hmmc-mc-mobile-loupe-icon::before,
  .hmmc-mc-mobile-loupe-icon::after{
    content:""!important;position:absolute!important;left:2.5px!important;top:8px!important;width:12px!important;height:1px!important;
    background:currentColor!important;opacity:0!important;transform-origin:center!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-icon svg{opacity:0!important}
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-icon::before{opacity:1!important;transform:rotate(45deg)!important}
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-icon::after{opacity:1!important;transform:rotate(-45deg)!important}
  .hmmc-mc-mobile-loupe-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
  .hmmc-mc-mobile-loupe-copy strong{
    color:#2d2722!important;font-size:clamp(7.8px,2.1vw,8.8px)!important;font-weight:600!important;line-height:1.1!important;
    letter-spacing:.145em!important;white-space:nowrap!important;
  }
  .hmmc-mc-mobile-loupe-copy small{
    color:#766d64!important;font-size:clamp(7px,1.8vw,7.8px)!important;line-height:1.15!important;white-space:nowrap!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-toggle{
    min-width:72px!important;background:rgba(34,30,27,.97)!important;border-color:rgba(166,111,48,.82)!important;color:#f4efe7!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-copy strong{color:#f4efe7!important}

  /* The existing specimen wrapper is the only interaction surface. */
  .hmmc-mc-min-specimen{pointer-events:auto!important}
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-min-specimen{
    pointer-events:auto!important;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-min-specimen img{pointer-events:none!important}

  /* Visual-only lens: hidden until first valid touch; it can never intercept the controlling finger. */
  .hmmc-mc-mobile-loupe-lens{
    --hmmc-mobile-lens-size:clamp(96px,27vw,110px);
    position:absolute!important;
    left:0!important;top:0!important;z-index:30!important;
    width:var(--hmmc-mobile-lens-size)!important;height:var(--hmmc-mobile-lens-size)!important;
    box-sizing:border-box!important;overflow:hidden!important;margin:0!important;padding:0!important;
    border:1px solid rgba(166,111,48,.9)!important;border-radius:50%!important;outline:0!important;
    background-color:#fff!important;background-repeat:no-repeat!important;
    box-shadow:0 1px 4px rgba(31,25,20,.05)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translate3d(0,0,0);
    transition:opacity 150ms ease-out,visibility 0s linear 150ms!important;
    will-change:transform,background-position!important;contain:paint!important;
    backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-lens-visible{
    opacity:1!important;visibility:visible!important;transition:opacity 150ms ease-out,visibility 0s linear 0s!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}
  .hmmc-mc-mobile-loupe-lens::before{
    content:""!important;position:absolute!important;inset:4px!important;border:1px solid rgba(255,255,255,.60)!important;
    border-radius:50%!important;pointer-events:none!important;
  }

  .hmmc-mc-mobile-loupe-guide{
    position:absolute!important;
    right:clamp(12px,3.8vw,16px)!important;
    bottom:clamp(84px,24vw,104px)!important;
    z-index:45!important;
    color:#746a60!important;font-size:7px!important;line-height:1!important;letter-spacing:.16em!important;white-space:nowrap!important;
    opacity:0!important;transform:translate3d(0,4px,0)!important;
    transition:opacity 150ms ease-out,transform 170ms ease-out!important;pointer-events:none!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-guide-visible .hmmc-mc-mobile-loupe-guide{opacity:1!important;transform:translate3d(0,0,0)!important}
}
@media (max-width:340px){
  .hmmc-mc-mobile-loupe-toggle{right:12px!important;bottom:34px!important;min-width:112px!important}
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-toggle{min-width:68px!important}
  .hmmc-mc-mobile-loupe-lens{--hmmc-mobile-lens-size:94px!important}
  .hmmc-mc-mobile-loupe-guide{right:12px!important;bottom:84px!important}
  .hmmc-mc-mobile-loupe-copy small{display:none!important}
}
@media (min-width:721px){.hmmc-mc-mobile-loupe-ui{display:none!important}}


/* =========================================================
   V10.3.50 — Explore Galleries + Specimen Card + Mobile Polish
   ========================================================= */
.hmmc-mc-min-controls{align-items:flex-end!important}
.hmmc-mc-min-controls>button{white-space:nowrap}
.hmmc-mc-min-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  transition:opacity 150ms ease,transform 150ms ease!important;
}
.hmmc-mc-min-grid.is-gallery-out{opacity:0!important;transform:translate3d(0,8px,0)!important}
.hmmc-mc-min-grid.is-gallery-in{animation:hmmcGalleryIn 230ms cubic-bezier(.22,1,.36,1) both}
@keyframes hmmcGalleryIn{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

html.hmmc-modal-open,body.hmmc-modal-open{overflow:hidden!important}
.hmmc-mc-inspection{padding:clamp(14px,2vw,28px)!important}
.hmmc-mc-inspection .hmmc-modal-backdrop{background:rgba(10,9,8,.72)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.hmmc-mc-inspection .hmmc-modal-panel{
  width:min(1120px,calc(100vw - 40px))!important;
  height:min(720px,calc(100svh - 40px))!important;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important;
  background:#f7f4ed!important;color:#171512!important;
  border:1px solid rgba(150,102,48,.18)!important;border-radius:0!important;
  box-shadow:0 24px 70px rgba(0,0,0,.16)!important;overflow:hidden!important;
  animation:hmmcSpecimenCardIn 360ms cubic-bezier(.22,1,.36,1) both!important;
}
@keyframes hmmcSpecimenCardIn{from{opacity:0;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.hmmc-mc-inspection .hmmc-modal-media{background:#fff!important;min-width:0!important}
.hmmc-mc-inspection .hmmc-modal-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5%!important;opacity:1!important;transition:opacity 180ms ease 90ms!important}
.hmmc-mc-inspection .hmmc-modal-copy{padding:clamp(42px,5vw,78px)!important;justify-content:center!important;background:#f7f4ed!important}
.hmmc-mc-inspection .hmmc-modal-eyebrow{margin:0 0 8px!important;font-size:8px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#9c6b32!important}
.hmmc-mc-inspection .hmmc-modal-copy>span{font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#9c6b32!important}
.hmmc-mc-inspection .hmmc-modal-copy h3{font-family:Georgia,serif!important;font-size:clamp(42px,4.6vw,70px)!important;line-height:.94!important;font-weight:400!important;letter-spacing:-.045em!important;margin:13px 0 42px!important;color:#171512!important}
.hmmc-mc-inspection .hmmc-modal-essential{display:grid!important;gap:26px!important;margin:0!important;padding:0!important;border:0!important}
.hmmc-mc-inspection .hmmc-modal-essential>div{margin:0!important;padding:15px 0 0!important;border-top:1px solid rgba(156,107,50,.22)!important;display:block!important}
.hmmc-mc-inspection .hmmc-modal-essential dt{font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#9c6b32!important;margin:0 0 7px!important}
.hmmc-mc-inspection .hmmc-modal-essential dd{margin:0!important;font-size:14px!important;line-height:1.55!important;color:#37332e!important}
.hmmc-mc-inspection .hmmc-modal-essential>div[hidden]{display:none!important}
.hmmc-mc-inspection .hmmc-modal-close{right:16px!important;top:16px!important;width:42px!important;height:42px!important;background:transparent!important;color:#171512!important;border:1px solid rgba(156,107,50,.28)!important;font-size:24px!important;line-height:1!important;z-index:5!important}

@media(max-width:720px){
  .hmmc-mc-min-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hmmc-mc-min-controls{gap:14px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .hmmc-mc-min-controls::-webkit-scrollbar{display:none!important}
  .hmmc-mc-min-controls>button{flex:0 0 auto!important}
  .hmmc-mc-min-search{margin-left:auto!important;flex:0 0 auto!important}

  .hmmc-mc-inspection{padding:0!important}
  .hmmc-mc-inspection .hmmc-modal-panel{width:100%!important;height:100svh!important;max-height:100svh!important;grid-template-columns:1fr!important;grid-template-rows:minmax(44svh,56svh) minmax(0,1fr)!important;overflow:auto!important;border:0!important}
  .hmmc-mc-inspection .hmmc-modal-media{min-height:0!important;height:auto!important}
  .hmmc-mc-inspection .hmmc-modal-media img{padding:clamp(20px,6vw,34px)!important}
  .hmmc-mc-inspection .hmmc-modal-copy{padding:30px 22px max(28px,env(safe-area-inset-bottom))!important;justify-content:flex-start!important}
  .hmmc-mc-inspection .hmmc-modal-copy h3{font-size:clamp(38px,11vw,54px)!important;margin:10px 0 28px!important}
  .hmmc-mc-inspection .hmmc-modal-essential{gap:18px!important}
  .hmmc-mc-inspection .hmmc-modal-close{top:max(14px,env(safe-area-inset-top))!important;right:14px!important;background:rgba(247,244,237,.88)!important}

  /* One mobile loupe input layer; the lens itself never captures touch. */
  .hmmc-mc-min-vitrine{position:relative!important}
  .hmmc-mc-mobile-loupe-surface{display:block!important;position:absolute!important;inset:0!important;z-index:40!important;pointer-events:none!important;touch-action:pan-y!important;background:transparent!important}
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-mobile-loupe-surface{pointer-events:auto!important;touch-action:none!important}
  .hmmc-mc-mobile-loupe-lens{z-index:45!important;pointer-events:none!important;transition:opacity 150ms ease,transform 150ms ease!important}
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}
  .hmmc-mc-mobile-loupe-toggle{z-index:50!important}

  /* Mobile 180°: stable base media geometry and calmer annotation-driven translation. */
  .hmmc-specimen-story .hmmc-story-media{transition:transform 620ms cubic-bezier(.22,1,.36,1)!important;will-change:transform!important}
  .hmmc-specimen-story .hmmc-story-media.is-sequence-ready{contain:layout paint!important}
  .hmmc-specimen-story .hmmc-story-moment{transition:opacity 300ms ease,transform 330ms cubic-bezier(.22,1,.36,1)!important}
  .hmmc-specimen-story .hmmc-story-progress{transform:none!important}
}

/* =========================================================
   V10.3.51 — OWNER / STORY / CONTACT / SPECIMEN CARD / MOBILE LOUPE
   Production-scoped additions. Approved upstream sections remain untouched.
   ========================================================= */

/* One continuous black closing chapter: Localities → Owner → About/Contact → Footer. */
.hmmc-localities,
.hmmc-owner,
.hmmc-footer{background:#050504!important}
.hmmc-owner-image-shade{background:linear-gradient(90deg,transparent 54%,#050504 100%),linear-gradient(0deg,rgba(0,0,0,.30),transparent 52%)!important}

/* ---------- CONTACT CLOSING SECTION ---------- */
.hmmc-contact-strip{
  width:min(1440px,100%);margin:clamp(58px,7vw,96px) auto 0;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.10);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
}
.hmmc-contact-item{
  min-width:0;min-height:86px;padding:18px clamp(14px,2vw,28px);display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;
  color:#f0ece5;text-decoration:none;border-right:1px solid rgba(255,255,255,.08);transition:background 260ms ease,color 260ms ease;
}
.hmmc-contact-item:first-child{padding-left:0}
.hmmc-contact-item:last-child{border-right:0;padding-right:0}
.hmmc-contact-item.is-empty{opacity:.46}
.hmmc-contact-icon{width:22px;height:22px;color:#c58b48;display:grid;place-items:center}
.hmmc-contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.hmmc-contact-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.hmmc-contact-copy small{font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.19em;color:#8e887f}
.hmmc-contact-copy strong{font-size:12px;line-height:1.3;font-weight:400;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover){
  a.hmmc-contact-item:hover{background:rgba(255,255,255,.025)}
}

/* ---------- SPECIMEN DETAIL CARD — PURE WHITE ---------- */
.hmmc-mc-inspection .hmmc-modal-panel{background:#fff!important;color:#171512!important;border-color:rgba(156,107,50,.16)!important;box-shadow:0 24px 72px rgba(0,0,0,.15)!important}
.hmmc-mc-inspection .hmmc-modal-media,
.hmmc-mc-inspection .hmmc-modal-copy{background:#fff!important}
.hmmc-mc-inspection .hmmc-modal-media img{padding:clamp(24px,5vw,64px)!important}
.hmmc-mc-inspection .hmmc-modal-copy{position:relative!important;padding:clamp(46px,5.5vw,84px)!important}
.hmmc-mc-inspection .hmmc-modal-copy h3{margin-bottom:16px!important}
.hmmc-modal-description{max-width:42ch;margin:0 0 34px!important;color:#766f67!important;font-size:13px!important;line-height:1.65!important}
.hmmc-modal-description[hidden]{display:none!important}
.hmmc-mc-inspection .hmmc-modal-essential{gap:22px!important}
.hmmc-mc-inspection .hmmc-modal-essential>div{padding-top:14px!important;border-top:1px solid rgba(156,107,50,.17)!important}
.hmmc-mc-inspection .hmmc-modal-essential dt{display:flex!important;align-items:center!important;gap:8px!important}
.hmmc-modal-meta-icon{width:16px;height:16px;display:inline-grid;place-items:center;color:#9c6b32}
.hmmc-modal-meta-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hmmc-modal-instagram{
  position:absolute;z-index:6;right:70px;top:16px;width:42px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(156,107,50,.25);color:#9c6b32;background:rgba(255,255,255,.92);text-decoration:none;
  transition:background 220ms ease,border-color 220ms ease;
}
.hmmc-modal-instagram svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.hmmc-modal-instagram:hover{background:#faf6ef;border-color:rgba(156,107,50,.55)}}
.hmmc-mc-inspection .hmmc-modal-close{background:rgba(255,255,255,.94)!important}

/* ---------- MOBILE LOUPE — ONE SPECIMEN-BOUND SURFACE ---------- */
@media(max-width:720px){
  .hmmc-mc-min-vitrine{position:relative!important}
  .hmmc-mc-min-vitrine [data-hmmc-showcase-loupe]{display:none!important}
  .hmmc-mc-mobile-loupe-ui{position:absolute!important;inset:0!important;z-index:50!important;pointer-events:none!important}
  .hmmc-mc-mobile-loupe-ui.is-visible{visibility:visible!important}

  /* The transparent input layer now lives inside the specimen wrapper, so it follows the approved float and never intercepts pedestal/thumbnails. */
  .hmmc-mc-mobile-loupe-surface{
    display:block!important;position:absolute!important;inset:0!important;z-index:12!important;
    pointer-events:none!important;touch-action:pan-y!important;background:transparent!important;
  }
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-mobile-loupe-surface{pointer-events:auto!important;touch-action:none!important}
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-min-specimen{animation-play-state:paused!important;touch-action:none!important}
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-min-specimen img{pointer-events:none!important}

  .hmmc-mc-mobile-loupe-toggle{
    right:16px!important;bottom:16px!important;z-index:50!important;
    min-height:44px!important;min-width:120px!important;padding:6px 10px!important;gap:8px!important;
    border:1px solid rgba(166,111,48,.74)!important;border-radius:4px!important;
    background:rgba(250,248,244,.96)!important;box-shadow:none!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-toggle{min-width:70px!important}
  .hmmc-mc-mobile-loupe-guide{right:16px!important;bottom:68px!important;z-index:49!important}

  .hmmc-mc-mobile-loupe-lens{
    --hmmc-mobile-lens-size:clamp(96px,27vw,110px);
    z-index:45!important;pointer-events:none!important;
    border:1px solid rgba(166,111,48,.88)!important;box-shadow:0 1px 4px rgba(31,25,20,.045)!important;
    transition:opacity 145ms ease-out,visibility 0s linear 145ms!important;
    will-change:transform,background-position!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-lens-visible{transition:opacity 145ms ease-out,visibility 0s linear 0s!important}
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}

  .hmmc-contact-strip{grid-template-columns:1fr;margin-top:52px;padding-top:0;border-top:1px solid rgba(255,255,255,.10)}
  .hmmc-contact-item{min-height:72px;padding:15px 0!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .hmmc-contact-item:last-child{border-bottom:0}


  /* Specimen card mobile. */
  .hmmc-mc-inspection .hmmc-modal-panel{background:#fff!important}
  .hmmc-mc-inspection .hmmc-modal-media,
  .hmmc-mc-inspection .hmmc-modal-copy{background:#fff!important}
  .hmmc-mc-inspection .hmmc-modal-copy{padding:30px 22px max(32px,env(safe-area-inset-bottom))!important}
  .hmmc-mc-inspection .hmmc-modal-copy h3{margin-bottom:14px!important}
  .hmmc-modal-description{margin-bottom:26px!important;font-size:12.5px!important}
  .hmmc-modal-instagram{right:66px;top:max(14px,env(safe-area-inset-top));background:rgba(255,255,255,.92)}
}
@media(max-width:340px){
  .hmmc-mc-mobile-loupe-toggle{right:12px!important;bottom:12px!important;min-width:108px!important}
  .hmmc-mc-mobile-loupe-guide{right:12px!important;bottom:64px!important}
  .hmmc-mc-mobile-loupe-lens{--hmmc-mobile-lens-size:94px!important}
}

/* ---------- V10.3.51 specimen modal close choreography ---------- */
.hmmc-mc-inspection.is-open .hmmc-modal-backdrop{
  animation:hmmcOverlayBackdropIn 260ms ease-out both;
}
.hmmc-mc-inspection.is-closing{display:grid}
.hmmc-mc-inspection.is-closing .hmmc-modal-backdrop{
  animation:hmmcOverlayBackdropOut 250ms ease-in both;
}
.hmmc-mc-inspection.is-closing .hmmc-modal-panel{
  animation:hmmcSpecimenCardOut 250ms cubic-bezier(.4,0,1,1) both!important;
}
@keyframes hmmcSpecimenCardOut{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,8px,0) scale(.992)}}

a.hmmc-contact-item:active{opacity:.72}

/* =========================================================
   V10.3.54 — MY STORY / SPECIMEN SHEET / MOBILE 180°
   Precision production pass. No Mine Portal → From the Ground
   internal timing, pinning, imagery or choreography is altered.
   ========================================================= */

/* Navigation trigger styling is unified in the shared production menu-link component below. */

/* ---------- First → second chapter boundary: zero layout gap at the source ---------- */
.hmmc-hero{margin-bottom:0!important}
.hmmc-hero + .hmmc-underground-story{
  margin-top:0!important;margin-block-start:0!important;padding-top:0!important;border-top:0!important;
}

/* ---------- Restrained global reveal language ---------- */
.hmmc-root > section:not(.hmmc-hero):not(.hmmc-underground-story) .hmmc-reveal{
  transition:opacity 680ms cubic-bezier(.22,1,.36,1),transform 680ms cubic-bezier(.22,1,.36,1)!important;
}

/* ---------- Closing black chapter remains continuous ---------- */
.hmmc-localities,.hmmc-owner,.hmmc-contact-section,.hmmc-footer{background:#000!important}
.hmmc-owner{margin:0!important;border:0!important}
.hmmc-owner-image-shade{
  background:linear-gradient(90deg,transparent 54%,#000 100%),linear-gradient(0deg,rgba(0,0,0,.30),transparent 52%)!important;
}
.hmmc-localities{padding-bottom:clamp(52px,5.2vw,76px)!important}
.hmmc-contact-section{
  position:relative;margin:0!important;padding:clamp(16px,2vw,28px) clamp(20px,6vw,96px) clamp(38px,4.5vw,68px);
  color:#f3efe8;background:#000!important;overflow:hidden;
}
.hmmc-contact-strip{
  width:min(1440px,100%);margin:0 auto!important;padding-top:0!important;border-top:0!important;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
}
.hmmc-footer{border-top:0!important;margin-top:0!important}

/* Smaller Owner story CTA — integrated, never a dominant button. */
.hmmc-owner-story-trigger{
  appearance:none;-webkit-appearance:none;width:max-content;margin:18px 0 0;padding:0 0 6px;
  border:0;border-bottom:1px solid rgba(197,139,72,.42);background:transparent;color:#f2eee7;
  display:inline-flex;align-items:center;gap:14px;cursor:pointer;text-transform:uppercase;
  font:inherit;font-size:8px;line-height:1.2;letter-spacing:.18em;-webkit-tap-highlight-color:transparent;
}
.hmmc-owner-story-trigger:active,a.hmmc-contact-item:active{transform:scale(.98);transition:transform 140ms ease}

/* Animate closing-section content only; never move section/sticky geometry. */
@media(prefers-reduced-motion:no-preference){
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-image,
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-copy,
  .hmmc-contact-section[data-hmmc-closing-section] .hmmc-contact-strip{
    opacity:.95;transform:translate3d(0,30px,0);
    transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.22,1,.36,1);
  }
  .hmmc-owner[data-hmmc-closing-section].is-closing-visible .hmmc-owner-image,
  .hmmc-owner[data-hmmc-closing-section].is-closing-visible .hmmc-owner-copy,
  .hmmc-contact-section[data-hmmc-closing-section].is-closing-visible .hmmc-contact-strip{
    opacity:1;transform:translate3d(0,0,0);
  }
}

/* ---------- Shared MY STORY / READ MY STORY — full white editorial page ---------- */
html.hmmc-story-open{overflow:hidden!important}
body.hmmc-story-open{
  position:fixed!important;left:0!important;right:0!important;top:var(--hmmc-story-lock-y,0px)!important;
  width:100%!important;overflow:hidden!important;
}
.hmmc-story-overlay{
  position:fixed;inset:0;z-index:999997;display:none;place-items:stretch;padding:0!important;background:#fff!important;color:#171512;
}
.hmmc-story-overlay.is-open,.hmmc-story-overlay.is-closing{display:grid}
.hmmc-story-overlay-backdrop{position:absolute;inset:0;border:0;background:#fff!important;cursor:pointer;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hmmc-story-overlay-panel{
  position:relative;z-index:1;width:100vw!important;max-width:none!important;height:100svh!important;max-height:100svh!important;
  display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;background:#fff!important;border:0!important;color:#171512;animation:none!important;
}
.hmmc-story-overlay-close{
  position:fixed!important;z-index:12;right:clamp(16px,2vw,28px);top:clamp(16px,2vw,28px);width:44px;height:44px;
  border:1px solid rgba(23,21,18,.18);background:rgba(255,255,255,.90)!important;color:#171512!important;
  font-size:29px;line-height:1;font-weight:200;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.hmmc-story-overlay-media{
  grid-column:1;grid-row:1 / 3;position:relative;min-width:0;overflow:hidden;background:#f5f4f1!important;
}
.hmmc-story-overlay-media::after{content:none!important;display:none!important}
.hmmc-story-overlay-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;
  opacity:0;transform:translate3d(0,6px,0) scale(1.015);will-change:transform,opacity;
}
.hmmc-story-overlay-intro{
  grid-column:2;grid-row:1;align-self:end;padding:clamp(64px,6.2vw,112px) clamp(52px,6vw,110px) 0;
  animation:none!important;
}
.hmmc-story-overlay-label{
  margin:0 0 20px;color:#9c6b32;font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:0;
}
.hmmc-story-overlay-intro h2{
  max-width:720px;margin:0;font-family:Georgia,serif;font-size:clamp(42px,4.6vw,68px)!important;font-weight:400;
  line-height:1.04;letter-spacing:-.042em;color:#171512!important;opacity:0;transform:translate3d(0,10px,0);
}
.hmmc-story-overlay-content{
  grid-column:2;grid-row:2;min-height:0;padding:clamp(26px,3vw,46px) clamp(52px,6vw,110px) clamp(54px,5vw,86px);
  overflow:auto;align-self:stretch;animation:none!important;scrollbar-width:thin;scrollbar-color:rgba(156,107,50,.28) transparent;
}
.hmmc-story-overlay-body{
  max-width:700px;color:#514c46!important;font-size:clamp(14px,1vw,16px);line-height:1.78;opacity:0;transform:translate3d(0,10px,0);
}
.hmmc-story-overlay-body p{margin:0 0 18px}
.hmmc-story-signature{
  margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;opacity:0;transform:translate3d(0,8px,0);
}
.hmmc-story-signature img{
  display:block;width:clamp(160px,15vw,235px);height:auto;max-width:52%;object-fit:contain;object-position:left center;
  margin:0;filter:none!important;
}
.hmmc-story-signature span{color:#9c6b32;font-size:8px;letter-spacing:.21em;text-transform:uppercase}

.hmmc-story-overlay.is-open .hmmc-story-overlay-backdrop{animation:hmmcStoryBackdropIn353 300ms ease-out both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-panel{animation:hmmcStoryShellIn353 420ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-open.is-media-ready .hmmc-story-overlay-media img{animation:hmmcStoryImageIn353 600ms 35ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-label{animation:hmmcStoryCopyIn353 380ms 70ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-intro h2{animation:hmmcStoryCopyIn353 470ms 115ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-body{animation:hmmcStoryCopyIn353 500ms 175ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-open .hmmc-story-signature{animation:hmmcStoryCopyIn353 460ms 235ms cubic-bezier(.22,1,.36,1) both!important}
.hmmc-story-overlay.is-closing .hmmc-story-overlay-backdrop{animation:hmmcStoryBackdropOut353 320ms ease-in both!important}
.hmmc-story-overlay.is-closing .hmmc-story-overlay-panel{animation:hmmcStoryShellOut353 320ms cubic-bezier(.4,0,1,1) both!important}
@keyframes hmmcStoryBackdropIn353{from{opacity:0}to{opacity:1}}
@keyframes hmmcStoryBackdropOut353{from{opacity:1}to{opacity:0}}
@keyframes hmmcStoryShellIn353{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes hmmcStoryShellOut353{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,8px,0)}}
@keyframes hmmcStoryImageIn353{from{opacity:0;transform:translate3d(0,6px,0) scale(1.015)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hmmcStoryCopyIn353{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* ---------- Explore specimen sheet — pure white, balanced and dynamic ---------- */
.hmmc-mc-inspection .hmmc-modal-panel,
.hmmc-mc-inspection .hmmc-modal-media,
.hmmc-mc-inspection .hmmc-modal-copy{background:#fff!important}
.hmmc-mc-inspection .hmmc-modal-panel{
  width:min(1180px,calc(100vw - 44px))!important;height:min(760px,calc(100svh - 44px))!important;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)!important;color:#171512!important;
  border:1px solid rgba(156,107,50,.16)!important;border-radius:0!important;box-shadow:0 24px 72px rgba(0,0,0,.15)!important;
  overflow:hidden!important;animation:hmmcSpecimenCardIn 360ms cubic-bezier(.22,1,.36,1) both!important;
}
.hmmc-mc-inspection .hmmc-modal-media{min-width:0!important}
.hmmc-mc-inspection .hmmc-modal-media img{
  width:100%!important;height:100%!important;object-fit:contain!important;padding:clamp(30px,4.6vw,64px)!important;
  opacity:0!important;transition:opacity 250ms cubic-bezier(.22,1,.36,1) 80ms!important;
}
.hmmc-mc-inspection .hmmc-modal-media img.is-image-ready{opacity:1!important}
.hmmc-mc-inspection .hmmc-modal-copy{
  position:relative!important;padding:clamp(42px,4.8vw,74px)!important;justify-content:center!important;background:#fff!important;
}
.hmmc-mc-inspection .hmmc-modal-eyebrow{margin:0 0 7px!important;font-size:8px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#9c6b32!important}
.hmmc-mc-inspection .hmmc-modal-copy>span{font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#9c6b32!important}
.hmmc-mc-inspection .hmmc-modal-copy h3{
  font-family:Georgia,serif!important;font-size:clamp(40px,4.2vw,64px)!important;line-height:.98!important;font-weight:400!important;
  letter-spacing:-.043em!important;margin:11px 0 14px!important;color:#171512!important;
}
.hmmc-modal-description{max-width:40ch;margin:0 0 30px!important;color:#716a63!important;font-size:13px!important;line-height:1.62!important}
.hmmc-modal-description[hidden]{display:none!important}
.hmmc-mc-inspection .hmmc-modal-essential{display:grid!important;gap:20px!important;margin:0!important;padding:0!important;border:0!important}
.hmmc-mc-inspection .hmmc-modal-essential>div{margin:0!important;padding:13px 0 0!important;border-top:1px solid rgba(156,107,50,.17)!important;display:block!important}
.hmmc-mc-inspection .hmmc-modal-essential dt{display:flex!important;align-items:center!important;gap:8px!important;font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#9c6b32!important;margin:0 0 7px!important}
.hmmc-mc-inspection .hmmc-modal-essential dd{margin:0!important;font-size:14px!important;line-height:1.5!important;color:#37332e!important}
.hmmc-mc-inspection [data-modal-meta="dimensions"]{display:block!important}
.hmmc-mc-inspection [data-modal-meta="dimensions"] dd:empty::after{content:"—"}
.hmmc-modal-meta-icon{width:16px;height:16px;display:inline-grid;place-items:center;color:#9c6b32}
.hmmc-modal-meta-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hmmc-modal-instagram{
  position:absolute;z-index:6;right:68px;top:16px;width:42px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(156,107,50,.24);color:#9c6b32;background:rgba(255,255,255,.94);text-decoration:none;
  transition:background 220ms ease,border-color 220ms ease,transform 220ms cubic-bezier(.22,1,.36,1);
}
.hmmc-modal-instagram svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.hmmc-modal-instagram:hover{background:#faf6ef;border-color:rgba(156,107,50,.55);transform:translate3d(0,-2px,0)}}
.hmmc-mc-inspection .hmmc-modal-close{
  right:16px!important;top:16px!important;width:42px!important;height:42px!important;background:rgba(255,255,255,.94)!important;
  color:#171512!important;border:1px solid rgba(156,107,50,.26)!important;font-size:24px!important;line-height:1!important;z-index:7!important;
}

/* ---------- Mobile ---------- */
@media(max-width:720px){
  .hmmc-localities{padding-bottom:40px!important}
  .hmmc-owner-copy{padding-bottom:58px!important}
  .hmmc-contact-section{padding:0 18px max(34px,calc(22px + env(safe-area-inset-bottom)))!important}
  .hmmc-contact-strip{grid-template-columns:1fr!important;margin:0 auto!important;padding-top:0!important;border-top:0!important}
  .hmmc-contact-item{min-height:72px;padding:15px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .hmmc-contact-item:last-child{border-bottom:0}
  .hmmc-owner-story-trigger{font-size:7.5px!important;gap:12px!important;margin-top:16px!important}

  /* Dedicated MY STORY mobile page: headline → image → story → signature. */
  .hmmc-story-overlay{padding:0!important;align-items:stretch;background:#fff!important}
  .hmmc-story-overlay-panel{
    width:100%!important;height:100svh!important;max-height:100svh!important;border:0!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(34svh,40svh) auto!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;background:#fff!important;color:#171512!important;
    -webkit-overflow-scrolling:touch;
  }
  .hmmc-story-overlay-close{
    top:max(12px,calc(env(safe-area-inset-top) + 6px))!important;right:12px!important;background:rgba(255,255,255,.94)!important;color:#171512!important;
  }
  .hmmc-story-overlay-intro{
    grid-column:1!important;grid-row:1!important;align-self:start!important;
    padding:max(72px,calc(54px + env(safe-area-inset-top))) 22px 24px!important;
  }
  .hmmc-story-overlay-label{margin-bottom:14px!important;font-size:8px!important}
  .hmmc-story-overlay-intro h2{font-size:clamp(30px,7.7vw,40px)!important;line-height:1.03!important;max-width:12ch!important}
  .hmmc-story-overlay-media{grid-column:1!important;grid-row:2!important;min-height:34svh!important;position:relative!important;background:#f5f4f1!important}
  .hmmc-story-overlay-media img{position:absolute!important;inset:0!important}
  .hmmc-story-overlay-content{
    grid-column:1!important;grid-row:3!important;padding:28px 22px max(48px,calc(30px + env(safe-area-inset-bottom)))!important;
    overflow:visible!important;
  }
  .hmmc-story-overlay-body{font-size:14px!important;line-height:1.72!important}
  .hmmc-story-signature{margin-top:24px!important}
  .hmmc-story-signature img{width:clamp(145px,44vw,195px)!important;max-width:60%!important}

  /* Specimen card mobile — image first, details below, controls always reachable. */
  .hmmc-mc-inspection{padding:0!important}
  .hmmc-mc-inspection .hmmc-modal-panel{
    width:100%!important;height:100svh!important;max-height:100svh!important;grid-template-columns:1fr!important;
    grid-template-rows:minmax(42svh,52svh) auto!important;overflow-y:auto!important;overflow-x:hidden!important;border:0!important;background:#fff!important;
  }
  .hmmc-mc-inspection .hmmc-modal-media{min-height:0!important;height:auto!important;background:#fff!important}
  .hmmc-mc-inspection .hmmc-modal-media img{padding:clamp(20px,6vw,34px)!important}
  .hmmc-mc-inspection .hmmc-modal-copy{padding:27px 22px max(34px,calc(22px + env(safe-area-inset-bottom)))!important;justify-content:flex-start!important;background:#fff!important}
  .hmmc-mc-inspection .hmmc-modal-copy h3{font-size:clamp(36px,10.5vw,50px)!important;margin:9px 0 12px!important}
  .hmmc-modal-description{margin-bottom:24px!important;font-size:12.8px!important;line-height:1.58!important}
  .hmmc-mc-inspection .hmmc-modal-essential{gap:17px!important}
  .hmmc-mc-inspection .hmmc-modal-close{position:fixed!important;top:max(14px,calc(env(safe-area-inset-top) + 5px))!important;right:14px!important}
  .hmmc-modal-instagram{position:fixed!important;right:64px!important;top:max(14px,calc(env(safe-area-inset-top) + 5px))!important;background:rgba(255,255,255,.94)!important}

  /* Loupe remains one showcase-anchored UI + one specimen-bound input layer. */
  .hmmc-mc-min-vitrine{position:relative!important}
  .hmmc-mc-mobile-loupe-ui{position:absolute!important;inset:0!important;z-index:50!important;pointer-events:none!important}
  .hmmc-mc-mobile-loupe-surface{
    display:block!important;position:absolute!important;inset:0!important;z-index:12!important;
    pointer-events:none!important;touch-action:pan-y!important;background:transparent!important;
  }
  .hmmc-mc-min.is-mobile-loupe-active .hmmc-mc-mobile-loupe-surface{pointer-events:auto!important;touch-action:none!important}
  .hmmc-mc-mobile-loupe-lens{
    --hmmc-mobile-lens-size:clamp(96px,27vw,110px);z-index:45!important;pointer-events:none!important;
    transition:opacity 145ms ease-out,visibility 0s linear 145ms!important;will-change:transform,background-position!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-lens-visible{transition:opacity 145ms ease-out,visibility 0s linear 0s!important}
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}
  .hmmc-mc-mobile-loupe-toggle{
    position:fixed!important;
    right:calc(16px + env(safe-area-inset-right))!important;
    bottom:max(68px,calc(18px + env(safe-area-inset-bottom)))!important;
    z-index:99990!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    padding:8px 12px!important;
    gap:8px!important;
    border:1px solid rgba(156,107,50,.38)!important;
    border-radius:999px!important;
    background:rgba(250,248,243,.94)!important;
    box-shadow:0 2px 10px rgba(0,0,0,.06)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    pointer-events:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(0,6px,0)!important;
    transition:opacity 190ms ease-out,transform 260ms cubic-bezier(.22,1,.36,1),visibility 0s linear 260ms!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-visible .hmmc-mc-mobile-loupe-toggle{
    opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;transition-delay:0s!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-toggle{
    min-width:0!important;background:rgba(28,25,22,.94)!important;color:#f4efe7!important;
  }
  .hmmc-mc-mobile-loupe-copy strong{font-size:10px!important;letter-spacing:.14em!important;white-space:nowrap!important}
  .hmmc-mc-mobile-loupe-copy small{display:none!important}
  .hmmc-mc-mobile-loupe-icon{width:20px!important;height:20px!important;flex:0 0 20px!important}

  .hmmc-mc-mobile-loupe-guide{right:clamp(12px,4vw,18px)!important;bottom:68px!important}

  /* 180° — immutable media geometry, direct scroll tracking, small eased position offsets only. */
  .hmmc-specimen-story{height:286svh!important;min-height:286svh!important;margin:0!important;padding:0!important}
  .hmmc-specimen-story .hmmc-story-sticky{
    height:100svh!important;min-height:100svh!important;max-height:100svh!important;top:0!important;transform:none!important;
  }
  .hmmc-specimen-story .hmmc-story-media{
    width:var(--hmmc-story-media-size)!important;height:var(--hmmc-story-media-size)!important;
    min-width:var(--hmmc-story-media-size)!important;min-height:var(--hmmc-story-media-size)!important;
    max-width:var(--hmmc-story-media-size)!important;max-height:var(--hmmc-story-media-size)!important;
    flex:0 0 var(--hmmc-story-media-size)!important;aspect-ratio:1/1!important;
    transform:translate3d(var(--hmmc-story-x,0px),var(--hmmc-story-y,0px),0)!important;
    transition:transform 620ms cubic-bezier(.22,1,.36,1)!important;
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;
  }
  .hmmc-specimen-story .hmmc-story-media::before,.hmmc-specimen-story .hmmc-story-media::after{display:none!important}
  .hmmc-specimen-story .hmmc-story-canvas,.hmmc-specimen-story .hmmc-story-media video{
    width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;object-fit:contain!important;background:#fff!important;
  }
  .hmmc-specimen-story .hmmc-story-moment{transition:opacity 300ms ease,transform 330ms cubic-bezier(.22,1,.36,1)!important}
  .hmmc-specimen-story .hmmc-story-progress{transform:none!important}

  /* Never translate the pinned visual stage during chapter entry; only inner copy may reveal. */
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-stage,
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-stage{
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .hmmc-specimen-story:not(.is-exhibit-entered) .hmmc-story-intro{opacity:.96!important;transform:translate3d(0,10px,0)!important}
  .hmmc-specimen-story.is-exhibit-entered .hmmc-story-intro{
    opacity:1!important;transform:translate3d(0,0,0)!important;
    transition:opacity 520ms cubic-bezier(.22,1,.36,1),transform 580ms cubic-bezier(.22,1,.36,1)!important;
  }
}

@media(max-width:340px){
  .hmmc-mc-mobile-loupe-toggle{right:calc(12px + env(safe-area-inset-right))!important;bottom:max(68px,calc(18px + env(safe-area-inset-bottom)))!important}
  .hmmc-mc-mobile-loupe-guide{right:12px!important;bottom:64px!important}
  .hmmc-mc-mobile-loupe-lens{--hmmc-mobile-lens-size:94px!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-image,
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-copy,
  .hmmc-contact-section[data-hmmc-closing-section] .hmmc-contact-strip{opacity:1!important;transform:none!important;transition:none!important}
  .hmmc-story-overlay *{animation:none!important;transition:none!important}
  .hmmc-story-overlay .hmmc-story-overlay-media img,
  .hmmc-story-overlay .hmmc-story-overlay-label,
  .hmmc-story-overlay .hmmc-story-overlay-intro h2,
  .hmmc-story-overlay .hmmc-story-overlay-body,
  .hmmc-story-overlay .hmmc-story-signature{opacity:1!important;transform:none!important}
}

/* =========================================================
   V10.3.55 — SHOWCASE LOUPE / FLOW / LOCALITIES / MY STORY
   Surgical continuation of the approved production design.
   ========================================================= */

/* Hard-remove perceived layout gaps at the two requested boundaries. */
.hmmc-hero,
.hmmc-underground-story,
.hmmc-localities,
.hmmc-owner{margin-block:0!important}
.hmmc-hero + .hmmc-underground-story{
  margin-top:0!important;padding-top:0!important;border-top:0!important;
}
.hmmc-localities{padding-bottom:0!important}
.hmmc-localities + .hmmc-owner{margin-top:0!important;border-top:0!important}
.hmmc-locality-route{margin-bottom:0!important;padding-bottom:0!important}
.hmmc-locality-stop:last-child{min-height:200px!important}

/* Localities route: line begins/ends at the real first/last dot centers. */
.hmmc-route-line{
  top:var(--hmmc-route-top,0px)!important;
  bottom:var(--hmmc-route-bottom,0px)!important;
}
.hmmc-route-line i{transition:height 90ms linear!important}

/* Vector arrow only: no emoji glyph rendering in Owner or Contact. */
.hmmc-line-arrow{
  position:relative;display:inline-block;flex:0 0 16px;width:16px;height:10px;color:#c58b48;
  transition:transform 260ms cubic-bezier(.22,1,.36,1);
}
.hmmc-line-arrow::before{
  content:"";position:absolute;left:0;right:1px;top:50%;height:1px;background:currentColor;transform:translateY(-50%);
}
.hmmc-line-arrow::after{
  content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;
  transform:translateY(-50%) rotate(45deg);
}
@media(hover:hover){
  a.hmmc-contact-item:hover .hmmc-line-arrow{transform:translate3d(4px,0,0)}
}

/* A more alive transition language without moving section geometry. */
@media(prefers-reduced-motion:no-preference){
  .hmmc-mc-min-main,
  .hmmc-mc-min-rail-note,
  .hmmc-mc-min-rail-wrap,
  .hmmc-mc-min-continue-cue,
  .hmmc-localities .hmmc-section-head,
  .hmmc-locality-route{
    transition-timing-function:cubic-bezier(.22,1,.36,1)!important;
  }
  .hmmc-locality-stop .hmmc-locality-dot{
    transform:scale(.78);opacity:.52;
    transition:transform 520ms cubic-bezier(.22,1,.36,1),opacity 420ms ease,box-shadow 520ms cubic-bezier(.22,1,.36,1);
  }
  .hmmc-locality-stop.is-visible .hmmc-locality-dot{
    transform:scale(1);opacity:1;box-shadow:0 0 0 7px rgba(197,139,72,.08),0 0 24px rgba(197,139,72,.08)!important;
  }
}

/* MY STORY becomes editorial, not a flat paragraph sheet. */
.hmmc-story-overlay-body .hmmc-story-editorial-title{
  position:relative;
  margin:clamp(34px,4vw,58px) 0 18px!important;
  padding-top:14px;
  max-width:13ch;
  font-family:Georgia,serif!important;
  font-size:clamp(30px,3vw,44px)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#171512!important;
}
.hmmc-story-overlay-body .hmmc-story-editorial-title::before{
  content:"";position:absolute;left:0;top:0;width:34px;height:1px;background:#9c6b32;
  transform-origin:left center;
}
.hmmc-story-overlay-body .hmmc-story-editorial-title:first-child{margin-top:8px!important}
@media(prefers-reduced-motion:no-preference){
  .hmmc-story-overlay-body > p,
  .hmmc-story-overlay-body > .hmmc-story-editorial-title{
    opacity:0;transform:translate3d(0,10px,0);
  }
  .hmmc-story-overlay.is-open .hmmc-story-overlay-body > p,
  .hmmc-story-overlay.is-open .hmmc-story-overlay-body > .hmmc-story-editorial-title{
    animation:hmmcStoryParagraphIn355 540ms var(--hmmc-story-p-delay,220ms) cubic-bezier(.22,1,.36,1) both;
  }
  .hmmc-story-overlay.is-open .hmmc-story-overlay-body .hmmc-story-editorial-title::before{
    animation:hmmcStoryRuleIn355 620ms calc(var(--hmmc-story-p-delay,220ms) + 90ms) cubic-bezier(.22,1,.36,1) both;
  }
}
@keyframes hmmcStoryParagraphIn355{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes hmmcStoryRuleIn355{from{transform:scaleX(0);opacity:.25}to{transform:scaleX(1);opacity:1}}

@media(max-width:720px){
  /* HERO → MINE PORTAL: exact physical handoff, no translated black spacer. */
  .hmmc-underground-story__sticky{
    opacity:1!important;transform:none!important;
  }

  /* Showcase title restored slightly larger so it belongs to the same hierarchy as other mobile section titles. */
  .hmmc-mc-min-mobile-head h2{
    font-size:clamp(35px,9.4vw,44px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
  }

  /* The loupe control belongs to the PHONE viewport, not the vitrine. */
  .hmmc-mc-showcase-zone{position:relative!important}
  .hmmc-mc-mobile-loupe-ui{
    position:fixed!important;
    inset:0!important;
    z-index:99980!important;
    display:block!important;
    width:100vw!important;
    height:100vh!important;height:100dvh!important;
    margin:0!important;padding:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-visible{visibility:visible!important}
  .hmmc-mc-mobile-loupe-toggle{
    position:fixed!important;
    right:calc(14px + env(safe-area-inset-right))!important;
    bottom:calc(14px + env(safe-area-inset-bottom) + var(--hmmc-visual-bottom,0px))!important;
    z-index:99992!important;
    height:44px!important;min-height:44px!important;min-width:0!important;
    padding:8px 12px!important;gap:8px!important;
    border:1px solid rgba(156,107,50,.36)!important;border-radius:999px!important;
    background:rgba(250,248,243,.95)!important;color:#2d2722!important;
    box-shadow:0 5px 18px rgba(22,18,14,.07)!important;
    backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translate3d(0,7px,0) scale(.985)!important;
    transition:opacity 220ms ease-out,transform 280ms cubic-bezier(.22,1,.36,1),visibility 0s linear 280ms!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-visible .hmmc-mc-mobile-loupe-toggle{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;transition-delay:0s!important;
  }
  .hmmc-mc-mobile-loupe-ui.is-active .hmmc-mc-mobile-loupe-toggle{
    min-width:0!important;background:rgba(27,24,21,.95)!important;color:#f5efe6!important;
  }
  .hmmc-mc-mobile-loupe-copy strong{font-size:9.5px!important;letter-spacing:.145em!important}
  .hmmc-mc-mobile-loupe-icon{width:19px!important;height:19px!important;flex:0 0 19px!important}

  /* Lens is also viewport-fixed, but its sampling surface remains the real specimen. */
  .hmmc-mc-mobile-loupe-lens{
    position:fixed!important;left:0!important;top:0!important;z-index:99988!important;
  }
  .hmmc-mc-mobile-loupe-guide{
    position:fixed!important;
    right:calc(16px + env(safe-area-inset-right))!important;
    bottom:calc(66px + env(safe-area-inset-bottom) + var(--hmmc-visual-bottom,0px))!important;
    z-index:99989!important;
  }

  /* Localities line and dots share exactly the same mobile centerline. */
  .hmmc-route-line{left:14px!important}
  .hmmc-locality-dot{justify-self:center!important}
  .hmmc-locality-stop:last-child{min-height:180px!important}
  .hmmc-localities{padding-bottom:0!important}

  /* My Story editorial titles stay clearly larger than body copy on phone. */
  .hmmc-story-overlay-body .hmmc-story-editorial-title{
    margin:34px 0 15px!important;padding-top:12px!important;
    max-width:12ch!important;font-size:clamp(27px,8.1vw,34px)!important;line-height:1.02!important;
  }
}

@media(max-width:340px){
  .hmmc-mc-mobile-loupe-toggle{
    right:calc(12px + env(safe-area-inset-right))!important;
    bottom:calc(12px + env(safe-area-inset-bottom) + var(--hmmc-visual-bottom,0px))!important;
  }
  .hmmc-mc-mobile-loupe-guide{
    right:calc(12px + env(safe-area-inset-right))!important;
    bottom:calc(64px + env(safe-area-inset-bottom) + var(--hmmc-visual-bottom,0px))!important;
  }
  .hmmc-mc-min-mobile-head h2{font-size:35px!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-story-overlay-body > p,
  .hmmc-story-overlay-body > .hmmc-story-editorial-title{opacity:1!important;transform:none!important;animation:none!important}
  .hmmc-locality-stop .hmmc-locality-dot{opacity:1!important;transform:none!important;transition:none!important}
}


/* =========================================================
   V10.3.56 — FINAL MASTER CRAFTSMANSHIP PASS
   Continuity / tactile inspection / precise progress / editorial pacing.
   Approved layouts, palette, typography and Mine Portal internal choreography remain intact.
   ========================================================= */
.hmmc-root{
  --hmmc-craft-ease:cubic-bezier(.22,1,.36,1);
  --hmmc-thread-gold:var(--hmmc-accent);
  --hmmc-thread-stroke:1px;
}

@media(prefers-reduced-motion:no-preference){
  .hmmc-root > section:not(.hmmc-hero):not(.hmmc-underground-story) .hmmc-reveal{
    transition-duration:620ms!important;
    transition-timing-function:var(--hmmc-craft-ease)!important;
  }
  .hmmc-cinematic-ready .hmmc-mc-min:not(.is-exhibition-visible) .hmmc-mc-min-mobile-head,
  .hmmc-cinematic-ready .hmmc-mc-min:not(.is-exhibition-visible) .hmmc-mc-min-intro,
  .hmmc-cinematic-ready .hmmc-mc-min:not(.is-exhibition-visible) .hmmc-mc-min-info{
    opacity:.96;transform:translate3d(0,30px,0);
  }
  .hmmc-cinematic-ready .hmmc-mc-min .hmmc-mc-min-mobile-head,
  .hmmc-cinematic-ready .hmmc-mc-min .hmmc-mc-min-intro,
  .hmmc-cinematic-ready .hmmc-mc-min .hmmc-mc-min-info{
    transition:opacity 560ms var(--hmmc-craft-ease),transform 640ms var(--hmmc-craft-ease);
  }
  .hmmc-cinematic-ready .hmmc-mc-min.is-exhibition-visible .hmmc-mc-min-mobile-head,
  .hmmc-cinematic-ready .hmmc-mc-min.is-exhibition-visible .hmmc-mc-min-intro,
  .hmmc-cinematic-ready .hmmc-mc-min.is-exhibition-visible .hmmc-mc-min-info{
    opacity:1;transform:translate3d(0,0,0);
  }
  .hmmc-cinematic-ready .hmmc-localities:not(.is-exhibition-visible) .hmmc-section-head,
  .hmmc-cinematic-ready .hmmc-localities:not(.is-exhibition-visible) .hmmc-locality-route{
    opacity:.96;transform:translate3d(0,28px,0);
  }
  .hmmc-cinematic-ready .hmmc-localities .hmmc-section-head,
  .hmmc-cinematic-ready .hmmc-localities .hmmc-locality-route{
    transition:opacity 560ms var(--hmmc-craft-ease),transform 650ms var(--hmmc-craft-ease);
  }
  .hmmc-cinematic-ready .hmmc-localities.is-exhibition-visible .hmmc-section-head,
  .hmmc-cinematic-ready .hmmc-localities.is-exhibition-visible .hmmc-locality-route{
    opacity:1;transform:translate3d(0,0,0);
  }
}

/* One subtle gold thread built from existing accents. */
.hmmc-section-label span,
.hmmc-mc-min-eyebrow,
.hmmc-locality-copy span,
.hmmc-story-overlay-label,
.hmmc-story-signature span{color:var(--hmmc-thread-gold)!important}
.hmmc-route-line i,
.hmmc-specimen-story .hmmc-story-progress>i>b,
.hmmc-story-overlay-body .hmmc-story-editorial-title::before,
.hmmc-line-arrow::before{background:var(--hmmc-thread-gold)!important}
.hmmc-route-line,.hmmc-route-line i{width:var(--hmmc-thread-stroke)!important}
.hmmc-specimen-story .hmmc-story-progress>i,
.hmmc-specimen-story .hmmc-story-progress>i>b{height:var(--hmmc-thread-stroke)!important}

/* Cabinet: only the mineral changes; pedestal/light remain fixed. */
.hmmc-mc-min-pedestal{transition:none!important;animation:none!important}
.hmmc-mc-min-specimen img{
  transition:opacity 175ms ease-out,transform 330ms var(--hmmc-craft-ease)!important;
}
.hmmc-mc-min-vitrine.is-changing .hmmc-mc-min-specimen img{
  opacity:0!important;
  transform:translate3d(
      calc(var(--hmmc-user-x) + var(--hmmc-parallax-x)),
      calc(var(--hmmc-user-y) + var(--hmmc-parallax-y) + 4px),0)
    scale(var(--hmmc-user-scale)) scale(calc(var(--hmmc-stage-scale) * .995))!important;
}
.hmmc-specimen-datum{
  will-change:opacity,transform;
  transition:opacity 185ms ease-out,transform 220ms var(--hmmc-craft-ease)!important;
}
.hmmc-specimen-datum.is-data-out{opacity:0!important;transform:translate3d(0,5px,0)!important}

@media(max-width:720px){
  .hmmc-mc-mobile-loupe-toggle:active{
    transform:translate3d(0,0,0) scale(.98)!important;
    transition:transform 120ms ease-out!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}
}

/* Localities: exact shared axis + progress-driven active moment. */
.hmmc-localities.is-origin-entered .hmmc-locality-stop:first-of-type .hmmc-locality-dot{animation:none!important}
.hmmc-locality-stop .hmmc-locality-dot{
  opacity:.62!important;transform:scale(.84)!important;background:#000!important;box-shadow:none!important;
  transition:opacity 280ms ease-out,transform 320ms var(--hmmc-craft-ease),background-color 280ms ease-out!important;
}
.hmmc-locality-stop .hmmc-locality-copy{
  opacity:.72;transition:opacity 300ms ease-out,transform 320ms var(--hmmc-craft-ease);
}
.hmmc-locality-stop.is-route-active .hmmc-locality-dot{
  opacity:1!important;transform:scale(1)!important;background:var(--hmmc-thread-gold)!important;box-shadow:none!important;
}
.hmmc-locality-stop.is-route-active .hmmc-locality-copy{opacity:1;transform:translate3d(0,0,0)}
.hmmc-route-line i{transition:height 90ms linear!important}

/* Closing black chapter continuity. */
.hmmc-localities,.hmmc-owner,.hmmc-contact-section,.hmmc-footer{margin-block:0!important}
.hmmc-localities{padding-bottom:0!important}
.hmmc-localities + .hmmc-owner{margin-top:0!important;border-top:0!important}
.hmmc-owner + .hmmc-contact-section{margin-top:0!important}
.hmmc-contact-section + .hmmc-footer{margin-top:0!important;border-top:0!important}
.hmmc-contact-strip{margin-top:0!important}
@media(prefers-reduced-motion:no-preference){
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-image,
  .hmmc-owner[data-hmmc-closing-section] .hmmc-owner-copy{
    opacity:.95;transform:translate3d(0,26px,0);
    transition:opacity 590ms var(--hmmc-craft-ease),transform 650ms var(--hmmc-craft-ease)!important;
  }
  .hmmc-contact-section[data-hmmc-closing-section] .hmmc-contact-strip{
    opacity:.95;transform:translate3d(0,18px,0);
    transition:opacity 540ms var(--hmmc-craft-ease),transform 620ms var(--hmmc-craft-ease)!important;
  }
  .hmmc-owner[data-hmmc-closing-section].is-closing-visible .hmmc-owner-image,
  .hmmc-owner[data-hmmc-closing-section].is-closing-visible .hmmc-owner-copy,
  .hmmc-contact-section[data-hmmc-closing-section].is-closing-visible .hmmc-contact-strip{
    opacity:1;transform:translate3d(0,0,0);
  }
}

.hmmc-line-arrow{color:var(--hmmc-thread-gold)!important;transition:transform 240ms var(--hmmc-craft-ease)!important}
@media(hover:hover){
  .hmmc-owner-story-trigger:hover .hmmc-line-arrow,
  a.hmmc-contact-item:hover .hmmc-line-arrow{transform:translate3d(3px,0,0)!important}
}
.hmmc-owner-story-trigger:active .hmmc-line-arrow,
a.hmmc-contact-item:active .hmmc-line-arrow{transform:translate3d(2px,0,0)!important}

/* My Story: background -> image -> headline -> chapter-level body -> real signature. */
.hmmc-story-overlay.is-open .hmmc-story-overlay-backdrop{animation:hmmcCraftStoryBackdropIn 220ms ease-out both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-panel{animation:hmmcCraftStoryPanelIn 260ms 20ms ease-out both!important}
.hmmc-story-overlay.is-open.is-media-ready .hmmc-story-overlay-media img{animation:hmmcCraftStoryImageIn 570ms 80ms var(--hmmc-craft-ease) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-label{animation:hmmcStoryCopyIn353 410ms 135ms var(--hmmc-craft-ease) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-intro h2{animation:hmmcStoryCopyIn353 490ms 175ms var(--hmmc-craft-ease) both!important}
.hmmc-story-overlay.is-open .hmmc-story-overlay-body{animation:hmmcStoryCopyIn353 470ms 230ms var(--hmmc-craft-ease) both!important}
.hmmc-story-overlay.is-open .hmmc-story-signature{animation:none!important}
@keyframes hmmcCraftStoryBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes hmmcCraftStoryPanelIn{from{opacity:0}to{opacity:1}}
@keyframes hmmcCraftStoryImageIn{from{opacity:0;transform:translate3d(0,4px,0) scale(1.012)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}

.hmmc-story-overlay-body > p,.hmmc-story-overlay-body > .hmmc-story-editorial-title{opacity:1!important;transform:none!important;animation:none!important}
.hmmc-story-chapter{margin:0;padding:0}
.hmmc-story-chapter + .hmmc-story-chapter{margin-top:clamp(46px,5.5vw,78px)}
.hmmc-story-chapter .hmmc-story-editorial-title{
  margin:0 0 20px!important;padding-top:15px!important;
  font-size:clamp(32px,3.2vw,48px)!important;line-height:1.02!important;
}
@media(prefers-reduced-motion:no-preference){
  .hmmc-story-chapter{
    opacity:0;transform:translate3d(0,10px,0);
    transition:opacity 410ms var(--hmmc-craft-ease),transform 460ms var(--hmmc-craft-ease);
  }
  .hmmc-story-chapter.is-story-chapter-visible{opacity:1;transform:translate3d(0,0,0)}
  .hmmc-story-signature{
    opacity:0!important;transform:translate3d(0,10px,0)!important;
    transition:opacity 420ms var(--hmmc-craft-ease),transform 460ms var(--hmmc-craft-ease)!important;
  }
  .hmmc-story-signature.is-story-signature-visible{opacity:1!important;transform:translate3d(0,0,0)!important}
}
@media(max-width:720px){
  .hmmc-story-chapter + .hmmc-story-chapter{margin-top:46px}
  .hmmc-story-chapter .hmmc-story-editorial-title{
    margin:0 0 17px!important;padding-top:13px!important;font-size:clamp(27px,7.3vw,37px)!important;
  }
}

/* 180°: immutable scale; translation-only annotations. */
.hmmc-specimen-story .hmmc-story-media{--hmmc-story-scale:1!important}
@media(max-width:720px){
  .hmmc-specimen-story,.hmmc-specimen-story .hmmc-story-sticky{border:0!important;outline:0!important}
  .hmmc-specimen-story .hmmc-story-media{transition:transform 590ms var(--hmmc-craft-ease)!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-cinematic-ready .hmmc-mc-min-mobile-head,
  .hmmc-cinematic-ready .hmmc-mc-min-intro,
  .hmmc-cinematic-ready .hmmc-mc-min-info,
  .hmmc-cinematic-ready .hmmc-localities .hmmc-section-head,
  .hmmc-cinematic-ready .hmmc-localities .hmmc-locality-route,
  .hmmc-story-chapter,.hmmc-story-signature{
    opacity:1!important;transform:none!important;transition:none!important;animation:none!important;
  }
  .hmmc-locality-stop .hmmc-locality-copy{opacity:1!important}
  .hmmc-locality-stop .hmmc-locality-dot{opacity:1!important;transform:none!important}
}

/* Story chapters reveal as complete editorial units; the accent rule belongs to the unit. */
.hmmc-story-overlay.is-open .hmmc-story-chapter .hmmc-story-editorial-title::before{
  animation:none!important;transform:scaleX(1)!important;opacity:1!important;
}

/* =========================================================
   V10.3.58 — FINAL PRODUCTION OPTIMIZATION
   Menu parity / Owner Story CTA / mobile signature reliability /
   finger-occlusion-only loupe refinement. No approved layout changes.
   ========================================================= */

/* One visual menu-link component: anchors and MY STORY button are identical. */
.hmmc-nav nav .hmmc-nav-link{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;font-weight:400!important;
  font-style:normal!important;line-height:1.2!important;text-transform:uppercase!important;
  letter-spacing:.18em!important;color:#c7c2b9!important;opacity:1!important;
  position:relative!important;vertical-align:middle!important;cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
.hmmc-nav nav .hmmc-nav-link::after{
  content:""!important;position:absolute!important;left:0!important;bottom:-8px!important;
  width:100%!important;height:1px!important;background:#fff!important;
  transform:scaleX(0)!important;transform-origin:right!important;
  transition:transform .35s var(--hmmc-ease)!important;
}
@media(hover:hover){
  .hmmc-nav nav .hmmc-nav-link:hover::after{transform:scaleX(1)!important;transform-origin:left!important}
}
.hmmc-nav nav .hmmc-nav-link:focus-visible{outline:1px solid rgba(255,255,255,.48)!important;outline-offset:7px!important}

/* Mobile menu uses the exact same component box for links and modal trigger. */
.hmmc-mobile-menu .hmmc-mobile-menu-link{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;margin:0!important;padding:18px 0!important;
  border:0!important;border-bottom:1px solid var(--hmmc-line)!important;background:transparent!important;
  color:inherit!important;text-align:left!important;cursor:pointer!important;
  font-family:Georgia,serif!important;font-size:clamp(46px,12vw,80px)!important;font-weight:400!important;
  font-style:normal!important;line-height:1.05!important;letter-spacing:-.05em!important;text-transform:none!important;
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  -webkit-tap-highlight-color:transparent!important;
}
.hmmc-mobile-menu .hmmc-mobile-menu-link span{
  font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;font-weight:400!important;
  line-height:1.2!important;letter-spacing:.18em!important;color:var(--hmmc-muted)!important;align-self:flex-end!important;
}

/* Owner Story CTA becomes the only Story trigger styled as a button. */
.hmmc-owner-story-trigger{
  appearance:none!important;-webkit-appearance:none!important;
  width:max-content!important;min-height:46px!important;margin:20px 0 0!important;padding:0 20px!important;
  border:1px solid rgba(197,139,72,.68)!important;border-radius:1px!important;
  background:transparent!important;color:#f2eee7!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:9.5px!important;font-weight:400!important;
  line-height:1!important;letter-spacing:.18em!important;text-transform:uppercase!important;cursor:pointer!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:background-color 260ms cubic-bezier(.22,1,.36,1),border-color 260ms cubic-bezier(.22,1,.36,1),color 260ms cubic-bezier(.22,1,.36,1),transform 130ms ease-out!important;
  -webkit-tap-highlight-color:transparent!important;
}
.hmmc-owner-story-arrow{width:20px!important;height:12px!important;display:block!important;flex:0 0 20px!important;overflow:visible!important;transition:transform 260ms cubic-bezier(.22,1,.36,1)!important}
.hmmc-owner-story-arrow path{fill:none!important;stroke:currentColor!important;stroke-width:1.15!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important}
@media(hover:hover){
  .hmmc-owner-story-trigger:hover{background:rgba(197,139,72,.12)!important;border-color:rgba(197,139,72,.92)!important;color:#fff8ef!important}
  .hmmc-owner-story-trigger:hover .hmmc-owner-story-arrow{transform:translate3d(3px,0,0)!important}
}
.hmmc-owner-story-trigger:active{transform:translate3d(0,0,0) scale(.985)!important;transition-duration:120ms!important}
.hmmc-owner-story-trigger:focus-visible{outline:1px solid rgba(197,139,72,.72)!important;outline-offset:4px!important}

/* The same real signature asset remains one implementation on every breakpoint. */
.hmmc-story-signature img{aspect-ratio:900 / 399!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:720px){
  .hmmc-owner-story-trigger{min-height:44px!important;margin-top:18px!important;padding-inline:18px!important;font-size:9px!important}
  .hmmc-story-signature{margin-top:clamp(30px,8vw,38px)!important;gap:10px!important;overflow:visible!important;visibility:visible!important}
  .hmmc-story-signature img{
    display:block!important;visibility:visible!important;width:clamp(130px,38vw,165px)!important;max-width:none!important;
    height:auto!important;min-width:0!important;opacity:1;object-fit:contain!important;object-position:left center!important;
  }
  .hmmc-story-signature span{display:block!important;margin-top:0!important}
}

/* Loupe activation/mapping stay untouched. Only make the fixed lens cheaper to move. */
@media(max-width:720px){
  .hmmc-mc-mobile-loupe-lens{
    will-change:transform,background-position!important;
    contain:layout paint style!important;
  }
  .hmmc-mc-mobile-loupe-lens.is-dragging{transition:none!important}
}

@media(prefers-reduced-motion:reduce){
  .hmmc-owner-story-trigger,.hmmc-owner-story-arrow{transition:none!important}
}


/* =========================================================
   V10.3.58 — FINAL PRODUCTION OPTIMIZATION
   Content management / Owner-contact continuity / mobile load discipline.
   No approved composition changes.
   ========================================================= */

/* Owner now has one CTA only. Remove artificial section-height/gap pressure and
   let Contact begin immediately on the same black canvas. */
.hmmc-owner{min-height:0!important;margin:0!important}
.hmmc-owner-copy{padding-bottom:clamp(44px,5vw,72px)!important}
.hmmc-owner + .hmmc-contact-section{margin-top:0!important;padding-top:0!important;border-top:0!important}
.hmmc-contact-section{margin-top:0!important}
@media(max-width:720px){
  .hmmc-owner-copy{padding-bottom:28px!important}
  .hmmc-contact-section{padding-top:0!important}
}

/* MY STORY is deliberately not a CTA in either menu. The button element uses
   precisely the shared navigation component's geometry and inheritance. */
.hmmc-nav nav button.hmmc-nav-link,
.hmmc-mobile-menu button.hmmc-mobile-menu-link{font:inherit;color:inherit}

/* Stable 180° canvas geometry: annotations can translate the media via variables
   but never resize it or trigger layout changes. */
.hmmc-specimen-story [data-hmmc-story-media]{
  contain:layout paint style;
  transform:translate3d(var(--hmmc-story-x,0px),var(--hmmc-story-y,0px),0) scale(1)!important;
}
.hmmc-specimen-story [data-hmmc-story-canvas]{width:100%!important;height:100%!important;transform:none!important}