/* A brief, once-per-visit welcome for small screens. */
.haus-intro{display:none}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  html.haus-intro-active .haus-intro:not([hidden]){
    position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
    overflow:hidden;background:#f7f4ee;color:#433a33;pointer-events:none;
    animation:haus-curtain 650ms cubic-bezier(.76,0,.24,1) 1450ms both;
    will-change:transform;
  }
  .haus-intro__center{
    display:flex;flex-direction:column;align-items:center;width:100%;padding:32px 24px;
    text-align:center;animation:haus-lockup-out 420ms ease 1350ms both;
  }
  .haus-intro__mark{display:block;width:40px;height:50px;margin-bottom:27px}
  .haus-intro__mark svg{display:block;width:100%;height:100%;overflow:visible}
  .haus-intro__mark path{
    stroke-dasharray:240;stroke-dashoffset:240;
    animation:haus-mark-in 1000ms cubic-bezier(.22,1,.36,1) 80ms both;
  }
  .haus-intro__mark path+path{animation-delay:210ms}
  .haus-intro__name{
    display:flex;justify-content:center;gap:.18em;overflow:hidden;
    font:400 clamp(46px,13.7vw,76px)/1.23 var(--serif,Georgia,serif);
    letter-spacing:-.055em;padding:0 .06em .1em;
  }
  .haus-intro__name>span{display:block;animation:haus-word-in 780ms cubic-bezier(.22,1,.36,1) 100ms both}
  .haus-intro__name>span+span{animation-delay:230ms}
  .haus-intro__photo{
    margin:12px 0 21px;font:500 9px/1.4 var(--sans,Arial,sans-serif);
    letter-spacing:.38em;padding-left:.38em;animation:haus-detail-in 600ms ease 420ms both;
  }
  .haus-intro__rule{width:43px;height:1px;background:#b9aa9c;animation:haus-rule-in 650ms cubic-bezier(.22,1,.36,1) 400ms both}
  .haus-intro__tag{
    margin-top:19px;font:500 9px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.22em;
    padding-left:.22em;animation:haus-detail-in 600ms ease 520ms both;
  }
  .haus-intro__signature{
    position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px));left:20px;right:20px;
    text-align:center;font:400 9px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.15em;
    color:#766c62;animation:haus-detail-in 600ms ease 620ms both;
  }
}
@keyframes haus-mark-in{from{stroke-dashoffset:240;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes haus-word-in{from{transform:translateY(110%) rotate(3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes haus-detail-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes haus-rule-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes haus-lockup-out{to{opacity:0;transform:translateY(-18px) scale(.97)}}
@keyframes haus-curtain{from{transform:translateY(0)}to{transform:translateY(-101%)}}
@media print{.haus-intro{display:none!important}}