@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#15322a;--muted:#66746e;--paper:#f7f5ed;--sand:#e8e0ca;--line:#d8ddd4;--accent:#c6a56a;--white:#fff;--dark:#102820}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,245,237,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(21,50,42,.08)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#e9dfc8;display:grid;place-items:center;font-weight:700;font-size:12px}.brand b{letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.4px}.site-header nav{display:flex;gap:22px;font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:#9f7d42}.lang{display:flex;gap:5px}.lang a{font-size:11px;padding:5px 7px;border-radius:5px}.lang a.active{background:var(--ink);color:white}.header-wa{padding:10px 14px;border-radius:5px;background:#dfe9da;font-size:12px;font-weight:700}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}.hero{min-height:720px;position:relative;overflow:hidden;background:#142a22;color:white}.hero-gallery{height:min(78vh,820px);min-height:560px}.hero-slides,.hero-slide,.hero-slide img{position:absolute;inset:0;width:100%;height:100%}.hero-slide{opacity:0;transition:opacity .7s ease}.hero-slide.active{opacity:1}.hero-slide img{object-fit:cover;object-position:center}.hero-gallery:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.18));pointer-events:none}.hero-prev,.hero-next{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.22);color:white;font-size:40px;line-height:1;cursor:pointer;backdrop-filter:blur(5px)}.hero-prev{left:24px}.hero-next{right:24px}.hero-prev:hover,.hero-next:hover{background:rgba(0,0,0,.4)}.hero-dots{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.hero-dots button.active{background:white;transform:scale(1.25)}.section{padding:104px 0}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.section h2{font-size:clamp(39px,5vw,63px)}.intro p:not(.eyebrow),.section-head>p{color:var(--muted);font-size:17px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chips span{border:1px solid var(--line);padding:7px 10px;border-radius:20px;font-size:12px}.dark{background:var(--dark);color:white}.dark .eyebrow{color:#d6bf8a}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head>p{max-width:450px;color:#b9c7bf;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.service-card{min-height:260px;padding:31px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.service-card span{font-size:11px;color:var(--accent);letter-spacing:2px}.service-card h3{font-family:'Playfair Display',serif;font-size:26px;margin:70px 0 8px}.service-card p{font-size:14px;color:#aebdb4}.text-link{font-weight:700;font-size:13px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{display:block;min-height:360px;background:white;grid-column:span 4;overflow:hidden;border:1px solid var(--line);transition:.25s}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:span 6}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(25,52,42,.08)}.project-img,.project-art{height:290px;background-size:cover;background-position:center;position:relative}.project-img{background-color:#82907a;background-image:linear-gradient(135deg,#2a4b3d,#a1ad91,#cfbf93)}.project-info{padding:18px}.project-info span,.project-info h3{display:block}.project-info span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8c7955}.project-info h3{font-family:'Playfair Display',serif;font-size:22px;margin:3px 0}.placeholder .project-art{height:100%;min-height:360px;background:linear-gradient(135deg,#27473b,#9aa88c)}.project-art>span{position:absolute;top:22px;left:22px;color:#e0d0a8;font-size:11px}.project-art>div{position:absolute;bottom:25px;left:25px;right:25px;color:white}.project-art b{font-family:'Playfair Display';display:block;font-size:34px}.project-art small{opacity:.8}.sand{background:#e9e2d1}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{background:#f8f5eb;padding:26px;border:1px solid #d8d0bd;min-height:185px}.product-card:hover{border-color:#ae9568}.product-icon{font-size:30px;color:#9c8354}.product-card h3{font-family:'Playfair Display';font-size:21px;margin:28px 0 8px}.product-card span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.ref-tabs{display:flex;gap:8px;margin-bottom:22px}.ref-tabs a{padding:7px 13px;background:#f0eee6;border:1px solid var(--line);font-size:12px}.ref-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ref-item{background:white;border:1px solid var(--line);min-height:130px;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;gap:10px}.ref-item img{max-width:150px;max-height:58px;object-fit:contain}.ref-item span{font-size:9px;letter-spacing:1px;color:#8c7955;text-transform:uppercase}.empty-note{grid-column:1/-1;padding:25px;border:1px dashed var(--line);color:var(--muted)}.quote{background:#dfd4bd}.quote-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.quote blockquote{font-family:'Playfair Display';font-size:clamp(28px,4vw,46px);line-height:1.25;margin:0}.quote cite{display:block;font-family:'DM Sans';font-size:12px;margin-top:22px;color:#6d6a5e;font-style:normal}.contact{background:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contact-list{display:flex;flex-direction:column;gap:12px;margin:28px 0;font-size:15px}.contact-list a{font-weight:600}.contact-list span{color:var(--muted)}.socials{display:flex;gap:9px;flex-wrap:wrap}.socials a{padding:10px 14px;background:var(--paper);font-size:12px;font-weight:700}.map-wrap{min-height:470px;background:#dfe5dc}.map-wrap iframe{width:100%;height:100%;min-height:470px;border:0;filter:saturate(.7)}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:40;background:#233e32;color:white;padding:13px 17px;border-radius:40px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-weight:700;text-align:center;font-size:12px}.floating-wa small{font-weight:400;opacity:.8}footer{background:#0e211b;color:#d6ded8;padding:25px 0}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.footer span{display:block;color:#8f9e96;margin-top:4px}.footer a{color:#d8c49a}@media(max-width:900px){.site-header nav{display:none}.menu-toggle{display:block}.nav-wrap{gap:10px}.header-wa{display:none}.hero-inner{padding:65px 0;display:block}.hero-card{display:none}.trust{margin-top:30px}.split,.quote-inner,.contact-grid{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.ref-grid{grid-template-columns:repeat(3,1fr)}.section{padding:76px 0}.section-head{display:block}.section-head>p{margin-top:18px}.project-card,.project-card:nth-child(1),.project-card:nth-child(4){grid-column:span 6}}@media(max-width:600px){.hero-gallery{height:66vh;min-height:430px}.hero-prev,.hero-next{width:42px;height:42px;font-size:31px}.hero-prev{left:12px}.hero-next{right:12px}.service-grid,.product-grid,.ref-grid{grid-template-columns:1fr}.project-grid{display:block}.project-card{margin-bottom:12px}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:auto}.project-art{min-height:300px}.footer{display:block}.footer>div+div{margin-top:12px}.floating-wa{right:12px;bottom:12px}.lang{margin-left:auto}}

/* Utku Peyzaj logo and project photography */
.brand-logo{width:58px;height:58px;object-fit:contain;object-position:center;background:transparent}.hero-bg{background-size:cover!important;background-position:center!important}.project-img{overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover;display:block}.photo-strip{background:#f1eee4}.photo-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.photo-mosaic a{height:230px;display:block;overflow:hidden;background:#ddd}.photo-mosaic a:nth-child(1),.photo-mosaic a:nth-child(4){grid-column:span 5}.photo-mosaic a:nth-child(2),.photo-mosaic a:nth-child(5){grid-column:span 4}.photo-mosaic a:nth-child(3),.photo-mosaic a:nth-child(6),.photo-mosaic a:nth-child(7){grid-column:span 3}.photo-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.photo-mosaic a:hover img{transform:scale(1.04)}@media(max-width:700px){.brand-logo{width:48px;height:48px}.photo-mosaic{display:grid;grid-template-columns:1fr 1fr}.photo-mosaic a,.photo-mosaic a:nth-child(n){grid-column:span 1;height:180px}}
.activity-bar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(20,45,35,.05);position:relative;z-index:5}.activity-scroll{width:min(1180px,92%);margin:auto;display:flex;gap:10px;align-items:center;overflow-x:auto;padding:14px 0;scrollbar-width:none}.activity-scroll::-webkit-scrollbar{display:none}.activity-scroll a{flex:0 0 auto;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#f7f5ed;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}.activity-scroll a:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px)}@media(max-width:600px){.activity-scroll{padding:11px 0;gap:8px}.activity-scroll a{font-size:11px;padding:9px 13px}}
/* Strong activity buttons */
.activity-scroll{padding:18px 0;gap:12px}
.activity-scroll a{padding:13px 20px;border:2px solid #d0d8cf;border-radius:12px;background:#f8f7f1;font-size:16px;font-weight:800;letter-spacing:.1px;box-shadow:0 5px 14px rgba(20,45,35,.07)}
.activity-scroll a:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,45,35,.14)}
@media(max-width:600px){.activity-scroll{padding:13px 0;gap:9px}.activity-scroll a{font-size:14px;padding:11px 16px;border-radius:10px}}
.brand-logo{width:70px;height:60px}
@media(max-width:700px){.brand-logo{width:58px;height:50px}}
