@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#181a19;--muted:#686c69;--lime:#c7e85d;--paper:#f7f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1320px;margin:auto;padding:0 5%}.top{background:#171b18;color:#ddd;padding:9px 5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em}header{height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 24px #0000000b}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.05em;line-height:1.1}.logo b{font-weight:800}.logo small{display:block;font-size:8px;letter-spacing:.25em;color:#888;margin-top:5px}.mark{background:#1e2420;color:white;padding:14px 11px;font-size:21px;letter-spacing:-.09em}.mark span{color:var(--lime)}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}nav a:not(.navcta):hover{color:#7b9b1c}.navcta{background:var(--lime);padding:16px 22px}.menu{display:none}.hero{min-height:690px;height:78vh;max-height:900px;position:relative;color:white;display:flex;align-items:center;background:#222}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,19,15,.89),rgba(13,19,15,.48) 57%,rgba(13,19,15,.12)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=90') center/cover}.hero-inner{position:relative;max-width:1320px;width:100%;padding:0 5%;margin:auto}.eyebrow,.section-label{font-size:11px;letter-spacing:.2em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow i{width:27px;height:2px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em}h1{font-size:clamp(50px,6.4vw,105px);line-height:1.07;margin:30px 0}em{font-style:normal;color:var(--lime)}.hero p{max-width:580px;line-height:1.9;color:#e2e4df;font-size:16px}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:32px;padding:18px 23px;font-weight:800;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#161b13}.outline{border:1px solid #ffffff88;color:white}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;color:#ddd}.intro{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.section-label{color:#829c3d;margin-bottom:26px}.intro h2,.section-heading h2,.contact h2{font-size:clamp(38px,4.2vw,65px);line-height:1.14}.intro h2 em,.section-heading h2 em,.contact h2 em{color:#90aa45}.intro-copy{padding-top:45px;color:var(--muted);line-height:1.95}.intro-copy strong{color:#20251e}.services{background:var(--paper);padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:300px;color:var(--muted);line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{background:white;min-width:0}.photo{height:330px;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.service-card:hover img{transform:scale(1.05)}.photo span{position:absolute;top:20px;left:20px;background:var(--lime);padding:10px 13px;font-weight:800;font-size:12px}.service-text{padding:30px 34px 34px}.service-text h3{font-size:26px;letter-spacing:-.04em;font-family:Manrope,sans-serif}.service-text p{color:var(--muted);line-height:1.8;font-size:14px;min-height:75px}.service-text a{font-size:13px;font-weight:800;border-bottom:1px solid #1e231c;padding-bottom:7px}.wide{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.wide .photo{height:390px}.wide .service-text{display:flex;flex-direction:column;justify-content:center;padding:50px}.statement{background:#1b221d;color:white;padding:110px 0}.statement span{color:var(--lime);font-size:11px;letter-spacing:.18em;font-weight:800}.statement h2{font-size:clamp(42px,6vw,88px);line-height:1.12;margin:32px 0 40px}.projects{padding-top:110px;padding-bottom:110px}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.project-grid img{width:100%;height:360px;object-fit:cover}.disclaimer{font-size:12px;color:#858585;margin-top:17px}.contact{background:#f1f3e9;padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{margin-bottom:22px}.contact p{line-height:1.8;color:#686c69;max-width:430px}.contact .btn{margin-top:18px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:45px 20px;padding-top:20px}.contact-info>div{display:flex;flex-direction:column;gap:10px}.contact-info span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#839444;margin-bottom:8px}.contact-info a,.contact-info p{font-weight:700;font-size:15px;margin:0;color:#252923}.social{display:flex;flex-direction:column;gap:10px}footer{background:#151a16;color:#fff;padding:38px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:25px}.foot>span,.foot>a:last-child{font-size:12px;color:#aaa}@media(max-width:850px){header{height:75px}.menu{display:block;background:none;border:0;font-size:26px;cursor:pointer}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:30px 5%;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 15px 25px #0001}nav.open{display:flex}.hero{min-height:620px;height:75vh}.intro,.contact-grid{grid-template-columns:1fr;gap:20px}.intro{padding-top:80px;padding-bottom:80px}.intro-copy{padding-top:0}.services,.projects,.contact,.statement{padding-top:80px;padding-bottom:80px}.photo{height:260px}.project-grid img{height:250px}.foot{flex-wrap:wrap}}@media(max-width:580px){.top{font-size:10px}.hero{min-height:650px}.hero-inner{padding-top:10px}.hero p{font-size:14px}.section-heading{display:block}.service-grid,.wide{display:grid;grid-template-columns:1fr}.wide{grid-column:auto}.wide .photo{height:260px}.wide .service-text{padding:30px 34px}.service-text p{min-height:auto}.project-grid{grid-template-columns:1fr 1fr}.project-grid img{height:220px}.project-grid img:first-child{grid-column:1/-1;height:290px}.contact-info{grid-template-columns:1fr 1fr}.foot{flex-direction:column;align-items:flex-start}}

:root{--lime:#078fe0} .navcta,.primary,.photo span{background:#078fe0;color:white}.mark{display:none}.brand-image{width:245px;max-width:100%;height:auto;display:block;mix-blend-mode:multiply}.logo{max-width:260px}.eyebrow i{background:#078fe0}.section-label{color:#078fe0}.intro h2 em,.section-heading h2 em,.contact h2 em{color:#078fe0}.statement em,.hero em{color:#4bb8ff}.work-set{margin:50px 0 65px}.work-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.work-head h3{font-size:27px}.work-head p,.gallery-note{color:#737b83;font-size:14px;line-height:1.7}.gallery-note{max-width:850px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.work-card{margin:0;background:#f3f5f7;overflow:hidden}.work-card img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .3s}.work-card:hover img{transform:scale(1.035)}.work-card figcaption{padding:12px 14px;font-size:12px;font-weight:700;color:#394552}.video-section{padding:100px 0;background:#f2f6fa}.video-section h2{font-size:clamp(35px,4vw,62px)}.video-section p{color:#667}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.video-card{background:white;padding:12px}.video-card video{width:100%;max-height:440px;background:#101010;display:block}.video-card p{margin:12px 6px;font-weight:700}@media(max-width:850px){.work-grid{grid-template-columns:repeat(3,1fr)}.brand-image{width:190px}}@media(max-width:580px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.work-card img{height:180px}.work-head{display:block}.video-grid{grid-template-columns:1fr}.brand-image{width:170px}.work-head h3{font-size:22px}}
/* Galeri e organizuar pa fotografi të dyfishuara */
.more-views{padding:0 12px 12px;font-size:12px}.more-views summary{cursor:pointer;color:#087ac4;font-weight:700;padding:7px 0}.more-views-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:8px}.more-views-grid img{width:100%;height:95px;object-fit:cover;border-radius:4px}.work-card{min-width:0}

/* Wordmark and compact numbered gallery */
.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-size:clamp(21px,2.5vw,34px);font-weight:900;font-style:italic;letter-spacing:-1.6px;color:#8d959e;line-height:1}.wordmark strong{color:#078cdb;font-weight:950;margin-left:2px}a.logo{text-decoration:none;display:inline-flex;align-items:center}.work-card[hidden]{display:none!important}.gallery-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:22px 0 42px}.gallery-pages button{cursor:pointer;min-width:42px;height:42px;border:1px solid #d4dce5;background:#fff;color:#163455;border-radius:7px;font-weight:800;font-size:15px}.gallery-pages button:hover,.gallery-pages button.active{background:#078cdb;border-color:#078cdb;color:white}.work-set{margin-top:38px}.work-grid{align-items:stretch}.work-card img{width:100%;height:220px;object-fit:cover}.work-card figcaption{font-size:12px}@media(max-width:600px){.wordmark{font-size:23px}.work-card img{height:170px}.gallery-pages button{min-width:39px;height:39px}}

/* Mobile fix: pagination is not the header navigation. */
@media(max-width:850px){
  nav.gallery-pages{display:flex!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;margin:18px 0 34px!important}
  nav.gallery-pages button{min-width:40px;height:40px;flex:0 0 auto}
  header nav{display:none}
  header nav.open{display:flex}
}
@media(max-width:580px){.hero{height:auto;min-height:590px}.hero-inner{padding-top:55px;padding-bottom:95px}.hero h1{font-size:clamp(39px,10vw,58px)}.hero .actions{gap:10px}.hero .btn{padding:15px 17px;gap:12px}.gallery-pages{max-width:100%}}
