*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:#0b0907}
body{color:#e9dccb;font-family:'Cormorant Garamond',Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:#e9dccb;text-decoration:none;transition:color .2s}
a:hover,a:focus-visible{color:#c89a63}

.page{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:clamp(40px,8vh,88px) 24px clamp(28px,5vh,48px);
  background:#0b0907 url('assets/intro-bg.jpg') center 70% / cover no-repeat;
  overflow:hidden;
}
.page::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,9,7,.92) 0%,rgba(11,9,7,.55) 45%,rgba(11,9,7,.15) 70%,rgba(11,9,7,.75) 100%);
}

.intro{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vh,48px);text-align:center;max-width:640px}
.logo{margin:0;line-height:0}
.logo img{width:clamp(200px,32vw,340px);height:auto;filter:invert(1);mix-blend-mode:screen}

.claim{display:flex;flex-direction:column;align-items:center;gap:14px}
.kicker{margin:0;font-family:'Oswald',sans-serif;font-weight:300;font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:#c89a63}
.title{margin:0;font-size:clamp(36px,5vw,56px);font-style:italic;line-height:1.3;text-wrap:pretty}

.contacts{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 32px;font-family:'Oswald',sans-serif;font-weight:300;font-size:14px;letter-spacing:.14em}
.contacts a{padding:10px 0}
.sep{width:1px;height:16px;background:rgba(233,220,203,.4)}