:root{--bg:#f2f5ef;--ink:#233f37;--accent:#396553;--soft:#dfe9dc;--display:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem;scrollbar-color:var(--accent) var(--soft)}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:white}.demo{padding:9px 5%;background:var(--ink);color:white;font-size:13px;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.wrap{max-width:1200px;margin:auto;padding:0 5%}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px}.brand{font-weight:800;font-size:24px;text-decoration:none;letter-spacing:-1px}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font:500 clamp(3rem,6.7vw,6.5rem)/1.05 var(--display);letter-spacing:-.05em}h1 em{font-weight:inherit;color:var(--accent)}h2{font:500 clamp(2rem,3.8vw,3.5rem)/1.15 var(--display);letter-spacing:-.035em}h3{font-size:22px;line-height:1.3}p{max-width:62ch}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:25px}.hero{padding:50px 0 65px;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.intro{font-size:19px;max-width:460px;margin:28px 0}.buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:var(--accent);color:white;text-decoration:none;border:0;border-radius:4px;cursor:pointer;font-weight:700;font-size:15px;transition:filter .2s}.btn:hover{filter:brightness(.88)}.visual{margin:0;position:relative}.visual img{width:100%;height:500px;object-fit:cover;display:block}.visual figcaption{font-size:12px;padding-top:10px}.note{font-size:14px;margin-top:25px}.ribbon{padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;font-size:14px}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-head p{max-width:330px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{padding:28px;background:var(--soft);border-radius:8px}.service p{margin-top:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px;background:var(--soft)}.about p{margin:20px 0}.bigquote{font:italic 40px/1.25 var(--display);align-self:center}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:70px 0}.contact h2{margin-bottom:25px}.contact p{margin:14px 0}.contact a{overflow-wrap:anywhere}footer{border-top:1px solid var(--ink);padding:25px 0;font-size:13px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}form{background:var(--soft);padding:30px;border-radius:8px}label{display:block;font-size:14px;font-weight:700;margin-top:16px}input,textarea{display:block;width:100%;border:1px solid #89939b;background:white;color:#192831;border-radius:4px;padding:12px;margin-top:5px}textarea{resize:none;min-height:130px}form .btn{margin-top:18px}form .explain{font-size:14px;line-height:1.6}.status{min-height:30px;font-size:14px}.error{color:#9b172e;font-size:14px;display:block;min-height:22px}.price-list{margin-top:30px}.price-list div{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #9cafa3}.suvi .visual img{border-radius:220px 220px 20px 20px}.suvi .brand{font-family:Georgia,serif;font-weight:400}.suvi h1{font-size:clamp(3rem,5.7vw,5.5rem)}.suvi .btn{border-radius:40px}.suvi .service{border-radius:60px 60px 8px 8px;padding-top:50px;text-align:center}.siivous .hero{position:relative;grid-template-columns:1fr 1fr}.siivous h1{font-weight:800;font-size:clamp(3rem,5.8vw,5.5rem)}.siivous h1 em{font-style:normal}.siivous .visual{transform:rotate(2deg)}.siivous .visual img{border-radius:18px}.siivous .service{background:white;border-bottom:5px solid var(--accent)}.siivous .ribbon{background:var(--accent);color:white;border:0;padding:25px;border-radius:8px}.takomo .hero{display:block;position:relative;padding:40px 0 0}.takomo .hero-text{position:relative;z-index:1;max-width:760px;padding-bottom:45px}.takomo h1{font-size:clamp(4rem,10vw,9rem);letter-spacing:-.025em}.takomo h1 em{font-style:normal}.takomo .visual{position:absolute;right:0;top:40px;width:47%;opacity:.8}.takomo .visual img{height:540px;filter:grayscale(1)}.takomo .intro{background:var(--bg);padding:12px 12px 12px 0}.takomo .hero-text .buttons{background:var(--bg);width:fit-content;padding:10px 20px 10px 0}.takomo .ribbon{margin-top:30px;font-weight:bold}.takomo .service{border-radius:0;border-top:4px solid var(--ink);background:transparent;padding-left:0}.takomo .brand{font-size:32px}.takomo .about{background:var(--ink);color:white}.takomo .about .btn{background:#bc4b27}.soile .hero{grid-template-columns:1fr 1fr;gap:12%}.soile .visual img{height:430px;border-radius:4px}.soile .hero-text{order:2}.soile .visual{order:1}.soile .services{grid-template-columns:1fr}.soile .service{display:grid;grid-template-columns:1fr 1.5fr;padding:25px 0;background:transparent;border-radius:0;border-bottom:1px solid #a9bbb0}.soile .service p{margin:0}.soile .about{background:var(--ink);color:white}.verneri h1{font-weight:800}.verneri h1 em{font-style:normal}.verneri .hero{grid-template-columns:1.2fr 1fr}.verneri .visual img{border-radius:0 110px 0 0;height:470px}.verneri .service{background:transparent;border-left:3px solid var(--accent);border-radius:0}.verneri .ribbon{border:0;background:var(--ink);color:white;padding:25px}.verneri .about{background:var(--accent);color:white}@media(max-width:760px){nav{gap:14px;font-size:13px}.brand{font-size:20px}header{flex-wrap:wrap}.hero,.soile .hero,.verneri .hero,.siivous .hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.soile .hero-text{order:0}.soile .visual{order:1}.visual img,.soile .visual img,.verneri .visual img{height:330px}.services{grid-template-columns:1fr}.section{padding:55px 0}.section-head,.ribbon{align-items:start;flex-direction:column;gap:15px}.section-head p{max-width:100%}.about,.contact{grid-template-columns:1fr;gap:25px}.about{padding:30px}.soile .service{grid-template-columns:1fr;gap:15px}.takomo .visual{position:relative;width:100%;top:0;opacity:1}.takomo .visual img{height:340px}.takomo .hero-text{padding-bottom:20px}.contact{padding:55px 0}.demo{font-size:12px}h1{overflow-wrap:normal}form{padding:22px}.bigquote{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared multi-page navigation and content; business tokens remain in :root. */
html{scrollbar-gutter:stable}header{align-items:center;flex-wrap:wrap}header nav{flex-wrap:wrap;gap:8px 22px}header nav a{padding:5px 0;border-bottom:2px solid transparent;font-size:14px}header nav a:hover,header nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}a:hover{color:var(--accent)}a.btn:hover{color:white}a:active,button:active{filter:brightness(.9)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;border-top:1px solid var(--soft);padding:20px 0}.breadcrumbs a{text-decoration:underline}.breadcrumbs span:last-child{max-width:100%;overflow-wrap:anywhere}.page-heading{padding:35px 0 50px;border-bottom:1px solid var(--soft)}.page-heading h1{font-size:clamp(2.5rem,5vw,4.6rem);max-width:22ch;overflow-wrap:anywhere}.page-heading .lead{font-size:20px;max-width:65ch;margin-top:25px}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:7%;padding:55px 0 75px}.prose{min-width:0}.prose p{margin:0 0 20px;max-width:70ch}.prose h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:45px 0 22px}.prose h2:first-child{margin-top:0}.prose h3{margin:25px 0 12px}.prose ul,.prose ol{padding-left:24px;margin:20px 0}.prose li{margin-bottom:9px}.prose .btn{margin:8px 0 25px}.page-aside{background:var(--soft);padding:28px;align-self:start;border-top:4px solid var(--accent)}.page-aside h2{font-size:28px}.page-aside p{font-size:15px;margin:20px 0}.page-aside .btn{width:100%}.phone-link{display:block;margin-top:20px}.related{border-top:1px solid var(--accent);margin-top:28px;padding-top:25px}.related h3{font-size:16px;margin-bottom:14px}.related a{display:block;font-size:14px;padding:7px 0}.wide{padding:50px 0 70px}.price-table{border-collapse:collapse;width:100%;font-size:16px;margin:20px 0 30px}.price-table caption{text-align:left;font-weight:700;padding:10px 0;font-size:18px}.price-table th{text-align:left;font-weight:700;background:var(--soft)}.price-table th,.price-table td{padding:13px 16px;border-bottom:1px solid var(--soft);vertical-align:top}.price-table th:last-child,.price-table td:last-child{text-align:right;white-space:nowrap}.price-table td:first-child{overflow-wrap:anywhere}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0}.content-card{border-top:2px solid var(--accent);padding:24px 0;min-width:0}.content-card h2,.content-card h3{font-size:25px;margin:0 0 15px}.content-card p{font-size:16px;margin:0 0 20px}.content-card>a{display:inline-block;font-weight:700;font-size:15px}.feature-panel{padding:40px;background:var(--soft);margin:35px 0}.feature-panel p{margin-top:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.gallery-grid figure{margin:0;min-width:0}.gallery-grid img{width:100%;height:300px;object-fit:cover;display:block}.gallery-grid figcaption{font-size:14px;margin-top:9px}.gallery-grid a{display:block}.gallery-grid a:hover{outline:3px solid var(--accent);outline-offset:4px}.portrait{width:min(100%,480px);height:auto;display:block;margin:10px 0 30px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.team-grid img{width:100%;height:400px;object-fit:cover;object-position:center 25%;display:block}.team-grid h2{margin-top:25px}.team-grid p{font-size:16px}.meta{font-size:14px;color:var(--accent);margin-bottom:20px!important}.notice{padding:20px;border-left:3px solid var(--accent);background:var(--soft);font-size:15px;line-height:1.7}.prose details{border-top:1px solid var(--soft);padding:20px 0}.prose summary{font-weight:700;cursor:pointer;padding:5px 0}.prose details p{margin:18px 0 0}.site-footer{display:block}.footer-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:30px;padding:15px 0 35px}.footer-map h2{font:700 16px/1.4 Arial,sans-serif;margin-bottom:16px;letter-spacing:0}.footer-map a{display:block;font-size:14px;text-decoration:none;padding:5px 0}.footer-base{border-top:1px solid var(--soft);padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-label{display:flex;align-items:start;gap:12px}.checkbox-label input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.suvi .page-heading h1{font-size:clamp(2.5rem,5vw,4.6rem)}.suvi .content-card{border-radius:50px 50px 0 0;background:var(--soft);padding:35px 25px;border:0}.takomo .page-heading{border-bottom:4px solid var(--ink)}.takomo .page-heading h1{font-size:clamp(3rem,6vw,6rem);text-transform:uppercase}.takomo .gallery-grid{gap:10px}.takomo .page-aside{background:var(--ink);color:white}.takomo .page-aside a:hover{color:#f2bc9f}.takomo .page-aside a.btn:hover{color:white}.soile .page-aside{border-radius:0 50px 0 0}.soile .content-grid{grid-template-columns:1fr 1fr}.siivous .content-card{background:white;border-radius:10px;border-top:0;border-bottom:4px solid var(--accent);padding:25px}.verneri .page-heading{border-bottom:5px solid var(--accent)}.verneri .content-card{border-top:0;border-left:3px solid var(--accent);padding:15px 25px}.prose form{margin:25px 0}.prose input:disabled{opacity:.6;cursor:not-allowed}.status{min-height:3.5em}input[type=checkbox]{accent-color:var(--accent)}@media(max-width:850px){.page-layout{grid-template-columns:minmax(0,1fr);gap:35px}.page-aside{max-width:none}.related{columns:2}.related h3{column-span:all}.content-grid,.soile .content-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr}.team-grid article{max-width:600px}.team-grid img{height:auto;max-width:360px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:260px}}@media(max-width:520px){header nav{gap:3px 16px}.content-grid,.soile .content-grid,.gallery-grid,.form-row{grid-template-columns:1fr}.gallery-grid img{height:auto;max-height:500px;object-fit:contain}.feature-panel{padding:25px}.page-heading{padding:20px 0 35px}.page-heading .lead{font-size:18px}.price-table th,.price-table td{padding:12px 8px;font-size:14px}.price-table td:last-child{white-space:normal}.page-layout{padding:35px 0}.footer-map{grid-template-columns:1fr 1fr}.related{columns:1}.breadcrumbs{font-size:13px}.page-aside{padding:25px}.form-row{gap:0}}@media(forced-colors:active){html{scrollbar-color:auto}a:focus-visible{outline:3px solid LinkText}.btn{border:1px solid ButtonText}} 

/* Original business branding */
.brand{display:inline-flex;align-items:center;max-width:100%;flex-shrink:0}.brand-image{display:block;width:140px;height:auto;max-width:100%;object-fit:contain}.suvi header .brand{width:min(100%,510px)}.suvi .brand-image{width:510px}.siivous .brand-image{width:105px}.takomo .brand-image{width:170px}.verneri .brand-image{width:150px}.takomo .visual img{filter:none;object-position:center 48%}.soile .visual img{object-position:40% center}.verneri .visual img{object-position:45% center}.siivous .visual img{object-position:65% center}@media(max-width:520px){.suvi .brand-image{width:100%}.siivous .brand-image{width:90px}.takomo .brand-image{width:135px}.verneri .brand-image{width:125px}.soile .visual img{height:240px;object-position:center}.suvi .visual img{object-position:center}}

/* Comfortable spacing for text sections and action groups on every route. */
.section > h2 + p{margin-top:24px}
.section > p + p{margin-top:20px}
.section > .buttons{margin-top:32px}
.buttons{gap:18px 28px}
.buttons > a:not(.btn){display:inline-flex;align-items:center;min-height:48px}
.prose .buttons{margin:28px 0}
.prose .buttons .btn{margin:0}
.page-heading > .btn{margin-top:28px}
.feature-panel > .btn{margin-top:24px}
.content-grid{gap:32px;margin-top:32px}
.content-card p{margin-bottom:24px}
@media(max-width:520px){
 .section > h2 + p{margin-top:20px}
 .section > .buttons{margin-top:26px}
 .buttons{align-items:flex-start;flex-direction:column;gap:16px}
 .buttons > a{max-width:100%}
 .btn{white-space:normal;text-align:center}
 .content-grid{gap:26px}
}