.grit{padding:clamp(3rem,6vw,4.5rem) 0;background:var(--surface);position:relative;overflow:hidden}.grit-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.grit-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:.75rem}.grit-eyebrow svg{width:16px;height:16px;fill:var(--red)}.grit-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:500;letter-spacing:.02em;line-height:1.2;margin-bottom:.3rem}.grit-jp{display:block;font-family:Shippori Mincho,serif;font-size:13px;color:var(--gray-400);letter-spacing:.15em}.grit-line{display:block;width:40px;height:2px;background:var(--red);margin:.75rem auto 0}.grit-desc{font-size:clamp(13px,1.3vw,14.5px);color:var(--text-muted);line-height:1.65;max-width:520px;margin:.85rem auto 0}.grit-scale{position:relative;max-width:880px;margin:0 auto}.grit-bar{position:relative;height:8px;border-radius:4px;background:linear-gradient(to right,var(--gray-700) 0%,var(--gray-500) 25%,var(--gray-400) 50%,var(--gray-300) 75%,var(--gray-100) 100%);margin-bottom:2.5rem;box-shadow:inset 0 0 0 1px #0000000f}.grit-marker{position:absolute;top:-6px;transform:translate(-50%) translateY(calc(var(--idx,0) * -1.6rem));display:flex;flex-direction:column;align-items:center;z-index:2;transition:left .4s cubic-bezier(.22,1,.36,1)}.grit-marker-dot{width:20px;height:20px;border-radius:50%;background:var(--red);border:3px solid var(--surface);box-shadow:0 0 0 2px var(--red),0 4px 12px #d4002a4d;position:relative}.grit-marker-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.grit-marker-label{margin-top:.5rem;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:.2rem .6rem;border-radius:5px;white-space:nowrap;letter-spacing:.03em}.grit-marker-label:before{content:"";position:absolute;top:-.3rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--red)}.grit-marker-multi-label{position:absolute;top:calc(100% + 2rem);left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:var(--red);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.grit-ranges{display:flex;justify-content:space-between;position:relative}.grit-range{text-align:center;flex:1;position:relative}.grit-range:before{content:"";position:absolute;top:-2.5rem;left:var(--tick,50%);width:1px;height:10px;background:var(--gray-200);transform:translate(-50%)}.grit-range-num{font-size:12px;font-weight:800;color:var(--text);letter-spacing:-.01em;display:block}.grit-range-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin-top:.1rem;display:block}.grit-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.65rem,1.2vw,1rem);margin-top:clamp(2rem,4vw,3rem);max-width:1180px;margin-inline:auto}.grit-level{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:clamp(.85rem,1.5vw,1.15rem);transition:border-color .2s,box-shadow .2s,transform .2s}.grit-level:hover{border-color:var(--gray-200);box-shadow:0 4px 16px var(--shadow-sm);transform:translateY(-2px)}.grit-level:focus-visible{outline:2px solid var(--red);outline-offset:2px}.grit-level.active{border-color:var(--red);background:var(--red-light)}.grit-level-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.grit-level-grit{font-size:clamp(1rem,1.8vw,1.2rem);font-weight:800;color:var(--text);letter-spacing:-.02em}.grit-level.active .grit-level-grit{color:var(--red)}.grit-level-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:4px;background:var(--gray-50);color:var(--gray-400)}.grit-level.active .grit-level-tag{background:#d4002a1a;color:var(--red)}.grit-level-name{font-size:clamp(13px,1.1vw,1.05rem);font-weight:700;color:var(--text);margin-bottom:.25rem}.grit-level-desc{font-size:11.5px;color:var(--text-muted);line-height:1.5}.grit-level-swatch{width:100%;height:6px;border-radius:3px;margin-top:.65rem;opacity:.6;border:1px solid var(--border)}.grit-level.active .grit-level-swatch{opacity:1}.grit-level-current{display:none;font-size:9px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-top:.45rem}.grit-level.active .grit-level-current{display:flex;align-items:center;gap:.3rem}.grit-level-current svg{width:12px;height:12px;fill:var(--red)}[data-theme=dark] .grit{background:var(--surface)}[data-theme=dark] .grit-bar{background:linear-gradient(to right,#ffffff80,#ffffff4d,#ffffff2e,#ffffff1a,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff14}[data-theme=dark] .grit-marker-dot{border-color:var(--surface)}[data-theme=dark] .grit-range:before{background:#ffffff1a}[data-theme=dark] .grit-level{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .grit-level:hover{border-color:#ffffff26;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .grit-level.active{border-color:var(--red);background:#d4002a14}[data-theme=dark] .grit-level-tag{background:#ffffff0f}[data-theme=dark] .grit-level.active .grit-level-tag{background:#d4002a1f}@media(max-width:860px){.grit-levels{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grit-ranges{flex-wrap:nowrap;gap:.25rem}.grit-range-name{font-size:9px}.grit-levels{grid-template-columns:1fr 1fr;gap:.5rem}.grit-level-desc{font-size:11px}}@media(max-width:480px){.grit-marker-label{white-space:normal;max-width:min(40vw,160px);text-align:center}}@media(max-width:420px){.grit-ranges{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem .5rem}.grit-range{flex:none;width:auto}.grit-range:before{display:none}.grit-range-num{font-size:11px}}@media(prefers-reduced-motion:reduce){.grit-marker{transition:none}.grit-level:hover{transform:none}}@media(min-width:2000px){.grit-bar{height:clamp(8px,.5vw,14px)}.grit-marker{top:calc(clamp(8px,.5vw,14px)*-.75)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-whet-grit-guide.css.map */