:root { --bright-khaki: #7c8d59; --light-khaki: #c4c0a3; --ink: #212121; }
body.page-template-default.page-slug-collections,
body.page-id-0 { background: #fff; }
.collections-page { min-width: 0; overflow: hidden; color: var(--ink); background: #fff; font-family: Inter, Arial, sans-serif; }
.collections-page img { display: block; max-width: 100%; }
.shell { width: min(100% - 7.5rem, 1574px); margin-inline: auto; }
.offer-bar { height: 28px; display: grid; place-items: center; padding: 0 1rem; background: var(--bright-khaki); color: #fff; font-size: 10px; font-weight: 600; text-align: center; }
.collection-header { height: 103px; display: grid; grid-template-columns: 230px 145px 1fr 319px; align-items: center; gap: 24px; padding: 0 max(3.75rem, calc((100vw - 1596px) / 2)); border-bottom: 1px solid #d7d7d7; background: #fff; }
.collection-header__logo img { width: 168px; height: 58px; object-fit: contain; }
.collection-header__made { border-left: 2px solid #777; padding-left: 48px; color: var(--bright-khaki); font-family: Judson, Georgia, serif; font-size: 20px; font-weight: 700; white-space: nowrap; }
.collection-header__nav { display: flex; justify-content: center; gap: clamp(20px, 2.2vw, 46px); font-size: 12px; font-weight: 500; }
.collection-header__nav a { position: relative; white-space: nowrap; }
.collection-header__nav .is-active { color: var(--bright-khaki); }
.collection-header__nav .is-active::after { content: ''; position: absolute; left: 50%; top: 23px; width: 4px; height: 4px; border-radius: 50%; background: var(--bright-khaki); }
.collection-header__search { height: 49px; display: flex; border: 1px solid var(--bright-khaki); }
.collection-header__search input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 0 18px; color: var(--bright-khaki); background: transparent; font: 400 14px Inter, sans-serif; }
.collection-header__search button { width: 54px; border: 0; background: transparent; cursor: pointer; }
.collection-header__search button img { width: 26px; height: 27px; object-fit: contain; }
.category-section { padding-top: 80px; }
.category-section h1 { margin: 0 0 56px; font: 400 24px Judson, Georgia, serif; text-align: center; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 57px 20px; }
.category-card { display: grid; gap: 14px; font-size: 13px; color: #111; }
.category-card__image { height: 210px; overflow: hidden; background: #f0f0f0; }
.category-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.category-card:hover img { transform: scale(1.025); }
.maker-ticker { margin-top: 180px; overflow: hidden; color: var(--light-khaki); font-size: 36px; font-weight: 700; letter-spacing: .56em; white-space: nowrap; }
.maker-ticker__track { display: flex; width: max-content; opacity: .3; animation: maker-ticker-scroll 45s linear infinite; }
.maker-ticker__text { flex: 0 0 auto; min-width: 100vw; }
@keyframes maker-ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .maker-ticker__track { animation: none; }
}
.manufacturing { min-height: 610px; display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 7%; padding-block: 74px; }
.manufacturing__quote { position: relative; width: min(100%, 610px); margin-left: 70px; padding: 45px 60px; }
.manufacturing__quote blockquote { margin: 0; font: 400 clamp(27px, 2vw, 36px)/1.15 Lobster, cursive; }
.manufacturing__quote p { display: flex; align-items: center; gap: 12px; margin: 25px 0 0; font-size: 12px; font-style: italic; }
.manufacturing__quote p span { width: 29px; border-top: 1px solid #111; }
.quote { position: absolute; width: 38px; height: 27px; }
.quote--open { left: 0; top: 0; }
.manufacturing__cta { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 48px; margin-top: 44px; padding: 13px 24px; border: 1px solid #111; color: #111; background: transparent; font: 400 14px/1.4 Inter, Arial, sans-serif; text-align: center; text-decoration: none; transition: color .2s ease, background .2s ease; }
.manufacturing__cta:hover { color: #fff; background: #111; }
.manufacturing__cta:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
.manufacturing__image { height: 395px; overflow: hidden; }
.manufacturing__image img { width: 100%; height: 100%; object-fit: cover; }
.latest { padding-top: 34px; }
.latest__heading { height: 78px; display: flex; align-items: flex-start; justify-content: space-between; padding: 0 60px; border-bottom: 1px solid #222; }
.latest__heading h2 { margin: 0; font-size: 24px; }
.latest__controls { display: flex; gap: 16px; }
.latest__controls button { display: grid; place-items: center; width: 37px; height: 37px; padding: 0; border: 0; color: #000; background: transparent; cursor: pointer; }
.latest__controls button:disabled { opacity: .25; cursor: default; }
.latest__controls button:focus-visible { outline: 2px solid #111; outline-offset: 3px; }
.product-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 51px) / 4); gap: 17px; margin: 0 60px; padding-top: 23px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; }
/* Keep reveal animations from creating vertical overflow inside the carousel. */
.collections-page .product-track .product-card.scroll-reveal { translate: none; }
.product-track::-webkit-scrollbar { display: none; }
.product-card { min-width: 0; scroll-snap-align: start; }
.product-card__image { height: clamp(370px, 30.7vw, 589px); overflow: hidden; background: #f0f0f0; }
.product-card__image img { width: 100%; height: 100%; object-fit: cover; }
.product-card:first-child .product-card__image img { object-fit: contain; }
.product-card h3 { margin: 18px 0 1px; font-size: 16px; font-weight: 400; text-transform: uppercase; }
.product-card p { margin: 0; font-size: 13px; font-weight: 300; }
.view-more { display: block; width: max-content; margin: 65px auto 0; padding-bottom: 6px; border-bottom: 1px solid #222; font-size: 15px; }
.view-more__arrow { display: inline-block; transform-origin: left center; transition: transform .3s ease; }
.view-more:is(:hover, :focus-visible) .view-more__arrow { transform: scaleX(1.5); }
@media (prefers-reduced-motion: reduce) { .view-more__arrow { transition: none; } }
.partners { padding-block: 185px 150px; text-align: center; }
.partners h2 { margin: 0; font-size: 18px; }
.partners > p { margin: 10px 0 43px; color: #575757; font-size: 14px; font-weight: 300; }
.partner-logos { display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; gap: 42px; }
.partner-logos img { width: 100%; height: 82px; object-fit: contain; }
/* Shared footer — Figma 7:3127. */
.collection-footer { color:#fff; background:var(--bright-khaki); font-family:Inter,Arial,sans-serif; container-type:inline-size; }
.collection-footer .shell { width:min(calc(100% - 80px),1304px); }
.collection-footer__top { min-height:300px; display:grid; grid-template-columns:415fr 382fr 507fr; align-items:start; gap:0; padding-block:83px 32px; }
.collection-footer__logo { display:block; width:232px; margin-left:10px; }
.collection-footer__logo img { display:block; width:232px; height:80px; object-fit:contain; }
.collection-footer .socials { display:flex; align-items:center; gap:12px; margin-top:58px; font-size:15px; }
.collection-footer .socials a { display:grid; place-items:center; min-width:24px; min-height:28px; transition:opacity .2s,transform .2s; }
.collection-footer .socials img { display:block; width:18px; height:18px; object-fit:contain; }
.collection-footer h2 { margin:11px 0 0; font-size:36px; line-height:1.2; font-weight:700; }
.collection-footer h2 span { color:var(--light-khaki); }
.trade-form { display:grid; gap:9px; width:100%; max-width:314px; margin-top:14px; }
.trade-form > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
.trade-form input,.trade-form textarea { min-width:0; width:100%; border:0; border-radius:0; padding:5px 9px; color:#333; background:#fff; font:14px/1.2 Inter,Arial,sans-serif; }
.trade-form input { height:28px; }
.trade-form textarea { height:65px; min-height:65px; resize:vertical; }
.trade-form input::placeholder,.trade-form textarea::placeholder { color:#888; opacity:1; }
.trade-form small { font-size:9px; line-height:1.4; }
.trade-form small a { text-decoration:underline; text-underline-offset:2px; }
.collection-footer .trade-form button { width:151px; min-height:34px; margin-top:10px; padding:7px 8px; border:1px solid #fff; color:#fff; background:transparent; font:14px/1.2 Inter,Arial,sans-serif; white-space:nowrap; cursor:pointer; transition:background-color .2s,color .2s,transform .2s; }
.trade-form button:hover { background:#fff; color:var(--mulberry-deep); transform:translateY(-2px); }
.trade-form button:active { transform:translateY(0); }
.collection-footer__bottom { position:relative; min-height:362px; display:grid; grid-template-columns:415fr 372fr 250fr 267fr; gap:0; padding:53px 0 69px; }
.collection-footer__bottom::before { content:""; position:absolute; top:0; left:calc((100% - 100cqw)/2); width:100cqw; border-top:1px solid rgba(255,255,255,.75); }
.collection-footer__bottom > div:first-child { grid-column:2; }
.collection-footer__bottom h3 { margin:0 0 44px; font-size:13px; line-height:1.5; font-weight:300; }
.collection-footer__bottom p { position:relative; margin:0 0 15px; padding-left:40px; font-size:14px; font-weight:600; line-height:1.2; }
.collection-footer__bottom p img { position:absolute; left:6px; top:2px; width:14px; height:17px; object-fit:contain; }
.collection-footer__bottom > div:nth-child(n+2) { display:flex; flex-direction:column; align-items:flex-start; }
.collection-footer__bottom a { font-size:14px; line-height:1.2; transition:color .2s; text-underline-offset:4px; }
.collection-footer__bottom > div > a { margin-bottom:6px; font-weight:500; }
.collection-footer__bottom p a { font:inherit; overflow-wrap:anywhere; }
.collection-footer a:hover { color:#f1ecd4; text-decoration:underline; }
.collection-footer .socials a:hover { opacity:.75; transform:translateY(-2px); }
.collection-footer a:focus-visible,.collection-footer button:focus-visible,.collection-footer input:focus-visible,.collection-footer textarea:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.collection-footer input:focus-visible,.collection-footer textarea:focus-visible { outline-color:var(--mulberry-deep); }
.collection-footer__bottom .copyright { position:absolute; left:0; bottom:69px; margin:0; padding:0; font-size:12px; font-weight:400; }
@media(max-width:1100px) {
 .collection-footer__top { grid-template-columns:1fr 1fr; gap:40px; padding-block:55px 40px; }
 .collection-footer__brand { grid-row:span 2; }
 .collection-footer h2 { margin:0; }
 .trade-form { margin:0; }
 .collection-footer__bottom { grid-template-columns:1.4fr 1fr 1fr; gap:35px; padding-bottom:110px; }
 .collection-footer__bottom > div:first-child { grid-column:auto; }
 .collection-footer__bottom .copyright { bottom:40px; }
}
@media(max-width:600px) {
 .collection-footer .shell { width:calc(100% - 40px); }
 .collection-footer__top { grid-template-columns:1fr; gap:32px; padding-top:45px; }
 .collection-footer__brand { grid-row:auto; }
 .collection-footer__logo { margin:0; }
 .collection-footer .socials { margin-top:24px; }
 .collection-footer h2 { font-size:32px; }
 .trade-form { max-width:none; }
 .trade-form input { height:42px; }
 .trade-form textarea { height:90px; }
 .collection-footer .trade-form button { min-height:44px; }
 .collection-footer__bottom { grid-template-columns:1fr 1fr; gap:35px 24px; padding-top:35px; }
 .collection-footer__bottom > div:first-child { grid-column:1/-1; }
 .collection-footer__bottom h3 { margin-bottom:22px; }
 .collection-footer__bottom > div > a { padding-block:4px; }
}
@media(prefers-reduced-motion:reduce) {
 .collection-footer a,.collection-footer button { transition:none; transform:none!important; }
}

@media (max-width: 1200px) {
  .shell { width: min(100% - 3rem, 1100px); }
  .collection-header { grid-template-columns: 180px 1fr 230px; padding-inline: 24px; }
  .collection-header__made { display: none; }
  .collection-header__nav { gap: 18px; font-size: 11px; }
  .category-card__image { height: 170px; }
  .manufacturing__quote { margin-left: 0; }
}
@media (max-width: 800px) {
  .shell { width: min(100% - 2rem, 720px); }
  .offer-bar { min-height: 28px; height: auto; padding-block: 6px; font-size: 8px; }
  .collection-header { height: auto; grid-template-columns: 1fr auto; gap: 16px; padding-block: 14px; }
  .collection-header__logo img { width: 135px; height: auto; }
  .collection-header__nav { grid-column: 1 / -1; order: 3; justify-content: flex-start; overflow-x: auto; padding-bottom: 8px; }
  .collection-header__search { width: 160px; height: 40px; }
  .category-section { padding-top: 80px; }
  .category-section h1 { margin-bottom: 35px; font-size: 21px; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 14px; }
  .category-card__image { height: 31vw; min-height: 135px; }
  .maker-ticker { margin-top: 100px; font-size: 24px; }
  .manufacturing { min-height: 0; grid-template-columns: 1fr; gap: 35px; padding-block: 80px; }
  .manufacturing__quote { width: 100%; padding-inline: 45px; }
  .manufacturing__image { height: 55vw; max-height: 395px; }
  .latest__heading { height: 65px; padding-inline: 16px; }
  .latest__heading h2 { font-size: 20px; }
  .product-track { grid-auto-columns: calc((100% - 34px) / 2.5); margin-inline: 16px; }
  .product-card__image { height: auto; aspect-ratio: 2 / 3; }
  .partners { padding-block: 110px 90px; }
  .partner-logos { grid-template-columns: repeat(2, 1fr); gap: 25px 35px; }
  .partner-logos img { height: 65px; }
}
@media (max-width: 480px) {
  .collection-header__search { display: none; }
  .collection-header { grid-template-columns: 1fr; }
  .manufacturing__quote blockquote { font-size: 25px; }
}