.hero{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem);min-height:clamp(600px,90vh,1100px);display:flex;align-items:center}.hero-inner{width:100%}.hero-top{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}.hero-badge span{width:6px;height:6px;border-radius:50%;background:var(--red)}.hero-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.12;letter-spacing:.02em;margin-bottom:.5rem}.hero-jp{display:block;font-family:Shippori Mincho,serif;font-size:clamp(12px,1.5vw,15px);color:var(--gray-400);letter-spacing:.2em;margin-bottom:1.25rem}.hero-desc{max-width:520px;margin:0 auto;font-size:clamp(14px,1.5vw,15px);color:var(--gray-500);line-height:1.65}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}.cat-card{position:relative;border-radius:12px;overflow:hidden;background:var(--gray-900);aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;text-decoration:none;color:#fff}.cat-card-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cat-card-img img,.cat-card-img svg{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease}.cat-card:hover .cat-card-img img,.cat-card:hover .cat-card-img svg,.cat-card:focus-visible .cat-card-img img,.cat-card:focus-visible .cat-card-img svg{transform:scale(1.05);filter:brightness(.7)}.cat-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#00000026,#0000000d);z-index:1;transition:background .4s ease}.cat-card:hover .cat-card-overlay,.cat-card:focus-visible .cat-card-overlay{background:linear-gradient(to top,#000000d9,#0003,#0000001a)}.cat-card-content{position:relative;z-index:2;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:.5rem}.cat-card-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.cat-card-name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500;letter-spacing:.03em;line-height:1.2}.cat-card-desc{font-size:13px;color:#ffffffd1;line-height:1.55;max-width:280px}.cat-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.cat-card-count{font-size:12px;font-weight:600;color:#ffffffb8;letter-spacing:.02em}.cat-card-arrow{width:36px;height:36px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .3s}.cat-card:hover .cat-card-arrow,.cat-card:focus-visible .cat-card-arrow{background:var(--red);transform:translate(3px)}.cat-card-arrow svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);z-index:3;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.cat-card:hover:after,.cat-card:focus-visible:after{transform:scaleX(1)}.cat-card-img .placeholder-svg{width:100%;height:100%;object-fit:cover;background:var(--gray-200)}[data-theme=dark] .hero-desc{color:var(--gray-400)}[data-theme=dark] .cat-card{background:var(--gray-800)}[data-theme=dark] .cat-card-img .placeholder-svg{background:var(--gray-700)}@media(prefers-reduced-motion:reduce){.cat-card-img img,.cat-card-img svg,.cat-card-overlay,.cat-card-arrow,.cat-card:after{transition:none!important}.cat-card:hover .cat-card-img img,.cat-card:hover .cat-card-img svg,.cat-card:focus-visible .cat-card-img img,.cat-card:focus-visible .cat-card-img svg{transform:none}.cat-card:hover .cat-card-arrow,.cat-card:focus-visible .cat-card-arrow{transform:none}}@media(max-width:900px)and (min-width:701px){.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-card:first-child{grid-column:1 / -1;aspect-ratio:16/9}}@media(max-width:700px){.hero{min-height:auto;padding:2.5rem 0 2rem}.hero-top{margin-bottom:2rem}.cat-grid{grid-template-columns:1fr;gap:1rem;max-width:480px;margin:0 auto}.cat-card{aspect-ratio:4/3}.cat-card-content{gap:.35rem;padding:clamp(1rem,4vw,1.5rem)}.cat-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.cat-card-bottom{margin-top:.25rem}.cat-card-name{font-size:clamp(1.15rem,5vw,1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero.css.map */