:root{--ivory:#fbfaf6;--cream:#f1eadc;--green:#334d3c;--green2:#58705f;--ink:#20241f;--muted:#687068;--line:rgba(32,36,31,.14);--white:#fff;--serif:'Cormorant Garamond',serif;--sans:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}.offer{height:36px;display:flex;align-items:center;justify-content:center;background:var(--cream);font-size:11px;letter-spacing:.22em;text-align:center;padding:0 14px}.site-header{height:104px;background:rgba(251,250,246,.94);backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{text-align:center;display:flex;flex-direction:column;line-height:1}.brand-main{font-family:var(--serif);font-size:30px;letter-spacing:.18em;font-weight:600}.brand-sub{font-size:10px;letter-spacing:.42em;margin-top:7px}.header-tools{justify-self:end;display:flex;align-items:center;gap:24px}.icon-btn{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.7}.menu-btn{justify-self:start;display:flex;flex-direction:column;gap:6px}.menu-btn span{display:block;width:27px;height:2px;background:var(--ink);transition:.3s}.lang-switch{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.12em}.lang{border:0;background:none;padding:5px 1px;cursor:pointer;color:#888}.lang.active{color:var(--green);font-weight:700}.mobile-nav{position:fixed;z-index:45;top:140px;left:0;width:100%;background:var(--ivory);display:grid;gap:0;transform:translateY(-140%);transition:.35s;border-bottom:1px solid var(--line)}.mobile-nav.open{transform:translateY(0)}.mobile-nav a{padding:18px 7vw;border-top:1px solid var(--line);font-family:var(--serif);font-size:26px}.hero{min-height:calc(100vh - 140px);position:relative;background:url('assets/berat-hero.jpeg') center/cover no-repeat;display:flex;align-items:center;padding:8vw 7vw 9vw;color:white}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,35,27,.83) 0%,rgba(32,45,36,.58) 45%,rgba(23,31,26,.15) 75%),linear-gradient(0deg,rgba(14,22,17,.45),transparent 50%)}.hero-content{position:relative;z-index:2;width:min(760px,92%)}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.24em}.hero h1,.section h2{font-family:var(--serif);font-weight:600;line-height:.92;margin:22px 0}.hero h1{font-size:clamp(58px,8.7vw,126px)}.hero h1 em{font-weight:500;color:#e4d8be}.hero-copy{max-width:650px;font-size:clamp(16px,1.5vw,20px);line-height:1.75;color:rgba(255,255,255,.88)}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:13px;font-weight:600;letter-spacing:.04em;transition:.25s}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:#263e30;transform:translateY(-2px)}.btn.ghost{border-color:rgba(255,255,255,.7);color:white}.btn.ghost:hover{background:white;color:var(--ink)}.btn.outline{border-color:var(--green);color:var(--green)}.hero-stats{position:absolute;z-index:2;bottom:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(251,250,246,.94);color:var(--ink);width:min(720px,68%)}.hero-stats div{padding:22px 28px;border-left:1px solid var(--line)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-family:var(--serif);font-size:24px;color:var(--green)}.hero-stats span{font-size:11px;color:var(--muted);margin-top:5px}.birds{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.bird{position:absolute;font-size:38px;color:rgba(255,255,255,.85);font-family:serif;animation-duration:7s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.b1{top:18%;left:-8%;animation-name:flyR}.b2{top:29%;left:-10%;animation-name:flyR;animation-delay:.5s}.b3{top:40%;left:-12%;animation-name:flyR;animation-delay:1s}.b4{top:22%;right:-8%;transform:scaleX(-1);animation-name:flyL}.b5{top:35%;right:-10%;transform:scaleX(-1);animation-name:flyL;animation-delay:.7s}.b6{top:48%;right:-12%;transform:scaleX(-1);animation-name:flyL;animation-delay:1.2s}@keyframes flyR{0%{transform:translateX(0) translateY(0);opacity:0}10%{opacity:1}100%{transform:translateX(115vw) translateY(-80px);opacity:0}}@keyframes flyL{0%{transform:scaleX(-1) translateX(0);opacity:0}10%{opacity:1}100%{transform:scaleX(-1) translateX(115vw) translateY(-55px);opacity:0}}.section{padding:110px 7vw}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.intro-image img,.about-image img,.process-visual img{height:650px;object-fit:cover}.kicker{color:var(--green2)}.section h2{font-size:clamp(46px,6vw,88px)}.intro-copy p:not(.kicker),.section-head>p:last-child,.about-copy>p,.contact-copy>p,.process-content li p{line-height:1.8;color:var(--muted);font-size:16px}.text-link{display:inline-block;margin-top:24px;color:var(--green);font-weight:700;border-bottom:1px solid var(--green);padding-bottom:5px}.services{background:var(--cream)}.section-head{max-width:900px;margin-bottom:55px}.section-head h2{margin-bottom:22px}.section-head>p:last-child{max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:38px 30px;min-height:390px;background:rgba(255,255,255,.42);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}.service-card:hover{background:var(--white);transform:translateY(-5px)}.service-card>span{font-family:var(--serif);font-size:28px;color:var(--green2)}.service-card h3{font-family:var(--serif);font-size:32px;margin:48px 0 15px}.service-card p,.service-card li{color:var(--muted);line-height:1.65;font-size:14px}.service-card ul{padding-left:18px;margin-top:22px}.projects{background:var(--ivory)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{position:relative;background:white;border:1px solid var(--line);overflow:hidden}.project-card img{height:620px;object-fit:cover;object-position:top;transition:.5s}.project-card:hover img{transform:scale(1.025)}.project-info{padding:28px 30px 34px;position:relative}.project-info span{font-size:10px;letter-spacing:.18em;color:var(--green2)}.project-info h3{font-family:var(--serif);font-size:38px;margin:12px 0}.project-info p{color:var(--muted);line-height:1.7;max-width:560px}.project-info b{position:absolute;right:28px;top:38px;font-size:24px;color:var(--green)}.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;background:var(--green);color:white}.process-content .kicker{color:#d9cdb7}.process-content h2{color:white}.process-content ol{list-style:none;padding:0;margin:40px 0 0}.process-content li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.18)}.process-content li span{font-family:var(--serif);font-size:26px;color:#d9cdb7}.process-content li h3{margin:0 0 8px;font-family:var(--serif);font-size:27px}.process-content li p{margin:0;color:rgba(255,255,255,.72)}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.checks{display:grid;gap:12px;margin-top:32px;color:var(--green);font-weight:600}.contact{background:var(--cream);display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}.contact-logo img{border-radius:50%;max-width:480px;margin:auto;box-shadow:0 25px 70px rgba(44,61,48,.15)}footer{background:#18231c;color:white;padding:46px 7vw;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}footer div{display:flex;flex-direction:column;gap:8px}footer strong{font-family:var(--serif);font-size:25px;letter-spacing:.12em}footer span,footer a,footer small{font-size:12px;color:rgba(255,255,255,.68)}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.search-modal{position:fixed;inset:0;background:rgba(20,28,22,.82);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:12vh 20px}.search-modal.open{display:flex}.search-panel{width:min(760px,100%);background:var(--ivory);padding:42px;position:relative}.close-search{position:absolute;right:18px;top:10px;border:0;background:none;font-size:34px;cursor:pointer}.search-panel p{font-size:11px;letter-spacing:.2em;color:var(--green)}.search-panel input{width:100%;border:0;border-bottom:2px solid var(--green);background:transparent;font-family:var(--serif);font-size:32px;padding:14px 0;outline:none}.search-result{display:block;padding:18px 0;border-bottom:1px solid var(--line)}.search-result b{display:block;font-family:var(--serif);font-size:23px}.search-result span{font-size:13px;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:88px}.hero{min-height:calc(100vh - 124px);padding:90px 6vw 180px}.hero-stats{width:100%;grid-template-columns:1fr 1fr 1fr}.intro,.process,.about,.contact{grid-template-columns:1fr}.intro-image img,.about-image img,.process-visual img{height:500px}.service-grid{grid-template-columns:1fr 1fr}.project-card img{height:520px}.process-visual{order:2}.contact-logo img{max-width:330px}}@media(max-width:680px){.offer{font-size:9px;letter-spacing:.14em}.site-header{padding:0 18px}.brand-main{font-size:23px}.brand-sub{font-size:8px}.header-tools{gap:8px}.lang-switch{font-size:10px}.icon-btn{width:38px;height:38px}.hero{padding:90px 22px 230px;align-items:flex-start}.hero h1{font-size:58px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-stats{grid-template-columns:1fr;bottom:0}.hero-stats div{padding:12px 20px;border-left:0;border-top:1px solid var(--line)}.hero-stats strong{font-size:19px}.hero-stats span{font-size:10px}.section{padding:78px 22px}.intro-image img,.about-image img,.process-visual img{height:390px}.service-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:auto}.project-card img{height:500px}.contact-actions{flex-direction:column}.contact-actions .btn{font-size:11px;padding:0 12px}footer{grid-template-columns:1fr}.search-panel{padding:34px 22px}.search-panel input{font-size:24px}}
