:root {
      color-scheme: light;
      --deep: #061b2b;
      --navy: #0a2940;
      --ink: #153044;
      --muted: #607587;
      --line: #dce7eb;
      --sky: #8ce0ed;
      --teal: #087e9b;
      --paper: #fff;
      --fog: #f3f8fa;
      --rounded: 18px;
    }
    *,*::before,*::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 92px; }
    body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; line-height: 1.66; letter-spacing: -.012em; word-break: keep-all; -webkit-font-smoothing: antialiased; }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button, a, summary { -webkit-tap-highlight-color: transparent; }
    a:focus-visible, summary:focus-visible { outline: 3px solid #67d7e8; outline-offset: 4px; border-radius: 5px; }
    .skip { position: absolute; z-index: 1000; top: -100px; left: 14px; padding: 9px 16px; background: #fff; color: #071d30; }
    .skip:focus { top: 14px; }
    .wrap { width: min(1200px, calc(100% - 72px)); margin-inline: auto; }
    .eyebrow { font-size: .73rem; letter-spacing: .21em; line-height: 1.6; font-weight: 850; text-transform: uppercase; }
    .section { padding-block: 108px; }
    .section-head { margin-bottom: 39px; }
    .section-head .eyebrow { color: var(--teal); }
    .section-head h2 { margin: 13px 0 15px; font-size: clamp(2.15rem, 3.6vw, 3.25rem); line-height: 1.23; letter-spacing: -.065em; }
    .section-head p { margin: 0; color: var(--muted); max-width: 690px; font-size: 1.025rem; line-height: 1.88; }

    /* Navigation */
    .header { position: sticky; z-index: 60; top: 0; background: rgba(5,25,41,.98); color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(15px); }
    .header-inner { min-height: 81px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
    .brand-icon { display: grid; place-items: center; height: 44px; width: 44px; border-radius: 10px; background: rgba(111,206,227,.1); border: 1px solid rgba(140,224,237,.39); }
    .brand-icon svg { width: 30px; height: 30px; }
    .brand-name { display: block; font-size: 1.28rem; font-weight: 900; letter-spacing: .10em; line-height: 1; }
    .brand-sub { display: block; font-size: .67rem; color: #adcfdd; font-weight: 550; margin-top: 8px; white-space: nowrap; }
    .nav { display: flex; align-items: center; gap: clamp(17px,2.4vw,35px); margin-left: auto; }
    .nav a { color: #d9e8ef; font-size: .9rem; font-weight: 650; transition: color .18s; }
    .nav a:hover { color: var(--sky); }
    .header-contact { padding: 10px 16px; border: 1px solid rgba(140,224,237,.5); border-radius: 7px; color: #c4eef4; font-weight: 800; font-size: .83rem; white-space: nowrap; }
    .header-contact:hover { background: rgba(140,224,237,.12); }
    .mobile-nav { display: none; }

    /* Hero */
    .hero { position: relative; isolation: isolate; min-height: 652px; background: var(--deep); color: #fff; overflow: hidden; }
    .hero-media, .hero-overlay { position: absolute; inset: 0; z-index: -1; }
    .hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 51%; }
    .hero-overlay { background:
      linear-gradient(90deg, rgba(3,22,35,.96) 0%, rgba(4,29,46,.92) 22%, rgba(4,31,47,.78) 38%, rgba(7,45,62,.30) 64%, rgba(4,26,40,.08) 88%),
      linear-gradient(0deg, rgba(4,24,38,.62), transparent 39%); }
    .hero-inner { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 85px 100px; min-height: 652px; }
    .hero .eyebrow { display: flex; gap: 14px; align-items: center; color: #9be4ef; font-size: .75rem; }
    .hero .eyebrow::before { content: ""; height: 2px; width: 27px; background: var(--sky); }
    .hero h1 { max-width: 740px; margin: 24px 0 25px; font-size: clamp(3rem,5.1vw,5.4rem); font-weight: 860; line-height: 1.18; letter-spacing: -.073em; text-shadow: 0 2px 18px rgba(2,16,27,.18); }
    .hero h1 strong { display: block; font-weight: inherit; color: #a0e8f1; }
    .hero-copy { max-width: 545px; margin: 0; font-size: 1.085rem; line-height: 1.95; color: #d7e7ed; }
    .hero-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 35px; }
    .hero-badges span { color: #d6eaf1; font-size: .76rem; font-weight: 700; letter-spacing: .075em; padding: 7px 12px; border: 1px solid rgba(235,252,255,.32); border-radius: 99px; background: rgba(8,43,64,.23); }
    .actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 51px; padding: 12px 22px; font-size: .9rem; font-weight: 850; line-height: 1.4; border-radius: 7px; transition: background .2s, transform .2s; }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { color: #072737; background: #9de4ef; }
    .btn-primary:hover { background: #caf5fa; }
    .btn-outline { border: 1px solid rgba(246,255,255,.55); color: #fff; }
    .btn-outline:hover { background: rgba(255,255,255,.13); }
    .hero-info { position: absolute; right: max(36px, calc((100% - 1200px)/2)); bottom: 27px; padding: 10px 0 10px 22px; border-left: 2px solid rgba(183,234,241,.85); text-align: right; text-shadow: 0 2px 12px rgba(0,0,0,.65); }
    .hero-info span { display: block; font-size: .69rem; font-weight: 850; letter-spacing: .2em; color: #d7eff4; }
    .hero-info small { display: block; color: #e5f1f6; font-size: .78rem; margin-top: 3px; }

    /* Intro rail */
    .intro-rail { background: #0d3049; color: #d9eaf2; border-top: 1px solid rgba(255,255,255,.09); }
    .rail-inner { display: grid; grid-template-columns: repeat(3,1fr); }
    .rail-item { min-height: 108px; display: flex; align-items: center; gap: 18px; padding: 23px 26px; }
    .rail-item + .rail-item { border-left: 1px solid rgba(215,236,244,.15); }
    .rail-n { font-size: 1.5rem; font-weight: 850; line-height: 1; color: #78cfdf; opacity: .76; }
    .rail-item b { display: block; font-size: .95rem; }
    .rail-item small { display: block; font-size: .75rem; margin-top: 4px; color: #aecbd8; }

    /* About */
    .about-grid { display: grid; grid-template-columns: .97fr 1.03fr; gap: clamp(36px,6.2vw,108px); align-items: center; }
    .about-copy .section-head { margin-bottom: 20px; }
    .about-copy > p { margin: 0 0 15px; color: var(--muted); line-height: 2; font-size: 1.045rem; }
    .about-emphasis { margin-top: 28px; display: flex; align-items: flex-start; gap: 12px; padding: 19px 21px; border-left: 3px solid #0f9bbb; background: #f0f7f9; }
    .about-emphasis b { color: #12546b; }
    .about-emphasis span { display: block; color: #527687; font-size: .89rem; margin-top: 4px; }
    .about-photo { position: relative; }
    .about-photo img { width: 100%; height: 432px; object-fit: cover; object-position: center; border-radius: 12px; }
    .about-photo::after { content: ""; position: absolute; inset: auto -13px -13px 40%; height: 65%; background: #e6f4f7; border-radius: 10px; z-index: -1; }
    .about-photo .photo-caption { position: absolute; bottom: 18px; left: 18px; padding: 12px 15px; background: rgba(6,32,50,.85); color: #fff; border-radius: 7px; backdrop-filter: blur(8px); }
    .photo-caption strong { display: block; letter-spacing: .12em; font-size: .76rem; }
    .photo-caption small { display: block; font-size: .75rem; color: #c5e1eb; margin-top: 3px; }

    /* Services */
    .services { background: var(--fog); }
    .service-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 17px; }
    .service-card { background: #fff; border: 1px solid #e1eaee; border-top: 3px solid #2ca5bc; border-radius: 11px; min-height: 278px; padding: 30px 26px; transition: box-shadow .2s, transform .2s; }
    .service-card:hover { box-shadow: 0 17px 42px rgba(7,48,72,.08); transform: translateY(-3px); }
    .service-card .number { color: #238aa8; font-size: .7rem; font-weight: 850; letter-spacing: .19em; }
    .service-symbol { height: 46px; display: flex; align-items: center; color: #137a99; margin: 17px 0 16px; }
    .service-symbol svg { width: 38px; height: 38px; stroke-width: 1.5; }
    .service-card h3 { font-size: 1.24rem; letter-spacing: -.035em; margin: 0 0 11px; }
    .service-card p { margin: 0; font-size: .87rem; color: var(--muted); line-height: 1.95; }

    /* Fleet */
    .fleet-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; }
    .fleet-head .section-head { margin-bottom: 34px; }
    .fleet-note-top { max-width: 310px; font-size: .83rem; color: #697f8d; text-align: right; margin-bottom: 38px; }
    .fleet-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
    .fleet-card { overflow: hidden; background: #fff; border: 1px solid #dae7ec; border-radius: 14px; box-shadow: 0 12px 36px rgba(8,40,59,.05); }
    .fleet-image { height: 350px; position: relative; overflow: hidden; background: #d4e3ea; }
    .fleet-image img { height: 100%; width: 100%; object-fit: cover; transition: transform .5s ease; }
    .fleet-card:hover .fleet-image img { transform: scale(1.035); }
    .fleet-image .image-label { position: absolute; top: 17px; left: 17px; background: rgba(6,26,43,.86); color: #fff; border: 1px solid rgba(235,252,255,.28); border-radius: 5px; padding: 6px 12px; font-size: .67rem; font-weight: 850; letter-spacing: .12em; }
    .fleet-body { padding: 30px 30px 33px; }
    .fleet-en { color: #0d8caf; font-size: .73rem; font-weight: 850; letter-spacing: .19em; }
    .fleet-body h3 { font-size: 1.75rem; letter-spacing: -.055em; margin: 6px 0 8px; }
    .fleet-body p { color: var(--muted); font-size: .95rem; line-height: 1.91; margin: 0 0 18px; }
    .fleet-body a { color: #067d9b; font-weight: 850; font-size: .92rem; display: inline-flex; gap: 8px; align-items: center; }
    .fleet-body a:hover { text-decoration: underline; text-underline-offset: 5px; }
    .fleet-disclaimer { margin: 23px 0 0; font-size: .85rem; color: #647b89; background: #f1f7f9; border-radius: 8px; padding: 16px 19px; line-height: 1.9; }

    /* Additional photo strip */
    .photo-band { background: #e9f1f4; padding: 40px 0 42px; }
    .photo-band-inner { display: grid; grid-template-columns: minmax(185px,.55fr) 1.45fr; align-items: center; gap: 34px; }
    .photo-band-copy .eyebrow { color: #1589a5; }
    .photo-band-copy h3 { margin: 10px 0 11px; font-size: 1.5rem; line-height: 1.34; letter-spacing: -.052em; }
    .photo-band-copy p { color: #597384; font-size: .87rem; margin: 0; }
    .photo-band img { width: 100%; height: 250px; object-fit: cover; object-position: center 42%; border-radius: 11px; }

    /* Contact */
    .contact { position: relative; background: linear-gradient(125deg,#061a2c 0%,#0e374e 100%); color: #fff; overflow: hidden; }
    .contact::after { content: ""; position: absolute; width: 590px; height: 590px; right: -290px; top: -215px; border: 1px solid rgba(128,224,238,.15); border-radius: 50%; box-shadow: 0 0 0 90px rgba(105,208,228,.025), 0 0 0 180px rgba(105,208,228,.02); pointer-events: none; }
    .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; position: relative; z-index: 1; align-items: center; }
    .contact .eyebrow { color: #9bdfec; }
    .contact h2 { margin: 12px 0 22px; font-size: clamp(2.1rem,3.5vw,3.15rem); line-height: 1.31; letter-spacing: -.06em; }
    .contact .description { margin: 0; max-width: 480px; color: #c2d9e2; font-size: .98rem; line-height: 1.95; }
    .contact-card { padding: 34px 34px 35px; border: 1px solid rgba(215,247,251,.28); background: rgba(250,255,255,.05); border-radius: 14px; backdrop-filter: blur(5px); }
    .contact-card .contact-title { font-size: .72rem; letter-spacing: .2em; font-weight: 850; color: #9bdce8; }
    .contact-person { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 13px; margin: 12px 0 10px; }
    .contact-person b { font-size: 1.3rem; }
    .contact-person span { color: #c2d9e2; font-size: .85rem; }
    .phone { display: block; font-size: clamp(1.4rem,2.5vw,2rem); font-weight: 850; line-height: 1.35; letter-spacing: -.02em; }
    .email { display: block; margin-top: 8px; color: #a2e4ec; font-weight: 700; overflow-wrap: anywhere; }
    .address { font-size: .88rem; color: #c2d4df; margin-top: 15px; }
    .contact-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
    .contact-actions .btn { min-height: 47px; flex: 1 1 150px; padding: 11px 15px; }

    /* Footer */
    .footer { background: #041522; color: #b0c3cd; padding: 33px 0 35px; }
    .footer-inner { display: flex; align-items: start; justify-content: space-between; gap: 28px; }
    .footer-brand { color: #fff; font-size: 1.16rem; letter-spacing: .13em; font-weight: 900; }
    .footer-orgs { color: #d4e7ef; font-size: .89rem; margin: 5px 0; }
    .footer-disclaimer { max-width: 675px; font-size: .78rem; line-height: 1.85; margin: 7px 0 0; color: #93aeba; }
    .footer-aside { text-align: right; font-size: .78rem; line-height: 1.75; white-space: nowrap; }
    .footer-aside a { color: #cbeaf2; }

    @media (max-width: 1000px) {
      .service-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .service-card { min-height: 235px; }
      .header-contact { display: none; }
      .about-grid { gap: 35px; }
      .fleet-image { height: 290px; }
    }
    @media (max-width: 740px) {
      html { scroll-padding-top: 74px; }
      .wrap { width: calc(100% - 38px); }
      .header-inner { min-height: 72px; }
      .brand-icon { width: 40px; height: 40px; }
      .brand-name { font-size: 1.1rem; }
      .brand-sub { font-size: .59rem; }
      .nav { display: none; }
      .mobile-nav { display: block; margin-left: auto; position: relative; }
      .mobile-nav summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; color: #f4fcfe; border: 1px solid rgba(231,252,255,.37); border-radius: 7px; padding: 7px 11px; font-size: .84rem; font-weight: 750; }
      .mobile-nav summary::-webkit-details-marker { display: none; }
      .mobile-nav .bars { font-size: 1.12rem; }
      .mobile-nav nav { position: absolute; z-index: 99; right: 0; top: calc(100% + 15px); width: min(275px, calc(100vw - 38px)); border-radius: 10px; padding: 10px; background: #0a2a42; box-shadow: 0 22px 50px rgba(0,0,0,.32); border: 1px solid rgba(214,244,249,.22); }
      .mobile-nav nav a { display: block; padding: 12px 13px; color: #e5f5f9; font-weight: 700; font-size: .9rem; border-radius: 6px; }
      .mobile-nav nav a:hover { background: rgba(255,255,255,.09); }
      .section { padding-block: 72px; }
      .section-head { margin-bottom: 27px; }
      .section-head h2 { font-size: 2.2rem; }
      .section-head p { font-size: .96rem; }
      .hero { min-height: 700px; }
      .hero-media { height: 346px; bottom: auto; }
      .hero-media img { object-position: 49% 47%; }
      .hero-overlay { background: linear-gradient(180deg,rgba(4,25,41,.02) 0%,rgba(3,22,37,.1) 28%,rgba(4,26,41,.93) 49%,#061b2b 67%,#061b2b 100%); }
      .hero-inner { min-height: 700px; justify-content: end; padding-block: 225px 67px; }
      .hero .eyebrow { font-size: .64rem; }
      .hero h1 { font-size: clamp(2.5rem, 10.6vw, 4rem); line-height: 1.21; margin: 21px 0 17px; }
      .hero-copy { font-size: .95rem; }
      .hero-badges { margin: 22px 0 25px; gap: 7px; }
      .hero-badges span { padding: 6px 10px; font-size: .66rem; }
      .hero-info { display: none; }
      .rail-inner { grid-template-columns: 1fr 1fr 1fr; }
      .rail-item { min-height: 98px; align-items: flex-start; flex-direction: column; gap: 7px; padding: 15px 10px; }
      .rail-n { font-size: 1.14rem; }
      .rail-item b { font-size: .77rem; }
      .rail-item small { font-size: .68rem; }
      .about-grid,.contact-grid { grid-template-columns: 1fr; gap: 34px; }
      .about-copy > p { font-size: .97rem; }
      .about-photo img { height: 315px; }
      .fleet-head { display: block; }
      .fleet-note-top { text-align: left; margin: -12px 0 25px; max-width: unset; }
      .fleet-grid { grid-template-columns: 1fr; gap: 18px; }
      .fleet-image { height: auto; aspect-ratio: 1.6; }
      .fleet-body { padding: 23px 24px 26px; }
      .fleet-body h3 { font-size: 1.55rem; }
      .photo-band { padding-block: 35px; }
      .photo-band-inner { grid-template-columns: 1fr; gap: 20px; }
      .photo-band img { height: auto; aspect-ratio: 1.6; }
      .contact-card { padding: 27px 23px; }
      .footer-inner { flex-direction: column; gap: 18px; }
      .footer-aside { text-align: left; }
    }
    @media (max-width: 420px) {
      .wrap { width: calc(100% - 32px); }
      .hero { min-height: 735px; }
      .hero-inner { min-height: 735px; padding-bottom: 44px; }
      .hero h1 { font-size: clamp(2.35rem, 10.2vw, 3rem); }
      .hero .btn { font-size: .83rem; padding-inline: 16px; }
      .service-grid { gap: 11px; }
      .service-card { padding: 24px 19px; min-height: 264px; }
      .service-card h3 { font-size: 1.14rem; }
      .service-card p { font-size: .82rem; }
      .rail-item small { font-size: .61rem; }
    }
    @media (max-width: 350px) {
      .service-grid { grid-template-columns: 1fr; }
      .service-card { min-height: unset; }
      .rail-item { padding-inline: 6px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .btn,.fleet-image img,.service-card { transition: none; }
    }

    /* v3 brand identity, using blue and teal from SHINDONG business card */
    :root { --teal: #087E87; --brand-blue: #1955AA; }
    .brand { width: 290px; max-width: 100%; }
    .brand-logo { width: 100%; height: auto; display:block; }
    .nav { gap: clamp(15px,2vw,31px); }
    .header-contact { padding-inline: 14px; }
    .header-inner { gap: 18px; }
    .identity-lockup { display:flex; align-items:center; gap:20px; margin-top:24px; padding:13px 17px 12px 9px; border:1px solid #d9e6ea; border-radius:12px; background:linear-gradient(115deg,#fff,#f5fafb); }
    .identity-lockup img { width: 148px; min-width: 148px; height: 120px; object-fit:contain; }
    .identity-lockup strong { display:block; color:#1556AA; font-weight:900; font-size:.84rem; letter-spacing:.065em; }
    .identity-lockup span { display:block; color:#657984; font-size:.76rem; line-height:1.7; margin-top:5px; }
    .about-emphasis { margin-top:17px; }
    .contact-grid { grid-template-columns:.82fr 1.18fr; gap:56px; align-items:start; }
    .contact-panel { display:grid; gap:14px; }
    .contact-card-primary { border-color:rgba(215,247,251,.46); background:rgba(250,255,255,.08); }
    .contact-card-secondary { padding:24px 34px 26px; background:rgba(250,255,255,.034); }
    .contact-card-secondary .contact-person { margin:10px 0 5px; }
    .contact-card-secondary .contact-person b { font-size:1.08rem; }
    .phone-secondary { font-size:1.43rem; }
    .contact-fax { color:#c6dae3; margin-top:8px; font-size:.83rem; }
    .contact-fax span { color:#e0f0f4; margin-left:9px; }
    .contact-site { border-top:1px solid rgba(212,243,247,.22); margin-top:35px; padding-top:20px; }
    .contact-site span { display:block; color:#8ed7e1; font-size:.7rem; letter-spacing:.19em; font-weight:800; }
    .contact-site strong { display:block; color:#f4fcff; margin-top:11px; font-size:1rem; }
    .contact-site small { display:block; color:#a8c8d8; margin-top:4px; font-size:.77rem; }
    .footer-info { min-width:0; flex:1; }
    .footer-logo-link { display:inline-block; width:255px; max-width:100%; }
    .footer-logo-link img { width:100%; height:auto; }
    .footer-disclaimer { margin-top:12px; }
    .footer-aside { white-space:normal; max-width:380px; font-size:.8rem; }
    .footer-aside strong { color:#e1f5f9; }
    @media (max-width:1080px) {
      .brand { width:245px; }
      .contact-grid { gap:30px; }
    }
    @media (max-width:1000px) {
      .brand { width:260px; }
      .contact-grid { grid-template-columns:1fr 1fr; }
      .contact-card { padding:27px 25px; }
    }
    @media (max-width:740px) {
      .brand { width:227px; }
      .header-inner { gap:8px; }
      .identity-lockup img { width:125px; min-width:125px; height:100px; }
      .identity-lockup { gap:11px; padding:10px; }
      .identity-lockup strong { font-size:.75rem; }
      .identity-lockup span { font-size:.7rem; }
      .contact-grid { grid-template-columns:1fr; gap:29px; }
      .contact-card-primary { padding:27px 23px; }
      .contact-card-secondary { padding:24px 23px; }
      .contact-site { margin-top:22px; }
      .footer-aside { text-align:left; max-width:100%; }
    }
    @media (max-width:360px) {
      .brand { width:200px; }
      .identity-lockup img { width:100px; min-width:100px; height:90px; }
      .identity-lockup span { font-size:.67rem; }
    }
  

/* v4: bilingual language controls and shared layout */
.lang-switch { display:flex; align-items:center; gap:3px; flex-shrink:0; padding:3px; border:1px solid rgba(216,247,251,.32); border-radius:8px; background:rgba(255,255,255,.035); }
.lang-switch a { min-width:35px; text-align:center; border-radius:5px; padding:7px 7px; color:#d6ebf1; font-weight:800; font-size:.73rem; letter-spacing:.025em; line-height:1.25; }
.lang-switch a:hover { background:rgba(158,232,244,.17); color:#fff; }
.lang-switch a[aria-current="page"] { background:#9ce1ea; color:#072b40; }
.lang-switch a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.header-inner { gap:14px; }
.header-contact { padding-inline:11px; }
body:lang(en) { word-break:normal; letter-spacing:normal; }
body:lang(en) .hero h1 { letter-spacing:-.052em; }
body:lang(en) .section-head h2, body:lang(en) .contact h2 { letter-spacing:-.04em; }
body:lang(en) .service-card h3, body:lang(en) .fleet-body h3 { letter-spacing:-.02em; }
body:lang(en) .service-card p { font-size:.88rem; line-height:1.8; }
body:lang(en) .brand-sub { word-break:keep-all; }
body:lang(en) .phone-intl { font-size:.83rem; color:#b2d7e2; margin-top:3px; }
body:lang(en) .phone-intl a { color:#b0ebf1; font-weight:650; }
@media (max-width:1180px) { .nav { gap:17px; } .brand { width:245px; } }
@media (max-width:1050px) { .header-contact { display:none; } }
@media (max-width:740px) {
 .header-inner { gap:7px; }
 .brand { width:clamp(145px,48vw,205px); min-width:0; flex:0 1 auto; }
 .lang-switch { margin-left:auto; padding:2px; gap:1px; }
 .lang-switch a { min-width:31px; padding:6px 4px; font-size:.70rem; }
 .mobile-nav { margin-left:0; flex-shrink:0; }
 .mobile-nav summary { gap:5px; padding:6px 8px; }
 body:lang(en) .hero h1 { font-size:clamp(2.28rem,9.2vw,3.9rem); }
 body:lang(en) .hero-copy { line-height:1.8; }
}
@media (max-width:420px) {
 .brand { width:clamp(141px,44vw,176px); }
 .mobile-nav summary .menu-label { display:none; }
 .mobile-nav summary { padding:6px 9px; }
 body:lang(en) .hero { min-height:755px; }
 body:lang(en) .hero-inner { min-height:755px; }
 body:lang(en) .hero h1 { font-size:clamp(2.15rem,9vw,2.8rem); }
 body:lang(en) .hero-badges span { font-size:.61rem; }
 .contact-card .phone { overflow-wrap:anywhere; }
}