/* MNT Group /new/ — polish 20/10/2026: self-hosted Inter, relaxed tracking, own-factory badge, tablet navigation */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-vietnamese-wght-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2');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}
:root{--font-sans:Inter,"Segoe UI","Helvetica Neue",Arial,sans-serif}
html body{font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.lang-ja body{font-family:Inter,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP",sans-serif}
button,input,select,textarea{font-family:inherit}
/* relaxed tracking: protects Vietnamese diacritics and keeps headings legible */
body .hero h1,body .hero h2{letter-spacing:-.03em;line-height:1.05}
body .section-title,body .portfolio-heading h3,body .contact-cta h2{letter-spacing:-.02em;line-height:1.14}
body .service-card h3,body .service-journey h3{letter-spacing:-.012em}
body .number strong{letter-spacing:-.025em}
html.lang-ja body .hero h1,html.lang-ja body .hero h2,html.lang-ja body .section-title{letter-spacing:-.01em;line-height:1.2}
/* own factories */
.factory-card--own{border-top:3px solid var(--mnt-green,#00a650)}
.factory-badge{display:inline-block;margin:0 0 8px;padding:3px 9px;border-radius:3px;background:var(--mnt-navy,#303294);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}
/* tablet navigation: hamburger up to 1100px (prevents overlap/overflow) */
@media (max-width:1100px){
  .site-header,.header-inner{min-height:76px}
  .header-inner{grid-template-columns:auto 1fr auto;gap:12px}
  .brand,.brand img{width:104px}
  .menu-toggle{display:grid;place-items:center;justify-self:end}
  .primary-nav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;justify-content:flex-start;gap:0;padding:10px max(24px,calc((100vw - var(--max-width,1180px))/2)) 18px;border-bottom:1px solid var(--mnt-line,#e7e8eb);background:#fff;box-shadow:0 18px 30px rgba(18,38,75,.12)}
  .primary-nav.is-open{display:flex}
  .primary-nav a{padding:13px 0;font-size:.82rem;border-bottom:1px solid #f0f1f4}
  .primary-nav a:last-child{border-bottom:0}
}

/* catalogue reader */
.flip-toolbar .flip-download{background:var(--mnt-navy,#303294);border-color:var(--mnt-navy,#303294);color:#fff}
.flip-toolbar .flip-download:hover{background:var(--mnt-green,#00a650);border-color:var(--mnt-green,#00a650)}
.flip-toolbar button:hover{background:var(--mnt-green,#00a650);border-color:var(--mnt-green,#00a650)}
.flip-toolbar .flip-download,.flip-toolbar button{display:inline-flex;align-items:center;justify-content:center}
.flip-book{will-change:transform}
@media(max-width:560px){.flip-toolbar .flip-download{flex:1 1 100%}}
/* contrast: eyebrow labels on dark navy hero bands */
.catalog-hero .eyebrow,.content-hero .eyebrow,.catalog-hero--products .eyebrow{color:#7ee2a8}