/*
Theme Name: Koltan Mimarlık
Theme URI: https://www.instagram.com/koltanmimarlik/
Author: Koltan Mimarlık
Description: Koltan Mimarlık için özel tasarlanmış tema. Çizimden gerçeğe kaydırma animasyonu, proje günlüğü, tüm projeler sayfası ve mimarlık notları (blog). Tüm yazılar ve görseller Görünüm → Özelleştir menüsünden, projeler "Projeler" menüsünden, blog yazıları "Yazılar" menüsünden düzenlenir.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: koltan
*/
:root{--paper:#f1f2ec;--ink:#202321;--muted:#777b74;--line:#cdd0c6;--accent:#c6d5b0;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5vw,88px);--header-height:104px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Montserrat',Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}
    .skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--paper);color:var(--ink);padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
    .site-header{position:fixed;height:var(--header-height);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;top:0;left:0;width:100%;z-index:20;color:var(--paper);transition:background .35s,color .35s,height .35s;background:transparent}.site-header.scrolled{background:#f1f2ecef;color:var(--ink);height:82px;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-size:31px;line-height:.85;letter-spacing:.015em;font-weight:600;display:inline-flex;flex-direction:column;gap:9px;min-width:145px;width:310px;min-width:0}.brand img{width:100%;height:auto;filter:invert(1)}.site-header.scrolled .brand img{filter:none}
    .desktop-nav{display:flex;align-items:center;gap:25px;font-size:14px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
    .hero-scroll{position:relative;height:195svh;background:#202321}.hero-pin{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;color:var(--paper);background:#242b27}.hero-visual{position:absolute;inset:0;background:#1d231f;overflow:hidden}.hero-photo,.hero-drawing,.hero-volume{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 10%;transform:scale(1.03);transform-origin:0% 0%;will-change:transform,clip-path,opacity}.hero-drawing{filter:url(#blueprint);opacity:.87}.hero-photo{clip-path:inset(0 100% 0 0);opacity:1}.hero-volume{filter:grayscale(1) contrast(.82) brightness(1.22);opacity:0}.reveal-scanline{position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(transparent,#dfebd7a0 35%,#dfebd7a0 70%,transparent);box-shadow:0 0 30px #d5eecb50;opacity:0;pointer-events:none;will-change:left,opacity}.filter-defs{position:absolute;width:0;height:0;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(210,226,207,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,226,207,.045) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,23,19,.32),rgba(16,23,19,.05) 45%,rgba(16,23,19,.56));pointer-events:none}.hero-copy{position:absolute;top:24%;left:var(--gutter);right:var(--gutter);will-change:transform,opacity;max-width:1050px}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.15em;font-weight:400}.hero-copy .eyebrow{margin-bottom:25px;color:#dde0d7}.hero-copy h1{font-size:clamp(52px,7vw,108px);letter-spacing:-.065em;line-height:1.035;font-weight:500}.hero-copy h1 em{color:var(--accent);letter-spacing:-.07em}.hero-subtitle{font-size:16px;line-height:1.65;margin-top:27px;color:#e2e5dd;max-width:610px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:33px;line-height:1.6;padding:10px 0 9px;border-bottom:1px solid var(--ink);width:max-content;max-width:100%}.text-link span{font-size:22px;line-height:1;transition:transform .4s var(--ease)}.text-link:hover span{transform:translate(4px,-4px)}.text-link.light{border-color:#ffffff60}.hero-copy .text-link{margin-top:24px}
    .hero-foot{position:absolute;bottom:43px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-prompt{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;line-height:1.5}.scroll-line{height:45px;width:1px;background:#ffffff35;overflow:hidden;position:relative}.scroll-line:after{content:'';position:absolute;top:0;left:0;width:1px;height:20px;background:#fff;animation:scrollDown 2.5s ease-in-out infinite}.phase-indicator{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.1em;min-width:190px;justify-content:flex-end}.phase-indicator #phase-number{color:var(--accent);font-size:15px}.phase-divider{height:1px;width:31px;background:#ffffff70}.hero-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff15}.hero-progress span{display:block;background:var(--accent);width:100%;height:100%;transform:scaleX(0);transform-origin:left;will-change:transform}
    .drawing-cross{position:absolute;width:14px;height:14px;opacity:.5}.drawing-cross:before,.drawing-cross:after{content:'';position:absolute;background:#dce8d8}.drawing-cross:before{height:1px;width:14px;top:6px}.drawing-cross:after{width:1px;height:14px;left:6px}.cross-one{top:145px;right:var(--gutter)}.cross-two{bottom:135px;right:30%}.hero-concept-note{position:absolute;bottom:114px;right:var(--gutter);font-size:12px;letter-spacing:.13em;line-height:1.5;color:#dde3d3b3;max-width:245px;text-align:right;pointer-events:none}
    .section-pad{padding:105px var(--gutter)}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.12em;line-height:1.6;margin-bottom:60px;gap:24px}.tiny-square{display:block;width:7px;height:7px;background:var(--ink)}
    .intro{padding-top:112px;padding-bottom:120px;border-bottom:1px solid var(--line)}.intro-content{display:grid;grid-template-columns:1fr 1.1fr;gap:7%}.intro h2{font-size:clamp(40px,4.5vw,74px);line-height:1.13;letter-spacing:-.055em}.intro h2 span{color:var(--muted)}.intro-detail{padding-top:6px;max-width:600px}.intro-detail p{font-size:16px;line-height:1.85;color:#565c53}.intro-detail p+p{margin-top:17px}.intro-detail .text-link{margin-top:25px}
    .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:58px}.section-heading h2{font-size:clamp(49px,6vw,93px);letter-spacing:-.058em;line-height:1.1}.section-heading p{font-size:14px;line-height:1.65;max-width:250px;padding-bottom:5px;color:#74796f}
    .project-index{display:block;border-top:1px solid var(--line)}.project-index-row{display:grid;grid-template-columns:60px 1fr 220px;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding:37px 4px;position:relative;transition:padding .4s var(--ease),background .4s var(--ease);cursor:pointer}.project-index-row:hover{padding-left:20px;padding-right:20px;background:#e6e9df}.project-index-row .index-number{font-family:inherit;font-style:normal;color:#87917a;font-size:30px}.project-index-row h3{font-size:clamp(22px,2.4vw,35px);letter-spacing:-.045em;line-height:1.18}.project-index-row .index-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.portfolio-intro{max-width:550px;line-height:1.8;font-size:16px;color:#626a5b;margin-bottom:38px}.instagram-portfolio-link{display:flex;align-items:center;gap:30px;width:100%;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.instagram-portfolio-link h3{font-size:clamp(26px,3.7vw,56px);letter-spacing:-.045em}.instagram-portfolio-link p{font-size:15px;color:#737c6a;margin-top:13px;line-height:1.7}
    .services h2,.team h2,.notes h2{font-size:clamp(38px,5vw,78px);line-height:1.13;letter-spacing:-.055em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 35px;margin-top:65px}.service-grid article{border-top:1px solid var(--line);padding-top:25px}.service-grid h3{font-size:23px;line-height:1.4;margin:18px 0}.service-grid p{font-size:16px;line-height:1.85;color:#626a5b}
    .process{background:#e5e8de}.process-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:70px}.process h2{font-size:clamp(45px,5.5vw,86px);line-height:1.08;letter-spacing:-.055em}.process h2 em{color:#6c7661}.process-heading>p{font-size:15px;line-height:1.75;color:#70796a;padding-bottom:8px}.process-step{padding:35px 0;border-top:1px solid #bbc2b2;display:grid;grid-template-columns:.15fr 1fr 1.1fr;gap:28px;align-items:start}.process-step:last-child{border-bottom:1px solid #bbc2b2}.step-number{font-size:12px;padding-top:8px;color:#70796a}.process-step h3{font-size:clamp(22px,2.3vw,34px);line-height:1.2;letter-spacing:-.04em}.process-step p{font-size:16px;line-height:1.8;color:#666e5e;max-width:360px}
    .team-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:60px}.team-initial{display:block;font-size:clamp(60px,8vw,120px);font-weight:500;letter-spacing:-.09em;color:#9ba68e;border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:30px}.team-grid h3{font-size:32px;letter-spacing:-.04em;margin:14px 0 22px}.team-grid article>p:last-child{font-size:16px;line-height:1.85;color:#626a5b}
    .notes{background:#e5e8de}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}.notes-grid article{border-top:1px solid #b7c1ab;padding-top:25px}.notes-grid h3{font-size:25px;line-height:1.45;letter-spacing:-.03em;margin:24px 0}.notes-grid p{font-size:14px;color:#616956}
    .contact{background:var(--ink);color:var(--paper);padding-bottom:80px}.contact .section-label{color:#c3c9bb;margin-bottom:65px}.contact-title-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-right:10px}.contact h2{font-size:clamp(80px,13vw,196px);line-height:.96;letter-spacing:-.065em}.contact h2 em{color:var(--accent)}.contact-arrow{font-size:clamp(65px,13vw,180px);font-weight:300;line-height:1;transition:transform .7s var(--ease);margin-right:3vw}.contact-title-link:hover .contact-arrow{transform:translate(15px,-15px)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:65px}.contact-bottom p{font-size:16px;line-height:1.75;color:#c4c9bd}
    .footer{padding:38px var(--gutter);background:var(--ink);border-top:1px solid #ffffff24;color:#c2c8ba;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{width:250px}.footer-brand img{width:100%;height:auto}.footer p{font-size:12px}.back-top{font-size:12px;display:flex;align-items:center;gap:16px}
    .reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform 1.15s var(--ease)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}
    @keyframes scrollDown{0%{transform:translateY(-22px)}65%,100%{transform:translateY(48px)}}
    @media(max-width:1100px){.intro-content{gap:7%;grid-template-columns:1.15fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.section-pad{padding-top:85px;padding-bottom:85px}.section-label{margin-bottom:50px}}
    @media(max-width:760px){:root{--header-height:90px}.site-header{padding-top:4px}.brand{font-size:27px;gap:8px;width:225px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:0;width:44px;height:44px;padding:9px;z-index:2}.menu-toggle span{display:block;width:26px;height:1px;background:currentColor;transition:transform .35s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;inset:0 0 auto;padding:110px var(--gutter) 40px;background:var(--ink);flex-direction:column;gap:21px;font-size:28px;box-shadow:0 12px 35px #0003}.site-header .brand{z-index:2}.hero-scroll{height:165svh}.hero-pin{min-height:600px}.hero-copy{top:28%;max-width:calc(100% - 48px)}.hero-photo,.hero-drawing,.hero-volume{object-position:22% 50%;transform-origin:22% 50%}.hero-concept-note{display:none}.hero-copy h1{font-size:clamp(44px,10vw,72px);line-height:1.08;letter-spacing:-.06em}.hero-subtitle{font-size:15px;max-width:360px;margin-top:23px}.section-pad{padding-top:64px;padding-bottom:64px}.section-label{font-size:12px;letter-spacing:.1em;margin-bottom:39px}.intro-content{display:block}.intro h2{font-size:clamp(38px,8.5vw,59px);line-height:1.16}.intro-detail{padding:0;margin-top:32px;max-width:100%}.service-grid,.team-grid,.notes-grid{grid-template-columns:1fr;gap:36px}.team-initial{font-size:70px;padding-top:0}.team-grid h3{font-size:28px}.project-index-row{grid-template-columns:28px 1fr}.project-index-row .index-meta{grid-column:2}.process-step{grid-template-columns:24px 1fr;gap:13px;padding:26px 0}.process-step h3{font-size:27px;line-height:1.2}.footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:30px;padding-bottom:30px}.footer-brand{width:200px}.back-top{justify-self:end;grid-column:2;grid-row:1 / span 2}.contact h2{font-size:clamp(63px,14.8vw,115px);line-height:1.02}.contact-bottom{display:block;margin-top:40px}}
    .project-item{border-bottom:1px solid var(--line)}
    .project-toggle{appearance:none;border:0;background:transparent;text-align:left;width:100%;display:grid;grid-template-columns:60px 1fr 220px 34px;gap:28px;align-items:center;padding:37px 4px;transition:padding .45s var(--ease),background .45s var(--ease)}
    .project-toggle:hover,.project-item.open .project-toggle{padding-left:20px;padding-right:20px;background:#e6e9df}
    .project-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
    .project-toggle .index-number{color:#87917a;font-size:30px}
    .project-toggle h3{font-size:clamp(22px,2.4vw,35px);letter-spacing:-.045em;line-height:1.18}
    .project-toggle .index-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
    .toggle-icon{position:relative;width:22px;height:22px;justify-self:end;transition:transform .6s var(--ease)}
    .toggle-icon:before,.toggle-icon:after{content:'';position:absolute;background:currentColor;left:0;top:10.5px;width:22px;height:1px}
    .toggle-icon:after{transform:rotate(90deg)}
    .project-item.open .toggle-icon{transform:rotate(135deg)}
    .project-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .75s var(--ease)}
    .project-item.open .project-panel{grid-template-rows:1fr}
    .project-panel.instant{transition:none}
    .project-panel-inner{overflow:hidden;min-height:0}
    .project-detail{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(28px,4vw,64px);padding:14px 20px 64px;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .75s var(--ease)}
    .project-item.open .project-detail{opacity:1;transform:none;transition-delay:.15s}
    .gallery-main{position:relative;aspect-ratio:16/10;background:#dfe3d8;overflow:hidden}
    .gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .45s ease}
    .gallery-main img.fading{opacity:0}
    .gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
    .gallery-thumbs button{appearance:none;border:1px solid transparent;padding:0;background:none;width:92px;aspect-ratio:16/10;overflow:hidden;opacity:.55;transition:opacity .3s,border-color .3s}
    .gallery-thumbs button img{width:100%;height:100%;object-fit:cover}
    .gallery-thumbs button:hover,.gallery-thumbs button.active{opacity:1;border-color:var(--ink)}
    .gallery-empty{position:relative;aspect-ratio:16/10;background-color:#e6e9df;background-image:linear-gradient(rgba(32,35,33,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,33,.06) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.14em;color:#7d8575;border:1px solid var(--line)}
    .gallery-empty:before,.gallery-empty:after{content:'';position:absolute;width:14px;height:14px;border:1px solid #9aa38f}
    .gallery-empty:before{top:16px;left:16px;border-right:0;border-bottom:0}
    .gallery-empty:after{bottom:16px;right:16px;border-left:0;border-top:0}
    .project-info .eyebrow{color:#7d8575}
    .project-info .project-desc{font-size:16px;line-height:1.85;color:#565c53;margin:18px 0 30px}
    .project-info .project-desc.pending,.project-facts dd.pending{color:#a2a898;font-style:italic}
    .project-facts{margin:0;border-top:1px solid var(--line)}
    .project-facts div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
    .project-facts dt{color:#7d8575;letter-spacing:.08em;font-size:11px;text-transform:uppercase;padding-top:2px}
    .project-facts dd{margin:0}
    @media(max-width:760px){.project-toggle{grid-template-columns:28px 1fr 24px;gap:6px 14px;padding:26px 0}.project-toggle:hover,.project-item.open .project-toggle{padding-left:8px;padding-right:8px}.project-toggle .index-number{font-size:18px}.project-toggle .index-meta{grid-column:2;grid-row:2}.toggle-icon{grid-column:3;grid-row:1 / span 2;width:18px}.toggle-icon:before,.toggle-icon:after{width:18px}.project-detail{grid-template-columns:1fr;padding:6px 0 44px}.gallery-thumbs button{width:70px}}
    .all-projects-link{display:flex;align-items:center;gap:22px;padding:34px 4px;border-bottom:1px solid var(--line);font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;transition:padding .45s var(--ease),background .45s var(--ease)}
    .all-projects-link:hover{padding-left:20px;padding-right:20px;background:#e6e9df}
    .all-projects-link .all-count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7d8575}
    .all-projects-link .all-arrow{margin-left:auto;font-size:26px;transition:transform .45s var(--ease)}
    .all-projects-link:hover .all-arrow{transform:translateX(6px)}
    .all-projects-link.back-home{margin-top:80px;border-top:1px solid var(--line)}
    .all-projects-link.back-home .all-arrow{margin-left:0}
    .all-projects-link.back-home:hover .all-arrow{transform:translateX(-6px)}
    .projects-page-inner{padding-top:calc(var(--header-height) + 56px);min-height:100vh}
    .crumbs{display:flex;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7d8575;margin-bottom:46px}
    .crumbs a{color:var(--ink);border-bottom:1px solid var(--line)}
    .projects-page h1{font-size:clamp(56px,8vw,128px);letter-spacing:-.065em;line-height:1.02;font-weight:400}
    .project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px;padding-top:30px;border-top:1px solid var(--line)}
    .project-filters button{appearance:none;background:transparent;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:13px;letter-spacing:.02em;transition:background .3s,border-color .3s,color .3s}
    .project-filters button sup{font-size:10px;color:#8a927f;margin-left:2px}
    .project-filters button:hover{border-color:var(--ink)}
    .project-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
    .project-filters button[aria-pressed=true] sup{color:var(--accent)}
    .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 28px}
    .work-card{appearance:none;border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;animation:cardIn .8s var(--ease) both;animation-delay:var(--d)}
    .work-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#e1e5da;position:relative}
    .work-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
    .work-card:hover .work-media img{transform:scale(1.045)}
    .work-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#e6e9df;background-image:linear-gradient(rgba(32,35,33,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,33,.06) 1px,transparent 1px);background-size:32px 32px;transition:background-color .5s}
    .work-placeholder span{font-size:clamp(56px,6vw,96px);letter-spacing:-.07em;color:#b3bba7;transition:color .5s,transform .8s var(--ease)}
    .work-card:hover .work-placeholder{background-color:#dde2d4}
    .work-card:hover .work-placeholder span{color:#8e987f;transform:scale(1.06)}
    .work-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7d8575}
    .work-title{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:clamp(20px,1.7vw,25px);letter-spacing:-.035em;line-height:1.25}
    .work-title span{font-size:18px;opacity:0;transform:translate(-6px,6px);transition:opacity .4s,transform .5s var(--ease)}
    .work-card:hover .work-title span,.work-card:focus-visible .work-title span{opacity:1;transform:none}
    .work-card:focus-visible{outline:2px solid var(--ink);outline-offset:8px}
    @keyframes cardIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
    .work-dialog{width:min(1240px,calc(100% - 48px));max-height:calc(100vh - 48px);border:0;padding:0;background:var(--paper);color:var(--ink);overflow:auto}
    .work-dialog[open]{animation:dialogIn .6s var(--ease)}
    .work-dialog::backdrop{background:rgba(24,28,25,.62);backdrop-filter:blur(4px)}
    @keyframes dialogIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
    .work-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:36px 40px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1}
    .work-dialog-head .eyebrow{color:#7d8575;margin-bottom:10px}
    .work-dialog-head h2{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.05em;line-height:1.1}
    .work-dialog-close{appearance:none;border:1px solid var(--line);background:transparent;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;transition:border-color .3s,transform .5s var(--ease)}
    .work-dialog-close:hover{border-color:var(--ink);transform:rotate(90deg)}
    .work-dialog-close .toggle-icon{transform:rotate(45deg);width:20px}
    .work-dialog-close .toggle-icon:before,.work-dialog-close .toggle-icon:after{width:20px}
    .work-dialog .project-detail{opacity:1;transform:none;padding:32px 40px 44px}
    .view-sub .site-header{background:#f1f2ecef;color:var(--ink);height:82px;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    @media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:44px}.projects-page-inner{padding-top:calc(var(--header-height) + 28px)}.crumbs{margin-bottom:30px}.work-dialog{width:100%;max-width:100%;max-height:100%;height:100%;margin:0}.work-dialog-head{padding:22px 20px 18px}.work-dialog .project-detail{padding:20px 20px 40px}.work-dialog-close{width:44px;height:44px}.all-projects-link{padding:26px 0}.all-projects-link:hover{padding-left:8px;padding-right:8px}}
    .team-visual{position:relative;height:clamp(380px,38vw,560px);border-bottom:1px solid var(--line);margin-bottom:30px;overflow:hidden}
    .team-visual .team-initial{position:absolute;left:-.03em;bottom:-.12em;margin:0;padding:0;border:0;font-size:clamp(110px,12vw,190px);line-height:1;letter-spacing:-.08em;color:#b4bca7;white-space:nowrap}
    .team-photo{position:absolute;bottom:0;right:2%;height:98%;width:auto;max-width:none;transform:translateY(30px);opacity:0;transition:transform 1.3s var(--ease) .2s,opacity 1s ease .2s}
    .team-grid article.is-visible .team-photo{transform:none;opacity:1}
    @media(max-width:760px){.team-visual{height:auto;aspect-ratio:1/1.02}.team-visual:not(.has-photo){aspect-ratio:auto;height:140px}.team-visual .team-initial{font-size:clamp(84px,24vw,120px)}.team-photo{right:0;height:94%}}
    .note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px;margin-top:50px}
    .note-card{display:flex;flex-direction:column;color:inherit}
    .note-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background-color:#dfe3d7;background-image:linear-gradient(rgba(32,35,33,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,33,.055) 1px,transparent 1px);background-size:28px 28px;color:#7e8873;transition:background-color .6s var(--ease)}
    .notes .note-cover{background-color:#d8ddcf}
    .note-cover-art{position:absolute;inset:12% 10%;display:block;transition:transform 1.1s var(--ease)}
    .note-cover-art svg{width:100%;height:100%}
    .note-cover-no{position:absolute;left:18px;bottom:12px;font-size:13px;letter-spacing:.14em;color:#6d7763}
    .note-card:hover .note-cover{background-color:#cfd6c4}
    .note-card:hover .note-cover-art{transform:scale(1.05)}
    .note-meta{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #b7c1ab;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6f7866}
    .note-title{margin-top:14px;font-size:clamp(21px,1.7vw,25px);line-height:1.38;letter-spacing:-.03em}
    .note-excerpt{margin-top:12px;font-size:15px;line-height:1.75;color:#626a5b}
    .note-more{margin-top:18px;font-size:13px;letter-spacing:.04em;display:inline-flex;gap:10px;align-items:center}
    .note-more span{transition:transform .45s var(--ease)}
    .note-card:hover .note-more span{transform:translateX(6px)}
    .note-card:focus-visible{outline:2px solid var(--ink);outline-offset:8px}
    .notes-all{margin-top:56px;border-top:1px solid #b7c1ab;border-bottom-color:#b7c1ab}
    .notes-all:hover{background:#dde2d4}
    .note-grid--page .note-card.is-featured{grid-column:1 / -1;display:grid;grid-template-columns:1.35fr 1fr;column-gap:48px;align-items:start}
    .note-grid--page .is-featured .note-cover{grid-row:1 / span 5}
    .note-grid--page .is-featured .note-meta{margin-top:0}
    .note-grid--page .is-featured .note-title{font-size:clamp(28px,3vw,44px);line-height:1.18;letter-spacing:-.045em}
    .note-grid--page .is-featured .note-excerpt{font-size:17px}
    .blog-page .projects-page-inner h1{font-size:clamp(56px,8vw,128px);letter-spacing:-.065em;line-height:1.02;font-weight:400}
    .read-progress{position:fixed;left:0;right:0;top:82px;height:2px;z-index:19;background:transparent}
    .read-progress span{display:block;height:100%;background:#8e9a7d;transform:scaleX(0);transform-origin:left}
    .post{padding-top:calc(var(--header-height) + 56px)}
    .post-header{max-width:1000px}
    .post-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7d8575}
    .post-meta span:first-child{color:var(--ink)}
    .post-header h1{margin-top:22px;font-size:clamp(38px,5.4vw,82px);line-height:1.06;letter-spacing:-.055em;font-weight:400}
    .post-lede{margin-top:28px;font-size:clamp(17px,1.5vw,21px);line-height:1.7;color:#5a6156;max-width:760px}
    .post-cover{margin-top:56px}
    .post-cover .note-cover{aspect-ratio:21/7;background-color:#e1e5da}
    .post-cover .note-cover-art{inset:10% 28%}
    .post-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(40px,7vw,120px);margin-top:72px}
    .post-aside{position:sticky;top:120px;align-self:start}
    .post-aside .eyebrow{color:#7d8575;margin-bottom:16px}
    .post-toc{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
    .post-toc button{appearance:none;border:0;background:none;text-align:left;padding:8px 0 8px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:13px;line-height:1.5;color:#7d8575;transition:color .3s,border-color .3s}
    .post-toc button:hover{color:var(--ink)}
    .post-toc button.active{color:var(--ink);border-left-color:var(--ink)}
    .copy-link{appearance:none;background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;margin-top:30px;font-size:13px;display:inline-flex;gap:12px}
    .post-body{font-size:18px;line-height:1.85;color:#3e443b}
    .post-body>*+*{margin-top:22px}
    .post-body h2{margin-top:60px;font-size:clamp(26px,2.4vw,34px);line-height:1.25;letter-spacing:-.04em;color:var(--ink);scroll-margin-top:110px}
    .post-body h2+p,.post-body h2+ul{margin-top:16px}
    .post-body ul{padding-left:0;list-style:none}
    .post-body li{position:relative;padding-left:26px}
    .post-body li+li{margin-top:10px}
    .post-body li:before{content:'';position:absolute;left:0;top:.9em;width:12px;height:1px;background:#8e9a7d}
    .post-body strong{font-weight:600;color:var(--ink)}
    .post-body blockquote{margin:48px 0;padding:6px 0 6px 28px;border-left:2px solid var(--accent);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.4;letter-spacing:-.02em;color:var(--ink)}
    .post-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
    .post-body th,.post-body td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
    .post-body th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7d8575;font-weight:500}
    .post-body td:first-child{color:#7d8575;font-size:13px;width:28%}
    .post-footer{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(40px,7vw,120px);margin-top:90px}
    .post-author{grid-column:2;display:flex;gap:20px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .post-author-mark{flex:none;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}
    .post-author-mark svg{width:26px;height:26px}
    .post-author .eyebrow{color:#7d8575}
    .post-author-name{font-size:20px;letter-spacing:-.02em;margin-top:4px}
    .post-author-note{font-size:14px;line-height:1.7;color:#6b7364;margin-top:6px}
    .post-cta{grid-column:2;margin-top:64px}
    .post-cta h2{font-size:clamp(32px,3.4vw,50px);line-height:1.12;letter-spacing:-.05em;margin-bottom:26px}
    .post-more{margin-top:120px;padding-top:70px;border-top:1px solid var(--line)}
    .post-more .section-label{margin-bottom:0}
    .post-more-all{border-bottom:1px solid var(--ink)}
    .post-more .note-grid{grid-template-columns:repeat(2,1fr)}
    @media(max-width:1100px){.note-grid{grid-template-columns:repeat(2,1fr)}.post-layout,.post-footer{grid-template-columns:1fr}.post-aside{position:static;border-bottom:1px solid var(--line);padding-bottom:28px}.post-author,.post-cta{grid-column:1}}
    @media(max-width:760px){.note-grid,.post-more .note-grid{grid-template-columns:1fr;gap:44px}.note-grid--page .note-card.is-featured{display:flex}.read-progress{top:82px}.post{padding-top:calc(var(--header-height) + 28px)}.post-cover{margin-top:36px}.post-cover .note-cover{aspect-ratio:16/10}.post-cover .note-cover-art{inset:12% 10%}.post-layout{margin-top:44px;gap:36px}.post-body{font-size:17px}.post-body blockquote{margin:36px 0;padding-left:20px}.post-body td:first-child{width:30%}.post-more{margin-top:80px;padding-top:50px}}

/* ---------- WordPress uyarlamaları ---------- */
.brand img{filter:none!important;height:auto}
.brand .logo-dark{display:none}
.site-header.scrolled .brand .logo-light,.view-sub .site-header .brand .logo-light,.site-header.menu-open .brand .logo-light{display:none}
.site-header.scrolled .brand .logo-dark,.view-sub .site-header .brand .logo-dark{display:block}
.site-header.menu-open .brand .logo-dark{display:none}
.site-header.menu-open .brand .logo-light{display:block}
.footer-brand img{filter:none}
.desktop-nav ul,.mobile-nav ul{list-style:none;margin:0;padding:0;display:contents}
.desktop-nav li,.mobile-nav li{display:contents}
body.admin-bar .site-header{top:32px}
body.admin-bar .read-progress{top:114px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}body.admin-bar .read-progress{top:128px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.post-body img,.post-body video{max-width:100%;height:auto}
.post-body figure{margin:40px 0}
.post-body figcaption,.wp-element-caption{font-size:13px;color:#7d8575;margin-top:10px;line-height:1.6}
.post-body a{border-bottom:1px solid currentColor}
.post-body ol{padding-left:22px}
.post-body h3{font-size:22px;letter-spacing:-.03em;color:var(--ink);margin-top:40px}
.post-body .wp-block-image,.post-body .wp-block-gallery{margin:40px 0}
.post-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.note-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.note-card:hover .note-cover img{transform:scale(1.04)}
.pagination{display:flex;gap:10px;margin-top:70px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:14px}
.pagination .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.project-single-detail .project-detail{opacity:1;transform:none;padding:0}
.project-single .post-header{margin-bottom:48px}
.project-body{margin-top:60px;max-width:760px}
.work-dialog .project-page-link{display:inline-flex;margin-top:26px}
.contact-extra{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px;font-size:15px;color:#c4c9bd}
.contact-extra a{border-bottom:1px solid #ffffff40}
.page-simple{padding-top:calc(var(--header-height) + 56px);min-height:70vh}
.page-simple h1{font-size:clamp(44px,6vw,92px);letter-spacing:-.055em;line-height:1.05}
.page-simple .post-body{max-width:760px;margin-top:48px}

[hidden]{display:none!important}
@media(max-width:760px){.projects-page-inner .section-heading{flex-direction:column;align-items:flex-start;gap:18px}}

/* ---------- İletişim sayfası ---------- */
.contact-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(40px,7vw,110px);margin-top:10px;padding-top:44px;border-top:1px solid var(--line)}
.contact-form-wrap .eyebrow,.contact-info .eyebrow{color:#7d8575;margin-bottom:20px}
.contact-form{display:grid;gap:22px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:grid;gap:9px}
.field span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6f7866}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #b9c0ae;border-radius:0;padding:10px 0 12px;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,#6f7866 50%),linear-gradient(135deg,#6f7866 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
.field textarea{resize:vertical;min-height:130px;line-height:1.7}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-bottom-color:var(--ink)}
.field textarea::placeholder{color:#a3aa98}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:#5e6658;cursor:pointer}
.consent input{margin-top:4px;width:17px;height:17px;accent-color:var(--ink);flex:none}
.form-note{font-size:13px;color:#8a927f;margin-top:-8px}
.form-submit{justify-self:start;display:inline-flex;align-items:center;gap:28px;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:17px 30px;font-size:15px;letter-spacing:.02em;transition:background .3s,transform .4s var(--ease)}
.form-submit span{font-size:20px;line-height:1;transition:transform .4s var(--ease)}
.form-submit:hover{background:#3a403a}
.form-submit:hover span{transform:translate(3px,-3px)}
.form-error{background:#f6e3df;color:#8a2d1f;border-left:2px solid #b8452f;padding:14px 16px;font-size:14px;line-height:1.6}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-done{border-top:1px solid var(--line);padding-top:34px}
.form-done-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent);font-size:24px;margin-bottom:24px}
.form-done h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.15}
.form-done p{font-size:16px;line-height:1.8;color:#5e6658;margin:14px 0 24px;max-width:460px}
.contact-info{display:grid;gap:34px;align-content:start}
.info-item{padding-bottom:30px;border-bottom:1px solid var(--line)}
.info-item:last-child{border-bottom:0}
.info-item .eyebrow{margin-bottom:10px}
.info-big{display:inline-block;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;line-height:1.3;word-break:break-word}
.info-big:hover{color:#5c6852}
.contact-info address{font-style:normal;font-size:17px;line-height:1.75;color:#3e443b}
.info-sub{display:inline-block;margin-top:12px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:2px;color:#5e6658}
.contact-map{position:relative;height:clamp(340px,42vw,520px);border-top:1px solid var(--line);background:#e1e5da;filter:grayscale(.85) contrast(.95)}
.contact-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-info{grid-template-columns:1fr 1fr;gap:28px 24px}}
@media(max-width:560px){.field-row{grid-template-columns:1fr}.contact-info{grid-template-columns:1fr}.form-submit{justify-self:stretch;justify-content:center}}
.contact-page h1{font-size:clamp(56px,8vw,128px);letter-spacing:-.065em;line-height:1.02;font-weight:400}
.info-item .info-sub{display:table;margin-top:12px}
@media(max-width:760px){.contact-page .section-heading{flex-direction:column;align-items:flex-start;gap:18px}}