.product-showcase{background:var(--bg-primary);border-top:1px solid #ffffff0d;padding:6rem 4rem 10rem}.showcase-header{justify-content:space-between;align-items:flex-end;max-width:1600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;display:flex}.showcase-title{letter-spacing:.2em;color:var(--text-primary);font-size:2rem;font-weight:300}.view-all-link{letter-spacing:.2em;color:var(--text-secondary);border-bottom:1px solid #0000;font-size:.8rem;text-decoration:none;transition:all .3s}.view-all-link:hover{color:var(--text-primary);border-color:var(--text-primary)}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;max-width:1600px;margin:0 auto;display:grid}.showcase-card{color:inherit;flex-direction:column;gap:1.5rem;text-decoration:none;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.sc-image-wrapper{aspect-ratio:3/4;background:#ffffff05;border-radius:4px;position:relative;overflow:hidden}.sc-image{object-fit:contain;width:100%;height:100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.sc-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.sc-view{color:#fff;letter-spacing:.3em;font-size:.8rem;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.showcase-card:hover .sc-image{transform:scale(1.05)}.showcase-card:hover .sc-overlay{opacity:1}.showcase-card:hover .sc-view{transform:translateY(0)}.sc-info{flex-direction:column;gap:.5rem;display:flex}.sc-category{letter-spacing:.2em;color:#888;text-transform:uppercase;font-size:.7rem}.sc-name{color:var(--text-primary);letter-spacing:.05em;font-size:1.2rem;font-weight:400}.sc-price{color:var(--text-secondary);font-size:.9rem;font-weight:300}@media (max-width:768px){.product-showcase{padding:3rem 1.2rem 6rem}.showcase-title{font-size:1.5rem}.showcase-grid{grid-template-columns:1fr 1fr;gap:1.2rem}.sc-name{font-size:1rem}}@media (max-width:480px){.showcase-grid{grid-template-columns:1fr}}
.nav-bar{z-index:100;border-radius:50px;justify-content:space-between;align-items:center;margin:1rem 3rem;padding:1.5rem 3rem;display:flex;position:sticky;top:1rem}.logo{letter-spacing:2px;background:linear-gradient(90deg, var(--element-metal-light), var(--element-water-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{text-transform:uppercase;letter-spacing:1px;gap:2rem;font-weight:500;display:flex}.hero-section{text-align:center;background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:80vh;padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;flex-direction:column;gap:1.5rem;display:flex;position:relative}.hero-title{letter-spacing:-2px;background:linear-gradient(135deg,#fff,#bbb);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #0006);-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:300;animation:1.2s ease-out forwards fadeUp}.hero-title-ja{letter-spacing:.05em;font-size:4rem;font-weight:400;line-height:1.4}.hero-subtitle{color:#ddd;text-shadow:0 2px 8px #0009;opacity:0;max-width:600px;margin:0 auto;font-size:1.5rem;animation:1.2s ease-out .3s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-status-panel{z-index:20;color:#ffffffb3;letter-spacing:.2em;text-transform:uppercase;flex-direction:column;gap:.5rem;font-family:monospace;font-size:.75rem;display:flex;position:absolute;bottom:3rem;left:3rem}.status-item{align-items:center;gap:1rem;display:flex}.status-line{background:#ffffff4d;width:40px;height:1px}.hero-slideshow{z-index:0;pointer-events:none;position:absolute;inset:0}.slide{opacity:0;background-position:50%;background-size:cover;animation:24s infinite hero-slide;position:absolute;inset:0}.slide:first-child{animation-delay:0s}.slide:nth-child(2){animation-delay:8s}.slide:nth-child(3){animation-delay:16s}@keyframes hero-slide{0%{opacity:0;transform:scale(1.05)}10%{opacity:1}33%{opacity:1}43%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}.slide-overlay{z-index:1;background:linear-gradient(#0000001a,#0000 20% 80%,#0000004d);position:absolute;inset:0}.hero-grid-overlay{z-index:2;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.categories-section{z-index:10;background:linear-gradient(to bottom, transparent, var(--bg-primary) 20%);padding:8rem 3rem;position:relative}.section-title{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:300}.category-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.category-card{flex-direction:column;justify-content:flex-end;height:350px;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";opacity:.4;z-index:0;background-position:50%;background-size:cover;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.category-card:after{content:"";z-index:1;background:linear-gradient(#0000 30%,#000000e6);position:absolute;inset:0}.category-card:hover:before{opacity:.8;transform:scale(1.05)}.card-content{z-index:2;position:relative}.element-wood:before{background-image:url(/elements/wood.png)}.element-fire:before{background-image:url(/elements/fire.png)}.element-earth:before{background-image:url(/elements/earth.png)}.element-metal:before{background-image:url(/elements/metal.png)}.element-water:before{background-image:url(/elements/water.png)}.category-card{border:1px solid #ffffff0d;transition:border-color .6s,transform .6s cubic-bezier(.16,1,.3,1)}.element-wood:hover{border-color:var(--element-wood-base)}.element-fire:hover{border-color:var(--element-fire-base)}.element-earth:hover{border-color:var(--element-earth-base)}.element-metal:hover{border-color:var(--element-metal-base)}.element-water:hover{border-color:var(--element-water-base)}.card-content h3{margin-bottom:.5rem;font-size:2rem;font-weight:500}.card-content p{color:var(--text-secondary)}@media (max-width:768px){.hero-section{min-height:100svh;padding:64px 1.5rem 0}.hero-title{letter-spacing:-1px;font-size:2.5rem}.hero-title-ja{font-size:2.2rem;line-height:1.4}.hero-subtitle{font-size:1rem}.categories-section{padding:5rem 1.5rem}.section-title{margin-bottom:2.5rem;font-size:1.8rem}.category-grid{grid-template-columns:1fr;gap:1.2rem}.category-card{height:250px}.card-content h3{font-size:1.5rem}}