/* Àsà Moremi Patch 08 — editorial typography-led collection cards */
.category-panels--type{align-items:stretch;gap:18px}
.category-panel--type{
  --card-ink:#174b33;--card-gold:#b88c4b;
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  height:405px;min-height:405px;padding:25px 27px 23px;overflow:hidden;isolation:isolate;
  color:var(--card-ink);background:linear-gradient(145deg,#f8f4eb 0%,#eee4d3 58%,#e5d7c1 100%);
  border:1px solid rgba(184,140,75,.52);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.category-panel--type:before{
  content:"";position:absolute;z-index:-1;width:270px;height:270px;left:50%;top:48%;transform:translate(-50%,-50%);
  border:1px solid rgba(184,140,75,.36);border-radius:50%;
  box-shadow:0 0 0 17px rgba(255,255,255,.09),0 0 0 34px rgba(184,140,75,.045);
}
.category-panel--type:after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.34),transparent 58%),
    repeating-linear-gradient(45deg,transparent 0 22px,rgba(23,75,51,.025) 22px 23px);
  opacity:1;
}
.category-panel--type:hover{transform:translateY(-4px);border-color:rgba(184,140,75,.9);box-shadow:0 16px 34px rgba(16,48,32,.13)}
.category-panel--type>div{position:relative;z-index:1}
.category-card-top,.category-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.category-card-top>span:first-child{font:700 9px var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#8d7043}
.category-card-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(184,140,75,.45);border-radius:50%;color:#b88c4b}
.category-card-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}
.category-type-lockup{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;flex:1;min-height:0;padding:16px 0 12px}
.category-type-kicker{font:700 8px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#a17c42;margin-bottom:17px}
.category-type-title{font:500 clamp(35px,3.15vw,49px)/.98 var(--display);letter-spacing:-.055em;text-transform:uppercase;color:#174b33;max-width:100%;margin:0 auto;overflow-wrap:anywhere;text-wrap:balance}
.category-panel--sets .category-type-title{font-size:clamp(31px,2.85vw,43px);max-width:290px;line-height:.98}
.category-panel--accessories .category-type-title{font-size:clamp(31px,2.8vw,42px);max-width:290px;line-height:1.02}
.category-type-caption{font:600 8px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8b795b;margin-top:18px}
.category-panel-bottom{padding-top:15px;border-top:1px solid rgba(184,140,75,.42)}
.category-panel--type .category-panel-cta{display:inline-flex;align-items:center;gap:10px;font:700 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#174b33}
.category-panel--type .category-panel-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.category-panel--type:hover .category-panel-cta svg{transform:translateX(4px)}
.category-card-brand{font:500 8px var(--display);letter-spacing:.25em;color:#947849}
@media(max-width:900px){.category-panel--type{height:360px;min-height:360px;padding:22px}.category-panel--type:before{width:235px;height:235px}.category-type-title{font-size:clamp(31px,4vw,43px)}.category-panel--sets .category-type-title,.category-panel--accessories .category-type-title{font-size:clamp(29px,3.6vw,39px)}}
@media(max-width:760px){.category-panels--type{grid-template-columns:1fr;gap:14px}.category-panel--type{height:300px;min-height:300px;padding:20px 22px}.category-panel--type:before{width:205px;height:205px}.category-type-lockup{padding:9px 0}.category-type-kicker{margin-bottom:11px}.category-type-title{font-size:clamp(36px,10vw,46px)}.category-panel--sets .category-type-title,.category-panel--accessories .category-type-title{font-size:clamp(32px,8.5vw,41px)}.category-type-caption{margin-top:12px;font-size:7px}.category-card-brand{font-size:7px}}
@media(max-width:380px){.category-panel--type{height:285px;min-height:285px;padding:18px}.category-type-title{font-size:34px}.category-panel--sets .category-type-title,.category-panel--accessories .category-type-title{font-size:30px}}