/* OrganizedChaos | Editorial typography system
   Bodoni Moda: luxury editorial titles | Allura: signature Chaos only
   Manrope: high-legibility controls, cart, product details, body.
   This loads after existing visual and viewport styles to avoid layout regressions. */
:root{
  --oc-font-display:"Bodoni Moda",Didot,"Times New Roman",serif;
  --oc-font-signature:"Allura","Brush Script MT",cursive;
  --oc-font-ui:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body,.prime-viewport{
  font-family:var(--oc-font-ui);
  font-size:15px;
  font-weight:400;
  line-height:1.58;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:var(--oc-font-ui)}
input,select,textarea{font-size:1rem;letter-spacing:normal}
h1,h2,h3{font-family:var(--oc-font-display);font-optical-sizing:auto}
h1,h2,h3,.brand,.hero-signature,.category-text strong{
  text-rendering:optimizeLegibility;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1;
}
.brand{
  display:inline-flex;
  align-items:baseline;
  width:max-content;
  min-width:0;
  gap:.09em;
  font-size:clamp(1.46rem,2.03vw,2.03rem);
  font-weight:500;
  line-height:1.14;
  white-space:nowrap;
  letter-spacing:-.042em;
}
.brand-organized{
  font-family:var(--oc-font-display);
  font-size:1em;
  font-style:normal;
  font-weight:500;
  letter-spacing:-.055em;
}
.brand-chaos{
  display:inline-block;
  font-family:var(--oc-font-signature);
  font-size:1.58em;
  font-style:normal;
  font-weight:400;
  line-height:.71;
  letter-spacing:0;
  transform:translateY(.06em);
}
.footer-brand{font-size:1.35rem}
.announcement{
  font-family:var(--oc-font-ui);
  font-size:.62rem;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.17em;
}
.desktop-nav button,
.cart-button{
  font-family:var(--oc-font-ui);
  font-size:.73rem;
  font-weight:600;
  letter-spacing:.14em;
  line-height:1.4;
}
.eyebrow{
  font-family:var(--oc-font-ui);
  font-size:.68rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.18em;
}
.hero-signature strong{
  font-family:var(--oc-font-display);
  font-size:clamp(2.45rem,4.3vw,5.35rem);
  font-weight:500;
  letter-spacing:.09em;
  line-height:1;
}
.hero-signature em{
  font-family:var(--oc-font-signature);
  font-size:clamp(4.4rem,7.25vw,8.15rem);
  font-style:normal;
  font-weight:400;
  letter-spacing:0;
  line-height:.68;
  margin:14px 0 34px;
}
.hero-signature small{
  font-family:var(--oc-font-ui);
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.38em;
  line-height:1.5;
}
.hero-copy h1{
  font-family:var(--oc-font-display);
  font-optical-sizing:auto;
  font-size:clamp(3.15rem,5.25vw,6.5rem);
  font-weight:400;
  line-height:1.035;
  letter-spacing:-.048em;
  max-width:740px;
  text-wrap:balance;
}
.hero-copy h1 em{
  font-family:var(--oc-font-display);
  font-style:italic;
  font-weight:400;
}
.hero-text{
  font-family:var(--oc-font-ui);
  font-size:clamp(.98rem,1.11vw,1.1rem);
  font-weight:400;
  line-height:1.72;
  letter-spacing:.005em;
}
.button,.filter,.product-actions button,
.prime-command-pill button,
.hero-promises span,
.category-text small,.category-text>span{
  font-family:var(--oc-font-ui);
}
.button{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.4;
}
.hero-promises span{font-size:.56rem;letter-spacing:.085em;line-height:1.5;font-weight:600}
.category-text strong{
  font-family:var(--oc-font-display);
  font-weight:500;
  font-size:clamp(1.45rem,2.17vw,2.4rem);
  line-height:1.13;
  letter-spacing:-.025em;
}
.section-heading h2,
.styling-card h2,
.about-section h2,
.dialog-heading h2,
.drawer-header h2{
  font-family:var(--oc-font-display);
  font-optical-sizing:auto;
  font-size:clamp(2.3rem,4.3vw,4.8rem);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.section-heading h2 em,.about-section h2 em{font-weight:400}
.product-meta h3{
  font-family:var(--oc-font-display);
  font-size:clamp(1.28rem,1.45vw,1.62rem);
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.03em;
}
.product-price{
  font-family:var(--oc-font-ui);
  font-size:.92rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.product-category,.product-description,
.styling-list p,.styling-card p:not(.eyebrow),
.about-story>p:last-child,.cart-item p,.checkout-note{
  font-family:var(--oc-font-ui);
  letter-spacing:.002em;
  line-height:1.68;
}
.styling-list h3{
  font-family:var(--oc-font-display);
  font-size:clamp(1.65rem,2.15vw,2.3rem);
  font-weight:500;
  line-height:1.15;
}
.empty-state h3,.checkout-form h3,
.product-placeholder{
  font-family:var(--oc-font-display);
  font-weight:500;
}
.filter,.prime-command-pill button,
.product-actions button,.field span,.checkout-panel,
.cart-item h4,.dialog-card form,.payment-copy strong{
  font-family:var(--oc-font-ui);
}
.filter{font-size:.75rem;font-weight:600;letter-spacing:.01em}
.cart-item h4,.payment-copy strong{font-weight:700}
.prime-command-pill button{font-weight:600}
.prime-footer{font-family:var(--oc-font-ui);line-height:1.5}
@media(max-width:1050px){
  .hero-signature strong{font-size:clamp(2.15rem,4.4vw,4.2rem)}
  .hero-signature em{font-size:clamp(3.7rem,7.3vw,6.5rem)}
  .hero-copy h1{font-size:clamp(3.15rem,5.5vw,5.3rem)}
}
@media(max-width:760px){
  .site-header .brand{font-size:clamp(1.32rem,4vw,1.8rem)}
  .hero-signature strong{font-size:clamp(2.2rem,7vw,3.6rem)}
  .hero-signature em{font-size:clamp(4.1rem,11vw,5.8rem);margin:11px 0 25px}
  .hero-copy h1{font-size:clamp(3.1rem,8vw,5rem);line-height:1.07}
  .category-text strong{font-size:clamp(1.6rem,4.7vw,2.2rem)}
  .section-heading h2,.styling-card h2,.about-section h2{font-size:clamp(2.45rem,7vw,4.2rem)}
}
@media(max-width:520px){
  .brand{gap:.035em}
  .site-header .brand{font-size:clamp(1.19rem,4.65vw,1.6rem)}
  .brand-chaos{font-size:1.45em}
  .hero-signature strong{font-size:clamp(2rem,8.15vw,3.05rem);letter-spacing:.08em}
  .hero-signature em{font-size:clamp(3.8rem,15vw,5.7rem);margin:11px 0 22px}
  .hero-signature small{font-size:.53rem;letter-spacing:.28em}
  .hero-copy h1{font-size:clamp(2.85rem,11.3vw,4.25rem);line-height:1.07}
  .hero-text{font-size:.97rem;line-height:1.65}
  .section-heading h2,.styling-card h2,.about-section h2{font-size:clamp(2.3rem,9vw,3.5rem)}
  .category-text strong{font-size:1.9rem}
}