.colh{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,5vw,3.5rem)}.colh--has-image{color:#fff}.colh__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.colh__bg img{width:100%;height:100%;object-fit:cover;display:block}.colh__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000094,#000000b8);z-index:1}.colh--no-image{background:var(--surface-alt)}.colh__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.colh__bread{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-family:Inter,sans-serif;font-size:.8125rem;letter-spacing:.02em;line-height:1.4;color:var(--text-muted)}.colh--has-image .colh__bread{color:#ffffffd9}.colh__bread a{color:inherit;text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1)}.colh__bread a:hover{color:var(--red)}.colh--has-image .colh__bread a:hover{color:#fff}.colh__bread-sep{font-size:.625rem;opacity:.55;-webkit-user-select:none;user-select:none}.colh__title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;letter-spacing:.01em;margin:0;color:var(--text)}.colh--has-image .colh__title{color:#fff}.colh__jp{font-family:Shippori Mincho,serif;font-size:clamp(.9375rem,1.6vw,1.125rem);line-height:1.5;color:var(--text-muted);letter-spacing:.04em}.colh--has-image .colh__jp{color:#ffffffb3}.colh__divider{width:40px;height:2px;background:var(--red);border:none;margin:.25rem 0 .5rem;border-radius:1px}.colh__desc{max-width:640px}.colh__desc-inner{font-family:Inter,sans-serif;font-size:13px;line-height:1.65;color:var(--gray-400);max-width:640px;transition:max-height .35s cubic-bezier(.22,1,.36,1)}.colh--has-image .colh__desc-inner{color:#ffffffc7}.colh__desc--clamped .colh__desc-inner{max-height:80px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}.colh__desc--expanded .colh__desc-inner{max-height:600px;-webkit-mask-image:none;mask-image:none}.colh__desc-toggle{background:none;border:none;padding:0;margin-top:.4rem;font-size:12px;font-weight:600;color:var(--red);cursor:pointer;transition:opacity .2s}.colh__desc-toggle:hover{opacity:.75}.colh__desc-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.colh--has-image .colh__desc-toggle{color:#ffffffe6}.colh__desc-toggle .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.colh__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;margin-top:.25rem}.colh__count{display:inline-flex;align-items:center;gap:.3rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.02em;padding:.3rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);line-height:1}.colh--has-image .colh__count{background:#ffffff1f;border-color:#ffffff2e;color:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.colh__badge{display:inline-flex;align-items:center;gap:.4rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.015em;padding:.3rem .75rem;border-radius:999px;background:var(--red-light);color:var(--red);line-height:1}.colh__badge svg{width:14px;height:14px;flex-shrink:0;fill:currentColor}.colh--has-image .colh__badge{background:#d4002a2e;color:#ffffffe6}[data-theme=dark] .colh--no-image{background:var(--surface-alt)}[data-theme=dark] .colh__title{color:var(--text)}[data-theme=dark] .colh__desc{color:var(--text-muted)}[data-theme=dark] .colh__count{background:var(--surface);border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .colh__badge{background:#d4002a1f;color:#e05a6f}@media(max-width:860px){.colh{padding:clamp(2rem,5vw,3rem) 0 clamp(1.75rem,4vw,2.5rem)}.colh__title{font-size:clamp(1.4rem,3vw,1.8rem)}.colh__desc{max-width:100%}}@media(max-width:700px){.colh__inner{gap:.625rem}.colh__title{font-size:clamp(1.25rem,4.5vw,1.6rem)}.colh__jp{font-size:.875rem}.colh__desc-inner{font-size:12.5px}.colh__meta{gap:.5rem}}@media(max-width:420px){.colh{padding:1.75rem 0 1.5rem}.colh__title{font-size:1.15rem}.colh__bread{font-size:.75rem}.colh__meta{flex-wrap:wrap;gap:.6rem}.colh__count,.colh__badge{width:auto}}@media(prefers-reduced-motion:reduce){.colh__desc-inner,.colh__bread a,.colh__desc-toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-collection-hero.css.map */