/* 40 Nights premium editorial layer — intentionally scoped over the original foundation. */
:root{--pn-ink:#11100e;--pn-cream:#ece5d8;--pn-sand:#d4c5ae;--pn-gold:#ab9060}
html{scroll-padding-top:24px}
body{background:var(--pn-ink)}
button,a,select{touch-action:manipulation}
:where(a,button,select,input):focus-visible{outline:2px solid #c5a46a;outline-offset:4px}
.nav{height:94px;padding:0 clamp(22px,4.4vw,88px);background:linear-gradient(180deg,rgba(9,9,8,.78),rgba(9,9,8,0));border-color:rgba(255,255,255,.24)}
.nav-links{align-items:center;gap:clamp(17px,2vw,42px)}
.nav-links a{font-size:10px;position:relative;padding:12px 0}
.nav-links a:after{content:"";height:1px;position:absolute;bottom:6px;left:0;right:100%;background:var(--pn-gold);transition:right .3s ease}
.nav-links a:hover:after,.nav-links a:focus-visible:after{right:0}
.bag-button{padding:13px;min-height:44px}
.hero{min-height:min(700px,100svh);height:100svh;max-height:1150px}
.hero-image img{object-position:64% 48%;filter:contrast(1.04) saturate(.73)}
.hero-image:after{background:linear-gradient(90deg,rgba(5,5,5,.92) 1%,rgba(7,7,6,.57) 42%,rgba(7,7,6,.03) 72%),linear-gradient(0deg,rgba(5,5,5,.7),transparent 26%)}
.hero-copy{left:clamp(25px,7.2vw,150px);top:52%;transform:translateY(-43%)}
.hero h1{font-size:clamp(91px,12.5vw,216px);font-weight:500}
.hero h1 em{padding-left:clamp(30px,7vw,135px)}
.hero-note{max-width:450px;font-size:clamp(16px,1.5vw,23px);line-height:1.45}
.hero .text-link{margin-top:32px}
.hero-topline{top:125px}
.hero-foot{bottom:35px}
.manifesto{padding-top:clamp(110px,13vw,230px);padding-bottom:clamp(100px,11vw,200px);background:#f0e9dc}
.manifesto h2{font-size:clamp(55px,7vw,124px);letter-spacing:-.073em;max-width:1000px}
.manifesto-copy{color:#302d27}
.editorial-panel{background:#171612;grid-template-columns:1.1fr .9fr}
.editorial-image{height:min(68vw,750px)}
.editorial-image img{object-position:48% center;filter:contrast(1.05) saturate(.76)}
.editorial-type h2{font-size:clamp(48px,5.5vw,98px)}
.collection{background:#d7cab5;padding:130px clamp(22px,5.2vw,95px) 150px}
.collection-head{grid-template-columns:.8fr 1.6fr .6fr}
.collection-head h2{font-size:clamp(52px,6.6vw,110px)}
.product-image{aspect-ratio:4/5}
.product-image span{opacity:1;transform:none;background:#eee7d8}
.product-meta{gap:16px;align-items:flex-start}
.product-meta h3{font-size:clamp(20px,2.2vw,34px);letter-spacing:-.04em}
.product-meta p{line-height:1.5}
.product-meta .original-price{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px}
.product-meta .original-price strong{font:500 17px var(--sans)}
.product-meta .original-price span{font:9px var(--mono);letter-spacing:.06em}
.product-meta .add{min-height:44px;white-space:nowrap}
.product-details-link{display:inline-block;margin:7px 0 0;padding:7px 0;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid currentColor;color:inherit;text-decoration:none}
.filter-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.filter-list button{background:none;border:1px solid rgba(19,17,15,.45);padding:12px 20px;min-height:44px;cursor:pointer;color:inherit;text-transform:uppercase;font:10px var(--mono);letter-spacing:.09em}
.filter-list button[aria-pressed="true"]{background:#171512;color:#f3ede1}
.product-card[hidden]{display:none!important}
.original-hero-reveal{height:78svh;min-height:500px}
.detail-atlas .atlas-head{gap:16px}
.cart{z-index:60}.scrim{z-index:59}
.cart:not(.open){visibility:hidden}
.cart.open{visibility:visible}
.cart[aria-hidden="true"]{pointer-events:none}
.cart-empty[hidden]{display:none!important}
.dialog-gallery>img{width:100%;height:550px;object-fit:cover}
.cart .bag-size select{display:block;margin-top:7px;max-width:90px;min-height:36px;background:transparent;border:1px solid #8f8170}
.quick-view{z-index:70}
.quick-view .sizes button{min-width:45px;min-height:45px}
.quick-view .sizes button.selected{background:#17140f;color:#fff}
.quick-view .dialog-gallery>img{max-height:650px;object-fit:cover}
.quick-view .dialog-info{overflow:auto}
.quick-view .dialog-add:disabled{opacity:.6;cursor:not-allowed}
.mobile-nav-toggle{display:none}
.commerce-shop .nav{position:relative;background:#11100e}
.commerce-shop .shop-hero{padding-top:clamp(100px,11vw,180px)}
.commerce-shop .product-offset{margin-top:95px}
@media (max-width:1020px){
  .product-meta{display:block}
  .product-meta .add{margin-top:8px}
}
@media (max-width:720px){
  .nav{height:75px;padding:0 20px;gap:10px;align-items:center}
  .nav .brand-logo{width:114px;flex-shrink:0}
  .nav-links{display:flex;gap:10px;overflow-x:auto}
  .js-enabled .nav-links{display:none}
  .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;order:2;border:1px solid rgba(255,255,255,.4);height:44px;min-width:44px;color:#fff;background:#111;font:11px var(--mono);cursor:pointer}
  .bag-button{margin-left:auto;order:3;min-width:57px}
  .nav-links.mobile-open{display:flex;position:absolute;top:75px;left:0;right:0;padding:25px 22px 35px;background:#11100f;flex-direction:column;align-items:stretch;gap:8px;z-index:50;box-shadow:0 15px 35px rgba(0,0,0,.35)}
  .nav-links.mobile-open a{font-size:13px;line-height:2}
  .hero{height:90svh;min-height:560px}
  .hero-copy{left:7vw;top:54%;transform:translateY(-32%)}
  .hero-image img{object-position:64% center}
  .hero-image:after{background:linear-gradient(90deg,rgba(6,6,6,.81),rgba(6,6,6,.25)),linear-gradient(0deg,rgba(6,6,6,.75),transparent 35%)}
  .hero h1{font-size:clamp(83px,21vw,142px)}
  .hero h1 em{padding-left:8vw}
  .hero-note{font-size:17px;max-width:280px}
  .hero-topline{top:95px}
  .manifesto{padding:95px 7vw}
  .manifesto h2{font-size:clamp(51px,11vw,84px)}
  .editorial-panel{padding:78px 7vw}
  .editorial-image{height:90vw;max-height:580px}
  .collection{padding:90px 6vw 100px}
  .products{display:grid;grid-template-columns:1fr;gap:38px}
  .product-card:nth-child(3){grid-column:auto;width:auto;margin:0}
  .product-offset,.commerce-shop .product-offset{margin-top:0}
  .product-image{aspect-ratio:4/5}
  .product-meta{display:flex;gap:13px}
  .product-meta h3{font-size:24px}
  .product-meta .original-price{gap:7px}
  .filter-list button{flex:1}
  .quick-view[open]{display:block}
  .quick-view .dialog-gallery>img{width:100%;height:min(46vh,460px)}
  .quick-view .dialog-info{padding:24px}
}
@media (max-width:390px){
  .hero h1{font-size:21vw}
  .nav .brand-logo{width:100px}
  .product-meta{display:block}
  .filter-list button{padding:10px}
}
