*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:#fff;font:13px/1.5 Verdana,Helvetica,Arial,sans-serif;background:var(--solid) none repeat-y 0 0;min-height:100vh}
a{color:inherit}
.wrap{display:grid;grid-template-columns:180px 247px 490px;padding-top:100px;width:max-content}
.photo{grid-column:2;grid-row:1}
.photo img{display:block;width:227px;height:128px}
nav{grid-column:1;grid-row:2;padding:0 8px 0 0;text-align:right}
nav ul{list-style:none;margin:0;padding:0}
nav li{margin:0 0 9px}
nav li:first-child{margin-bottom:36px}
nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font:15px/1.2 "Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#1e1e1e;opacity:.9}
nav li:first-child a{font-size:16px}
nav a:hover,nav a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.lang{margin-top:28px;font:12px/1 Verdana,sans-serif;letter-spacing:.08em;color:#1e1e1e}
.lang a{opacity:.75;text-decoration:none}.lang a:hover{opacity:1;text-decoration:underline}
.lang strong{font-weight:normal}
main{grid-column:3;grid-row:2;padding-bottom:80px}
h1{position:absolute;left:-9999px}
.h{color:#353535}
main img{max-width:100%;height:auto;display:block;margin:0 0 .4em}
.video{position:relative;padding-top:56.25%;margin:0 0 1.2em}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
main b,main strong{font-weight:bold}
.mail{font-size:17px;letter-spacing:.02em;text-underline-offset:4px}
footer{grid-column:3;grid-row:3;font-size:10px;opacity:.7;padding-bottom:24px}
@media (max-width:940px){
 body{background:var(--solid)}
 .wrap{display:block;width:auto;max-width:560px;margin:0 auto;padding:24px 16px}
 .photo img{width:100%;height:auto;max-width:340px}
 nav{text-align:left;margin:20px 0 24px}
 nav a,.lang{color:#fff}
 nav ul{display:flex;flex-wrap:wrap;gap:6px 18px}
 nav li,nav li:first-child{margin:0}
 nav li:first-child{flex-basis:100%;margin-bottom:4px}
 .lang{margin-top:14px}
 main{padding-bottom:40px}
}