:root{--fun-blue: #7da7d9;--fun-dark: #2c3e50;--fun-gray: #ecf0f1;--fun-text: #333;--siding-color-1: #dbe4eb;--siding-color-2: #ccd8e2}body{margin:0;font-family:Georgia,serif;background-color:var(--fun-gray);background-image:repeating-linear-gradient(0deg,var(--siding-color-1),var(--siding-color-1) 20px,#bdc3c7 20px,#bdc3c7 21px,var(--siding-color-2) 21px,var(--siding-color-2) 41px,#bdc3c7 41px,#bdc3c7 42px);color:var(--fun-text);line-height:1.6}h1,h2,h3{font-family:Arial,sans-serif;color:var(--fun-dark)}.house-container{max-width:900px;margin:0 auto;min-height:100vh;padding:0 2rem;position:relative;z-index:1}.house-roof{width:0;height:0;border-left:450px solid transparent;border-right:450px solid transparent;border-bottom:300px solid #2c3e50;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}.attic-window{position:absolute;top:130px;left:50%;transform:translate(-50%);text-align:center;width:600px;max-width:90vw;pointer-events:none}.house-body{background:transparent;padding:4rem 2rem 2rem;margin-top:0}.info-plaque{background:#fff;border:4px double #2c3e50;padding:1rem;margin-bottom:3rem;display:flex;justify-content:center;gap:2rem;box-shadow:0 4px 6px #0000001a}.window-frame{background-color:#fff;border:12px solid #2c3e50;margin-bottom:4rem;box-shadow:10px 10px #0003;position:relative}.window-lintel{background-color:#ecf0f1;border-bottom:4px solid #2c3e50;padding:.5rem 1rem;display:flex;align-items:center;gap:10px}.window-sash{padding:10px;background-color:#2c3e50}.window-glass{background-color:#fff;padding:2rem}.window-sill{height:15px;background-color:#34495e;border-top:2px solid #1a252f;margin:0 -12px -12px;box-shadow:0 5px 5px #0003}.window-title{margin:0;text-transform:uppercase;letter-spacing:1px;fontSize:1.5rem}.panel-placeholder{background-color:#e2e8f0;border:2px dashed #94a3b8;color:#475569;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:1.5rem 0;text-align:center;border-radius:8px}.quote-box{border-left:4px solid var(--fun-blue);padding-left:1rem;font-style:italic;margin:1rem 0;background:#f8fafc;padding:1.5rem}.house-foundation{margin-top:4rem;padding:2rem;background:#2c3e50;color:#ecf0f1;text-align:center;border-top:8px solid #34495e}.house-foundation h4,.house-foundation a{color:#fff}.door-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;perspective:1500px;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-in-out .8s,visibility 0s 2s}.door-container.open{opacity:0;visibility:hidden;pointer-events:none}.door-panel{width:50%;height:100%;background-color:#2c3e50;position:absolute;top:0;box-shadow:inset 0 0 50px #0009;display:flex;align-items:center;justify-content:center;transition:transform 1.5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer;overflow:hidden;border:none}.door-panel:before{content:"";position:absolute;inset:15%;border:3px solid #1a252f;box-shadow:inset 0 0 15px #0006}.door-panel:active{background-color:#263645}.door-panel.left{left:0;transform-origin:left;border-right:1px solid #1a252f}.door-panel.right{right:0;transform-origin:right;border-left:1px solid #1a252f}.door-container.open .door-panel.left{transform:rotateY(-110deg)}.door-container.open .door-panel.right{transform:rotateY(110deg)}.door-knob{width:24px;height:24px;background:#bdc3c7;border-radius:50%;position:absolute;top:50%;box-shadow:2px 2px 5px #00000080;z-index:1002;pointer-events:none}.door-panel.left .door-knob{right:20px}.door-panel.right .door-knob{left:20px}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#fff6;border:1px solid rgba(255,255,255,.8);width:50px;height:50px;margin-left:-25px;margin-top:-25px;pointer-events:none;z-index:9999}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@media(max-width:950px){.house-roof{border-left-width:50vw;border-right-width:50vw}.house-container{padding:0 1rem}}