@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');
:root{--paper:#eeeee6;--ink:#20271f;--olive:#b9c69c;--line:#d0d2c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a7bc7a;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:400;letter-spacing:-.055em}em{font-family:Georgia,serif;font-weight:400}header{height:100px;padding:0 5%;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff38}.brand{font-size:43px;font-weight:500;letter-spacing:-3px;line-height:.9}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.1px;margin-top:11px}nav{display:flex;gap:35px;font-size:13px}.header-cta{font-size:12px;border-bottom:1px solid #ffffff70;padding:12px 0}.header-cta span{margin-left:24px}#menu{display:none}.hero{min-height:730px;height:94svh;max-height:1100px;position:relative;background:#28332f;color:white;overflow:hidden}.hero-image{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(1.04);animation:drift 18s ease-in-out infinite alternate;transition:object-position 1.7s,filter 1.7s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d171cc7,#101a1b35 70%),linear-gradient(0deg,#0a181aa1,transparent 40%)}.hero-content{position:absolute;left:7%;top:30%;max-width:850px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;line-height:1.8}.hero h1{font-size:clamp(60px,7.3vw,116px);line-height:1.06;margin:27px 0}.hero-content>p:not(.eyebrow){font-size:16px;color:#e5e8e1;line-height:1.6;margin-bottom:38px}.light-button{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;border:1px solid #ffffff90;font-size:12px;transition:.3s}.light-button:hover{background:var(--paper);color:var(--ink)}.hero-bottom{position:absolute;left:7%;right:7%;bottom:40px;display:flex;align-items:end;justify-content:space-between}.hero-caption{font-size:10px;letter-spacing:1.5px;line-height:2}.hero-caption small{font-size:9px;letter-spacing:.3px;color:#d0d7ce}.slider-controls{display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:2px}.slider-controls button{background:transparent;border:1px solid #ffffff50;border-radius:50%;width:38px;height:38px;color:white}.scroll-link{font-size:9px;letter-spacing:1.5px}.slide-progress{position:absolute;bottom:0;height:3px;background:#ffffff20;left:0;right:0}.slide-progress span{display:block;height:100%;width:33.33%;background:var(--olive);transition:width .7s}.marquee{background:var(--olive);padding:22px 0;overflow:hidden;white-space:nowrap}.marquee>div{font:400 35px 'Manrope',sans-serif;letter-spacing:-1px;display:flex;gap:55px;width:max-content;animation:marquee 30s linear infinite}.marquee i{font-style:normal}.section{padding:110px 7%}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;margin-top:38px}h2{font-size:clamp(36px,4vw,65px);line-height:1.15}.intro-copy p{font-size:14px;line-height:1.85;color:#62695f}.intro-copy .big-copy{font-size:21px;line-height:1.6;margin-bottom:22px;color:var(--ink)}.signature{margin-top:32px;padding-top:25px;border-top:1px solid var(--line);font-size:15px}.signature span{font-size:8px;letter-spacing:1.6px;display:block;margin-top:9px}.collection{padding-top:45px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:25px}.section-heading>p{font-size:12px;line-height:1.8;color:#62695f}.filters{display:flex;gap:26px;border-top:1px solid var(--line);padding:22px 0 35px}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:6px 0;font-size:12px;color:#62695f}.filters button.active{border-bottom-color:var(--ink);color:var(--ink)}.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:6%}.project{background:none;border:0;text-align:left;padding:0;width:100%}.project-offset{padding-top:110px}.project-image{height:500px;overflow:hidden;position:relative;background:#425048}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .9s}.project-image.crop{height:410px}.crop img{object-position:82% center;transform:scale(1.7)}.project:hover img{transform:scale(1.06)}.project:hover .crop img{transform:scale(1.8)}.project-image>span{position:absolute;bottom:24px;left:24px;background:#eeeee6ed;padding:12px 16px;font-size:9px;letter-spacing:1px}.project-title{display:flex;justify-content:space-between;margin-top:22px;align-items:center}.project-title small{font-size:8px;letter-spacing:1.5px}.project-title h3{font-size:28px;margin-top:10px}.project-title>span{font-size:28px}.concept-note{font-size:10px;color:#6a7164;line-height:1.7;margin-top:34px;max-width:640px}.statement{height:560px;position:relative;color:white;overflow:hidden}.statement>img{width:100%;height:100%;object-fit:cover;object-position:center 70%;filter:brightness(.47)}.statement>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.statement h2{margin:30px 0;font-size:clamp(40px,5vw,80px)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-grid span{font-size:11px;color:#6a7164}.process-grid h3{font-size:27px;letter-spacing:-1px;margin:38px 0 18px}.process-grid p{font-size:13px;line-height:1.8;color:#62695f}.contact{background:#202b23;color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{margin:30px 0}.phone{display:inline-block;font-size:28px;letter-spacing:-1px;margin:14px 0 25px}.contact p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c0c9bb}form{padding-top:8px}form .eyebrow{margin-bottom:33px}label{display:block;font-size:12px;margin:22px 0 12px}select,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff50;border-radius:0;padding:13px 0;color:var(--paper);font-size:13px}select option{color:var(--ink);background:var(--paper)}textarea{resize:vertical;min-height:120px}textarea::placeholder{color:#a5b0a0;line-height:1.7}.send{margin-top:24px;display:flex;justify-content:space-between;background:var(--olive);border:0;width:100%;padding:19px 22px;font-size:12px;color:#202b23}.contact .form-note{font-size:10px;margin-top:13px}footer{padding:55px 7% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px}.footer-top>p{font-family:Georgia,serif;font-style:italic;font-size:24px}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:8px;line-height:1.8;color:#62695f}.floating{position:fixed;right:22px;bottom:20px;background:var(--olive);border:1px solid #202b2340;z-index:12;font-size:11px;padding:14px 20px;border-radius:30px;box-shadow:0 5px 20px #0002}.skip{position:fixed;top:-100px;z-index:30;background:white;padding:15px}.skip:focus{top:0}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}dialog{padding:0;border:0;background:var(--paper);width:min(900px,92vw);max-height:90svh;color:var(--ink)}dialog::backdrop{background:#0b1719cc;backdrop-filter:blur(8px)}dialog>img{width:100%;max-height:50svh;object-fit:cover}dialog>div{padding:35px}dialog h2{font-size:38px;margin:14px 0}dialog p{font-size:13px;line-height:1.8}dialog .text-link{display:inline-block;margin-top:20px;border-bottom:1px solid;font-size:12px}.close{position:absolute;right:14px;top:14px;background:var(--paper);border:0;border-radius:50%;width:38px;height:38px;font-size:27px}[hidden]{display:none!important}@keyframes drift{to{transform:scale(1.13)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1800px){.section{padding-left:max(7%,calc((100vw - 1550px)/2));padding-right:max(7%,calc((100vw - 1550px)/2))}}@media(max-width:800px){header{height:85px;padding:0 6%}.brand{font-size:36px}.brand span{font-size:7px}nav{display:none;position:absolute;top:85px;left:0;width:100%;padding:25px;background:#202b23}nav.open{display:flex}.header-cta{margin-left:auto;margin-right:20px;font-size:10px}.header-cta span{display:none}#menu{display:block;background:none;border:0;color:white;font-size:23px}.hero{height:90svh;min-height:660px;max-height:900px}.hero-content{left:7%;right:7%;top:29%}.hero h1{font-size:clamp(58px,10vw,85px)}.hero-content .eyebrow{font-size:8px}.hero-content>p:not(.eyebrow){font-size:14px}.hero-image{object-position:60% center}.hero-bottom{bottom:29px;align-items:center;gap:14px}.hero-caption{font-size:8px;max-width:180px}.hero-caption small{font-size:8px}.scroll-link{display:none}.slider-controls{gap:9px;font-size:9px}.slider-controls button{width:31px;height:31px}.marquee{padding:17px 0}.marquee>div{font-size:25px;gap:30px}.section{padding:70px 7%}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.intro-copy .big-copy{font-size:18px}.section-heading{display:block}.section-heading>p{margin-top:24px}.projects{gap:30px;grid-template-columns:1fr}.project-offset{padding-top:10px}.project-image,.project-image.crop{height:380px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.process-grid h3{margin-top:18px}.process-grid p{max-width:500px}.statement{height:430px}.statement h2{font-size:43px}.filters{gap:20px}.filters button{font-size:10px}.footer-top{flex-wrap:wrap;gap:35px}.footer-top>p{display:none}.footer-bottom{flex-direction:column;gap:8px}.contact-grid{gap:45px}dialog>div{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Haneli marka yazımı ve mimar profili */
.brand{letter-spacing:-2.6px;background:transparent}.signature strong{font:400 25px "Manrope",Arial,sans-serif;letter-spacing:-.7px;display:block}.signature .architect-kicker{font-size:8px;margin:0 0 14px;color:#62695f}.signature .architect-education{font-size:12px;letter-spacing:.1px;line-height:1.7;margin-top:10px}.architect-profile{display:inline-block;margin-top:19px;border-bottom:1px solid #929b87;padding-bottom:5px;font-size:11px}.signature{padding-top:28px}.architect-profile:hover{color:#65754c}