@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/roboto-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/roboto-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/roboto-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ink:#1C1A18;--text:#212529;--mute:#5C5F63;--line:#DADADA;--soft:#F9F9F9;--soft2:#F1F1F1;--white:#FFFFFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--text);font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
svg{display:block}
.container{max-width:1320px;margin:0 auto;padding:0 24px}

/* header — Yaman Atelier ile aynı iskelet */
header{position:sticky;top:0;z-index:30;height:80px;background:var(--white);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,3vw,40px)}
.lockup{display:flex;align-items:center;gap:14px;color:var(--ink)}
.lockup .ya-logo{width:100px;height:auto}
.lockup i{width:1px;height:30px;background:var(--ink);opacity:.35}
.lockup span{font-weight:300;font-size:15px;letter-spacing:.32em;text-transform:uppercase}
.menu-btn{appearance:none;border:0;background:none;font:300 20px/1 'Roboto',sans-serif;color:var(--ink);cursor:pointer;padding:12px 16px;text-transform:uppercase}
.hr{display:flex;justify-content:flex-end;align-items:center;gap:22px;font-weight:300;font-size:15px;color:var(--ink)}
.hr .lang a{opacity:.45}.hr .lang a.on{opacity:1}
.hr .ic{width:44px;height:44px;display:grid;place-items:center}

/* menü paneli */
.overlay{position:fixed;inset:0;z-index:60;background:var(--white);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .35s}
.overlay.open{opacity:1;pointer-events:auto}
.overlay .top{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,3vw,40px)}
.overlay nav{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.overlay nav a{font:300 clamp(34px,5vw,64px)/1.2 'Roboto',sans-serif;color:var(--ink);transition:letter-spacing .3s}
.overlay nav a:hover{letter-spacing:.04em}
.overlay .bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px clamp(16px,3vw,40px);font-weight:300;font-size:14px;border-top:1px solid var(--line)}

/* sahneler — fotoğraf yerine geçici, siyah-beyaz mimari kompozisyon */
.scene{position:absolute;inset:0;overflow:hidden;filter:grayscale(1) contrast(1.08);background:linear-gradient(100deg,#EDE4D5 0%,#E6DAC7 42%,#D9C9AF 100%)}
.scene .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,48,36,.42),rgba(60,48,36,.3));clip-path:polygon(64% 0,100% 0,100% 100%,47% 100%);filter:blur(1.5px)}
.scene .shade2{position:absolute;inset:0;background:rgba(80,62,40,.14);clip-path:polygon(0 0,9% 0,4% 100%,0 100%)}
.scene .arch{position:absolute;left:17%;bottom:17%;width:21%;height:64%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#B9CCD3 0%,#DDE4E2 52%,#98AEB4 52.6%,#8AA1A7 60%,#D9C8AC 60.4%,#CDB99A 100%);box-shadow:inset 22px 0 26px -8px rgba(60,46,30,.55),inset -4px 0 0 rgba(255,255,255,.4)}
.scene .arch::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(90deg,rgba(255,250,240,.6),rgba(255,250,240,0) 70%)}
.scene .niche{position:absolute;left:49%;bottom:44%;width:8%;height:27%;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#C9B89D,#DCCDB5);box-shadow:inset 14px 0 18px -6px rgba(60,46,30,.5)}
.scene .floor{position:absolute;left:0;right:0;bottom:0;height:17%;background:linear-gradient(180deg,#CDBCA0,#BFAC8E)}
.scene .floor::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(40,30,20,.4)}
.scene .patch{position:absolute;left:21%;bottom:0;width:34%;height:17%;background:linear-gradient(90deg,rgba(255,250,240,.8),rgba(255,250,240,.35));clip-path:polygon(0 0,38% 0,100% 100%,40% 100%)}
.scene .plinth{position:absolute;left:60%;bottom:17%;width:27%;height:8%;background:linear-gradient(180deg,#E6DAC6,#D6C6AA);box-shadow:0 1px 0 rgba(40,30,20,.3)}
.scene .plinth::after{content:"";position:absolute;left:-2%;right:-30%;top:100%;height:60%;background:linear-gradient(90deg,rgba(50,38,26,.4),rgba(50,38,26,0));clip-path:polygon(0 0,78% 0,100% 100%,14% 100%)}
.scene .vase{position:absolute;left:66%;bottom:25%;width:4.2%;height:13%;border-radius:40% 40% 30% 30%/30% 30% 20% 20%;background:linear-gradient(90deg,#5E4632,#8D6C4E 40%,#4E3A28)}
.scene .vase::before{content:"";position:absolute;left:35%;bottom:95%;width:2px;height:120%;background:#3E3020;transform:rotate(-8deg);transform-origin:bottom}
.scene.slit{background:linear-gradient(95deg,#E3D8C6,#C9B797)}
.scene.slit .gap{position:absolute;left:58%;top:0;bottom:22%;width:3.2%;background:linear-gradient(180deg,#FFFDF8,#F1EADB);box-shadow:-12px 0 22px rgba(40,30,20,.45)}
.scene.slit .beam{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#B9A585,#A08C6C)}
.scene.slit .beam::after{content:"";position:absolute;inset:0;background:rgba(255,250,240,.78);clip-path:polygon(58% 0,61.2% 0,34% 100%,22% 100%)}
.scene.stair{background:linear-gradient(180deg,#E7DDCC,#D2C1A4)}
.scene.stair .st{position:absolute;right:0;background:linear-gradient(180deg,#F4EDE0 0 18%,#CDBB9C 18% 100%)}
.scene.stair .sh{position:absolute;inset:0;background:rgba(60,46,30,.28);clip-path:polygon(0 38%,30% 20%,30% 100%,0 100%)}
.grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .3 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* hero slider — Atelier'deki tam ekran vitrin */
.hero{position:relative;height:calc(100vh - 80px);min-height:560px;max-height:980px;overflow:hidden;background:#111}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.slide.on{opacity:1}
.slide .scene{transform:scale(1.04);transition:transform 7s linear}
.slide.on .scene{transform:scale(1)}
.tagbtn{position:absolute;left:clamp(16px,3.5vw,48px);bottom:clamp(40px,7vh,72px);z-index:3;display:inline-flex;align-items:center;gap:18px;background:var(--white);color:var(--ink);font:300 20px/1 'Roboto',sans-serif;text-transform:uppercase;padding:14px 32px}
.tagbtn:hover{background:var(--ink);color:var(--white)}
.dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;display:flex;gap:10px}
.dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.dots button.on{background:var(--white)}
.dots button::before{content:"";display:block;width:44px;height:44px;margin:-17px}
.hcap{position:absolute;right:clamp(16px,3.5vw,48px);bottom:28px;z-index:3;color:rgba(255,255,255,.75);font-weight:300;font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* hizmet haritası — Atelier ürün haritasının karşılığı */
.map{position:relative;max-width:1180px;margin:0 auto;padding:110px 24px 90px}
.map .art{width:min(760px,78%);margin:0 auto}
.co{position:absolute;display:block;font-weight:400;font-size:clamp(13px,1.2vw,16px);color:var(--text);padding-bottom:10px;border-bottom:1px solid var(--ink);width:clamp(180px,26%,300px)}
.co.l{left:24px}.co.r{right:24px;text-align:right}
.co small{display:block;font-weight:300;color:var(--mute);font-size:13px;margin-top:4px}
.co1{top:22%}.co2{top:47%}.co3{top:33%}.co4{top:62%}

/* SEO H1 bloğu */
.intro{text-align:center;padding:40px 24px 110px;max-width:880px;margin:0 auto}
.intro h1{margin:0 0 22px;font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.2;color:var(--ink)}
.intro p{margin:0 auto;font-weight:300;font-size:18px;line-height:1.7;color:#3E4246;max-width:760px}

/* projeler */
.sec-title{margin:0 0 48px;text-align:center;font-weight:500;font-size:clamp(36px,4vw,56px);color:var(--ink)}
.projects{background:var(--soft);padding:110px 0}
.pgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.pc{position:relative;display:block;overflow:hidden}
.pc.w{grid-column:span 7;aspect-ratio:7/5}
.pc.n,.pc.n2{grid-column:span 5}
.pc.w2{grid-column:span 7;aspect-ratio:7/5}
.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pc .ph{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pc:hover .ph{transform:scale(1.04)}
.pc.f{grid-column:1/-1;aspect-ratio:21/9}
.slide .ph{transform:scale(1.05);transition:transform 7s linear}
.slide.on .ph{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,0));pointer-events:none}
.pc .tagbtn{left:24px;bottom:24px;font-size:17px;padding:12px 24px}
.pc .meta{position:absolute;right:24px;bottom:30px;z-index:3;color:#fff;font-weight:300;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.more{display:flex;justify-content:center;margin-top:48px}
.btn-o{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--ink);color:var(--ink);font:300 18px/1 'Roboto',sans-serif;text-transform:uppercase;padding:16px 32px}
.btn-o:hover{background:var(--ink);color:#fff}

/* SSS */
.faq{padding:110px 0 60px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-weight:500;font-size:17px;color:var(--ink);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:28px;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 26px;max-width:880px;font-weight:300;font-size:16px;line-height:1.75;color:#3E4246}

/* bilgi kutuları */
.boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:60px 0 110px}
.box{background:var(--soft2);padding:44px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.box svg{width:40px;height:40px;stroke:var(--ink);fill:none;stroke-width:1.4}
.box h3{margin:0;font-weight:500;font-size:19px;color:var(--ink)}
.box p{margin:0;font-weight:300;font-size:15px;line-height:1.6;color:#4A4E52;max-width:300px}

/* bilgi metni */
.info{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.info summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-weight:500;font-size:15px;color:var(--ink);cursor:pointer}
.info summary::-webkit-details-marker{display:none}
.info summary::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);transition:transform .3s}
.info details[open] summary::after{transform:rotate(-135deg)}
.info .txt{padding:0 0 36px;columns:2;column-gap:48px;font-weight:300;font-size:15px;line-height:1.75;color:#3E4246}
.info .txt h2{column-span:all;margin:0 0 16px;font-weight:500;font-size:22px;color:var(--ink)}
.info .txt p{margin:0 0 14px}

/* footer — Atelier ile birebir yapı */
footer{background:#000;color:#CCCCCC;padding:72px 0 0}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:32px}
.fgrid .lockup{color:#fff}
.fgrid .lockup .ya-logo{width:120px}
.fgrid .lockup i{background:#fff}
.fgrid p.t{margin:20px 0 0;font-weight:300;font-size:14px;line-height:1.6;color:#BDBDBD;max-width:260px}
.fgrid h4{margin:0 0 18px;color:#fff;font-weight:500;font-size:16px;letter-spacing:.04em}
.fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-weight:300;font-size:14px}
.fgrid a:hover{color:#fff}
.fgrid .ci li{display:flex;gap:10px;align-items:flex-start}
.fgrid .ci svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:#fff;fill:none;stroke-width:1.5}
.soc{display:flex;gap:14px;margin-top:18px}
.soc a{width:32px;height:32px;display:grid;place-items:center;border:1px solid #444}
.soc a:hover{border-color:#fff}
.soc svg{width:16px;height:16px;fill:#fff}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:64px;padding:22px 0;border-top:1px solid #222;font-weight:300;font-size:13px;color:#A8A8A8}
.fbot a{color:#fff}

@media (max-width:900px){
 .hr .lang{display:none}.lockup .ya-logo{width:76px}.lockup span{font-size:12px;letter-spacing:.24em}
 .co{position:static;width:auto;margin:14px 24px 0;text-align:left!important}
 .map{padding-top:70px}.map .art{width:100%}
 .pc.w,.pc.n,.pc.n2,.pc.w2,.pc.f{grid-column:1/-1;aspect-ratio:4/5;height:auto}
 .boxes{grid-template-columns:1fr}.info .txt{columns:1}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid>div:first-child,.fgrid>div:last-child{grid-column:1/-1}.hcap{display:none}.tagbtn{font-size:16px;padding:12px 20px}.overlay .top .lockup span,.overlay .top .lockup i{display:none}
}
@media (prefers-reduced-motion:reduce){.slide,.slide .scene{transition:none}}

/* ===== Atelier full-menu (birebir) ===== */
.overlay{display:none}
.full-menu{width:100%;height:100vh;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);background:rgba(0,0,0,.7);padding-top:26vh;display:none;position:fixed;top:0;left:0;z-index:999}
.full-menu.show{display:block;animation:fmIn .35s ease}
@keyframes fmIn{from{opacity:0}to{opacity:1}}
.full-menu .close{cursor:pointer;position:fixed;top:30px;left:50%;width:44px;height:44px;transform:translateX(-50%);display:grid;place-items:center;background:none;border:0;padding:0}
.full-menu ul{list-style:none;margin:0;padding:0}
.full-menu .menu{display:flex;flex-direction:column;align-items:center;gap:16px}
.full-menu .menu li.catalog{margin-top:10px}
.full-menu .menu li a{color:#fff;font-weight:300;font-size:20px;line-height:150%;padding:4px 8px;position:relative;text-transform:uppercase;display:inline-block}
.full-menu .menu li.catalog a{font-size:18px;background:#fff;color:#000;padding:12px}
.full-menu .menu li a.on{opacity:.55}
.brk .left,.brk .right{position:absolute;height:100%;top:0;pointer-events:none}
.brk .left{left:0}.brk .right{right:0}
.brk .left::before,.brk .left::after,.brk .right::before,.brk .right::after{content:"";width:8px;height:8px;display:block;position:absolute;transition:300ms ease-in-out;opacity:0;border:0 solid currentColor}
.brk .left::before{border-bottom-width:1px;border-left-width:1px;left:-10px;bottom:-10px}
.brk .left::after{border-top-width:1px;border-left-width:1px;left:-10px;top:-10px}
.brk .right::before{border-bottom-width:1px;border-right-width:1px;right:-10px;bottom:-10px}
.brk .right::after{border-top-width:1px;border-right-width:1px;right:-10px;top:-10px}
.brk:hover .left::before{left:-4px;bottom:-4px;opacity:1;transform:scale(1.2)}
.brk:hover .left::after{left:-4px;top:-4px;opacity:1;transform:scale(1.2)}
.brk:hover .right::before{right:-4px;bottom:-4px;opacity:1;transform:scale(1.2)}
.brk:hover .right::after{right:-4px;top:-4px;opacity:1;transform:scale(1.2)}
.full-menu .social-media{display:flex;justify-content:center;gap:20px;margin-top:48px}
.full-menu .social-media svg{width:30px;height:30px;fill:#fff}
.menu-btn{position:relative}
@media (max-width:992px){.full-menu{padding-top:120px}}

/* ===== sayfa yönlendirme ===== */
.page{display:none}.page.on{display:block;animation:pgIn .4s ease}
@keyframes pgIn{from{opacity:0}to{opacity:1}}

/* ===== yeni harita çizimi ===== */
.map .art{width:100%}
.map .mapsvg{width:100%;height:auto}
.map-list{display:none;list-style:none;margin:24px 0 0;padding:0}
.map-list li{padding:14px 0;border-bottom:1px solid var(--ink);font-size:15px}
@media (max-width:900px){.map .calls{display:none}.map-list{display:block}}

/* ===== iç sayfa üst başlığı ===== */
.phead{padding:72px 0 48px;text-align:center}
.crumb{font-weight:300;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.crumb a:hover{color:var(--ink)}
.phead h1{margin:14px 0 0;font-weight:500;font-size:clamp(34px,4vw,56px);line-height:1.1;color:var(--ink)}
.phead p{margin:18px auto 0;max-width:680px;font-weight:300;font-size:18px;line-height:1.7;color:#3E4246}
.band{position:relative;height:clamp(320px,56vh,620px);overflow:hidden}
.lead{max-width:880px;margin:0 auto;padding:96px 24px;font-weight:300;font-size:clamp(20px,2vw,26px);line-height:1.6;color:var(--ink);text-align:center}

/* hakkımızda */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 0 110px}
.step{border-top:1px solid var(--ink);padding-top:22px}
.step b{display:block;font-weight:300;font-size:44px;line-height:1;color:var(--ink)}
.step h3{margin:18px 0 8px;font-weight:500;font-size:19px;color:var(--ink)}
.step p{margin:0;font-weight:300;font-size:15px;line-height:1.65;color:#4A4E52}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:110px}
.side{position:relative;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;color:#fff}
.side .ph{z-index:0}
.side::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 60%);z-index:1}
.side .in{position:relative;z-index:2;padding:36px}
.side small{font-weight:300;font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.side h3{margin:10px 0 10px;font-weight:500;font-size:28px}
.side p{margin:0 0 20px;font-weight:300;font-size:15px;line-height:1.6;max-width:420px}
.side .tagbtn{position:static;font-size:16px;padding:12px 22px}
.side.plain{background:#111}

/* projeler */
.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:-8px 0 48px}
.filters button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:300 15px/1 'Roboto',sans-serif;text-transform:uppercase;padding:13px 20px;cursor:pointer}
.filters button.on,.filters button:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.plist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:110px}
.pcard{display:block}
.pcard .fr{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soft2)}
.pcard .fr .ph{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .fr .ph{transform:scale(1.04)}
.pcard .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px}
.pcard .t b{font-weight:500;font-size:18px;color:var(--ink)}
.pcard .t span{font-weight:300;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pcard .soon{position:absolute;inset:0;display:grid;place-items:center;font-weight:300;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.pcard.hide{display:none}

/* proje detay */
.pd-hero{position:relative;height:calc(100vh - 80px);min-height:520px;max-height:900px;overflow:hidden}
.pd-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:72px 0 64px}
.pd-top .l{grid-column:span 7}
.pd-top h1{margin:10px 0 22px;font-weight:500;font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--ink)}
.pd-top .l p{margin:0 0 16px;font-weight:300;font-size:17px;line-height:1.75;color:#3E4246}
.pd-top dl{grid-column:9/span 4;margin:0;align-self:start;border-top:1px solid var(--ink)}
.pd-top dl div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.pd-top dt{font-weight:300;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.pd-top dd{margin:0;font-weight:400;color:var(--ink);text-align:right}
.gal{display:block;padding:8px 0 24px}
.gcat{margin:0 0 64px}
.gcat .gh{display:flex;align-items:center;gap:14px;border-top:1px solid var(--ink);padding:16px 0 22px}
.gcat h2{margin:0;font-weight:400;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.gcat .gn{font-weight:300;font-size:13px;color:var(--mute);letter-spacing:.08em}
.gnav{margin-left:auto;display:flex;gap:8px}
.gnav button{width:44px;height:44px;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;font:300 17px/1 'Roboto',sans-serif;transition:background .25s,color .25s}
.gnav button:hover{background:var(--ink);color:#fff}
.gnav button:disabled{opacity:.25;pointer-events:none}
.gscroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth}
.gscroll::-webkit-scrollbar{display:none}
.gscroll figure{flex:0 0 auto;width:min(58vw,780px);aspect-ratio:3/2;margin:0;position:relative;overflow:hidden;scroll-snap-align:start;cursor:zoom-in;background:#F2F1ED}
.gscroll figure .ph{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.gscroll figure:hover .ph{transform:scale(1.03)}
.gscroll figure:last-child{margin-right:1px}
@media (max-width:900px){.gscroll figure{width:78vw}}
@media (max-width:600px){.gscroll{gap:10px}.gscroll figure{width:80vw;aspect-ratio:4/3}.gnav{display:none}.gcat{margin-bottom:44px}}
.lb{position:fixed;inset:0;z-index:1200;background:rgba(255,255,255,.98);display:flex;align-items:center;justify-content:center;padding:64px 72px calc(64px + env(safe-area-inset-bottom))}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain;display:block;user-select:none}
.lb button{position:absolute;appearance:none;border:0;background:none;color:var(--ink);cursor:pointer;font:300 26px/1 'Roboto',sans-serif;width:56px;height:56px}
.lb .lx{top:max(12px,env(safe-area-inset-top));right:12px}
.lb .lp{left:8px;top:50%;transform:translateY(-50%)}
.lb .ln{right:8px;top:50%;transform:translateY(-50%)}
.lb .lc{position:absolute;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));text-align:center;font-weight:300;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
@media (max-width:600px){.lb{padding:56px 0}.lb .lp,.lb .ln{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));transform:none}}
.h1-name{display:block}
@media (min-width:420px){.h1-name{white-space:nowrap}}
.pd-top dl div{align-items:baseline}
.pd-top dd{max-width:62%}
.nextp{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:86px 0 110px;padding:36px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.nextp span{font-weight:300;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.nextp b{font-weight:300;font-size:clamp(26px,3vw,44px);color:var(--ink)}

/* hizmetler */
.svcrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:0 0 96px}
.svcrow .img{grid-column:span 7;position:relative;aspect-ratio:7/5;overflow:hidden}
.svcrow .txt{grid-column:span 5;padding-left:24px}
.svcrow.rev .img{order:2}.svcrow.rev .txt{order:1;padding:0 24px 0 0}
.svcrow .no{font-weight:300;font-size:13px;letter-spacing:.16em;color:var(--mute)}
.svcrow h2{margin:12px 0 18px;font-weight:500;font-size:clamp(28px,2.8vw,40px);line-height:1.15;color:var(--ink)}
.svcrow p{margin:0 0 18px;font-weight:300;font-size:16px;line-height:1.75;color:#3E4246}
.svcrow ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.svcrow li{padding:12px 0;border-bottom:1px solid var(--line);font-weight:400;font-size:15px;color:var(--ink)}

/* journal */
.jlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:110px}
.jcard{display:flex;flex-direction:column;gap:14px}
.jcard .fr{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--soft2)}
.jcard .fr .ph{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.jcard:hover .fr .ph{transform:scale(1.04)}
.jcard small{font-weight:300;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.jcard h3{margin:0;font-weight:500;font-size:21px;line-height:1.3;color:var(--ink)}
.jcard p{margin:0;font-weight:300;font-size:15px;line-height:1.65;color:#4A4E52}
.jcard .rd{font-weight:400;font-size:14px;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:3px}
.article{max-width:760px;margin:0 auto;padding:0 24px 110px}
.article .meta{display:flex;justify-content:center;gap:18px;font-weight:300;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:18px}
.article .toc{background:var(--soft);padding:24px 28px;margin:48px 0}
.article .toc b{display:block;font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--ink)}
.article .toc ol{margin:0;padding-left:18px;font-weight:300;font-size:15px;line-height:1.9}
.article h2{margin:48px 0 14px;font-weight:500;font-size:28px;color:var(--ink)}
.article h3{margin:28px 0 10px;font-weight:500;font-size:20px;color:var(--ink)}
.article p{margin:0 0 16px;font-weight:300;font-size:17px;line-height:1.8;color:#3E4246}
.article .ph-note{color:#8A8D90}
.article .cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:56px;padding:32px;background:var(--soft2)}
.article .cta b{font-weight:500;font-size:20px;color:var(--ink)}

/* iletişim */
.cgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-bottom:110px}
.cform{grid-column:span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.cform label{display:flex;flex-direction:column;gap:8px;font-weight:400;font-size:14px;color:var(--ink)}
.cform input,.cform select,.cform textarea{font:300 16px 'Roboto',sans-serif;color:var(--ink);border:1px solid var(--line);background:#fff;padding:14px;border-radius:0;outline:none}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--ink)}
.cform .full{grid-column:1/-1}
.cform .kvkk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:300;font-size:13px;line-height:1.5;color:#4A4E52}
.cform .kvkk input{margin-top:2px;width:18px;height:18px;padding:0}
.cform button{grid-column:1/-1;justify-self:start;appearance:none;border:0;background:var(--ink);color:#fff;font:300 18px/1 'Roboto',sans-serif;text-transform:uppercase;padding:18px 34px;cursor:pointer}
.cform button:hover{background:#000}
.cinfo{grid-column:9/span 4;display:flex;flex-direction:column;gap:28px}
.cinfo h3{margin:0 0 8px;font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.cinfo p,.cinfo a{margin:0;font-weight:300;font-size:16px;line-height:1.7;color:#3E4246}
.cinfo a:hover{color:var(--ink)}
.mapph{position:relative;aspect-ratio:4/3;background:var(--soft2);overflow:hidden;display:grid;place-items:center}
.mapph svg{position:absolute;inset:0;width:100%;height:100%}
.mapph span{position:relative;z-index:2;background:#fff;padding:10px 16px;font-weight:300;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}

@media (max-width:900px){
 .steps,.two,.plist,.jlist{grid-template-columns:1fr}
 .pd-top .l,.pd-top dl,.svcrow .img,.svcrow .txt,.cform,.cinfo{grid-column:1/-1}
 .svcrow.rev .img{order:0}.svcrow .txt,.svcrow.rev .txt{padding:0}
 .cform{grid-template-columns:1fr}
}

/* ===== açılış logosu ===== */
#preloader{position:fixed;inset:0;z-index:2000;background:#fff;display:grid;place-items:center;transition:opacity .6s ease,visibility .6s}
#preloader.out{opacity:0;visibility:hidden}
#preloader .pl-in{display:flex;flex-direction:column;align-items:center;gap:26px;color:#1C1A18;animation:plIn .8s ease both}
#preloader .ya-logo{width:min(220px,48vw);height:auto}
#preloader .pl-bar{display:block;width:120px;height:1px;background:#E4E4E4;overflow:hidden}
#preloader .pl-bar i{display:block;width:40%;height:100%;background:#1C1A18;animation:plBar 1.1s ease-in-out infinite}
@keyframes plIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes plBar{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){#preloader .pl-bar i{animation:none}#preloader .pl-in{animation:none}}
/* ===== hizmet haritası: bilgi noktaları ===== */
.map .art{width:min(820px,100%);margin:0 auto;position:relative}
.hs{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;border:1px solid #1C1A18;cursor:pointer;padding:0;z-index:3;animation:hsp 2.6s ease-out infinite;transition:background .3s}
.hs::before,.hs::after{content:"";position:absolute;left:50%;top:50%;background:#1C1A18;transform:translate(-50%,-50%);transition:transform .3s,background .3s}
.hs::before{width:12px;height:1px}.hs::after{width:1px;height:12px}
.hs:hover,.hs[aria-expanded="true"]{background:#1C1A18;animation:none}
.hs:hover::before,.hs:hover::after,.hs[aria-expanded="true"]::before,.hs[aria-expanded="true"]::after{background:#fff}
.hs[aria-expanded="true"]::after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes hsp{0%{box-shadow:0 0 0 0 rgba(28,26,24,.28)}70%{box-shadow:0 0 0 12px rgba(28,26,24,0)}100%{box-shadow:0 0 0 0 rgba(28,26,24,0)}}
@media (prefers-reduced-motion:reduce){.hs{animation:none}}
.map .cl{cursor:pointer}.map .cl:hover{text-decoration:underline}
.hcard{position:absolute;z-index:4;width:300px;background:#fff;border:1px solid #1C1A18;padding:22px 22px 20px;box-shadow:0 18px 40px rgba(0,0,0,.10)}
.hcard[hidden]{display:none}
.hcard small{display:block;font-weight:300;font-size:12px;letter-spacing:.16em;color:var(--mute);margin-bottom:10px}
.hcard h3{margin:0 0 10px;padding-right:24px;font-weight:500;font-size:18px;line-height:1.3;color:var(--ink)}
.hcard p{margin:0 0 18px;font-weight:300;font-size:14px;line-height:1.65;color:#3E4246}
.hc-a{display:inline-flex;gap:10px;align-items:center;font-weight:400;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);padding:11px 16px;transition:background .25s,color .25s}
.hc-a:hover{background:#1C1A18;color:#fff}
.hc-x{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;background:none;font:300 22px/1 'Roboto',sans-serif;cursor:pointer;color:var(--ink)}
.map-list a{display:flex;justify-content:space-between;gap:12px;color:inherit}
@media (max-width:900px){.hs{width:28px;height:28px;margin:-14px 0 0 -14px}.hcard{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto!important;left:12px!important;width:auto;z-index:950}}
.svcrow{scroll-margin-top:100px}#3d-gorsellestirme{scroll-margin-top:110px}

.box svg{width:52px;height:52px;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}

.img-atelier{background-image:url(/assets/proj/atelier-urunler.jpg);background-position:50% 60%}
@media (max-width:900px){.img-atelier{background-image:url(/assets/proj/atelier-urunler-960.webp)}}

.intro h1{margin-bottom:14px}
.intro .h1-sub{max-width:640px;margin:0 auto;font-weight:300;font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:var(--ink);letter-spacing:.005em}
.intro .h1-sub::after{content:"";display:block;width:48px;height:1px;background:var(--ink);margin:30px auto 30px;opacity:.5}
.intro .h1-sub+p{font-size:16px;line-height:1.8;color:#5A5E62;max-width:700px}
.lead{padding-bottom:28px}
.lead-2{max-width:760px;margin:0 auto;padding:0 24px 96px;font-weight:300;font-size:17px;line-height:1.85;color:#3E4246;text-align:center}
.steps.ilke{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.steps.ilke{grid-template-columns:1fr}.lead-2{padding-bottom:64px}}
.xbrand{font-weight:300;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);padding:10px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.xbrand:hover{border-bottom-color:var(--ink)}
@media (max-width:600px){.xbrand{display:none}}

.bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.img-living{background-image:url(/assets/img/living.webp)}
@media (max-width:900px){.img-living{background-image:url(/assets/img/living-960.webp)}}
.img-bar{background-image:url(/assets/img/bar.webp)}
@media (max-width:900px){.img-bar{background-image:url(/assets/img/bar-960.webp)}}
.img-kitchen{background-image:url(/assets/img/kitchen.webp)}
@media (max-width:900px){.img-kitchen{background-image:url(/assets/img/kitchen-960.webp)}}
.slide .ph{transform:scale(1.05);transition:transform 7s linear}.slide.on .ph{transform:scale(1)}
.page{display:block!important;animation:none!important}
.fmsg{margin:0;font-weight:300;font-size:15px;color:var(--ink);min-height:1.4em}
.fmsg.err{color:#A3261C}
.pcard .fr img,.pc img.ph,.gal img.ph,.jcard .fr img{object-fit:cover;width:100%;height:100%}
.cms-rich p{margin:0 0 16px}
#preloader.skip{display:none}
.legal{padding-bottom:110px}
.fbot{align-items:center}
.legalnav{display:flex;flex-wrap:wrap;gap:6px 20px}
.legalnav a{color:#A8A8A8!important}.legalnav a:hover{color:#fff!important}
.fbot .credit a{color:#fff}
@media (max-width:600px){.fbot{flex-direction:column;align-items:flex-start;gap:14px}}
.legal .upd{text-align:center;font-weight:300;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:-28px 0 40px}
.legal ul{margin:0 0 16px;padding-left:20px;font-weight:300;font-size:17px;line-height:1.8;color:#3E4246}
.legal li{margin-bottom:6px}
.legal a{text-decoration:underline;color:var(--ink)}
.ctable{border-top:1px solid var(--ink);margin:8px 0 24px;font-size:15px}
.ctable .cr{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:300;color:#3E4246}
.ctable .ch{font-weight:500;color:var(--ink);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ctable .cr span:first-child{font-weight:400;color:var(--ink);word-break:break-word}
@media (max-width:600px){.ctable .cr{grid-template-columns:1fr}.ctable .ch{display:none}.ctable .cr span:nth-child(2){color:#3E4246}}
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:900;max-width:560px;margin-left:auto;background:#1C1A18;color:#fff;padding:18px 20px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.cookie[hidden]{display:none}
.cookie p{margin:0;font-weight:300;font-size:14px;line-height:1.55}
.cookie a{color:#fff;text-decoration:underline}
.cookie button{flex:none;appearance:none;border:0;background:#fff;color:#1C1A18;font:400 14px/1 'Roboto',sans-serif;text-transform:uppercase;padding:13px 18px;cursor:pointer;min-height:44px}

/* ===== cihaz uyumu: iOS, tablet, telefon ===== */
.hero{height:calc(100vh - 80px);height:calc(100svh - 80px)}
.pd-hero{height:calc(100vh - 80px);height:calc(100svh - 80px)}
.full-menu{height:100vh;height:100dvh;overflow-y:auto}
header{padding-left:max(clamp(16px,3vw,40px),env(safe-area-inset-left));padding-right:max(clamp(16px,3vw,40px),env(safe-area-inset-right))}
.container{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
footer{padding-bottom:env(safe-area-inset-bottom)}
input,select,textarea{font-size:16px}
img,svg{max-width:100%}
@media (min-width:601px) and (max-width:900px){
 .plist,.jlist{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .two{grid-template-columns:repeat(2,minmax(0,1fr))}
 .boxes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pc.w,.pc.n{grid-column:span 6;aspect-ratio:4/5}
 .pc.f{grid-column:1/-1;aspect-ratio:16/9}
 .pc .meta{display:none}
 .gal .b{grid-column:span 7}.gal .c{grid-column:span 5;aspect-ratio:auto}
 .pd-top .l{grid-column:1/-1}.pd-top dl{grid-column:1/-1}
 .cform{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fgrid>div:first-child{grid-column:1/-1}.fgrid>div:last-child{grid-column:auto}
}
@media (max-width:600px){
 header{grid-template-columns:auto 1fr auto auto;column-gap:4px}
 .menu-btn{justify-self:end;font-size:17px;padding:12px 10px}
 .hr{gap:0}
 .lockup .ya-logo{width:70px}.lockup i{height:24px}.lockup span{font-size:11px;letter-spacing:.22em}
 .pc .meta{display:none}
 .pc .tagbtn,.tagbtn{font-size:15px;padding:11px 18px}
 .sec-title{margin-bottom:32px}
 .projects,.faq{padding-top:72px;padding-bottom:72px}
 .phead{padding:48px 0 32px}
 .lead{padding:64px 24px}
 .band{height:48vh}
 .nextp{flex-direction:column;align-items:flex-start;gap:10px}
}
@media (orientation:landscape) and (max-height:500px){
 .hero,.pd-hero{min-height:360px}
 .full-menu{padding-top:80px}.full-menu .menu{gap:6px}
}