/* Homepage adaptation of the approved product-page family. */

.home-site{--hc-home-h1:4.5rem;--hc-home-h2:2.75rem;--hc-home-h3:1.625rem}
.home-site h1,.home-site h2{font-family:var(--hc-font-heading);font-weight:400;letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:manual}
.home-site h2{font-size:var(--hc-home-h2);line-height:1.13;color:var(--hc-color-graphite)}
.home-site h3{font-family:var(--hc-font-heading);font-size:var(--hc-home-h3);line-height:1.2;font-weight:400;letter-spacing:normal}
.home-site strong{font-weight:700}
.home-site .hero{height:auto;min-height:min(calc(100svh - var(--hc-header-height, 6.5rem)), 900px);padding-block:5rem;display:flex;align-items:center}
.home-site .hero>.shell{width:100%}
/* Center the content group on desktop only; preserve tablet/mobile spacing. */
@media(min-width:60.001rem){.home-site .hero>.shell{height:auto;min-height:0;padding-block:0;align-items:center}}
.home-site .hero h1{font-size:var(--hc-home-h1);line-height:1.06;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.home-site .hero-copy{max-width:35rem}
.home-site .hero-copy p{max-width:32rem;font-size:var(--hc-hero-intro-size);line-height:var(--hc-hero-intro-leading);color:#eef0ef}
.home-site .hero .hero-cta{margin-top:4rem}
.home-site .intro{padding-block:var(--hc-family-section-space)}
.home-site .intro p{color:var(--hc-color-muted)}
.home-site .product{margin-inline:0;border-radius:0;background:var(--hc-surface-dark)}
.home-site .product::before,.home-site .footer-v5::before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) .0625rem,transparent .0625rem,transparent .25rem)}
.home-site .product-inner{max-width:var(--hc-content-width);padding:var(--hc-family-section-space) var(--hc-gutter);margin-inline:auto}
.home-site .product h2,.home-site .footer-v5 h2{color:#f4f5f4}
.home-site .product p{color:#dce0de}
.home-site .models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:2rem}
.home-site .models>.home-model-link{padding:1.25rem;border:0;border-radius:var(--hc-radius-compact);background:var(--hc-tertiary-light);color:var(--hc-color-graphite);transition:background .18s}
.home-site .models>.home-model-link:nth-child(2){background:var(--hc-secondary-light)}
.home-site .models strong{font-family:var(--hc-font-heading);font-size:2.5rem;font-weight:400}
.home-site .models p{color:var(--hc-color-graphite);margin: .5rem 0 0;max-width:none;font-size:1rem}
.home-site .models>.home-model-link:hover{background:var(--hc-tertiary-semi-light)}
.home-site .models>.home-model-link:nth-child(2):hover{background:var(--hc-secondary-semi-light)}
.home-site .product-bottom{margin-top:3rem;color:#dce0de}
.home-site .product-bottom span{color:inherit}
.home-site .benefits{padding-block:var(--hc-family-section-space) var(--hc-family-section-gap)}
.home-site .benefits__heading{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-bottom:3rem}
.home-site .benefits__heading h2{margin:0}
.home-site .benefits__heading p{max-width:32rem}
.home-site .benefits__item{padding-block:1.5rem;padding-inline:1rem;position:relative;isolation:isolate}
.home-site .benefits__item::before{content:'';position:absolute;inset:0 -.875rem;z-index:-1;border-left:.3125rem solid transparent;transition:background .18s,border-color .18s}
.home-site .benefits__item:hover::before,.home-site .benefits__item:focus-within::before{background:#F7F5E8;border-color:#B3A578}
.home-site .solution{padding-block:0 var(--hc-family-section-gap)}
.home-site .solution-head{margin-bottom:3rem}
.home-site .bento-main{background:var(--hc-surface-dark);color:#f4f5f4}
.home-site .bento-main p{color:#dce0de}
.home-site .bento-main img{display:block;width:100%;height:auto;flex-shrink:0;mix-blend-mode:normal;object-fit:contain;object-position:center}
.home-site .bento-air{background:var(--hc-secondary-light)}
.home-site .bento-heat{background:var(--hc-tertiary-light)}
.home-site .bento-air p,.home-site .bento-heat p{color:var(--hc-color-graphite)}
.home-site .planning-v5{padding-block:var(--hc-family-panel-space);margin-bottom:var(--hc-family-section-gap);position:relative;isolation:isolate}
.home-site .planning-v5::before{content:'';position:absolute;inset:0 var(--hc-gutter);z-index:-1;background:var(--hc-surface-info);border-radius:var(--hc-radius-panel)}
.home-site .planning-v5>h2{padding-left:2rem}
.home-site .planning-v5>div{padding-right:2rem}
.home-site .planning-v5 p{color:var(--hc-color-muted)}
.home-site .footer-v5{background:var(--hc-surface-dark)}
.home-site .footer-contact{padding-block:var(--hc-family-section-space)}
.home-site .footer-bottom{padding-block:3rem}
.home-site .footer-contact h2{font-size:var(--hc-home-h2);line-height:1.13}
@media(max-width:60rem){
 .home-site{--hc-home-h1:3.5rem;--hc-home-h2:2.5rem}
 .home-site .hero{padding-block:4rem;min-height:36rem}
 .home-site .benefits__heading{gap:2rem}
 .home-site .product-grid{gap:3rem}
 .home-site .planning-v5>h2{padding-left:1.25rem}
 .home-site .planning-v5>div{padding-right:1.25rem}
}
@media(max-width:40rem){
 .home-site{--hc-home-h1:3rem;--hc-home-h2:2.125rem;--hc-home-h3:1.5rem}
 .home-site .hero{padding-block:3.5rem;min-height:34rem}
 .home-site .benefits__heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
 .home-site .models{grid-template-columns:1fr}
 .home-site .planning-v5{gap:1.5rem}
 .home-site .planning-v5>h2,.home-site .planning-v5>div{padding-inline:1.25rem}
 .home-site .footer-bottom{padding-block:2.5rem}
}
@media(prefers-reduced-motion:reduce){.home-site *, .home-site *::before{transition:none!important}}

/* Technical micro-headings share the product specification label style. */
.home-site .benefits__item h3{font-family:var(--hc-font-body);font-size:.875rem;font-weight:700;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem}
.home-site .bento-air,.home-site .bento-heat{border-radius:var(--hc-radius-support)}
.home-site .bento-main{border-radius:var(--hc-radius-panel)}


/* Compact version of the product-page model identifier. */


.home-site .home-model-heading{display:flex;align-items:center;gap:.75rem}
.home-site .home-model-heading strong{font-family:var(--hc-font-heading);font-size:2.5rem;font-weight:500;line-height:1}
.home-site .home-model-number{position:relative;display:grid;place-items:center;flex:none;width:2rem;height:1.732rem;color:var(--hc-color-graphite);font:700 1rem/1 var(--hc-font-heading)}
.home-site .home-model-number svg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor}
.home-site .home-model-number>span{position:relative;color:var(--hc-tertiary-light)}
.home-site .models>.home-model-link:nth-child(2) .home-model-number>span{color:var(--hc-secondary-light)}
.home-site .models>.home-model-link:hover .home-model-number>span{color:var(--hc-tertiary-semi-light)}
.home-site .models>.home-model-link:nth-child(2):hover .home-model-number>span{color:var(--hc-secondary-semi-light)}

/* A clearer, slightly larger signature on the light introduction surface. */
.home-site .intro .mark{stroke:#DCDEDD;stroke-width:1.3;width:35.5rem}
@media(max-width:75rem){.home-site .intro .mark{width:38%}}
@media(max-width:60rem){.home-site .intro .mark{width:31%}}
@media(max-width:40rem){.home-site .intro .mark{width:76%;max-width:21.5rem}}

/* Side-by-side section introductions share a bottom edge. */
@media(min-width:40.001rem){
 .home-site .benefits__heading{align-items:end}
 .home-site .benefits__heading>h2,
 .home-site .benefits__heading>p{margin-block-end:0}
}

/* One continuous graphite surface behind the photograph and text. */
.home-site .bento-main>div{background:transparent;flex:1}

/* Keep the headline on a calm graphite field; shift the photograph right. */
.home-site .hero{overflow:hidden}
.home-site .hero-photo{inset:0;transform:translateX(8vw)}
.home-site .shade{background:linear-gradient(90deg,#242626 0%,#242626 28%,rgba(36,38,38,.94) 40%,rgba(36,38,38,.5) 55%,transparent 78%),linear-gradient(0deg,rgba(36,38,38,.75),transparent 24%)}
@media(max-width:60rem){
 .home-site .hero-photo{transform:translateX(5vw)}
 .home-site .shade{background:linear-gradient(90deg,#242626 0%,rgba(36,38,38,.94) 40%,rgba(36,38,38,.6) 75%,rgba(36,38,38,.4)),linear-gradient(0deg,#242626,transparent 38%)}
}



@media(max-width:40rem){.home-site .hero .hero-cta{margin-top:3rem}}

/* Rounded original mask, repeated with a consistent outline. */
.home-site .intro .mark{aspect-ratio:166/100;stroke-linejoin:round}

/* Secondary hero action: stable geometry and native in-page scrolling. */
.home-site .hero-scroll{display:flex;align-items:center;gap:.625rem;width:fit-content;margin-top:1.5rem;padding-block:.25rem;color:#eef0ef;font-size:1rem;font-weight:500;line-height:1.5}
.home-site .hero-scroll span{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.home-site .hero-scroll svg{width:1rem;height:1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.home-site .hero-scroll:hover{color:#fff}

/* Solutions share the preceding section gap; reserve it when navigating by anchor too. */
.home-site #ratkaisut{scroll-margin-top:clamp(3rem,6vw,6rem)}

/* Keep the benefits link and Finnish origin mark together without hover reflow. */
.home-site .intro-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}

/* Trial: model badges follow each card material colour. */
.home-site .models>.home-model-link:first-child .home-model-number,
.home-site .models>.home-model-link:first-child .home-model-heading strong{color:#70422E}
.home-site .models>.home-model-link:nth-child(2) .home-model-number,
.home-site .models>.home-model-link:nth-child(2) .home-model-heading strong{color:#1B554E}

/* Dark footer trial; retain the original red logo and its approved size. */
.footer-dark-lower{background:transparent;color:#F7F7F5}
.footer-dark-lower .footer-bottom{border-top:1px solid #535858}
.footer-dark-lower .footer-columns a{color:#DCE0DE}
.footer-dark-lower .footer-columns a:hover,.footer-dark-lower .footer-columns a:focus-visible{color:#FFFFFF}
.footer-v5 .footer-dark-lower .footer-legal{color:#D4D8D5;border-top-color:#535858}
.footer-v5 .footer-dark-lower .footer-legal a{color:#DCE0DE}
.footer-v5 .footer-dark-lower .footer-legal a[href]:hover,.footer-v5 .footer-dark-lower .footer-legal a:focus-visible{color:#FFFFFF}

/* Prominent original logo, same size as the light footer. */
.footer-dark-lower .footer-bottom{flex-wrap:wrap}
.footer-dark-lower .footer-brand{flex:0 1 auto;width:13.40625rem;max-inline-size:100%}
.footer-dark-lower .footer-brand .logo{display:block;width:100%;max-width:100%;height:auto}
@media(min-width:60.001rem) and (max-width:75rem){.footer-dark-lower .footer-brand{width:11.55rem}}
@media(max-width:60rem){.footer-dark-lower .footer-brand{width:10.5rem}}
/* Shared footer geometry and surface match the approved product page. */
.home-site .footer-v5{background:#202323}
.home-site .footer-v5::before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) .0625rem,transparent .0625rem,transparent .25rem),linear-gradient(to top,#202323,#242626)}
.home-site .footer-contact{padding:var(--hc-space-68) 0 var(--hc-space-60)}
.home-site .footer-bottom{padding:var(--hc-space-36) 0 var(--hc-space-45)}
.home-site .footer-contact h2{font-size:var(--hc-heading-footer);line-height:1.12}
.home-site .home-range{padding-block:var(--hc-family-section-space);scroll-margin-top:2rem}
.home-range__heading{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:2.5rem}
.home-range__heading h2,.home-range__heading p{margin:0}
.home-range__heading p,.home-range__grid p{color:var(--hc-color-muted);max-width:38rem}
.home-range__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem;margin-bottom:1.5rem}
.home-range__grid article{padding-block:2rem;border-top:1px solid #D7DCDC;min-width:0}
.home-range__grid h3{margin:0 0 1rem}
.home-range__grid .hex-button{max-inline-size:100%;white-space:normal}.home-range__grid .hex-button span{min-inline-size:0;overflow-wrap:anywhere}
.home-range__grid ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.home-site .home-range+.benefits{padding-top:0}
.home-site .hero-scroll{margin-top:2rem}
.home-site .benefits__item:hover::before,.home-site .benefits__item:focus-within::before{background:var(--hc-surface-neutral);border-color:#A0B0B8}
@media(max-width:60rem){.home-range__heading,.home-range__grid{gap:0 2rem}}
@media(max-width:40rem){.home-range__heading,.home-range__grid{grid-template-columns:minmax(0,1fr)}.home-range__heading{gap:1.5rem}.home-range__grid article{padding-block:1.5rem}.home-site .footer-bottom{padding-block:2rem}}

/* Native whole-card links to the corresponding product sections. */
.home-site .home-model-link{display:block;min-inline-size:0}
.home-site .home-model-link:focus-visible{outline:3px solid #fff;outline-offset:5px}
.home-site .home-model-link:is(:hover,:focus-visible) .home-model-heading strong{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:2px}

/* Technical benefits precede product selection. */
.home-site .intro+.benefits{padding-top:0}
.home-site .benefits>.hex-button{margin-top:2rem}

/* Contextual routes to solutions and planning, with stable section spacing. */
.home-site .home-section-action{margin-top:2rem}
.home-site .planning-v5 .home-planning-contact{margin:1.25rem 0 0}
.home-planning-contact .hero-cta{max-inline-size:100%;white-space:normal;text-decoration:none}.home-planning-contact .hero-cta span{min-inline-size:0;overflow-wrap:anywhere}
.home-site .benefits__item p+p{margin-top:1rem}

/* Use-case introduction now covers the full technology before product selection. */
.home-site .solution-head{max-width:56rem}

/* Draft evidence slot, replaced when the client supplies approved material. */
.home-site .home-evidence-placeholder{margin-block:0 clamp(4rem,8vw,7rem);margin-inline:auto;padding:clamp(1.5rem,4vw,3rem);border-radius:1rem;background:#F7F5E8;color:var(--hc-color-graphite)}
.home-site .home-evidence-placeholder__label{font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 1rem}
.home-site .home-evidence-placeholder h2{margin:0 0 1.25rem}
.home-site .home-evidence-placeholder p:last-child{max-width:65ch;margin:0;line-height:1.65}

/* Mobile hero spacing belongs to the section, not both nested containers. */
@media(max-width:60rem){
 .home-site .hero{min-height:0;padding-block:3rem}
 .home-site .hero>.shell{height:auto;min-height:0;padding-block:0;align-items:center}
}
@media(max-width:40rem){.home-site .hero{padding-block:2.5rem 3rem}}

/* Panel edges align with the content inside .solution.shell, including its responsive gutters. */
.home-site .benefits.benefits--emphasis,
.home-site .home-evidence-placeholder{
 inline-size:calc(100% - var(--hc-gutter) - var(--hc-gutter));
 max-inline-size:calc(var(--hc-content-width) - var(--hc-gutter) - var(--hc-gutter));
 margin-inline:auto;
}

/* Product family navigation follows the shared four-card bento. */
main#main-content .home-range__grid.content-bento{margin-block-end:2rem}
main#main-content .home-range__grid.content-bento ul{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:0}
main#main-content .home-range__grid.content-bento>article>.hex-button{margin-block-start:auto}
main#main-content .home-range__grid.content-bento h3{max-inline-size:30ch}

/* Softer blue and linen accents for the homepage product family cards. */
main#main-content .home-range__grid.content-bento>:first-child{--bento-surface:var(--hc-surface-info);background:var(--hc-surface-info)}
main#main-content .home-range__grid.content-bento>:last-child{--bento-surface:#F7F5E8;background:#F7F5E8}