/*
Theme Name: Karlo Projektai Framehouse
Theme URI: https://example.com/
Author: Karlo projektai, IĮ
Description: Individuali moderni WordPress tema langų, durų, balkonų ir terasų sprendimams.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: karlo-framehouse
*/
:root{--ink:#0a0e12;--coal:#11161d;--blue:#245cff;--ice:#dcecff;--paper:#f3f0ea;--white:#fff;--copper:#e26f42;--muted:#69727c;--line:rgba(10,14,18,.14);--shadow:0 30px 80px rgba(7,16,28,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.container{width:min(100% - 48px,1320px);margin:auto}.eyebrow{display:inline-flex;gap:12px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:2px;background:var(--blue)}
.nav{position:sticky;top:0;z-index:60;background:rgba(243,240,234,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}body.admin-bar .nav{top:32px}.nav .container{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:52px;height:52px;border:2px solid var(--ink);display:grid;place-items:center;position:relative;font-weight:950;font-size:17px;letter-spacing:-.08em}.brandmark:before,.brandmark:after{content:"";position:absolute;background:var(--blue)}.brandmark:before{width:18px;height:3px;right:-8px;top:11px}.brandmark:after{width:3px;height:18px;right:4px;top:-8px}.brand strong{display:block;font-size:20px;letter-spacing:-.05em}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.navlinks{display:flex;gap:27px;font-size:12px;font-weight:850}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:.01em;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-light{background:#fff;border-color:var(--line)}.menuBtn{display:none;border:0;background:transparent;font-size:25px}
.hero{position:relative;background:var(--paper);border-bottom:1px solid var(--line)}.hero-shell{display:grid;grid-template-columns:80px minmax(0,.9fr) minmax(0,1.25fr);min-height:720px}.hero-rail{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.hero-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;text-transform:uppercase;letter-spacing:.25em;font-weight:900}.hero-copy{padding:78px 44px 58px 54px;display:flex;flex-direction:column;justify-content:center}.hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-weight:900}.hero h1{font-size:clamp(64px,7vw,112px);line-height:.82;letter-spacing:-.075em;margin:25px 0 26px;font-weight:900;max-width:650px}.hero h1 .serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-.055em}.hero .lead{font-size:17px;line-height:1.7;color:#59636f;max-width:580px;margin:0 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px}.hero-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#34404c}.hero-facts b{color:var(--blue)}
.hero-media{display:grid;grid-template-columns:1.6fr .72fr;grid-template-rows:1fr 1fr;gap:8px;padding:8px 8px 8px 0;min-height:720px}.hero-media .main{grid-row:1/3;position:relative;overflow:hidden;background:#ccd4db}.hero-media .small{position:relative;overflow:hidden;background:#d9dee2}.hero-media img{filter:saturate(1.07) contrast(1.04) brightness(1.02);transition:transform .6s}.hero-media>div:hover img{transform:scale(1.015)}.hero-media .main:after{content:"KARLO / FRAMEWORK";position:absolute;left:18px;bottom:18px;background:rgba(10,14,18,.86);color:#fff;padding:9px 11px;font-size:8px;letter-spacing:.18em;font-weight:900}.hero-stats{position:absolute;left:calc(80px + 4%);right:4%;bottom:-47px;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr)}.hero-stats div{padding:20px 26px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats b{display:block;font-size:23px;letter-spacing:-.05em}.hero-stats small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}
.ribbon{margin-top:86px;background:var(--blue);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.ribbon-track{display:flex;gap:0;white-space:nowrap;animation:marquee 24s linear infinite}.ribbon span{padding:16px 30px;border-right:1px solid rgba(255,255,255,.2);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 0}.section.dark{background:var(--coal);color:#fff}.section-head{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:end;margin-bottom:48px}.section-head h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.065em;margin:13px 0 0}.section-head h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--blue)}.section-head p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.dark .section-head p{color:#a9b3be}.dark .eyebrow{color:#b9c8ff}
.service-ledger{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1.2fr .7fr 100px;gap:24px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.service-row .n{font-size:11px;color:var(--blue);font-weight:900}.service-row h3{font-size:23px;letter-spacing:-.04em;margin:0}.service-row p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.service-row .price{font-size:11px;text-align:right;font-weight:900}.service-row:hover h3{color:var(--blue)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:12px}.gitem{position:relative;overflow:hidden;background:#d8d8d8;cursor:zoom-in}.gitem img{filter:saturate(1.07) contrast(1.045) brightness(1.02);transition:.45s}.gitem:hover img{transform:scale(1.02)}.g1{grid-column:span 5;grid-row:span 2}.g2{grid-column:span 4}.g3{grid-column:span 3}.g4{grid-column:span 3}.g5{grid-column:span 4}.g6{grid-column:span 5}.g7{grid-column:span 4}.g8{grid-column:span 3}.g9{grid-column:span 5}.g10{grid-column:span 4}.g11{grid-column:span 3}.g12{grid-column:span 4}.g13{grid-column:span 5}.g14{grid-column:span 3}.g15{grid-column:span 12;grid-row:span 2}.gallery-note{margin-top:22px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}
.focus{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px;background:#fff;border:1px solid var(--line)}.focus-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.focus-copy h2{font-size:clamp(50px,6vw,84px);line-height:.9;letter-spacing:-.065em;margin:15px 0 24px}.focus-copy p{font-size:13px;line-height:1.75;color:var(--muted)}.focus-list{margin-top:28px}.focus-list div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:11px}.focus-list b{color:var(--blue)}.focus-media{display:grid;grid-template-columns:1.25fr .75fr;gap:8px;padding:8px}.focus-media div{overflow:hidden;background:#ddd}.focus-media .a{grid-row:span 2}.focus-media img{filter:saturate(1.07) contrast(1.04)}
.price-matrix{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.pm{padding:24px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:30px}.pm b{font-size:14px}.pm span{font-size:12px;color:#9fb2ff;font-weight:900}.review{margin-top:48px;background:var(--blue);padding:44px;color:#fff;display:grid;grid-template-columns:180px 1fr;gap:45px;align-items:start}.review .score{font-size:58px;letter-spacing:-.08em;font-weight:950}.review .score small{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.review blockquote{font-family:Georgia,serif;font-size:26px;line-height:1.4;margin:0}.review cite{display:block;margin-top:20px;font-family:Inter,sans-serif;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}
.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:28px 28px 28px 0;border-right:1px solid var(--line);min-height:220px}.step+.step{padding-left:28px}.step:last-child{border-right:0}.step .n{font-size:10px;color:var(--blue);font-weight:900}.step h3{font-size:21px;margin:37px 0 10px}.step p{font-size:11px;line-height:1.65;color:var(--muted)}
.contact-shell{display:grid;grid-template-columns:.78fr 1.22fr;background:#fff;border:1px solid var(--line)}.contact-info{background:var(--blue);color:#fff;padding:48px}.contact-info h2{font-size:50px;line-height:.95;letter-spacing:-.06em;margin:15px 0 25px}.contact-info p{font-size:12px;line-height:1.7;color:#dbe3ff}.contact-row{padding:14px 0;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:20px;font-size:11px}.contact-row span{color:#c6d1ff}.quote-form{padding:43px}.quote-form h3{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.quote-form>p{font-size:11px;line-height:1.65;color:var(--muted)}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.field.full{grid-column:1/-1}.field label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#faf9f6;padding:14px;font:inherit;font-size:12px;outline:none}.field textarea{min-height:110px;resize:vertical}.hint{font-size:9px;color:var(--muted);margin-top:5px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-status{padding:12px 14px;background:#e9fff2;border:1px solid #c7eed6;color:#176345;font-size:11px;margin-top:14px}
footer{background:#090d11;color:#c3cad0;padding:52px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:50px}.footer-grid p{font-size:11px;line-height:1.7;max-width:430px}.footer-col b{display:block;color:#fff;margin-bottom:12px}.footer-col a,.footer-col span{display:block;padding:5px 0;font-size:11px}.copyright{margin-top:34px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7e8991}.float-call{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;z-index:50;display:grid;place-items:center;font-size:22px;box-shadow:0 18px 40px rgba(36,92,255,.32)}.lightbox{position:fixed;inset:0;background:rgba(5,8,11,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:min(100%,1200px);max-height:90vh;width:auto;height:auto;object-fit:contain}.lightbox button{position:absolute;right:24px;top:20px;border:0;background:#fff;width:44px;height:44px;border-radius:50%;font-size:24px}.reveal{opacity:0;transform:translateY(16px);transition:.65s}.reveal.on{opacity:1;transform:none}
@media(max-width:1050px){.navlinks{display:none}.menuBtn{display:block}.nav.open .navlinks{display:flex;position:absolute;left:20px;right:20px;top:80px;background:#fff;border:1px solid var(--line);padding:20px;flex-direction:column}.hero-shell{grid-template-columns:50px 1fr}.hero-media{grid-column:2;min-height:520px}.hero-copy{padding:55px 35px}.hero-stats{left:5%;right:5%}.section-head,.focus,.contact-shell{grid-template-columns:1fr}.service-row{grid-template-columns:50px 1fr 100px}.service-row p{display:none}.gallery-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:190px}.g1,.g6,.g9,.g13{grid-column:span 3}.g2,.g3,.g4,.g5,.g7,.g8,.g10,.g11,.g12,.g14{grid-column:span 3}.g15{grid-column:span 6}.process{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,1320px)}body.admin-bar .nav{top:46px}.nav .container{height:70px}.nav>.container>.btn{display:none}.brand strong{font-size:17px}.hero-shell{display:block}.hero-rail{height:36px}.hero-rail span{writing-mode:horizontal-tb;transform:none}.hero-copy{padding:42px 14px 35px}.hero h1{font-size:57px}.hero .lead{font-size:14px}.hero-media{grid-template-columns:1fr 1fr;grid-template-rows:290px 145px;min-height:auto;padding:0 14px 14px}.hero-media .main{grid-row:auto;grid-column:1/3}.hero-stats{position:relative;left:auto;right:auto;bottom:auto;margin:0 14px -40px;grid-template-columns:1fr 1fr}.hero-stats div{padding:15px}.ribbon{margin-top:75px}.section{padding:78px 0}.section-head{gap:25px}.section-head h2{font-size:48px}.service-row{grid-template-columns:36px 1fr}.service-row .price{grid-column:2;text-align:left}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gitem{grid-column:auto!important;grid-row:auto!important}.g15{height:300px}.focus-copy{padding:32px 22px}.focus-media{min-height:430px}.price-matrix{grid-template-columns:1fr}.review{grid-template-columns:1fr;padding:30px 22px}.review blockquote{font-size:21px}.process{grid-template-columns:1fr}.step,.step+.step{padding:24px 0;border-right:0}.contact-info,.quote-form{padding:30px 22px}.contact-info h2{font-size:40px}.fieldgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.float-call{width:54px;height:54px}}