.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.trial{font-size:11px;letter-spacing:.1em;color:#ddfa8f}.home-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;padding:65px 0}.home-hero h1{font-size:58px;max-width:740px}.home-hero p:not(.eyebrow){max-width:570px;color:#53665a}.hero-aside{border-radius:22px;background:#e7eddf;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:14px}.hero-aside p{font-size:10px;letter-spacing:.1em}.hero-aside strong{font-size:27px;line-height:1.3}.hero-aside a{color:var(--ink);margin-top:15px}.house{font-size:100px;line-height:1;color:#56724b}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{padding:25px;min-height:165px}.status{display:inline-block;font-size:10px;background:#e2f3ce;color:#365122;padding:4px 8px;border-radius:20px}.pending{background:#eee;color:#555}.placeholder{background:#f4f5f1}.secondary{background:#eef3e7}.calculator-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:30px}.calculator-layout form,.estimate{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.calculator-layout h2{font-size:21px;margin:0 0 25px}.estimate{background:#ddfa8f}.estimate strong{font-size:38px;line-height:1.3;display:block;overflow-wrap:anywhere}.estimate p{font-size:14px}.calc-detail{border-top:1px solid #b4c890;padding-top:15px;margin-top:22px}#calc-error{color:#9a2318}.resource-section>p{max-width:850px}.guide-cta{margin-top:15px}.site-nav a{color:#43564a}a:hover{text-decoration:underline}.resource-card:hover{text-decoration:none}input:focus-visible{outline:3px solid #7760dc;outline-offset:2px}.resource-arrow{display:none}@media(max-width:850px){.home-hero{gap:25px}.home-hero h1{font-size:43px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.home-hero{grid-template-columns:1fr;padding:32px 0}.home-hero h1{font-size:38px}.hero-aside{padding:24px}.house{font-size:65px}.resource-grid,.calculator-layout{grid-template-columns:1fr}.calculator-layout form,.estimate{padding:22px}.fields{grid-template-columns:1fr}.trial{font-size:9px}.brand .brand-wordmark{font-size:18px}.article-heading h1{overflow-wrap:anywhere}}
/* Architectural scroll story, using the existing green / lime identity. */
.house-story{position:relative;margin:0 calc(-1 * 36px);height:auto;background:#f2f4eb}.house-sticky{position:relative;min-height:720px;display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:20px;padding:45px 36px 85px;overflow:hidden}.story-copy{position:relative;z-index:2}.story-copy h1{font-size:clamp(38px,4.3vw,64px);line-height:1.06;letter-spacing:-2.5px}.story-copy h1 span{color:#6c8254}.story-intro{font-size:16px;line-height:1.8;color:#596b59;max-width:430px;margin:24px 0 10px}.scroll-cue{font-size:11px;max-width:250px;color:#5a6f55;margin-top:32px;display:flex;gap:12px;align-items:center}.scroll-cue>span{border:1px solid #a9b79b;border-radius:25px;padding:8px 12px;font-size:20px}.house-visual{min-width:0;position:relative;align-self:center}.house-visual:before{content:"";position:absolute;inset:8% 0 0;border-radius:50%;background:radial-gradient(ellipse,#e2e9d3 0,transparent 68%);pointer-events:none}.scene-topline,.scene-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1.6px;color:#607257}.scene-topline{padding:0 20px}.house-svg{display:block;width:115%;max-width:none;margin:0 -7.5%;height:auto;overflow:visible}.house-roof,.wall-left,.wall-right{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.scene-caption{font-size:10px;letter-spacing:.04em;padding:0 20px}.scene-dot{width:7px;height:7px;border-radius:50%;background:#6b8756;flex-shrink:0}.scene-progress{flex:1;height:2px;background:#d3ddc7;margin-left:20px}.scene-progress i{display:block;height:100%;background:#5b7745;transform:scaleX(0);transform-origin:left}.story-bottom{position:absolute;bottom:24px;left:36px;right:36px;display:flex;align-items:center;gap:24px;border-top:1px solid #ced8c4;padding-top:17px}.story-bottom p{font-size:14px;font-weight:600;margin:0;flex:1}.story-bottom a{font-size:12px;color:#3e583a;text-underline-offset:5px}.story-bottom .skip-story{font-size:10px;color:#627258}.house-motion-ready .house-story{height:240vh;height:240svh}.house-motion-ready .house-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:580px}.measure-lines{opacity:0}#herramientas-hogar{scroll-margin-top:20px}.house-story:has(:focus-visible) .story-bottom{z-index:4}
@media(min-width:1240px){.house-story{margin:0 calc((1168px - 100vw)/2);padding:0 max(0px,calc((100vw - 1240px)/2))}.house-sticky{padding-left:36px;padding-right:36px}}
@media(max-width:850px){.house-sticky{grid-template-columns:1fr;gap:0;padding-top:24px;padding-bottom:85px;align-content:center}.story-copy h1{font-size:39px;letter-spacing:-1.5px}.story-copy h1 br{display:none}.story-intro{font-size:13px;max-width:560px;line-height:1.6;margin:12px 0}.story-copy .guide-cta{padding:10px 16px;font-size:12px;margin-top:0}.scroll-cue{position:absolute;right:0;bottom:-10px;font-size:9px;max-width:180px;margin:0}.scroll-cue>span{padding:3px 8px;font-size:16px}.house-visual{width:min(100%,520px);margin:20px auto 0}.house-svg{width:100%;margin:-30px 0 -25px}.scene-topline{font-size:8px}.story-bottom{flex-wrap:wrap;gap:10px}.story-bottom p{font-size:12px;flex-basis:100%}.story-bottom .skip-story{margin-left:auto}.house-motion-ready .house-story{height:220svh}.house-motion-ready .house-sticky{min-height:720px}.scene-caption{padding:0}}
@media(max-width:680px){.house-story{margin:0 -18px}.house-sticky{padding:24px 18px 100px}.story-copy h1{font-size:34px}.story-copy .eyebrow{font-size:9px;letter-spacing:.1em}.story-intro{font-size:12px}.scroll-cue{max-width:142px;bottom:-5px}.house-visual{margin-top:30px}.house-svg{margin:-15px 0 -15px}.scene-topline{padding:0}.story-bottom{left:18px;right:18px;bottom:20px}.house-motion-ready .house-sticky{min-height:650px}}
@media(max-height:700px) and (min-width:851px){.story-copy h1{font-size:43px}.house-svg{max-height:480px}.house-sticky{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.house-motion-ready .house-story{height:auto}.house-motion-ready .house-sticky{position:relative;height:auto;min-height:0}.scroll-cue{display:none}.house-roof,.wall-left,.wall-right{opacity:0!important;transform:none!important;will-change:auto}.measure-lines{opacity:1!important}.house-svg{overflow:hidden}}
.house-svg{position:relative}.story-copy h1 br:after{content:" "}
@media(max-width:850px){.story-copy h1 span:before{content:" "}}
@media(max-height:720px) and (max-width:850px){.house-visual{width:min(100%,370px);margin-top:15px}.story-intro{margin:8px 0}.story-copy h1{font-size:30px}.scene-topline{display:none}.scroll-cue{display:none}.house-motion-ready .house-sticky{min-height:620px}}
/* Edition 02 — architectural editorial. Scope leaves calculator layouts intact. */
.editorial-home{background:#f4f1ea;color:#292e28}.editorial-home header{background:#f4f1ea;color:#292e28;border-bottom:1px solid #d5d2c8;height:82px;padding:0 4.5%}.editorial-home header .brand-wordmark{color:#292e28;font-size:21px;letter-spacing:-.8px}.editorial-home header .brand-mark{width:38px;height:38px;background:#263c2c;border-radius:5px;padding:4px}.editorial-home .trial{color:#667057;font-size:9px;letter-spacing:.13em}.editorial-home .site-nav{max-width:none;padding:13px 4.5%;background:#f4f1ea;gap:30px;border:0}.editorial-home .site-nav a{font-size:12px}.editorial-home main{max-width:none;padding:0}.architecture-story{background:#e9e3d8;position:relative}.architecture-sticky{position:relative;height:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.architecture-ready .architecture-story{height:250svh}.architecture-ready .architecture-sticky{position:sticky;top:0;height:100svh;min-height:660px}.architecture-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;padding:32px 6% 10px;position:relative;z-index:2;background:#eee9df}.architecture-heading .eyebrow{color:#656957;font-size:9px;letter-spacing:.15em;margin-bottom:14px}.architecture-heading h1{font:400 clamp(52px,5.1vw,82px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-3px}.architecture-heading h1 br{display:none}.architecture-heading h1 em{font-weight:400;color:#5c6a45}.architecture-intro{display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-content:center}.architecture-intro>p:first-child{font-size:16px;line-height:1.45;margin:0}.architecture-description{font-size:12px;line-height:1.7;color:#626658;max-width:250px;margin:0}.editorial-link{font-size:12px;color:inherit;text-decoration:none;border-bottom:1px solid #7d826d;padding:9px 0;display:inline-flex;gap:25px;justify-content:space-between;align-items:center;width:fit-content}.architecture-intro .editorial-link{grid-column:1/-1}.editorial-link:hover{border-color:#202d20}.architecture-canvas{position:relative;isolation:isolate;width:100%;min-height:390px;aspect-ratio:2.2;background:#e9e3d8;overflow:hidden}.architecture-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.frame-roofless,.frame-interior{opacity:0}.frame-exterior{z-index:0}.frame-roofless{z-index:1}.frame-interior{z-index:2}.architecture-image-note{position:absolute;z-index:3;left:6%;top:20px;font-size:8px;letter-spacing:.12em;writing-mode:vertical-rl;color:#66705b}.architecture-scroll{position:absolute;z-index:3;right:5%;bottom:24px;font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:20px;color:#4d5844}.architecture-scroll>span{font-size:25px}.architecture-footer{position:relative;z-index:4;display:flex;gap:35px;align-items:center;background:#27362c;color:#f5f0e6;padding:19px 6%;min-height:70px}.architecture-phase{display:flex;align-items:center;gap:18px;min-width:310px}.architecture-phase>span{font:italic 27px Georgia,serif;color:#bdc99a}.architecture-phase p{margin:0;font-size:12px}.architecture-track{height:1px;background:#65715d;flex:1}.architecture-track i{display:block;height:2px;background:#c5d39c;transform:scaleX(0);transform-origin:left}.architecture-footer>a{color:#eeeee2;font-size:11px;text-decoration:none;white-space:nowrap}.architecture-footer>a span{margin-left:25px}.architecture-hotspots{position:absolute;inset:0;z-index:4;opacity:0;visibility:hidden;transition:opacity .3s;pointer-events:none}.architecture-hotspots.is-visible{opacity:1;visibility:visible}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;background:#f7f4eced;box-shadow:0 4px 25px #252e2525;padding:7px 12px 7px 7px;text-decoration:none;color:#233626;font-size:11px;pointer-events:auto;backdrop-filter:blur(8px)}.hotspot>span{background:#283d2f;color:white;display:grid;place-items:center;width:24px;height:24px;font-size:16px}.hotspot-paint{left:37%;top:36%}.hotspot-floor{left:40%;top:66%}.hotspot-build{left:61%;top:43%}.home-directory{padding:100px 6%;display:grid;grid-template-columns:1fr 1.4fr;gap:70px;scroll-margin-top:25px}.directory-heading h2,.toolkit-heading h2,.outdoor-editorial h2{font:400 clamp(38px,4vw,59px)/1.08 Georgia,serif;letter-spacing:-1.8px;margin:18px 0 25px}.directory-heading>p:last-child{max-width:260px;font-size:14px;line-height:1.8;color:#707264}.category-list{border-top:1px solid #9caa91}.category-list>a{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #d1d3c7;text-decoration:none;color:#29382a;transition:padding .2s,background .2s}.category-list>a:hover{padding-left:10px;background:#e8eadd}.category-number{font:12px Georgia,serif;color:#7c826e}.category-list h3{font:400 24px Georgia,serif;letter-spacing:-.5px;margin:0;flex:1}.category-detail{font-size:10px;color:#747a68}.home-toolkit{padding:70px 6% 90px;background:#e8e8dd}.toolkit-heading{display:grid;grid-template-columns:1fr 1.2fr;column-gap:60px;align-items:end;margin-bottom:32px}.toolkit-heading .eyebrow{grid-column:1/-1}.toolkit-heading h2{margin:0}.toolkit-heading>p:last-child{max-width:320px;font-size:13px;line-height:1.8;color:#686d5c}.editorial-home .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.editorial-home .resource-card{background:none;border:0;border-top:1px solid #bdc4ae;border-radius:0;min-height:0;padding:23px 35px 23px 0;position:relative}.editorial-home .resource-card:hover{background:#dce1cf}.editorial-home .resource-card h3{font:400 25px Georgia,serif;margin:8px 0;letter-spacing:-.5px}.editorial-home .resource-card p{font-size:12px;color:#67705c;max-width:370px}.editorial-home .status{border:0;padding:0;background:none;border-radius:0;color:#61734e;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.editorial-home .resource-arrow{display:block;top:35px;right:8px;font-size:22px;color:#61734e}.outdoor-editorial{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;background:#28372c;color:#f3eedf;padding:85px 6%}.outdoor-editorial .eyebrow{color:#bcc8a3}.outdoor-editorial h2 em{color:#c2d09d}.outdoor-editorial>div>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:340px;color:#c0c6b8}.outdoor-editorial .editorial-link{color:#e5e8d7;border-color:#7e8b6d;margin-top:18px}.outdoor-links>a{display:block;position:relative;padding:30px 0;border-top:1px solid #68765c;color:inherit;text-decoration:none}.outdoor-links>a:last-child{border-bottom:1px solid #68765c}.outdoor-links>a>span{font-size:9px;color:#bcc8a3;letter-spacing:.15em}.outdoor-links h3{font:400 31px Georgia,serif;margin:12px 0}.outdoor-links p{font-size:11px;color:#bdc7b4}.outdoor-links b{position:absolute;right:0;top:55px;font-size:27px;font-weight:400}.trial-note{padding:22px 6%;margin:0;color:#6c705f;font-size:10px}.editorial-home footer{padding:25px 6%;background:#f4f1ea}.editorial-home a:focus-visible{outline:3px solid #7c8a4d;outline-offset:5px}
@media(min-width:1600px){.architecture-heading{padding-top:45px}.architecture-heading h1{font-size:90px}.architecture-canvas{max-height:800px}}
@media(max-width:1050px){.architecture-heading{grid-template-columns:1.1fr 1fr}.architecture-intro{display:block}.architecture-intro>p:first-child{font-size:14px}.architecture-description{display:none}.architecture-intro .editorial-link{margin-top:10px}.architecture-heading h1{font-size:55px}.category-detail{display:none}.home-directory{gap:40px}.architecture-phase{min-width:240px}.architecture-canvas{min-height:330px}.outdoor-editorial{gap:40px}}
@media(max-width:650px){.editorial-home header{height:68px;min-height:68px;padding:0 20px}.editorial-home header .brand-wordmark{font-size:18px}.editorial-home .trial{font-size:7px}.editorial-home .site-nav{padding:13px 20px;gap:23px}.architecture-heading{padding:26px 20px 12px;grid-template-columns:1fr;gap:18px}.architecture-heading h1{font-size:55px;letter-spacing:-2px}.architecture-heading h1 br{display:block}.architecture-heading .eyebrow{font-size:7px;margin-bottom:15px}.architecture-intro{display:flex;align-items:end;justify-content:space-between;gap:10px}.architecture-intro>p:first-child{font-size:12px}.architecture-intro .editorial-link{font-size:10px;margin:0;gap:10px}.architecture-canvas{min-height:280px;aspect-ratio:auto}.architecture-frame{object-fit:cover;object-position:50% 50%}.architecture-image-note{font-size:6px;left:12px;top:12px}.architecture-scroll{font-size:6px;right:15px;bottom:15px}.architecture-footer{padding:15px 20px;gap:12px;flex-wrap:wrap;min-height:90px}.architecture-phase{min-width:0;flex:1;gap:10px}.architecture-phase p{font-size:10px}.architecture-phase>span{font-size:23px}.architecture-track{flex-basis:100%;order:3}.architecture-footer>a{font-size:9px}.architecture-footer>a span{margin-left:5px}.architecture-ready .architecture-sticky{min-height:640px}.architecture-ready .architecture-story{height:235svh}.home-directory{padding:60px 20px;grid-template-columns:1fr;gap:25px}.directory-heading h2,.toolkit-heading h2,.outdoor-editorial h2{font-size:41px}.directory-heading>p:last-child{max-width:310px;font-size:13px}.category-list>a{padding:20px 0;gap:15px}.category-list h3{font-size:23px}.home-toolkit{padding:50px 20px}.toolkit-heading{display:block}.toolkit-heading h2{margin:12px 0}.editorial-home .resource-grid{grid-template-columns:1fr}.editorial-home .resource-card{padding:22px 35px 22px 0}.editorial-home .resource-card h3{font-size:25px}.outdoor-editorial{padding:55px 20px;grid-template-columns:1fr;gap:40px}.outdoor-links h3{font-size:29px}.trial-note{padding:20px;font-size:9px}.hotspot{font-size:9px;padding:5px;gap:4px}.hotspot>span{width:20px;height:20px}.hotspot-paint{left:18%;top:30%}.hotspot-floor{left:25%;top:67%}.hotspot-build{left:64%;top:43%}}
@media(prefers-reduced-motion:reduce){.architecture-ready .architecture-story{height:auto}.architecture-ready .architecture-sticky{position:relative;height:auto;min-height:0}.architecture-canvas{height:55vw;min-height:300px}.frame-roofless{opacity:0!important}.frame-interior{opacity:1!important}.architecture-scroll{display:none}.architecture-hotspots{transition:none}.category-list>a{transition:none}}
.architecture-frame{mix-blend-mode:normal}.architecture-canvas{background:#eee9df}.architecture-heading h1 br:after{content:" "}
.hotspot{min-height:44px}.hotspot-floor{left:44%;top:51%}.hotspot-build{left:58%;top:36%}@media(max-width:650px){.hotspot{font-size:10px;min-height:44px}.hotspot-floor{left:32%;top:51%}.hotspot-build{left:65%;top:35%}}
@media(max-width:650px){.architecture-frame{object-fit:contain}.architecture-canvas{background:#e9e3d8}.hotspot-paint{left:20%;top:40%}.hotspot-floor{left:40%;top:54%}.hotspot-build{left:65%;top:42%}}