/*
Theme Name: Klinika Drzew — Elegance
Author: Klinika Drzew
Description: Ultralekki, autorski motyw biura ekspertyz dendrologicznych. Bez page builderów, frameworków i zewnętrznych fontów.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: klinika-drzew
*/
:root{--paper:#f7f6f0;--ink:#222f29;--green:#203d2d;--line:#dddfd6;--muted:#5f6c64;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}.wrap{width:min(1190px,calc(100% - 90px));margin-inline:auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:999;background:#fff}.site-header{z-index:20;position:relative;border-bottom:1px solid var(--line);background:rgba(247,246,240,.96)}.header-row{height:89px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:11px;align-items:center}.brand img{width:40px;height:52px}.brand-wordmark{font:17px/1.02 var(--serif);letter-spacing:.125em}.brand-wordmark small{display:block;letter-spacing:.055em;font:7px/1.6 var(--sans);margin-top:5px}.nav{display:flex;gap:28px;align-items:center;font-size:12px}.nav>a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{background:var(--green);color:#fff;padding:11px 19px;border-radius:40px;text-decoration:none!important}.nav-cta span{margin-left:11px}.menu-toggle{display:none}.page-art{position:absolute;top:105px;right:0;width:51%;height:2210px;overflow:hidden;z-index:0;pointer-events:none}.tree-crown{position:absolute;top:-18px;right:-25%;width:133%;height:auto;opacity:.79;filter:saturate(.64)}.tree-roots{position:absolute;top:1450px;right:-12%;width:105%;height:760px}.hero,.specialties,.about-section,.projects,.statement,.contact-section{position:relative;z-index:1}.hero{min-height:675px;display:flex;align-items:center}.hero-content{display:flex;align-items:center}.hero-text{width:51%;padding:30px 0 55px}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;color:#687568}.hero h1{font:normal clamp(65px,7vw,108px)/.99 var(--serif);letter-spacing:-.06em;margin:30px 0 22px}.hero h1 em,.about-section h2 em,.statement h2 em,.contact-section h2 em{font-style:normal;font-weight:400}.hero p{max-width:390px;font-size:15px;line-height:1.85;margin:0 0 30px}.btn{display:inline-flex;justify-content:space-between;gap:33px;align-items:center;color:white;background:var(--green);font:12px var(--sans);padding:13px 20px}.btn:hover,.nav-cta:hover{background:#385d42}.scroll-note{display:flex;align-items:center;gap:16px;width:max-content;font-size:10px;color:#7b867c;margin-top:63px}.scroll-note span{font-size:24px}.specialties{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(247,246,240,.83)}.special-grid{display:grid;grid-template-columns:repeat(4,1fr)}.special-grid>a{min-height:142px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;border-right:1px solid var(--line)}.special-grid>a:first-child{border-left:1px solid var(--line)}.special-grid b{font:14px/1.4 var(--serif);font-weight:400}.symbol{border:1px solid #98a797;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font:25px var(--serif);color:#647b66}.about-section{padding:100px 0 90px;min-height:485px}.about-copy{position:relative}.about-copy>p{max-width:595px;line-height:1.9}.about-section h2,.statement h2,.contact-section h2{font:normal clamp(33px,3.6vw,56px)/1.13 var(--serif);letter-spacing:-.035em;margin:19px 0}.values{display:flex;gap:55px;margin-top:38px}.values div{display:flex;flex-direction:column;min-width:120px}.values strong{font:38px var(--serif)}.values span{font-size:11px;color:var(--muted)}.projects{padding:68px 0 92px;background:#fbfaf6;border-top:1px solid #e8e7df}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{font:normal 38px var(--serif);margin:8px 0}.section-heading>a{font-size:12px;border-bottom:1px solid #53695a}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-picture{aspect-ratio:1.42;background-position:center;background-size:cover;margin-bottom:17px}.photo-one{background-image:linear-gradient(145deg,#21452a33,#062b1c33),url('assets/park.svg')}.photo-two{background-image:linear-gradient(145deg,#21452a33,#062b1c33),url('assets/inwestycja.svg')}.photo-three{background-image:linear-gradient(145deg,#21452a33,#062b1c33),url('assets/aleja.svg')}.project-grid small{font-size:10px;color:#778178}.project-grid h3{font:normal 23px var(--serif);margin:7px 0}.project-grid p{font-size:12px;max-width:320px;color:#637067}.statement{min-height:440px;padding:95px 0;background:linear-gradient(90deg,#f7f6f0 0%,#f7f6f0e5 63%,#f7f6f000 100%)}.statement-inner>*{max-width:610px}.statement p{line-height:1.8}.statement .btn{margin-top:15px}.contact-section{border-top:1px solid var(--line);padding:75px 0;background:#f0f0e9}.contact-inner{display:flex;justify-content:space-between;gap:65px}.contact-inner p{max-width:510px}.contact-details{display:flex;flex-direction:column;gap:13px;justify-content:center;min-width:290px}.contact-details>span{font-size:10px;letter-spacing:.16em}.contact-details>a{font:22px var(--serif);border-bottom:1px solid #cbd0c6;padding-bottom:10px}.contact-details small{color:var(--muted)}.footer{background:#eeeee7;border-top:1px solid #dcded4}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px;padding:53px 0}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:7px;font-size:12px}.footer-main b{font-size:11px;letter-spacing:.08em;margin-bottom:8px}.footer-brand{display:flex;align-items:start;gap:12px;font:20px/1.05 var(--serif);letter-spacing:.08em}.footer-brand small{display:block;font:9px var(--sans);letter-spacing:0;margin-top:7px}.footer-bottom{padding:20px 0;border-top:1px solid #d8dbd2;display:flex;justify-content:space-between;font-size:10px;color:#7b847b}.entry-content,.post-content{max-width:800px;margin:70px auto;padding:0 25px}.entry-content h1,.post-content h1{font:normal 50px var(--serif)}@media(max-width:900px){.wrap{width:min(100% - 42px,1190px)}.header-row{height:78px}.menu-toggle{display:block;border:1px solid #c8d0c5;background:transparent;padding:9px 12px}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 12px 20px #00000012}.nav.is-open{display:flex}.page-art{top:110px;width:69%;height:1600px;opacity:.65}.tree-crown{width:135%;right:-45%}.tree-roots{top:990px}.hero{min-height:590px}.hero-text{width:67%}.hero h1{font-size:clamp(58px,8vw,90px)}.special-grid{grid-template-columns:repeat(2,1fr)}.special-grid>a{border-bottom:1px solid var(--line)}.about-section{padding:78px 0}.project-grid{gap:13px}.values{gap:25px}}@media(max-width:600px){.brand-wordmark{font-size:14px}.brand-wordmark small{font-size:6px}.page-art{top:130px;right:0;width:92%;height:950px;opacity:.28}.tree-crown{width:145%;right:-56%}.tree-roots{display:none}.hero{min-height:630px;align-items:flex-start}.hero-text{width:100%;padding-top:85px}.hero h1{font-size:clamp(56px,14vw,78px)}.hero p{max-width:310px}.scroll-note{margin-top:55px}.special-grid b{font-size:12px}.special-grid>a{min-height:125px}.about-section{padding:63px 0}.about-section h2,.statement h2,.contact-section h2{font-size:36px}.values{gap:15px;flex-wrap:wrap}.values strong{font-size:28px}.project-grid{grid-template-columns:1fr;gap:33px}.project-picture{aspect-ratio:1.7}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:34px}.statement{padding:70px 0;min-height:auto}.contact-inner{flex-direction:column;gap:28px}.contact-details{min-width:0}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:12px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
