/* Revision 05. Load after style.css and editorial.css.
   Real static 400/500 faces extend the existing 700 faces; no synthetic weights. */
@font-face{
 font-family:NA;
 src:url('assets/IBMPlexMono-Regular.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
 font-family:NA;
 src:url('assets/IBMPlexMono-Medium.woff2') format('woff2');
 font-weight:500;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
 font-family:NAZero;
 src:url('assets/NotoSansMono-Regular-zero.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030;
}
@font-face{
 font-family:NAZero;
 src:url('assets/NotoSansMono-Medium-zero.woff2') format('woff2');
 font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0030;
}

/* Reading text. The original family stack also supplies the dedicated zero. */
html{font-synthesis:none}
body{font-weight:400}
input,select,textarea{font-family:var(--font);font-weight:400}
.body-copy,.small-copy,.product-intro-copy,.purchase-notes,.detail-list,
.accordion .answer,.stamp-dossier-copy,.letter-colophon,
.manifesto-text p,.manifesto-passage p,.legal-content p,
.preview-dialog p,.preview-dialog li,.cart-item p{font-weight:400}

/* Controls, navigation and compact labels retain enough presence at small sizes. */
button,label,summary,th,
.header-nav,.header-tools,.menu-links,.footer-links,.footer-label,.footer-bottom,
.section-kicker,.eyebrow,.hero-eyebrow,.hero-side-note,.hero-foot,.stage-topline,
.stage-player,.stage-foot,.arrow-link,.text-link,.editorial-link,.btn,.stage-cta,
.film-caption,.film-note,figcaption,.gallery-caption,.pdp-status,.pdp-subtitle,
.size-label-row,.quantity-row,.detail-list span:first-child,.spec-row,
.home-product-details,.price-line,.field-label,.size-table caption,
.editorial-register,.editorial-folio,.frontispiece-notes,.frontispiece-footer>p,
.stamp-annotations,.letter-dispatch,.letter-colophon p>span,.letter-footer,
.atmosphere-coordinates,.atmosphere-sign,
.countdown-caption,.countdown-demo,.countdown-unit>span,.countdown-note,
.countdown-delivery,.preview-trigger{font-weight:500}

/* Strong display and commercial anchors use the real Bold already in style.css. */
h1,h2,h3,h4,h5,h6,strong,b,.display-title,.hero-title,.chapter-title,
.price,.cart-total,.cart-item .cart-item-price,.order-id,.archive-code,.archive-film-title,.footer-sign,
.waitlist-visual .quote,.countdown-unit strong,.countdown-unit:after,
.countdown-closed,.home-product-details strong{font-weight:700}

/* Editorial rhythm: alternate regular and bold lines without changing the copy. */
.frontispiece-body h2{font-weight:400}
.frontispiece-body h2>span:first-of-type{font-weight:700}
.frontispiece-body h2>span:last-of-type{font-weight:400}
.stamp-plate h2{font-weight:400}
.stamp-plate h2>span{font-weight:700}
.letter-composition h2>span{font-weight:400}
.letter-composition h2>span:last-child{font-weight:700}
.manifesto-statement p{font-weight:700}
.stamp-atmosphere .atmosphere-line{font-weight:400}
.stamp-atmosphere .atmosphere-line strong{font-weight:500}
.type-light{font-weight:400}

/* Home question shares the clock size, with a lighter reading weight. */
.stage-heading .hero-title{font-weight:400}

/* Revision 32: the longer garment headline stays within its image-side column. */
.home-product-copy h2 {
 font-size:clamp(28px,3.25vw,56px);
 line-height:1.08;
 letter-spacing:-.045em;
 max-width:100%;
}
@media(max-width:520px) {
 .home-product-copy h2 {font-size:clamp(28px,8vw,42px)}
}

/* Revision 34: the preorder statement fits its existing editorial column. */
.preorder-editorial>div:first-child{min-width:0}
.preorder-editorial h2{font-size:clamp(28px,3vw,48px);line-height:1.1;letter-spacing:-.045em}
.preorder-editorial .small-copy{max-width:100%}
@media(max-width:800px){
 .preorder-editorial h2{font-size:clamp(28px,5.2vw,40px)}
}