.construction-story{align-items:center;gap:var(--space-12);padding-block:var(--space-16);border-block:1px solid var(--color-border);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);display:grid}.construction-story__copy h2{max-width:17ch;font-size:clamp(1.85rem,3vw,2.75rem)}.construction-story__copy p,.why-visual-chapter p{margin-block:var(--space-5);max-width:42ch}.construction-story figure{min-width:0}.construction-story figcaption{color:var(--color-text-secondary);margin-top:var(--space-3);font-size:.8125rem}.construction-demo{background:var(--color-canvas-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:540px;position:relative;overflow:hidden}.construction-demo>img{object-fit:contain}.construction-demo>.button{bottom:var(--space-6);white-space:nowrap;max-width:calc(100% - 32px);position:absolute;left:50%;transform:translate(-50%)}.construction-demo iframe{border:0;width:100%;height:540px;display:block}.why-visual-story{padding-block:var(--space-16)}.why-visual-story>h2{max-width:22ch;margin-bottom:var(--space-12)}.why-visual-chapter{gap:var(--space-12);padding-bottom:var(--space-16);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;display:grid}.why-visual-chapter h3{max-width:20ch;font-size:clamp(1.5rem,2.5vw,2.25rem)}.why-visual-chapter:nth-of-type(2){grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}.why-visual-chapter:nth-of-type(2)>div:first-child{grid-area:1/2}.why-visual-chapter:nth-of-type(2)>.feature-media{grid-area:1/1}.why-visual-more{gap:var(--space-12);padding-top:var(--space-12);display:flex}.why-visual-more article{flex:1;min-width:0}.why-visual-more h3{font-size:1.25rem}.why-visual-more p{margin-block:var(--space-3)}@media (max-width:900px){.construction-story,.why-visual-chapter,.why-visual-chapter:nth-of-type(2){gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.why-visual-chapter:nth-of-type(2)>div:first-child,.why-visual-chapter:nth-of-type(2)>.feature-media{grid-area:auto}.construction-story__copy h2{max-width:24ch}.why-visual-more{gap:var(--space-8);flex-direction:column}}@media (max-width:500px){.construction-demo,.construction-demo iframe{height:610px;min-height:610px}.construction-demo>.button{font-size:.8125rem}.construction-story,.why-visual-story{padding-block:var(--space-10)}.why-visual-chapter{padding-bottom:var(--space-10)}}
.idea-property{padding-block:var(--space-8);border-top:1px solid var(--color-border)}.idea-property h3{margin-block:var(--space-3);font-size:clamp(1.5rem,3vw,2rem)}.idea-property p{max-width:80ch}.idea-films-story .why-visual-chapter{border-top:1px solid var(--color-border);padding-block:var(--space-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.idea-films-story .why-visual-chapter:nth-of-type(2)>div:first-child{grid-area:auto}.idea-films-story__copy .section-label{margin-bottom:var(--space-2);display:block}.idea-films-story__media{min-width:0}.idea-film{min-width:0;margin:0}.idea-film__stage{aspect-ratio:16/11;overflow:hidden}.idea-diagram{width:100%;height:100%;display:block}.idea-diagram text{fill:var(--color-text);font:18px var(--font-ui)}.idea-diagram .idea-svg-small{font-size:16px}.idea-diagram .idea-svg-large{font:550 30px var(--font-display)}.idea-paper{fill:none;stroke:none}.idea-boundary{fill:var(--color-brand-050);stroke:var(--color-brand-700);stroke-width:2px}.idea-house{fill:var(--color-sand);stroke:var(--color-stone)}.idea-terrace{fill:var(--color-sand-light);stroke:var(--color-stone)}.idea-grid-line{fill:none;stroke:var(--color-stone);stroke-width:1px}.idea-measure{fill:none;stroke:var(--color-accent);stroke-width:1.5px}.idea-measure text{stroke:none}.idea-film video{mix-blend-mode:darken}.idea-film__stage:has(.live-demo){mix-blend-mode:darken}.idea-film__stage .live-demo,.idea-film__stage .live-demo__frame{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.idea-film__transport{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--color-text-secondary);font-size:.875rem;display:flex}.idea-film__transport span{text-align:center}.idea-film__transport button{width:44px;height:44px;color:var(--color-brand-700);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.idea-film__transport button:hover{background:var(--color-brand-050)}.idea-film__steps{justify-content:center;gap:var(--space-5);margin-top:var(--space-3);display:flex}.idea-film__steps button{align-items:baseline;gap:var(--space-2);color:var(--color-text-secondary);padding:var(--space-2) 0;text-align:left;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;font-size:.8125rem;line-height:1.45;display:flex}.idea-film__steps button[aria-pressed=true]{border-bottom-color:var(--color-brand-700);color:var(--color-brand-900)}.idea-film__steps button span{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.idea-film__seek{max-width:480px;margin:var(--space-2) auto 0}.idea-film__seek summary{width:fit-content;padding-block:var(--space-3);min-height:44px;color:var(--color-text-secondary);cursor:pointer;margin-inline:auto;font-size:.8125rem}.idea-film__seek input{width:100%;height:44px;accent-color:var(--color-brand-700);cursor:pointer}.idea-film figcaption{max-width:64ch;margin:var(--space-3) auto 0;color:var(--color-text-secondary);text-align:center;font-size:.8125rem;line-height:1.6}.idea-film video{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.idea-films-story__interactive summary{padding-block:var(--space-3);min-height:44px;color:var(--color-brand-700);cursor:pointer}@media (max-width:900px){.idea-films-story .why-visual-chapter{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.idea-films-story .why-visual-chapter h3,.idea-films-story .why-visual-chapter p{max-width:60ch}}@media (max-width:500px){.idea-film__steps{gap:var(--space-3)}.idea-film__steps button{gap:var(--space-1);flex-direction:column;flex:1;font-size:.8125rem}.idea-films-story .why-visual-chapter{padding-block:var(--space-8)}}.idea-films-story .why-visual-chapter{gap:var(--space-8);grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr)}.idea-films-story .why-visual-chapter h3{max-width:16ch;font-size:clamp(1.5rem,2.2vw,2rem)}.idea-films-story__copy p{max-width:29ch}.idea-film__stage{aspect-ratio:4/3}.idea-plan-sequence{mix-blend-mode:darken;width:100%;height:100%;position:relative}.idea-plan-sequence img{object-fit:contain;padding-bottom:0}.idea-plan-sequence__label{top:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-3);max-width:calc(100% - 24px);padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text);font-size:.875rem;display:flex;position:absolute}.idea-plan-sequence__label strong{color:var(--color-brand-700);font:600 1.25rem var(--font-display)}.idea-plan-sequence__annotations{fill:none;width:100%;height:100%;stroke:var(--color-brand-700);stroke-width:3px;position:absolute;inset:0}.idea-plan-sequence__callout{background:var(--color-bg);color:var(--color-brand-900);padding:4px 8px;font-size:.875rem;font-weight:550;position:absolute}.idea-plan-sequence__callout--terrace{top:36%;left:25%}.idea-plan-sequence__callout--pool{top:65%;left:61%}@media (max-width:900px){.idea-films-story .why-visual-chapter{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.idea-films-story .why-visual-chapter h3{max-width:26ch}.idea-films-story__copy p{max-width:50ch}.idea-film__stage:has(.idea-diagram){aspect-ratio:12/11}}.idea-sun-scene{position:relative}.idea-sun-clock{top:var(--space-4);left:var(--space-4);font:var(--font-weight-semibold) clamp(1.25rem, 2.5vw, 2rem) var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-brand-900);position:absolute}.idea-sun-clock small{margin-top:var(--space-1);font:400 .8125rem var(--font-ui);color:var(--color-text-secondary);display:block}.idea-film__stage:has(.idea-film__scene-control){position:relative}.idea-film__scene-control{right:var(--space-3);bottom:var(--space-3);background:var(--color-bg);width:44px;height:44px;color:var(--color-brand-700);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute}.idea-film__scene-control:hover{background:var(--color-brand-050)}.idea-sun-times{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.idea-measured-plan{width:100%;height:100%;display:block}.idea-plan-dimensions path{fill:none;stroke:var(--color-brand-700);stroke-width:2px}.idea-plan-dimensions rect{fill:var(--color-bg);stroke:none}.idea-plan-dimensions text{fill:var(--color-brand-950);stroke:none;font:550 18px var(--font-ui)}#idee-drawings .idea-film__scene-control{gap:var(--space-2);width:auto;padding-inline:var(--space-3);font:inherit;font-size:.875rem;display:flex}@media (max-width:650px){.idea-plan-dimensions text{font-size:22px}#idee-drawings .idea-film__stage{aspect-ratio:1}.idea-plan-sequence--measured .idea-measured-plan{height:calc(100% - 88px);position:absolute;top:44px}#idee-drawings .idea-film__scene-control{bottom:0;right:0}}.idea-address{height:100%;padding:var(--space-4) var(--space-4) var(--space-12);flex-direction:column;align-items:center;display:flex}.idea-address__entry{align-items:center;gap:var(--space-3);width:min(100%,500px);min-height:52px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-brand-900);font-size:clamp(.8125rem,1.5vw,1rem);display:flex}.idea-address__entry svg{flex-shrink:0}.idea-address__caret{border-right:1px solid var(--color-brand-700);vertical-align:-.1em;height:1em;display:inline-block}.idea-address__example{margin-top:var(--space-2);color:var(--color-text-secondary);text-align:center;font-size:.8125rem}.idea-address__visual{mix-blend-mode:darken;flex:1;width:100%;min-height:0;position:relative}.idea-address__map,.idea-address__model{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.idea-address__context{fill:var(--color-bg-subtle);stroke:var(--color-border);stroke-width:1.5px}.idea-address__context>path:first-child{fill:none}.idea-address__plot-fill{fill:var(--color-brand-050);stroke:var(--color-border-strong);stroke-width:2px}.idea-address__boundary{fill:none;stroke:var(--color-brand-700);stroke-width:5px;stroke-linejoin:round}.idea-address__corners{fill:var(--color-surface);stroke:var(--color-brand-700);stroke-width:3px}.idea-address__house{fill:var(--color-sand);stroke:var(--color-stone);stroke-width:2px}.idea-address__roof{fill:none;stroke:var(--color-stone);stroke-width:1.5px}.idea-address__path{fill:var(--color-sand-light);stroke:var(--color-stone)}.idea-address__map text{font:550 20px var(--font-ui);fill:var(--color-brand-950)}.idea-address__house-label{paint-order:stroke;stroke:var(--color-sand);stroke-width:8px;stroke-linejoin:round}.idea-films-story .idea-address__status{text-align:center;color:var(--color-brand-900);margin:0;font-size:.875rem}@media (max-width:650px){#idee-property .idea-film__stage{aspect-ratio:4/5}.idea-address{padding-inline:0}.idea-address__example{max-width:32ch}}.idea-sun-times button{padding:var(--space-2) 0;min-height:44px;font:inherit;color:var(--color-brand-700);cursor:pointer;text-align:left;background:0 0;border:0}.idea-sun-times button:last-child{text-align:right}.idea-sun-times button span{color:var(--color-text-secondary);display:block}.idea-films-story{padding-block:var(--space-8)}.idea-films-story>h2{margin-bottom:var(--space-6)}.idea-films-story .idea-films-story__copy h3{max-width:23ch}.idea-films-story__copy p{max-width:38ch;margin-block:var(--space-3)}.idea-films-story__media{width:100%;max-width:760px;margin-inline:auto}:is(.idea-film__stage,.idea-film__stage:has(.idea-diagram)){aspect-ratio:auto;width:100%;height:440px}#idee-drawings .idea-film__stage{height:460px}#idee-construction .idea-film__stage{height:340px}#idee-material .idea-film__stage{height:400px}#idee-diy .idea-film__stage{height:360px}.idea-film video{aspect-ratio:auto;height:400px}.idea-film__transport{margin-top:0}.idea-films-story__interactive{margin-top:var(--space-2)}.idea-plan-sequence--measured .idea-measured-plan{height:calc(100% - 84px);position:absolute;top:40px}.idea-plan-sequence__label{font-size:.8125rem;top:0;left:0}#idee-drawings .idea-film__scene-control{bottom:0;right:0}.idea-audience{gap:var(--space-8);padding-block:var(--space-8);border-top:1px solid var(--color-border);grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);display:grid}.idea-audience h2{max-width:18ch}.idea-audience>div>p{max-width:36ch;margin-top:var(--space-4)}.idea-audience details{border-bottom:1px solid var(--color-border)}.idea-audience summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4);cursor:pointer;min-height:48px;font-weight:var(--font-weight-medium);color:var(--color-brand-900);list-style:none;display:flex}.idea-audience summary::-webkit-details-marker{display:none}.idea-audience summary svg{flex-shrink:0}.idea-audience details[open] summary svg{transform:rotate(45deg)}.idea-audience details p{margin-bottom:var(--space-2);max-width:65ch}.idea-audience .text-link{margin-bottom:var(--space-3);font-size:.875rem}@media (max-width:900px){.idea-audience{gap:var(--space-6);grid-template-columns:1fr}.idea-audience h2,.idea-audience>div>p{max-width:40ch}.idea-films-story .why-visual-chapter{padding-block:var(--space-6);gap:var(--space-3)}.idea-films-story__copy .section-label{margin-bottom:var(--space-1)}}@media (max-width:650px){#idee-property .idea-film__stage{aspect-ratio:auto;height:390px;min-height:24rem}#idee-drawings .idea-film__stage{aspect-ratio:auto;height:310px}#idee-construction .idea-film__stage{height:280px}#idee-material .idea-film__stage{height:350px}#idee-diy .idea-film__stage{height:250px}.idea-film video{height:260px}}.idea-address__dimensions path{fill:none;stroke:var(--color-brand-900);stroke-width:3px}.idea-address__dimensions rect{fill:var(--color-bg)}.idea-address__map .idea-address__dimensions text{font:550 34px var(--font-ui);fill:var(--color-brand-950)}.idea-address__dimension-summary{bottom:var(--space-2);text-align:center;overflow-wrap:anywhere;width:100%;padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-brand-950);font-variant-numeric:tabular-nums;font-size:.875rem;position:absolute;left:0}.idea-address__model{height:calc(100% - 3rem)}.idea-address__dimension-summary{bottom:0}.idea-films-story .idea-address__status{max-width:100%}.idea-material-sequence{flex-direction:column;align-items:center;height:100%;display:flex}.idea-films-story .idea-material-sequence__phase{text-align:center;max-width:100%;min-height:2.8em;color:var(--color-text-secondary);margin:0;font-size:.875rem}.idea-material-sequence>svg{flex:1;width:100%;min-height:0;display:block;overflow:visible}.idea-material-sequence__outline{fill:var(--color-sand-light);stroke:var(--color-border-strong);stroke-width:1px}.idea-material-sequence__measures path{fill:none;stroke:var(--color-brand-700);stroke-width:1.5px}.idea-material-sequence__measures text{fill:var(--color-brand-950);font:550 19px var(--font-ui)}.idea-material-sequence__quantities{justify-content:center;gap:clamp(40px,8vw,100px);width:100%;display:flex}.idea-material-sequence__quantities>div{text-align:center;flex-direction:column;min-width:100px;display:flex}.idea-material-sequence__quantities strong{font:600 clamp(1.5rem, 3vw, 2rem) var(--font-display);color:var(--color-brand-950);font-variant-numeric:tabular-nums}.idea-material-sequence__quantities span{color:var(--color-text-secondary);font-size:.875rem}.idea-films-story .idea-material-sequence__formula{margin:var(--space-2) 0 0;text-align:center;font-variant-numeric:tabular-nums;max-width:100%;padding-bottom:40px;font-size:.875rem}