/* Tile collection pages: a scoped editorial layer, sharing the existing site shell. */
body.kuci-tiles {background:#faf9f6}
.tile-editorial [hidden] {display:none!important}
.tile-editorial {--tile-ink:#242a27;--tile-muted:#62665f;--tile-paper:#faf9f6;--tile-soft:#efeee8;--tile-line:#d7d9d0;--tile-green:#334b40;color:var(--tile-ink);background:var(--tile-paper);}
.tile-editorial * {box-sizing:border-box}
.tile-editorial :is(h1,h2,h3,p,figure) {margin:0;text-align:left}
.tile-editorial :is(h1,h2,h3) {color:var(--tile-ink);}
.tile-editorial h1 {}
.tile-editorial h2 {}
.tile-editorial h3 {}
.tile-editorial p {color:var(--tile-muted);max-width:64ch}
.tile-editorial a {color:inherit;text-decoration:none}
.tile-editorial img {display:block;width:100%;height:auto}
.tile-editorial .tile-wrap {width:min(1320px,calc(100% - 96px));margin-inline:auto}
.tile-editorial .tile-kicker {display:block;color:var(--tile-green);margin-bottom:20px;}
.tile-editorial .tile-crumb {display:flex;gap:11px;flex-wrap:wrap;color:var(--tile-muted);padding:22px 0;align-items:center}
.tile-editorial .tile-crumb a:hover {text-decoration:underline;text-underline-offset:4px}
.tile-editorial .tile-hero {display:grid;grid-template-columns:.84fr 1.16fr;min-height:530px;background:var(--tile-soft)}
.tile-editorial .tile-hero-copy {padding:clamp(32px,4.5vw,72px);align-self:center}
.tile-editorial .tile-hero-copy h1 {max-width:10ch;margin-bottom:25px}
.tile-editorial .tile-hero-copy p {max-width:40ch}
.tile-editorial .tile-hero figure {position:relative;min-width:0;height:100%;min-height:480px}
.tile-editorial .tile-hero figure>img {height:100%;position:absolute;inset:0;object-fit:cover}
.tile-editorial .tile-hero figcaption {position:absolute;bottom:16px;right:18px;left:18px;color:white;text-shadow:0 1px 5px #000;text-align:right}
.tile-editorial .tile-hero figure.tile-product-image>img {object-fit:contain;padding:35px 35px 60px}
.tile-editorial .tile-hero figure.tile-product-image figcaption {color:var(--tile-muted);text-shadow:none}
.tile-editorial .tile-actions {display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}
.tile-editorial .tile-button {display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:49px;padding:13px 24px;background:var(--tile-green);border:1px solid var(--tile-green);color:#fff;transition:background .2s}
.tile-editorial .tile-button:hover {background:#20372c}
.tile-editorial .tile-textlink {border-bottom:1px solid currentColor;padding-block:7px;display:inline-flex;gap:20px;align-items:center}
.tile-editorial .tile-button:focus-visible,.tile-editorial a:focus-visible,.tile-editorial button:focus-visible,.tile-editorial summary:focus-visible {outline:3px solid #9b754c;outline-offset:5px}
.tile-editorial .tile-introline {display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--tile-line);gap:24px;padding:27px 0;color:var(--tile-muted)}
.tile-editorial .tile-introline span+span {border-left:1px solid var(--tile-line);padding-left:30px}
.tile-editorial .tile-section {padding-block:90px;scroll-margin-top:130px}
.tile-editorial .tile-heading {display:flex;gap:32px;justify-content:space-between;align-items:flex-end;margin-bottom:34px}
.tile-editorial .tile-heading p {max-width:43ch;}
.tile-editorial .tile-filters {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.tile-editorial .tile-filter {border:1px solid var(--tile-line);background:transparent;padding:10px 18px;min-height:44px;border-radius:2px;color:var(--tile-muted);cursor:pointer}
.tile-editorial .tile-filter[aria-pressed=true] {background:var(--tile-green);border-color:var(--tile-green);color:white}
.tile-editorial .tile-filter:hover {border-color:var(--tile-green)}
.tile-editorial .tile-search {max-width:580px;margin:0 0 20px}
.tile-editorial .tile-search label {display:block;color:var(--tile-muted);margin-bottom:8px}
.tile-editorial .tile-search>div {display:flex;gap:10px;align-items:center}
.tile-editorial .tile-search input {min-width:0;width:100%;min-height:48px;border:1px solid var(--tile-line);border-radius:0;background:white;padding:12px 15px;color:var(--tile-ink);}
.tile-editorial .tile-search input:focus-visible {outline:2px solid var(--tile-green);outline-offset:2px}
.tile-editorial .tile-search button {flex:none;border:0;background:transparent;color:var(--tile-green);min-height:44px;cursor:pointer;text-decoration:underline}
.tile-editorial .tile-result-count {margin:0 0 25px}
.tile-editorial .tile-empty {padding:45px;background:var(--tile-soft)}
.tile-editorial .tile-empty p {margin:15px 0 22px}
.tile-editorial .tile-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:46px}
.tile-editorial .tile-card {min-width:0}
.tile-editorial .tile-card[hidden] {display:none!important}
.tile-editorial .tile-card-photo {display:block;overflow:hidden;background:var(--tile-soft);aspect-ratio:1.13}
.tile-editorial .tile-card-photo img {height:100%;object-fit:cover;transition:transform .5s ease}
.tile-editorial .tile-card-photo.tile-product-image img {object-fit:contain;padding:24px}
.tile-editorial .tile-card a:hover img {transform:scale(1.035)}
.tile-editorial .tile-card-top {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:19px}
.tile-editorial .tile-card-top span {color:var(--tile-green);}
.tile-editorial .tile-card h3 {}
.tile-editorial .tile-card p {margin-top:11px;max-width:38ch}
.tile-editorial .tile-format {color:var(--tile-muted);display:block;margin-top:17px}
.tile-editorial .tile-collection-note {margin-top:28px;color:var(--tile-muted);max-width:88ch}
.tile-editorial .tile-editorial-split {display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--tile-soft)}
.tile-editorial .tile-editorial-split figure {height:610px}
.tile-editorial .tile-editorial-split figure img {height:100%;object-fit:cover}
.tile-editorial .tile-split-copy {padding:clamp(30px,5vw,80px)}
.tile-editorial .tile-split-copy h2 {max-width:13ch;margin-bottom:23px}
.tile-editorial .tile-split-copy p+p {margin-top:20px}
.tile-editorial .tile-palette {display:flex;gap:8px;margin:28px 0 12px}
.tile-editorial .tile-palette span {height:30px;width:42px;border:1px solid #0001}
.tile-editorial .tile-small {}
.tile-editorial .tile-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:44px}
.tile-editorial .tile-step {border-top:1px solid var(--tile-line);padding-top:24px}
.tile-editorial .tile-step>span {color:var(--tile-muted)}
.tile-editorial .tile-step h3 {margin:20px 0 15px}
.tile-editorial .tile-step p {}
.tile-editorial .tile-more {display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px 0;border-block:1px solid var(--tile-line);margin-top:50px}
.tile-editorial .tile-more p {max-width:70ch}
.tile-editorial .tile-faq {display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.tile-editorial .tile-faq h2 {max-width:10ch}
.tile-editorial .tile-faq details {border-top:1px solid var(--tile-line)}
.tile-editorial .tile-faq details:last-child {border-bottom:1px solid var(--tile-line)}
.tile-editorial .tile-faq summary {cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:21px 0}
.tile-editorial .tile-faq summary::-webkit-details-marker {display:none}
.tile-editorial .tile-faq summary::after {content:'+';font-size:22px;font-weight:400;flex:none}
.tile-editorial .tile-faq details[open] summary::after {content:'−'}
.tile-editorial .tile-faq details p {padding:0 20px 24px 0}
.tile-editorial .tile-cta {background:var(--tile-green);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:55px 60px;margin-bottom:70px}
.tile-editorial .tile-cta :is(h2,p,.tile-kicker) {color:white}
.tile-editorial .tile-cta h2 {margin-bottom:15px}
.tile-editorial .tile-cta p {opacity:.85;max-width:65ch}
.tile-editorial .tile-cta .tile-button {background:#faf9f6;color:var(--tile-green);border-color:#faf9f6}
.tile-editorial .tile-cta .tile-kicker {opacity:.7;margin-bottom:15px}
.tile-editorial .tile-spec-layout {display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.tile-editorial .tile-spec-layout h2 {margin-bottom:24px}
.tile-editorial .tile-spec-layout p+p {margin-top:18px}
.tile-editorial .tile-specs {margin:0}
.tile-editorial .tile-specs>div {display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--tile-line);}
.tile-editorial .tile-specs>div:first-child {border-top:1px solid var(--tile-line)}
.tile-editorial .tile-specs dt {color:var(--tile-ink);}
.tile-editorial .tile-specs dd {margin:0;color:var(--tile-muted)}
.tile-editorial .tile-source {margin-top:22px}
.tile-editorial .tile-detail-gallery {display:grid;grid-template-columns:1fr 1fr;gap:30px}
.tile-editorial .tile-detail-gallery figure {min-width:0}
.tile-editorial .tile-detail-gallery figure>img {height:480px;object-fit:cover;background:var(--tile-soft)}
.tile-editorial .tile-detail-gallery figure.tile-sample>img {object-fit:contain;padding:24px}
.tile-editorial .tile-detail-gallery figcaption {color:var(--tile-muted);padding:14px 0;}
.tile-editorial .tile-guidance {padding:40px;margin-top:45px;background:var(--tile-soft);display:grid;grid-template-columns:.65fr 1.35fr;gap:35px}
.tile-editorial .tile-guidance h3 {}
.tile-editorial .tile-guidance p {}
.tile-editorial .tile-related {padding-top:0}
.tile-editorial .tile-related .tile-card-photo {aspect-ratio:1.5}
@media(min-width:1600px){.tile-editorial .tile-hero{min-height:620px}}
@media(max-width:1050px){.tile-editorial .tile-wrap{width:calc(100% - 56px)}.tile-editorial .tile-hero{min-height:460px}.tile-editorial .tile-hero-copy{padding:36px}.tile-editorial .tile-hero figure{min-height:450px}.tile-editorial .tile-grid{gap:32px 20px}.tile-editorial .tile-card h3{}.tile-editorial .tile-faq{gap:40px}.tile-editorial .tile-spec-layout{gap:40px}.tile-editorial .tile-editorial-split figure{height:540px}.tile-editorial .tile-detail-gallery figure>img{height:390px}}
@media(max-width:760px){.tile-editorial .tile-wrap{width:calc(100% - 36px)}.tile-editorial .tile-crumb{padding:17px 0;gap:8px}.tile-editorial .tile-hero{grid-template-columns:1fr}.tile-editorial .tile-hero-copy{padding:38px 27px 40px}.tile-editorial .tile-hero-copy h1{max-width:14ch;margin-bottom:20px}.tile-editorial .tile-hero-copy p{max-width:45ch}.tile-editorial .tile-hero figure{min-height:330px}.tile-editorial .tile-hero figcaption{}.tile-editorial .tile-introline{grid-template-columns:1fr;gap:10px;padding:23px 0}.tile-editorial .tile-introline span+span{border:0;padding:0}.tile-editorial .tile-section{padding-block:58px;scroll-margin-top:100px}.tile-editorial .tile-heading{display:block;margin-bottom:26px}.tile-editorial .tile-heading p{margin-top:18px}.tile-editorial .tile-kicker{margin-bottom:15px;}.tile-editorial .tile-filters{gap:8px}.tile-editorial .tile-filter{padding:9px 13px}.tile-editorial .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.tile-editorial .tile-card h3{}.tile-editorial .tile-card p{}.tile-editorial .tile-format{}.tile-editorial .tile-editorial-split{grid-template-columns:1fr}.tile-editorial .tile-editorial-split figure{height:390px}.tile-editorial .tile-split-copy{padding:38px 28px}.tile-editorial .tile-split-copy h2{max-width:17ch}.tile-editorial .tile-process{grid-template-columns:1fr;gap:30px;margin-top:30px}.tile-editorial .tile-step h3{margin:12px 0}.tile-editorial .tile-more{display:block;margin-top:32px}.tile-editorial .tile-more a{margin-top:20px}.tile-editorial .tile-faq{grid-template-columns:1fr;gap:25px}.tile-editorial .tile-faq h2{max-width:none}.tile-editorial .tile-faq summary{}.tile-editorial .tile-cta{grid-template-columns:1fr;padding:35px 28px;gap:28px;margin-bottom:45px}.tile-editorial .tile-cta .tile-button{justify-self:start}.tile-editorial .tile-spec-layout{grid-template-columns:1fr;gap:32px}.tile-editorial .tile-detail-gallery{gap:18px}.tile-editorial .tile-detail-gallery figure>img{height:310px}.tile-editorial .tile-guidance{padding:28px;grid-template-columns:1fr;gap:20px}.tile-editorial .tile-related{padding-top:0}}
@media(max-width:440px){.tile-editorial .tile-grid{grid-template-columns:1fr;gap:35px}.tile-editorial .tile-card-photo{aspect-ratio:1.2}.tile-editorial .tile-card h3{}.tile-editorial .tile-card p{}.tile-editorial .tile-format{}.tile-editorial .tile-hero figure{min-height:285px}.tile-editorial .tile-detail-gallery{grid-template-columns:1fr;gap:24px}.tile-editorial .tile-detail-gallery figure>img{height:380px}.tile-editorial .tile-specs>div{grid-template-columns:1fr;gap:8px}.tile-editorial .tile-actions{gap:14px}.tile-editorial .tile-button{padding:12px 18px}.tile-editorial .tile-introline{}}
@media(prefers-reduced-motion:reduce){.tile-editorial *{transition:none!important;scroll-behavior:auto!important}}