.header{background:rgba(234,226,218,.96)}
.mobile-nav{background:#eae2da}
.intro-screen{position:fixed;inset:0;z-index:9999;background:#eae2da;display:grid;place-items:center;overflow:hidden;transition:transform 1s cubic-bezier(.76,0,.24,1),visibility 0s 1s}
.intro-screen::after{content:'';position:absolute;inset:0;background:#f7f5f1;transform:translateY(100%);transition:transform .9s cubic-bezier(.76,0,.24,1) .85s}
.intro-mark{display:flex;flex-direction:column;align-items:center;line-height:.9;opacity:0;transform:translateY(18px);animation:introMark .8s ease .15s forwards;position:relative;z-index:2}
.intro-mark small{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.35em;margin:0 0 12px 4px}
.intro-mark span{font-family:'Italiana',serif;font-size:clamp(54px,8vw,110px);font-weight:400}
.intro-line{position:absolute;left:50%;bottom:14vh;width:1px;height:0;background:rgba(17,17,17,.5);animation:introLine .7s ease .45s forwards}
.intro-screen.is-leaving{transform:translateY(-100%);visibility:hidden}
.intro-screen.is-leaving::after{transform:translateY(0)}
body.intro-active{overflow:hidden}
@keyframes introMark{to{opacity:1;transform:translateY(0)}}
@keyframes introLine{to{height:55px}}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none}.intro-mark,.intro-line{animation:none}body.intro-active{overflow:auto}}