:root{ --paper:#F7F5F0; --surface:#FFFFFF; --steel:#EDEAE2; --steel-line:#DDD8CC; --ink:#1A1C1E; --ink-soft:#52585C; --ink-faint:#63686D; --line:rgba(26,28,30,0.13); --graphite:#1E2124; --graphite-soft:#2A2E31; --paper-on-graphite:#F3F1EC; --red:#A6281F; --red-hover:#8A211A; --red-tint:#F5E3E1; --gold:#A9863F; --gold-tint:#F1E8D4; --radius-s:4px; --radius-m:8px; --shadow-card:0 1px 2px rgba(26,28,30,0.06), 0 8px 24px -12px rgba(26,28,30,0.20); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} img,svg{display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;} .icon,.pin{width:100%;height:100%;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);} .eyebrow.on-graphite{color:var(--gold);} h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;letter-spacing:0.005em;margin:0;color:inherit;} /* header */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:88px;background:var(--surface);border-bottom:1px solid var(--line);} .brand{display:flex;align-items:center;} .brand img{height:52px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:32px;} .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);} .head-right{display:flex;align-items:center;gap:20px;} .nav-lang{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:7px 13px 7px 11px;} .nav-lang svg{width:15px;height:15px;color:var(--ink-faint);} .btn{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:4px;border:1.5px solid transparent;cursor:default;white-space:nowrap;} .btn svg{width:16px;height:16px;} .btn-primary{background:var(--red);color:#fff;} .btn-ghost-dark{border-color:var(--ink);color:var(--ink);} .btn-ghost-light{border-color:rgba(243,241,236,0.5);color:var(--paper-on-graphite);} /* hero — real facility photo */ .hero{position:relative;overflow:hidden;padding:104px 40px 96px;color:var(--paper-on-graphite);} .hero-slider{position:absolute;inset:0;} .hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;} .hero-slide.is-active{opacity:1;} .hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg, rgba(23,25,27,0.96) 0%, rgba(23,25,27,0.90) 40%, rgba(23,25,27,0.62) 78%, rgba(23,25,27,0.40) 100%);} .hero-inner{position:relative;max-width:900px;margin:0 auto;padding:0 40px;} .hero h1{font-size:56px;line-height:1.07;margin:18px 0 22px;max-width:780px;} .hero .lede{font-size:19px;line-height:1.55;color:rgba(243,241,236,0.86);max-width:620px;margin:0 0 36px;} .hero-ctas{display:flex;gap:16px;} .hero-credit{position:relative;margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.04em;color:rgba(243,241,236,0.45);} /* trust strip */ .trust-strip{background:var(--surface);border-bottom:1px solid var(--line);} .trust-row{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);} .trust-item{padding:28px 30px;border-left:1px solid var(--line);} .trust-item:first-child{border-left:none;} .trust-item .n{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:22px;color:var(--ink);white-space:nowrap;} .trust-item .l{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;line-height:1.4;} /* section shell */ .section{padding:96px 40px;} .section.steel{background:var(--steel);} .section-inner{max-width:1240px;margin:0 auto;} .section-head{max-width:680px;margin-bottom:52px;} .section-head h2{font-size:36px;margin-top:14px;} .section-head .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} .section-head .highlight{margin-top:18px;padding:14px 18px;background:var(--gold-tint);border-left:3px solid var(--gold);border-radius:2px;font-size:14px;color:var(--ink);} /* sector cards */ .sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .sector-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card);} .sector-card .icon{width:42px;height:42px;color:var(--red);} .sector-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:18px;color:var(--ink);} .sector-card p{font-size:13.5px;color:var(--ink-soft);margin:0;} .sector-card .go{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;} .sector-card .go svg{width:12px;height:12px;} /* capability grid — 5 real in-house disciplines */ .cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;} .cap-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card);} .cap-card .icon{width:34px;height:34px;color:var(--gold);} .cap-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;line-height:1.25;} .cap-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;} .cap-card li{font-size:11.5px;color:var(--ink-soft);position:relative;padding-left:12px;line-height:1.4;} .cap-card li::before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--gold);} /* proof strip — real photos from the floor */ .proof-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .proof-card{border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);} .proof-card img{width:100%;height:320px;object-fit:cover;display:block;} .proof-card .cap{padding:16px 22px;font-size:13.5px;color:var(--ink-soft);} /* locations */ .loc-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:32px;} .loc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;} .loc-card .visual{width:100%;height:180px;background:var(--steel);display:flex;align-items:center;justify-content:center;} .loc-card .visual img{width:100%;height:100%;object-fit:cover;object-position:center 30%;} .loc-card .visual svg{width:56px;height:56px;color:var(--ink-faint);opacity:0.55;} .loc-card .body{padding:28px 32px;flex:1;display:flex;flex-direction:column;} .loc-card .country{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);} .loc-card h3{font-size:23px;font-weight:800;margin:6px 0 10px;} .loc-card .role{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px;} .loc-card .desc{font-size:14px;color:var(--ink-soft);margin:0 0 14px;line-height:1.55;} .loc-card .fact{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-faint);margin:0 0 14px;} .loc-card .addr{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-faint);border-top:1px dashed var(--steel-line);padding-top:12px;margin-top:auto;} .loc-connector{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;} .loc-connector .ln{width:2px;height:64px;background:repeating-linear-gradient(to bottom,var(--gold) 0 6px,transparent 6px 12px);} .loc-connector .tag{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-faint);text-align:center;max-width:80px;} /* certifications — 5 verified ISO management-system certificates */ .cert-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .cert-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px;} .cert-card .icon{width:30px;height:30px;color:var(--gold);flex-shrink:0;} .cert-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;} .cert-card p{font-size:12.5px;color:var(--ink-soft);margin:5px 0 0;line-height:1.5;} .cert-note{margin-top:20px;font-size:13px;color:var(--ink-faint);} /* closing CTA */ .cta-band{background:var(--graphite);color:var(--paper-on-graphite);padding:88px 40px;text-align:center;} .cta-band .eyebrow{justify-content:center;display:flex;} .cta-band h2{font-size:36px;max-width:720px;margin:16px auto 18px;} .cta-band .lede{color:rgba(243,241,236,0.78);max-width:560px;margin:0 auto 32px;font-size:16.5px;} .cta-band .ctas{display:flex;justify-content:center;gap:16px;} .cta-band .micro{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(243,241,236,0.55);} /* footer */ .site-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 40px 32px;} .footer-inner{max-width:1240px;margin:0 auto;} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);} .footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} .footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;} .footer-col li,.footer-col p{font-size:14px;color:var(--ink-soft);margin:0;} .footer-about img{height:34px;width:auto;margin-bottom:14px;} .footer-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px;} .lang-row{display:flex;gap:8px;} .lang-pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--ink-soft);} .lang-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);} .copyright{font-size:13px;color:var(--ink-faint);} .legal-line{font-size:11px;color:var(--ink-faint);margin-top:4px;} /* — signature layer: brand motif + micro-interactions — */ .top-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red), var(--gold));z-index:50;} .est-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:14px;margin-left:14px;text-transform:uppercase;white-space:nowrap;} .ribbon-divider{width:100%;line-height:0;} .ribbon-divider svg{width:100%;height:22px;display:block;} .ribbon-divider.on-graphite{background:var(--graphite);} .ribbon-divider.on-steel{background:var(--steel);} .ribbon-divider.on-paper{background:var(--paper);} .btn{transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;cursor:pointer;} .btn-primary:hover{background:var(--red-hover);box-shadow:0 6px 16px -4px rgba(166,40,31,0.5);transform:translateY(-1px);} .btn-ghost-dark:hover{background:var(--ink);color:#fff;} .btn-ghost-light:hover{background:rgba(243,241,236,0.12);border-color:rgba(243,241,236,0.9);} .nav-links a{position:relative;padding-bottom:6px;transition:color .2s ease;cursor:pointer;} .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s ease;} .nav-links a:hover{color:var(--ink);} .nav-links a:hover::after{width:100%;} .sector-card{position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;cursor:pointer;} .sector-card .icon{color:var(--ink-faint);transition:color .3s ease;} .sector-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px -16px rgba(26,28,30,0.30);border-color:rgba(166,40,31,0.28);} .sector-card:hover .icon{color:var(--red);} .sector-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;} .sector-card:hover::after{transform:scaleX(1);} .sector-card .go svg{transition:transform .25s ease;} .sector-card:hover .go svg{transform:translateX(3px);} .cap-card{position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;} .cap-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cap-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(26,28,30,0.26);} .cap-card:hover .icon{color:var(--gold);} .cap-card li::before{background:transparent;border:1.4px solid var(--gold);top:5px;} .cert-card{transition:transform .2s ease, box-shadow .2s ease;} .cert-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cert-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(26,28,30,0.24);} .cert-card:hover .icon{color:var(--gold);} .proof-card img{filter:grayscale(0.85) contrast(1.02);transition:filter .5s ease, transform .6s ease;} .proof-card:hover img{filter:grayscale(0);transform:scale(1.045);} .loc-card{transition:box-shadow .25s ease;} .loc-card .visual img{filter:grayscale(0.8);transition:filter .5s ease, transform .6s ease;} .loc-card:hover .visual img{filter:grayscale(0);transform:scale(1.04);} .loc-card:hover{box-shadow:0 18px 34px -16px rgba(26,28,30,0.26);} :root{ --paper:#F7F5F0; --surface:#FFFFFF; --steel:#EDEAE2; --steel-line:#DDD8CC; --ink:#1A1C1E; --ink-soft:#52585C; --ink-faint:#63686D; --line:rgba(26,28,30,0.13); --graphite:#1E2124; --graphite-soft:#2A2E31; --paper-on-graphite:#F3F1EC; --red:#A6281F; --red-hover:#8A211A; --red-tint:#F5E3E1; --gold:#A9863F; --gold-tint:#F1E8D4; --radius-s:4px; --radius-m:8px; --shadow-card:0 1px 2px rgba(26,28,30,0.06), 0 8px 24px -12px rgba(26,28,30,0.20); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} img,svg{display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;} .icon{width:100%;height:100%;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);} .eyebrow.on-graphite{color:var(--gold);} h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;letter-spacing:0.005em;margin:0;color:inherit;} /* header */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:88px;background:var(--surface);border-bottom:1px solid var(--line);} .brand{display:flex;align-items:center;} .brand img{height:52px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:32px;} .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);} .head-right{display:flex;align-items:center;gap:20px;} .nav-lang{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:7px 13px 7px 11px;} .nav-lang svg{width:15px;height:15px;color:var(--ink-faint);} .btn{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:4px;border:1.5px solid transparent;cursor:default;white-space:nowrap;} .btn svg{width:16px;height:16px;} .btn-primary{background:var(--red);color:#fff;} .btn-ghost-dark{border-color:var(--ink);color:var(--ink);} .btn-ghost-light{border-color:rgba(243,241,236,0.5);color:var(--paper-on-graphite);} /* breadcrumb */ .breadcrumb-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 40px;} .breadcrumb{max-width:1240px;margin:0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-faint);display:flex;gap:8px;align-items:center;} .breadcrumb b{color:var(--ink-soft);font-weight:500;} /* sector hero — text + real product graphic */ .sector-hero{background:var(--steel);padding:76px 40px;border-bottom:3px solid var(--red);} .sector-hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;} .sector-hero h1{font-size:42px;line-height:1.08;margin:16px 0 18px;color:var(--ink);} .sector-hero .lede{font-size:17px;color:var(--ink-soft);margin:0 0 30px;} .sector-hero-ctas{display:flex;gap:16px;} .sector-hero-visual{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--line);} .sector-hero-visual img{width:100%;display:block;} /* value props — real, from Alpin's own automotive material */ .value-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding-top:36px;border-top:1px solid var(--steel-line);} .value-item{display:flex;flex-direction:column;gap:10px;} .value-item .icon{width:28px;height:28px;color:var(--gold);} .value-item h4{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;margin:0;} .value-item p{font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.45;} /* section shell */ .section{padding:88px 40px;} .section.steel{background:var(--steel);} .section-inner{max-width:1240px;margin:0 auto;} .section-head{max-width:640px;margin-bottom:52px;} .section-head h2{font-size:34px;margin-top:14px;} .section-head .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} /* process columns (reused pattern) */ .process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .process-card{display:flex;flex-direction:column;gap:16px;} .process-card .icon{width:46px;height:46px;color:var(--gold);} .process-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:19px;} .process-card p{font-size:14.5px;color:var(--ink-soft);margin:0;} /* certifications (reused pattern, 5 real ISO certs) */ .cert-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .cert-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px;} .cert-card .icon{width:30px;height:30px;color:var(--gold);flex-shrink:0;} .cert-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;} .cert-card p{font-size:12.5px;color:var(--ink-soft);margin:5px 0 0;line-height:1.5;} .cert-note{margin-top:20px;font-size:13px;color:var(--ink-faint);} /* trust / case study placeholder — genuinely no case study data yet */ .tbd-card{border:1.5px dashed var(--steel-line);border-radius:var(--radius-m);padding:32px;background:var(--surface);} .tbd-card .tbd-tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;display:block;} .tbd-card p{font-size:15.5px;color:var(--ink-soft);font-style:italic;margin:0;line-height:1.6;max-width:680px;} /* related sectors */ .chip-row{display:flex;flex-wrap:wrap;gap:12px;} .sector-chip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:10px 18px 10px 12px;} .sector-chip .icon{width:22px;height:22px;color:var(--red);} .sector-chip span{font-size:13.5px;font-weight:500;color:var(--ink);} /* closing CTA (reused) */ .cta-band{background:var(--graphite);color:var(--paper-on-graphite);padding:88px 40px;text-align:center;} .cta-band .eyebrow{justify-content:center;display:flex;} .cta-band h2{font-size:36px;max-width:720px;margin:16px auto 18px;} .cta-band .lede{color:rgba(243,241,236,0.78);max-width:560px;margin:0 auto 32px;font-size:16.5px;} .cta-band .ctas{display:flex;justify-content:center;gap:16px;} .cta-band .micro{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(243,241,236,0.55);} /* footer (reused) */ .site-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 40px 32px;} .footer-inner{max-width:1240px;margin:0 auto;} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);} .footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} .footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;} .footer-col li,.footer-col p{font-size:14px;color:var(--ink-soft);margin:0;} .footer-about img{height:34px;width:auto;margin-bottom:14px;} .footer-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px;} .lang-row{display:flex;gap:8px;} .lang-pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--ink-soft);} .lang-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);} .copyright{font-size:13px;color:var(--ink-faint);} .legal-line{font-size:11px;color:var(--ink-faint);margin-top:4px;} /* — signature layer: brand motif + micro-interactions — */ .top-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red), var(--gold));z-index:50;} .est-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:14px;margin-left:14px;text-transform:uppercase;white-space:nowrap;} .ribbon-divider{width:100%;line-height:0;} .ribbon-divider svg{width:100%;height:22px;display:block;} .ribbon-divider.on-graphite{background:var(--graphite);} .ribbon-divider.on-steel{background:var(--steel);} .ribbon-divider.on-paper{background:var(--paper);} .btn{transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;cursor:pointer;} .btn-primary:hover{background:var(--red-hover);box-shadow:0 6px 16px -4px rgba(166,40,31,0.5);transform:translateY(-1px);} .btn-ghost-dark:hover{background:var(--ink);color:#fff;} .btn-ghost-light:hover{background:rgba(243,241,236,0.12);border-color:rgba(243,241,236,0.9);} .nav-links a{position:relative;padding-bottom:6px;transition:color .2s ease;cursor:pointer;} .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s ease;} .nav-links a:hover{color:var(--ink);} .nav-links a:hover::after{width:100%;} .sector-hero-visual{transition:box-shadow .25s ease;} .sector-hero-visual img{filter:grayscale(0.7);transition:filter .5s ease, transform .6s ease;} .sector-hero-visual:hover img{filter:grayscale(0);transform:scale(1.03);} .value-item{transition:transform .2s ease;} .value-item .icon{color:var(--ink-faint);transition:color .3s ease;} .value-item:hover{transform:translateY(-2px);} .value-item:hover .icon{color:var(--gold);} .process-card{transition:transform .2s ease;} .process-card .icon{color:var(--ink-faint);transition:color .3s ease;} .process-card:hover{transform:translateY(-3px);} .process-card:hover .icon{color:var(--gold);} .cert-card{transition:transform .2s ease, box-shadow .2s ease;} .cert-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cert-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(26,28,30,0.24);} .cert-card:hover .icon{color:var(--gold);} .sector-chip{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;cursor:pointer;} .sector-chip .icon{color:var(--ink-faint);transition:color .3s ease;} .sector-chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(26,28,30,0.22);border-color:rgba(166,40,31,0.3);} .sector-chip:hover .icon{color:var(--red);} :root{ --paper:#F7F5F0; --surface:#FFFFFF; --steel:#EDEAE2; --steel-line:#DDD8CC; --ink:#1A1C1E; --ink-soft:#52585C; --ink-faint:#63686D; --line:rgba(26,28,30,0.13); --graphite:#1E2124; --graphite-soft:#2A2E31; --paper-on-graphite:#F3F1EC; --red:#A6281F; --red-hover:#8A211A; --red-tint:#F5E3E1; --gold:#A9863F; --gold-tint:#F1E8D4; --radius-s:4px; --radius-m:8px; --shadow-card:0 1px 2px rgba(26,28,30,0.06), 0 8px 24px -12px rgba(26,28,30,0.20); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} img,svg{display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;} .icon{width:100%;height:100%;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);} .eyebrow.on-graphite{color:var(--gold);} h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;letter-spacing:0.005em;margin:0;color:inherit;} /* header */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:88px;background:var(--surface);border-bottom:1px solid var(--line);} .brand{display:flex;align-items:center;} .brand img{height:52px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:32px;} .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);} .head-right{display:flex;align-items:center;gap:20px;} .nav-lang{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:7px 13px 7px 11px;} .nav-lang svg{width:15px;height:15px;color:var(--ink-faint);} .btn{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:4px;border:1.5px solid transparent;cursor:default;white-space:nowrap;} .btn svg{width:16px;height:16px;} .btn-primary{background:var(--red);color:#fff;} .btn-ghost-dark{border-color:var(--ink);color:var(--ink);} .btn-ghost-light{border-color:rgba(243,241,236,0.5);color:var(--paper-on-graphite);} /* breadcrumb */ .breadcrumb-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 40px;} .breadcrumb{max-width:1240px;margin:0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-faint);display:flex;gap:8px;align-items:center;} .breadcrumb b{color:var(--ink-soft);font-weight:500;} /* kurumsal hero — text + real CAD/engineering photo (reuses sector-hero pattern) */ .sector-hero{background:var(--steel);padding:76px 40px;border-bottom:3px solid var(--red);} .sector-hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;} .sector-hero h1{font-size:40px;line-height:1.1;margin:16px 0 18px;color:var(--ink);} .sector-hero .lede{font-size:17px;color:var(--ink-soft);margin:0 0 30px;} .sector-hero-ctas{display:flex;gap:16px;} .sector-hero-visual{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--line);} .sector-hero-visual img{width:100%;display:block;} /* section shell */ .section{padding:88px 40px;} .section.steel{background:var(--steel);} .section-inner{max-width:1240px;margin:0 auto;} .section-head{max-width:640px;margin-bottom:52px;} .section-head h2{font-size:34px;margin-top:14px;} .section-head .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} /* stat row — company-in-numbers, boxed variant of the homepage trust strip */ .stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--surface);margin-bottom:56px;} .stat-item{padding:26px 22px;border-left:1px solid var(--line);text-align:center;} .stat-item:first-child{border-left:none;} .stat-item .n{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:25px;color:var(--ink);white-space:nowrap;} .stat-item .l{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;} /* competency chips — same 5 in-house disciplines as the homepage capability grid, condensed */ .chip-row{display:flex;flex-wrap:wrap;gap:12px;} .comp-chip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:10px 18px 10px 12px;} .comp-chip .icon{width:22px;height:22px;color:var(--ink-faint);transition:color .3s ease;} .comp-chip span{font-size:13.5px;font-weight:500;color:var(--ink);} /* growth timeline — visualizes the 2015→2020 story */ .timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:34px 24px;position:relative;padding-top:2px;overflow:hidden;} .timeline::before{content:none;} .timeline-item::before{content:'';position:absolute;top:25px;left:58px;width:calc(100% + 24px);height:2px;background:var(--gold);opacity:0.32;} .timeline-item{position:relative;display:flex;flex-direction:column;gap:14px;} .timeline-dot{width:48px;height:48px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;} .timeline-dot .icon{width:22px;height:22px;color:var(--ink-faint);transition:color .3s ease;} .timeline-year{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--red);font-weight:500;letter-spacing:0.03em;} .timeline-item h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:16px;margin:2px 0 0;} .timeline-item p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.5;max-width:240px;} /* proof strip — real photos from the floor (same pattern as homepage) */ .proof-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .proof-card{border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);} .proof-card img{width:100%;height:320px;object-fit:cover;display:block;} .proof-card .cap{padding:16px 22px;font-size:13.5px;color:var(--ink-soft);} /* certifications (reused pattern, 5 real ISO certs) */ .cert-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .cert-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px;} .cert-card .icon{width:30px;height:30px;color:var(--gold);flex-shrink:0;} .cert-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;} .cert-card p{font-size:12.5px;color:var(--ink-soft);margin:5px 0 0;line-height:1.5;} .cert-note{margin-top:20px;font-size:13px;color:var(--ink-faint);} /* closing CTA (reused) */ .cta-band{background:var(--graphite);color:var(--paper-on-graphite);padding:88px 40px;text-align:center;} .cta-band .eyebrow{justify-content:center;display:flex;} .cta-band h2{font-size:36px;max-width:720px;margin:16px auto 18px;} .cta-band .lede{color:rgba(243,241,236,0.78);max-width:560px;margin:0 auto 32px;font-size:16.5px;} .cta-band .ctas{display:flex;justify-content:center;gap:16px;} .cta-band .micro{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(243,241,236,0.55);} /* footer (reused) */ .site-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 40px 32px;} .footer-inner{max-width:1240px;margin:0 auto;} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);} .footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} .footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;} .footer-col li,.footer-col p{font-size:14px;color:var(--ink-soft);margin:0;} .footer-about img{height:34px;width:auto;margin-bottom:14px;} .footer-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px;} .lang-row{display:flex;gap:8px;} .lang-pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--ink-soft);} .lang-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);} .copyright{font-size:13px;color:var(--ink-faint);} .legal-line{font-size:11px;color:var(--ink-faint);margin-top:4px;} /* — signature layer: brand motif + micro-interactions — */ .top-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red), var(--gold));z-index:50;} .est-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:14px;margin-left:14px;text-transform:uppercase;white-space:nowrap;} .ribbon-divider{width:100%;line-height:0;} .ribbon-divider svg{width:100%;height:22px;display:block;} .ribbon-divider.on-graphite{background:var(--graphite);} .ribbon-divider.on-steel{background:var(--steel);} .ribbon-divider.on-paper{background:var(--paper);} .btn{transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;cursor:pointer;} .btn-primary:hover{background:var(--red-hover);box-shadow:0 6px 16px -4px rgba(166,40,31,0.5);transform:translateY(-1px);} .btn-ghost-dark:hover{background:var(--ink);color:#fff;} .btn-ghost-light:hover{background:rgba(243,241,236,0.12);border-color:rgba(243,241,236,0.9);} .nav-links a{position:relative;padding-bottom:6px;transition:color .2s ease;cursor:pointer;} .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s ease;} .nav-links a:hover{color:var(--ink);} .nav-links a:hover::after{width:100%;} .sector-hero-visual{transition:box-shadow .25s ease;} .sector-hero-visual img{filter:grayscale(0.7);transition:filter .5s ease, transform .6s ease;} .sector-hero-visual:hover img{filter:grayscale(0);transform:scale(1.03);} .comp-chip{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;cursor:pointer;} .comp-chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(26,28,30,0.22);border-color:rgba(166,40,31,0.3);} .comp-chip:hover .icon{color:var(--red);} .timeline-item{transition:transform .2s ease;cursor:default;} .timeline-item:hover{transform:translateY(-3px);} .timeline-item:hover .timeline-dot{border-color:var(--gold);box-shadow:0 0 0 5px var(--gold-tint);} .timeline-item:hover .timeline-dot .icon{color:var(--red);} .proof-card img{filter:grayscale(0.85) contrast(1.02);transition:filter .5s ease, transform .6s ease;} .proof-card:hover img{filter:grayscale(0);transform:scale(1.045);} .cert-card{transition:transform .2s ease, box-shadow .2s ease;} .cert-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cert-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(26,28,30,0.24);} .cert-card:hover .icon{color:var(--gold);} :root{ --paper:#F7F5F0; --surface:#FFFFFF; --steel:#EDEAE2; --steel-line:#DDD8CC; --ink:#1A1C1E; --ink-soft:#52585C; --ink-faint:#63686D; --line:rgba(26,28,30,0.13); --graphite:#1E2124; --graphite-soft:#2A2E31; --paper-on-graphite:#F3F1EC; --red:#A6281F; --red-hover:#8A211A; --red-tint:#F5E3E1; --gold:#A9863F; --gold-tint:#F1E8D4; --radius-s:4px; --radius-m:8px; --shadow-card:0 1px 2px rgba(26,28,30,0.06), 0 8px 24px -12px rgba(26,28,30,0.20); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} img,svg{display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;} .icon{width:100%;height:100%;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);} .eyebrow.on-graphite{color:var(--gold);} h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;letter-spacing:0.005em;margin:0;color:inherit;} /* header */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:88px;background:var(--surface);border-bottom:1px solid var(--line);} .brand{display:flex;align-items:center;} .brand img{height:52px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:32px;} .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);} .head-right{display:flex;align-items:center;gap:20px;} .nav-lang{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:7px 13px 7px 11px;} .nav-lang svg{width:15px;height:15px;color:var(--ink-faint);} .btn{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:4px;border:1.5px solid transparent;cursor:default;white-space:nowrap;} .btn svg{width:16px;height:16px;} .btn-primary{background:var(--red);color:#fff;} .btn-ghost-dark{border-color:var(--ink);color:var(--ink);} .btn-ghost-light{border-color:rgba(243,241,236,0.5);color:var(--paper-on-graphite);} /* breadcrumb */ .breadcrumb-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 40px;} .breadcrumb{max-width:1240px;margin:0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-faint);display:flex;gap:8px;align-items:center;} .breadcrumb b{color:var(--ink-soft);font-weight:500;} /* hero — text + real EDM/precision photo */ .sector-hero{background:var(--steel);padding:76px 40px;border-bottom:3px solid var(--red);} .sector-hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;} .sector-hero h1{font-size:40px;line-height:1.1;margin:16px 0 18px;color:var(--ink);} .sector-hero .lede{font-size:17px;color:var(--ink-soft);margin:0 0 30px;} .sector-hero-ctas{display:flex;gap:16px;} .sector-hero-visual{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--line);} .sector-hero-visual img{width:100%;display:block;} /* section shell */ .section{padding:88px 40px;} .section.steel{background:var(--steel);} .section-inner{max-width:1240px;margin:0 auto;} .section-head{max-width:660px;margin-bottom:52px;} .section-head h2{font-size:34px;margin-top:14px;} .section-head .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} /* capability grid — 5 real in-house disciplines, full detail */ .cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;} .cap-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card);} .cap-card .icon{width:34px;height:34px;color:var(--gold);} .cap-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;line-height:1.25;} .cap-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;} .cap-card li{font-size:11.5px;color:var(--ink-soft);position:relative;padding-left:12px;line-height:1.4;} .cap-card li::before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--gold);} /* workshop inventory — two lists + a real proof photo */ .inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;} .inv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:32px;box-shadow:var(--shadow-card);} .inv-card h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;} .inv-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;margin-bottom:26px;} .inv-card ul:last-child{margin-bottom:0;} .inv-card li{font-size:14px;color:var(--ink);position:relative;padding-left:16px;} .inv-card li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--red);} .inv-photo{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--line);} .inv-photo img{width:100%;height:100%;object-fit:cover;display:block;} /* differentiator — proof card with highlight text */ .diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;} .diff-grid .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} .proof-card{border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);} .proof-card img{width:100%;height:340px;object-fit:cover;display:block;} .proof-card .cap{padding:16px 22px;font-size:13.5px;color:var(--ink-soft);} /* certifications (reused pattern, 5 real ISO certs) */ .cert-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} .cert-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px;} .cert-card .icon{width:30px;height:30px;color:var(--gold);flex-shrink:0;} .cert-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;} .cert-card p{font-size:12.5px;color:var(--ink-soft);margin:5px 0 0;line-height:1.5;} .cert-note{margin-top:20px;font-size:13px;color:var(--ink-faint);} /* closing CTA (reused) */ .cta-band{background:var(--graphite);color:var(--paper-on-graphite);padding:88px 40px;text-align:center;} .cta-band .eyebrow{justify-content:center;display:flex;} .cta-band h2{font-size:36px;max-width:720px;margin:16px auto 18px;} .cta-band .lede{color:rgba(243,241,236,0.78);max-width:560px;margin:0 auto 32px;font-size:16.5px;} .cta-band .ctas{display:flex;justify-content:center;gap:16px;} .cta-band .micro{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(243,241,236,0.55);} /* footer (reused) */ .site-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 40px 32px;} .footer-inner{max-width:1240px;margin:0 auto;} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);} .footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} .footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;} .footer-col li,.footer-col p{font-size:14px;color:var(--ink-soft);margin:0;} .footer-about img{height:34px;width:auto;margin-bottom:14px;} .footer-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px;} .lang-row{display:flex;gap:8px;} .lang-pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--ink-soft);} .lang-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);} .copyright{font-size:13px;color:var(--ink-faint);} .legal-line{font-size:11px;color:var(--ink-faint);margin-top:4px;} /* — signature layer: brand motif + micro-interactions — */ .top-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red), var(--gold));z-index:50;} .est-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:14px;margin-left:14px;text-transform:uppercase;white-space:nowrap;} .ribbon-divider{width:100%;line-height:0;} .ribbon-divider svg{width:100%;height:22px;display:block;} .ribbon-divider.on-graphite{background:var(--graphite);} .ribbon-divider.on-steel{background:var(--steel);} .ribbon-divider.on-paper{background:var(--paper);} .btn{transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;cursor:pointer;} .btn-primary:hover{background:var(--red-hover);box-shadow:0 6px 16px -4px rgba(166,40,31,0.5);transform:translateY(-1px);} .btn-ghost-dark:hover{background:var(--ink);color:#fff;} .btn-ghost-light:hover{background:rgba(243,241,236,0.12);border-color:rgba(243,241,236,0.9);} .nav-links a{position:relative;padding-bottom:6px;transition:color .2s ease;cursor:pointer;} .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s ease;} .nav-links a:hover{color:var(--ink);} .nav-links a:hover::after{width:100%;} .sector-hero-visual{transition:box-shadow .25s ease;} .sector-hero-visual img{filter:grayscale(0.7);transition:filter .5s ease, transform .6s ease;} .sector-hero-visual:hover img{filter:grayscale(0);transform:scale(1.03);} .cap-card{position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;} .cap-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cap-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px rgba(26,28,30,0.26);} .cap-card:hover .icon{color:var(--gold);} .cap-card li::before{background:transparent;border:1.4px solid var(--gold);top:5px;} .inv-photo img{filter:grayscale(0.8);transition:filter .5s ease, transform .6s ease;} .inv-photo:hover img{filter:grayscale(0);transform:scale(1.04);} .proof-card img{filter:grayscale(0.85) contrast(1.02);transition:filter .5s ease, transform .6s ease;} .proof-card:hover img{filter:grayscale(0);transform:scale(1.045);} .cert-card{transition:transform .2s ease, box-shadow .2s ease;} .cert-card .icon{color:var(--ink-faint);transition:color .3s ease;} .cert-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(26,28,30,0.24);} .cert-card:hover .icon{color:var(--gold);} :root{ --paper:#F7F5F0; --surface:#FFFFFF; --steel:#EDEAE2; --steel-line:#DDD8CC; --ink:#1A1C1E; --ink-soft:#52585C; --ink-faint:#63686D; --line:rgba(26,28,30,0.13); --graphite:#1E2124; --graphite-soft:#2A2E31; --paper-on-graphite:#F3F1EC; --red:#A6281F; --red-hover:#8A211A; --red-tint:#F5E3E1; --gold:#A9863F; --gold-tint:#F1E8D4; --radius-s:4px; --radius-m:8px; --shadow-card:0 1px 2px rgba(26,28,30,0.06), 0 8px 24px -12px rgba(26,28,30,0.20); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;} img,svg{display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;} .icon{width:100%;height:100%;} .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);} .eyebrow.on-graphite{color:var(--gold);} h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;font-weight:800;letter-spacing:0.005em;margin:0;color:inherit;} /* header */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:88px;background:var(--surface);border-bottom:1px solid var(--line);} .brand{display:flex;align-items:center;} .brand img{height:52px;width:auto;display:block;} .nav-links{display:flex;align-items:center;gap:32px;} .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);} .head-right{display:flex;align-items:center;gap:20px;} .nav-lang{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:7px 13px 7px 11px;} .nav-lang svg{width:15px;height:15px;color:var(--ink-faint);} .btn{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:4px;border:1.5px solid transparent;cursor:default;white-space:nowrap;} .btn svg{width:16px;height:16px;} .btn-primary{background:var(--red);color:#fff;} .btn-ghost-dark{border-color:var(--ink);color:var(--ink);} .btn-ghost-light{border-color:rgba(243,241,236,0.5);color:var(--paper-on-graphite);} /* breadcrumb */ .breadcrumb-bar{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 40px;} .breadcrumb{max-width:1240px;margin:0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-faint);display:flex;gap:8px;align-items:center;} .breadcrumb b{color:var(--ink-soft);font-weight:500;} /* hero — text + a real ISO certificate, framed like a physical document */ .sector-hero{background:var(--steel);padding:76px 40px;border-bottom:3px solid var(--red);} .sector-hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:48px;align-items:center;} .sector-hero h1{font-size:40px;line-height:1.1;margin:16px 0 18px;color:var(--ink);} .sector-hero .lede{font-size:17px;color:var(--ink-soft);margin:0 0 30px;} .sector-hero-ctas{display:flex;gap:16px;} .sector-hero-visual{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);padding:26px;display:flex;align-items:center;justify-content:center;} .sector-hero-visual img{width:auto;max-width:100%;max-height:420px;display:block;border-radius:3px;box-shadow:0 6px 22px rgba(26,28,30,0.18);} /* section shell */ .section{padding:88px 40px;} .section.steel{background:var(--steel);} .section-inner{max-width:1240px;margin:0 auto;} .section-head{max-width:660px;margin-bottom:52px;} .section-head h2{font-size:34px;margin-top:14px;} .section-head .lede{font-size:16.5px;color:var(--ink-soft);margin-top:14px;} /* document cards — real certificate scans */ .doc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;} .doc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);} .doc-card .doc-img{overflow:hidden;background:var(--steel);border-bottom:1px solid var(--line);} .doc-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff;display:block;} .doc-body{padding:16px 18px 20px;} .doc-body h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;} .doc-body p{font-size:12.5px;color:var(--ink-soft);margin:5px 0 0;} /* scope paragraph */ .scope-text{font-size:16.5px;color:var(--ink-soft);max-width:820px;line-height:1.7;} .scope-text b{color:var(--ink);font-weight:600;} /* why-it-matters row */ .value-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;} .value-item{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px;} .value-item .icon{width:26px;height:26px;color:var(--gold);} .value-item h4{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:13.5px;margin:0;} .value-item p{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.5;} /* self-declared compliance note */ .tbd-card{border:1.5px solid var(--steel-line);border-radius:var(--radius-m);padding:28px 32px;background:var(--surface);max-width:760px;} .tbd-card .tbd-tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;display:block;} .tbd-card p{font-size:15px;color:var(--ink-soft);margin:0;line-height:1.6;} .tbd-card p+p{margin-top:10px;} /* closing CTA (reused) */ .cta-band{background:var(--graphite);color:var(--paper-on-graphite);padding:88px 40px;text-align:center;} .cta-band .eyebrow{justify-content:center;display:flex;} .cta-band h2{font-size:36px;max-width:720px;margin:16px auto 18px;} .cta-band .lede{color:rgba(243,241,236,0.78);max-width:560px;margin:0 auto 32px;font-size:16.5px;} .cta-band .ctas{display:flex;justify-content:center;gap:16px;} .cta-band .micro{margin-top:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(243,241,236,0.55);} /* footer (reused) */ .site-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 40px 32px;} .footer-inner{max-width:1240px;margin:0 auto;} .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);} .footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} .footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;} .footer-col li,.footer-col p{font-size:14px;color:var(--ink-soft);margin:0;} .footer-about img{height:34px;width:auto;margin-bottom:14px;} .footer-about p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;max-width:280px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:16px;} .lang-row{display:flex;gap:8px;} .lang-pill{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.04em;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--ink-soft);} .lang-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);} .copyright{font-size:13px;color:var(--ink-faint);} .legal-line{font-size:11px;color:var(--ink-faint);margin-top:4px;} /* — signature layer: brand motif + micro-interactions — */ .top-accent{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--red), var(--gold));z-index:50;} .est-badge{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--ink-faint);border-left:1px solid var(--line);padding-left:14px;margin-left:14px;text-transform:uppercase;white-space:nowrap;} .ribbon-divider{width:100%;line-height:0;} .ribbon-divider svg{width:100%;height:22px;display:block;} .ribbon-divider.on-graphite{background:var(--graphite);} .ribbon-divider.on-steel{background:var(--steel);} .ribbon-divider.on-paper{background:var(--paper);} .btn{transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;cursor:pointer;} .btn-primary:hover{background:var(--red-hover);box-shadow:0 6px 16px -4px rgba(166,40,31,0.5);transform:translateY(-1px);} .btn-ghost-dark:hover{background:var(--ink);color:#fff;} .btn-ghost-light:hover{background:rgba(243,241,236,0.12);border-color:rgba(243,241,236,0.9);} .nav-links a{position:relative;padding-bottom:6px;transition:color .2s ease;cursor:pointer;} .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s ease;} .nav-links a:hover{color:var(--ink);} .nav-links a:hover::after{width:100%;} /* certificates stay full-color always — a document earns trust by being legible, not by "coming alive" */ .sector-hero-visual{transition:box-shadow .25s ease;} .sector-hero-visual img{transition:transform .5s ease;} .sector-hero-visual:hover{box-shadow:0 10px 26px -10px rgba(26,28,30,0.22);} .sector-hero-visual:hover img{transform:scale(1.025);} .doc-card{transition:transform .25s ease, box-shadow .25s ease;} .doc-card img{transition:transform .35s ease;} .doc-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px -14px rgba(26,28,30,0.28);} .doc-card:hover img{transform:scale(1.015);} .value-item{transition:transform .2s ease, box-shadow .2s ease;} .value-item .icon{color:var(--ink-faint);transition:color .3s ease;} .value-item:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(26,28,30,0.22);} .value-item:hover .icon{color:var(--gold);} .nav-links a.active{color:var(--ink);} .nav-links a.active::after{width:100%;} .brand{cursor:pointer;} .footer-about img{cursor:pointer;} .footer-col ul li a:hover{color:var(--red);transition:color .2s ease;} /* — site-header: positioned (so the mobile .nav-links dropdown's top:88px anchors to the header, not the viewport) AND sticky, so the header stays pinned at the top of the viewport while the page scrolls instead of scrolling away with the rest of the content. top:0 lines it up with .top-accent's own fixed 3px strip above it (z-index:50), which already stayed put — the header now matches that same behavior instead of leaving just the thin accent line behind once you scroll past it. */ .site-header{position:sticky;top:0;z-index:30;} .hub-hero{background:var(--steel);padding:76px 40px;border-bottom:3px solid var(--red);} .hub-hero-inner{max-width:760px;margin:0 auto;} .hub-hero h1{font-size:42px;line-height:1.08;margin:16px 0 18px;color:var(--ink);} .hub-hero .lede{font-size:17px;color:var(--ink-soft);margin:0;} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;} .contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:28px 32px;box-shadow:var(--shadow-card);margin-bottom:20px;} .contact-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:16px;margin:0 0 14px;display:flex;align-items:center;gap:10px;} .contact-card h3 svg{width:20px;height:20px;color:var(--gold);} .contact-card p{font-size:14.5px;color:var(--ink-soft);margin:0 0 6px;line-height:1.6;} .form-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:36px;box-shadow:var(--shadow-card);} .form-shell h2{font-family:'Big Shoulders Display',sans-serif;font-weight:800;} .form-row{margin-bottom:20px;} .form-row label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:7px;font-family:'IBM Plex Mono',monospace;letter-spacing:0.03em;} .form-row input, .form-row textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:14.5px;color:var(--ink);background:var(--paper);transition:border-color .2s ease, box-shadow .2s ease;} .form-row input:focus, .form-row textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint);} .form-row textarea{resize:vertical;min-height:100px;} .form-submit{width:100%;justify-content:center;border:none;font-size:14.5px;font-family:'IBM Plex Sans',sans-serif;} .form-note{font-size:12px;color:var(--ink-faint);margin-top:16px;line-height:1.5;} .req{color:var(--red);font-weight:600;} .form-row input[type="file"]{padding:9px 14px;font-size:13.5px;cursor:pointer;} .form-hint{font-size:11.5px;color:var(--ink-faint);margin-top:6px;} .contact-info-head{margin-bottom:20px;} .contact-info-head h2{font-size:22px;} /* — heading-hierarchy fixes: these were

/

card labels sitting directly under an

/

with no intermediate level — demoted to non-heading text with equivalent styling rather than faking a skip-free outline with the wrong tag. — */ .value-item-title{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;margin:0;color:var(--ink);} .inv-card h3{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;} /* footer column labels: were

, but the last real heading on every page is the cta-band's

— an H2->H4 skip repeated on all 15 pages. Same fix as above: link-group labels, not real headings, demoted to styled non-heading text (identical look, matches the original .footer-col h4 rule exactly). */ .footer-col-title{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px;} /* — real testimonial card: deliberately NOT styled like .tbd-card (that dashed border means "placeholder, not real yet" by design) — solid left accent bar signals genuine, sourced content. Used once so far (Alüminyum sector page, KLEIDCO reference) — reusable as more come in. */ .quote-card{border:1px solid var(--steel-line);border-left:3px solid var(--red);border-radius:var(--radius-m);padding:28px 32px;background:var(--surface);max-width:760px;} .quote-card blockquote{font-size:15.5px;color:var(--ink);line-height:1.65;margin:0 0 18px;font-style:italic;} .quote-card .quote-attribution{display:flex;flex-direction:column;gap:2px;} .quote-card .quote-name{font-weight:600;font-size:14px;color:var(--ink);font-style:normal;} .quote-card .quote-role{font-size:13px;color:var(--ink-soft);font-style:normal;} /* — case-study summary card (Kurumsal page, sustainability section) — */ .case-study-card{background:var(--steel);border-radius:var(--radius-m);padding:36px;} .case-study-card .cs-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px;} .case-study-card .cs-pillar h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;margin:0 0 6px;color:var(--ink);} .case-study-card .cs-pillar p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0;} /* — sector product-application list (build_site.py: SECTOR_APPLICATIONS) — */ .app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 32px;margin-top:8px;} .app-item{padding-left:18px;border-left:2px solid var(--steel-line);} .app-item h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;margin:0 0 6px;color:var(--ink);} .app-item p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0;} /* — 3-figure capacity stat row (Üretim page) — reuses .stat-row/.stat-item's Kurumsal-page boxed-card look, which is authored for a 4-column grid; this modifier narrows it to 3 evenly-sized columns for this specific instance. Later in source than .stat-row's own responsive @media rules below, so at matching viewports those still win (equal specificity, source order) and correctly collapse this to 2 cols / 1 col — verified in verify_uretim_kaynaklar.py. */ .stat-row-3{grid-template-columns:repeat(3,1fr);} /* — Sahadan photo row (homepage): taller box shows much more of both real photos (was 320px, aggressively center-cropping the portrait coil shot down to ~39% of its height) — see the fix() comment for the crop math. */ .proof-row-wide .proof-card img{height:440px;} /* — single-location feature (homepage "Üretim Üssümüz", now Türkiye-only) — reuses .loc-card's existing fields (country/h3/role/desc/fact/addr) but lays the one remaining card out horizontally (image | text) instead of the original stacked card, since it no longer has to match a sibling card's narrower column width. Flex default (align-items:stretch) makes .visual's height:auto fill the row's full height, so .visual img (already width/height:100%+object-fit:cover) covers the whole left half rather than sitting in a short fixed-height band. */ .loc-row-single{display:block;max-width:980px;margin:0 auto;} .loc-row-single .loc-card{flex-direction:row;} .loc-row-single .loc-card .visual{width:44%;height:auto;flex-shrink:0;} .loc-row-single .loc-card .body{width:56%;padding:36px 40px;} .loc-row-single .loc-card h3{font-size:27px;} /* — prose column: legal text (Gizlilik) + long-form article (Kaynaklar) — */ .prose{max-width:720px;margin:0 auto;} .prose .eyebrow{display:block;margin-bottom:10px;} .prose h2{font-size:26px;margin:44px 0 14px;} .prose h2:first-child{margin-top:0;} .prose h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:16px;margin:30px 0 10px;color:var(--ink);} .prose p{font-size:15.5px;color:var(--ink-soft);line-height:1.7;margin:0 0 16px;} .prose ul{padding:0 0 0 20px;margin:0 0 20px;} .prose li{font-size:15.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:9px;} .prose li::marker{color:var(--gold);} .prose strong{color:var(--ink);font-weight:600;} .prose-meta{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;} /* — inline text links (mailto, social, form-note consent) had no visual affordance at all before this — `a{color:inherit;text-decoration:none}` is the sitewide base, fine for card/button links that already look interactive, but it left links buried in plain paragraph text with nothing to mark them as clickable except an on-hover cursor change, which isn't discoverable without hovering. Applies retroactively to the existing social links + form-note consent link, not just new content. */ .prose a, .contact-card p a, .form-note a{color:var(--red);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px;} .prose a:hover, .contact-card p a:hover, .form-note a:hover{text-decoration-color:currentColor;} /* — footer legal-links row (Gizlilik/Kaynaklar) — sits under the existing copyright/legal-line text rather than as a 5th .footer-grid column, so the established 4-column grid (1.5fr 1fr 1fr 1fr, incl. its tablet/mobile collapse) doesn't need restructuring for two lean links. — */ .footer-legal-links{margin-top:6px;} .footer-legal-links a{font-size:11px;color:var(--ink-faint);text-decoration:underline;text-decoration-color:var(--line);} .footer-legal-links a:hover{color:var(--ink-soft);text-decoration-color:currentColor;} .footer-legal-links .sep{color:var(--ink-faint);margin:0 6px;font-size:11px;} /* — honest "not yet live" affordance for the language switcher, instead of a control that looks fully functional and silently does nothing — still true for DE/FR/RU/AR (the 4 plain, title="Yakında" pills below); superseded for TR/EN specifically by the rules right after, now that those two are real, working controls (see i18n_en.py). — */ .nav-lang{opacity:0.62;cursor:default;} .lang-pill:not(.active){opacity:0.55;cursor:default;} /* — i18n: TR/EN header & footer chrome duplication (id="header-tr" / "header-en", "footer-tr" / "footer-en" — the router's render() toggles visibility by adding/removing the .lang-hidden CLASS on whichever pair isn't for the active language (header-en/footer-en carry it by default in their markup, as the pre-JS/no-JS fallback so the page never shows both at once). A plain class, not an #id rule: an #id selector would outrank .site-header{display:flex}/.site-footer's own rules by specificity, so clearing it back off could never actually restore the header's flex layout — tried that first, caught it in testing. Classes tie on specificity with .site-header/.site-footer and this one is declared later in the stylesheet, so it wins while present and simply stops applying — no display value to guess — once removed. — */ .lang-hidden{display:none;} /* the two controls that now really work: the header's nav-lang badge (was a
, is a