/*
Theme Name: Nano-Clear Finland
Author: Nano-Clear Finland
Description: Nano-Clear Finland – pinnoituspalvelu ja pintasuojaustuotteet.
Version: 1.1.0
Requires PHP: 8.0
Text Domain: nano-clear-finland
*/
:root{--navy:#171717;--blue:#840e0e;--ink:#222222;--muted:#606060;--line:#dedede;--ice:#f4f4f4;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b51815;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(2.6rem,5.3vw,5.3rem)}h2{font-size:clamp(2rem,3.8vw,3.65rem)}h3{font-size:1.65rem}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:white;z-index:100}.skip:focus{top:12px}.topline{background:var(--navy);color:#e5e5e5;font-size:13px;letter-spacing:.06em;padding:8px 0}.topline .wrap{display:flex;justify-content:space-between;gap:16px}.header{background:white;border-bottom:1px solid var(--line)}.header-inner{min-height:99px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:inline-flex;flex-direction:column;line-height:1.05;flex-shrink:0}.brand strong{font-size:27px;font-weight:800;letter-spacing:-1px}.brand small{font-size:11px;letter-spacing:.36em;color:var(--blue);margin-top:9px;font-weight:700}.nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:600}.nav a{padding:10px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.nav .contact{background:var(--blue);color:white;padding:13px 21px}.mobile-nav{display:none}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:22px}.hero{background:var(--navy);color:white}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;min-height:620px}.hero-copy{padding:75px 48px 72px max(48px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}.hero-copy .eyebrow{color:#ededed}.hero-copy h1 span{color:#ffffff}.hero-copy p{color:#d4d4d4;max-width:510px;margin-top:25px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:#fff;padding:15px 24px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#a51515;transform:translateY(-2px)}.button.light{background:white;color:var(--navy)}.button.outline{border:1px solid #757575;background:transparent;color:white}.hero-photo{position:relative;overflow:hidden;min-height:500px}.hero-photo>img{height:100%;object-fit:cover;object-position:center 52%}.hero-photo figcaption{position:absolute;bottom:25px;left:25px;right:25px;padding:17px 20px;background:rgba(0,0,0,.93);color:white;display:flex;justify-content:space-between;gap:20px;font-size:13px}.hero-photo figcaption strong{display:block;font-size:15px}.hero-photo figcaption span{color:#d4d4d4}.proofline{border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid>div{padding:30px 30px 30px 0}.proof-grid strong{display:block;font-size:19px}.proof-grid p{font-size:14px;margin-top:4px}.section{padding:95px 0}.section.ice{background:var(--ice)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading p{max-width:415px}.section-heading h2{max-width:690px}.text-link{color:var(--blue);font-size:15px;font-weight:650;white-space:nowrap}.text-link:hover{text-decoration:underline}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.industry-card{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px;display:flex;flex-direction:column;align-items:start;transition:background .2s}.industry-card:hover{background:#f0f0f0}.number{color:var(--blue);font-size:13px;letter-spacing:.12em;margin-bottom:25px}.industry-card h3{font-size:23px;letter-spacing:-.025em}.industry-card p{font-size:15px;margin:14px 0 22px}.industry-card .text-link{margin-top:auto}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:365px;position:relative;border-top:3px solid var(--blue)}.product-code{font-size:clamp(2rem,3vw,3rem);color:var(--navy);font-weight:700;letter-spacing:-.06em;line-height:1.1;margin:17px 0 25px;overflow-wrap:anywhere}.product-card .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:0}.product-card h3{font-size:19px;letter-spacing:-.02em;line-height:1.3}.product-card p{font-size:15px;margin:13px 0 24px}.product-card .text-link{margin-top:auto}.reference-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.reference-photo{height:590px;object-fit:cover;object-position:center 58%}.caption{font-size:13px;color:var(--muted);margin-top:12px}.reference-copy p{margin-top:24px}.reference-copy .eyebrow{margin-top:0}.detail-list{margin:28px 0 0;padding:0;list-style:none}.detail-list li{border-top:1px solid var(--line);padding:15px 0;color:var(--ink)}.detail-list li:before{content:'↗';margin-right:15px;color:var(--blue)}.cta{background:var(--blue);color:white;padding:66px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font-size:clamp(2rem,3.4vw,3.1rem);max-width:800px}.cta p{color:#e6e6e6;margin-top:16px;max-width:700px}.footer{background:var(--navy);color:white;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}.footer .brand small{color:#ededed}.footer p{color:#bababa;font-size:14px;margin-top:25px;max-width:330px}.footer h3{font-size:15px;letter-spacing:0;margin-bottom:17px}.footer a:hover{color:#b8b8b8}.footer ul{list-style:none;padding:0;margin:0;font-size:14px}.footer li{margin:8px 0}.footer-bottom{border-top:1px solid #3d3d3d;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;color:#bababa;font-size:12px}.page-intro{background:var(--ice);padding:65px 0 72px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:40px}.breadcrumbs a{color:var(--blue)}.page-intro h1{max-width:1050px;font-size:clamp(2.7rem,5vw,4.8rem)}.page-intro .lead{font-size:21px;max-width:820px;margin-top:27px}.page-body h2{margin-bottom:25px}.page-body p+p{margin-top:18px}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.two-col h3{margin:30px 0 16px}.info-panel{border:1px solid var(--line);padding:35px;background:var(--ice)}.info-panel h3{margin:0 0 20px}.info-panel dt{font-size:13px;color:var(--muted);margin-top:20px}.info-panel dd{margin:3px 0 0;font-weight:600}.source{font-size:13px;margin-top:26px!important}.source a{color:var(--blue);text-decoration:underline}.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.door-grid img{height:550px;object-fit:cover}.notice{border-left:3px solid var(--blue);padding:18px 24px;background:var(--ice);font-size:15px}.contact-line{font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;overflow-wrap:anywhere;color:var(--blue)}.contact-block{padding:28px 0;border-bottom:1px solid var(--line)}.contact-block .eyebrow{margin-bottom:10px}.wp-block-image img{height:auto}.page-body>.wrap>.wp-block-group{margin-bottom:30px}.empty{padding:100px 0}.no-results{max-width:700px}
@media(min-width:1600px){.hero-grid{min-height:720px}.hero-copy{padding-right:85px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:16px;font-size:14px}.hero-copy{padding:50px 28px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:560px}.reference-grid{gap:40px}.reference-photo{height:530px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.topline{font-size:11px}.topline .wrap span:last-child{display:none}.header-inner{min-height:85px}.brand strong{font-size:23px}.nav{display:none}.mobile-nav{display:block;font-size:14px;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;padding:12px;border:1px solid var(--line)}.mobile-nav nav{position:absolute;right:0;top:54px;z-index:20;background:white;border:1px solid var(--line);padding:16px;width:220px;box-shadow:0 15px 35px #1c1c1c20}.mobile-nav nav a{display:block;padding:11px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:52px 20px}.hero-copy h1{max-width:590px}.hero-photo{height:440px;min-height:0}.hero-photo figcaption{left:18px;right:18px;bottom:18px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{padding:20px 0;border-bottom:1px solid var(--line)}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.text-link{display:block;margin-top:23px}.industry-grid{grid-template-columns:1fr 1fr}.industry-card{padding:22px;min-height:230px}.product-grid{gap:14px}.product-card{padding:22px}.reference-grid,.two-col{grid-template-columns:1fr;gap:36px}.reference-photo{height:520px}.cta .wrap{display:block}.cta .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.page-intro{padding:38px 0 48px}.page-intro .lead{font-size:18px}.breadcrumbs{margin-bottom:30px}.door-grid img{height:370px}}
@media(max-width:430px){.product-grid,.industry-grid{grid-template-columns:1fr}.product-card{min-height:310px}.hero-photo{height:370px}.reference-photo{height:430px}.door-grid{gap:12px}.door-grid img{height:285px}.hero-photo figcaption{font-size:11px;gap:8px;padding:13px}.hero-photo figcaption strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.world-card{background:#fff;border:1px solid var(--line)}.world-card figure{padding:20px 20px 0}.world-card img{width:100%;height:auto;aspect-ratio:1.8;object-fit:contain;background:#fff}.world-card figcaption{font-size:12px;color:var(--muted);padding-top:12px}.world-card-body{padding:28px}.world-card-body .eyebrow{margin-bottom:14px}.world-card-body p{margin:18px 0 24px}.world-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:55px}.world-links article{border-top:2px solid var(--blue);padding-top:26px}.world-links h3{font-size:25px}.world-links p{margin:18px 0;font-size:16px}.world-links .text-link,.world-card .text-link{white-space:normal}@media(max-width:780px){.world-grid,.world-links{grid-template-columns:1fr}.world-card-body{padding:23px}}