.collection-directory{max-width:1320px;margin:auto;padding:36px 32px 60px;scroll-margin-top:24px}
.collection-directory>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.collection-directory>header>div{max-width:760px}
.collection-directory h1{font:700 clamp(34px,4vw,58px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin:12px 0 14px;color:#f6f7ff}
.collection-directory>header p:last-child{color:#bac5d8;line-height:1.5;margin-bottom:0;font-size:14px}
.collection-directory>header>span{color:#b5c3dc;font-size:12px;white-space:nowrap}
.collection-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 24px}
.collection-tile{display:flex;flex-direction:column;flex:0 1 calc((100% - 48px)/3);min-width:0;color:#f5f6ff;text-decoration:none;border:1px solid #26374f;background:#0b101b;border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.collection-tile-image{position:relative;flex-shrink:0;aspect-ratio:4/5;max-height:460px;overflow:hidden;background:#080d1a}
.collection-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.collection-tile:hover img,.collection-tile:focus-visible img{transform:scale(1.035)}
.collection-tile:hover{border-color:#8aa5d1;box-shadow:0 8px 28px #0005}
.collection-image-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:14px;background:radial-gradient(ellipse at 70% 20%,#bd914926,transparent 60%),linear-gradient(135deg,#111c34,#070c17);font:700 84px/1 'Barlow Condensed',sans-serif;color:#cbd7eb}
.collection-image-placeholder>span{font:700 10px/1.5 'Manrope',sans-serif;letter-spacing:.12em;text-align:center;padding:0 16px}
.collection-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
.collection-badge{display:inline-flex;align-items:center;min-height:28px;padding:6px 9px;font:800 10px/1.2 'Manrope',sans-serif;letter-spacing:.07em;border:1px solid #8aa6d04d;background:#07142eea;color:#dae7ff;border-radius:3px}
.collection-badge--new{background:#22140eef;border-color:#e0aa58;color:#ffdda0}
.collection-badge--limited{background:#d0ad6bea;color:#251b0c;border-color:#efd49c}
.collection-badge--empty{background:#111923ee;color:#d0d7e3;border-color:#6f7c90}
.drop-flame{color:#ffdda0;text-shadow:0 -1px 2px #fff2c7,0 -3px 5px #e9953b,0 -6px 10px #c94b20;animation:drop-embers 1.4s ease-in-out 3}
@keyframes drop-embers{0%,100%{text-shadow:0 -1px 2px #fff2c7,0 -3px 5px #e9953b,0 -6px 10px #c94b20}50%{text-shadow:0 -1px 2px #fff2c7,1px -4px 7px #e9953b,-1px -8px 12px #c94b20}}
.collection-tile-copy{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px}
.collection-tile .gallery-eyebrow{margin:0;font-size:10px;letter-spacing:.12em}
.collection-tile h2{font:700 clamp(24px,2.4vw,32px)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:anywhere;margin:0;height:2.1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.collection-tile-description{margin:0;color:#b6c3d8;font-size:13px;line-height:1.5;height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.collection-tile-count{margin:0;color:#c2d5be;font-size:12px;line-height:1.5;min-height:1.5em}
.collection-tile-price{margin:0;min-height:28px;color:#f4f6fc;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.collection-tile-price>span{font-size:11px;color:#aebbd2}.collection-tile-price strong{font-size:18px;white-space:nowrap}
.collection-tile-action{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-top:auto;padding:12px;font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap;border:1px solid #5274ab;background:linear-gradient(110deg,#102244,#0b1425);border-radius:4px}
.collection-tile-action span{transition:transform .25s}
.collection-tile:hover .collection-tile-action,.collection-tile:focus-visible .collection-tile-action{color:#f5d89e;background:#262016;border-color:#d7b472}
.collection-tile:hover .collection-tile-action span{transform:translate(3px,-3px)}
.collection-tile:focus-visible,.collection-back:focus-visible{outline:2px solid #b8cfff;outline-offset:4px}
.collections-page .collection-breadcrumb,.collections-page .home-shelf{max-width:1440px;margin-inline:auto}
.collection-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding:18px 4vw;font-size:12px;color:#b2bcd0}.collection-breadcrumb a{color:#e1e7f7}
.collection-banner{min-height:clamp(280px,36svh,390px)}
.collection-banner picture{position:absolute;inset:0}
.collection-banner .collection-hero-copy{max-width:950px;padding:32px 5vw 44px}
.collection-banner h1{font-size:clamp(42px,5vw,76px);margin-top:12px;max-width:18ch}
.collection-banner .collection-hero-copy>p:last-of-type{font-size:14px;line-height:1.5;max-width:55ch}
.collection-banner .collection-hero-link{margin-top:6px}
.collections-page .home-motion-tools{padding-block:6px}
.collections-page .home-shelf{padding-top:28px}
.collection-back{display:inline-flex;align-items:center;min-height:48px;margin-top:32px;color:#cad6f2;font-size:12px}
.home-gallery .gallery-grid.collection-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.collection-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:18px;margin-bottom:26px;background:#0c1422;border:1px solid #293d5c;border-radius:6px}
.collection-filters>div{flex:1 1 160px;min-width:0}
.collection-filters label:not(.collection-available){display:block;color:#bbcae0;font-size:12px;font-weight:700;margin-bottom:8px}
.collection-filters select{display:block;width:100%;min-height:44px;padding:10px 12px;background:#070d18;color:#eef3fc;border:1px solid #536b91;border-radius:4px;font:inherit;font-size:13px}
.collection-available{display:flex;align-items:center;gap:10px;min-height:44px;color:#d7e2f4;font-size:13px;cursor:pointer}
.collection-available input{width:18px;height:18px;accent-color:#719bff;flex-shrink:0}
.collection-filter-submit{min-height:44px;padding:12px 18px;background:#285bd1;border:1px solid #779cfa;border-radius:4px;color:#fff;font:800 11px/1.4 'Manrope',sans-serif;letter-spacing:.05em;cursor:pointer}
.collection-filter-submit:hover{background:#356ce8}
.collection-filter-clear{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#c8d9fc;text-decoration:underline;text-underline-offset:4px}
.collection-filter-summary{color:#b9c9e0;font-size:13px;margin:0 0 24px;line-height:1.5}
.collection-filters :is(select,input,button,a):focus-visible{outline:2px solid #f0d296;outline-offset:4px}
@media(max-width:900px){.collection-tile{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:650px){
    .collection-directory{padding:22px 4vw 40px}.collection-directory>header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.collection-directory>header>span{display:none}.collection-directory h1{font-size:34px;max-width:15ch}.collection-directory>header p:last-child{font-size:13px}
    .collection-grid{gap:24px 12px}.collection-tile{flex-basis:calc((100% - 12px)/2)}.collection-tile-copy{padding:12px;gap:9px}.collection-tile h2{font-size:25px}.collection-tile .gallery-eyebrow{font-size:9px;letter-spacing:.06em}.collection-tile-description{font-size:11px}.collection-tile-count{font-size:11px;min-height:3em}.collection-tile-price{min-height:45px;align-content:center;gap:3px}.collection-tile-price>span{font-size:10px;width:100%}.collection-tile-price strong{font-size:16px}.collection-tile-action{font-size:10px;letter-spacing:.015em;padding:10px;min-height:46px}.collection-badges{top:8px;left:8px;right:8px;gap:5px}.collection-badge{font-size:8px;letter-spacing:.03em;padding:5px 6px;min-height:24px}.collection-image-placeholder{font-size:60px}.collection-image-placeholder>span{font-size:8px}
    .collection-banner{min-height:280px}.collection-banner .collection-hero-copy{padding:26px 5vw 32px}.collection-banner h1{font-size:clamp(36px,10vw,48px)}.collection-breadcrumb{font-size:11px;padding-block:14px;gap:8px}
    .home-gallery .gallery-grid.collection-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.collections-page .home-shelf>header>span{display:block;white-space:nowrap;font-size:11px}.collections-page .home-shelf h2{font-size:30px}
    .collection-filters{gap:12px;padding:14px}.collection-filters>div{flex-basis:calc((100% - 12px)/2)}.collection-filters label:not(.collection-available){font-size:11px}.collection-filters select{font-size:12px;padding:10px 8px}.collection-available{flex:1 1 100%;font-size:12px}.collection-filter-submit{flex:1 1 100%}.collection-filter-clear{justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){.collection-tile,.collection-tile-image img,.collection-tile-action span,.drop-flame{animation:none;transition:none}.collection-tile:hover img,.collection-tile:focus-visible img,.collection-tile:hover .collection-tile-action span{transform:none}}