/* Scoped homepage replacement + collections page styles. */
.collection-browser {
  overflow: hidden;
  padding: 88px 0 96px;
  background:
    radial-gradient(circle at 12% 18%, rgba(198,110,78,.24), transparent 30%),
    radial-gradient(circle at 92% 80%, rgba(221,173,51,.13), transparent 28%),
    #002f34;
  color: #fff;
}
.collection-browser__heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:42px; }
.collection-browser__heading h2 { margin:0; font-size:clamp(2.4rem,5vw,4.5rem); line-height:.98; letter-spacing:-.055em; }
.collection-browser__heading h2 em { font-family:var(--serif,"Libre Baskerville",serif); font-weight:400; }
.collection-browser__heading p:not(.eyebrow) { max-width:620px; margin:18px 0 0; color:#b7ccce; font-size:1.08rem; }
.collection-browser__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.collection-style-card { position:relative; grid-column:span 2; min-height:430px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:#f1eee9; box-shadow:0 26px 70px rgba(0,0,0,.22); color:#101820; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.collection-style-card:nth-child(4) { grid-column:2 / span 2; }
.collection-style-card:nth-child(5) { grid-column:4 / span 2; }
.collection-style-card:hover { transform:translateY(-7px); box-shadow:0 34px 84px rgba(0,0,0,.31); }
.collection-style-card__collage { position:relative; display:block; height:310px; overflow:hidden; background:#dce7e7; }
.collection-collage-image { position:absolute; width:48%; max-height:82%; object-fit:contain; background:#fff; box-shadow:0 16px 30px rgba(16,24,32,.24); }
.collection-collage-image.image-1 { z-index:3; left:9%; bottom:6%; transform:rotate(-5deg); }
.collection-collage-image.image-2 { z-index:2; right:7%; top:8%; transform:rotate(5deg); }
.collection-collage-image.image-3 { z-index:1; left:30%; top:12%; transform:rotate(1deg); opacity:.96; }
.collection-style-card--cherokee .collection-style-card__collage { background:#eadfce; }
.collection-style-card--derby .collection-style-card__collage { background:#d5e3e1; }
.collection-style-card--elegant .collection-style-card__collage { background:#e7e1dc; }
.collection-style-card--commercial .collection-style-card__collage { background:#cbd2d5; }
.collection-style-card__body { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px 0; }
.collection-style-card__body small { display:block; color:#6a747b; font-size:.72rem; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.collection-style-card__body strong { display:block; margin-top:2px; font-family:var(--serif,"Libre Baskerville",serif); font-size:1.65rem; font-weight:400; }
.collection-style-card__arrow { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:#003a40; color:#fff; font-size:1.25rem; }
.collection-style-card__descriptor { display:block; padding:6px 24px 22px; color:#59656c; font-size:.82rem; letter-spacing:.05em; }

.collections-page { background:#f5f2ed; }
.collections-topnav { display:flex; flex:1; justify-content:center; gap:30px; }
.collections-topnav a { border-bottom:2px solid transparent; color:rgba(255,255,255,.9); text-decoration:none; }
.collections-topnav a:hover,.collections-topnav a[aria-current="page"] { border-bottom-color:#c66e4e; color:#fff; }
.collections-hero { padding:86px 0 82px; background:linear-gradient(120deg,#002f34 0%,#003a40 58%,#0a4c52 100%); color:#fff; }
.collections-hero__inner { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:80px; }
.collections-hero h1 { max-width:760px; margin:0; font-size:clamp(3.4rem,7vw,6.6rem); line-height:.89; letter-spacing:-.07em; }
.collections-hero h1 em { color:#d79980; font-family:var(--serif,"Libre Baskerville",serif); font-weight:400; }
.collections-hero__copy { max-width:510px; color:#d6e4e5; font-size:1.12rem; }
.collections-access-note { padding-top:18px; border-top:1px solid rgba(255,255,255,.2); color:#9dbcbc; font-size:.88rem; }
.collections-library { padding:76px 0 110px; }
.collections-library__intro { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:32px; }
.collections-library__intro h2 { margin:0; color:#101820; font-size:clamp(2.2rem,4vw,3.6rem); letter-spacing:-.045em; }
.collections-back { color:#003a40; font-weight:750; text-decoration:none; }
.collection-filters { position:sticky; top:73px; z-index:20; display:grid; grid-template-columns:1.4fr 1.15fr 1fr minmax(220px,.9fr); gap:20px; margin:0 0 22px; padding:22px; border:1px solid #ded9d1; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 12px 36px rgba(16,24,32,.09); backdrop-filter:blur(14px); }
.filter-group { min-width:0; margin:0; padding:0; border:0; }
.filter-group legend,.collection-search span { display:block; margin:0 0 8px; color:#6f777c; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.filter-pills { display:flex; flex-wrap:wrap; gap:7px; }
.filter-pill { min-height:34px; padding:0 12px; border:1px solid #d2d7dc; border-radius:999px; background:#fff; color:#39434a; cursor:pointer; font-family:inherit; font-size:.77rem; font-weight:720; }
.filter-pill[aria-pressed="true"] { border-color:#003a40; background:#003a40; color:#fff; }
.collection-search input { width:100%; height:42px; padding:0 14px; border:1px solid #c8ced2; border-radius:10px; background:#fff; color:#101820; font:inherit; }
.collection-results-bar { display:flex; align-items:center; justify-content:space-between; min-height:46px; margin-bottom:12px; color:#59656c; }
.collection-results-bar p { margin:0; }
.clear-filters { border:0; background:transparent; color:#a8512f; cursor:pointer; font:700 .88rem var(--sans,"Figtree",sans-serif); }
.template-library-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.template-library-card { overflow:hidden; border:1px solid #e0ddd7; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(16,24,32,.075); color:#101820; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.template-library-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px rgba(16,24,32,.14); }
.template-library-card__preview { position:relative; display:grid; height:260px; place-items:center; overflow:hidden; background:#e9e7e2; }
.template-library-card__preview img { width:100%; height:100%; object-fit:contain; }
.template-library-card__open { position:absolute; right:12px; bottom:12px; padding:8px 11px; border-radius:999px; background:rgba(0,58,64,.94); color:#fff; font-size:.72rem; font-weight:760; opacity:0; transform:translateY(5px); transition:.18s ease; }
.template-library-card:hover .template-library-card__open,.template-library-card:focus-visible .template-library-card__open { opacity:1; transform:none; }
.template-library-card__body { display:block; padding:18px 18px 20px; }
.template-library-card__meta { display:flex; gap:7px; margin-bottom:9px; }
.template-library-card__meta span { padding:4px 7px; border-radius:999px; background:#edf3f3; color:#0d4a50; font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.template-library-card__body strong { display:block; font-size:1rem; line-height:1.25; }
.template-library-card__body small { display:block; margin-top:9px; color:#79828a; }
.collection-empty { padding:90px 24px; text-align:center; }
.collection-empty h3 { margin:0; font-family:var(--serif,"Libre Baskerville",serif); font-size:2rem; font-weight:400; }
.collection-empty p { color:#657078; }
.collections-footer { padding:46px 0; border-top:5px solid #c66e4e; background:#00282c; color:#fff; }
.collections-footer__inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.collections-footer__inner p { color:#9dbcbc; }
.collections-footer__inner>a:last-child { color:#fff; font-weight:720; text-decoration:none; }

@media (max-width:1050px) {
  .collection-browser__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .collection-style-card,.collection-style-card:nth-child(4),.collection-style-card:nth-child(5) { grid-column:auto; }
  .collection-style-card:last-child { grid-column:1 / -1; width:calc(50% - 9px); justify-self:center; }
  .collection-filters { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .template-library-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .collection-browser { padding:64px 0 72px; }
  .collection-browser__heading,.collections-library__intro,.collections-footer__inner { align-items:flex-start; flex-direction:column; }
  .collection-browser__grid { grid-template-columns:1fr; }
  .collection-style-card,.collection-style-card:last-child { grid-column:auto; width:100%; min-height:390px; }
  .collection-style-card__collage { height:275px; }
  .collections-topnav { display:none; }
  .collections-header-cta { margin-left:auto; }
  .collections-hero__inner { grid-template-columns:1fr; gap:38px; }
  .collections-hero h1 { font-size:clamp(3.2rem,16vw,5rem); }
  .collection-filters { grid-template-columns:1fr; }
  .template-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .template-library-card__preview { height:210px; }
}
@media (max-width:500px) {
  .template-library-grid { grid-template-columns:1fr; }
  .template-library-card__preview { height:300px; }
}
@media (prefers-reduced-motion:reduce) {
  .collection-style-card,.template-library-card,.template-library-card__open { transition:none; }
}