/* Two-tier storefront navigation and editorial collection layout. */
.sitehead{position:sticky;top:0;background:#fbf9f4;border-bottom:1px solid #e7e0d4;box-shadow:0 5px 18px rgba(54,48,37,.045)}
.utilitybar{background:#efede5;border-bottom:1px solid #e4dfd3}
.utilityrow{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,420px) max-content;align-items:center;gap:16px}
.utility-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666858;font-size:.69rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.utilityrow .hsearch{justify-self:center;width:100%;max-width:420px;min-width:0;height:36px;border:1px solid #d8d3c7;border-radius:999px;background:#fffefa;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.utilityrow .hsearch:focus-within{border-color:#858a6b;box-shadow:0 0 0 3px #69715118}
.utilityrow .hsearch input{padding:7px 15px;font-size:.82rem}
.utilityrow .hsearch input::placeholder{color:#898679}
.utilityrow .hsearch button{display:grid;place-items:center;width:40px;padding:0;background:transparent;color:#4c5142}
.utilityrow .hsearch button:hover{background:#f5f2e9;color:#bd6342}
.utilityrow .hsearch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.utility-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px;white-space:nowrap;min-width:max-content}
.utility-account,.utility-actions .navlogout button{border:0;background:transparent;color:#5e6052;font:600 .79rem var(--body);cursor:pointer}
.utility-account:hover,.utility-actions .navlogout button:hover{color:#a95135}
.utility-actions .navlogout{margin:0}
.utility-actions .cartlink{background:#626b4f;border-radius:999px;padding:7px 14px;font-size:.78rem}
.utility-actions .cartlink:hover{background:#4b533c}
.headrow{min-height:76px;gap:24px;padding:12px 0}
.headrow .brand{font-size:1.36rem;white-space:nowrap}
.headrow .brand img{height:39px}
.headrow .hlinks{gap:2px;margin-left:auto}
.headrow .hlinks a{padding:10px 11px;border-radius:5px;color:#4f5147;font-size:.82rem;font-weight:600;white-space:nowrap}
.headrow .hlinks a:hover{background:#f0ece2;color:#26271f}
.header-custom-link{display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid #d4cbb9;border-radius:3px;color:#4d513f;font-size:.75rem;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.header-custom-link span{color:#bd6342;font-size:1rem;transition:transform .2s}
.header-custom-link:hover{transform:translateY(-1px);background:#f4eee4;border-color:#b6a78f}.header-custom-link:hover span{transform:translate(2px,-2px)}
.hamb{border-radius:50%;background:#efede5;color:#4c5142}
.catstrip{background:#fbf9f4;border:0;border-top:1px solid #eee9df}
.catstrip .wrap{gap:7px;padding:7px 0 9px;overflow-x:auto;scrollbar-width:none}
.catstrip .wrap::-webkit-scrollbar{display:none}
.catstrip>.wrap>a,.catnav-link{min-height:32px;padding:6px 13px;border:1px solid #e7e1d6;border-radius:999px;background:#f5f2e9;font-size:.75rem;font-weight:600;color:#77766b;transition:color .18s,background .18s,border-color .18s}
.catstrip>.wrap>a:hover,.catstrip>.wrap>a.on,.catnav-link:hover,.catnav-link.on,.catnav-item:focus-within>.catnav-link{border-color:#dcd6c9;background:#fffefa;color:#484d39}
.catnav-item{flex:none}.catnav-chevron{width:10px;height:10px}
.catnav-menu{top:calc(100% + 5px);border-radius:12px;background:#fffefa;box-shadow:0 20px 45px rgba(43,42,34,.16)}
.catnav-menu-heading>a{color:#a95135}

/* Homepage: image-led feature with the story panel opposite the product image. */
.ff-hero{padding:16px 20px 5px;background:#f4f1e9}
.ff-hero-track{width:min(1360px,100%);border-radius:10px;box-shadow:0 16px 42px rgba(44,42,33,.14)}
.ff-hero-slide{min-height:clamp(390px,42vw,540px);background:#191b16}
.ff-hero-media{left:0;right:auto;width:61%;object-position:right center}
.ff-hero-wash{background:linear-gradient(90deg,rgba(24,26,21,0) 0%,rgba(24,26,21,0) 35%,rgba(24,26,21,.84) 57%,#191b16 76%,#191b16 100%),linear-gradient(0deg,rgba(21,24,20,.22),transparent 45%)}
.ff-hero-copy{width:49%;margin-left:auto;padding:clamp(28px,5vw,70px) clamp(24px,5vw,68px)}
.ff-hero h1,.ff-hero h2{max-width:11ch;margin:15px 0 11px;font-size:clamp(2.55rem,4.8vw,4.55rem);line-height:1.02}
.ff-hero-copy>p{max-width:34ch;font-size:clamp(.95rem,1.2vw,1.1rem)}
.ff-hero-notes{gap:8px 16px;margin:18px 0 22px;font-size:.7rem}
.ff-hero-index{right:28px;bottom:24px}
.ff-hero-controls{gap:10px;padding:12px 0 2px}
.ff-hero-controls>button:not(.hero-pause){width:32px;height:32px;background:#fffefa;border-color:#ded7ca;color:#55594a}
.ff-hero-controls>button:not(.hero-pause):hover{background:#626b4f;border-color:#626b4f}
.ff-hero-controls .hero-dot{background:#b7b5a8}.ff-hero-controls .hero-dot[aria-current="true"]{background:#bd6342}
.ff-hero-controls .hero-pause{font-size:.72rem}

/* Collection cards and product browsing use a studio catalogue treatment. */
.ff-category-grid{gap:10px;grid-auto-rows:clamp(180px,17vw,235px)}
.ff-category-card{border-radius:4px;background:#dfd9cb}
.ff-category-card:first-child{border-radius:4px}
.ff-category-overlay{background:linear-gradient(0deg,rgba(32,34,27,.84) 0%,rgba(32,34,27,.08) 68%)}
.ff-category-label{inset:auto 17px 16px;gap:6px}
.ff-category-label small{font-size:.57rem;letter-spacing:.15em}
.ff-category-label strong{font-size:clamp(1.2rem,2vw,1.8rem)}
.ff-category-label b{width:max-content;margin-top:5px;padding:7px 11px;border-radius:2px;background:#fbf8ef;color:#36392e;font-size:.68rem}
.ff-category-label b i{color:#a95135}
.ff-category-card:hover>img{transform:scale(1.045)}
.ff-home{max-width:1280px}
.ff-section{padding:62px 0 17px}
.ff-section-heading{margin-bottom:22px}
.ff-section-heading h2{font-size:clamp(2rem,3.5vw,3rem)}
.ff-products .pgrid{gap:15px}
.ff-products .pcard{border:1px solid #e8e1d5;border-radius:5px;background:#fffdf8;box-shadow:none}
.ff-products .pcard:hover{transform:translateY(-4px);border-color:#d0c4ae;box-shadow:0 14px 26px rgba(55,49,39,.09)}
.ff-products .pimg{aspect-ratio:1/1;background:#f0ede5}
.ff-products .pinfo{padding:14px}
.ff-products .pinfo h3{font-size:1.1rem}
.ff-products .pinfo .btn{border-radius:3px;background:#626b4f}
.ff-products .pinfo .btn:hover{background:#4b533c}
.shop{grid-template-columns:220px minmax(0,1fr);gap:30px}
.filters{top:185px;padding:16px;background:#eeece3;border:1px solid #e3ddcf;border-radius:8px}
.filters h3{font:600 1.1rem var(--display);padding:4px 8px 12px;border-bottom:1px solid #d9d3c7}
.filters>a,.filter-category-link{margin-top:4px;padding:9px 10px;border-radius:5px;color:#656456;font-size:.82rem}
.filters>a:hover,.filter-category-link:hover{background:#e4e4d8;color:#34372c}
.filters>a.on,.filter-category-link.on{background:#626b4f;color:#fff}
.shop-controls{border:1px solid #e5ded1;border-radius:6px;background:#fffdf8;padding:11px 14px}
.shop-controls label{font-size:.75rem;color:#6b6a5e}
.shop-controls select{border-color:#ded8cb;border-radius:4px;background:#fbf9f4}
.resultbar{color:#77766b;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.category-subsection{padding:17px;border:1px solid #e6dfd2;border-radius:7px;background:#f0ede5}
.subcategory-card{border:1px solid #e4ddd0;border-radius:5px;background:#fffdf8}
.subcategory-card:hover{border-color:#c7bba6;box-shadow:0 7px 18px rgba(60,54,42,.08)}

@media(max-width:1120px){.utilityrow{grid-template-columns:minmax(0,1fr) minmax(230px,360px) max-content;gap:12px}.headrow{gap:10px}.headrow .brand{font-size:1.16rem}.headrow .hlinks{gap:0}.headrow .hlinks a{padding-inline:6px;font-size:.72rem}.header-custom-link{display:none}}
@media(max-width:900px){.utilityrow{grid-template-columns:minmax(0,1fr) minmax(210px,330px) max-content;gap:10px}.utility-message{font-size:.62rem}.headrow .brand{font-size:1.08rem}.headrow .hlinks a{padding-inline:5px;font-size:.69rem}}
@media(max-width:760px){
  .utilityrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"message actions" "search search";gap:7px 10px;padding:8px 0 10px}
  .utility-message{grid-area:message;font-size:.57rem;letter-spacing:.065em}
  .utilityrow .hsearch{grid-area:search;justify-self:stretch;max-width:none;height:37px}
  .utility-actions{grid-area:actions;gap:10px}
  .utility-account,.utility-actions .navlogout button{font-size:.72rem}
  .utility-actions .cartlink{padding:6px 11px;font-size:.7rem}
  .headrow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"brand menu";gap:8px;padding:11px 0}
  .headrow .brand{grid-area:brand;min-width:0;gap:8px;font-size:1.12rem}
  .headrow .brand img{height:34px}.headrow .brand .brandname{font-size:1.06rem}
  .headrow .hamb{grid-area:menu;display:block}
  .header-custom-link{display:none}
  .headrow .hlinks{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;margin:0;padding:10px;background:#fbf9f4;border:1px solid #e7e0d4;border-radius:0 0 10px 10px;box-shadow:0 16px 30px rgba(43,42,34,.15)}
  .headrow .hlinks.open{display:grid;grid-template-columns:1fr 1fr}
  .headrow .hlinks a{padding:11px 12px;font-size:.82rem}
  .catstrip .wrap{padding:7px 0;gap:4px}
  .catstrip>.wrap>a,.catnav-link{padding:6px 10px;font-size:.7rem}
  .ff-hero{padding:12px 12px 3px}.ff-hero-track{border-radius:7px}.ff-hero-slide{min-height:590px}
  .ff-hero-media{left:0;right:0;top:0;width:100%;height:100%;object-position:center 34%}
  .ff-hero-wash{background:linear-gradient(0deg,rgba(25,27,22,.96) 0%,rgba(25,27,22,.8) 43%,rgba(25,27,22,.06) 100%)}
  .ff-hero-copy{width:100%;margin:0;justify-content:flex-end;padding:28px 23px 44px}
  .ff-hero h1,.ff-hero h2{max-width:10ch;font-size:clamp(2.7rem,12vw,4rem)}
  .ff-hero-index{right:16px;bottom:15px}
  .ff-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:8px}
  .ff-category-card:first-child{grid-column:span 2;grid-row:span 1}
  .shop{grid-template-columns:1fr;gap:16px}.filters{position:relative;top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:11px}.filters h3{width:100%;border:0;padding:3px 5px 6px}.filters>a,.filter-category-link{margin:0;padding:7px 9px;font-size:.73rem}.filter-category{position:relative}
  .category-flyout{left:0;right:auto;max-width:calc(100vw - 34px)}
}
@media(max-width:430px){.utility-message{max-width:50vw}.utility-actions{gap:7px}.utility-account,.utility-actions .navlogout button{font-size:.67rem}.ff-hero-slide{min-height:545px}.ff-hero-notes{font-size:.64rem}.shop-controls{gap:8px}.shop-controls label{min-width:calc(50% - 5px)}}
@media(prefers-reduced-motion:reduce){.ff-hero-controls,.utilityrow .hsearch,.header-custom-link,.catstrip a,.ff-category-card>img,.ff-products .pcard,.filters a,.subcategory-card{transition:none!important}}
