/* KOIO-inspired storefront layer for Horizon. All modules remain editable Shopify sections. */
:root{--koio-ink:#171715;--koio-paper:#f5f4f0;--koio-muted:#77766f;--koio-line:#d9d8d2}
.koio-home{color:var(--koio-ink);background:#fff}.koio-home *{box-sizing:border-box}.koio-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.koio-display{font-size:clamp(40px,6.2vw,92px);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0}.koio-subhead{font-size:clamp(24px,3vw,42px);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:0}.koio-copy{font-size:14px;line-height:1.7;max-width:440px;color:inherit}.koio-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.koio-link:after{content:'↗';font-size:15px;transition:transform .2s}.koio-link:hover:after{transform:translate(3px,-2px)}
.koio-hero{position:relative;min-height:clamp(560px,70vw,800px);overflow:hidden;background:#c6c1b7;color:white;display:flex;align-items:flex-end}.koio-hero__media,.koio-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.koio-hero__media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),rgba(0,0,0,.04) 72%)}.koio-hero__placeholder{position:absolute;inset:0;background:linear-gradient(125deg,#b9b5ad,#e3e0d8 48%,#8c887f);display:flex;align-items:center;justify-content:center}.koio-hero__placeholder svg{width:min(54%,500px);opacity:.15}.koio-hero__content{position:relative;z-index:1;width:100%;padding:clamp(28px,6vw,84px);display:flex;flex-direction:column;align-items:flex-start;gap:22px}.koio-hero .koio-display{max-width:850px}.koio-hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%;flex-wrap:wrap}.koio-hero__note{font-size:12px;letter-spacing:.04em;max-width:240px;line-height:1.5}
.koio-section{padding:clamp(48px,7vw,96px) clamp(20px,4vw,64px)}.koio-section--paper{background:var(--koio-paper)}.koio-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.koio-section__head p{margin:0}.koio-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.koio-product{min-width:0}.koio-product__image{display:block;position:relative;overflow:hidden;background:#efeee9;aspect-ratio:4/5}.koio-product__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.koio-product:hover .koio-product__image img{transform:scale(1.035)}.koio-product__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#aaa79f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.koio-product__meta{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px;line-height:1.5}.koio-product__name{font-weight:500;text-decoration:none;color:inherit}.koio-product__price{white-space:nowrap}.koio-product__vendor{font-size:10px;color:var(--koio-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.koio-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.koio-tile{position:relative;min-height:430px;overflow:hidden;background:#dedbd4;color:white;display:flex;align-items:flex-end;text-decoration:none}.koio-tile__media,.koio-tile__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.koio-tile__media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 65%)}.koio-tile__fallback{position:absolute;inset:0;background:linear-gradient(135deg,#d7d4cd,#969188)}.koio-tile__content{position:relative;padding:clamp(24px,4vw,50px);display:flex;flex-direction:column;gap:14px}.koio-tile__title{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1;margin:0;font-weight:500}.koio-craft{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:var(--koio-paper)}.koio-craft__image{min-height:360px;position:relative;background:#d8d5cd}.koio-craft__image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.koio-craft__copy{padding:clamp(32px,6vw,84px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px}.koio-craft__copy .koio-subhead{max-width:520px}.koio-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--koio-line);border-top:1px solid var(--koio-line);border-bottom:1px solid var(--koio-line)}.koio-value{background:white;padding:30px clamp(20px,3vw,44px)}.koio-value h3{font-size:14px;font-weight:600;margin:0 0 10px}.koio-value p{font-size:12px;line-height:1.7;color:var(--koio-muted);margin:0}.koio-newsletter{background:#1c1c19;color:#fff;padding:clamp(50px,8vw,100px) 20px;text-align:center}.koio-newsletter .koio-copy{margin:18px auto 24px;color:#d0cfc9}.koio-newsletter form{display:flex;max-width:440px;margin:0 auto;border-bottom:1px solid #aaa;gap:10px}.koio-newsletter input{flex:1;min-width:0;background:transparent;border:0;padding:14px 0;color:white;outline:none}.koio-newsletter button{background:none;color:white;border:0;text-transform:uppercase;font-size:10px;letter-spacing:.12em;cursor:pointer}
@media(max-width:900px){.koio-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.koio-tile{min-height:360px}.koio-section__head{align-items:flex-start;flex-direction:column}.koio-values{grid-template-columns:1fr}.koio-value{padding:24px}}
@media(max-width:640px){.koio-hero{min-height:620px}.koio-hero__content{padding:24px}.koio-hero__bottom{align-items:flex-start;flex-direction:column}.koio-tiles{grid-template-columns:1fr}.koio-tile{min-height:420px}.koio-craft{grid-template-columns:1fr}.koio-craft__image{min-height:300px}.koio-craft__copy{padding:36px 24px}.koio-section{padding:48px 16px}}