*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:#3c3c3c}
body{font-family:"Jost","Futura","Century Gothic",sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
@media (min-width:1232px){.wrap{padding:0}}

.pv-bar{background:#3c3c3c;color:#fff;font-family:"Jost",sans-serif;font-size:14px;text-align:center;padding:8px 16px}
.pv-bar span{opacity:.75}

.site-head{border-bottom:2px solid #eac089;background:#fff}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:24px;padding-bottom:24px}
.logo{font-family:"Trebuchet MS","Jost",sans-serif;font-weight:700;font-size:clamp(24px,3vw,34px);letter-spacing:.12em;color:#3c3c3c;text-decoration:none}

.cc-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:16.5px}
.cc-nav a{color:#3c3c3c;text-decoration:none;padding:4px 0}
.cc-nav a:hover{color:#b03d2e}
.cc-nav a.cc-on{text-decoration:underline;text-decoration-color:#b03d2e;text-underline-offset:7px}
.cc-nav .cc-lang{display:flex;gap:14px;margin-left:12px;font-size:15px;letter-spacing:.06em;color:#68635c}
.cc-nav .cc-lang a.cc-on{color:#b03d2e;font-weight:500;text-underline-offset:5px}
.cc-nav .soon{opacity:.45;cursor:default}

main.wrap{padding-top:40px;padding-bottom:56px}

.site-foot{background:#b03d2e;padding:56px 0}

@media (max-width:760px){
  .site-head .wrap{flex-direction:column;align-items:flex-start}
  .cc-nav{gap:6px 20px}
  .cc-nav .cc-lang{margin-left:0}
  main.wrap{padding-top:16px}
}