.collection.is-yavanie{--accent:#c44c07;--accent-gradient:linear-gradient(135deg, #f0700f 0%, #c44c07 55%, #8b3105 100%)}.collection .khero{background:#17130f;height:clamp(360px,42vw,560px);position:relative;overflow:hidden}.collection .khero__frame{position:absolute;inset:0;overflow:hidden}.collection .khero__video{object-fit:cover;pointer-events:none;z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.collection .khero__placeholder{z-index:2;pointer-events:none;background:linear-gradient(#17110d66,#17110d66),#9a908b url(/assets/brand/kolekce-poster.jpg) 50%/cover no-repeat;transition:opacity .35s;position:absolute;inset:0}.collection .khero__placeholder.is-hidden{opacity:0}.collection .khero:after{content:"";z-index:2;background:linear-gradient(#140e0b80 0%,#140e0b33 40%,#140e0b8c 100%);position:absolute;inset:0}.collection .khero .breadcrumb{z-index:4;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;font-size:.7rem;position:absolute;top:clamp(4.6rem,7vw,6rem);left:50%;transform:translate(-50%)}.collection .khero .breadcrumb a:hover{color:#fff}.collection .khero .inner{z-index:3;text-align:center;padding:0 var(--gutter) clamp(2.4rem, 5vw, 4rem);color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.collection .khero .label{letter-spacing:.22em;color:#fff;border:1px solid #ffffff80;border-radius:999px;margin-bottom:1.1rem;padding:.4rem 1rem;font-size:.64rem;display:inline-block}.collection .khero h1{color:#fff;font-size:var(--d2);font-weight:400}.collection .khero h1 em{color:#fff;font-style:normal}.collection .khero p{color:#ffffffdb;max-width:46ch;margin:1.2rem auto 0;font-size:1rem}@media (max-width:640px){.collection .khero{aspect-ratio:16/9;height:auto}.collection .khero p{display:none}}.collection .kband{color:#fff;text-align:center;background:radial-gradient(130% 130% at 22% 14%,#e8600a 0%,#c44c07 46%,#8b3105 100%);padding:clamp(2.4rem,5vw,3.6rem) 0 clamp(2.8rem,5vw,4rem)}.collection .kband .label{letter-spacing:.22em;text-transform:uppercase;color:#fff;border:1px solid #ffffff80;border-radius:999px;margin-bottom:1.1rem;padding:.4rem 1rem;font-size:.64rem;display:inline-block}.collection .kband h1{color:#fff;font-size:var(--d2);font-weight:400}.collection .kband p{color:#ffffffdb;max-width:52ch;margin:1.2rem auto 0;font-size:1rem}.collection .kbar{border-bottom:1px solid var(--line);padding:1.6rem 0}.collection .kbar .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.collection .crumb{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.collection .crumb a:hover{color:var(--accent)}.collection .filters{flex-wrap:wrap;gap:.6rem;display:flex}.collection .filters a{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;font-size:.68rem;transition:color .3s,border-color .3s,background .3s}.collection .filters a.is-active,.collection .filters a:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.collection .catalog{padding:var(--d1) 0 var(--d2)}.collection .grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.6rem);display:grid}.collection .item .ph{background:var(--ivory);aspect-ratio:3/4;margin-bottom:1.1rem;position:relative;overflow:hidden}.collection .item .ph img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.collection .item:hover .ph img{transform:scale(1.05)}.collection .item .meta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.9rem;display:flex}.collection .item .nm{font-family:var(--serif);font-size:1.2rem}.collection .item .sub{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.15rem;font-size:.68rem}.collection .item .pr{letter-spacing:.04em;white-space:nowrap;font-size:.95rem}@media (max-width:780px){.collection .grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.collection .grid{gap:.9rem .7rem}.collection .item .nm{font-size:1rem}.collection .item .meta{flex-direction:column;align-items:flex-start;gap:.15rem}}