.service-study{--study-ink:var(--color-base-900);--study-line:var(--color-base-400);--study-paper:var(--color-base-100);--study-accent:var(--color-brand-600);min-width:0;color:var(--study-ink);margin:2rem 0}.service-study fieldset{border:0;min-width:0;margin:0;padding:0}.service-study legend{font:1rem/1.5 var(--font-sans);margin-bottom:1rem}.service-study svg{width:100%;height:auto;display:block;overflow:hidden}.service-study svg text{fill:var(--study-ink);font:14px var(--font-sans)}.service-study .study-caption{font:.75rem/1.5 var(--font-sans);color:var(--color-base-600);margin:1rem 0 0}.service-study .study-controls{flex-wrap:wrap;gap:.5rem;display:flex}.service-study .study-controls label{border:1px solid var(--color-base-300);cursor:pointer;min-height:48px;font:.875rem/1.4 var(--font-sans);align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.service-study .study-controls input{accent-color:var(--study-accent);color:var(--study-accent);width:1rem;height:1rem;margin:0}.service-study .study-controls label:has(:checked){border-color:var(--study-accent);background:var(--color-base-200)}.service-study .study-controls label:has(:focus-visible){outline:2px solid var(--study-accent);outline-offset:3px}.service-study .study-note{font:.875rem/1.5 var(--font-sans);margin:.75rem 0}.service-study .study-layer{transition:opacity var(--motion-duration-medium) var(--motion-ease-entrance)}@media (prefers-reduced-motion:reduce){.service-study .study-layer{transition:opacity var(--motion-duration-reduced-fade) var(--motion-ease-reduced)}}.service-study{--study-line:var(--color-base-500)}.service-study .study-title{font:clamp(1.65rem,2.5vw,2.35rem)/1.15 var(--font-display);max-width:26ch;margin:0}.service-study .study-deck{max-width:52ch;font:1rem/1.5 var(--font-sans);margin:.8rem 0 1.5rem}.service-study .study-kicker{color:var(--study-accent);font:.75rem/1.4 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;display:block}.service-study .study-controls{margin-block:1.5rem}.service-study .study-controls label{background:0 0;border-radius:0}.service-study .study-explanation{border-top:1px solid var(--color-base-300);font:1rem/1.5 var(--font-sans);margin:1.25rem 0;padding-top:1rem}.service-study .study-explanation strong{color:var(--study-accent);font-weight:500}.service-study .drawing-label{font:16px var(--font-sans);fill:var(--color-base-800);letter-spacing:.02em}.service-study .drawing-small{font:12px var(--font-sans);fill:var(--color-base-600)}.service-study .drawing-rule{fill:none;stroke:var(--color-base-500);stroke-width:.8px}.service-study .study-action{border:1px solid var(--study-accent);min-height:48px;color:var(--study-accent);font:1rem/1.4 var(--font-sans);cursor:pointer;background:0 0;padding:.65rem 1rem}.service-study .study-action:focus-visible{outline:2px solid var(--study-accent);outline-offset:4px}@media (width<=47.9375rem){.service-study .drawing-small{display:none}.service-study .drawing-label{font-size:22px}}.service-study .drawing-label,.service-study .drawing-small{stroke:none}.service-study svg,.service-study svg text,.service-study .wall-key button,.service-study .post-key button,.service-study .study-controls label{user-select:none}.service-study svg [data-wall-mark],.service-study svg [data-post-mark],.service-study svg .wind-post{-webkit-tap-highlight-color:transparent}.service-study{--study-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 2.5 1.5 8 7 13.5M1.8 8H14.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--study-replay:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 8a6 6 0 1 1-1.9-4.4M14 1.4V6H9.4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.service-study .study-control{border:1px solid var(--color-base-400);min-height:44px;color:var(--color-base-900);font:.875rem/1.4 var(--font-sans);text-align:left;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-interaction), background-color var(--motion-duration-fast) var(--motion-ease-interaction), color var(--motion-duration-fast) var(--motion-ease-interaction);background:0 0;border-radius:0;align-items:center;gap:.55rem;padding:.6rem 1.05rem;display:inline-flex}.service-study .study-control:before{content:"";width:1.05em;height:1.05em;-webkit-mask:var(--study-back) center/contain no-repeat;mask:var(--study-back) center/contain no-repeat;background:currentColor;flex:none}.service-study .study-control-replay:before{-webkit-mask-image:var(--study-replay);mask-image:var(--study-replay)}.service-study .study-control:focus-visible{outline:2px solid var(--study-accent);outline-offset:4px}.service-study .study-control:active{background:var(--color-base-300);border-color:var(--study-accent)}@media (hover:hover) and (pointer:fine){.service-study .study-control:hover{border-color:var(--study-accent);color:var(--study-accent);background:var(--color-base-200)}}.service-study{--study-panel-ground:color-mix(in oklab, var(--color-base-200) 62%, var(--color-base-50));--study-panel-line:var(--color-base-300);--study-panel-edge:2px solid var(--study-accent);--study-panel-pad:1.15rem 1.35rem;--study-panel-paper:var(--color-base-50);--study-panel-lift:0 1.25rem 2.75rem -1.5rem #00000052}@media (width>=64rem){.driveway-water,.wind-study{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:start;column-gap:2rem;display:grid}.driveway-water fieldset,.wind-study fieldset{display:contents}.driveway-water>.study-kicker,.wind-study>.study-kicker,.driveway-water>.study-title,.wind-study>.study-title,.driveway-water>.study-deck,.wind-study>.study-deck,.driveway-water .study-controls,.wind-study .study-controls{grid-column:1}.driveway-water svg,.wind-study svg{grid-area:1/2/span 5;align-self:center}.driveway-water .study-controls,.wind-study .study-controls{flex-direction:column;margin:0}.driveway-water .study-explanation,.wind-study .study-explanation,.driveway-water .water-notes{grid-column:2}.driveway-water [data-replay-flow],.wind-study [data-replay-flow]{grid-column:2;justify-self:start}.driveway-water figcaption,.wind-study figcaption{grid-column:1/-1}}