/* BERZAN Business UI 2026 — presentation layer only */
:root{
  --pro-ink:#111416;
  --pro-ink-2:#1a1e20;
  --pro-paper:#f5f2ea;
  --pro-white:#fff;
  --pro-muted:#62686b;
  --pro-line:#d7d2c6;
  --pro-line-dark:#303537;
  --pro-accent:#efbc14;
  --pro-accent-dark:#c89600;
  --pro-shell:min(1380px,calc(100vw - 80px));
  --pro-radius:2px;
  --pro-section:clamp(84px,8vw,132px);
  --pro-shadow:0 18px 55px rgba(17,20,22,.08);
}

html{scroll-behavior:smooth;scroll-padding-top:112px;background:var(--pro-paper)}
body{background:var(--pro-paper);color:var(--pro-ink);font-feature-settings:"ss01" 1,"cv01" 1;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:Geist,Arial,sans-serif}
::selection{background:var(--pro-accent);color:var(--pro-ink)}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px}
.site-shell{width:var(--pro-shell)!important}

/* top contact bar */
.contact-strip{background:var(--pro-ink)!important;color:#eef0ed!important;border:0!important}
.contact-strip-inner{min-height:38px!important;font-size:12px!important;letter-spacing:.015em}
.contact-strip a{color:#fff!important}
.contact-strip .contact-icon{color:var(--pro-accent)!important}
.contact-location{color:#c8cdca!important}
.contact-separator{opacity:.35!important}

/* primary header */
.site-header{top:0!important;background:rgba(245,242,234,.965)!important;border-bottom:1px solid rgba(17,20,22,.14)!important;box-shadow:0 8px 30px rgba(17,20,22,.035)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.nav-wrap{min-height:88px!important;gap:28px!important}
.brand{gap:13px!important;letter-spacing:-.045em!important}
.brand-logo{width:58px!important;height:auto!important;object-fit:contain!important}
.brand-name{font-size:31px!important;line-height:.84!important}
.brand-name small{font-size:9px!important;letter-spacing:.23em!important;margin-top:8px!important;color:#6a6f70!important}
.desktop-nav{gap:36px!important;font-size:14px!important;font-weight:550!important;letter-spacing:.005em!important}
.desktop-nav a{padding:32px 0 29px!important;border-bottom:2px solid transparent!important}
.desktop-nav a:hover,.desktop-nav a:focus-visible{border-color:var(--pro-accent)!important;color:#000!important}
.nav-cta{min-height:48px!important;padding:0 17px!important;gap:14px!important;border:1px solid var(--pro-ink)!important;font-size:14px!important;letter-spacing:.01em!important;background:transparent!important}
.nav-cta:hover{background:var(--pro-ink)!important;color:#fff!important;transform:translateY(-1px)}

/* Compact language control — lives in the header flow, never fixed. */
#berzan-language-switcher{position:relative;flex:0 0 auto;z-index:95}
#berzan-language-switcher details{position:relative}
#berzan-language-switcher summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:72px;height:40px;padding:0 11px;border:1px solid rgba(17,20,22,.24);border-radius:999px;
  background:rgba(255,255,255,.38);color:var(--pro-ink);font-size:11px;font-weight:800;letter-spacing:.08em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);white-space:nowrap;
}
#berzan-language-switcher summary::-webkit-details-marker{display:none}
#berzan-language-switcher summary:hover,#berzan-language-switcher summary:focus-visible{background:#fff;border-color:rgba(17,20,22,.55)}
#berzan-language-switcher .pro-lang-globe{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.78}
#berzan-language-switcher .pro-lang-current{font-variant-numeric:tabular-nums}
#berzan-language-switcher .pro-lang-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transform-origin:center;opacity:.62;transition:transform .18s ease}
#berzan-language-switcher details[open] .pro-lang-chevron{transform:rotate(225deg) translate(-1px,-1px)}
#berzan-language-switcher .pro-lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;width:206px;padding:7px;border:1px solid rgba(17,20,22,.16);
  border-radius:14px;background:rgba(255,255,255,.985);box-shadow:0 20px 55px rgba(17,20,22,.14);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;z-index:120;
}
#berzan-language-switcher .pro-lang-menu:after{content:"";position:absolute;top:-5px;right:25px;width:9px;height:9px;background:#fff;border-left:1px solid rgba(17,20,22,.16);border-top:1px solid rgba(17,20,22,.16);transform:rotate(45deg)}
#berzan-language-switcher .pro-lang-menu-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 8px;color:#7a7e7f;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#berzan-language-switcher .pro-lang-menu-current{display:grid;place-items:center;width:25px;height:20px;border-radius:999px;background:#f0bc14;color:#111;font-size:9px;letter-spacing:.06em}
#berzan-language-switcher .pro-lang-options{display:grid;gap:2px}
#berzan-language-switcher button{appearance:none;width:100%;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;min-height:39px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--pro-ink);cursor:pointer;text-align:left;font-size:12.5px}
#berzan-language-switcher button:hover,#berzan-language-switcher button:focus-visible{background:#f5f2ea;outline:none}
#berzan-language-switcher button.is-active{background:#f5f2ea;font-weight:700}
#berzan-language-switcher .pro-lang-dot{width:6px;height:6px;border-radius:50%;border:1px solid #a7aaa9;background:transparent}
#berzan-language-switcher button.is-active .pro-lang-dot{border-color:#b78a00;background:var(--pro-accent);box-shadow:0 0 0 3px rgba(239,188,20,.16)}
#berzan-language-switcher .pro-lang-name{min-width:0}
#berzan-language-switcher .pro-lang-code{font-family:var(--font-geist-mono,monospace);font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#8b8f90}

/* Hero */
.hero{min-height:660px!important;background:var(--pro-paper)!important;border-bottom:0!important}
.hero-copy-wrap{position:relative}
.hero-copy{width:min(620px,100% - 56px)!important;padding:96px 46px 78px 0!important}
.hero .eyebrow{font-size:11px!important;letter-spacing:.2em!important;margin-bottom:26px!important;color:#424849!important}
.hero h1{font-size:clamp(58px,5.7vw,88px)!important;letter-spacing:-.068em!important;line-height:.91!important;max-width:700px!important}
.hero-lead{max-width:610px!important;margin-top:30px!important;font-size:18px!important;line-height:1.62!important;color:#4f5557!important}
.hero-actions{margin-top:34px!important;gap:11px!important}
.button{min-height:50px!important;padding:0 18px!important;border-radius:var(--pro-radius)!important;font-size:14px!important;letter-spacing:.005em!important}
.button-primary{background:var(--pro-accent)!important;border-color:var(--pro-accent)!important;color:#111!important}
.button-primary:hover{background:#ffd237!important;border-color:#ffd237!important;transform:translateY(-1px)}
.button-secondary{background:transparent!important;border-color:#aaa69d!important}
.button-secondary:hover{background:#fff!important;border-color:#77736c!important}
.trust-row{margin-top:38px!important;padding-top:22px!important;border-top:1px solid #d3cec3!important;gap:24px!important;color:#4d5354!important;font-size:12px!important}
.trust-row .check{color:#8a6900!important;background:transparent!important}
.hero-media{min-height:660px!important}
.hero-slide-shade{background:linear-gradient(180deg,rgba(0,0,0,.04) 42%,rgba(0,0,0,.54) 100%)!important}
.hero-slide-status{left:30px!important;bottom:28px!important;padding:10px 13px!important;background:rgba(17,20,22,.76)!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(8px)}
.hero-slide-status strong{font-size:12px!important;letter-spacing:.02em!important}
.hero-slide-controls{right:26px!important;bottom:25px!important}

/* Section rhythm */
.section{padding:var(--pro-section) 0!important}
.service-area{padding:76px 0!important;background:var(--pro-accent)!important;border-top:1px solid rgba(17,20,22,.16)!important;border-bottom:1px solid rgba(17,20,22,.18)!important}
.service-area-grid{gap:90px!important}
.service-area h2{font-size:clamp(40px,4vw,60px)!important;letter-spacing:-.052em!important}
.country-list{gap:8px!important}
.country-list span{background:rgba(255,255,255,.38)!important;border:1px solid rgba(17,20,22,.18)!important;padding:10px 13px!important;font-size:12px!important;font-weight:650!important}
.section-heading{gap:88px!important;margin-bottom:62px!important;padding-bottom:28px!important;border-bottom:1px solid currentColor!important;border-color:rgba(127,127,127,.32)!important}
.section-heading h2,.process-intro h2,.contact-copy h2{font-size:clamp(42px,4.7vw,72px)!important;letter-spacing:-.057em!important;line-height:.96!important}
.section-heading>p{font-size:16px!important;line-height:1.7!important;max-width:510px!important}
.section-dark{background:var(--pro-ink)!important}

/* Service cards: serious, technical, aligned */
.service-grid{gap:0!important;border-top:1px solid var(--pro-line-dark)!important;border-left:1px solid var(--pro-line-dark)!important}
.service-card{padding:34px 30px 38px!important;border-right:1px solid var(--pro-line-dark)!important;border-bottom:1px solid var(--pro-line-dark)!important;min-height:290px!important;background:transparent!important}
.service-card:hover{background:#171b1d!important}
.service-number{color:var(--pro-accent)!important;font-size:11px!important;letter-spacing:.13em!important}
.service-card h3{font-size:25px!important;letter-spacing:-.035em!important;line-height:1.08!important;margin-top:46px!important}
.service-card p{font-size:14px!important;line-height:1.7!important;color:#b8bcbc!important}
.service-card .text-link{margin-top:auto!important;font-size:12px!important;font-weight:700!important}

/* projects */
.section-projects{background:#fff!important}
.project-grid{gap:18px!important}
.project{border-radius:var(--pro-radius)!important;overflow:hidden!important;background:#171a1c!important;box-shadow:none!important}
.project img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease!important}
.project:hover img{transform:scale(1.018)!important}
.project:after{background:linear-gradient(180deg,transparent 38%,rgba(10,12,13,.8) 100%)!important}

/* process and FAQ */
.process-section{padding:var(--pro-section) 0!important;background:#ebe7dc!important;border-top:1px solid var(--pro-line)!important;border-bottom:1px solid var(--pro-line)!important}
.process-grid{gap:96px!important}
.process-list{border-top:1px solid #bcb7ad!important}
.process-list>div{padding:24px 0!important;border-color:#c8c3b9!important}
.process-list strong{font-size:15px!important}
.process-list p{font-size:14px!important;line-height:1.65!important;color:#62686a!important}
.image-band{min-height:520px!important}
.image-band-copy{max-width:610px!important;padding:34px!important;background:rgba(17,20,22,.8)!important;backdrop-filter:blur(7px)}
.faq-section{padding:var(--pro-section) 0!important;background:#fff!important}
.faq-grid{gap:90px!important}
.faq-list details{border-color:#d1ccc1!important;padding:21px 0!important}
.faq-list summary{font-size:16px!important;font-weight:650!important}
.faq-list p{color:#5e6466!important;line-height:1.7!important}

/* contact */
.contact-section{padding:var(--pro-section) 0!important;background:#111416!important}
.contact-grid{gap:88px!important}
.direct-contact{border-top:1px solid #353a3c!important;padding-top:26px!important}
.inquiry-form{background:#171b1d!important;border:1px solid #313638!important;padding:32px!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important}
.inquiry-form label{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#c4c8c6!important}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#111416!important;border:1px solid #454a4c!important;color:#fff!important;border-radius:0!important;min-height:48px!important}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--pro-accent)!important}

/* footer */
footer{background:#0b0d0e!important;color:#d9dcda!important}
.footer-grid,.legal-footer-inner{border-color:#2d3132!important}
footer a:hover{color:var(--pro-accent)!important}

/* References page */
.references-page,.legal-page{background:var(--pro-paper)!important}
.legal-header{position:sticky;top:0;z-index:30;background:rgba(245,242,234,.97)!important;border-bottom:1px solid var(--pro-line)!important;backdrop-filter:blur(16px)}
.legal-header-inner{min-height:86px!important;gap:20px!important}
.legal-back{font-size:13px!important;font-weight:650!important}
.references-hero{padding:92px 0 78px!important;background:var(--pro-accent)!important;border-bottom:1px solid rgba(17,20,22,.2)!important}
.references-hero-grid{gap:90px!important}
.references-hero h1{font-size:clamp(62px,8vw,108px)!important;line-height:.86!important;letter-spacing:-.065em!important}
.featured-references-section{padding:var(--pro-section) 0!important;background:#fff!important}
.featured-references-head{gap:90px!important;margin-bottom:56px!important;padding-bottom:30px!important;border-bottom:1px solid #ddd8ce!important}
.featured-references-head h2{font-size:clamp(44px,5.3vw,72px)!important;line-height:.96!important}
.featured-references-grid{gap:22px!important}
.featured-reference{border:1px solid #d9d4ca!important;background:#fff!important;box-shadow:none!important}
.featured-reference-media{background:#e8e4db!important}
.featured-reference-copy{padding:28px!important}
.featured-reference-copy h3{font-size:26px!important;letter-spacing:-.035em!important}
.featured-reference-meta{border-color:#ddd8cf!important;font-family:var(--font-geist-mono,monospace)!important;font-size:11px!important}
.erpeldange-project{padding:var(--pro-section) 0!important;background:#e9e5da!important;border-block:1px solid #d1ccc2!important}
.erpeldange-project-grid{gap:72px!important}
.erpeldange-project-copy h2{font-size:clamp(46px,5vw,74px)!important;letter-spacing:-.055em!important}
.reference-video-section{padding:var(--pro-section) 0!important;background:var(--pro-ink)!important;color:#fff!important}
.references-gallery-section{padding:var(--pro-section) 0!important;background:#fff!important}
.references-gallery{gap:12px!important}
.reference-card{border-radius:0!important;overflow:hidden!important;background:#191c1e!important}
.reference-card img{transition:transform .55s ease!important}
.reference-card:hover img{transform:scale(1.015)!important}
.references-cta{padding:74px 0!important;background:var(--pro-accent)!important}
.references-cta-inner{align-items:center!important}
.references-cta h2{font-size:clamp(38px,4.5vw,62px)!important;letter-spacing:-.055em!important}

/* Contact + legal pages */
.legal-main{padding:var(--pro-section) 0!important}
.legal-intro{max-width:900px!important;margin-bottom:54px!important}
.legal-intro h1{font-size:clamp(52px,7vw,92px)!important;letter-spacing:-.065em!important;line-height:.92!important}
.legal-section{border-top:1px solid #d1ccc2!important;padding:42px 0!important}
.contact-page-grid{gap:24px!important}
.contact-page-card,.map-card{background:#fff!important;border:1px solid #d7d2c8!important;box-shadow:none!important}
.contact-page-card{padding:28px!important}
.map-card{padding:0!important;overflow:hidden!important}
.map-card-head{padding:28px!important}
.contact-calculator-section{margin-top:72px!important;padding-top:64px!important;border-color:#cbc6bc!important}
.project-calculator{background:#fff!important;border:1px solid #d7d2c8!important;padding:30px!important}

/* Mobile */
@media(max-width:980px){
  :root{--pro-shell:min(100% - 44px,900px);--pro-section:82px}
  .contact-strip{display:none!important}
  .nav-wrap{min-height:76px!important;gap:12px!important}
  .brand-logo{width:46px!important}
  .brand-name{font-size:24px!important}
  .brand-name small{font-size:7px!important}
  .pro-lang-ready .mobile-nav{margin-left:0!important}
  #berzan-language-switcher{margin-left:auto}
  #berzan-language-switcher summary{height:38px;min-width:66px;padding:0 9px;gap:6px}
  #berzan-language-switcher .pro-lang-menu{right:0;width:min(202px,calc(100vw - 24px))}
  .mobile-nav summary{height:42px!important;display:flex!important;align-items:center!important;padding:0 12px!important;font-size:12px!important;font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important;background:transparent!important}
  .mobile-nav nav{top:50px!important;right:0!important;width:min(280px,calc(100vw - 32px))!important;padding:8px!important;box-shadow:0 22px 60px rgba(17,20,22,.18)!important}
  .mobile-nav nav a{display:block!important;padding:13px 12px!important;font-size:14px!important;border-bottom:1px solid #eeeae1!important}
  .hero{min-height:0!important;display:flex!important;flex-direction:column!important}
  .hero-media{order:1!important;height:48vh!important;min-height:360px!important}
  .hero-copy-wrap{order:2!important}
  .hero-copy{width:var(--pro-shell)!important;margin:auto!important;padding:62px 0 72px!important}
  .hero h1{font-size:clamp(52px,11vw,76px)!important}
  .hero-lead{font-size:17px!important}
  .trust-row{flex-wrap:wrap!important}
  .service-area{padding:58px 0!important}
  .service-area-grid{gap:34px!important}
  .section-heading,.featured-references-head,.references-hero-grid{gap:32px!important}
  .service-card{min-height:250px!important}
  .process-grid,.faq-grid,.contact-grid{gap:58px!important}
  .inquiry-form{padding:24px!important}
  .legal-header-inner{min-height:76px!important}
}

@media(max-width:640px){
  :root{--pro-shell:calc(100vw - 32px);--pro-section:68px}
  html{scroll-padding-top:84px}
  .nav-wrap{min-height:70px!important}
  .brand{gap:8px!important}
  .brand-logo{width:39px!important}
  .brand-name{font-size:20px!important}
  .brand-name small{display:none!important}
  #berzan-language-switcher summary{height:36px;min-width:61px;padding:0 8px;font-size:10px;gap:5px}
  #berzan-language-switcher .pro-lang-globe{width:13px;height:13px}
  #berzan-language-switcher .pro-lang-menu{top:calc(100% + 8px);width:min(196px,calc(100vw - 20px))}
  .mobile-nav summary{height:40px!important;padding:0 10px!important;font-size:11px!important}
  .hero-media{height:42vh!important;min-height:305px!important}
  .hero-copy{padding:50px 0 58px!important}
  .hero .eyebrow{font-size:9.5px!important;margin-bottom:19px!important}
  .hero h1{font-size:clamp(46px,14vw,64px)!important;line-height:.92!important}
  .hero-lead{font-size:16px!important;line-height:1.62!important;margin-top:22px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:27px!important}
  .button{justify-content:center!important;width:100%!important}
  .trust-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:28px!important;padding-top:18px!important}
  .trust-row span{font-size:11px!important}
  .hero-slide-status{left:16px!important;bottom:16px!important;max-width:65%!important}
  .hero-slide-controls{right:14px!important;bottom:14px!important}
  .service-area h2,.section-heading h2,.process-intro h2,.contact-copy h2{font-size:clamp(36px,10vw,50px)!important}
  .section-heading{display:block!important;margin-bottom:38px!important;padding-bottom:22px!important}
  .section-heading>p{margin-top:20px!important}
  .service-grid{display:block!important;border-left:1px solid var(--pro-line-dark)!important}
  .service-card{min-height:0!important;padding:28px 22px!important}
  .service-card h3{margin-top:30px!important}
  .project-grid{gap:10px!important}
  .process-list>div{padding:20px 0!important}
  .image-band{min-height:390px!important}
  .image-band-copy{margin:16px!important;padding:24px!important}
  .inquiry-form{padding:18px!important}
  .references-hero{padding:66px 0 58px!important}
  .references-hero h1{font-size:clamp(58px,18vw,84px)!important}
  .featured-reference-copy{padding:22px!important}
  .erpeldange-project-grid{gap:42px!important}
  .references-gallery{gap:8px!important}
  .references-cta-inner{gap:24px!important}
  .legal-intro h1{font-size:clamp(46px,14vw,68px)!important}
  .contact-page-card{padding:22px!important}
  .map-card-head{padding:22px!important}
  .project-calculator{padding:20px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ============================================================
   BERZAN 2026 — editorial refinement + real project media
   ============================================================ */
:root{
  --pro-paper:#f1eee6;
  --pro-paper-2:#e8e3d8;
  --pro-paper-3:#faf8f2;
  --pro-graphite:#15191b;
  --pro-grid:rgba(17,20,22,.055);
}

/* Prevent awkward/orphaned punctuation and squeezed copy. */
h1,h2,h3,.featured-reference-area,.brand-name{ text-wrap:balance; }
p,li,.service-card p,.featured-reference-copy>p,.references-hero-grid>p{ text-wrap:pretty; }
.service-card p{max-width:39ch;line-height:1.62!important;overflow-wrap:normal!important;hyphens:none!important}
.service-card h3{max-width:17ch;line-height:1.02!important;text-wrap:balance}
.section-heading>p,.process-intro>p,.contact-copy>p{max-width:48ch!important}

/* Hero headline: deliberately two clean lines — no orphan full stop. */
.hero h1 .hero-line{display:block}
.hero h1 .hero-line + .hero-line{margin-top:.08em}

/* More architectural surfaces; avoid long pure-white stretches. */
.faq-section{background:var(--pro-paper-2)!important}
.featured-references-section{background:var(--pro-paper)!important}
.references-gallery-section{background:#e7e2d8!important}
.legal-main{background:var(--pro-paper)!important}
.contact-page-card,.map-card,.project-calculator{background:var(--pro-paper-3)!important}
.section-projects{background:#f8f5ee!important}
.process-section{background:#e5e0d5!important}

/* Subtle technical grid adds depth without looking decorative. */
.references-hero,.service-area,.contact-page-area{position:relative;isolation:isolate;overflow:hidden}
.references-hero:before,.service-area:before,.contact-page-area:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,var(--pro-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--pro-grid) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 58%,transparent 100%);
}

/* One coherent navigation system across home, references, contact and legal pages. */
.legal-header{position:sticky!important;top:0!important;z-index:70!important;background:rgba(241,238,230,.965)!important;border-bottom:1px solid rgba(17,20,22,.14)!important;box-shadow:0 8px 30px rgba(17,20,22,.035)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.legal-header-inner.is-full-nav{min-height:88px!important;display:flex!important;align-items:center!important;gap:28px!important}
.legal-header-inner.is-full-nav .brand{margin-right:auto}
.legal-header-inner.is-full-nav .desktop-nav{display:flex!important;align-items:center!important}
.legal-header-inner.is-full-nav .nav-cta{display:inline-flex!important}
.legal-header-inner.is-full-nav .mobile-nav{display:none!important}
.legal-header-inner.is-full-nav .desktop-nav a[aria-current="page"]{border-color:var(--pro-accent)!important;font-weight:750!important}

/* Language control: quiet until needed. */
#berzan-language-switcher summary{
  min-width:58px!important;height:36px!important;padding:0 9px!important;gap:6px!important;
  background:transparent!important;border-color:rgba(17,20,22,.18)!important;box-shadow:none!important;
  font-size:10px!important;letter-spacing:.09em!important;
}
#berzan-language-switcher summary:hover,#berzan-language-switcher summary:focus-visible{background:rgba(255,255,255,.7)!important;border-color:rgba(17,20,22,.42)!important}
#berzan-language-switcher .pro-lang-menu{width:184px!important;padding:6px!important;border-radius:12px!important;box-shadow:0 18px 48px rgba(17,20,22,.13)!important}
#berzan-language-switcher .pro-lang-menu-head{padding:6px 8px 7px!important;font-size:8px!important}
#berzan-language-switcher button{min-height:36px!important;padding:0 8px!important;font-size:12px!important;grid-template-columns:1fr auto!important}
#berzan-language-switcher .pro-lang-dot{display:none!important}
#berzan-language-switcher .pro-lang-code{font-size:9px!important}

/* Real-project media editorial block. */
.field-notes-section{background:var(--pro-graphite);color:#fff;padding:var(--pro-section) 0;overflow:hidden}
.field-notes-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:80px;margin-bottom:46px;padding-bottom:28px;border-bottom:1px solid #343a3c}
.field-notes-head .eyebrow{color:var(--pro-accent);margin:0 0 16px}
.field-notes-head h2{font-size:clamp(44px,5vw,76px);line-height:.93;letter-spacing:-.058em;margin:0;max-width:780px}
.field-notes-head>p{color:#b8bcba;max-width:500px;margin:0;font-size:16px;line-height:1.72}
.field-notes-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:16px;align-items:stretch}
.field-notes-video{position:relative;min-height:560px;background:#22282a;overflow:hidden;margin:0}
.field-notes-video video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.field-notes-video:after,.field-note-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}
.field-notes-caption{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.field-notes-caption span,.field-note-card span{color:var(--pro-accent);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.field-notes-caption strong{font-size:22px;line-height:1.2;max-width:28ch}
.field-notes-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.field-note-card{position:relative;min-height:270px;overflow:hidden;background:#282d2f;margin:0}
.field-note-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.field-note-card:hover img{transform:scale(1.018)}
.field-note-card figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:grid;gap:6px}
.field-note-card strong{font-size:17px;line-height:1.25}
.field-notes-source{margin-top:18px;color:#858b88;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

/* References: small process strip using additional real project images. */
.process-media-strip{background:var(--pro-paper);padding:0 0 var(--pro-section)}
.process-media-strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.process-media-item{position:relative;aspect-ratio:4/5;overflow:hidden;background:#d6d1c7;margin:0}
.process-media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.process-media-item:hover img{transform:scale(1.018)}
.process-media-item:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.process-media-item figcaption{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;color:#fff;display:grid;gap:5px}
.process-media-item small{color:var(--pro-accent);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.process-media-item strong{font-size:15px;line-height:1.2}

/* Smaller, cleaner content cards. */
.contact-page-card{min-height:176px!important;padding:24px!important}
.contact-page-card strong{font-size:clamp(18px,2.2vw,27px)!important;line-height:1.18!important}
.featured-reference-copy>p{max-width:52ch}
.featured-reference-service{letter-spacing:.055em!important;font-size:10.5px!important;padding:9px 11px!important}
.featured-reference-copy .featured-reference-note{font-size:13px!important;line-height:1.5!important}

@media(max-width:980px){
  .legal-header-inner.is-full-nav{min-height:76px!important;gap:12px!important}
  .legal-header-inner.is-full-nav .desktop-nav,.legal-header-inner.is-full-nav .nav-cta{display:none!important}
  .legal-header-inner.is-full-nav .mobile-nav{display:block!important}
  .legal-header-inner.is-full-nav #berzan-language-switcher{margin-left:auto!important}
  .field-notes-head{grid-template-columns:1fr;gap:24px}
  .field-notes-grid{grid-template-columns:1fr}
  .field-notes-video{min-height:500px}
  .field-notes-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .process-media-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .legal-header-inner.is-full-nav{min-height:70px!important}
  #berzan-language-switcher summary{min-width:52px!important;height:34px!important;padding:0 7px!important}
  #berzan-language-switcher .pro-lang-menu{width:min(180px,calc(100vw - 18px))!important}
  .field-notes-head{margin-bottom:30px;padding-bottom:22px}
  .field-notes-head h2{font-size:clamp(38px,12vw,52px)}
  .field-notes-grid{gap:10px}
  .field-notes-video{min-height:390px}
  .field-notes-caption{left:18px;right:18px;bottom:17px;display:grid;gap:8px}
  .field-notes-caption strong{font-size:18px}
  .field-notes-stack{grid-template-columns:1fr;gap:10px}
  .field-note-card{min-height:300px}
  .process-media-strip-inner{grid-template-columns:1fr 1fr;gap:7px}
  .process-media-item{aspect-ratio:3/4}
  .process-media-item strong{font-size:13px}
}
/* Keep the hero statement intentionally on two lines instead of forcing words into a third line. */
.hero h1 .hero-line + .hero-line{font-size:.78em;white-space:nowrap;letter-spacing:-.055em}
@media(max-width:640px){.hero h1 .hero-line + .hero-line{font-size:.77em;white-space:nowrap}}

/* Erpeldange reference emphasis */
.erpeldange-featured{border-top:3px solid var(--pro-yellow)!important}
.erpeldange-featured .featured-reference-media img{object-position:center 56%!important}
.erpeldange-doc-date{margin-top:18px!important;color:#f2c230!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
@media(min-width:980px){.featured-references-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.erpeldange-featured{grid-column:span 1}}


/* === BERZAN Reference Stories 2026 / final design pass === */
.hero h1{
  max-width:760px!important;
  font-size:clamp(54px,5.15vw,82px)!important;
  line-height:.93!important;
}
.hero h1 .hero-line:first-child{
  white-space:nowrap!important;
  font-size:.88em!important;
  letter-spacing:-.066em!important;
}
.hero h1 .hero-line + .hero-line{
  white-space:nowrap!important;
  font-size:.70em!important;
  letter-spacing:-.052em!important;
  margin-top:.16em!important;
}
@media(max-width:900px){
  .hero h1{font-size:clamp(48px,9vw,68px)!important}
  .hero h1 .hero-line:first-child{font-size:.82em!important}
  .hero h1 .hero-line + .hero-line{font-size:.68em!important}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(43px,12vw,56px)!important;max-width:100%!important}
  .hero h1 .hero-line:first-child{font-size:.78em!important;letter-spacing:-.055em!important}
  .hero h1 .hero-line + .hero-line{font-size:.64em!important;letter-spacing:-.04em!important}
}

/* When the enhanced project stories are active, retire the old dense reference blocks. */
body.pro-projects-ready .featured-references-section,
body.pro-projects-ready .erpeldange-project,
body.pro-projects-ready .reference-video-section,
body.pro-projects-ready .references-gallery-section,
body.pro-projects-ready .process-media-strip{display:none!important}

.pro-project-showcase{
  padding:clamp(72px,8vw,124px) 0 clamp(86px,10vw,150px);
  background:#f2efe7;
  color:var(--pro-ink);
  border-top:1px solid rgba(17,20,22,.12);
}
.pro-projects-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);
  gap:clamp(42px,8vw,120px);
  align-items:end;
  margin-bottom:48px;
}
.pro-projects-head h2{
  margin:10px 0 0;
  max-width:820px;
  font-size:clamp(42px,5.3vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
}
.pro-projects-head>p{
  max-width:520px;
  margin:0 0 5px;
  color:#565d60;
  font-size:17px;
  line-height:1.7;
}
.pro-project-index-wrap{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  align-items:center;
  padding:17px 0 23px;
  border-top:1px solid rgba(17,20,22,.17);
  border-bottom:1px solid rgba(17,20,22,.17);
  margin-bottom:clamp(54px,6vw,86px);
}
.pro-project-index-wrap>span{
  color:#777a78;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.pro-project-index{
  display:flex;
  gap:8px;
  overflow:auto;
  scrollbar-width:none;
  padding:1px 0;
}
.pro-project-index::-webkit-scrollbar{display:none}
.pro-project-index a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-height:39px;
  padding:0 13px;
  border:1px solid rgba(17,20,22,.19);
  background:rgba(255,255,255,.44);
  color:var(--pro-ink);
  text-decoration:none;
  white-space:nowrap;
  font-size:11px;
  font-weight:650;
}
.pro-project-index a strong{font-size:11px;color:#777a78;font-weight:650}
.pro-project-index a:hover{background:#fff;border-color:var(--pro-ink);transform:translateY(-1px)}

.pro-project-list{display:grid;gap:clamp(76px,9vw,138px)}
.pro-project-card{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
  scroll-margin-top:132px;
}
.pro-project-card:nth-child(even){grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)}
.pro-project-card:nth-child(even) .pro-project-media{order:2}
.pro-project-card:nth-child(even) .pro-project-copy{order:1}
.pro-project-media{min-width:0}
.pro-project-gallery{
  position:relative;
  aspect-ratio:1.36/1;
  min-height:460px;
  overflow:hidden;
  background:#171a1b;
  box-shadow:0 24px 70px rgba(17,20,22,.13);
  outline:none;
}
.pro-project-gallery:focus-visible{outline:3px solid var(--pro-accent);outline-offset:4px}
.pro-project-slides,.pro-project-slide{position:absolute;inset:0}
.pro-project-slide{
  margin:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.012);
  transition:opacity .48s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility .48s;
}
.pro-project-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.pro-project-slide img,.pro-project-slide video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.pro-project-slide video{background:#151719}
.pro-project-gallery:before{content:"";position:absolute;right:18px;bottom:18px;width:92px;height:92px;background:url('/logo.png') center/contain no-repeat;opacity:.14;filter:grayscale(1) brightness(1.25);pointer-events:none;z-index:3}
.pro-project-gallery:after{
  content:"";
  position:absolute;inset:auto 0 0;height:35%;
  background:linear-gradient(to top,rgba(12,14,15,.55),transparent);
  pointer-events:none;
  z-index:2;
}
.pro-project-media-top{
  position:absolute;
  z-index:4;
  top:16px;left:16px;right:16px;
  display:flex;justify-content:space-between;align-items:center;
  color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.12em;
}
.pro-project-media-top>span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 10px;background:rgba(14,16,17,.72);
  backdrop-filter:blur(10px);
}
.pro-project-gallery-bottom{
  position:absolute;z-index:4;left:16px;right:16px;bottom:16px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.pro-project-dots{display:flex;align-items:center;gap:7px}
.pro-project-dot{
  width:22px;height:3px;padding:0;border:0;background:rgba(255,255,255,.4);
  cursor:pointer;
}
.pro-project-dot.is-active{background:var(--pro-accent);width:34px}
.pro-project-arrows{display:flex;gap:7px}
.pro-project-arrows button{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.55);
  background:rgba(14,16,17,.66);color:#fff;font-size:18px;cursor:pointer;
  backdrop-filter:blur(10px);
}
.pro-project-arrows button:hover{background:#fff;color:#111;border-color:#fff}

.pro-project-copy{max-width:520px}
.pro-project-kicker{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;
  padding-bottom:16px;margin-bottom:22px;
  border-bottom:1px solid rgba(17,20,22,.18);
  color:#696e70;
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.pro-project-kicker span:first-child{color:var(--pro-ink)}
.pro-project-meta{
  margin:0 0 22px;
  font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:#3e4446;
}
.pro-project-area{
  display:block;
  margin:0 0 20px;
  font-size:clamp(48px,5.6vw,78px);
  line-height:.86;
  letter-spacing:-.065em;
  font-weight:790;
}
.pro-project-copy h3{
  margin:0 0 20px;
  max-width:12ch;
  font-size:clamp(28px,3vw,44px);
  line-height:1.01;
  letter-spacing:-.045em;
  font-weight:650;
}
.pro-project-body{
  max-width:44ch;
  margin:0;
  color:#565d60;
  font-size:16px;
  line-height:1.72;
}
.pro-project-service-label{
  margin-top:30px;
  color:#777a78;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pro-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.pro-project-tags span{
  padding:8px 10px;
  border:1px solid rgba(17,20,22,.18);
  background:rgba(255,255,255,.45);
  font-size:11px;
  font-weight:700;
  color:#222628;
}

@media(max-width:980px){
  .pro-projects-head{grid-template-columns:1fr;gap:24px}
  .pro-project-index-wrap{grid-template-columns:1fr;gap:11px}
  .pro-project-card,
  .pro-project-card:nth-child(even){grid-template-columns:1fr;gap:32px}
  .pro-project-card:nth-child(even) .pro-project-media,
  .pro-project-card:nth-child(even) .pro-project-copy{order:initial}
  .pro-project-copy{max-width:720px}
  .pro-project-copy h3{max-width:18ch}
  .pro-project-gallery{min-height:0;aspect-ratio:16/10}
}
@media(max-width:640px){
  .pro-project-showcase{padding:62px 0 84px}
  .pro-projects-head{margin-bottom:34px}
  .pro-projects-head h2{font-size:clamp(38px,10vw,48px);max-width:10ch}
  .pro-projects-head>p{font-size:15px;line-height:1.65}
  .pro-project-index-wrap{margin-bottom:54px}
  .pro-project-index{margin-right:calc((100vw - var(--pro-shell)) / -2);padding-right:18px}
  .pro-project-list{gap:72px}
  .pro-project-card{scroll-margin-top:92px}
  .pro-project-gallery{aspect-ratio:4/3}
  .pro-project-gallery:before{width:70px;height:70px;right:12px;bottom:12px}
  .pro-project-media-top{top:12px;left:12px;right:12px}
  .pro-project-gallery-bottom{left:12px;right:12px;bottom:12px}
  .pro-project-arrows button{width:38px;height:38px}
  .pro-project-kicker{display:grid;justify-content:start;margin-bottom:18px}
  .pro-project-meta{font-size:10px;margin-bottom:17px}
  .pro-project-area{font-size:clamp(48px,15vw,66px);margin-bottom:17px}
  .pro-project-copy h3{font-size:clamp(28px,8.6vw,38px);max-width:15ch;margin-bottom:16px}
  .pro-project-body{font-size:15px;line-height:1.68}
  .pro-project-service-label{margin-top:24px}
}

/* Visible BERZAN brand intro video on home and references. */
.home-intro-video{background:#111416;padding:clamp(26px,4vw,54px) 0;border-bottom:1px solid rgba(255,255,255,.12)}
.home-intro-video-inner{display:flex;justify-content:center}
.home-intro-video video{display:block;width:min(1120px,100%);aspect-ratio:16/9;object-fit:cover;background:#090a0b;border:1px solid rgba(255,255,255,.15);box-shadow:0 26px 70px rgba(0,0,0,.28)}
@media(max-width:700px){.home-intro-video{padding:18px 0}.home-intro-video .site-shell{width:calc(100% - 24px)!important}}