/* Modular editorial storefront styling */
.koio-hero{position:relative;min-height:clamp(520px,68vw,780px);display:flex;align-items:center;overflow:hidden;background:#c9c4bb;color:#fff}
.koio-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.koio-hero__placeholder{min-height:inherit;display:flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(120deg,#d9d4ca,#aaa49b);color:#3e3a35;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:24px}
.koio-hero__shade{position:absolute;inset:0;background:rgba(0,0,0,var(--hero-overlay))}
.koio-hero__content{position:relative;z-index:1;width:min(1240px,100%);padding:clamp(36px,8vw,120px);margin:0 auto}
.koio-align-left{text-align:left}.koio-align-center{text-align:center}.koio-align-right{text-align:right}
.koio-hero h1{font-size:clamp(38px,6vw,76px);font-weight:500;letter-spacing:-.045em;line-height:.98;max-width:760px;margin:12px 0 20px}
.koio-align-center h1{margin-left:auto;margin-right:auto}.koio-align-right h1{margin-left:auto}
.koio-hero__text{font-size:16px;max-width:460px;line-height:1.6;margin-bottom:28px}.koio-align-center .koio-hero__text{margin-left:auto;margin-right:auto}.koio-align-right .koio-hero__text{margin-left:auto}
.koio-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-weight:600}
.koio-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 23px;border:1px solid #fff;background:#fff;color:#171717;text-decoration:none;font-size:10px;letter-spacing:.13em;font-weight:600;transition:background .2s,color .2s}
.koio-button:hover{background:transparent;color:inherit}.koio-button--outline{background:transparent;color:inherit;border-color:currentColor}
.koio-section{padding:clamp(48px,7vw,100px) clamp(18px,4vw,64px);max-width:1600px;margin:0 auto}
.koio-section__heading{text-align:center;margin:0 auto 32px;max-width:720px}.koio-section__heading h2,.koio-story h2{font-size:clamp(28px,3.7vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:0 0 14px}
.koio-muted{color:#6d6b67;font-size:13px;line-height:1.6;margin:8px 0 0}.koio-section__heading--row{display:flex;align-items:end;justify-content:space-between;gap:24px;text-align:left;max-width:none}.koio-text-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.koio-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.koio-category{display:block;position:relative;overflow:hidden;color:#fff;text-decoration:none;background:#d9d5ce;min-height:240px;aspect-ratio:4/5}.koio-category img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.koio-category:hover img{transform:scale(1.035)}.koio-category:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.42))}.koio-category__label{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:17px}.koio-category__placeholder{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:#d9d5ce;color:#615c55;font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-align:center;padding:20px}
.koio-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.koio-product-card{color:inherit;text-decoration:none;min-width:0}.koio-product-card__image{position:relative;aspect-ratio:4/5;background:#f2f1ee;overflow:hidden}.koio-product-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.koio-product-card:hover .koio-product-card__image img{transform:scale(1.025)}.koio-product-card__details{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;line-height:1.45}.koio-product-card__details span:last-child{white-space:nowrap}.koio-product-badge{position:absolute;left:10px;top:10px;background:#fff;padding:6px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.koio-empty-state{padding:35px;text-align:center;background:#f4f2ee;font-size:13px}
.koio-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;background:#f3f1ed}.koio-story--image-right{grid-template-columns:.9fr 1.1fr}.koio-story--image-right .koio-story__media{order:2}.koio-story__media{min-height:460px}.koio-story__media img{width:100%;height:100%;display:block;object-fit:cover}.koio-story__content{padding:clamp(32px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.koio-story__content h2{max-width:500px}.koio-story__body{font-size:14px;line-height:1.8;max-width:480px;margin:8px 0 25px}
.koio-promo-strip{background:#f7f6f3;padding:35px 24px}.koio-promo-strip__inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:center}.koio-promo-item__icon{font-size:20px}.koio-promo-item h3{font-size:12px;letter-spacing:.04em;font-weight:600;margin:10px 0 6px}.koio-promo-item div{font-size:12px;line-height:1.5;color:#6d6b67}
@media(max-width:749px){.koio-hero{min-height:590px}.koio-hero__content{padding:32px 22px}.koio-hero h1{font-size:42px}.koio-category-grid{grid-template-columns:1fr 1fr;gap:8px}.koio-category{aspect-ratio:3/4;min-height:190px}.koio-category__label{left:12px;right:12px;bottom:13px;font-size:14px}.koio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.koio-section__heading--row{align-items:start;flex-direction:column}.koio-story,.koio-story--image-right{grid-template-columns:1fr}.koio-story--image-right .koio-story__media{order:0}.koio-story__media{min-height:330px;height:68vw}.koio-story__content{padding:36px 24px}.koio-promo-strip__inner{grid-template-columns:1fr;gap:24px}}