:root{--navy:#183044;--gold:#b78628;--cream:#faf9f6;--line:rgba(24,48,68,.17);--serif:Georgia,"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans)}.gateway{min-height:100vh;padding:0 6vw;display:grid;grid-template-rows:auto auto 1fr auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;letter-spacing:.12em}.brand>span{width:46px;height:46px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:italic 29px var(--serif)}.brand b{font:16px var(--serif)}.brand small{display:block;margin-top:6px;font:8px var(--sans);letter-spacing:.2em}.languages{display:flex;gap:3px}.languages button{border:0;background:transparent;padding:8px 11px;cursor:pointer;font:12px var(--sans);color:var(--navy)}.languages button.active{background:var(--navy);color:white}.intro{padding:62px 0 45px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.eyebrow,.country{font-size:10px;letter-spacing:.24em;color:var(--gold)}h1{font:400 clamp(48px,6vw,84px)/1.02 var(--serif);margin:14px 0 0;letter-spacing:-.04em}h1 em{font-weight:400;color:var(--gold)}.intro>p{color:#65717a;line-height:1.75;max-width:540px}.locations{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:45px}.location-card{min-height:330px;padding:38px;color:inherit;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s}.location-card+.location-card{border-left:1px solid var(--line)}.location-card:before{content:"";position:absolute;inset:0;background:var(--navy);transform:translateY(100%);transition:.35s;z-index:-1}.location-card.hannover:before{background:#264738}.location-card:hover{color:white}.location-card:hover:before{transform:none}.location-card:hover .country,.location-card:hover strong{color:#e0c58e}.index{position:absolute;right:35px;top:24px;font:52px var(--serif);opacity:.13}.location-card h2{font:400 48px var(--serif);margin:35px 0 14px}.location-card h2 small{font:12px var(--sans);letter-spacing:.1em}.location-card p{max-width:500px;color:#65717a;line-height:1.7}.location-card:hover p{color:rgba(255,255,255,.72)}.location-card strong{margin-top:auto;font-size:12px;letter-spacing:.08em;color:var(--gold)}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#65717a}@media(max-width:760px){.gateway{padding:0 20px}header{height:78px}.intro{grid-template-columns:1fr;padding:45px 0 30px;gap:10px}h1{font-size:51px}.locations{grid-template-columns:1fr}.location-card{min-height:285px;padding:28px}.location-card+.location-card{border-left:0;border-top:1px solid var(--line)}.location-card h2{font-size:40px;margin-top:28px}footer{gap:20px;flex-direction:column}.brand small{display:none}}