.portfolio-intro{padding-block:clamp(2.5rem,4vw,4rem) 1.5rem;display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:end}.portfolio-intro h1{max-width:15ch;font-size:clamp(2.6rem,5.1vw,4.6rem)}.portfolio-intro p{max-width:43ch}.portfolio-intro .muted{margin-top:1rem;font-size:var(--text-sm)}.portfolio-index{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1rem 2rem;font-size:var(--text-sm)}.portfolio-index a{padding-block:.5rem}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem 2rem;padding-bottom:var(--section-y)}.study-card{min-width:0}.study-card:nth-child(2n){margin-top:5rem}.study-card>a{display:block;text-decoration:none}.study-card>a:hover h2{text-decoration:underline;text-underline-offset:.15em}.study-card .card-caption{display:flex;gap:1rem;justify-content:space-between;padding-top:1.2rem}.study-card h2{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.02em}.study-card .card-caption p{font-size:var(--text-sm);color:var(--color-ink-2);margin-top:.4rem}.study-card .card-caption>svg{flex:none;width:25px;height:25px;margin-top:.3rem}.study-art{aspect-ratio:1.24;overflow:hidden;position:relative;border-radius:var(--radius-card);padding:clamp(1.4rem,3.2vw,3rem);display:flex;flex-direction:column;justify-content:space-between}.study-art>span{font-size:var(--text-sm);font-weight:650}.study-art strong{font-family:var(--font-display);font-size:clamp(2.6rem,4.5vw,4.5rem);font-weight:600;line-height:1;letter-spacing:-.035em;position:relative;z-index:1}.art-hotel{background:var(--demo-hotel-paper);color:var(--demo-hotel-ink)}.thumb-window{position:absolute;width:38%;right:7%;top:13%;stroke-width:3}.thumb-window :is(rect,circle,g path){stroke:none}.thumb-window .tw-sky{fill:#f5dcc2}.thumb-window .tw-sun{fill:var(--demo-hotel-sun)}.thumb-window .tw-sea{fill:#a7c2bb}.thumb-window .tw-land{fill:#8d9a8b}.thumb-window .tw-dune{fill:#dfbb8b}.art-energy{background:var(--demo-energy-paper);color:var(--demo-energy-ink)}.art-energy strong{max-width:7ch}.thumb-house{position:absolute;width:50%;right:4%;top:12%;stroke-width:2}.thumb-house .t-sun{fill:var(--demo-energy-sun);stroke:none}.thumb-house .t-roof{fill:var(--demo-energy-accent)}.thumb-house .t-wall{fill:var(--demo-energy-surface)}.thumb-house .t-panel{fill:var(--demo-energy-ink)}.thumb-house .t-window{fill:var(--demo-energy-sun);stroke-width:1.6}.thumb-house .t-flow{stroke:var(--demo-energy-flow);stroke-width:3.5;stroke-dasharray:6 7}.art-voices{background:var(--demo-voices-paper);color:var(--demo-voices-ink)}.art-voices strong{max-width:10ch;font-size:clamp(2.2rem,3.5vw,3.5rem)}.art-voices .thumb-amp{position:absolute;right:1rem;bottom:-4rem;font-family:var(--font-display);font-size:clamp(10rem,21vw,21rem);line-height:1;color:var(--demo-voices-accent);opacity:.15}.art-joinery{background:var(--demo-joinery-paper);color:var(--demo-joinery-ink)}.art-joinery strong{max-width:7ch}.thumb-shelf{position:absolute;right:6%;bottom:0;width:44%;color:var(--demo-joinery-ink);stroke-width:1.2}.thumb-shelf .t-wood{fill:#c9a171}.thumb-shelf .t-back{fill:#8b6644}.thumb-shelf .tb1{fill:#b5583f}.thumb-shelf .tb2{fill:#3f5a69}.thumb-shelf .tb3{fill:#d4a84f}.thumb-shelf .tb4{fill:#efe3c8}.thumb-shelf .t-pot{fill:#c46b4c}.thumb-shelf .t-leaf{fill:#6f8a55}.thumb-shelf .t-ball{fill:#e9dcc2}.portfolio-note{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;padding-block:3rem;border-top:1px solid var(--color-rule)}.portfolio-note p+p{margin-top:1rem}.portfolio-note h2{max-width:13ch}.study-breadcrumb{display:flex;flex-wrap:wrap;gap:.7rem;padding-top:2rem;color:var(--color-ink-2);font-size:var(--text-sm)}.study-breadcrumb a{padding-block:.5rem}.study-breadcrumb span{align-self:center}.study-intro{padding-block:2.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:end}.study-intro h1{font-size:clamp(2.6rem,4.6vw,4.5rem);max-width:16ch}.study-intro p{max-width:46ch}.study-intro .text-link{margin-top:1rem}.demo-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 0;border-top:1px solid var(--color-rule);font-size:var(--text-xs);color:var(--color-ink-2)}.demo{border-radius:var(--radius-card);overflow:hidden}.demo-brandline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.7rem 2.6rem}.demo-brandline>span:first-child{font-family:var(--font-display);font-size:1.6rem;font-weight:650;letter-spacing:-.035em}.demo-brandline>span:last-child{font-size:var(--text-xs)}.demo h2{font-size:clamp(2.8rem,5.6vw,5.5rem);line-height:1}.demo h3{font-size:clamp(1.35rem,2.3vw,2rem)}.demo p{font-size:var(--text-md)}.demo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1rem;border-bottom:1px solid currentColor;text-decoration:none;font-weight:650;min-height:48px;font-size:var(--text-sm)}.demo-link:hover{text-decoration:underline}.demo-link:active,.demo-controls button:active{transform:scale(.98)}.demo-controls{display:flex;flex-wrap:wrap;gap:.25rem}.demo-controls button{border:1px solid transparent;border-radius:var(--radius-control);background:transparent;padding:.65rem 1rem;min-height:44px;font-size:var(--text-sm);font-weight:600;transition:background-color .18s ease-out,color .18s ease-out}.demo-controls button:hover{text-decoration:underline;text-underline-offset:.3em}.demo-controls button[aria-pressed=true]{border-color:currentColor}.demo .demo-small{font-size:var(--text-xs);display:block}.demo-afterword{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;padding:1.5rem 0 0;color:var(--color-ink-2)}.demo-afterword h3{font-size:1.1rem;letter-spacing:-.01em}.demo-afterword p{font-size:var(--text-sm)}.case-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(2rem,6vw,6rem);padding-block:var(--section-y)}.case-rail{position:sticky;top:120px;align-self:start}.case-rail h2{font-size:1.8rem}.case-rail p{font-size:var(--text-sm);margin-block:1rem;color:var(--color-ink-2)}.case-rail nav{display:grid}.case-rail a{font-size:var(--text-sm);padding-block:.6rem}.case-copy{max-width:780px}.case-copy section{padding-block:2.5rem;border-top:1px solid var(--color-rule)}.case-copy section:first-child{padding-top:0;border-top:0}.case-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:1.2rem}.case-copy h3{font-size:1.2rem;margin-block:1.7rem .7rem}.case-copy p+p{margin-top:1rem}.case-copy ul{padding-left:1.3rem}.case-copy li+li{margin-top:.8rem}.case-result{background:var(--color-sage);padding:1.5rem;margin-top:1.5rem;border-radius:var(--radius-card)}.case-result p{font-size:var(--text-sm)}.case-related{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--color-rule);padding-block:2rem 4rem}.portfolio-cta{padding:clamp(2rem,5vw,4rem);margin-bottom:4rem;background:var(--color-sage);display:flex;justify-content:space-between;align-items:center;gap:2rem;border-radius:var(--radius-card)}.portfolio-cta h2{font-size:clamp(1.7rem,3vw,2.8rem)}.portfolio-cta p{margin-top:.8rem}.portfolio-home{border-top:1px solid var(--color-rule)}.portfolio-home .section-heading{margin-bottom:2rem}.portfolio-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.portfolio-home-grid .study-art{aspect-ratio:1.8}.portfolio-home .text-link{margin-top:2rem}.hotel-demo{background:var(--demo-hotel-paper);color:var(--demo-hotel-ink);--color-focus: var(--demo-hotel-ink);--hw-sky-top: #f2cfae;--hw-sky-bottom: #fbefe1;--hw-sun: var(--demo-hotel-sun);--hw-glow: #f6c29f;--hw-sea: #a7c2bb;--hw-swell: #d5e3dc;--hw-land: #8d9a8b;--hw-dune-back: #ebd1a9;--hw-dune-front: #dfbb8b;--hw-grass: #8f6b45;--hw-frame: #fbf3e7;--hw-lamp: #fbf3e7;--hw-beam: 0;--hw-night: 0;--hw-day: 1}.hotel-demo[data-time=evening]{background:var(--demo-hotel-night);color:var(--demo-hotel-paper);--color-focus: var(--demo-hotel-paper);--hw-sky-top: #1c2b3d;--hw-sky-bottom: #dc7a52;--hw-sun: #f7b37c;--hw-glow: #f08f61;--hw-sea: #2d4759;--hw-swell: #58798a;--hw-land: #1a2533;--hw-dune-back: #3a3545;--hw-dune-front: #2c2936;--hw-grass: #6d6070;--hw-frame: #2f4357;--hw-lamp: #ffd98f;--hw-beam: .5;--hw-night: 1;--hw-day: 0}.hotel-demo .demo-controls button{transition:none}.hotel-main{display:grid;grid-template-columns:1fr 1fr;padding:1rem 3rem 0;gap:2rem;align-items:center}.hotel-copy{padding-block:1rem 2rem;position:relative;z-index:1}.hotel-copy p{max-width:30ch;margin-block:1.5rem .5rem}.hotel-copy h2 span{color:var(--demo-hotel-emphasis)}.hotel-demo[data-time=evening] .hotel-copy h2 span{color:var(--demo-hotel-sun)}.hotel-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:1.6rem;margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}.hotel-facts dt{font-size:var(--text-xs);letter-spacing:.04em;opacity:.8}.hotel-facts dd{margin:.25rem 0 0;font-size:var(--text-sm);font-weight:650;max-width:20ch}.hotel-art{position:relative;min-width:0}.hotel-window{width:100%;max-width:520px;display:block;margin-left:auto}.hotel-window *{stroke:none}.hw-sky{fill:url(#hotel-sky)}.hw-sky-top{stop-color:var(--hw-sky-top)}.hw-sky-bottom{stop-color:var(--hw-sky-bottom)}.hw-glow{stop-color:var(--hw-glow);stop-opacity:.55}.hw-glow-end{stop-color:var(--hw-glow);stop-opacity:0}.hw-beam-start{stop-color:var(--hw-lamp);stop-opacity:.9}.hw-beam-end{stop-color:var(--hw-lamp);stop-opacity:0}.hw-halo{fill:url(#hotel-glow)}.hw-sun{fill:var(--hw-sun)}.hw-stars{fill:#fbf3e7;opacity:var(--hw-night)}.hw-birds path,.hw-swell path,.hotel-glint path,.hw-fence path,.hw-grass path,.hw-cup path:not(:nth-child(2)),.hw-glass path:not(.hw-wine){fill:none;stroke-width:2;stroke-linecap:round}.hw-birds{opacity:var(--hw-day)}.hw-birds path{stroke:var(--demo-hotel-ink);stroke-width:1.6}.hw-cloud{fill:#fff;opacity:calc(var(--hw-day) * .7)}.hw-beam{fill:url(#hotel-beam);opacity:var(--hw-beam)}.hw-sea{fill:var(--hw-sea)}.hw-swell path{stroke:var(--hw-swell)}.hotel-glint path{stroke:var(--hw-sun);stroke-width:3;opacity:.8}.hw-land,.hw-lighthouse path{fill:var(--hw-land)}.hw-lighthouse .hw-stripe{fill:var(--hw-frame)}.hw-lamp{fill:var(--hw-lamp)}.hw-dune-back{fill:var(--hw-dune-back)}.hw-dune-front{fill:var(--hw-dune-front)}.hw-fence path{stroke:var(--hw-grass);stroke-width:2.4}.hw-grass path{stroke:var(--hw-grass);stroke-width:2.2}.hw-frame path:not(.hw-frame-fill){fill:none;stroke:currentColor;stroke-width:2}.hw-frame .hw-frame-fill{fill:var(--hw-frame);stroke:currentColor;stroke-width:1.5}.hw-cup,.hw-glass{color:currentColor}.hw-cup ellipse,.hw-cup>path:nth-child(2){fill:var(--hw-frame);stroke:currentColor;stroke-width:2}.hw-cup path{stroke:currentColor}.hw-cup{opacity:var(--hw-day)}.hw-glass{opacity:var(--hw-night)}.hw-glass path:not(.hw-wine){stroke:currentColor}.hw-wine{fill:#9c3b3f}.hotel-bottom{padding:1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.hotel-bottom>p{font-size:var(--text-sm)}@media(prefers-reduced-motion:no-preference){.hotel-window :is(stop,rect,path,circle,g,ellipse){transition:fill .8s ease-out,stop-color .8s ease-out,opacity .8s ease-out,stroke .8s ease-out}.hw-steam path{animation:hotel-steam 3.2s ease-in-out infinite}.hw-steam path+path{animation-delay:-1.6s}.hotel-demo[data-time=evening] .hw-steam path{animation:none}}@keyframes hotel-steam{0%{transform:translateY(4px);opacity:0}40%{opacity:.9}to{transform:translateY(-8px);opacity:0}}.energy-demo{background:var(--demo-energy-paper);color:var(--demo-energy-ink);--color-focus: var(--demo-energy-ink);padding-bottom:2rem}.energy-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:1rem 2.6rem 2.5rem}.energy-heading h2{font-size:clamp(2.8rem,5vw,4.8rem)}.energy-heading>p{max-width:30ch;font-size:var(--text-sm)}.energy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-inline:2rem}.energy-flow{grid-column:1 / 4;grid-row:1 / 3;padding:1.5rem;border-radius:var(--radius-card);min-width:0;display:flex;flex-direction:column;gap:1rem;--e-sky: var(--demo-energy-surface);--e-line: var(--demo-energy-ink);--e-line-2: #4d5f4f;--e-fill: #fbfcf6;--e-roof: #dde4cf;--e-soil: #ebeee2;--e-window: #e3e9d8;--e-wire: var(--demo-energy-wire);--e-flow: var(--demo-energy-flow);--e-sun: var(--demo-energy-sun);background:var(--e-sky);color:var(--e-line);--color-focus: var(--e-line);transition:background-color .6s var(--ease-out),color .6s var(--ease-out)}.energy-flow[data-phase=morning]{--e-sky: #f7f1df;--e-roof: #e6e0c9}.energy-flow[data-phase=evening]{--e-sky: #f1e2cf;--e-roof: #e3d2bb;--e-soil: #e7dccb;--e-fill: #faf3e8;--e-window: var(--demo-energy-sun);--e-sun: #ea9a55}.energy-flow[data-phase=night]{--e-sky: #22352a;--e-line: #edf1e2;--e-line-2: #bccab7;--e-fill: #2f4637;--e-roof: #3b5444;--e-soil: #1b2b21;--e-window: var(--demo-energy-sun);--e-wire: #6f8569;--e-flow: var(--demo-energy-accent)}.energy-flow-head{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem}.energy-flow-head h3{font-size:1.2rem}.energy-clock{display:flex;align-items:baseline;gap:.6rem;font-size:var(--text-sm);color:var(--e-line-2)}.energy-clock [data-energy-time]{font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-.03em;color:var(--e-line);font-variant-numeric:tabular-nums}.energy-diagram svg{width:100%;display:block;overflow:visible}.e-sky{fill:var(--e-sky);stroke:none;transition:fill .6s var(--ease-out)}.e-stars circle{fill:var(--e-line);stroke:none;opacity:0;transition:opacity .6s var(--ease-out)}[data-phase=night] .e-stars circle{opacity:.8}.e-track{stroke:var(--e-wire);stroke-width:1.2;stroke-dasharray:1 9;opacity:.8}.e-sun circle{fill:var(--e-sun);stroke:none;transition:fill .6s var(--ease-out)}.e-sun .e-sun-halo{opacity:.22}.e-soil{fill:var(--e-soil);stroke:none;transition:fill .6s var(--ease-out)}.e-ground{stroke:var(--e-line);stroke-width:2}.e-bus{stroke:var(--e-wire);stroke-width:3}.e-joints circle{fill:var(--e-soil);stroke:var(--e-wire);stroke-width:2}.e-legs path{stroke:var(--e-wire);stroke-width:3;opacity:.55}.e-legs path:is([data-flow=in],[data-flow=out]){stroke:var(--e-flow);stroke-width:4;opacity:1;stroke-dasharray:7 9;animation:energy-flow .8s linear infinite}.e-legs path[data-flow=out]{marker-mid:url(#energy-down)}.e-legs path[data-flow=in]{marker-mid:url(#energy-up);animation-direction:reverse}.e-arrow-disc{fill:var(--e-soil);stroke:none;transition:fill .6s var(--ease-out)}.e-arrow{fill:none;stroke:var(--e-line);stroke-width:2.2}@keyframes energy-flow{to{stroke-dashoffset:-16}}.e-art{stroke:var(--e-line);stroke-width:2}.e-art rect,.e-art polygon,.e-art circle{fill:var(--e-fill);transition:fill .6s var(--ease-out)}.e-roof{fill:var(--e-roof)!important}.e-panels rect{fill:var(--e-line)!important}.e-panels path{stroke:var(--e-sky);stroke-width:1.2}.e-windows rect{fill:var(--e-window)!important}.e-mullions{stroke-width:1.4}.e-door{fill:var(--e-roof)}.e-battery-fill{fill:var(--e-flow)!important;stroke:none}.e-carport{stroke-width:3}.e-car path:first-child{fill:var(--e-roof)}.e-car circle{fill:var(--demo-energy-ink)!important}.e-wallbox path{stroke-width:1.6}.e-led{stroke:none;fill:var(--e-wire)!important}[data-phase=midday] .e-led{fill:var(--e-flow)!important;animation:energy-led 1.6s ease-in-out infinite}@keyframes energy-led{50%{opacity:.3}}.e-fan{transform-box:view-box;transform-origin:98px 296px;animation:energy-fan 2.4s linear infinite}@keyframes energy-fan{to{rotate:1turn}}.e-mast path{stroke-width:1.6}.e-wire{stroke-width:1.2!important}.e-labels text{fill:var(--e-line-2);stroke:none;font-family:var(--font-body);font-size:13px;font-weight:600;text-anchor:middle}.energy-time{display:flex;align-items:center;gap:1rem}.energy-play{flex:none;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem 1rem .55rem .7rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:var(--text-xs);font-weight:650}.energy-play svg{width:18px;height:18px;fill:currentColor;stroke-width:2.4}.energy-play .pause,.energy-play[aria-pressed=true] .play{display:none}.energy-play[aria-pressed=true] .pause{display:inline;fill:none}.energy-play:hover span{text-decoration:underline;text-underline-offset:.2em}.energy-range{position:relative;flex:1;min-width:0}.energy-range label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.energy-range input{display:block;width:100%;height:32px;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.energy-range input::-webkit-slider-runnable-track{height:8px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--e-wire);background:linear-gradient(to right,#2c4233 0 26.1%,#f2dca3 26.1% 43.5%,var(--demo-energy-sun) 43.5% 73.9%,#e7a36b 73.9% 95.6%,#2c4233 95.6%)}.energy-range input::-moz-range-track{height:8px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--e-wire);background:linear-gradient(to right,#2c4233 0 26.1%,#f2dca3 26.1% 43.5%,var(--demo-energy-sun) 43.5% 73.9%,#e7a36b 73.9% 95.6%,#2c4233 95.6%)}.energy-range input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--e-line);border:4px solid var(--e-sky);box-shadow:0 0 0 1px var(--e-line);transition:scale .16s var(--ease-out)}.energy-range input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--e-line);border:4px solid var(--e-sky);box-shadow:0 0 0 1px var(--e-line)}.energy-range input:active::-webkit-slider-thumb{scale:1.15}.energy-range input:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:6px}.energy-ticks{position:relative;height:1.1rem;font-size:var(--text-xs);color:var(--e-line-2);font-variant-numeric:tabular-nums}.energy-ticks span{position:absolute;top:0;translate:-50% 0}.energy-ticks span:nth-child(1){left:0;translate:0 0}.energy-ticks span:nth-child(2){left:26.1%}.energy-ticks span:nth-child(3){left:52.2%}.energy-ticks span:nth-child(4){left:78.3%}.energy-ticks span:nth-child(5){right:0;translate:0 0}.energy-status{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--e-wire)}.energy-status li{position:relative;padding:.75rem .5rem .75rem 1.3rem;border-bottom:1px solid var(--e-wire);min-width:0}.energy-status li:before{content:"";position:absolute;left:0;top:1.15rem;width:.6rem;height:.6rem;border-radius:50%;border:1.5px solid var(--e-wire)}.energy-status li:is([data-flow=in],[data-flow=out]):before{background:var(--e-flow);border-color:var(--e-flow)}.energy-status span{display:block;font-size:var(--text-xs);color:var(--e-line-2)}.energy-status strong{display:block;font-size:var(--text-sm);font-weight:650}.energy-flow>p{font-size:var(--text-sm);min-height:3.2em;max-width:62ch}.energy-flow .demo-small{color:var(--e-line-2)}.energy-team{padding:1.6rem;border-radius:var(--radius-card);background:var(--demo-energy-ink);color:var(--demo-energy-surface);display:flex;flex-direction:column;justify-content:end;gap:.8rem;--color-focus: var(--demo-energy-accent)}.energy-team h3{font-size:1.45rem}.energy-team p{font-size:var(--text-sm)}.energy-parts{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--demo-energy-surface);border-radius:var(--radius-card)}.energy-parts li{padding:1.4rem 1.5rem 1.6rem;min-width:0}.energy-parts li+li{border-left:1px solid var(--demo-energy-paper)}.energy-parts svg{width:40px;height:40px;stroke-width:2;margin-bottom:1.2rem}.energy-parts h3{font-size:1.15rem;letter-spacing:-.01em}.energy-parts p{font-size:var(--text-sm);margin-top:.4rem}.energy-note{grid-column:4;padding:2rem;background:var(--demo-energy-accent);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:start;gap:1.2rem}.energy-roof-mark{width:4rem;height:3rem;stroke-width:1.6;margin-bottom:.5rem}.energy-note p{font-size:var(--text-sm)}.energy-note .demo-link{margin-top:auto}.energy-bottom{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;border-top:1px solid var(--demo-energy-wire)}.energy-bottom h3{font-size:1.5rem}.energy-bottom p{font-size:var(--text-sm)}.voices-demo{background:var(--demo-voices-paper);color:var(--demo-voices-ink);--color-focus: var(--demo-voices-accent)}.voices-layout{display:grid;grid-template-columns:1fr 1.4fr;padding:3rem;gap:3rem}.voices-intro h2{font-size:clamp(2.4rem,3.4vw,3.5rem)}.voices-intro p{max-width:27ch;margin-top:1.3rem;font-size:var(--text-sm)}.voices-mark{display:block;font-family:var(--font-display);font-size:10rem;line-height:1.2;color:var(--demo-voices-accent)}.voice-story{padding-bottom:2rem}.voice-story+.voice-story{border-top:1px solid currentColor;padding-top:2rem}.voices-stories.is-enhanced .voice-story{border:none;padding:0}.voices-stories.is-enhanced{min-height:430px}.voice-before{display:flex;gap:.7rem;max-width:48ch;margin-top:1.5rem;font-size:var(--text-sm)}.voice-before span{flex:none;font-weight:650;color:var(--demo-voices-accent)}.voice-story blockquote{margin:1.2rem 0 1.7rem}.voice-story blockquote p{font-family:var(--font-display);font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}.voice-story figcaption{font-size:var(--text-sm)}.voice-story figcaption span{font-size:var(--text-xs)}.voices-bottom{border-top:1px solid var(--demo-voices-rule);padding:1.5rem 3rem;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1rem}.voices-bottom p{font-size:var(--text-xs)}.voices-bottom button[aria-pressed=true]{background:var(--demo-voices-accent);color:var(--demo-voices-paper);border-color:transparent}.joinery-demo{background:var(--demo-joinery-paper);color:var(--demo-joinery-ink);--color-focus: var(--demo-joinery-ink);--wood: #c9a171;--wood-2: #a98052;--wood-3: #8b6644;--grain: rgb(92 60 30 / .28);--j-line: #4b3427}.joinery-demo:has(input[name=holz][value=nussbaum]:checked){--wood: #85593c;--wood-2: #67432c;--wood-3: #4f3320;--grain: rgb(30 14 4 / .38)}.joinery-demo:has(input[name=holz][value=esche]:checked){--wood: #eadbbd;--wood-2: #d2bd96;--wood-3: #b8a07a;--grain: rgb(120 92 56 / .26)}.joinery-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem;padding:2rem 3rem 3rem}.joinery-copy h2{font-size:clamp(2.5rem,4.3vw,4.3rem)}.joinery-copy>p{margin-block:1.5rem .5rem;max-width:36ch}.joinery-copy .demo-small{max-width:45ch;margin-top:1rem}.joinery-copy form{padding:0;background:none}.joinery-copy fieldset{border:0;margin:1.6rem 0;padding:0;min-width:0}.joinery-copy legend{display:flex;align-items:center;gap:.6rem;font-size:var(--text-sm);font-weight:650;padding:0;margin-bottom:.7rem}.joinery-copy legend>span{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid currentColor;font-size:.75rem;font-variant-numeric:tabular-nums}.joinery-options{display:flex;flex-wrap:wrap;gap:.5rem}.joinery-options label{cursor:pointer;position:relative;display:block}.joinery-options input{position:absolute;opacity:0;width:1px;height:1px}.joinery-options span{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem 1rem;border:1px solid var(--demo-joinery-ink);border-radius:999px;font-size:var(--text-sm);transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}.joinery-options input:checked+span{background:var(--demo-joinery-ink);color:var(--demo-joinery-paper)}.joinery-options input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.joinery-options label:hover span{text-decoration:underline;text-underline-offset:.2em}.joinery-options label:active span{scale:.97}.joinery-woods i{width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040;flex:none}.swatch-eiche{background:#c9a171}.swatch-nussbaum{background:#85593c}.swatch-esche{background:#eadbbd}.joinery-woods input:checked+span i{box-shadow:0 0 0 2px var(--demo-joinery-paper)}.joinery-preview{padding:1.25rem;background:var(--demo-joinery-surface);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:1.25rem;min-width:0}.joinery-stage{position:relative;border-radius:8px;overflow:hidden}.joinery-stage svg{display:block;width:100%}.joinery-stamp{position:absolute;top:.9rem;left:.9rem;padding:.3rem .7rem;border:1px solid var(--j-line);border-radius:999px;font-size:.75rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--j-line);background:#fffaf0b3}.j-wall{fill:#f6ecdc;stroke:none}.j-floor{fill:#e3cfae;stroke:none}.j-boards{stroke:#d2bb96;stroke-width:1}.j-skirting{fill:#fbf4e8;stroke:#e0cfb4;stroke-width:1}.j-item{opacity:0;visibility:hidden;transition:opacity .32s var(--ease-out),visibility 0s .32s}.joinery-demo:has(input[name=moebel][value=regal]:checked) [data-item=regal],.joinery-demo:has(input[name=moebel][value=schrank]:checked) [data-item=schrank],.joinery-demo:has(input[name=moebel][value=nische]:checked) [data-item=nische]{opacity:1;visibility:visible;transition:opacity .42s var(--ease-out) 80ms,visibility 0s}.j-item :is(rect,path,circle){stroke:var(--j-line);stroke-width:1.1;transition:fill-opacity .45s var(--ease-out),stroke .45s var(--ease-out)}.j-item .w{fill:var(--wood)}.j-item .w2{fill:var(--wood-2)}.j-item .w3{fill:var(--wood-3)}.j-item .grain{stroke:var(--grain);stroke-width:1;fill:none}.j-item .j-handle{stroke-width:3}.j-item .w-line{stroke:var(--wood-2);stroke-width:6;stroke-linecap:butt}.b1{fill:#b5583f}.b2{fill:#3f5a69}.b3{fill:#d4a84f}.b4{fill:#6f7b4c}.b5{fill:#efe3c8}.b6{fill:#6b3f4a}.p-vase{fill:#d9cbb1}.p-twig,.p-cut{fill:none}.p-pot{fill:#c46b4c}.p-leaf{fill:#6f8a55}.p-ball{fill:#e9dcc2}.p-frame{fill:#fbf6ec}.p-photo{fill:#a9b8b3}.p-art{fill:#c9d2bf}.p-dot{fill:#d8794f}.p-box{fill:#d8c7a8}.p-cup{fill:#fbf6ec}.p-lamp{fill:none;stroke-width:2.4!important}.p-shade{fill:#f3dfa9}.p-cushion{fill:#8f9d7c}.p-pillow1{fill:#c86f4f}.p-pillow2{fill:#efe2c5}.j-recess{fill:#eadcc4;stroke:none!important}.j-recess-dark{fill:#dccab0;stroke:none!important}.j-recess-light{fill:#f2e7d6;stroke:none!important}.j-glass{fill:#dfe8e4}.j-view{fill:none;stroke:#9fb5a6!important;stroke-width:2!important}.j-dims path{stroke:var(--j-line);stroke-width:1;fill:none}.j-dims text{fill:var(--j-line);stroke:none!important;font-family:var(--font-body);font-size:13px;font-weight:650;text-anchor:middle;font-variant-numeric:tabular-nums}.joinery-demo:has(input[name=stand][value=idee]:checked) .j-item{filter:url(#joinery-sketch);--j-line: #7a6656}.joinery-demo:has(input[name=stand][value=idee]:checked) .j-item :is(rect,path,circle):not(.j-recess,.j-recess-dark,.j-recess-light){fill-opacity:0;stroke-width:1.3}.joinery-demo:has(input[name=stand][value=idee]:checked) .j-dims path{stroke-dasharray:3 5}.joinery-demo:has(input[name=stand][value=idee]:checked) :is(.j-dims,.joinery-stamp) .j-v,.joinery-demo:has(input[name=stand][value=masse]:checked) :is(.j-dims,.joinery-stamp) .j-q{display:none}.joinery-summary h3{font-size:clamp(1.5rem,2.4vw,2rem)}.joinery-summary p{margin-top:.5rem;font-size:var(--text-sm);min-height:3.2em}.joinery-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px dashed var(--demo-joinery-wood)}.joinery-spec[hidden]{display:none}.joinery-spec div{padding:.7rem .2rem;min-width:0}.joinery-spec div+div{border-left:1px dashed var(--demo-joinery-wood);padding-left:.9rem}.joinery-spec dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.joinery-spec dd{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.physio-demo{background:var(--demo-physio-paper);color:var(--demo-physio-ink);--color-focus: var(--demo-physio-ink);interpolate-size:allow-keywords}.physio-wordmark{display:inline-flex;align-items:baseline;gap:.15em}.physio-wordmark i{width:.32em;height:.32em;border-radius:50%;background:var(--demo-physio-accent)}.physio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:3rem;padding:1.5rem 3rem 2.5rem}.physio-intro h2{font-size:clamp(2.5rem,4.2vw,4.2rem);max-width:11ch}.physio-intro>p{margin-block:1.5rem;max-width:34ch}.physio-topics>span{display:block;font-size:var(--text-sm);font-weight:650;margin-bottom:.5rem}.physio-topics button[aria-pressed=true]{background:var(--demo-physio-ink);color:var(--demo-physio-surface);border-color:transparent}.physio-topics .demo-small{margin-top:.6rem}.physio-intro .demo-link{margin-top:1.5rem}.physio-list{background:var(--demo-physio-surface);border-radius:var(--radius-card);padding:.5rem 2rem;align-self:start}.physio-list details+details{border-top:1px solid var(--demo-physio-rule)}.physio-list details::details-content{block-size:0;overflow:clip;transition:block-size .32s var(--ease-out),content-visibility .32s allow-discrete}.physio-list details[open]::details-content{block-size:auto}.physio-list summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:72px;padding-block:1.2rem;font-weight:650;font-size:var(--text-md)}.physio-list summary:hover span{text-decoration:underline;text-underline-offset:.2em}.physio-list summary i{position:relative;flex:none;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;transition:background-color .24s var(--ease-out),rotate .24s var(--ease-out)}.physio-list summary i:before,.physio-list summary i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;translate:-50% -50%}.physio-list summary i:after{rotate:90deg}.physio-list details[open] summary i{rotate:45deg;background:var(--demo-physio-accent);border-color:var(--demo-physio-accent)}.physio-answer{padding:0 3rem 1.6rem 0}.physio-answer p:first-child{font-family:var(--font-display);font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:600;line-height:1.2;letter-spacing:-.02em}.physio-answer p+p{margin-top:.7rem;font-size:var(--text-sm)}.demo .physio-foot,.demo .deli-foot{font-size:var(--text-xs);padding:1.2rem 3rem 1.6rem;max-width:none}.physio-foot{border-top:1px solid var(--demo-physio-rule)}.deli-demo{background:var(--demo-deli-paper);color:var(--demo-deli-ink);--color-focus: var(--demo-deli-ink)}.deli-wordmark{font-style:normal}.deli-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:3rem;padding:1.5rem 3rem 2.5rem}.deli-copy h2{font-size:clamp(2.4rem,3.9vw,3.9rem);max-width:12ch}.deli-status{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;padding:.5rem .95rem .5rem .8rem;border-radius:999px;background:var(--demo-deli-surface);font-weight:650;font-size:var(--text-sm)}.deli-status[hidden]{display:none}.deli-status i{position:relative;width:.65rem;height:.65rem;border-radius:50%;background:var(--demo-deli-street);flex:none;box-shadow:inset 0 0 0 1.5px var(--demo-deli-ink)}.deli-status.is-open i{background:var(--demo-deli-open);box-shadow:none}.deli-status.is-open i:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--demo-deli-open);animation:deli-pulse 2.2s var(--ease-out) infinite}@keyframes deli-pulse{0%{opacity:.8;scale:.6}to{opacity:0;scale:1.5}}.deli-copy address{font-style:normal;margin-top:1.4rem;line-height:1.5}.deli-hours{margin-top:1.8rem;border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.deli-hours caption{text-align:left;font-weight:650;padding-bottom:.3rem}.deli-hours th,.deli-hours td{padding:.5rem 0;border-top:1px solid var(--demo-deli-street)}.deli-hours thead td{border-top:0;padding:0 0 .2rem}.deli-hours th{text-align:left;font-weight:400;white-space:nowrap;width:1%;padding-right:1rem}.deli-hours .deli-time{text-align:right;white-space:nowrap;width:1%;padding-left:1rem}.deli-bar,.deli-axis{position:relative}.deli-bar{height:2rem;--tick: rgb(68 32 58 / .14);background:linear-gradient(to right,transparent calc(12.5% - .5px),var(--tick) 0 calc(12.5% + .5px),transparent 0 calc(37.5% - .5px),var(--tick) 0 calc(37.5% + .5px),transparent 0 calc(62.5% - .5px),var(--tick) 0 calc(62.5% + .5px),transparent 0 calc(87.5% - .5px),var(--tick) 0 calc(87.5% + .5px),transparent 0) 0 50% / 100% 60% no-repeat}.deli-bar i{position:absolute;top:50%;height:.55rem;translate:0 -50%;border-radius:999px;background:var(--demo-deli-street);left:calc((var(--from) - 6) / 16 * 100%);width:calc((var(--to) - var(--from)) / 16 * 100%)}.deli-axis{height:1.1rem;font-size:.75rem;color:var(--demo-deli-ink-2)}.deli-axis span{position:absolute;translate:-50% 0}.deli-axis span:nth-child(1){left:12.5%}.deli-axis span:nth-child(2){left:37.5%}.deli-axis span:nth-child(3){left:62.5%}.deli-axis span:nth-child(4){left:87.5%}.deli-hours tr.is-today th,.deli-hours tr.is-today .deli-time{font-weight:700}.deli-hours tr.is-today th:after{content:"Heute";margin-left:.5rem;padding:.1rem .45rem;border-radius:999px;background:var(--demo-deli-ink);color:var(--demo-deli-surface);font-size:.6875rem;font-weight:650;vertical-align:.1em}.deli-hours tr.is-today .deli-bar i{background:var(--demo-deli-accent);box-shadow:inset 0 0 0 1.5px var(--demo-deli-ink)}.deli-hours tr.has-now .deli-bar:after{content:"";position:absolute;top:.2rem;bottom:.2rem;width:2px;border-radius:1px;background:var(--demo-deli-ink);left:calc((var(--now) - 6) / 16 * 100%)}.deli-map{background:var(--demo-deli-surface);border-radius:var(--radius-card);padding:1.25rem;min-width:0;display:flex;flex-direction:column;gap:.9rem}.deli-map-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;font-size:var(--text-sm);font-weight:650}.deli-map-head .demo-controls{padding:3px;border-radius:999px;background:var(--demo-deli-paper);gap:0}.deli-map-head button{font-size:var(--text-xs);padding-inline:.9rem;border-radius:999px}.deli-map-head button[aria-pressed=true]{background:var(--demo-deli-ink);color:var(--demo-deli-surface);border-color:transparent}.deli-plan{width:100%;display:block;border-radius:8px;background:#f3ead9}.dk-water{fill:#cddbd5;stroke:none}.dk-waves,.dk-boats{stroke:#7d9a92;stroke-width:1.4}.dk-boats path:nth-child(odd){fill:#f8f2e7}.dk-dike{fill:#d3dbb2;stroke:none}.dk-hatch{stroke:#a9b885;stroke-width:1}.dk-rail-bed{stroke:#e2d5bf;stroke-width:16;stroke-linecap:butt}.dk-rail{stroke:#8e7a83;stroke-width:1.2}.dk-ties{stroke:#8e7a83;stroke-width:10;stroke-dasharray:1.4 7;stroke-linecap:butt}.dk-station{fill:#e4d3ba;stroke:var(--demo-deli-ink);stroke-width:1.2}.dk-park{fill:#dce2bf;stroke:none}.dk-trees circle{fill:#b9c58f;stroke:#8f9e66;stroke-width:1}.dk-plaza{fill:#f8f1e3;stroke:#d8cab2;stroke-width:1.2;stroke-dasharray:2 4}.dk-fountain{fill:#cddbd5;stroke:#7d9a92;stroke-width:1.2}.dk-lot{fill:#e6dccb;stroke:none}.dk-stalls{stroke:#fffaf1;stroke-width:1.5}.dk-house{fill:#e7d9c2;stroke:none}.dk-house-2{fill:#e0d0b6}.dk-street-casing{stroke:#dccdb4;stroke-width:19;stroke-linecap:butt}.dk-street{stroke:#fffaf1;stroke-width:15;stroke-linecap:butt}.dk-street-names text{fill:#8a7380;stroke:none;font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.06em;text-anchor:middle;dominant-baseline:central}.dk-shop{fill:var(--demo-deli-accent);stroke:var(--demo-deli-ink);stroke-width:1.5}.dk-labels text{fill:var(--demo-deli-ink);stroke:none;font-family:var(--font-display);font-size:14px;font-weight:650;letter-spacing:-.01em;text-anchor:middle}.dk-labels .dk-small{font-family:var(--font-body);font-size:10px;font-weight:600;fill:#6e7f4f}.dk-sign rect{fill:#3f5a7a;stroke:none}.dk-sign text{fill:#fff;stroke:none;font-family:var(--font-body);font-size:12px;font-weight:700;text-anchor:middle}.deli-pin path{fill:var(--demo-deli-ink);stroke:#fffaf1;stroke-width:2}.deli-pin circle{fill:var(--demo-deli-accent);stroke:none}.dk-tag rect{fill:var(--demo-deli-ink);stroke:none}.dk-tag text{fill:#fffaf1;stroke:none;font-family:var(--font-display);font-size:13px;font-weight:650;text-anchor:middle}.dk-north path{fill:var(--demo-deli-ink);stroke:none}.dk-north text,.dk-scale text{fill:var(--demo-deli-ink);stroke:none;font-family:var(--font-body);font-size:10px;font-weight:700;text-anchor:middle}.dk-scale path{stroke:var(--demo-deli-ink);stroke-width:1.4}.deli-route{opacity:0;transition:opacity .2s var(--ease-out)}[data-way=fuss] .deli-route[data-route=fuss],[data-way=rad] .deli-route[data-route=rad],[data-way=auto] .deli-route[data-route=auto]{opacity:1}.deli-route-casing{stroke:#fffaf1;stroke-width:10}.deli-route-line{stroke:var(--demo-deli-ink);stroke-width:4.5;stroke-dasharray:.1 8.5}[data-route=rad] .deli-route-line{stroke-dasharray:9 6;stroke-linecap:butt}.deli-route-line.deli-route-drive{stroke-dasharray:none;stroke:#3f5a7a}.deli-route-start{fill:#fffaf1;stroke:var(--demo-deli-ink);stroke-width:3}.deli-reveal{stroke:#fff;stroke-width:22;stroke-dasharray:1 1;stroke-dashoffset:1;fill:none;transition:stroke-dashoffset 1.1s var(--ease-out)}[data-way=fuss] #deli-reveal-fuss .deli-reveal,[data-way=rad] #deli-reveal-rad .deli-reveal,[data-way=auto] #deli-reveal-auto .deli-reveal{stroke-dashoffset:0}.deli-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem}.deli-meta strong{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:600;letter-spacing:-.02em}.deli-meta span{font-size:var(--text-sm)}.deli-map>p[data-deli-hint]{font-size:var(--text-sm);min-height:3.2em;margin-top:-.4rem}.deli-map .demo-link{align-self:start;margin-top:auto}.deli-foot{border-top:1px solid var(--demo-deli-street)}.sail-demo{background:var(--demo-sail-paper);color:var(--demo-sail-ink);--color-focus: var(--demo-sail-ink)}.sail-wordmark{display:inline-flex;align-items:center;gap:.35rem}.sail-wordmark svg{width:2rem;height:.8rem;stroke:var(--demo-sail-accent);stroke-width:2.4}.sail-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem 3rem;padding:1rem 3rem 2.2rem}.sail-head h2{font-size:clamp(2.5rem,4.4vw,4.4rem)}.sail-head p{margin-top:1.2rem;max-width:38ch}.sail-filters{display:grid;gap:.9rem}.sail-filters[hidden]{display:none}.sail-filters span[id]{display:block;font-size:var(--text-xs);font-weight:650;margin-bottom:.35rem;color:var(--demo-sail-ink-2)}.sail-filters .demo-controls{padding:3px;gap:0;border-radius:999px;background:var(--demo-sail-surface);box-shadow:inset 0 0 0 1px var(--demo-sail-rule)}.sail-filters button{border-radius:999px;font-size:var(--text-xs);padding-inline:.95rem}.sail-filters button[aria-pressed=true]{background:var(--demo-sail-ink);color:var(--demo-sail-surface);border-color:transparent}.sail-plans{list-style:none;margin:0;padding:.6rem 2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.sail-plan{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:1.7rem 1.6rem 1.6rem;border-radius:var(--radius-card);background:var(--demo-sail-surface);box-shadow:inset 0 0 0 1px var(--demo-sail-rule);min-width:0;transition:translate .42s var(--ease-out),box-shadow .3s var(--ease-out)}.sail-plan[data-recommended]{translate:0 -8px;box-shadow:inset 0 0 0 2px var(--demo-sail-ink),0 18px 32px -24px #12343b73}.sail-badge{position:absolute;top:-.85rem;left:1.4rem;margin:0;opacity:0;translate:0 6px;transition:opacity .26s var(--ease-out),translate .42s var(--ease-out)}.sail-badge span{display:inline-block;padding:.3rem .75rem;border-radius:999px;background:var(--demo-sail-accent);color:#fff8f2;font-size:.75rem;font-weight:700;letter-spacing:.02em}.sail-plan[data-recommended] .sail-badge{opacity:1;translate:0 0}.sail-plan:not([data-recommended]) .sail-badge{visibility:hidden}.sail-plan h3{font-size:clamp(1.35rem,2vw,1.7rem)}.demo .sail-for{font-size:var(--text-sm);color:var(--demo-sail-ink-2);min-height:3.2em}.sail-price{display:grid;gap:.2rem;padding-block:.6rem .8rem;border-bottom:1px solid var(--demo-sail-rule)}.sail-price strong{font-family:var(--font-display);font-size:clamp(2.4rem,3.6vw,3.2rem);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.demo .sail-price span,.demo .sail-time{font-size:var(--text-xs)}.demo .sail-time{font-weight:650;display:flex;align-items:center;gap:.5rem}.sail-time:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--demo-sail-accent);flex:none}.sail-includes{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:var(--text-sm)}.sail-includes li{position:relative;padding-left:1.5rem}.sail-includes li:before{content:"";position:absolute;left:.15rem;top:.45em;width:.7rem;height:.38rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg}.demo .sail-extra{font-size:var(--text-xs);padding:.6rem .75rem;border-radius:8px;background:var(--demo-sail-paper)}.sail-cta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1rem;border-radius:var(--radius-control);border:1px solid var(--demo-sail-ink);font-size:var(--text-sm);font-weight:650;text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}.sail-plan[data-recommended] .sail-cta{background:var(--demo-sail-ink);color:var(--demo-sail-surface)}.sail-cta:hover{text-decoration:underline;text-underline-offset:.2em}.sail-cta:active{scale:.98}.sail-compare{margin:1.6rem 2rem 0;border-top:1px solid var(--demo-sail-rule);interpolate-size:allow-keywords}.sail-compare summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;font-weight:650;cursor:pointer}.sail-compare summary:hover{text-decoration:underline;text-underline-offset:.2em}.sail-compare summary i{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;flex:none;transition:rotate .24s var(--ease-out)}.sail-compare summary i:before,.sail-compare summary i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;translate:-50% -50%}.sail-compare summary i:after{rotate:90deg}.sail-compare[open] summary i{rotate:45deg}.sail-compare::details-content{block-size:0;overflow:clip;transition:block-size .32s var(--ease-out),content-visibility .32s allow-discrete}.sail-compare[open]::details-content{block-size:auto}.sail-table{overflow-x:auto;padding-bottom:1rem}.sail-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--text-sm)}.sail-table th,.sail-table td{padding:.7rem .6rem;text-align:left;border-top:1px solid var(--demo-sail-rule)}.sail-table thead :is(th,td){border-top:0}.sail-table thead th{font-family:var(--font-display);font-size:1.05rem}.sail-table tbody th{font-weight:650}.sail-table tbody tr:last-child{font-variant-numeric:tabular-nums;font-weight:650}.demo .sail-foot,.demo .garden-foot{font-size:var(--text-xs);padding:1.2rem 3rem 1.6rem;max-width:none}.garden-demo{background:var(--demo-garden-paper);color:var(--demo-garden-ink);--color-focus: var(--demo-garden-accent);overflow:clip}.garden-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem 3rem;padding:1rem 3rem 2.5rem}.garden-head h2{font-size:clamp(2.6rem,4.8vw,4.8rem)}.garden-head p{max-width:40ch;color:var(--demo-garden-ink-2)}.garden-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;padding:0 3rem 2rem;align-items:start}.garden-visual{margin:0;position:sticky;top:104px;padding:1.25rem;border-radius:var(--radius-card);background:var(--demo-garden-surface)}.garden-visual svg{display:block;width:100%;max-height:calc(100vh - 220px)}.garden-visual figcaption{display:flex;justify-content:space-between;margin-top:.9rem;font-size:var(--text-sm);color:var(--demo-garden-ink-2);font-variant-numeric:tabular-nums}.garden-visual figcaption [data-garden-name]{color:var(--demo-garden-ink);font-weight:650}.gk-lot{fill:#213029;stroke:var(--demo-garden-rule);stroke-width:1.5}.gk-lawn{fill:#213029;stroke:none;transition:fill .6s var(--ease-out)}.gk-house{fill:#33453a;stroke:none}.gk-house-label,.gk-labels text,.gk-measure text{fill:var(--demo-garden-ink-2);stroke:none;font-family:var(--font-body);font-size:12px;font-weight:650;text-anchor:middle;letter-spacing:.04em}.gk-measure{stroke:var(--demo-garden-accent);stroke-width:1.4;transition:opacity .4s var(--ease-out)}.gk-measure text{fill:var(--demo-garden-accent)}.gk-sun circle{fill:none}.gk-path{stroke:#8d8670;stroke-width:24;fill:none;stroke-linecap:butt;transition:stroke .5s var(--ease-out),opacity .5s var(--ease-out)}.gk-terrace{fill:#b9ad92;stroke:none;transition:fill-opacity .5s var(--ease-out)}.gk-paving{stroke:#8f846c;stroke-width:1.2;transition:opacity .5s var(--ease-out)}.gk-bed{fill:#5a4532;stroke:var(--demo-garden-accent);stroke-width:0;transition:fill-opacity .5s var(--ease-out),stroke-width .3s}.gk-flowers circle{fill:#e4b45c;stroke:none}.gk-flowers-2 circle{fill:#e88b6c}.gk-flowers{transition:opacity .6s var(--ease-out)}.gk-tree{transform-box:fill-box;transform-origin:center;transition:scale .7s var(--ease-out),opacity .4s}.gk-canopy{fill:#5f8048;stroke:#86a865;stroke-width:1.5}.gk-canopy-2{fill:#7aa05a;stroke:none}.gk-trunk{fill:#3b2d20;stroke:none}.gk-bench{fill:#c79a5a;stroke:none;transition:opacity .5s var(--ease-out)}.gk-labels{transition:opacity .4s var(--ease-out)}.garden-visual[data-stage="4"] .gk-lawn{fill:#4b6a3c}.garden-visual:not([data-stage="1"]) .gk-measure,.garden-visual:not([data-stage="2"]) .gk-labels{opacity:0}.garden-visual[data-stage="1"] :is(.gk-path,.gk-terrace,.gk-paving,.gk-bed,.gk-tree,.gk-flowers,.gk-bench){opacity:0}.garden-visual[data-stage="2"] .gk-path{stroke:var(--demo-garden-accent);opacity:.22}.garden-visual[data-stage="2"] .gk-terrace,.garden-visual[data-stage="2"] .gk-bed{fill-opacity:0;stroke:var(--demo-garden-accent);stroke-width:1.5;stroke-dasharray:5 5}.garden-visual[data-stage="2"] .gk-paving{opacity:0}.garden-visual[data-stage="2"] .gk-tree{opacity:.9}.garden-visual[data-stage="2"] :is(.gk-canopy,.gk-canopy-2){fill:none;stroke:var(--demo-garden-accent);stroke-dasharray:4 5}.garden-visual[data-stage="2"] .gk-canopy-2{stroke:none}.garden-visual:is([data-stage="2"],[data-stage="3"]) :is(.gk-flowers,.gk-bench){opacity:0}.garden-visual[data-stage="3"] .gk-tree{scale:.45}.garden-steps{list-style:none;margin:0;padding:0 0 0 2.2rem;position:relative;display:grid}.garden-steps:before,.garden-steps:after{content:"";position:absolute;left:.45rem;top:.6rem;bottom:.6rem;width:2px;border-radius:1px;background:var(--demo-garden-rule)}.garden-steps:after{background:var(--demo-garden-accent);transform-origin:top;scale:1 var(--progress, 1)}.garden-step{position:relative;padding-block:0 2.6rem;color:var(--demo-garden-ink-2);transition:color .3s var(--ease-out)}.garden-step:before{content:"";position:absolute;left:-2.2rem;top:.45rem;width:1rem;height:1rem;border-radius:50%;background:var(--demo-garden-paper);box-shadow:inset 0 0 0 2px var(--demo-garden-rule);z-index:1;transition:box-shadow .3s,background-color .3s}.garden-demo:not(.is-enhanced) .garden-step,.garden-step.is-active{color:var(--demo-garden-ink)}.garden-demo:not(.is-enhanced) .garden-step:before,.garden-step.is-active:before{background:var(--demo-garden-accent);box-shadow:none}.garden-demo.is-enhanced .garden-step{min-height:62vh}.garden-demo.is-enhanced .garden-step:last-child{min-height:0;padding-bottom:1rem}.garden-num{font-family:var(--font-display);font-size:var(--text-sm);font-weight:650;color:var(--demo-garden-accent);font-variant-numeric:tabular-nums}.garden-step h3{margin-top:.3rem;font-size:clamp(1.8rem,3vw,2.6rem)}.garden-step p{margin-top:.8rem;max-width:40ch}.garden-step dl{margin:1.2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:30rem;border-top:1px solid var(--demo-garden-rule);padding-top:.9rem}.garden-step dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.garden-step dd{margin:.2rem 0 0;font-size:var(--text-sm);font-weight:650}.garden-step .demo-link{margin-top:1.4rem;color:var(--demo-garden-ink)}.garden-foot{border-top:1px solid var(--demo-garden-rule);color:var(--demo-garden-ink-2)}.art-physio{background:var(--demo-physio-paper);color:var(--demo-physio-ink)}.art-physio strong{max-width:8ch}.thumb-faq{position:absolute;right:7%;top:15%;width:46%;stroke-width:6}.thumb-faq .t-card{fill:var(--demo-physio-surface);stroke:none}.thumb-faq .t-q{stroke:var(--demo-physio-ink);stroke-width:7}.thumb-faq .t-a{stroke:var(--demo-physio-rule);stroke-width:6}.thumb-faq .t-rule{stroke:var(--demo-physio-paper);stroke-width:1.5}.thumb-faq .t-open{fill:var(--demo-physio-accent);stroke:none}.thumb-faq .t-plus{fill:none;stroke:var(--demo-physio-ink);stroke-width:1.5}.thumb-faq .t-x{stroke:var(--demo-physio-ink);stroke-width:1.8}.thumb-faq .t-open+.t-x{stroke:var(--demo-physio-surface)}.art-deli{background:var(--demo-deli-paper);color:var(--demo-deli-ink)}.art-deli strong{max-width:8ch}.thumb-map{position:absolute;right:-4%;bottom:-6%;width:56%;border-radius:10px;stroke:none}.thumb-map .t-land{fill:#f3ead9}.thumb-map .t-water{fill:#cddbd5}.thumb-map .t-dike{fill:#d3dbb2}.thumb-map .t-blocks rect{fill:#e4d5bd}.thumb-map .t-plaza{fill:#f8f1e3}.thumb-map .t-casing{stroke:#dccdb4;stroke-width:15;stroke-linecap:butt}.thumb-map .t-street{stroke:#fffaf1;stroke-width:11;stroke-linecap:butt}.thumb-map .t-route{stroke:var(--demo-deli-ink);stroke-width:4;stroke-dasharray:.1 8}.thumb-map .t-pin{fill:var(--demo-deli-ink);stroke:#fffaf1;stroke-width:2}.thumb-map .t-pin-dot{fill:var(--demo-deli-accent)}.art-sail{background:var(--demo-sail-paper);color:var(--demo-sail-ink)}.art-sail strong{max-width:8ch}.thumb-price{position:absolute;right:6%;top:16%;width:50%;stroke:none}.thumb-price .t-card{fill:var(--demo-sail-surface);stroke:var(--demo-sail-rule);stroke-width:1.5}.thumb-price .t-pick{stroke:var(--demo-sail-ink);stroke-width:2.5}.thumb-price .t-badge{fill:var(--demo-sail-accent)}.thumb-price .t-big{stroke:var(--demo-sail-ink);stroke-width:10}.thumb-price .t-line{stroke:var(--demo-sail-rule);stroke-width:5}.thumb-price .t-btn{fill:none;stroke:var(--demo-sail-ink);stroke-width:1.5}.thumb-price .t-btn-on{fill:var(--demo-sail-ink)}.art-garden{background:var(--demo-garden-paper);color:var(--demo-garden-ink)}.art-garden strong{max-width:8ch}.thumb-garden{position:absolute;right:7%;top:12%;width:40%;stroke:none}.thumb-garden .t-lot{fill:#4b6a3c;stroke:var(--demo-garden-rule);stroke-width:1.5}.thumb-garden .t-house{fill:#33453a}.thumb-garden .t-terrace{fill:#b9ad92}.thumb-garden .t-path{fill:none;stroke:#8d8670;stroke-width:14;stroke-linecap:butt}.thumb-garden .t-bed{fill:#5a4532}.thumb-garden .t-tree{fill:#6f9150;stroke:#86a865;stroke-width:1.5}.thumb-garden .t-flower circle{fill:var(--demo-garden-accent)}.case-path{list-style:none;margin:1.4rem 0 0;padding:0;counter-reset:path}.case-path li{position:relative;counter-increment:path;padding:0 0 1.6rem 3.2rem}.case-path li:before{content:counter(path);position:absolute;left:0;top:.1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-ink);font-family:var(--font-display);font-weight:650;font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:var(--color-paper)}.case-path li:after{content:"";position:absolute;left:calc(1rem - .5px);top:2.3rem;bottom:.2rem;width:1px;background:var(--color-rule)}.case-path li:last-child{padding-bottom:0}.case-path li:last-child:after{display:none}.case-path li:last-child:before{background:var(--color-forest);color:var(--color-on-forest);border-color:var(--color-forest)}.case-copy .case-path h3{margin:.25rem 0 .4rem}.demo-noscript{padding:1.5rem}.search-intro{padding-block:4rem 3rem;max-width:900px;margin-inline:0}.search-intro h1{font-size:clamp(3rem,5.7vw,5.5rem)}.search-intro .lead{margin-top:2rem;max-width:55ch}.search-answers{margin-bottom:4rem}.search-answers details{border-top:1px solid var(--color-rule);padding-block:1.5rem}.search-answers summary{cursor:pointer;font-size:var(--text-lg);font-weight:600}.search-answers details p{margin-top:1rem}.search-sources{font-size:var(--text-sm);color:var(--color-ink-2)}.search-sources li{margin-top:.6rem}@media(max-width:1100px){.sail-head,.garden-head{padding-inline:2rem}.sail-plans{padding-inline:1.25rem}.sail-compare{margin-inline:1.25rem}.garden-layout{padding-inline:2rem;gap:2rem}.demo .sail-foot,.demo .garden-foot,.demo-brandline{padding-inline:2rem}.case-layout{grid-template-columns:190px minmax(0,1fr)}.hotel-main,.hotel-bottom{padding-inline:2rem}.voices-layout,.joinery-layout{padding-inline:2rem;gap:2rem}.energy-heading{align-items:start}.energy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-flow{grid-column:1 / -1;grid-row:auto}.energy-note{grid-column:1}.energy-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-parts li:nth-child(3){border-left:0}.energy-parts li:nth-child(n+3){border-top:1px solid var(--demo-energy-paper)}.physio-layout,.deli-layout{padding-inline:2rem;gap:2rem}.demo .physio-foot,.demo .deli-foot{padding-inline:2rem}}@media(max-width:760px){.sail-head,.garden-head{padding:1rem 1.5rem 1.8rem}.sail-plans{grid-template-columns:1fr;padding-inline:1rem;gap:1.4rem}.sail-plan[data-recommended]{translate:none}.demo .sail-for{min-height:0}.sail-compare{margin-inline:1rem}.demo .sail-foot,.demo .garden-foot{padding-inline:1.5rem}.garden-layout{grid-template-columns:1fr;padding:0 1rem 1.5rem;gap:1.5rem}.garden-visual{top:72px;z-index:1;padding:.7rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem}.garden-visual svg{width:auto;height:28vh;max-height:none}.garden-visual figcaption{margin:0;flex-direction:column;gap:.2rem}.garden-demo.is-enhanced .garden-step{min-height:52vh}.portfolio-intro,.study-intro{grid-template-columns:1fr;gap:1.5rem}.portfolio-intro h1{max-width:13ch}.portfolio-grid{gap:2rem 1rem}.study-card:nth-child(2n){margin-top:3rem}.study-art strong{font-size:2.4rem}.study-art{aspect-ratio:.85;padding:1.3rem}.study-art>span{font-size:var(--text-xs)}.portfolio-note{grid-template-columns:1fr;gap:1.5rem}.portfolio-note h2{max-width:20ch}.case-layout{grid-template-columns:1fr;gap:2rem}.case-rail{position:static}.case-rail nav{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem}.portfolio-cta{flex-direction:column;align-items:start}.demo-brandline{padding:1.2rem 1.5rem}.demo-brandline>span:last-child{max-width:19ch;text-align:right}.hotel-main{padding:.5rem 1.5rem 0;grid-template-columns:1.1fr .9fr;gap:0}.hotel-copy{padding-top:1rem}.hotel-copy h2{font-size:clamp(2.8rem,8vw,4rem)}.hotel-copy p{font-size:var(--text-sm)}.hotel-bottom{padding:1.5rem}.demo-afterword{grid-template-columns:1fr;gap:.8rem}.energy-heading{display:block;padding:1.5rem}.energy-heading p{margin-top:1rem}.energy-grid{grid-template-columns:1fr;padding-inline:1rem}.energy-note{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem}.energy-roof-mark{display:none}.energy-status{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-note .demo-link{grid-column:1 / -1;justify-self:start}.energy-bottom{grid-template-columns:1fr;gap:1rem;padding-inline:.5rem}.energy-note,.energy-team{grid-column:1}.energy-team{padding:1.5rem}.physio-layout,.deli-layout{grid-template-columns:1fr;padding:1rem 1.5rem 1.5rem}.physio-list{padding-inline:1.2rem}.physio-answer{padding-right:0}.demo .physio-foot,.demo .deli-foot{padding-inline:1.5rem}.deli-map{padding:1.1rem}.deli-map-head .demo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.deli-map-head button{padding-inline:.3rem}.dk-street-names,.dk-north,.dk-scale{display:none}.dk-labels text{font-size:22px}.dk-labels .dk-small,.dk-tag{display:none}.voices-layout{grid-template-columns:1fr;padding:1.5rem;gap:2.5rem}.voices-intro{position:relative}.voices-intro h2{font-size:2.5rem}.voices-intro p{max-width:25ch}.voices-mark{display:none}.voice-story blockquote p{font-size:clamp(1.8rem,5vw,2.6rem)}.voices-stories.is-enhanced{min-height:400px}.voices-bottom{padding:1.5rem}.voices-bottom .demo-controls button{padding-inline:.6rem;font-size:var(--text-xs)}.joinery-layout{grid-template-columns:1fr;padding:1.5rem}.joinery-copy h2{font-size:clamp(2.4rem,8vw,4rem)}.joinery-preview{padding:1rem}.joinery-copy{display:contents}.joinery-layout{gap:0}.joinery-copy>h2{order:0}.joinery-copy>p:not(.demo-small){order:1;margin-bottom:1.5rem}.joinery-preview{order:2}.joinery-copy form{order:3}.joinery-copy .demo-link{order:4;justify-self:start}.joinery-copy .demo-small{order:5}.portfolio-home-grid{gap:1rem}.portfolio-home-grid .study-art{aspect-ratio:1}}@media(max-width:480px){.portfolio-grid,.portfolio-home-grid{grid-template-columns:1fr}.study-card:nth-child(2n){margin-top:0}.study-art,.portfolio-home-grid .study-art{aspect-ratio:1.15;padding:1.6rem}.study-art strong{font-size:3rem}.portfolio-intro{padding-top:2.5rem}.portfolio-intro h1{font-size:3rem}.study-intro{padding-top:1.5rem}.study-intro h1{font-size:2.6rem}.demo-brandline>span:last-child{display:none}.hotel-main{grid-template-columns:1fr}.hotel-copy{padding-top:.5rem}.hotel-copy h2{font-size:clamp(2.6rem,12vw,3.4rem)}.hotel-art{margin-top:-.5rem}.hotel-window{max-width:340px;margin-inline:auto}.hotel-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.hotel-bottom{flex-wrap:wrap}.hotel-bottom p{flex-basis:100%}.hotel-copy p{max-width:25ch}.hotel-copy .demo-link{gap:1rem}.demo-controls button{padding-inline:.8rem}.energy-flow{padding:1.1rem}.energy-note{grid-template-columns:1fr}.energy-note .demo-link{grid-column:auto}.energy-time{flex-wrap:wrap}.e-labels{display:none}.energy-play{order:2}.voices-bottom .demo-controls{gap:.4rem}.voices-stories.is-enhanced{min-height:440px}.voice-before{display:block}.voice-before span{display:block;margin-bottom:.2rem}.joinery-layout{padding:1.2rem}.joinery-options{gap:.5rem}.joinery-options span{padding-inline:.8rem;font-size:var(--text-xs)}.joinery-copy .demo-link{gap:.7rem;font-size:var(--text-xs)}.joinery-summary p{min-height:0}.joinery-spec dd{font-size:1rem}.demo-label{font-size:var(--text-xs)}.energy-parts{grid-template-columns:1fr}.energy-parts li+li{border-left:0;border-top:1px solid var(--demo-energy-paper)}.physio-list summary{font-size:var(--text-sm);gap:1rem}.deli-hours th:after{display:none}}@media(prefers-reduced-motion:reduce){.sail-plan,.sail-badge,.sail-compare::details-content,.gk-lawn,.gk-measure,.gk-path,.gk-terrace,.gk-paving,.gk-bed,.gk-flowers,.gk-tree,.gk-bench,.gk-labels,.garden-step,.garden-step:before{transition:none}.demo,.demo-controls button{transition:none}.physio-list details::details-content,.physio-list summary i,.deli-route,.deli-reveal{transition:none}.deli-status.is-open i:after{animation:none}.e-legs path,.e-fan,.e-led{animation:none!important}.energy-flow,.e-sky,.e-sun circle,.e-soil,.e-art rect,.e-stars circle{transition:none}.demo-link:active,.demo-controls button:active{transform:none}}