:root{
  --paper:#f3f0e9;--ink:#111;--muted:#69655f;--dark:#0d0d0d;
  --line:rgba(17,17,17,.17);--white:#fff;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}body.menu-open{overflow:hidden}
img{display:block;width:100%;height:auto;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}
.wrap{width:min(1180px,90vw);margin:auto}.eyebrow{font-size:.69rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;height:88px;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}
.site-header .inner{height:100%;width:min(1320px,92vw);margin:auto;display:flex;justify-content:space-between;align-items:center}
.site-header.scrolled{position:fixed;background:rgba(12,12,12,.9);backdrop-filter:blur(14px);animation:drop .35s ease}
@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}
.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:var(--serif);font-size:1.55rem;font-weight:400}.brand span{font-size:.52rem;letter-spacing:.36em;margin-top:8px}
.nav{display:flex;gap:28px;align-items:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.nav a{position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .3s}.nav a:hover:after{right:0}.nav-cta{border:1px solid currentColor;padding:11px 16px}
.menu-btn{display:none;color:#fff;background:none;border:0;width:42px;height:42px}.menu-btn span{display:block;width:26px;height:1px;background:currentColor;margin:7px auto;transition:.3s}
.hero{height:100svh;min-height:690px;position:relative;overflow:hidden;color:#fff;background:#111}.hero-media{position:absolute;inset:-5%;will-change:transform}.hero-media img{height:110%;object-position:center 42%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.26) 60%,rgba(0,0,0,.1))}
.hero-copy{position:absolute;left:max(5vw,calc((100vw - 1180px)/2));top:51%;transform:translateY(-45%);max-width:850px;will-change:transform,opacity}.hero h1{font-size:clamp(4.4rem,8.7vw,8.5rem);line-height:.86;margin:20px 0 28px}.hero-copy>p:last-of-type{max-width:620px;color:rgba(255,255,255,.84)}
.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid currentColor;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.btn-solid{background:#fff;color:#111;border-color:#fff}.btn:hover{opacity:.78}.scroll-hint{position:absolute;right:4vw;bottom:36px;font-size:.61rem;letter-spacing:.2em;text-transform:uppercase}
.section{padding:130px 0}.intro-grid{display:grid;grid-template-columns:80px 1.2fr .7fr;gap:6vw;align-items:end}.intro-grid h2,.title h2,.split-copy h2{font-size:clamp(3.2rem,6.2vw,5.6rem);line-height:.98;margin:15px 0}.lead{font-size:1.12rem;color:#292725}.section-no{font-family:var(--serif);font-size:1.5rem}
.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.title p:last-child{max-width:460px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.tile{position:relative;overflow:hidden;background:#ddd;grid-column:span 4;aspect-ratio:4/5}.tile.wide{grid-column:span 8;aspect-ratio:16/9}.tile.tall{aspect-ratio:3/5}.tile img{height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.tile:hover img{transform:scale(1.04)}.caption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;color:#fff;display:flex;justify-content:space-between;background:linear-gradient(transparent,rgba(0,0,0,.74));font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}
.dark{background:var(--dark);color:#fff}.service{display:grid;grid-template-columns:70px 1fr 1fr;gap:5vw;padding:34px 0;border-top:1px solid rgba(255,255,255,.2);transition:padding-left .3s}.service:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.service:hover{padding-left:14px}.service h3{font:400 2.5rem var(--serif);margin:0}.service p{margin:0;color:rgba(255,255,255,.68)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.image-pair{display:grid;grid-template-columns:1fr .72fr;gap:18px;align-items:end}.image-pair img:first-child{aspect-ratio:4/5}.image-pair img:last-child{aspect-ratio:3/4;margin-bottom:-70px}.split-copy p{color:#383532}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:30px;margin-top:38px;border-top:1px solid var(--line)}.facts strong{font:400 2.4rem var(--serif);display:block}.facts span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.process{background:#ddd7ce}.process-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:58px 1fr;padding:24px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps strong{font:400 1.65rem var(--serif);display:block}.steps span{color:#4d4944}
.cta{background:#111;color:#fff;text-align:center;padding:140px 5vw}.cta h2{font:400 clamp(3.8rem,8vw,7.2rem)/.95 var(--serif);margin:20px auto 28px;max-width:1000px}.cta p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.7)}.mail-link{font:400 clamp(1.3rem,3vw,2rem) var(--serif);border-bottom:1px solid currentColor}
.footer{background:#090909;color:#fff;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:30px}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.73rem}.footer small{display:block;border-top:1px solid rgba(255,255,255,.16);margin-top:38px;padding-top:20px;color:#999}
.page-hero{background:#111;color:#fff;padding:190px 0 100px}.page-hero h1{font:400 clamp(4rem,9vw,8rem)/.9 var(--serif);margin:18px 0 0}.page-intro{padding:80px 0 45px}.page-intro .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.gallery{padding:30px 0 120px}.gallery-grid{columns:3;column-gap:18px}.gallery-grid figure{break-inside:avoid;margin:0 0 18px;overflow:hidden}.gallery-grid img{transition:transform .6s}.gallery-grid figure:hover img{transform:scale(1.02)}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{border-top:1px solid var(--line);padding:24px 0}.info-card h3{font:400 1.7rem var(--serif);margin:0 0 10px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-box{border-top:1px solid var(--line);padding:24px 0}.contact-box strong{display:block;font:400 1.7rem var(--serif)}
.legal{padding:160px 0 100px}.legal article{max-width:840px}.legal h1{font:400 clamp(3rem,7vw,5.5rem) var(--serif)}.legal h2{font:400 1.8rem var(--serif);margin-top:42px}.legal p,.legal li{color:#3f3c38}
.reveal{opacity:0;transform:translateY(44px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:880px){
 .site-header{height:72px}.nav{position:fixed;inset:0;background:#111;display:flex;flex-direction:column;justify-content:center;font-size:1.1rem;transform:translateY(-100%);transition:.4s}.menu-open .nav{transform:none}.menu-btn{display:block;position:relative;z-index:21}.menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .hero{min-height:640px}.hero-media{inset:0}.hero-media img{height:100%}.hero-copy{left:6vw;right:6vw}.hero h1{font-size:17vw}.actions{flex-direction:column;align-items:flex-start}.scroll-hint{display:none}
 .section{padding:88px 0}.intro-grid,.split,.process-grid,.page-intro .wrap,.contact-grid{grid-template-columns:1fr}.section-no{display:none}.title{display:block}.title h2,.intro-grid h2,.split-copy h2{font-size:13vw}
 .grid{grid-template-columns:1fr}.tile,.tile.wide{grid-column:auto;aspect-ratio:4/5}.tile:nth-child(2),.tile:nth-child(5){aspect-ratio:4/3}
 .service{grid-template-columns:40px 1fr}.service p{grid-column:2}.service h3{font-size:2rem}.image-pair img:last-child{margin-bottom:0}.facts{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.gallery-grid{columns:2}.info-cards{grid-template-columns:1fr}
}
@media(max-width:560px){.gallery-grid{columns:1}.page-hero{padding:145px 0 75px}.cta{padding:95px 5vw}.brand strong{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media,.hero-copy{transform:none!important}}
/* LOGO – LAPTOP DHE TELEFON */
.site-header .inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.site-header .brand{
    display:flex;
    align-items:center;
    justify-content:center;
    height:80px;
    padding:0;
    margin:0;
    line-height:0;
}

.site-header .logo{
    display:block;
    width:auto;
    height:70px;
    max-width:230px;
    object-fit:contain;
    object-position:center;
    margin:0;
    padding:0;
}

/* TELEFON */
@media (max-width:768px){
    .site-header .brand{
        height:66px;
    }

    .site-header .logo{
        height:55px;
        max-width:175px;
    }
}

/* TELEFONA SHUMË TË VEGJËL */
@media (max-width:420px){
    .site-header .logo{
        height:48px;
        max-width:155px;
    }
}
}