.maron-leather-slides{display:grid;min-width:0}
.maron-leather-panel{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
.maron-leather-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero .maron-leather-heading{writing-mode:vertical-rl;font-family:var(--jp);font-weight:600;font-size:clamp(34px,3.4vw,50px);line-height:1.6;letter-spacing:.22em;height:9.5em;margin:0;flex-shrink:0}
.hero .maron-leather-heading em{font-style:normal;color:var(--cognac)}
.maron-leather-panel .hero-top{gap:16px}
.maron-leather-panel .hero-copy{margin-bottom:24px}
/* Match the product carousel controls on the right. */
.maron-leather-controls{display:flex;align-items:center;gap:18px;margin:0 0 24px}
.maron-leather-arrows{display:flex;gap:6px}
.maron-leather-controls button.ar{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(251,248,243,.88);color:var(--ink);font-family:var(--en);font-size:18px;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.maron-leather-controls button.ar:hover{background:var(--ink);color:var(--bg)}
.maron-leather-dots{display:flex;gap:6px;background:rgba(251,248,243,.88);padding:0 14px;height:44px;align-items:center;border-radius:22px}
.maron-leather-dots button{width:26px;height:2px;border:0;background:rgba(43,33,25,.2);position:relative;overflow:hidden;padding:0;cursor:pointer}
.maron-leather-dots button i{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}
.maron-leather-dots button.done i{transform:scaleX(1)}
.maron-leather-dots button.on i{animation:maron-leather-progress 6s linear forwards}
@keyframes maron-leather-progress{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.maron-leather-dots button.on i{animation:none;transform:scaleX(1)}}
.maron-leather-controls button:focus-visible{outline:2px solid var(--cognac);outline-offset:2px}
@media(max-width:640px){.hero .maron-leather-heading{font-size:30px;height:9.6em;letter-spacing:.18em}.maron-leather-panel .hero-top{font-size:9px;letter-spacing:.15em}.maron-leather-panel .hero-copy{gap:20px}.maron-leather-panel .hero-lead{min-width:0}.maron-leather-panel .hero-lead .big{font-size:38px}}
@media(prefers-reduced-motion:reduce){.maron-leather-panel{transition:none}}

/* Lead with the shop offer; retain the original material stories. */
.maron-shop-intro .hero-copy { flex-direction:column; align-items:flex-start; justify-content:center; gap:26px; min-height:350px; }
.hero .maron-shop-intro .maron-leather-heading { writing-mode:horizontal-tb; height:auto; font-size:clamp(28px,2.6vw,42px); line-height:1.7; letter-spacing:.06em; flex-shrink:1; }
.maron-shop-intro .hero-lead { width:100%; max-width:360px; }
.maron-shop-intro .hero-lead p { font-size:16px; line-height:2; margin:0; }
@media(max-width:640px) { .maron-shop-intro .hero-copy { min-height:260px; gap:20px; } .hero .maron-shop-intro .maron-leather-heading { font-size:28px; letter-spacing:.03em; } .maron-shop-intro .hero-lead p { font-size:15px; } }