@font-face{font-family:'GT Alpina';src:url(/assets/fonts/GT-Alpina-Standard-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:'GT Alpina';src:url(/assets/fonts/GT-Alpina-Standard-Light-Italic.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap} @font-face{font-family:'GT Alpina';src:url(/assets/fonts/GT-Alpina-Standard-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'GT Alpina';src:url(/assets/fonts/GT-Alpina-Standard-Regular-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap} body{margin:0;background:#FFFFFF} a{color:#141414} a:hover{color:#5F7466} .serif{font-family:'GT Alpina',Georgia,'Times New Roman',serif;font-weight:300;letter-spacing:-0.02em} .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px);box-sizing:border-box} .eyebrow{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#5E5E5A;margin:0} .crumb{margin:0;font-size:13px;color:#5E5E5A} .crumb a{color:#5E5E5A} .body{font-size:15px;line-height:1.65;color:#3F3F3B;margin:0} .lead{font-size:18px;line-height:1.6;color:#3F3F3B;margin:0} .ph{background:#D6D6D1;display:flex;align-items:flex-end;padding:12px 14px;box-sizing:border-box;color:#3F3F3B;font-size:12px} .hero{width:100%;height:clamp(300px,42vw,600px);object-fit:cover;display:block;background:#D6D6D1} .burger{width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;text-decoration:none} .burger span{display:block;height:1.5px;background:#141414} .ul{margin:0;padding:0;list-style:none} .li{padding:9px 0;border-bottom:1px solid #E2E2DE;font-size:15px;line-height:1.55;color:#3F3F3B} .h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1} .h3{margin:0;font-size:26px;line-height:1.15} .card{text-decoration:none;display:flex;flex-direction:column;gap:10px;color:#141414} .card img,.card .ph{width:100%;height:240px;object-fit:cover;display:block;background:#D6D6D1} .card-t{font-size:22px;line-height:1.2} .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 24px} .cols{column-width:420px;column-gap:48px} .cols li{break-inside:avoid} .band{background:#EDEDEA} .btn{text-decoration:none;background:#141414;color:#FFFFFF;padding:14px 22px;font-size:14px;font-weight:500;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center} .btn:hover{color:#FFFFFF;background:#3F3F3B} .foot{border-top:1px solid #CFCFCA;padding:40px 0} .foot .wrap{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;font-size:12px;color:#5E5E5A} .foot a{color:#5E5E5A} .sib{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid #CFCFCA;padding-top:20px;font-size:14px} .sib a{text-decoration:none;color:#5E5E5A} .sib a.on{color:#141414;font-weight:600} /* ---- base ---- */ html{-webkit-text-size-adjust:100%} body{font-family:Inter,system-ui,sans-serif;color:#141414} img{max-width:100%} :focus-visible{outline:2px solid #5F7466;outline-offset:3px} .skip{position:absolute;left:-9999px;top:0;background:#141414;color:#fff;padding:12px 16px;z-index:100} .skip:focus{left:16px;top:16px} /* ---- overlay menu ---- */ .menu{position:fixed;inset:0;z-index:50;background:#FFFFFF;color:#141414;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s} .menu.open{opacity:1;visibility:visible;transition:opacity .35s ease} .menu-head{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(20px,4vw,56px)} .menu-logo{font-size:clamp(52px,5.6vw,80px);line-height:1;color:#141414;text-decoration:none} .menu-close{width:48px;height:48px;background:transparent;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center} .menu-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px 48px;padding:24px clamp(20px,4vw,56px) 48px} .menu-col{display:flex;flex-direction:column;gap:10px} .menu-nav a{color:#141414;text-decoration:none} .menu-nav a:hover,.menu-nav a[aria-current="page"]{color:#5F7466} .menu-nav .big{font-size:40px} .menu-nav .small{font-size:15px} .menu-foot{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;border-top:1px solid #CFCFCA;margin:0 clamp(20px,4vw,56px);padding:24px 0 40px;font-size:13px;color:#5E5E5A} .menu-foot a{color:#5E5E5A} .lang [aria-disabled="true"]{color:#9A9C97;cursor:default;text-decoration:none} body.menu-lock{overflow:hidden} /* ---- contact form ---- */ .cf{display:flex;flex-direction:column;gap:22px} .cf .field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#3F3F3B} .cf .field input,.cf .field textarea{font-family:Inter,system-ui,sans-serif;font-size:15px;border:0;border-bottom:1px solid #141414;padding:10px 0;background:transparent;color:#141414;min-height:44px;box-sizing:border-box;border-radius:0} .cf .field textarea{min-height:120px;resize:vertical} .cf .field input[aria-invalid="true"],.cf .field textarea[aria-invalid="true"]{border-bottom-color:#A3341F} .cf .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3F3F3B;line-height:1.5} .cf .check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:#141414} .cf .req{color:#A3341F;margin-left:2px} .cf .help{font-size:12px;color:#5E5E5A;margin:0} .cf .err{font-size:12px;color:#A3341F;margin:0;min-height:0} .cf .err:empty{display:none} .cf .form-err{font-size:13px;color:#A3341F;margin:0} .cf button[type=submit]{border:0;cursor:pointer;align-self:flex-start;font-family:Inter,sans-serif} .cf button[disabled]{opacity:.6;cursor:progress} .cf-done{font-size:17px;line-height:1.6;color:#141414} .cf-done p{margin:0 0 10px} .skeleton{display:flex;flex-direction:column;gap:22px} .skeleton span{display:block;height:44px;background:linear-gradient(90deg,#E2E2DE,#F2F2EF,#E2E2DE);background-size:200% 100%;animation:sk 1.4s infinite} .skeleton .tall{height:120px} @keyframes sk{to{background-position:-200% 0}} @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}