@font-face{font-family:Manrope;src:url('/assets/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:light;--paper:#edf0f4;--ink:#16212b;--muted:#526170;--quiet:#63717f;--edge:#aebbc9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1600px;min-height:100svh;margin:auto;padding:38px 5.5vw 28px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px}.address{font-size:16px;font-weight:800;letter-spacing:-.055em}.place{font-size:11px;color:var(--quiet);letter-spacing:.02em}main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:55px 0 70px}.message{position:relative;z-index:1}h1{font-size:clamp(52px,6.1vw,91px);font-weight:800;line-height:1.07;letter-spacing:-.065em;margin:0 0 32px}.period{color:#7f95aa}.welcome{font-size:clamp(19px,1.8vw,26px);line-height:1.55;letter-spacing:-.035em;margin:0 0 42px}.boundary{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:390px}.scene{position:relative;isolation:isolate;height:530px;display:grid;place-items:center}.light{position:absolute;inset:0 -3% 10%;background:radial-gradient(ellipse at 55% 43%,#fff 0%,#f8fafc80 30%,transparent 67%);border-radius:50%}.ground{position:absolute;left:13%;right:0;bottom:83px;height:70px;background:radial-gradient(ellipse,#465b7630,transparent 66%);transform:rotate(-9deg)}.doorway{position:relative;width:211px;height:345px;transform:perspective(1100px) rotateY(-17deg) rotateX(2deg);background:#b3bfcb;border:1px solid #a9b6c4;box-shadow:17px 15px 0 #dbe1e8,18px 16px 0 #c7d0da,31px 27px 35px #56677a12}.reveal{position:absolute;inset:12px 11px 0;background:#5d6d7c;box-shadow:inset 5px 3px 11px #182e4140}.door{position:absolute;inset:16px 15px 4px 17px;background:linear-gradient(113deg,#f7f9fb,#dde4ec 81%);border:1px solid #b7c3cf;box-shadow:inset 1px 1px 0 #fff,3px 0 0 #91a2b2}.door-number{position:absolute;left:0;right:0;top:53px;text-align:center;font-weight:800;font-size:21px;color:#6b7e91;text-shadow:1px 1px 0 #fff}.handle{position:absolute;width:23px;height:5px;right:15px;top:54%;background:#526578;box-shadow:0 3px 3px #52657835;border-radius:1px}.handle:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:11px;background:#7b8d9f;border-radius:1px;z-index:-1}.threshold{position:absolute;left:10px;right:8px;bottom:-5px;height:7px;background:#cad4df;box-shadow:0 -1px 0 #fafcff}.scene-note{position:absolute;bottom:27px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.035em;color:var(--quiet)}
@media(min-width:1500px){main{gap:80px}}@media(max-width:760px){.page{padding:26px 24px 22px}.masthead{align-items:flex-start}.address{font-size:15px}.place{font-size:9px;max-width:80px;text-align:right;line-height:1.5}main{grid-template-columns:1fr;gap:0;padding:54px 0 24px}h1{font-size:clamp(43px,10.2vw,68px);margin-bottom:24px}.welcome{font-size:20px;margin-bottom:24px}.boundary{font-size:12px}.desktop-break{display:none}.scene{height:340px;margin-top:8px}.doorway{width:143px;height:232px;box-shadow:12px 10px 0 #dbe1e8,13px 11px 0 #c7d0da,23px 20px 27px #56677a12}.door-number{top:34px;font-size:17px}.door{inset:13px 12px 3px 14px}.reveal{inset:10px 9px 0}.handle{right:9px;width:18px}.ground{bottom:46px;left:15%;right:4%;height:50px}.scene-note{bottom:8px;font-size:9px}}