/*
Theme Name: Autotyö Saarenmäki
Theme URI: https://www.autotyosaarenmaki.fi/
Author: Autotyö Saarenmäki
Description: Autotyö Saarenmäen räätälöity yhden sivun WordPress-teema.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: autotyo-saarenmaki
*/

:root{--ink:#101214;--lime:#d8ff38;--paper:#f3f3ee;--muted:#697075}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.admin-bar .ats-header{top:32px}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ats-header{height:88px;position:absolute;z-index:50;inset:0 0 auto;display:flex;align-items:center;padding:0 5vw;color:#fff;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;min-width:245px;line-height:.85;letter-spacing:.08em}.brand>b{display:grid;place-items:center;width:42px;height:42px;transform:skew(-9deg);background:var(--lime);color:var(--ink);font-size:17px}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{font-size:10px;margin-top:7px;letter-spacing:.27em}.ats-header nav{display:flex;justify-content:center;gap:34px;flex:1;font-size:13px;font-weight:700}.ats-header nav a{opacity:.72}.ats-header nav a:hover{opacity:1;color:var(--lime)}.call{display:flex;align-items:center;gap:9px;font-weight:800}.hero{min-height:790px;display:grid;grid-template-columns:58% 42%;padding-top:88px;background:var(--ink);color:#fff;overflow:hidden}.hero-copy{align-self:center;padding:60px 5vw 80px;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:58px 58px}.kicker{display:block;margin-bottom:20px;color:#727a00;font-size:10px;font-weight:900;letter-spacing:.23em}.kicker.lime{color:var(--lime)}h1{max-width:850px;margin:25px 0;font-size:clamp(58px,6.1vw,98px);line-height:.88;letter-spacing:-.065em}h1 em{color:var(--lime);font-style:normal}.hero-copy>p{max-width:620px;color:#b6bbbe;font-size:18px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:35px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.primary{background:var(--lime);color:var(--ink)}.outline{border:1px solid #ffffff45}.makes{display:flex;align-items:center;gap:18px;margin-top:54px;flex-wrap:wrap}.makes small{color:#7d8488;font-size:9px;letter-spacing:.18em}.makes b{font-size:13px}.hero-art{min-height:702px;position:relative;background-image:linear-gradient(90deg,#1012148a 0%,transparent 38%),linear-gradient(0deg,#101214a6 0%,transparent 42%),url("assets/garage-hero.webp");background-size:cover;background-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d8ff3810,transparent 35%);pointer-events:none}.experience{z-index:2;position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:16px;padding:28px 34px;background:var(--lime);color:var(--ink)}.experience strong{font-size:48px}.experience span{font-size:10px;font-weight:900;line-height:1.5;letter-spacing:.12em}.section{padding:110px 7vw}.heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:56px}.heading>p{max-width:440px;color:var(--muted);line-height:1.7}.section h2{margin:0;font-size:clamp(42px,4.7vw,72px);line-height:.98;letter-spacing:-.055em}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cccec8;border-left:1px solid #cccec8}.services article{min-height:290px;position:relative;padding:34px;border-right:1px solid #cccec8;border-bottom:1px solid #cccec8;transition:.2s}.services article:hover{background:#fff;transform:translateY(-3px);box-shadow:0 15px 40px #0000000a}.services article>small{color:#8c928c}.services h3{margin:42px 0 14px;font-size:22px}.services p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.65}.services a{position:absolute;bottom:28px;display:flex;gap:12px;align-items:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.about{display:grid;grid-template-columns:1fr 1.1fr;padding-top:40px;background:#e8e9e2}.about-art{min-height:550px;display:flex;justify-content:flex-end;align-items:flex-start;position:relative;overflow:hidden;background:#1d2226 url("assets/brake-service.webp") center/cover;color:#fff}.since-badge{width:auto;height:auto;margin:0 0 34px 34px;padding:18px 23px;display:flex;align-items:center;gap:15px;background:var(--lime);color:var(--ink);box-shadow:0 16px 40px #00000045}.since-badge strong{font-size:36px;line-height:1;letter-spacing:-.04em}.since-badge span{font-size:9px;font-weight:900;line-height:1.5;letter-spacing:.16em}.about-copy{align-self:center;padding-left:8vw}.about-copy p{max-width:600px;color:#5f666a;font-size:17px;line-height:1.75}.checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;font-size:13px;font-weight:800}.checks span{padding-top:15px;border-top:1px solid #c5c8c1}.reviews{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:var(--lime)}.score{min-height:270px;display:flex;align-items:center;gap:30px;border-right:1px solid #10121440}.g{font-size:92px;font-weight:900;color:#4285f4;text-shadow:3px 3px 0 #ea4335,-3px -3px 0 #34a853}.score strong{font-size:80px;letter-spacing:-.07em}.stars{font-size:21px;letter-spacing:.08em}.score small{display:block;margin-top:8px;color:#50563a}.kicker.dark{color:#565c39}.quote{min-height:155px;position:relative}.quote>span{position:absolute;top:-32px;left:-5px;font:100px Georgia;color:#a6c025}.quote blockquote{position:relative;margin:0 0 18px;font-size:clamp(30px,3vw,48px);font-weight:800;letter-spacing:-.04em}.quote small{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.slider{display:flex;align-items:center;gap:13px;margin:8px 0 25px}.slider button{width:46px;height:46px;border:1px solid #10121466;background:transparent;cursor:pointer;font-size:20px}.slider button:hover{background:var(--ink);color:#fff}.slider span{font-size:11px;font-weight:800}.dark-button{background:var(--ink);color:#fff}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.contact-intro{position:sticky;top:35px}.contact p{max-width:570px;color:var(--muted);line-height:1.7}.phone{display:flex;align-items:center;gap:17px;margin:35px 0 18px;font-size:30px;font-weight:900}.phone svg{width:42px;height:42px;padding:10px;background:var(--lime)}.phone small{display:block;margin-bottom:5px;color:#7b8185;font-size:9px;letter-spacing:.18em}.mail{color:#5e6569;border-bottom:1px solid}.contact-form{padding:42px;background:#fff;border:1px solid #d5d7d0;box-shadow:0 24px 70px #151a1d12}.contact-form label{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cdd0c9;background:#f7f7f3;color:var(--ink);padding:15px 16px;font:15px Arial,Helvetica,sans-serif;outline:none;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus{border-color:#7f9100;box-shadow:0 0 0 3px #d8ff3838}.contact-form textarea{resize:vertical;min-height:130px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;color:#62696d}.contact-form .consent input{width:18px;height:18px;margin:0;accent-color:#899b00;flex:0 0 auto}.form-button{border:0;background:var(--lime);color:var(--ink);cursor:pointer}.form-button:disabled{cursor:wait;opacity:.65}.form-message{min-height:24px;margin-top:14px}.form-message p{margin:0;font-size:13px;font-weight:700}.form-message .success{color:#426100}.form-message .error{color:#a42d20}.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-details{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr .65fr;padding:25px 42px!important;background:var(--ink);color:#fff}.contact-details>div{display:flex;flex-direction:column;gap:8px;padding:18px 28px;border-right:1px solid #ffffff20}.contact-details>div:last-child{border:0}.contact-details small{color:var(--lime);font-size:9px;letter-spacing:.2em}.contact-details strong{font-size:18px;line-height:1.5}.contact-details span,.contact-details a{color:#9fa5a8;font-size:13px}.billing{background:#1b2024;color:#fff}.billing-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;margin-bottom:50px}.billing-heading .kicker{grid-column:1/-1;margin-bottom:-10px}.billing-heading p{max-width:520px;margin:0;color:#aeb4b7;line-height:1.7}.billing-grid{display:grid;grid-template-columns:1.15fr 1fr .8fr;border-top:1px solid #ffffff22;border-left:1px solid #ffffff22}.billing-grid article{min-height:300px;padding:34px;border-right:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.billing-number{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.14em}.billing-grid h3{margin:38px 0 24px;font-size:23px}.billing-grid p{color:#aeb4b7;font-size:14px;line-height:1.6}.billing-grid dl{margin:0}.billing-grid dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #ffffff16}.billing-grid dt{color:#92999d;font-size:12px}.billing-grid dd{margin:0;font-size:13px;font-weight:800;text-align:right}.billing-grid a{display:inline-block;color:var(--lime);font-size:14px;font-weight:800;border-bottom:1px solid #d8ff3870;padding-bottom:3px;overflow-wrap:anywhere}.billing-grid address{font-style:normal;font-size:17px;font-weight:700;line-height:1.8}.ats-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding:55px 5vw;background:#0b0d0e;color:#fff}.ats-footer p{color:#777e82;font-size:13px}.ats-footer>div{display:flex;gap:22px;font-size:12px;font-weight:800}.ats-footer>small{grid-column:1/-1;padding-top:22px;border-top:1px solid #ffffff18;color:#646a6e}
@media(max-width:900px){body.admin-bar .ats-header{top:46px}.ats-header{height:74px}.ats-header nav{display:none}.call{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:74px}.hero-copy{padding:90px 7vw 60px}.hero-art{min-height:480px;background-position:center 42%}.section{padding:80px 7vw}.heading{display:block}.heading>p{margin-top:25px}.services{grid-template-columns:repeat(2,1fr)}.about,.reviews,.contact{grid-template-columns:1fr}.about-copy{padding:70px 0}.about-art{min-height:520px}.score{border-right:0;border-bottom:1px solid #10121440}.contact-intro{position:static}.contact-details{grid-template-columns:1fr}.contact-details>div{border-right:0;border-bottom:1px solid #ffffff20}.billing-heading,.billing-grid{grid-template-columns:1fr}.billing-heading .kicker{grid-column:auto}.billing-grid article{min-height:0}.ats-footer{grid-template-columns:1fr}.ats-footer>small{grid-column:auto}}
@media(max-width:560px){.ats-header{padding:0 5vw}.brand{min-width:0}.brand>b{width:38px;height:38px}.brand strong{font-size:14px}.brand small{font-size:8px}.call{font-size:0}.call svg{width:24px;height:24px}h1{font-size:51px}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.makes small{width:100%}.hero-art{min-height:380px;background-position:center 38%}.experience{padding:21px 25px}.experience strong{font-size:39px}.services{grid-template-columns:1fr}.services article{min-height:260px}.about-art{min-height:390px}.since-badge{margin:0 0 22px 22px}.checks,.field-row{grid-template-columns:1fr}.field-row{gap:0}.score{min-height:190px}.g{font-size:62px}.score strong{font-size:58px}.phone{font-size:23px}.contact-form{padding:25px 20px}.contact-details{padding:20px!important}.ats-footer>div{flex-direction:column}}