/* Coming-soon page, after the supplied ads: material tone on the left, facade close-up on the right. */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#1e1614;color:#efeee9;font:500 13px/1.7 'Jost','Noto Sans Georgian',Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid #efeee9;outline-offset:4px}
.soon{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100svh}
.soon-panel,.soon-image{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.soon-tone,.soon-photo{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s ease}
.soon-tone.is-active,.soon-photo.is-active{opacity:1}
.soon-tone::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 28% 18%,rgba(255,255,255,.08),rgba(0,0,0,.24))}
.tone-olive{background:#5b4e2e}.tone-umber{background:#34170c}.tone-dark{background:#1e1614}
.soon-photo{object-fit:cover}
.soon-image::after{content:'';position:absolute;inset:0;background:rgba(20,14,12,.18)}
.soon-marks{position:relative;z-index:1;margin:0;padding:0 clamp(28px,5.2vw,90px);display:grid;gap:clamp(18px,2vw,30px)}
.soon-marks img{height:clamp(12px,1.55vw,24px);width:auto}
.soon-contact{position:absolute;z-index:1;left:0;right:0;bottom:clamp(34px,7vh,72px);margin:0;text-align:center;letter-spacing:.24em;text-transform:uppercase}
.soon-monogram{position:relative;z-index:1;align-self:center;height:clamp(150px,27vh,270px);width:auto}
.soon-word{position:absolute;z-index:1;left:0;right:0;bottom:clamp(34px,7vh,72px);margin:0;text-align:center;font-size:clamp(20px,2.3vw,36px);line-height:1.35;letter-spacing:.22em;text-transform:uppercase}
.soon-word span{display:block}
@media(max-width:760px){
  .soon{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .soon-panel{min-height:46svh;padding:70px 0 96px}
  .soon-image{min-height:54svh}
  .soon-monogram{height:clamp(120px,22vh,180px);margin-bottom:60px}
  .soon-contact,.soon-word{bottom:30px}
  .soon-contact{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.soon-tone,.soon-photo{transition:none}}