.dr{background:var(--pine);color:var(--birch);padding:104px 0}.dr-in{display:grid;gap:40px;align-items:center}@media(min-width:960px){.dr-in{grid-template-columns:.85fr 1.15fr;gap:56px}}.dr-kicker{margin:0;font:600 15px var(--text);color:var(--lantern)}.dr h2{color:var(--birch);font-size:clamp(34px,5vw,60px);line-height:1.04;margin:12px 0 0}.dr-lede{font-size:18px;color:#faf7eed1;max-width:32em}.dr-form{display:grid;grid-template-columns:1fr 9.5em;gap:12px;margin-top:28px;align-items:end}.dr-form label span{display:block;font-size:13px;font-weight:600;color:#faf7eebf;margin-bottom:6px}.dr-form input{width:100%;font:500 16px var(--text);padding:13px 14px;border-radius:8px;border:1px solid rgb(250 247 238 / .25);background:#16474a73;color:var(--birch)}.dr-form input::placeholder{color:#faf7ee73}.dr-form input:focus-visible{outline:2px solid var(--lantern);outline-offset:1px}.dr-form .btn{grid-column:1 / -1;justify-self:start}.dr-form .btn:disabled{opacity:.6;cursor:wait}.dr-status{min-height:1.6em;margin:16px 0 0;font-size:15px;color:#faf7eecc}.dr-status[data-kind=error]{color:#f6c77a}.dr-places p{margin:4px 0 8px;font-weight:600}.dr-places ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dr-places button{width:100%;text-align:left;font:500 15px var(--text);padding:12px 14px;border-radius:8px;border:1px solid rgb(250 247 238 / .22);background:#faf7ee0f;color:var(--birch);cursor:pointer}.dr-places button:hover,.dr-places button[aria-pressed=true]{border-color:var(--lantern);background:#ce923e1a}.dr-stage{margin:0}.dr-canvas{position:relative;aspect-ratio:1000 / 560;border-radius:6px;overflow:hidden;background:#e3d9c2;box-shadow:0 50px 90px -50px #000000e6;transition:opacity .3s}.dr-canvas.dr-busy{opacity:.45}.dr-svg{display:block;width:100%;height:100%}.dr figcaption{margin-top:14px;font-size:15px;color:#faf7eed1;display:grid;gap:6px}.dr-next a{color:var(--lantern);font-weight:600}.dr-share{margin-top:12px;border:1px solid rgb(250 247 238 / .4);color:var(--birch);background:transparent}.dr-next{display:block}.dr-credit{font-size:12px;color:#faf7ee80}.dr-svg{--sk-ground-a: #eee6d3;--sk-ground-b: #e3d9c2;--sk-water-a: #9ec3d0;--sk-water-b: #5f93aa;--sk-shore-shadow: #3f6f86;--sk-shore: #f7efdc;--sk-sand: #e8d7b0;--sk-road: #bda67e;--sk-road-lit: #efe3c4;--sk-cover-wood: #cfd7bd;--sk-cover-scrub: #dcdcbf;--sk-cover-grass: #e4e2c4;--sk-cover-crop: #e9e0c3;--sk-contour: #a89a7c;--sk-footprint: #8f8477;--sk-pine-a: #55895c;--sk-pine-b: #679c69;--sk-pine-c: #2f5540;--sk-trunk: #6b4a2f}.dr-svg .sk-ground{fill:url(#sk-ground-g)}.dr-svg .sk-cover{stroke:none;opacity:.9}.dr-svg .sk-cover-wood{fill:var(--sk-cover-wood)}.dr-svg .sk-cover-scrub{fill:var(--sk-cover-scrub)}.dr-svg .sk-cover-grass{fill:var(--sk-cover-grass)}.dr-svg .sk-cover-crop{fill:var(--sk-cover-crop)}.dr-svg .sk-contour{fill:none;stroke:var(--sk-contour);stroke-width:.8;opacity:.35}.dr-svg .sk-sand{fill:none;stroke:var(--sk-sand);stroke-width:26;stroke-linejoin:round;filter:url(#sk-soft-2)}.dr-svg .sk-water{fill:url(#sk-water-g)}.dr-svg .sk-shore-shadow{fill:none;stroke:var(--sk-shore-shadow);stroke-width:18;opacity:.55;filter:url(#sk-soft)}.dr-svg .sk-ripple{fill:#fff;filter:url(#sk-ripple-f)}.dr-svg .sk-shore{fill:none;stroke:var(--sk-shore);stroke-width:1.6;opacity:.9}.dr-svg .sk-road-shadow{fill:none;stroke:#000;opacity:.13;stroke-linecap:round;stroke-linejoin:round;transform:translateY(2.6px)}.dr-svg .sk-road{fill:none;stroke:var(--sk-road);stroke-linecap:round;stroke-linejoin:round}.dr-svg .sk-road-lit{fill:none;stroke:var(--sk-road-lit);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.3 3.1;opacity:.8}.dr-svg .sk-footprint{fill:var(--sk-footprint);opacity:.35;stroke:none}.sk-pine-shadow{fill:#000;opacity:.13}.sk-pine-a{fill:var(--sk-pine-a)}.sk-pine-b{fill:var(--sk-pine-b)}.sk-pine-c{fill:var(--sk-pine-c);opacity:.6}.sk-pine-sh{fill:color-mix(in oklab,var(--sk-pine-c),#000 12%);opacity:.55}.sk-pine-hi{fill:color-mix(in oklab,var(--sk-pine-b),#fff 26%);opacity:.7}.sk-pine-trunk{fill:var(--sk-trunk)}.dr-cabin path{fill:#8a5a2b;stroke:#fff6e0;stroke-width:1.4}.dr-cabin rect{fill:var(--lantern)}.dr-dock rect{fill:#a98a62;stroke:#fff6e0;stroke-width:1}.dr-cabin>g,.dr-dock rect{animation:dr-pop .45s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(var(--i) * 40ms + .2s);transform-box:fill-box;transform-origin:50% 100%}@keyframes dr-pop{0%{opacity:0;transform:translateY(-8px) scale(.4)}to{opacity:1;transform:none}}@media(max-width:560px){.dr-form{grid-template-columns:1fr}}@media(max-width:640px){.dr{padding:64px 0}.dr-in{gap:28px}}.draw-page .dr{min-height:calc(100svh - 72px);display:grid;align-items:center}.draw-page .dr h1{color:var(--birch);font-size:clamp(36px,5vw,60px);line-height:1.04;margin:0}