#warszawa-door-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
#warszawa-door{position:absolute;width:36px;height:44px;min-height:44px;padding:3px;transform:translate(-50%,-50%);pointer-events:auto;color:var(--ink);opacity:.63}
#warszawa-door:hover,#warszawa-door:focus-visible{opacity:1}
#warszawa-door svg{display:block;width:30px;height:39px;overflow:visible}
#warszawa-door path{fill:none;stroke:currentColor;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}
#warszawa-door .door-return-stroke{opacity:.28;stroke-width:.4}
#warszawa-door text{fill:currentColor;font:6px monospace;letter-spacing:.6px}
#warszawa-door-note{width:min(490px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);margin:auto;padding:24px 36px 36px;overflow:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
#warszawa-door-note::backdrop{background:rgb(243 240 233 / .86)}
.door-note-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.door-note-header .small-label{font-size:8px;letter-spacing:.06em}
.door-note-close{white-space:nowrap;font-size:10px;flex-shrink:0}
.door-note-sketch{width:132px;height:155px;margin:12px auto 22px;color:var(--ink)}
.door-note-sketch svg{display:block;width:100%;height:100%;overflow:visible}
.door-note-sketch path{fill:none;stroke:currentColor;stroke-width:.75;stroke-linejoin:round;stroke-linecap:round}
.door-note-sketch .door-frame-faint{opacity:.22;stroke-width:.5}
.door-note-sketch .door-leaf{transform-box:view-box;transform-origin:39px 0;transform:translateX(1px) skewY(-11deg) scaleX(.22)}
.door-note-sketch .door-leaf path{fill:var(--paper)}
.door-note-sketch text{font:7px monospace;fill:currentColor;letter-spacing:1px}
#warszawa-door-note h1{font:400 21px/1.3 Geist,monospace;letter-spacing:-.02em;margin:0 0 18px}
.door-note-copy{font:11px/1.9 Geist,monospace;overflow-wrap:anywhere;white-space:pre-wrap}
.door-note-copy p{margin:0 0 1em}
#warszawa-door-note[data-motion="full"][open] .door-leaf{animation:door-73-open 850ms cubic-bezier(.37,0,.63,1) both}
#warszawa-door-note[data-motion="full"][open] .door-note-copy{animation:door-73-note 850ms ease both}
@keyframes door-73-open{from{transform:translateX(0) skewY(0deg) scaleX(1)}to{transform:translateX(1px) skewY(-11deg) scaleX(.22)}}
@keyframes door-73-note{0%,35%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){#warszawa-door-note{padding:20px 24px 28px}.door-note-header{gap:10px}.door-note-header .small-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){#warszawa-door-note .door-leaf,#warszawa-door-note .door-note-copy{animation:none!important}}