/* A quiet editorial carousel: the current Joranbara palette, type and shop links. */
.hero-carousel{min-height:660px;padding-top:32px}
.hero-carousel .hero-panel{width:min(690px,calc(51% - 24px));margin-bottom:40px;padding:32px}
.hero-slides{display:grid;min-width:0}
.hero-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity 850ms ease;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide[hidden],.hero-visual-slide[hidden],.hero-slider-controls[hidden]{display:none!important}
.hero-slide .display{font-size:clamp(56px,6.4vw,106px);line-height:.87;overflow-wrap:anywhere;white-space:pre-line}
.hero-slide.has-long-title .display{font-size:clamp(42px,4.7vw,72px);line-height:.95}
.hero-slide .lead{margin-bottom:0;white-space:pre-line}
.hero-slide .actions a{max-width:100%;padding-block:12px;text-align:center}
.hero-slide .actions a[hidden]{display:none!important}
.hero-carousel-visual{position:absolute;z-index:1;top:28px;bottom:38px;right:max(18px,calc((100vw - var(--max))/2));width:45%;border:1px solid var(--line);background:var(--steel);overflow:hidden}
.hero-visual-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 850ms ease,visibility 850ms;overflow:hidden}
.hero-visual-slide.is-active{opacity:1;visibility:visible}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-photo[hidden]{display:none}
.hero-editorial{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;background-position:-1px -1px}
.hero-editorial:after{content:"";position:absolute;left:28px;right:28px;top:50%;height:1px;background:var(--ink);opacity:.25;pointer-events:none}
.hero-editorial small{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;position:relative;z-index:1}
.hero-editorial strong{font-size:clamp(56px,6.5vw,112px);font-weight:900;line-height:.84;letter-spacing:-.055em;text-transform:uppercase;position:relative;z-index:1;white-space:pre-line;overflow-wrap:anywhere}
.hero-editorial strong::first-line{color:var(--signal)}
.hero-editorial.has-long-title strong{font-size:clamp(40px,4.8vw,76px);line-height:.95}
.hero-editorial strong span{color:var(--signal)}
.hero-editorial-number{font-size:clamp(82px,11vw,180px);font-weight:900;line-height:.8;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px var(--ink);align-self:flex-end;opacity:.35}
.hero-visual-slide.has-photo .hero-editorial{visibility:hidden}
.hero-slider-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}
.hero-slider-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);flex-shrink:0}
.hero-slider-controls button:hover{border-color:var(--ink)}
.hero-slider-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hero-slider-arrows{display:flex;gap:7px}
.hero-slider-dots{display:flex;gap:0;margin-left:auto}
.hero-slider-dots button{width:36px;border:0;background:transparent}
.hero-slider-dots button:before{content:"";width:7px;height:7px;border:1px solid var(--ink);border-radius:50%;background:transparent;transition:background 250ms ease,transform 350ms ease}
.hero-slider-dots button[aria-pressed="true"]:before{background:var(--signal);border-color:var(--signal);transform:scale(1.35)}
.hero-slider-count{font-size:10px;font-weight:900;letter-spacing:.1em;white-space:nowrap;color:var(--muted)}
.hero-slider-controls .hero-slider-toggle{border:0;width:auto;padding:0 4px;gap:6px;font-size:10px;font-weight:800;letter-spacing:.04em}
.hero-slider-toggle svg{width:12px;height:12px}
@media(min-width:1600px){.hero-carousel-visual{width:min(600px,43%)}.hero-carousel .hero-panel{width:690px}}
@media(max-width:1000px){.hero-carousel{min-height:610px}.hero-carousel .hero-panel{padding:24px;width:calc(54% - 24px)}.hero-carousel-visual{width:43%}.hero-slide .display{font-size:clamp(46px,6.2vw,70px)}.hero-editorial{padding:22px}.hero-editorial strong{font-size:64px}.hero-slider-controls{gap:8px}.hero-slider-count{display:none}}
@media(max-width:760px){.hero-carousel{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:18px 12px 24px;gap:0}.hero-carousel-visual{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:290px;order:0}.hero-carousel .hero-panel{width:calc(100% - 20px);margin:-22px 10px 0;padding:24px;order:1}.hero-slide .display{font-size:clamp(48px,9.5vw,70px);line-height:.94}.hero-editorial{padding:22px}.hero-editorial strong{font-size:clamp(54px,11vw,88px)}.hero-editorial-number{position:absolute;right:22px;bottom:22px;font-size:130px;opacity:.22}.hero-editorial small:last-child{align-self:flex-start;max-width:65%}.hero-slider-controls{gap:10px}.hero-slider-count{display:inline}.hero-slider-dots button{width:32px}.hero-slider-controls .hero-slider-toggle{font-size:10px}}
@media(max-width:420px){.hero-carousel-visual{height:240px}.hero-carousel .hero-panel{padding:20px}.hero-slide .display{font-size:clamp(42px,12vw,54px)}.hero-slider-controls{gap:6px}.hero-slider-controls .hero-slider-toggle{font-size:9px}.hero-slider-dots button{width:28px}.hero-slider-count{display:none}}
:root[data-motion="off"] .hero-slide,:root[data-motion="off"] .hero-visual-slide,:root[data-motion="off"] .hero-slider-dots button:before{transition:none}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-visual-slide,.hero-slider-dots button:before{transition:none}}

.hero-slide .display,.hero-editorial strong{white-space:pre-line}.hero-slide.has-long-title .display{font-size:clamp(36px,4.7vw,72px);line-height:.98}.hero-editorial.has-long-title strong{font-size:clamp(34px,4.6vw,68px);line-height:1;overflow-wrap:anywhere}.hero-slide .actions a[hidden]{display:none}