.house-grounds{max-width:840px;width:100%;margin:10px auto 0;isolation:isolate;padding-top:28px}.grounds-oak{position:absolute;width:clamp(150px,29vw,270px);left:0;top:-45px;pointer-events:none;z-index:-1}.grounds-oak svg,.grounds-shrubs svg,.backyard-gate svg,.backyard-arrival svg,.garden-path{fill:none;stroke:#b6c5ce;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round}.oak-crown{opacity:.65;transform-origin:125px 170px}.oak-etch,.oak-ground{opacity:.4}.oak-leaf{opacity:0}.grounds-shrubs{position:absolute;right:3%;top:118px;width:150px;opacity:.6;pointer-events:none}.well-crank{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:6px 12px;border:0;background:none;color:#bdced9;font:9px 'Bodoni Moda',serif;letter-spacing:.12em;cursor:pointer}.well-crank svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1;transition:transform 1.5s}.well-crank:disabled{opacity:.55;cursor:wait}.well-crank:focus-visible,.backyard-gate:focus-visible{outline:1px solid #bdd4df;outline-offset:5px}.well-reading{max-width:280px;min-height:44px;margin:4px 0 0;text-align:center;color:#a9bdc9;font:16px/1.5 Georgia, 'Times New Roman', serif}.house-grounds>.house-stillness{grid-row:8;margin-top:24px}.well-bucket{transition:transform 1.6s ease-in-out}.well-rope{transform-origin:103px 98px;transition:transform 1.6s ease-in-out}.bucket-drips{opacity:0;stroke:#c9e6ed}.house-grounds[data-bucket=lowering] .well-bucket,.house-grounds[data-bucket=down] .well-bucket{transform:translateY(31px)}.house-grounds[data-bucket=lowering] .well-rope,.house-grounds[data-bucket=down] .well-rope{transform:scaleY(2.8)}.house-grounds[data-bucket=raising] .well-crank svg{transform:rotate(540deg)}.house-grounds[data-bucket=lowering] .well-crank svg{transform:rotate(-540deg)}.backyard-path{width:100%;display:grid;justify-items:center}.garden-path{width:260px;height:138px;opacity:.25;stroke-dasharray:3 5}.backyard-gate{border:0;background:none;color:#c3d0d8;display:grid;justify-items:center;padding:0 24px 16px;cursor:pointer;max-width:100%}.backyard-gate>svg{width:260px;max-width:100%;height:165px;transition:stroke .4s}.backyard-gate:hover>svg{stroke:#e6f3f7}.backyard-gate>span{font:11px/1.8 'Bodoni Moda',serif;letter-spacing:.2em;margin-top:10px}.backyard-gate>small{font:21px/1.6 Georgia, 'Times New Roman', serif;color:#96aab6;margin-top:6px}.backyard-arrival svg{width:100%;max-width:320px}.gate-leaves{transform-origin:150px 175px}.gate-fence{opacity:.5}
@media(prefers-reduced-motion:no-preference){.oak-crown{animation:oak-breathe 11s ease-in-out infinite}.oak-leaf{animation:oak-fall 14s ease-in-out infinite}.leaf-late{animation-delay:7s}.bucket-returned .bucket-drips{animation:bucket-drip 1.4s ease-out 3}.backyard-gate .gate-leaves{animation:gate-whisper 9s ease-in-out infinite}.backyard-room[open] .backyard-arrival{animation:approach-gate 1.2s ease-out both}}
@keyframes oak-breathe{50%{transform:rotate(.7deg)}}@keyframes oak-fall{0%,20%{opacity:0;transform:translate(0,0)}25%{opacity:.6}70%{opacity:.3;transform:translate(19px,120px) rotate(18deg)}80%,100%{opacity:0;transform:translate(25px,140px) rotate(25deg)}}@keyframes bucket-drip{0%{opacity:.7;transform:translateY(0)}100%{opacity:0;transform:translateY(9px)}}@keyframes gate-whisper{50%{transform:skewY(.5deg)}}@keyframes approach-gate{from{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.house-grounds{padding-top:140px}.grounds-oak{width:150px;top:-15px;left:calc(50% - 147px)}.grounds-shrubs{width:98px;right:calc(50% - 143px);top:119px}.house-grounds .fountain-wish-trigger{position:relative;background:#000}.garden-path{height:112px;width:215px}.well-reading{font-size:19px;max-width:240px}.backyard-gate>svg{width:230px;height:146px}}
@media(prefers-reduced-motion:reduce){.well-bucket,.well-rope,.well-crank svg{transition:none}.oak-leaf{display:none}}

/* Estate layout reserves separate space for the oak, house and eastern gate. */
.house-estate{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,560px) minmax(150px,1fr);width:min(1120px,100%);position:relative;align-items:start;column-gap:24px}
.house-estate>.grounds-oak{position:relative;left:auto;top:auto;width:100%;max-width:230px;grid-column:1;grid-row:1;margin-top:52px;z-index:auto}
.house-estate>.house-facade{grid-column:2;grid-row:1;width:100%;min-width:0}
.house-estate>.house-grounds{grid-column:2;grid-row:2;padding-top:28px;margin-top:0}
.house-estate>.backyard-path{grid-column:3;grid-row:1 / 3;align-self:center;position:relative;margin-top:140px}
.house-estate .backyard-gate{padding:0 0 16px;width:100%}.house-estate .backyard-gate>svg{width:100%;height:auto}.house-estate .backyard-gate>small{font-size:15px;line-height:1.6}.house-estate .garden-path{position:absolute;right:45%;top:100%;width:clamp(240px,31vw,390px);height:150px;transform:rotate(-12deg);pointer-events:none;opacity:.48;z-index:-1}
@media(max-width:760px){.house-estate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px}.house-estate>.grounds-oak{grid-column:1;grid-row:1;width:115px;margin:0 0 12px 8px}.house-estate>.house-facade{grid-column:1 / 3;grid-row:2;width:100%}.house-estate>.house-grounds{grid-column:1;grid-row:3;padding-top:38px}.house-estate>.backyard-path{grid-column:2;grid-row:3;align-self:start;margin-top:30px}.house-estate .garden-path{width:175px;height:90px;right:25%;top:-30px;transform:rotate(-18deg)}.house-estate .well-reading{max-width:100%;font-size:15px}.house-estate .fountain-wish-trigger{padding:6px 0}.house-estate .fountain-wish-trigger>span{font-size:7px}.house-estate .well-crank{font-size:8px;padding:6px 0}.house-estate .backyard-gate>span{font-size:9px}.house-estate .backyard-gate>small{font-size:14px}.house-estate .house-well{width:130px;height:119px}}

.house-estate>.garden-path{position:absolute;inset:0;width:100%;height:100%;transform:none;z-index:0;opacity:.4;pointer-events:none}.house-estate>.house-grounds,.house-estate>.backyard-path{z-index:1}