/* Suomi: only colours and image overlays. All Studio layout rules remain intact. */
:root{--blue:#0055a4;--ink:#082b54;--muted:#415c74;--paper:#f1f6fb;--line:#d1e0ee;--orange:#0055a4;--primary:#0055a4;--foreground:#082b54;--background:#f1f6fb}
body{background:#f1f6fb;color:#082b54}
a:hover{color:#0055a4}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#1682d4}
.button,.wp-block-button__link,.picture-card .mini-button{background:#0055a4;color:#fff}
.button:hover,.wp-block-button__link:hover{background:#003580;color:#fff}
.studio-header{background:#003580;color:#fff;border-color:#174e95}
.studio-brand small{color:#d4eaff}
.studio-brand:hover{color:#fff}
.studio-nav a:hover,.studio-nav a[aria-current=page]{color:#fff}
.studio-nav a[aria-current=page]:after{background:#fff}
.studio-header .mobile-nav summary{color:#fff;border-color:#8cb6df}
.studio-header .mobile-nav nav{background:#003580;color:#fff}
.studio-header .mobile-nav nav a{border-color:#38679f}
.studio-header .mobile-nav nav a:hover{color:#d4eaff}
.studio-hero{background:#fff;color:#003580}
.studio-hero:after{background:linear-gradient(90deg,#fff 0%,#fffffff5 31%,#ffffffd9 42%,#ffffff20 62%,transparent 100%)}
.studio-hero .eyebrow{color:#34648c}
.studio-hero h1{color:#003580}
.studio-hero h1 span{color:#0071bd}
.studio-hero .intro{color:#304d67}
.studio-hero .secondary .wp-block-button__link{background:#ffffffc9;color:#003580;border-color:#4079aa}
.studio-hero .secondary .wp-block-button__link:hover{background:#e7f2fb;color:#003580}
.hero-proof{color:#365d7e}
.hero-proof span:before{color:#0064b2}
.picture-card{background:#003580;color:#fff}
.picture-card:before{background:linear-gradient(180deg,#00358000 0%,#0035800a 22%,#0035809e 49%,#003580d1 72%,#003580f0 100%)}
.picture-card:hover{color:#fff}
.picture-card h2{color:#fff}
.picture-card p{color:#fff;font-weight:700}
.picture-card .service-symbol{background:#fff;color:#0055a4;box-shadow:0 0 0 3px #d9eaf788}
.picture-card:hover .mini-button{background:#003580}
.side-box,.studio-strip,.studio-about,.story-card,.article-body{background:#fff;border-color:#d5e3ef}
.side-box h2,.story-card h3,.strip-heading h2,.studio-about h2,.studio-end h2{color:#003580}
.side-box p,.story-card p,.studio-about p:not(.eyebrow),.studio-end p{color:#415c74}
.side-offer h2{background:#0055a4;color:#fff}
.side-offer .button{background:#fff;color:#0055a4;border-color:#0055a4}
.side-offer .button:hover{background:#e7f2fb;color:#003580}
.side-call:before,.side-call .side-number,.side-area .area-mark,.side-area a,.story-card .story-link,.studio-about .eyebrow{color:#0055a4}
.side-call .number-label{color:#496880}
.strip-heading>p,.strip-heading>span{color:#496880}
.about-facts{background:#d1e0ee}
.about-facts>div{background:#e9f3fb}
.about-facts strong{color:#0055a4}
.about-facts span{color:#415c74}
.studio-stone{background:#003580;color:#fff}
.studio-stone h2{color:#fff}
.studio-stone .eyebrow{color:#b8e0ff}
.studio-stone p:not(.eyebrow){color:#e1effb}
.studio-stone .wp-block-button__link{background:#fff;color:#003580}
.studio-stone .wp-block-button__link:hover{background:#d9edff;color:#003580}
.site-footer{background:#002654;color:#fff}
.footer-grid h2{color:#fff}
.footer-grid>div>a:not(.brand),.footer-grid p{color:#d5e6f4}
.footer-bottom{border-color:#32557d;color:#c0d8eb}
.site-footer a:hover{color:#b8e0ff}
.page-heading h1,.article-body h2,.contact-card h2{color:#003580}
.page-heading .eyebrow,.contact-card .contact-phone{color:#0055a4}
.article-aside,.emergency{background:#003580;color:#fff}
.article-aside p,.emergency p,.emergency-number>span{color:#d5e6f4}
.article-aside nav,.emergency-number{border-color:#4475a8}
.article-aside nav a:hover,.emergency-number:hover{color:#b8e0ff}
.contact-card.address{background:#e1eef8}
.illustration-note{color:#637d92!important}
@media(max-width:1020px){.studio-hero:after{background:linear-gradient(90deg,#fffffffb 0%,#fffffff0 33%,#ffffffb3 65%,#ffffff20 100%)}}
@media(max-width:760px){.studio-hero:after{background:linear-gradient(180deg,#fff 0%,#fff 45%,#ffffffec 57%,transparent 85%)}}
/* Shared-stem HH monogram, added to the existing brand link. */
.studio-brand{position:relative;padding-left:73px}
.studio-brand:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:56px;height:40px;background:url('assets/hh-white.svg') center/contain no-repeat}
.footer-grid .brand img{width:45px;height:32px;object-fit:contain}
@media(max-width:760px){.studio-brand{padding-left:47px}.studio-brand:before{width:35px;height:25px}}
@media(max-width:1120px){.studio-header .studio-nav{display:none}.studio-header .mobile-nav{display:block}}