/*
Theme Name: Härmän Tilitiimi
Description: Härmän Tilitiimin sivusto. Etusivu on muokattavissa WordPressin omilla lohkoilla. Ei maksullista sivunrakentajaa.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 7.4
Author: Härmän Tilitiimi
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: harman-tilitiimi
*/

:root{--paper:#f7f8fa;--ink:#092760;--muted:#596575;--line:#d6dce5;--orange:#526d9b;--lime:#d9e2f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:6px}::selection{background:var(--lime)}.wrap{max-width:1280px;margin:auto;padding:0 56px}.top{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:700;line-height:1.08;letter-spacing:-.6px}.brand svg{width:43px;height:43px}.brand small{display:block;font-size:11px;letter-spacing:2.8px;font-weight:400;margin-top:6px}nav{display:flex;align-items:center;gap:31px;font-size:14px}.navcta{border:1px solid var(--ink);padding:13px 20px;border-radius:30px}header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.menu{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--ink)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;padding-top:67px;padding-bottom:68px;align-items:center}h1{font-family:Georgia,serif;font-size:clamp(48px,5.8vw,81px);font-weight:400;letter-spacing:-4px;line-height:1.05;margin:24px 0}h1 em{color:var(--orange);font-weight:400}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:470px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;background:var(--ink);color:white;border:0;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#173d79;transform:translateY(-2px)}.textlink{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.heroart{position:relative;background:#e9edf3;border-radius:120px 120px 8px 8px;min-height:450px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:32px}.arttop{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px}.artcircle{position:absolute;top:82px;left:50%;width:210px;height:210px;transform:translateX(-50%);border-radius:50%;border:1px solid #9eacc2}.artcircle:before,.artcircle:after{content:"";position:absolute;border-radius:50%;border:1px solid #9eacc2;inset:24px}.artcircle:after{inset:48px;background:var(--lime)}.fields{position:absolute;width:100%;height:230px;left:0;bottom:48px}.artbottom{position:relative;margin-top:310px;background:var(--paper);padding:21px 24px;box-shadow:0 7px 24px #0927600b;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.artbottom strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.artbottom span{font-size:11px;line-height:1.6;color:var(--muted)}.artbottom b{font-size:24px;color:var(--orange)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);font-size:13px;gap:20px}.trust span{display:flex;gap:12px;align-items:center}.trust i{font-style:normal;color:var(--orange)}section{padding:90px 0}h2{font-family:Georgia,serif;font-size:clamp(35px,4vw,54px);font-weight:400;letter-spacing:-1.8px;line-height:1.12;margin:18px 0}h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.5px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}.sectionhead p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.7}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px}.service{display:grid;grid-template-columns:48px 1fr 20px;gap:18px;border-top:1px solid var(--line);padding:27px 0 29px}.service .num{font-family:Georgia,serif;color:var(--orange);font-size:25px}.service h3{margin:0 0 10px}.service p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:390px}.service>a{font-size:22px;align-self:start}.dark{background:var(--ink);color:var(--paper)}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px}.dark .eyebrow:before{background:var(--lime)}.about p{font-size:16px;line-height:1.8;color:#ccd5e4}.about h2{max-width:440px}.values{margin-top:26px;border-top:1px solid #35517d}.values article{padding:21px 0;border-bottom:1px solid #35517d;display:flex;gap:20px}.values b{color:var(--lime);font-size:12px;padding-top:3px}.values h3{margin:0 0 6px;font-size:18px}.values p{margin:0;font-size:14px;line-height:1.6}.tag{display:inline-block;border:1px solid #6d83a5;padding:10px 16px;border-radius:30px;margin-top:20px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:24px}.step>span{font-family:Georgia,serif;font-size:42px;color:var(--orange)}.step p{color:var(--muted);font-size:14px;line-height:1.7}.faq{padding-top:0}.faqgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;cursor:pointer;font-size:16px;list-style:none;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--orange);font-size:22px}details[open] summary:after{content:"−"}details p{font-size:14px;color:var(--muted);line-height:1.75;padding-right:20px}.contact{background:#e9edf3}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted);line-height:1.7;font-size:15px}.contactinfo{margin-top:34px}.contactinfo a{display:block;margin:12px 0;font-size:22px;letter-spacing:-.5px}.contactinfo address{font-style:normal;font-size:14px;line-height:1.8;margin-top:24px}.form{background:var(--paper);padding:32px;border-radius:6px}.form h3{margin:0 0 7px}.form .note{font-size:12px;margin:0 0 23px}.form label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.form input,.form textarea,.form select{border:1px solid #c5cedc;border-radius:3px;background:transparent;color:var(--ink);width:100%;padding:12px;margin-bottom:18px;font-size:14px}.form textarea{resize:vertical;min-height:95px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .button{width:100%}.form .fine{font-size:11px;line-height:1.6;margin-top:12px}.notice{font-size:13px;line-height:1.6;margin-top:15px}.footer{padding:34px 0}.footrow{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer small{color:var(--muted);font-size:11px}.footer .brand{font-size:15px}.footer .brand svg{width:31px}.footlinks{display:flex;gap:24px;font-size:12px}.privacy{padding:22px 0 0}.privacy summary{font-size:12px;justify-content:flex-start;gap:12px}.privacy p{max-width:700px;font-size:12px}.skip{position:absolute;top:-80px;left:15px;z-index:20;background:white;padding:15px}.skip:focus{top:15px}a:hover.textlink,.footlinks a:hover{color:var(--orange)}@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:80px}}@media(max-width:950px){.wrap{padding:0 30px}.hero{gap:30px}h1{letter-spacing:-2.5px}.heroart{min-height:410px;padding:24px}.artbottom{margin-top:295px;padding:16px}.artbottom strong{font-size:24px}.about,.contactgrid{gap:40px}nav{gap:20px}.sectionhead{gap:25px}}@media(max-width:700px){.wrap{padding:0 22px}.top{height:78px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:32px;gap:34px}h1{font-size:55px;letter-spacing:-2.8px}.lead{font-size:16px}.heroart{min-height:335px;border-radius:80px 80px 5px 5px}.artcircle{top:48px;width:160px;height:160px}.fields{height:180px}.artbottom{margin-top:220px}.trust{grid-template-columns:1fr;padding:20px 0;gap:14px}section{padding:60px 0}.sectionhead{display:block}.sectionhead p{max-width:100%}.services{grid-template-columns:1fr}.service{grid-template-columns:36px 1fr 20px;gap:10px}.about,.faqgrid,.contactgrid{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr;gap:24px}.step{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.step h3{margin:5px 0}.step p{grid-column:2;margin:0}.faq{padding-top:0}.form{padding:24px 20px}.formrow{grid-template-columns:1fr;gap:0}.footrow{align-items:flex-start;flex-direction:column}.footer small{line-height:1.7}.contactinfo a{font-size:20px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Official Härmän Tilitiimi identity */
.brand-logo{display:block;width:232px;height:auto}.heroart{border-radius:5px;padding:30px;min-height:455px;background:linear-gradient(135deg,#edf0f6,#e2e8f0);border:1px solid #d7dfeb}.heroart:before{content:"";position:absolute;inset:70px 28px 100px;border:1px solid #c8d3e2}.arttop{position:relative;letter-spacing:1.5px;color:#52657f}.logostage{position:relative;display:flex;align-items:center;justify-content:center;padding:26px 25px;flex:1}.logostage img{width:100%;max-width:290px;height:260px;object-fit:contain}.artbottom{margin-top:0;gap:12px}.smallseal{width:49px;height:49px;object-fit:contain}.artbottom strong{color:var(--ink)}.footer .brand-logo{width:200px}.tag{border-radius:3px}.navcta{border-radius:3px}.dark .eyebrow:before{background:#d9e2f2}.values b{color:#d9e2f2}.contact{background:#e9edf3}.form{border:1px solid #d6dce5}.trust i{color:#092760}.button{border-radius:3px}h1 em{color:#526d9b}details[open]{background:transparent}@media(max-width:950px){.brand-logo{width:210px}.logostage{padding:22px 10px}.heroart{padding:24px}.artbottom{margin-top:0}}@media(max-width:700px){.brand-logo{width:190px}.heroart{min-height:360px;border-radius:4px;padding:24px}.logostage{padding:22px 15px}.logostage img{height:215px;max-width:250px}.heroart:before{inset:59px 20px 88px}.arttop{font-size:9px}.artbottom{margin-top:0}.smallseal{width:42px;height:42px}.artbottom strong{font-size:23px}.artbottom span{font-size:9px}.footer .brand-logo{width:195px}}


/* Team portraits: original photographs, consistent presentation only. */
.team{border-top:1px solid var(--line)}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.person{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white}.portrait{height:290px;background:#e9edf3;display:flex;align-items:flex-end;justify-content:center;padding:20px 14px 0;overflow:hidden}.portrait img{display:block;width:auto;height:270px;max-width:100%;object-fit:contain;object-position:center bottom}.personinfo{padding:26px 24px 28px}.personinfo h3{font-family:Georgia,serif;font-size:25px;letter-spacing:-.5px;margin:0 0 8px}.personrole{font-size:13px;color:var(--muted);margin:0 0 24px}.personphone{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:12px}.personphone span{font-size:15px}.personemail{display:block;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.personinfo a:hover{color:#526d9b;text-decoration:underline}@media(max-width:950px){nav{gap:15px;font-size:13px}.people{gap:18px}.personinfo{padding:23px 18px}.personinfo h3{font-size:22px}.portrait{height:270px;padding:20px 10px 0}.portrait img{height:250px}.personemail{font-size:11px}}@media(max-width:700px){.people{grid-template-columns:1fr;gap:25px}.person{width:100%;max-width:420px;margin:auto}.portrait{height:290px;padding:20px 20px 0}.portrait img{height:270px}.personinfo{padding:25px}.personinfo h3{font-size:26px}.personemail{font-size:13px}nav{gap:20px;font-size:14px}}

/* Photo and core promise from the supplied brand material. */
.heroart.promiseart{padding:0;min-height:0;background:var(--ink);border:0;display:block;overflow:hidden}.heroart.promiseart:before{display:none}.promisephoto{display:block;width:100%;height:auto;aspect-ratio:1364/1282;object-fit:cover}.promisecaption{padding:25px 30px 28px;color:white}.promisecaption .eyebrow{font-size:10px;color:#d0dbed;margin-bottom:13px}.promisecaption .eyebrow:before{background:#d0dbed}.promisecaption strong{font-family:Georgia,serif;font-size:31px;line-height:1.16;font-weight:400;display:block;letter-spacing:-.6px}.promisesign{display:block;font-family:Georgia,serif;font-style:italic;font-size:18px;color:#d0dbed;margin-top:16px}.hero{align-items:center}@media(max-width:950px){.promisecaption{padding:22px}.promisecaption strong{font-size:27px}}@media(max-width:700px){.heroart.promiseart{min-height:0}.promisephoto{max-height:none}.promisecaption{padding:25px}.promisecaption strong{font-size:31px}}

/* WordPress core block adapters; content remains native editable blocks. */
.htt-content .wp-block-group{margin-block:0}.htt-content figure{margin:0}.htt-content .wp-block-image img{max-width:100%;height:auto}.htt-content .wp-block-group>p.eyebrow{margin:0}.htt-content .actions p{margin:0}.htt-content .trust p{display:flex;align-items:center;gap:12px;margin:0}.htt-content p.num{margin:0}.htt-content .service-arrow{margin:0;font-size:22px;align-self:start}.htt-content .values p.value-number{font-size:12px;color:#d9e2f2;padding-top:3px}.htt-content .promisecaption p.promise-title{font-family:Georgia,serif;font-size:31px;line-height:1.16;letter-spacing:-.6px;color:white;margin:0}.htt-content .promisecaption p.promisesign{margin-top:16px}.htt-content .promisephoto img{display:block;width:100%;height:auto}.htt-content .portrait .wp-block-image{height:270px;max-width:100%;margin:0;display:flex;align-items:flex-end;justify-content:center}.htt-content .portrait .wp-block-image img{height:270px;max-width:100%;width:auto;object-fit:contain}.htt-content .personphone-line,.htt-content .personemail-line{margin:0}.htt-content .contactinfo .link-line{margin:12px 0}.htt-content .office-address{font-size:14px;line-height:1.8;margin-top:24px}.htt-content .faq .lead{font-size:15px}.wp-block-details>summary{list-style:none}.site-header nav ul{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}.site-header .custom-logo{display:block;width:232px;max-height:64px;height:auto;object-fit:contain}.site-header .custom-logo-link{display:block}.site-header nav li:last-child a{border:1px solid var(--ink);padding:13px 20px;border-radius:3px}.htt-standard{padding:65px 0;min-height:60vh}.htt-standard .entry-title{font-family:Georgia,serif;font-size:44px}.htt-standard .entry-content{max-width:900px;font-size:16px;line-height:1.8}.htt-editor-placeholder{padding:20px;border:1px solid #c5cedc;color:#596575;font-size:14px}.htt-content :where(.wp-block-group,.wp-block-image,.wp-block-shortcode){box-sizing:border-box}.footer .privacy summary{justify-content:flex-start;font-size:12px}.footer details p{font-size:12px;max-width:700px}.htt-content .link-line .textlink{display:inline-block;font-size:13px}.htt-content .personinfo .personphone{font-size:18px}.htt-content .personinfo .personemail{font-size:12px}
@media(max-width:950px){.site-header nav ul{gap:15px}.htt-content .portrait .wp-block-image,.htt-content .portrait .wp-block-image img{height:250px}.site-header .custom-logo{width:210px}}@media(max-width:700px){.site-header nav ul{flex-direction:column;align-items:stretch;gap:20px}.site-header .custom-logo{width:190px}.htt-content .portrait .wp-block-image,.htt-content .portrait .wp-block-image img{height:270px}.htt-content .personinfo .personemail{font-size:13px}.htt-content .promisecaption p.promise-title{font-size:31px}}

.htt-content .step>p:first-child{font-family:Georgia,serif;font-size:42px;color:#526d9b;margin:0}.htt-content .step>p:last-child{color:#596575;font-size:14px;line-height:1.7}@media(max-width:700px){.htt-content .step>p:first-child{grid-column:1;grid-row:1/3}.htt-content .step>p:last-child{grid-column:2}}

/* Clear official header logo and correct section offsets under the WP admin bar. */
.site-header .brand-logo,.site-header .custom-logo{width:280px;max-height:76px;height:auto}.site-header .brand{flex-shrink:0}.admin-bar .site-header{top:32px}html{scroll-padding-top:115px}body.admin-bar{--htt-scroll-offset:147px}.htt-content [id]{scroll-margin-top:0}@media(max-width:950px){.site-header .brand-logo,.site-header .custom-logo{width:240px;max-height:65px}.site-header nav ul{gap:13px}}@media(max-width:782px){.admin-bar .site-header{top:46px}html{scroll-padding-top:140px}}@media(max-width:700px){.site-header .brand-logo,.site-header .custom-logo{width:220px;max-height:58px}}@media(max-width:600px){.admin-bar .site-header{top:0}}