body{margin:0;background:#232323;}
  .sf-root{
    --black:#232323; --white:#fffffe; --light-brown:#af9f87;
    --fg:#fffffe; --dim:rgba(255,255,254,.62); --line:rgba(255,255,254,.10);
    --ease:cubic-bezier(.165,.84,.44,1);
    --sides:clamp(20px,4vw,50px); --maxw:1340px;
    position:relative;width:100%;box-sizing:border-box;
    background:var(--black);color:var(--fg);
    font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;
    -webkit-font-smoothing:antialiased;}
  .sf-root *{box-sizing:border-box;}
  .sf-root a{text-decoration:none;color:inherit;}
  .sf-root .it{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:300;}

  .sf-shell{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;
    padding-inline:var(--sides);padding-block:clamp(72px,9vw,120px);}
  .sf-rules{position:absolute;inset:0;z-index:0;pointer-events:none;max-width:var(--maxw);margin-inline:auto;
    display:grid;grid-template-columns:repeat(9,minmax(0,1fr));
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%);}
  .sf-rules span{border-left:1px solid rgba(255,255,254,.042);}
  .sf-rules span:last-child{border-right:1px solid rgba(255,255,254,.042);}

  .sf-cities{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:20px;row-gap:clamp(28px,3.2vw,44px);}
  .sf-city{grid-column:span 3;}
  .sf-city h3{margin:0;font-weight:400;font-size:clamp(26px,3.2vw,44px);letter-spacing:-.05em;color:var(--fg);}
  .sf-city p{margin:6px 0 0;font-size:13px;color:var(--dim);}

  .sf-contact{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:20px;row-gap:28px;
    padding-top:clamp(40px,4.4vw,64px);margin-top:clamp(40px,4.4vw,64px);border-top:1px solid var(--line);}
  .sf-main{grid-column:1 / span 4;}
  .sf-main .it{display:block;font-size:clamp(20px,2.2vw,30px);color:var(--dim);}
  .sf-mail{position:relative;display:inline-block;padding-bottom:4px;
    font-family:'Newsreader',Georgia,serif;font-weight:300;font-size:clamp(26px,3.4vw,46px);
    letter-spacing:-.035em;color:var(--fg);}
  .sf-mail::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;
    transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease);}
  .sf-mail:hover::after{transform:scaleX(1);}

  .sf-col{grid-column:6 / span 2;}
  .sf-col2{grid-column:8 / span 2;}
  .sf-col h4,.sf-col2 h4{margin:0 0 14px;font-size:11px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);}
  .sf-col a,.sf-col2 a{display:block;padding:7px 0;font-size:14px;color:var(--dim);transition:color .5s var(--ease);}
  .sf-col a:hover,.sf-col2 a:hover{color:var(--fg);}

  .sf-base{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;
    padding-top:26px;margin-top:clamp(36px,4vw,56px);border-top:1px solid var(--line);}
  .sf-base p{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);}

  @media (max-width:1000px){
    .sf-rules{grid-template-columns:repeat(3,minmax(0,1fr));}
    .sf-rules span:nth-child(n+4){display:none;}
    .sf-city{grid-column:span 4;}
    .sf-main{grid-column:1 / span 9;}
    .sf-col{grid-column:1 / span 4;}
    .sf-col2{grid-column:5 / span 4;}
  }
  @media (max-width:640px){
    .sf-city{grid-column:1 / span 9;}
  }