@property --m-sky-top{syntax:"<color>";inherits:true;initial-value:#f2b56b}@property --m-sky-mid{syntax:"<color>";inherits:true;initial-value:#f6d39a}@property --m-sky-low{syntax:"<color>";inherits:true;initial-value:#f9e6c2}@property --m-hill-far{syntax:"<color>";inherits:true;initial-value:#c98d68}@property --m-hill-mid{syntax:"<color>";inherits:true;initial-value:#8f7a52}@property --m-hill{syntax:"<color>";inherits:true;initial-value:#5d7044}@property --m-wall{syntax:"<color>";inherits:true;initial-value:#f7ead4}@property --m-wall-shade{syntax:"<color>";inherits:true;initial-value:#ead6b6}@property --m-roof{syntax:"<color>";inherits:true;initial-value:#b4532a}@property --m-tree{syntax:"<color>";inherits:true;initial-value:#2f4a3a}@property --m-glow{syntax:"<number>";inherits:true;initial-value:0}@property --m-stars{syntax:"<number>";inherits:true;initial-value:0}@property --m-sun{syntax:"<number>";inherits:true;initial-value:1}@property --m-moon{syntax:"<number>";inherits:true;initial-value:0}@property --m-lights{syntax:"<number>";inherits:true;initial-value:0}@property --m-sun-y{syntax:"<length>";inherits:true;initial-value:0}.mansion{width:100%;height:100%;--m-sky-top:#f2b56b;--m-sky-mid:#f6d39a;--m-sky-low:#f9e6c2;--m-hill-far:#d39a72;--m-hill-mid:#a58456;--m-hill:#627446;--m-wall:#f7ead4;--m-wall-shade:#ead6b6;--m-roof:#b4532a;--m-tree:#2f4a3a;--m-glow:0;--m-stars:0;--m-sun:1;--m-moon:0;--m-lights:0;--m-sun-y:0px}.mansion[data-time=dusk]{--m-sky-top:#3b3466;--m-sky-mid:#c4607a;--m-sky-low:#f2a65e;--m-hill-far:#8a5a6e;--m-hill-mid:#5d4a5c;--m-hill:#3e4a3a;--m-wall:#f0d2bc;--m-wall-shade:#d9b39e;--m-roof:#9e3f2a;--m-tree:#263a30;--m-glow:0.55;--m-stars:0.25;--m-sun:1;--m-moon:0.2;--m-sun-y:120px}.mansion[data-time=night]{--m-sky-top:#0f0d22;--m-sky-mid:#221f45;--m-sky-low:#3a2f57;--m-hill-far:#2a2648;--m-hill-mid:#211d3a;--m-hill:#17152a;--m-wall:#cbbfb7;--m-wall-shade:#a99d9a;--m-roof:#6e3328;--m-tree:#141a1f;--m-glow:1;--m-stars:1;--m-sun:0;--m-moon:1;--m-lights:1;--m-sun-y:220px}.m-sky-top{stop-color:var(--m-sky-top)}.m-sky-mid{stop-color:var(--m-sky-mid)}.m-sky-low{stop-color:var(--m-sky-low)}.m-stars circle{fill:#fff6df;opacity:var(--m-stars)}.m-sun{fill:#f7c86c;opacity:var(--m-sun);transform:translateY(var(--m-sun-y))}.m-sun-cut{fill:var(--m-sky-mid)}.m-moon circle:first-child{fill:#fbecc9}.m-moon-cut{fill:var(--m-sky-top)}.m-moon{opacity:var(--m-moon)}.m-hill-far{fill:var(--m-hill-far)}.m-hill-mid{fill:var(--m-hill-mid)}.m-hill{fill:var(--m-hill)}.m-town circle{fill:#ffd58a;opacity:calc(var(--m-glow) * .85)}.m-dots{opacity:.18}.m-halftone{fill:#000}.m-cypress,.m-frond,.m-shrubs ellipse{fill:var(--m-tree)}.m-frond-dark{fill:color-mix(in srgb,var(--m-tree) 70%,#000)}.m-trunk{fill:color-mix(in srgb,var(--m-hill-mid) 60%,#3a2a1c)}.m-trunk-ring{fill:none;stroke:rgb(0 0 0/.25);stroke-width:1.5}.m-wall{fill:var(--m-wall)}.m-wall-shade{fill:var(--m-wall-shade)}.m-wall-dots{opacity:.08}.m-roof{fill:var(--m-roof)}.m-roof-dark{fill:color-mix(in srgb,var(--m-roof) 70%,#000)}.m-roof-line{stroke:color-mix(in srgb,var(--m-roof) 65%,#000);stroke-width:2}.m-roof-line-soft{stroke-width:1;opacity:.6}.m-eave{stroke:color-mix(in srgb,var(--m-roof) 60%,#000);stroke-width:5;stroke-linecap:round;fill:none}.m-eave-shadow{stroke:rgb(42 29 22/.18);stroke-width:8}.m-plinth{fill:color-mix(in srgb,var(--m-wall-shade) 80%,#6b5a48)}.m-glass{fill:#2e3a4f}.m-loggia{fill:#3a2e2a}.m-lit{fill:#ffcf7a;opacity:var(--m-glow);transition:opacity .6s ease}.m-lit-soft{fill:#f2a85a}.m-mullion{stroke:var(--m-wall);stroke-width:3;fill:none}.m-shutter{fill:#1f4e8c;opacity:.88}.m-iron{fill:#2a1d16}.m-iron-bars{stroke:#2a1d16;stroke-width:2.5}.m-vents circle{fill:#3a2e2a}.m-surround{fill:color-mix(in srgb,var(--m-wall-shade) 70%,#8a6d50)}.m-door{fill:#5a3221}.m-lamp{fill:#ffd58a;opacity:calc(.25 + var(--m-glow) * .75)}.m-bougainvillea circle{fill:#c2306b;opacity:.92}.m-path{fill:color-mix(in srgb,var(--m-wall-shade) 75%,var(--m-hill));opacity:.85}.m-row{fill:#0d0b1a}.m-row-1{fill:#15122a}.m-row-2{fill:#110f22}.m-pole{stroke:#0c0a16;stroke-width:6;stroke-linecap:round}.m-wire{fill:none;stroke:#0c0a16;stroke-width:2.5}.m-bulb-core{fill:#ffe2a8;opacity:calc(.3 + var(--m-lights) * .7)}.m-bulb-glow{opacity:var(--m-lights)}.m-grain{opacity:.1;mix-blend-mode:multiply;pointer-events:none}.mansion.no-grain .m-grain{display:none}@media (prefers-reduced-motion:no-preference){.mansion.lights-on .m-lit{animation:m-window-on .7s calc(.5s + var(--i, 0) * .16s) both}.mansion.lights-on .m-bulb-core,.mansion.lights-on .m-bulb-glow{animation:m-bulb-on .5s calc(1.9s + var(--b, 0) * .04s) both}.mansion.lights-on .m-stars circle{animation:m-star-in 1.6s ease-out both}}@keyframes m-window-on{0%{opacity:0}40%{opacity:calc(var(--m-glow) * .8)}55%{opacity:calc(var(--m-glow) * .3)}to{opacity:var(--m-glow)}}@keyframes m-bulb-on{0%{opacity:0}50%{opacity:1}65%{opacity:.35}to{opacity:1}}@keyframes m-star-in{0%{opacity:0}}