/* Final site-wide art direction. Keep after individual section styles. */
@font-face { font-family: Manrope; src: url('../fonts/manrope-variable.ttf') format('truetype'); font-style: normal; font-weight: 200 800; font-display: swap; }
:root { --navy: #142c42; --red: #d82436; --muted: #607184; --pale: #f3f6f8; --brand-font: Manrope, 'Segoe UI', Arial, sans-serif; }
body { font-family: var(--brand-font); font-size: 14px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
h1,h2,h3 { font-family: var(--brand-font); font-weight: 750; }
em { color: var(--red); }
.container { max-width: 1280px; }
/* One shared desktop width and gutter for header and page sections. */
@media (min-width: 1200px) {
  :root { --page-container-width: 1480px; --page-container-gutter: 28px; }
  .container { max-width: var(--page-container-width); padding-left: var(--page-container-gutter); padding-right: var(--page-container-gutter); }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  :root { --page-container-gutter: 20px; }
}
.btn { font-family: var(--brand-font); font-size: 12px; font-weight: 750; padding: 13px 22px; border-radius: 6px; transition: background .2s, color .2s, box-shadow .2s; }
.btn-red { background: var(--red); border-color: var(--red); }
.btn-red:hover { background: #b91f30; border-color: #b91f30; box-shadow: 0 6px 16px #d824361a; }
.btn-outline-navy { border-color: #bbc7d1; background: #ffffffbb; }
.eyebrow { font-size: 10px!important; font-weight: 800!important; letter-spacing: 1.6px!important; }
.topbar { background: #142c42; padding: 9px 0; font-size: 10px; letter-spacing: .15px; }
.navbar { min-height: 88px; }
.nav-link { font-size: 11px; font-weight: 700; padding: 14px 9px!important; }
.site-header { box-shadow: 0 1px 0 #142c4210, 0 5px 18px #142c4204; }
.hero-slide { min-height: 530px; }
.hero-slide-copy { padding-top: 78px; padding-bottom: 105px; width: 65%; }
.hero-slide-title { font-family: var(--brand-font); font-size: clamp(36px, 3.8vw, 54px); font-weight: 800; letter-spacing: -2px; line-height: 1.12; text-transform: none; }
.hero-slide-description { font-size: 14px; line-height: 1.85; max-width: 540px; }
.hero-slide-actions { gap: 12px; }
.hero-trustbar .hero-facts { padding: 23px 0; }
.hero-trustbar .hero-facts strong { font-weight: 800; }
.services-section { padding-top: 48px; padding-bottom: 48px; }
.denim-service { border-color: #e4e9ee; box-shadow: 0 6px 22px #142c4205; }
.denim-service-body { padding: 26px; border-top-width: 2px; }
.denim-service h3 { font-size: 26px; letter-spacing: -.8px; line-height: 1.2; }
.denim-service-kicker { font-size: 9px; letter-spacing: 1.1px; }
.denim-service-description { font-size: 12px; line-height: 1.85; }
.products-backdrop { margin-top: 0; background: radial-gradient(ellipse at 90% 0, #dce7ef77, transparent 55%), #f2f6f9; border-color: #e8eef3; }
.products-backdrop::before { opacity: .45; }
.denim-products { padding-top: 64px; padding-bottom: 64px; }
.denim-products h2,.manufacturing-heading h2,.catalogue-section h2,.advantages-heading h2,.journal-section h2 { font-size: clamp(28px, 2.7vw, 36px); font-weight: 750; letter-spacing: -1.2px; line-height: 1.2; }
.denim-products .section-heading > div::before { display: none; }
.denim-product-info h3 { font-family: var(--brand-font); font-size: 19px; font-weight: 800; }
.denim-product-info { padding: 20px 16px; }
.company-section { padding: 72px 0 64px; }
.company-copy h2 { font-size: clamp(29px, 2.8vw, 38px); line-height: 1.2; letter-spacing: -1.2px; }
.company-lead { font-size: 14px; line-height: 1.8; font-weight: 650; }
.company-description { font-size: 12px; line-height: 1.9; }
.company-established strong { font-family: var(--brand-font); font-weight: 800; }
.company-stats { margin-top: 40px; background: #fafbfc; box-shadow: none; }
.company-stats > div { padding: 28px; }
.company-stats strong { font-family: var(--brand-font); font-weight: 800; font-size: 29px; }
.company-stats strong span { font-size: 18px; }
.manufacturing-section { background: #f4f6f8; padding: 64px 0 48px; border-color: #e8edf1; }
.manufacturing-heading { margin-bottom: 34px; }
.manufacturing-content h3 { font-family: var(--brand-font); font-size: 12px; font-weight: 800; }
.manufacturing-content p { line-height: 1.85; }
.manufacturing-card { box-shadow: none; }
.catalogue-section { padding-top: 68px; padding-bottom: 68px; }
.catalogue-section .section-heading { margin-bottom: 24px; }
.catalogue-body { padding: 23px 20px 20px; }
.catalogue-body h3 { font-family: var(--brand-font); font-size: 15px; font-weight: 800; line-height: 1.5; }
.catalogue-summary { line-height: 1.85; }
.catalogue-code { font-size: 9px; letter-spacing: 1.1px; }
.catalogue-card { box-shadow: none; border-color: #e2e8ed; }
.catalogue-quote { background: var(--navy); border-color: var(--navy); border-radius: 5px; font-family: var(--brand-font); }
.catalogue-quote:hover { background: var(--red); border-color: var(--red); }
.catalogue-details { font-family: var(--brand-font); }
.denim-finishes { padding-top: 60px; padding-bottom: 42px; background: radial-gradient(ellipse at 100% 0, #27476244, transparent 55%), #10283b; }
.finishes-heading { border-left-color: #c2a181; padding-left: 22px; }
.finishes-heading h2 { font-size: clamp(28px, 2.7vw, 36px); line-height: 1.25; letter-spacing: -1px; }
.finishes-heading h2 span { color: #c6d6e3; }
.finish-swatch { background: #18344a; }
.finishes-grid { border-color: #ffffff14; background: #ffffff03; }
.advantages-section { padding: 68px 0; }
.advantages-heading { margin-bottom: 36px; }
.advantage-card { padding: 28px; background: #fafbfd; box-shadow: none; }
.advantage-card h3 { font-family: var(--brand-font); font-size: 16px; font-weight: 800; }
.advantage-number { font-family: var(--brand-font); font-size: 30px; font-weight: 800; }
.advantage-card p { line-height: 1.85; }
.responsibility-section { background: #eef3f6; padding: 52px 0; }
.responsibility-green { background: radial-gradient(ellipse at 100% 0, #466e5955, transparent 65%), #204c3b; }
.responsibility-blue { background: radial-gradient(ellipse at 100% 0, #45698655, transparent 65%), #1c3d55; }
.responsibility-copy { padding: 36px; }
.responsibility-copy h2 { font-size: clamp(28px, 2.5vw, 34px); line-height: 1.25; letter-spacing: -1px; }
.responsibility-description { font-size: 12px; line-height: 1.9; }
.responsibility-card { box-shadow: 0 8px 24px #142c4207; }
.responsibility-bottom { padding: 18px 36px; }
.journal-section { padding: 68px 0; background: #fafbfc; }
.journal-body { padding: 25px; }
.journal-body h3 { font-family: var(--brand-font); font-size: 19px; line-height: 1.45; font-weight: 800; letter-spacing: -.5px; }
.journal-body > p { line-height: 1.85; }
.journal-card { box-shadow: none; }
.journal-read { font-family: var(--brand-font); }
.collection-cta { padding: 64px 0; background: radial-gradient(ellipse at 5% 100%, #e8dbce66, transparent 55%), #f3eee7; }
.collection-cta-copy h2 { font-family: var(--brand-font); font-size: clamp(34px, 3.5vw, 46px); line-height: 1.2; letter-spacing: -1.7px; }
.collection-cta-copy > p:not(.eyebrow) { font-size: 13px; }
.collection-cta-action h3 { font-family: var(--brand-font); font-size: 25px; letter-spacing: -.8px; }
.corporate-footer { background: #0e2232; }
.footer-topline { padding: 26px 0; margin-bottom: 40px; }
.footer-topline > span { font-family: var(--brand-font); font-size: 13px; font-weight: 600; }
.corporate-footer .footer-grid { gap: 22px; }
.corporate-footer .footer-grid a:not(.footer-logo),.corporate-footer .footer-about > p { font-size: 11px; }
.corporate-footer .footer-grid h4 { font-weight: 800; }
.corporate-footer .footer-bottom { padding: 23px 0; }
@media (max-width: 1199px) { .hero-slide-copy { width: 70%; padding-top: 65px; } .hero-slide-title { font-size: 43px; } .company-stats > div { padding: 24px 20px; } .responsibility-copy { padding: 30px; } .catalogue-body { padding: 20px 15px; } }
@media (max-width: 991px) { .hero-slide-copy { width: 80%; } .hero-slide-title { font-size: 40px; } .company-section,.advantages-section,.catalogue-section,.journal-section { padding-top: 52px; padding-bottom: 52px; } .denim-products { padding-top: 52px; padding-bottom: 52px; } .manufacturing-section { padding-top: 52px; } .responsibility-description { min-height: 150px; } }
@media (max-width: 767px) { .hero-slide-copy { width: 100%; padding: 48px 0 95px; } .hero-slide-title { font-size: 37px; letter-spacing: -1.3px; } .hero-slide { min-height: 515px; } .hero-slide-description { font-size: 13px; } .services-section { padding-top: 32px; padding-bottom: 32px; } .denim-products,.company-section,.advantages-section,.catalogue-section,.journal-section { padding-top: 42px; padding-bottom: 42px; } .manufacturing-section,.denim-finishes { padding-top: 42px; padding-bottom: 34px; } .responsibility-section { padding: 36px 0; } .company-copy h2 { font-size: 31px; } .company-stats strong { font-size: 27px; } .collection-cta { padding: 42px 0; } .collection-cta-copy h2 { font-size: 37px; } .responsibility-description { min-height: 0; } .journal-body h3 { font-size: 20px; } .journal-body { padding: 23px; } .footer-topline { margin-bottom: 30px; } }
@media (max-width: 399px) { .hero-slide-title { font-size: 31px; letter-spacing: -1px; } .hero-slide { min-height: 545px; } .hero-slide-copy .eyebrow { font-size: 9px!important; letter-spacing: 1px!important; } .denim-service-body { padding: 23px; } .company-stats > div { padding: 20px 14px; } .company-stats strong { font-size: 24px; } .responsibility-copy { padding: 26px 22px; } .responsibility-bottom { padding: 17px 22px; } .collection-cta-copy h2 { font-size: 32px; } }