.jhero--spotlight{--jhero-bg: #1A1A1A;--jhero-ink: #F4F0EA;--jhero-silver: #D9DCE0;--jhero-sand: #D9DCE0;position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--jhero-bg);color:var(--jhero-ink);font-family:Cormorant Garamond,"Noto Serif JP",serif}.jhero--spotlight .jhero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jhero--spotlight .jhero__bg--dark{opacity:1;z-index:1}.jhero--spotlight .jhero__bg--light{opacity:0;z-index:2;transition:opacity 1.2s ease-in-out}.jhero--spotlight.is-on .jhero__bg--light{opacity:1}.jhero--spotlight .jhero__bg--spotlight{z-index:2;opacity:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--reveal-size, 0px) at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,1) 0%,rgba(255,255,255,.85) 30%,rgba(255,255,255,.35) 60%,rgba(255,255,255,0) 100%);mask-image:radial-gradient(circle var(--reveal-size, 0px) at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,1) 0%,rgba(255,255,255,.85) 30%,rgba(255,255,255,.35) 60%,rgba(255,255,255,0) 100%)}.jhero--spotlight.is-on .jhero--spotlight .jhero__bg--spotlight{display:none}.jhero--spotlight .jhero__gradient-top{position:absolute;top:0;left:0;width:100%;height:20%;background:linear-gradient(to bottom,#00000080,#0000);pointer-events:none;z-index:3}.jhero--spotlight .jhero__gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:20%;background:linear-gradient(to bottom,#0000,#000);pointer-events:none;z-index:3}.jhero--spotlight .jhero__wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--jhero-ink);z-index:12;display:flex;align-items:center;justify-content:center;max-width:92vw;padding:0 4vw;pointer-events:none;font-size:clamp(48px,13vw,200px);line-height:1}.jhero--spotlight .jhero__wordmark-inner{position:relative;display:inline-block;line-height:0}.jhero--spotlight .jhero__wordmark-svg{display:block;width:clamp(280px,76vw,1100px);height:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.5))}.jhero--spotlight .jhero__toggle-btn{position:absolute;top:51.25%;left:46.56%;transform:translate(-50%,-50%);font:inherit;background:none;border:0;padding:.05em .08em;margin:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.03em;min-width:.32em;min-height:.4em;pointer-events:auto;z-index:20;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.jhero--spotlight .jhero__toggle-btn:before{content:"";position:absolute;top:-.12em;right:-.12em;bottom:-.12em;left:-.12em;z-index:-1}.jhero--spotlight .jhero__toggle-btn:hover{transform:translate(-50%,-50%) scale(1.08)}.jhero--spotlight .jhero__toggle-btn:focus-visible{outline:1px dashed var(--jhero-silver);outline-offset:4px}.jhero--spotlight .jhero__toggle-caption{font-family:Montserrat,sans-serif;font-weight:600;font-size:.06em;color:var(--jhero-ink);text-transform:uppercase;letter-spacing:.34em;line-height:1;opacity:.7;margin-bottom:.12em;pointer-events:none;white-space:nowrap}.jhero--spotlight .jhero__toggle-label{font-family:Montserrat,sans-serif;font-weight:700;font-size:.07em;color:var(--jhero-ink);text-transform:uppercase;letter-spacing:.18em;line-height:1;opacity:.45;transition:opacity .3s ease,color .3s ease;pointer-events:none}.jhero--spotlight.is-on .jhero__toggle-label--on{opacity:1;color:var(--jhero-silver)}.jhero--spotlight:not(.is-on) .jhero__toggle-label--off{opacity:1;color:var(--jhero-silver)}.jhero--spotlight .jhero__toggle-track{display:inline-block;width:.16em;height:.07em;background:var(--jhero-ink);border-radius:1em;position:relative;transition:background .3s ease;margin:0;pointer-events:none}.jhero--spotlight .jhero__toggle-thumb{position:absolute;top:50%;left:0;width:.07em;height:.07em;background:var(--jhero-bg);border-radius:50%;transform:translateY(-50%);transition:left .3s ease;pointer-events:none}.jhero--spotlight.is-on .jhero__toggle-thumb{left:calc(100% - .07em)}.jhero--spotlight.is-on .jhero__toggle-track{background:var(--jhero-silver)}.jhero--spotlight .jhero__loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:11;opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.jhero--spotlight.jhero--loading .jhero--spotlight .jhero__loader{opacity:1}.jhero--spotlight.jhero--loading .jhero--spotlight .jhero__toggle-img{pointer-events:none}@media(prefers-reduced-motion:reduce){.jhero--spotlight .jhero__bg--spotlight{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jhero-spotlight.css.map */