/*
Theme Name: BLNT BLVR Lookbook
Theme URI: https://example.com
Author: Generated
Description: Converted from static HTML lookbook
Version: 1.0
*/

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --sand:#c8a97e;--terracotta:#8b5e3c;
  --espresso:#2c1a0e;--military:#6b7560;--brown:#6b4226;
}
html,body{width:100%;min-height:100vh;font-family:"Montserrat",sans-serif;background:#0a0a0a;}
.lb-page{display:none;min-height:100vh;animation:fadeSlide .45s ease forwards;}
.lb-page.active{display:flex;flex-direction:column;}
@keyframes fadeSlide{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}

/* ══ COVER ══ */
#page-cover{position:relative;cursor:pointer;min-height:100vh;overflow:hidden;background:#0a0a0a;justify-content:center;align-items:center;}
.cover-inner{position:relative;width:min(56vh,100vw);aspect-ratio:9/16;margin:0 auto;}
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.cover-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,8,5,.5) 0%,rgba(10,8,5,.05) 18%,transparent 38%,rgba(10,8,5,.08) 62%,rgba(10,8,5,.5) 80%,rgba(10,8,5,.88) 100%);z-index:1;}
.cover-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:4% 5% 0;}
.cover-top-left{display:flex;flex-direction:column;gap:3px;}
.cover-issue{font-size:clamp(.75rem,1.6vw,1.1rem);letter-spacing:.3em;color:#0a0a0a;text-transform:uppercase;font-weight:300;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 16px rgba(255,255,255,.7);}
.cover-issue strong{color:#2c1a0e;font-weight:600;}
.cover-url{font-size:clamp(.75rem,1.6vw,1.1rem);letter-spacing:.25em;color:#0a0a0a;text-transform:uppercase;font-weight:300;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 16px rgba(255,255,255,.7);}
.cover-shoulder-left{position:absolute;top:40%;left:3%;z-index:2;display:flex;flex-direction:column;gap:5px;}
.cover-shoulder-right{position:absolute;top:40%;right:3%;z-index:2;display:flex;flex-direction:column;gap:5px;text-align:right;align-items:flex-end;}
.c-tag{font-size:clamp(.65rem,1.4vw,1rem);letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:#0a0a0a;white-space:nowrap;line-height:1.4;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 14px rgba(255,255,255,.7);}
.c-tag-italic{font-style:italic;font-family:"Cormorant Garamond",serif;font-size:clamp(.75rem,1.5vw,1.1rem);letter-spacing:.16em;color:#0a0a0a;text-shadow:0 0 8px rgba(255,255,255,.95),0 0 14px rgba(255,255,255,.7);}
.c-rule{width:24px;height:1px;background:#2c1a0e;opacity:.4;}
.cover-logo{position:absolute;bottom:0;left:50%;z-index:2;transform:translateX(-50%);width:90%;max-width:100%;height:auto;display:block;filter:drop-shadow(0 1px 10px rgba(0,0,0,.5));}
.cover-hint{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;}
.cover-hint-line{width:1px;height:24px;background:linear-gradient(to bottom,transparent,rgba(200,169,126,.6));}
.cover-hint-text{font-size:.72rem;letter-spacing:.28em;color:rgba(200,169,126,.75);text-transform:uppercase;}

/* ══ SHARED HEADER ══ */
.g-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;}
.g-brand-lbl{font-family:"Playfair Display",serif;font-size:.95rem;color:var(--espresso);letter-spacing:.2em;font-weight:400;}
.g-nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.nav-btn{background:none;border:1px solid rgba(44,26,14,.2);color:var(--espresso);font-family:"Montserrat",sans-serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;cursor:pointer;border-radius:2px;transition:all .2s;}
.nav-btn:hover{background:rgba(44,26,14,.06);}
.nav-btn.active{background:var(--espresso);color:#fff;}
.cart-icon-btn{background:none;border:1px solid rgba(44,26,14,.2);color:var(--espresso);font-family:"Montserrat",sans-serif;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 11px;cursor:pointer;border-radius:2px;transition:all .2s;display:flex;align-items:center;gap:6px;}
.cart-icon-btn:hover{background:rgba(44,26,14,.06);}
.cart-badge{background:var(--espresso);color:#fff;border-radius:50%;width:16px;height:16px;font-size:.55rem;display:inline-flex;align-items:center;justify-content:center;font-weight:400;}
.mobile-menu-btn{display:none;align-items:center;gap:8px;background:none;border:1px solid rgba(44,26,14,.2);color:var(--espresso);font-family:"Montserrat",sans-serif;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;padding:5px 10px;cursor:pointer;border-radius:2px;}

/* ══ SHARED FOOTER ══ */
.g-footer{background:#fff;border-top:1px solid #e8e8e8;padding:.55rem 1.5rem;display:flex;justify-content:space-between;align-items:center;}
.g-page-no{font-size:.56rem;letter-spacing:.2em;color:rgba(44,26,14,.35);text-transform:uppercase;}
.arrow-btn{background:none;border:1px solid rgba(44,26,14,.2);color:var(--espresso);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
.arrow-btn:hover{background:rgba(44,26,14,.06);}
.arrow-btn:disabled{opacity:.2;cursor:default;}
.back-btn{background:none;border:none;color:rgba(44,26,14,.4);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:"Montserrat",sans-serif;transition:color .2s;}
.back-btn:hover{color:var(--espresso);}
.arrow-group{display:flex;gap:6px;}

/* ══ GARMENT PAGES — DESKTOP ══ */
.garment-page{background:#fff;min-height:100vh;}
.g-body{display:grid;grid-template-columns:1fr 1fr;flex:1;align-items:start;}

/* 3:4 image column — full body always visible */
.g-image-col{
  position:relative;
  width:100%;
  aspect-ratio:3/4;
  background:#f5f5f5;
  overflow:hidden;
}
.g-img-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#f5f5f5 0%,#ebebeb 100%);}
.g-img-placeholder svg{opacity:.2;}
.img-hint{font-size:.62rem;letter-spacing:.15em;color:rgba(44,26,14,.35);text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:300;}
.g-img-real{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:contain;
  object-position:center center;
  background:#f5f5f5;
  display:block;
}
.g-style-tag{position:absolute;bottom:16px;left:16px;z-index:2;background:var(--espresso);color:#fff;font-size:.58rem;letter-spacing:.22em;padding:4px 10px;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:300;}
.g-detail-col{padding:2.5rem 2.2rem;display:flex;flex-direction:column;gap:1.4rem;background:#fff;overflow-y:auto;}
.g-style-no{font-family:"Cormorant Garamond",serif;font-size:.68rem;letter-spacing:.35em;color:var(--terracotta);text-transform:uppercase;font-weight:300;}
.g-name{font-family:"Playfair Display",serif;font-size:1.7rem;font-weight:400;color:var(--espresso);line-height:1.15;margin-top:.3rem;}
.g-price{font-family:"Montserrat",sans-serif;font-size:1rem;color:var(--terracotta);font-weight:400;letter-spacing:.05em;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.g-shipping{font-size:.58rem;letter-spacing:.12em;color:var(--military);text-transform:uppercase;font-weight:300;white-space:nowrap;}
.g-shipping em{font-style:normal;color:rgba(107,120,96,.65);}
.g-desc{font-family:"Cormorant Garamond",serif;font-size:1.05rem;color:var(--brown);line-height:1.85;font-style:italic;font-weight:300;}
.g-divider{width:40px;height:1px;background:#e0e0e0;}
.g-spec-label{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:#999;font-weight:400;margin-bottom:10px;}
.color-grid{display:flex;gap:10px;flex-wrap:wrap;}
.color-thumb{width:52px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid transparent;border-radius:4px;padding:3px;transition:border-color .18s;}
.color-thumb:hover{border-color:var(--sand);}
.color-thumb.selected{border-color:var(--espresso);}
.color-thumb-img{width:46px;height:46px;border-radius:3px;display:flex;align-items:center;justify-content:center;}
.color-thumb-name{font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:#999;font-family:"Montserrat",sans-serif;text-align:center;line-height:1.3;}
.size-row{display:flex;align-items:center;gap:14px;}
.size-select{font-family:"Montserrat",sans-serif;font-size:.72rem;color:var(--espresso);background:#fff;border:1px solid #ddd;border-radius:3px;padding:7px 28px 7px 10px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%232c1a0e'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;letter-spacing:.05em;}
.add-to-cart-btn{flex:1;background:var(--espresso);color:#fff;border:none;border-radius:3px;padding:11px 16px;font-family:"Montserrat",sans-serif;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.add-to-cart-btn:hover{background:var(--brown);}
.add-to-cart-btn.added{background:var(--military);}

/* ══ FOUNDER / SPLIT PAGES ══ */
.founder-page{background:#fff;min-height:100vh;}
.split-body{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:calc(100vh - 90px);}
.split-img-col{position:relative;display:flex;align-items:stretch;overflow:hidden;aspect-ratio:3/4;}
.split-img-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;}
.split-img-hint{font-size:.6rem;letter-spacing:.18em;color:rgba(44,26,14,.3);text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:300;text-align:center;padding:0 1.5rem;line-height:1.8;}
.split-img-real{width:100%;height:100%;object-fit:contain;object-position:center center;background:#f5f5f5;display:block;}
.split-text-col{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.6rem;overflow-y:auto;background:#fff;}
.split-eyebrow{font-size:.6rem;letter-spacing:.35em;color:var(--sand);text-transform:uppercase;font-weight:300;}
.split-heading{font-family:"Playfair Display",serif;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:400;color:var(--espresso);line-height:1.25;}
.split-divider{width:36px;height:1px;background:#e0e0e0;}
.split-body-text{font-family:"Cormorant Garamond",serif;font-size:1.05rem;color:var(--brown);line-height:1.95;font-weight:300;}
.split-sig{font-family:"Cormorant Garamond",serif;font-size:.9rem;font-style:italic;color:var(--terracotta);letter-spacing:.04em;}

/* ══ CONNECT PAGE ══ */
.connect-page{background:var(--espresso);min-height:100vh;}
.connect-links{display:flex;flex-direction:column;gap:1.1rem;}
.connect-link-row{display:flex;align-items:center;gap:14px;}
.connect-link-icon{width:34px;height:34px;border:1px solid rgba(200,169,126,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.connect-link-label{font-size:.52rem;letter-spacing:.22em;color:rgba(200,169,126,.4);text-transform:uppercase;font-family:"Montserrat",sans-serif;margin-bottom:3px;}
.connect-link-value{font-family:"Montserrat",sans-serif;font-size:.75rem;color:var(--sand);letter-spacing:.04em;font-weight:300;}
.connect-link-soon{font-size:.52rem;letter-spacing:.12em;color:rgba(200,169,126,.3);text-transform:uppercase;font-style:italic;margin-left:6px;}
.connect-footer-note{font-size:.52rem;letter-spacing:.14em;color:rgba(200,169,126,.25);text-transform:uppercase;margin-top:auto;padding-top:2rem;line-height:1.8;}

/* ══ CART ══ */
#page-cart{background:#fff;min-height:100vh;}
.cart-body{flex:1;max-width:640px;margin:0 auto;padding:2.5rem 1.5rem;width:100%;}
.cart-title{font-family:"Playfair Display",serif;font-size:1.6rem;font-weight:400;color:var(--espresso);margin-bottom:.4rem;}
.cart-sub{font-family:"Cormorant Garamond",serif;font-size:.85rem;color:var(--brown);font-style:italic;margin-bottom:2rem;}
.cart-empty{font-family:"Cormorant Garamond",serif;font-size:1rem;color:rgba(44,26,14,.4);font-style:italic;text-align:center;padding:3rem 0;}
.cart-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f0f0f0;}
.cart-item-swatch{width:36px;height:36px;border-radius:3px;flex-shrink:0;}
.cart-item-info{flex:1;}
.cart-item-name{font-size:.75rem;letter-spacing:.08em;color:var(--espresso);font-weight:400;text-transform:uppercase;}
.cart-item-meta{font-size:.62rem;color:#999;letter-spacing:.05em;margin-top:3px;}
.cart-item-price{font-size:.85rem;color:var(--terracotta);font-weight:400;white-space:nowrap;}
.cart-item-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.1rem;padding:4px;transition:color .15s;}
.cart-item-remove:hover{color:var(--terracotta);}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0 0;border-top:1px solid #f0f0f0;margin-top:.5rem;}
.cart-total-label{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:#999;}
.cart-total-amount{font-family:"Playfair Display",serif;font-size:1.4rem;color:var(--espresso);}
.checkout-btn{width:100%;margin-top:1.4rem;background:var(--espresso);color:#fff;border:none;border-radius:3px;padding:14px;font-family:"Montserrat",sans-serif;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.checkout-btn:hover{background:var(--brown);}
.checkout-note{font-size:.58rem;color:#aaa;letter-spacing:.08em;text-align:center;margin-top:.8rem;line-height:1.6;}
.cart-back-link{display:inline-block;margin-top:1.5rem;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:#aaa;cursor:pointer;border:none;background:none;font-family:"Montserrat",sans-serif;transition:color .2s;}
.cart-back-link:hover{color:var(--espresso);}

/* ══ MOBILE NAV DRAWER ══ */
.mobile-nav-drawer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(44,26,14,.97);z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:0;}
.mobile-nav-drawer.open{display:flex;}
.mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--sand);font-size:1.4rem;cursor:pointer;}
.mobile-nav-brand{font-family:"Playfair Display",serif;font-size:1.1rem;color:var(--sand);letter-spacing:.25em;margin-bottom:2.5rem;}
.mobile-nav-item{width:100%;text-align:center;padding:1rem 0;border-bottom:1px solid rgba(200,169,126,.1);font-family:"Montserrat",sans-serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(200,169,126,.8);cursor:pointer;transition:color .2s;}
.mobile-nav-item:first-of-type{border-top:1px solid rgba(200,169,126,.1);}
.mobile-nav-item:hover{color:#fff;}
.mobile-nav-cart{margin-top:1.5rem;padding:.8rem 2.5rem;border:1px solid rgba(200,169,126,.3);color:var(--sand);font-family:"Montserrat",sans-serif;font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;background:none;cursor:pointer;border-radius:2px;}

/* ══ TABLET ══ */
@media(max-width:768px){
  .cover-inner{width:min(70vh,95vw);}
  .g-detail-col{padding:1.8rem 1.4rem;}
  .g-name{font-size:1.4rem;}
  .split-text-col{padding:2rem 1.5rem;}
}

/* ══ MOBILE ══ */
@media(max-width:480px){
  #page-cover{align-items:stretch;}
  .cover-inner{width:100%;aspect-ratio:unset;height:100vh;min-height:100vh;}
  .cover-img{object-fit:cover;object-position:center top;}
  .cover-shoulder-left,.cover-shoulder-right{display:none;}
  .cover-top{padding:3% 4% 0;}
  .cover-issue,.cover-url{font-size:.72rem;}
  .g-header{padding:.75rem 1rem;}
  .g-brand-lbl{font-size:.85rem;}
  .g-nav{display:none;}
  .mobile-menu-btn{display:flex;}
  .g-body{display:flex;flex-direction:column;}
  .g-image-col{width:100%;aspect-ratio:3/4;}
  .g-detail-col{padding:1.5rem 1.2rem;max-height:none;overflow-y:visible;}
  .g-name{font-size:1.5rem;}
  .split-body{display:flex;flex-direction:column;}
  .split-img-col{min-height:70vw;aspect-ratio:3/4;}
  .split-text-col{padding:1.8rem 1.2rem;}
  .split-heading{font-size:1.4rem;}
  .g-footer{padding:.5rem 1rem;}
  .g-page-no{display:none;}
  .cart-body{padding:1.5rem 1rem;}
}