:root{--ink:#1b1a17;--paper:#f5f2ec;--yellow:#f1cf00;--muted:#78756e;--line:#d8d4ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.announcement{background:var(--ink);color:#dfdbd1;text-align:center;font-size:12px;letter-spacing:.09em;padding:10px}.announcement a{color:var(--yellow);margin-left:20px;font-weight:700}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:8px}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 5%;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-family:Georgia;font-weight:bold;font-size:25px;width:44px;height:44px}.brand-mark span{font-size:12px}.brand strong{display:block;letter-spacing:.28em;font-size:19px}.brand small{display:block;font-size:7px;letter-spacing:.14em;margin-top:2px}nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}nav a,.text-link,.arrow-link{color:var(--ink);text-decoration:none}nav a:not(.nav-cta){position:relative;padding:8px 0}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--yellow);transition:.25s}nav a:not(.nav-cta):hover:after{right:0}.nav-cta{border:1px solid var(--ink);padding:12px 17px}.nav-cta span,.button span,.arrow-link span{font-size:17px;margin-left:18px}.menu-toggle{display:none;background:none;border:0;font-size:24px}
.brand-logo{width:178px;height:auto;display:block}.contact-location{width:430px;height:300px;position:relative;overflow:hidden;background:#333}.contact-location iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.1)}.map-label{position:absolute;z-index:2;top:16px;left:16px;background:var(--yellow);padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:.08em}.map-label small{font-size:9px;font-weight:400;letter-spacing:0}.street-link{position:absolute;z-index:2;bottom:15px;left:15px;background:var(--ink);color:#fff;padding:10px 13px;text-decoration:none;font-size:10px}.view-360{position:absolute;right:16px;bottom:16px;width:68px;height:68px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;text-align:center;text-decoration:none;font-family:Georgia;font-size:18px;line-height:.8}.view-360 small{display:block;font:6px "DM Sans";letter-spacing:.06em}.craft{display:grid;grid-template-columns:1.08fr .92fr;gap:10%;align-items:center;background:#eae6dd;max-width:none;padding-left:calc((100% - 1152px)/2);padding-right:calc((100% - 1152px)/2)}.craft-photo{height:510px;position:relative;overflow:hidden}.craft-photo img{width:100%;height:100%;object-fit:cover;object-position:34% 58%;filter:saturate(.8)}.craft-badge{position:absolute;bottom:24px;right:24px;background:var(--yellow);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1.35}.craft-badge b{font-size:18px}.craft-copy h2{margin-bottom:22px}.craft-copy p{max-width:400px;color:var(--muted);line-height:1.9;font-size:14px;margin-bottom:30px}
.project-feature{cursor:pointer}.project-open{position:absolute;z-index:2;right:24px;bottom:30px;color:#fff;font-size:10px;opacity:.8}.lightbox{position:fixed;inset:0;background:rgba(20,19,16,.94);z-index:20;display:none;place-items:center;padding:70px 8%}.lightbox.open{display:grid}.lightbox img{max-width:min(1000px,90vw);max-height:78vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:none;color:#fff;cursor:pointer}.lightbox-close{top:22px;right:34px;font-size:42px}.lightbox-prev,.lightbox-next{top:50%;font-size:70px;transform:translateY(-50%)}.lightbox-prev{left:35px}.lightbox-next{right:35px}.lightbox-caption{position:absolute;bottom:28px;color:var(--yellow);font-size:11px;letter-spacing:.18em}
.work-categories{display:flex;flex-wrap:wrap;gap:9px;margin-top:45px;max-width:900px}.work-categories span{border:1px solid var(--line);padding:11px 15px;font-size:11px;font-weight:600;transition:.25s}.work-categories span:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}
.brand-logo{width:225px;height:60px;object-fit:contain;object-position:left center;display:block}.site-header .brand-logo{mix-blend-mode:multiply;background:transparent}.site-header .brand{background:transparent}.button{border:0;cursor:pointer;font-family:"DM Sans",sans-serif}.project-feature:before{content:"İncele";position:absolute;z-index:4;top:50%;left:50%;width:76px;height:76px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:11px;font-weight:700;opacity:0;transform:translate(-50%,-40%) scale(.7);transition:.35s}.project-feature:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-grid{grid-template-columns:1.2fr .8fr;align-items:start}.project:nth-child(2){margin-top:90px;height:390px}.quote-modal{position:fixed;inset:0;background:rgba(22,21,18,.88);z-index:30;display:none;place-items:center;padding:24px}.quote-modal.open{display:grid}.quote-card{position:relative;background:var(--paper);width:min(680px,100%);padding:54px clamp(28px,7vw,80px);min-height:440px}.quote-close{position:absolute;top:18px;right:24px;border:0;background:none;font-size:32px;cursor:pointer}.quote-step{display:none}.quote-step.active{display:block}.quote-step h2{font-size:clamp(35px,5vw,56px);margin:25px 0 35px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{background:transparent;border:1px solid var(--line);padding:16px;text-align:left;font:600 12px "DM Sans";cursor:pointer;transition:.25s}.choice-grid button:hover{background:var(--yellow);border-color:var(--yellow);padding-left:22px}.quote-step input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px 0;margin:14px 0;font:14px "DM Sans"}.quote-step .button{margin-top:22px}.step-count{position:absolute;bottom:25px;right:35px;color:var(--muted);font-size:10px;letter-spacing:.15em}
@media(max-width:750px){.project-grid{grid-template-columns:1fr}.project:nth-child(2){margin-top:0;height:380px}.quote-card{min-height:420px}}
@media(max-width:750px){.brand-logo{width:190px;height:52px}}
@media(max-width:750px){footer .brand{margin:0 auto;width:max-content}}
.site-header{position:sticky;top:0;z-index:10;background:rgba(245,242,236,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,212,202,.65)}
.hero-image{background-image:linear-gradient(90deg,rgba(0,0,0,.08),transparent),url("assets/incoming/canlar1.jpeg")}
.hero-image{display:block;object-fit:cover;object-position:center;width:100%;height:100%;background:none}
.lightbox img{max-width:92vw;max-height:88vh}
.project-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 24px;scrollbar-width:none}
.project-grid::-webkit-scrollbar{display:none}
.project-grid .project,.project-grid .project.large{flex:0 0 clamp(290px,31vw,390px);height:430px;margin:0;scroll-snap-align:start}
.project-grid .project img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.project-grid .project:hover img{transform:scale(1.045)}
.project-grid .project-open{opacity:1}
.work-categories{display:none}
.hero-copy{animation:premiumReveal .9s ease both}
.hero-visual{animation:premiumReveal 1s .12s ease both}
@keyframes premiumReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
nav{gap:34px;letter-spacing:.04em}
.button-yellow{background:#d7b76d}
.ticker{background:#d7b76d}
.work-categories{display:none}
.hero{display:block;padding-top:72px}
.hero-copy{max-width:720px}
.hero-visual{height:520px;margin-top:64px}
.hero-image{width:100%;height:100%}
.project{height:350px}
.project.large{height:420px}
.project-grid{grid-template-columns:1.15fr .85fr}
@media(max-width:750px){.hero{padding-top:42px}.hero-visual{height:360px;margin-top:48px}.project,.project.large{height:320px}.project-grid{grid-template-columns:none}.project-grid .project,.project-grid .project.large{flex-basis:82vw;height:360px}}
.nav-cta{font-family:"DM Sans",sans-serif;font-weight:700;cursor:pointer;color:var(--ink);background:transparent}.process{border-top:1px solid var(--line);background:#ebe7de}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:65px;border-top:1px solid #cfc9bd}.process-grid article{padding:28px 24px 12px 0;border-right:1px solid #cfc9bd;margin-right:24px}.process-grid article:last-child{border-right:0}.process-grid span{color:#9b8650;font-size:11px;letter-spacing:.16em}.process-grid h3{font:24px "Playfair Display";margin:30px 0 10px}.process-grid p{color:var(--muted);font-size:13px;line-height:1.7;max-width:210px}.reveal-up{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-up.visible{opacity:1;transform:translateY(0)}
.site-header+.brand{background:transparent}footer .brand{background:#fff;padding:8px 14px;width:max-content}footer .brand-logo{mix-blend-mode:normal;background:#fff}
@media(max-width:750px){.process-grid{grid-template-columns:1fr 1fr;margin-top:40px}.process-grid article{border-right:0;border-bottom:1px solid #cfc9bd;margin:0;padding:22px 16px 22px 0}.process-grid h3{margin-top:18px}.process-grid p{font-size:12px}}
.hero{max-width:1280px;margin:auto;min-height:650px;padding:62px 5% 82px;display:grid;grid-template-columns:48% 52%;align-items:center}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:700}.eyebrow span{display:inline-block;width:25px;height:1px;background:var(--ink);vertical-align:middle;margin-right:10px}.hero h1,h2{font-family:"Playfair Display",serif;font-size:clamp(48px,6vw,82px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#a58c00}.hero-text{max-width:430px;line-height:1.8;color:var(--muted);font-size:15px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.03em;padding:17px 20px}.button-yellow{background:var(--yellow)}.text-link{font-size:12px;font-weight:700}.text-link span{font-size:19px;margin-left:12px}.hero-note{display:flex;gap:12px;align-items:center;margin-top:70px;font-size:11px;color:var(--muted);line-height:1.5}.hero-note p{margin:0}.hero-note b{color:var(--ink)}.avatars{display:flex}.avatars span{display:grid;place-items:center;background:var(--ink);color:var(--yellow);border:2px solid var(--paper);width:32px;height:32px;border-radius:50%;margin-left:-7px;font-weight:bold}.avatars span:first-child{margin-left:0;background:var(--yellow);color:var(--ink)}.hero-visual{height:525px;position:relative}.hero-image{height:100%;width:79%;margin-left:auto;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent),url("WhatsApp%20Image%202026-08-14%20at%2020.57.24.jpeg") center/cover}.visual-label{position:absolute;bottom:29px;left:5%;background:var(--paper);padding:12px 16px;display:flex;align-items:center;gap:13px;font-size:11px}.visual-label span{color:var(--muted)}.visual-label i{display:block;width:34px;height:1px;background:var(--ink)}.yellow-card{position:absolute;right:0;top:38px;background:var(--yellow);padding:20px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.15em}.yellow-card strong{font-family:Georgia;font-size:17px}.yellow-card small{font-size:8px;margin-top:15px}
.ticker{overflow:hidden;background:var(--yellow);font-family:"Playfair Display";font-size:20px;padding:15px 0;white-space:nowrap}.ticker div{word-spacing:18px;animation:scroll 25s linear infinite}.ticker span{font-family:sans-serif;font-size:13px}@keyframes scroll{to{transform:translateX(-30%)}}.section{max-width:1280px;margin:auto;padding:130px 5%}.intro-content,.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.intro h2,h2{font-size:clamp(40px,4.5vw,63px);margin:25px 0 0}.intro-content p,.section-heading>p{color:var(--muted);line-height:1.85;max-width:390px;margin:0 0 25px;font-size:14px}.arrow-link{font-weight:700;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:10px;display:inline-block}.services{border-top:1px solid var(--line)}.section-heading>p{margin-left:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.service-grid article{border:1px solid var(--line);padding:27px;min-height:280px;position:relative;transition:.3s}.service-grid article:hover{background:var(--yellow);transform:translateY(-5px)}.service-no{font-size:11px;color:var(--muted)}.service-icon{font-size:38px;margin-top:22px}.service-grid h3{font-family:"Playfair Display";font-size:25px;margin:10px 0}.service-grid p{color:var(--muted);font-size:13px;line-height:1.6;max-width:260px}.service-grid a{color:var(--ink);font-size:11px;font-weight:bold;text-decoration:none;position:absolute;bottom:26px}.service-grid a span{font-size:17px;margin-left:10px}
.projects{padding-top:50px}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:55px}.project{height:440px;position:relative;overflow:hidden;background:var(--ink)}.project.large{height:530px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.04)}.project:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.project div{position:absolute;z-index:1;bottom:28px;left:28px;color:#fff}.project b{display:block;font-family:"Playfair Display";font-size:25px}.project small{color:var(--yellow);font-size:9px;letter-spacing:.15em}.reveal-left,.reveal-right{opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-left{transform:translateX(-90px)}.reveal-right{transform:translateX(90px);transition-delay:.18s}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translateX(0)}
.contact{background:var(--ink);color:var(--paper);max-width:none;padding-left:calc((100% - 1152px)/2);padding-right:calc((100% - 1152px)/2);display:flex;justify-content:space-between;align-items:center}.contact .section-kicker{color:var(--yellow)}.contact h2{margin-bottom:18px}.contact p{color:#aaa69d;max-width:430px;line-height:1.7;font-size:14px}.contact-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.phone{color:var(--paper);text-decoration:none;font-weight:700;font-size:13px}.contact-stamp{border:1px solid #5b574e;border-radius:50%;width:190px;height:190px;display:grid;place-items:center;text-align:center;font-family:"Playfair Display";font-size:29px;line-height:.9;transform:rotate(12deg)}.contact-stamp small{font:8px "DM Sans";letter-spacing:.18em}.contact-stamp b{color:var(--yellow);font:20px sans-serif}footer{background:var(--ink);border-top:1px solid #35332e;color:#77736b;padding:34px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;max-width:none;font-size:11px}footer .brand{color:var(--paper)}footer .brand-mark{width:35px;height:35px;font-size:20px}footer .brand strong{font-size:15px}footer p{text-align:center}footer>div{text-align:right}footer>div a{color:var(--paper);margin-left:20px;text-decoration:none}footer>small{grid-column:1/-1;border-top:1px solid #35332e;padding-top:20px}
@media(max-width:750px){.site-header{height:72px}.brand-logo{width:150px}.menu-toggle{display:block}nav{display:none;position:absolute;z-index:3;top:72px;left:5%;right:5%;background:var(--paper);padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px #0002}.site-header.open nav{display:flex}.hero{display:block;padding-top:42px}.hero h1{font-size:52px}.hero-visual{height:390px;margin-top:55px}.hero-image{width:90%}.yellow-card{right:-4px}.intro-content,.section-heading{display:block}.section-heading>p{margin-top:25px}.service-grid,.project-grid{grid-template-columns:1fr}.project,.project.large{height:380px}.craft{display:block;padding-left:8%;padding-right:8%}.craft-photo{height:390px;margin-bottom:50px}.contact{padding-left:8%;padding-right:8%;display:block}.contact-location{width:100%;height:300px;margin-top:50px}.contact-stamp{margin:45px auto 0}.contact-actions{display:block}.phone{display:block;margin-top:20px}footer{display:block;text-align:center}footer p{margin:25px 0}footer>div{text-align:center}footer>div a{margin:0 10px}footer>small{display:block;margin-top:25px}.announcement{font-size:10px}.announcement a{margin-left:8px}}
.service-grid article{border:0;background:#fff;box-shadow:0 18px 40px rgba(28,25,20,.07);border-radius:2px}
.service-grid article:hover{background:#fff;box-shadow:0 22px 45px rgba(28,25,20,.13);transform:translateY(-7px)}
.service-icon{width:48px;height:48px;border:1px solid #cdbb91;border-radius:50%;display:grid;place-items:center;color:#a98b4c;font-size:25px;line-height:1}
.service-grid h3{margin-top:20px}
.service-grid a{font-size:13px;letter-spacing:.02em;padding-bottom:7px;border-bottom:1px solid #cdbb91}
.service-grid a span{font-size:21px;margin-left:14px}
.projects .section-heading .arrow-link{border:1px solid var(--ink);padding:14px 18px;margin-bottom:6px;text-decoration:none}
.projects .section-heading .arrow-link span{margin-left:18px}
.contact-location{border-radius:3px;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.contact-location iframe{filter:grayscale(1) contrast(1.12) brightness(.84)}
.contact .button-yellow{background:#fff;color:var(--ink);transition:background .3s,color .3s}
.contact .button-yellow:hover{background:#d7b76d;color:var(--ink)}
footer .footer-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px}
footer .footer-links a{margin-left:0}
.social-links{display:flex;gap:14px;border-left:1px solid #504c43;padding-left:16px}
.social-links a{color:#d7b76d!important}
@media(max-width:750px){footer .footer-links{justify-content:center;gap:12px}.social-links{border-left:0;padding-left:0;width:100%;justify-content:center;margin-top:10px}.projects .section-heading .arrow-link{margin-top:28px;display:inline-block}}
:root{--yellow:#c5a059}
.ticker{background:#1d1d1b;color:#f1eee7;font-family:"DM Sans",sans-serif;font-size:13px;letter-spacing:.13em}
.ticker span{color:#c5a059;font-size:11px}
.process-grid p{color:#4d4a44}
.process-grid h3{color:#1d1c19}
.craft-badge{background:transparent;border:1px solid #d4af37;color:#f1eee7;animation:sealRotate 18s linear infinite}
.craft-badge b{color:#d4af37}
@keyframes sealRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.contact-location iframe{filter:grayscale(1) invert(.88) contrast(1.08)}
.contact .button-yellow{background:#fff;color:#1d1c19}
.contact .button-yellow:hover{background:#c5a059}
.address-line{color:#d7b76d;font-size:13px;letter-spacing:.04em;margin-top:24px;max-width:430px}

::selection{background:#c5a059;color:#fff}
:focus-visible{outline:2px solid #c5a059;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

.dot{animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.button,.nav-cta,.arrow-link{transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.button-yellow:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(28,25,20,.18)}
.nav-cta:hover{background:var(--ink);color:var(--paper)}
.arrow-link span{display:inline-block;transition:transform .25s ease}
.arrow-link:hover span{transform:translateX(5px)}

.project-grid .project{border-radius:3px;box-shadow:0 12px 32px rgba(28,25,20,.09);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.project-grid .project:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(28,25,20,.17)}
.project-grid .project img{filter:saturate(.94)}
.project-grid .project:hover img{transform:scale(1.06)}
.project-open{transition:transform .3s ease}
.project:hover .project-open{transform:translateX(6px)}

.lightbox.open img{animation:lbIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes lbIn{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}
.lightbox-close,.lightbox-prev,.lightbox-next{transition:opacity .25s ease,transform .25s ease}
.lightbox button:hover{opacity:.75}
.lightbox-prev:hover{transform:translateY(-50%) translateX(-5px)}
.lightbox-next:hover{transform:translateY(-50%) translateX(5px)}
.lightbox-caption b{color:#fff;font-weight:600;font-size:13px;letter-spacing:.05em;margin-right:16px}

footer .footer-links a{transition:color .25s ease}
footer .footer-links a:hover{color:#c5a059}

@media(max-width:750px){.section{padding:84px 5%}.lightbox{padding:60px 4%}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{top:10px;right:16px}}