/* Only the photograph draws in; the surrounding page stays visible and usable. */
.building-intro{position:absolute;inset:0;z-index:2;background:#fff;opacity:1;overflow:hidden;pointer-events:none;transition:opacity 1s cubic-bezier(.2,.65,.3,1)}
.intro-frame{position:absolute;inset:0}
.intro-sketch{display:block;position:absolute;inset:0;width:100%;height:100%;color:#645d55}
.intro-sketch path{stroke-dasharray:1;stroke-dashoffset:1}
.building-intro.is-drawing .intro-sketch path{animation:architectural-stroke var(--duration) cubic-bezier(.28,.45,.38,1) var(--delay) both}
.building-intro.is-photo{opacity:0}
.intro-skip{position:absolute;bottom:18px;right:20px;display:flex;gap:10px;align-items:baseline;background:transparent;padding:8px 0;border-bottom:1px solid #d8d2cc;font-size:12px;line-height:1.5;color:#71685f;letter-spacing:.015em;pointer-events:auto}
.intro-skip span{font-size:11px;color:#8b8177}
.hero-visual{position:relative}
@keyframes architectural-stroke{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:800px){.intro-skip{right:12px;bottom:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.building-intro{transition:none}.building-intro.is-drawing .intro-sketch path{animation:none;stroke-dashoffset:0}}