:root{--bg:#f3f2ee;--ink:#252622;--muted:#666760;--line:#d7d7cf;--accent:#c34725;--soft:#e9e9e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#d9a08c;color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:26px}.monogram{font-size:36px;font-weight:800;letter-spacing:-4px;position:relative}.monogram>span{font-size:10px;letter-spacing:0;position:absolute;right:-13px;top:6px}.identity-name{font-size:13px;letter-spacing:-.15px}.header nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav-contact{display:flex;gap:35px;border:1px solid var(--ink);padding:12px 18px;border-radius:3px}.nav-contact:hover{background:var(--ink);color:var(--bg)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:580px;padding-block:60px;gap:30px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:10px}.dot{height:6px;width:6px;background:var(--accent);border-radius:50%}.hero h1{font-size:clamp(68px,7.6vw,110px);line-height:1.01;font-weight:500;letter-spacing:-6px;margin:30px 0 24px}.hero h1 span{color:var(--accent)}.hero-desc{max-width:365px;font-size:16px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px;font-size:13px}.button{display:inline-flex;gap:38px;padding:17px 22px;background:var(--ink);color:var(--bg);border-radius:3px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:var(--accent)}a:active,button:active{transform:translateY(1px)}.text-link{display:inline-flex;gap:20px;align-items:center}.hero-art{aspect-ratio:1;position:relative;min-width:0}.hero-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.art-corner{position:absolute;font-family:monospace;font-size:9px;letter-spacing:.7px;color:var(--muted)}.tl{top:15px;left:16px}.br{bottom:12px;right:16px}.intro-strip{display:flex;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding-block:25px;font-size:12px}.intro-strip .muted{margin-left:15px;color:var(--muted)}.intro-strip i{font-style:normal;color:#91928a;margin:0 10px}.intro-strip a span{margin-left:20px}.section{padding-block:100px;scroll-margin-top:25px}.section-index{font-family:monospace;font-size:10px;letter-spacing:1px;color:var(--muted)}h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:0 0 28px}p{line-height:1.7}.about{display:grid;grid-template-columns:1fr 2.4fr;gap:30px;border-bottom:1px solid var(--line)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about-columns p{font-size:14px;color:var(--muted);margin:0}.underlink{font-size:12px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:28px}.project-heading{margin-bottom:42px}.project-heading p{font-size:14px;color:var(--muted);margin-top:0}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;margin-bottom:35px}.project-visual{height:330px;border-radius:3px;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s}.project:hover .project-visual{transform:translateY(-4px)}.emlak{background:#dedfd5}.project-type{font-size:9px;letter-spacing:1.5px}.emlak-word{font-size:76px;letter-spacing:-6px;font-weight:600;align-self:center}.emlak-word>span{font-weight:400}.emlak-word .os-dot{color:var(--accent)}.visual-caption{font-size:11px;max-width:80%}.project-arrow{position:absolute;right:25px;bottom:25px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #9b9d91;border-radius:50%;font-size:18px;transition:background .2s}.project:hover .project-arrow{background:var(--ink);color:var(--bg)}.nakliye{background:#e7ddd0}.nakliye-word{font-size:35px;font-weight:700;letter-spacing:-1.5px;align-self:center}.nakliye-word>span{color:var(--accent)}.route{display:flex;align-items:center;gap:5px;width:170px;margin:20px auto 0}.route b{border:1px solid var(--ink);height:9px;width:9px;border-radius:50%}.route i{flex:1;border-top:1px dashed var(--muted)}.project-info{padding-top:20px}.project-info h3{font-size:20px;font-weight:500;margin:0 0 8px;letter-spacing:-.5px}.project-info p{font-size:12px;color:var(--muted);margin:0;max-width:370px}.project-row{border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:center;gap:15px;padding:27px 0}.project-row:last-child{border-bottom:1px solid var(--line)}.row-number{font:10px monospace;color:var(--muted)}.project-row h3{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0}.project-row>span:nth-last-child(2){font-size:12px;color:var(--muted)}.project-row>span:last-child{text-align:right;font-size:23px}.project-row:hover h3{color:var(--accent)}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-block:1px solid var(--line);background:var(--soft);padding-inline:40px;width:min(1400px,calc(100% - 72px))}.expertise h2{font-size:40px}.expertise-list article{display:grid;grid-template-columns:35px 1fr;gap:20px;padding-block:25px;border-bottom:1px solid #cdcec4}.expertise-list article:first-child{padding-top:0}.expertise-list article:last-child{border:0;padding-bottom:0}.expertise-list article>span{font:10px monospace;color:var(--muted);padding-top:4px}.expertise-list h3{font-size:19px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.expertise-list p{font-size:13px;margin:0;color:var(--muted);max-width:370px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:90px}.journey h2{margin-top:27px}.journey-intro>p{font-size:14px;max-width:310px;color:var(--muted)}.timeline article{border-top:1px solid var(--line);padding-block:25px}.timeline time{font:11px monospace;color:var(--accent)}.timeline h3{font-size:19px;font-weight:500;margin:12px 0 7px;letter-spacing:-.5px}.timeline p{font-size:12px;color:var(--muted);margin:0}.contact{border-top:1px solid var(--line);padding-bottom:60px}.contact-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.contact-top>span:last-child{font-size:11px;color:var(--muted)}.contact h2{font-size:clamp(48px,6vw,80px);letter-spacing:-4px;line-height:1.05}.contact h2>span{color:var(--accent)}.email{display:inline-flex;align-items:center;gap:55px;font-size:clamp(20px,3vw,37px);letter-spacing:-1px;border-bottom:1px solid var(--ink);padding-bottom:14px;margin:10px 0 40px}.email:hover{color:var(--accent)}.contact-links{display:flex;gap:28px;flex-wrap:wrap;font-size:11px}.contact-links a,.copy-email{display:flex;gap:13px;align-items:center}.copy-email{border:0;background:none;padding:0;color:var(--ink);cursor:pointer}.copy-status{font-size:12px;min-height:20px;margin:18px 0 0;color:var(--muted)}.footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.footer-name{color:var(--ink);font-size:14px;letter-spacing:-.5px}.footer-name>span{font-size:8px;vertical-align:super;margin-left:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:10px;left:10px;padding:15px;background:var(--ink);color:var(--bg);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.js-motion .reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero{min-height:680px}}@media(max-width:1024px){.wrap{width:calc(100% - 64px)}.header{height:76px}.hero{min-height:530px}.hero h1{font-size:80px;letter-spacing:-4px}.hero-desc{font-size:14px}.hero-art{margin-left:-20px}.identity-name{display:none}.section{padding-block:75px}.about{grid-template-columns:1fr 3fr}.about-columns{gap:25px}.expertise{width:calc(100% - 40px);padding-inline:25px;gap:40px}.expertise h2{font-size:32px}.journey{gap:40px}.project-visual{height:290px}.emlak-word{font-size:62px}.nakliye-word{font-size:29px}.intro-strip{font-size:10px}.intro-strip .muted{margin-left:8px}}@media(max-width:767px){.wrap{width:calc(100% - 40px)}.header{height:76px}.monogram{font-size:31px}.header nav{gap:19px;font-size:11px}.nav-contact{padding:10px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:48px 20px;gap:10px}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:76px;letter-spacing:-4px;margin-top:25px}.hero-desc{max-width:330px;font-size:15px}.hero-actions{margin-top:25px}.hero-art{max-width:380px;width:100%;margin:15px auto 0;aspect-ratio:1.13}.hero-art img{object-fit:cover}.art-corner{font-size:8px}.intro-strip{display:grid;grid-template-columns:1fr;gap:17px;padding-block:23px;font-size:11px}.intro-strip>a{display:none}.section{padding-block:65px}h2{font-size:32px;letter-spacing:-1.5px}.about{grid-template-columns:1fr;gap:25px}.about-columns{grid-template-columns:1fr;gap:18px}.about-columns p{font-size:14px}.project-heading p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:290px}.emlak-word{font-size:75px}.nakliye-word{font-size:35px}.project-row{grid-template-columns:30px 1fr 22px;gap:10px;padding-block:24px}.project-row h3{font-size:18px}.project-row>span:nth-last-child(2){grid-column:2;grid-row:2;font-size:11px}.project-row>span:last-child{grid-column:3;grid-row:1}.expertise{grid-template-columns:1fr;width:calc(100% - 20px);padding-inline:20px;gap:20px}.expertise h2{font-size:32px}.journey{grid-template-columns:1fr;gap:38px}.journey .underlink{margin-top:15px}.contact-top{margin-bottom:35px;align-items:start;gap:15px}.contact-top>span:last-child{font-size:10px;white-space:nowrap}.contact h2{font-size:53px;letter-spacing:-2.7px}.email{font-size:21px;gap:20px;letter-spacing:-.5px;max-width:100%}.contact-links{gap:24px 25px}.footer{flex-wrap:wrap;gap:22px}.footer>span{order:3;width:100%;font-size:9px}.footer>a:last-child{margin-left:auto}.section-index{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Personal photography and company links */
.hero-portrait{padding:18px}.hero-portrait img{display:block;object-fit:contain;mix-blend-mode:multiply;border-radius:50%}.about-photo{margin:28px 0 0;max-width:260px}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:3px}.company-links{display:flex;flex-wrap:wrap;gap:0 30px}.company-links .underlink{white-space:nowrap;gap:18px}.hero .eyebrow{line-height:1.65;max-width:100%;letter-spacing:1px}
@media(max-width:1024px){.intro-strip{flex-wrap:wrap}.hero .eyebrow{font-size:9px}.about{grid-template-columns:1fr 2.4fr}}
@media(max-width:767px){.hero-portrait{aspect-ratio:1;padding:10px;max-width:340px}.about{grid-template-columns:1fr}.about-aside{display:flex;flex-direction:column;gap:22px}.about-photo{margin:0;max-width:none}.about-photo img{aspect-ratio:4/3;object-position:50% 48%}.company-links{gap:0 24px}.intro-strip{display:grid}.hero .eyebrow{font-size:9px;max-width:330px}}

.workspace-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;margin-top:32px}.expertise-intro{min-width:0}@media(max-width:767px){.workspace-photo{margin-top:24px;margin-bottom:20px}}

/* UÖF identity: original transparent logo files, framed with CSS. */
.brand-lockup{display:block;position:relative;width:258px;height:46px;overflow:hidden;flex:none}.brand-lockup img{position:absolute;display:block;width:115%;height:auto;max-width:none;left:-7.5%;top:50%;transform:translateY(-50%)}.brand-mark{display:none;position:relative;width:62px;height:39px;overflow:hidden}.brand-mark img{position:absolute;display:block;width:82px;height:auto;left:-10px;top:50%;transform:translateY(-50%)}.footer-brand .brand-lockup{width:232px;height:42px}.identity{gap:0}.footer-brand{display:block}
@media(max-width:1024px){.brand-lockup{width:232px;height:42px}}@media(max-width:767px){.identity>.brand-lockup{display:none}.identity>.brand-mark{display:block}.header nav{gap:15px}.footer-brand .brand-lockup{width:210px;height:39px}.footer{column-gap:15px}.footer>a:last-child{white-space:nowrap}}

/* Portrait responds to the pointer without changing layout. */
.portrait-surface{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;isolation:isolate;transform-origin:center}.portrait-surface img{user-select:none;-webkit-user-drag:none}.portrait-light{display:block;position:absolute;inset:-50%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at center,rgba(195,71,37,.24) 0%,rgba(255,242,222,.15) 16%,transparent 43%);opacity:0;transition:opacity 220ms ease}.portrait-surface::after{content:"";position:absolute;inset:1px;border:1px solid rgba(195,71,37,.55);border-radius:50%;pointer-events:none;opacity:0;transition:opacity 220ms ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-portrait.is-interacting .portrait-light,.hero-portrait.is-interacting .portrait-surface::after{opacity:1}.hero-portrait.is-interacting .portrait-surface{will-change:transform}}
@media(prefers-reduced-motion:reduce){.portrait-surface{transform:none!important}.portrait-light{display:none}}

/* Historical reference portfolio. */
[hidden]{display:none!important}.reference-archive{margin-top:74px}.reference-archive>h3{font-size:34px;font-weight:500;letter-spacing:-1.3px;margin:0 0 14px}.archive-description{font-size:14px;color:var(--muted);max-width:610px;margin:0 0 28px}.archive-filters{display:flex;flex-wrap:wrap;gap:9px}.archive-filters button,.archive-more{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);padding:12px 15px;cursor:pointer;transition:background .2s,color .2s}.archive-filters button span{font:10px monospace;margin-left:10px;opacity:.7}.archive-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.archive-filters button:hover{border-color:var(--accent)}.archive-status{min-height:20px;font-size:11px;color:var(--muted);margin:17px 0}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.archive-project{border-top:1px solid var(--line);min-width:0}.archive-image{width:100%;height:auto;aspect-ratio:1.5;display:block;object-fit:cover;object-position:top;margin-top:15px;border-radius:3px}.archive-card-body{padding:20px 0 8px}.archive-category{font:10px monospace;color:var(--accent)}.archive-project h4{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:12px 0 10px}.archive-project p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.archive-project .archive-note{font-size:10px;margin-top:12px}.archive-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.archive-links a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.archive-links a span{margin-left:10px}.archive-more{margin-top:32px;border-color:var(--ink)}.archive-more:hover{background:var(--ink);color:var(--bg)}.archive-source{font-size:10px;color:var(--muted);max-width:800px;margin-top:30px;line-height:1.75}@media(max-width:1024px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.reference-archive{margin-top:55px}.reference-archive>h3{font-size:29px}.archive-grid{grid-template-columns:1fr;gap:25px}.archive-filters{gap:7px}.archive-filters button{font-size:11px;padding:10px}.archive-filters button span{margin-left:6px}.archive-description{font-size:13px}}