
:root{--chocolate:#2F1E18;--cocoa:#4A3128;--caramel:#A66C46;--latte:#EFD6BC;--cream:#FFF8F1;--milk:#FDFBF7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:var(--cream);color:var(--chocolate);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.skip{position:fixed;left:-9999px;top:10px;z-index:99}.skip:focus{left:10px;background:#fff;padding:10px 14px;border-radius:12px}
.lib-head{position:sticky;top:0;z-index:40;background:rgba(255,248,241,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(47,30,24,.09)}.lib-head-inner{max-width:1240px;margin:auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lib-brand{display:flex;align-items:center;gap:10px;min-width:0}.lib-brand img{width:46px;height:46px;border-radius:14px}.lib-brand span{display:flex;flex-direction:column}.lib-brand b{font-size:18px;line-height:1}.lib-brand small{font-size:9px;color:rgba(74,49,40,.58);margin-top:4px}.lib-nav{display:flex;gap:17px;align-items:center;font-size:12px;font-weight:800;color:rgba(47,30,24,.72)}.lib-nav a:hover{color:var(--caramel)}
.lib-hero{max-width:1240px;margin:28px auto 0;padding:0 18px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.lib-hero-copy,.lib-hero-art{border-radius:34px;overflow:hidden}.lib-hero-copy{padding:48px;background:linear-gradient(135deg,#2F1E18,#4A3128);color:#fff;box-shadow:0 28px 70px rgba(47,30,24,.13)}.lib-eyebrow{display:inline-flex;padding:8px 11px;border:1px solid rgba(239,214,188,.25);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--latte)}.lib-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);letter-spacing:-.065em;line-height:.92;margin:22px 0 18px}.lib-hero-copy>p{max-width:720px;color:rgba(255,255,255,.67);font-size:14px}.lib-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:26px}.lib-facts div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.07);padding:14px;border-radius:18px}.lib-facts small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.52)}.lib-facts strong{display:block;font-size:14px;margin-top:5px}.lib-warning{font-size:10px!important;margin:18px 0 0;color:rgba(255,255,255,.43)!important}.lib-hero-art{min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:radial-gradient(circle at 75% 15%,rgba(255,248,241,.8),transparent 24%),radial-gradient(circle at 30% 30%,rgba(239,214,188,.8),transparent 35%),linear-gradient(145deg,#E8C7A7,#A66C46);position:relative;color:#2F1E18}.lib-hero-art:before,.lib-hero-art:after{content:"";position:absolute;border:1px solid rgba(47,30,24,.10);border-radius:50%}.lib-hero-art:before{width:290px;height:290px;right:-75px;top:-100px}.lib-hero-art:after{width:180px;height:180px;left:-60px;top:70px}.lib-hero-art span{font-size:10px;letter-spacing:.22em;font-weight:800;opacity:.55}.lib-hero-art b{font-size:clamp(2.2rem,6vw,4.4rem);letter-spacing:-.06em;line-height:.9;margin-top:8px}.lib-hero-art small{font-size:11px;margin-top:10px;opacity:.62}
.lib-section{max-width:1240px;margin:auto;padding:70px 18px}.lib-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:end;margin-bottom:28px}.lib-section-head h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.055em;line-height:.96;margin:0}.lib-section-head p{margin:0;color:rgba(74,49,40,.62);font-size:14px;max-width:720px}.lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lib-card{background:#fff;border:1px solid rgba(47,30,24,.09);border-radius:25px;padding:22px;box-shadow:0 13px 34px rgba(47,30,24,.045);display:flex;flex-direction:column;min-height:260px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lib-card:hover{transform:translateY(-4px);border-color:rgba(166,108,70,.28);box-shadow:0 22px 50px rgba(47,30,24,.08)}.lib-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lib-tag,.lib-price{font-size:9px;font-weight:800;border-radius:999px;padding:7px 9px}.lib-tag{background:var(--cream);color:rgba(74,49,40,.58)}.lib-price{background:var(--latte)}.lib-card h3{font-size:20px;line-height:1.08;letter-spacing:-.035em;margin:24px 0 8px}.lib-card p{font-size:12px;color:rgba(74,49,40,.62);margin:0 0 12px}.lib-card ul{margin:4px 0 18px;padding-left:17px;font-size:11px;color:rgba(74,49,40,.70);display:grid;gap:6px}.lib-wa{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:800;border-top:1px solid rgba(47,30,24,.08);padding-top:15px;color:var(--caramel)}
.lib-panel{background:#fff;border:1px solid rgba(47,30,24,.09);border-radius:28px;padding:26px;margin-top:18px}.lib-panel h2,.lib-panel h3{letter-spacing:-.04em;margin-top:0}.lib-panel p{font-size:13px;color:rgba(74,49,40,.62)}.lib-table-wrap{overflow-x:auto;border-radius:18px;border:1px solid rgba(47,30,24,.08)}table{width:100%;border-collapse:collapse;min-width:540px;background:#fff;font-size:12px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(47,30,24,.07)}th{background:#FFF8F1;font-size:10px;text-transform:uppercase;letter-spacing:.09em}tr:last-child td{border-bottom:0}.theme-cloud{display:flex;flex-wrap:wrap;gap:8px}.theme-cloud span{padding:9px 11px;border-radius:999px;background:#fff;border:1px solid rgba(47,30,24,.09);font-size:11px;font-weight:700}.lib-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lib-note{border-radius:22px;background:linear-gradient(135deg,#EFD6BC,#FFF8F1);padding:22px;font-size:12px;color:rgba(74,49,40,.72)}.lib-note b{display:block;color:#2F1E18;font-size:17px;margin-bottom:5px}.lib-cta{margin-top:26px;border-radius:28px;background:#2F1E18;color:#fff;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.lib-cta h3{margin:0;font-size:25px;letter-spacing:-.04em}.lib-cta p{margin:5px 0 0;color:rgba(255,255,255,.58);font-size:12px}.lib-cta a{background:#fff;color:#2F1E18;padding:13px 17px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.lib-foot{max-width:1240px;margin:0 auto;padding:34px 18px 90px;border-top:1px solid rgba(47,30,24,.08);display:flex;justify-content:space-between;gap:30px;color:rgba(74,49,40,.58);font-size:11px}.lib-foot>div{display:flex;gap:12px;flex-wrap:wrap}.lib-foot b{color:#2F1E18}
@media(max-width:900px){.lib-nav{display:none}.lib-hero{grid-template-columns:1fr}.lib-hero-art{min-height:260px}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-section-head{grid-template-columns:1fr}.lib-two{grid-template-columns:1fr}}
@media(max-width:620px){.lib-head-inner{padding:8px 14px}.lib-brand small{display:none}.lib-hero{margin-top:14px;padding:0 12px}.lib-hero-copy{padding:30px 23px;border-radius:27px}.lib-hero-art{border-radius:27px;padding:24px;min-height:210px}.lib-facts{grid-template-columns:1fr}.lib-section{padding:50px 12px}.lib-grid{grid-template-columns:1fr}.lib-card{border-radius:21px;min-height:0}.lib-panel{padding:20px;border-radius:22px}.lib-cta{display:block}.lib-cta a{display:inline-flex;margin-top:16px}.lib-foot{padding:28px 14px 90px;display:block}.lib-foot>div+div{margin-top:14px}}

/* POLERAS CATALOG V2 */
.polera-hero-stack{position:relative;min-height:480px;border-radius:2rem;background:linear-gradient(145deg,#2F1E18 0%,#4A3128 54%,#A66C46 100%);padding:1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:.85rem;overflow:hidden;box-shadow:0 24px 60px rgba(47,30,24,.20)}
.polera-hero-stack:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-110px;top:-115px}
.polera-hero-card{position:relative;overflow:hidden;border-radius:1.35rem;background:#F6F0E8;min-height:205px;border:1px solid rgba(255,255,255,.14)}
.polera-hero-card:nth-child(2),.polera-hero-card:nth-child(3){transform:translateY(20px)}
.polera-hero-badge{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);background:#FDFBF7;color:#2F1E18;border-radius:999px;padding:.72rem 1rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 30px rgba(47,30,24,.28);white-space:nowrap}
.polera-crop{width:100%;height:100%;background-image:url('/assets/poleras/catalog-sheets.webp?v=20260918-1');background-size:243.871% 1301.205%;background-position:var(--px) var(--py);background-repeat:no-repeat}
.polera-collection{margin-top:2rem}
.polera-collection-head{display:flex;gap:1.25rem;align-items:end;justify-content:space-between;margin-bottom:1.4rem}
.polera-collection-head h2{margin:.3rem 0 0;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.02;color:#2F1E18}
.polera-collection-head p{max-width:620px;margin:0;color:#6f5b51}
.polera-kicker{display:inline-flex;align-items:center;gap:.45rem;background:#F6F0E8;color:#A66C46;border-radius:999px;padding:.48rem .75rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.polera-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.polera-card{overflow:hidden;border-radius:1.5rem;background:#fff;border:1px solid rgba(47,30,24,.09);box-shadow:0 12px 32px rgba(47,30,24,.08);transition:transform .3s ease,box-shadow .3s ease}
.polera-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(47,30,24,.14)}
.polera-media{aspect-ratio:4/5;background:#F6F0E8;overflow:hidden}
.polera-card-body{padding:1rem}
.polera-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem}
.polera-card-meta span{font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#A66C46}
.polera-card-meta small{font-size:.7rem;color:#8b766a}
.polera-card h3{margin:0 0 .8rem;color:#2F1E18;font-size:1.02rem}
.polera-card a{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:.9rem;background:#2F1E18;color:white;text-decoration:none;padding:.72rem .8rem;font-size:.78rem;font-weight:800;transition:background .3s ease}
.polera-card a:hover{background:#A66C46}
.polera-note{margin-top:1.1rem;border-radius:1.25rem;background:#F6F0E8;padding:1rem 1.15rem;color:#6f5b51;font-size:.82rem}
@media(max-width:980px){.polera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.polera-hero-stack{min-height:430px}}
@media(max-width:620px){.polera-collection-head{display:block}.polera-collection-head p{margin-top:.8rem}.polera-grid{grid-template-columns:1fr 1fr;gap:.7rem}.polera-card{border-radius:1.15rem}.polera-card-body{padding:.75rem}.polera-card h3{font-size:.9rem}.polera-card a{font-size:.7rem}.polera-hero-stack{min-height:340px;border-radius:1.5rem}.polera-hero-card{min-height:145px}.polera-hero-badge{font-size:.62rem}.lib-hero{gap:1.5rem}}

/* POLERAS RUNWAY PRODUCT SHEETS */
.runway-hero-visual{border-radius:2rem;overflow:hidden;background:#2F1E18;box-shadow:0 24px 60px rgba(47,30,24,.18);min-height:430px;display:flex;align-items:center;justify-content:center}
.runway-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.runway-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.runway-sheet-card{margin:0;overflow:hidden;border-radius:1.75rem;background:#fff;border:1px solid rgba(47,30,24,.09);box-shadow:0 16px 42px rgba(47,30,24,.09);transition:transform .3s ease,box-shadow .3s ease}
.runway-sheet-card:hover{transform:translateY(-5px);box-shadow:0 24px 56px rgba(47,30,24,.14)}
.runway-sheet-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#F6F0E8}
.runway-sheet-card figcaption{padding:1rem 1.1rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.runway-sheet-card figcaption span{font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#A66C46}
.runway-sheet-card figcaption b{font-size:.9rem;color:#2F1E18}
@media(max-width:900px){.runway-sheet-grid{grid-template-columns:1fr}.runway-hero-visual{min-height:0}}
@media(max-width:620px){.runway-sheet-card{border-radius:1.25rem}.runway-sheet-card figcaption{padding:.85rem .9rem 1rem}}


/* Accessibility motion + focus hardening · 2026-09-19 */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #A66C46;
  outline-offset:3px;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
  :where(.product-card,.product-media img,.product-wa,.sheet-card,.runway-sheet-card,.polera-card,.lb-nav):hover{
    transform:none!important;
  }
}


/* Full 11-category navigation */
.lib-head-inner{max-width:1440px}
.lib-nav{
  margin-left:auto;
  max-width:1060px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:4px 8px;
}
.lib-nav a{
  padding:7px 8px;
  border-radius:999px;
  white-space:nowrap;
  font-size:10px;
}
.lib-nav a:hover,.lib-nav a[aria-current="page"]{background:#fff;color:var(--chocolate)}
.lib-wa-head{background:var(--chocolate);color:#fff!important;padding:8px 13px!important}
.lib-wa-head:hover{background:var(--caramel)!important}
.lib-mobile-nav{display:none;margin-left:auto;position:relative}
.lib-mobile-nav summary{
  list-style:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:64px;min-height:44px;border:1px solid rgba(47,30,24,.10);
  border-radius:999px;background:#fff;color:var(--chocolate);font-size:12px;font-weight:900;cursor:pointer
}
.lib-mobile-nav summary::-webkit-details-marker{display:none}
.lib-mobile-nav[open] summary{background:var(--chocolate);color:#fff}
.lib-mobile-nav nav{
  position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 28px));
  max-height:72svh;overflow:auto;display:grid;gap:4px;padding:10px;
  border:1px solid rgba(47,30,24,.10);border-radius:20px;
  background:rgba(255,248,241,.99);box-shadow:0 22px 55px rgba(47,30,24,.16)
}
.lib-mobile-nav nav a{
  display:flex;align-items:center;min-height:42px;padding:0 13px;border-radius:13px;
  color:var(--cocoa);font-size:12px;font-weight:800
}
.lib-mobile-nav nav a:hover,.lib-mobile-nav nav a[aria-current="page"]{background:#fff;color:var(--chocolate)}
.lib-mobile-wa{justify-content:center;margin-top:4px;background:var(--chocolate);color:#fff!important}
@media(max-width:900px){
  .lib-nav{display:none}
  .lib-mobile-nav{display:block}
}


/* === Premium catalog header · 2026-09-21 === */
.lib-head{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(47,30,24,.08);
  background:linear-gradient(180deg,rgba(255,252,247,.98),rgba(255,248,241,.95));
  box-shadow:0 10px 34px rgba(47,30,24,.055);
  backdrop-filter:blur(18px) saturate(1.06);
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
}
.lib-head::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#2F1E18 0 26%,#A66C46 26% 58%,#E6D5C9 58% 78%,#6B2A3B 78% 100%);
}
.lib-head-inner{
  max-width:1460px!important;min-height:86px!important;margin:0 auto;
  padding:12px 24px!important;display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:24px!important;
}
.lib-brand{
  display:flex!important;align-items:center;gap:12px!important;
  padding:5px 12px 5px 6px;border-radius:18px;
  background:rgba(255,255,255,.58);border:1px solid rgba(47,30,24,.07);
  box-shadow:0 6px 18px rgba(47,30,24,.045);
}
.lib-brand img{
  width:54px!important;height:60px!important;object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(47,30,24,.10));
}
.lib-brand b{
  font-family:'Fraunces',Georgia,serif;font-size:19px!important;font-weight:600;
  letter-spacing:-.025em!important;color:#2F1E18;
}
.lib-brand small{max-width:230px!important;font-size:8px!important;line-height:1.35;color:rgba(74,49,40,.55)!important}
.lib-nav{
  margin-left:auto!important;width:min(100%,1040px);max-width:1040px!important;
  padding:6px!important;display:flex!important;flex-wrap:wrap!important;
  justify-content:flex-end!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(47,30,24,.07);border-radius:20px;
  background:rgba(246,240,232,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 7px 20px rgba(47,30,24,.035);
}
.lib-nav a{
  position:relative;min-height:34px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 10px!important;border-radius:12px!important;color:rgba(74,49,40,.72)!important;
  font-size:9px!important;font-weight:800!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.lib-nav a:hover{
  background:#fff!important;color:#2F1E18!important;transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(47,30,24,.07);
}
.lib-nav a[aria-current="page"]{
  background:#2F1E18!important;color:#fff!important;
  box-shadow:0 7px 18px rgba(47,30,24,.18)!important;
}
.lib-nav a[aria-current="page"]::after{
  content:"";position:absolute;left:50%;bottom:-5px;width:5px;height:5px;margin-left:-2.5px;
  border-radius:50%;background:#A66C46;box-shadow:0 0 0 3px rgba(166,108,70,.11);
}
.lib-wa-head{
  min-height:38px!important;padding:0 14px!important;border-radius:13px!important;
  background:linear-gradient(135deg,#5A2433,#7B3045)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(107,42,59,.20)!important;
}
.lib-wa-head::after{content:"↗";margin-left:7px;font-size:11px}
.lib-wa-head:hover{background:linear-gradient(135deg,#6B2A3B,#91405A)!important;color:#fff!important}
@media(max-width:1120px) and (min-width:901px){
  .lib-head-inner{grid-template-columns:1fr!important;gap:8px!important}
  .lib-brand{justify-self:start}.lib-nav{width:100%;max-width:none!important;justify-content:flex-start!important}
}
@media(max-width:900px){
  .lib-head::before{height:2px}
  .lib-head-inner{min-height:70px!important;padding:9px 14px!important;display:flex!important;gap:12px!important}
  .lib-brand{padding:4px 9px 4px 5px;border-radius:15px;box-shadow:none}
  .lib-brand img{width:40px!important;height:46px!important}.lib-brand b{font-size:14px!important}
  .lib-nav{display:none!important}
}
