@font-face{font-family:Manrope;src:url('assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/fonts/source-sans-3-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/cormorant-garamond-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#fafaf8;--white:#fff;--ink:#20211f;--muted:#666863;--line:#dedfd9;--grey:#f0f1ed;--headline:Manrope,Arial,sans-serif;--body:'Source Sans 3',Arial,sans-serif;--decorative:'Cormorant Garamond',Georgia,serif;--content:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
main{background:var(--white)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--headline);font-weight:400}
h1,h2{letter-spacing:-.052em;line-height:1.12}
h2{font-size:clamp(38px,4.2vw,58px)}
h3{font-size:25px;letter-spacing:-.035em;line-height:1.3}
em{font:italic 400 1.2em/.85 var(--decorative);letter-spacing:-.045em}
p{color:var(--muted)}
strong{font-weight:400;color:var(--ink)}
[hidden]{display:none!important}
::selection{background:#daddd5;color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.container{width:min(calc(100% - 112px),var(--content));margin-inline:auto}
.section{padding-block:96px}
.section-content{position:relative;z-index:1}
.section-label{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:13px;line-height:1.5;letter-spacing:.035em;margin-bottom:29px}
.section-index{display:inline-flex;align-items:center;gap:15px;color:var(--ink)}
.section-index::after{content:'';width:28px;height:1px;background:#c4c6bd}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}
.section-intro{max-width:255px;font-size:17px;white-space:pre-line;padding-bottom:5px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--white);padding:12px 20px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,250,248,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;min-height:87px;gap:45px}
.company-logo{width:105px;height:44px;object-fit:contain;filter:brightness(0)}
.navigation{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:15px}
.navigation>a{padding-block:10px}
.navigation>a:hover,.text-link:hover{color:#72746d}
.nav-contact{display:flex;gap:22px;align-items:center}
.header-controls{display:flex;align-items:center;gap:17px}
.language-switch{display:flex;align-items:center;gap:4px;font-size:12px}
.language-switch>span{color:#a3a59b}
.language-switch button{border:0;background:transparent;font-size:12px;min-height:44px;padding:8px;color:var(--muted)}
.language-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid var(--line);padding:12px}
.menu-toggle span{display:block;height:1px;background:var(--ink);width:100%;transition:transform .2s}
.hero{position:relative;overflow:hidden;padding-block:69px 46px;background:var(--paper)}
.hero .container{position:relative;z-index:1}
.hero-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:72px;align-items:end;padding-bottom:49px}
.hero h1{font-size:clamp(56px,6.1vw,86px);line-height:1.08;max-width:750px}
.hero h1 em{font-size:1.27em}
.hero-copy{padding-bottom:6px;max-width:410px}
.hero-copy>p{font-size:18px;line-height:1.7;margin-bottom:25px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:51px;padding:13px 22px;background:var(--ink);color:var(--white);font-size:15px;transition:background .2s}
.button:hover{background:#454740}
.button>span:last-child{font-size:22px;line-height:1}
.hero-visual{position:relative;background:var(--grey);border-radius:24px;overflow:hidden}
.hero-visual>img{width:100%;height:440px;object-fit:cover;object-position:center 67%}
.hero-visual figcaption{position:absolute;inset:auto 24px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.hero-visual::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(15,18,13,.45));pointer-events:none}
.hero-visual figcaption{z-index:1}
.dot-field{position:absolute;background:url('assets/images/dots-flow.svg') center/100% 100% no-repeat;pointer-events:none}
.hero-dots{width:720px;height:510px;right:-250px;top:-260px;transform:rotate(24deg);opacity:.45}
.hero-dots-bottom{width:750px;height:500px;left:-320px;bottom:-265px;transform:rotate(175deg);opacity:.4}
.brands{position:relative;overflow:hidden;background:var(--white);padding-bottom:48px}
.brands-dots{width:650px;height:700px;left:-355px;top:15px;transform:rotate(-85deg);opacity:.32}
.brands-dots-right{width:730px;height:610px;right:-420px;top:235px;transform:rotate(145deg);opacity:.32}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.brand-visual{display:flex;align-items:center;justify-content:center;min-height:218px;background:var(--grey);padding:23px 5px 12px;border-radius:20px;overflow:hidden;transition:background .2s}
.brand-visual:hover{background:#e7e9e2}
.brand-visual img{width:100%;height:auto;object-fit:contain;aspect-ratio:1677/938;border-radius:10px}
.brand-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block:20px 8px}
.arrow-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:24px}
.arrow-link:hover{background:var(--grey)}
.brand>p{max-width:310px;font-size:16px;line-height:1.65}
.people{position:relative;overflow:hidden;padding-top:48px}
.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.person{display:grid;grid-template-columns:95px 1fr;gap:25px;align-items:start}
.person-photo{width:95px;height:122.5px;object-fit:cover;object-position:center 42%;filter:grayscale(1);border-radius:12px}
.person-role{font-size:13px;margin-bottom:9px}
.person h3{font-size:24px;margin-bottom:15px}
.person-copy>p:not(.person-role){font-size:16px;line-height:1.65}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px;border-bottom:1px solid var(--line)}
.person .text-link{margin-top:14px}
.contact{position:relative;overflow:hidden;background:var(--grey);border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:start}
.contact-copy>p:last-child{margin-top:25px;max-width:300px}
.contact h2{font-size:clamp(42px,4.8vw,66px)}
.contact-info{padding-top:4px}
.contact-details{display:grid;font:400 16px/1.65 var(--body);color:var(--muted)}
.contact-channels{display:grid;gap:0;margin-top:13px;justify-items:start}
.contact-phone{font:inherit;color:inherit}
.contact-phone:hover{text-decoration:underline;text-underline-offset:4px}
.email-graphic{width:135px;height:17px;max-width:100%;margin-block:5px;user-select:none}
address{font-style:normal}
.map-button{border:0;border-bottom:1px solid #c4c6bd;background:transparent;padding:0;margin-top:12px}
.map-panel{height:370px;margin-top:35px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#e4e6df}
.map-frame{display:block;width:100%;height:100%;border:0;filter:grayscale(1)}
.contact-dots{width:840px;height:620px;right:-360px;bottom:-285px;transform:rotate(-28deg);opacity:.46}
.contact-dots-top{width:640px;height:480px;left:-365px;top:-200px;transform:rotate(165deg);opacity:.32}
.site-footer{padding-top:30px;background:var(--paper)}
.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.footer-top .company-logo{width:85px;height:36px}
.footer-top>.text-link{margin-left:auto;border:0}
.legal-info{border-bottom:1px solid var(--line)}
.legal-heading{font:400 14px/1.65 var(--body);letter-spacing:0;color:var(--muted);padding-block:17px}
.legal-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr 1.2fr;gap:30px;padding-block:8px 25px}
.legal-grid p{display:grid;align-content:start;font-size:14px;line-height:1.8}
.legal-grid strong{margin-bottom:8px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:13px}
/* All five logos follow the same rail layout as the modern version. */
.brand-rail{display:flex;align-items:center;gap:42px;padding-block:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px}
.brand-rail>p{font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.brand-rail-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:32px;flex:1}
.brand-rail-logos>a,.brand-rail-logos>span{display:flex;justify-content:center;align-items:center;min-height:48px}
.brand-rail-logos>a:hover{opacity:.65}
.brand-rail-logos img{filter:brightness(0);opacity:.7;object-fit:contain;width:128px;height:38px}
.brand-rail-logos .rail-balt{width:92px;height:44px}
@media(min-width:1600px){.hero-dots{right:calc((100% - 1760px)/2)}.brands-dots{left:calc((100% - 1860px)/2)}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero-intro{gap:45px;grid-template-columns:1.45fr 1fr}.hero h1{font-size:68px}.hero-copy>p{font-size:17px}.hero-visual>img{height:365px}.brand-grid{gap:24px}.brand-visual{min-height:185px}.people-grid{gap:40px}.person{grid-template-columns:75px 1fr;gap:23px}.person-photo{width:75px;height:114px}.person h3{font-size:22px}.contact-grid{gap:70px}.brand-rail{gap:28px}.brand-rail-logos{gap:24px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header-inner{gap:25px;min-height:78px}.navigation{gap:25px}.hero{padding-top:52px}.hero-intro{gap:32px;grid-template-columns:1.35fr 1fr}.hero h1{font-size:58px}.hero-copy>p{font-size:16px}.hero-visual>img{height:335px}.section{padding-block:73px}.brands{padding-bottom:36px}.people{padding-top:36px}.section-heading{gap:30px}.section-intro{max-width:220px;font-size:16px}.brand-grid{gap:20px}.brand-visual{min-height:150px;padding:20px 2px 12px}.brand-title h3{font-size:21px}.brand-title{margin-top:15px}.brand-rail{display:block}.brand-rail>p{margin-bottom:20px}.brand-rail-logos{gap:22px}.brand-rail-logos img{width:110px}.people-grid{gap:35px}.person{grid-template-columns:75px 1fr;gap:20px}.person-photo{width:75px;height:114px}.person h3{font-size:22px}.contact-grid{gap:45px}.legal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.header-inner{min-height:73px;flex-wrap:wrap;gap:0 15px;padding-block:8px}.company-logo{width:90px;height:38px}.header-controls{margin-left:auto}.navigation{order:3;display:flex;justify-content:space-between;width:100%;margin-top:7px;padding-top:8px;border-top:1px solid var(--line);gap:10px;font-size:14px}.nav-contact{gap:8px}.js .menu-toggle{display:flex}.js .navigation{display:none}.js .navigation.is-open{display:flex}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-block:40px 30px}.hero-intro{grid-template-columns:1fr;gap:25px;padding-bottom:32px}.section-label{font-size:12px;gap:12px;margin-bottom:23px}.section-index{gap:12px}.section-index::after{width:22px}.hero h1{font-size:clamp(43px,10.9vw,69px);line-height:1.12}.hero-copy{max-width:440px;padding-bottom:0}.hero-copy>p{font-size:17px;margin-bottom:20px;max-width:420px}.hero-visual{border-radius:20px}.hero-visual>img{height:300px;object-position:53% 54%}.hero-visual figcaption{inset:auto 17px 16px;font-size:12px}.hero-visual figcaption>span:last-child{display:none}.hero-dots{width:530px;height:380px;right:-285px;top:-155px;opacity:.35}.hero-dots-bottom{width:520px;height:410px;left:-310px;bottom:-180px;opacity:.35}.section{padding-block:56px}.brands{padding-bottom:28px}.people{padding-top:28px}h2{font-size:40px}.section-heading{display:block;margin-bottom:32px}.section-intro{max-width:320px;margin-top:22px;font-size:16px}.brand-grid{grid-template-columns:1fr;gap:35px}.brand-visual{min-height:0;padding:26px 15px 16px}.brand-title{margin-block:14px 3px}.brand-title h3{font-size:26px}.brand>p{max-width:340px;font-size:17px}.brands-dots{width:530px;height:850px;left:-340px;top:230px;opacity:.25}.brands-dots-right{width:590px;height:800px;right:-395px;top:auto;bottom:40px;opacity:.27}.brand-rail{padding-block:24px;margin-top:36px}.brand-rail>p{margin-bottom:15px}.brand-rail-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}.brand-rail-logos>a,.brand-rail-logos>span{min-height:37px}.brand-rail-logos img{width:108px;height:30px}.brand-rail-logos .rail-balt{height:33px;width:80px}.people-grid{grid-template-columns:1fr;gap:37px}.person{grid-template-columns:60px 1fr;gap:20px}.person-photo{width:60px;height:85px;border-radius:9px}.person h3{font-size:22px}.person-role{font-size:12px;margin-bottom:8px}.person-copy>p:not(.person-role){font-size:16px}.person .text-link{margin-top:9px}.contact-grid{grid-template-columns:1fr;gap:33px}.contact h2{font-size:44px}.contact-copy>p:last-child{margin-top:22px;max-width:320px;font-size:16px}.contact-info{max-width:440px}.contact-dots{width:650px;height:470px;right:-315px;bottom:-280px;opacity:.4}.contact-dots-top{width:500px;height:430px;left:-330px;top:-220px;opacity:.28}.map-panel{height:310px;margin-top:28px}.footer-top{gap:12px 20px;padding-bottom:22px}.footer-top>.text-link{font-size:13px}.legal-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-wrap:wrap;gap:6px 20px;font-size:12px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:41px}.section-label{font-size:11.5px}.hero-visual>img{height:270px}.contact h2{font-size:40px}.brand-rail-logos{gap:14px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
