.menu{inset:0 0 auto;display:grid;grid-template-columns:max-content 1fr auto;align-items:start;gap:32px;padding:22px var(--pad) 18px;background:#fff;color:#111;border-bottom:1px solid rgba(20,20,20,.45);justify-content:normal;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.menu.open{transform:none;pointer-events:auto}
.menu a,.menu-close{font-size:12px;font-weight:300;line-height:1.45;letter-spacing:0;border:0}
.menu-brand{white-space:nowrap}
.menu-links{display:flex;flex-direction:column;align-items:flex-start}
.menu .menu-close{position:static;padding:0;justify-self:end}
.menu a:hover,.menu-close:hover{text-decoration:underline;text-underline-offset:3px}
.menu a:focus-visible,.menu-close:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(max-width:760px){.menu{gap:16px;padding-top:20px}.menu a,.menu-close{font-size:11px}.menu-brand{max-width:110px;white-space:normal}}
.nav .brand{display:block;font-size:14px;font-weight:300;letter-spacing:0;white-space:nowrap}
.nav .menu-btn{font-size:14px;font-weight:300}
.scroll-ui .nav .brand,.scroll-ui .nav .menu-btn{opacity:var(--nav-opacity,0)}
.nav .scroll-cue{top:24px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);font-size:14px;letter-spacing:0;text-transform:none;white-space:nowrap;opacity:var(--cue-opacity,1)}
.brand img{width:clamp(112px,12vw,170px);height:auto}
.brand small{line-height:1;transform:translateY(-1px)}
.hero-scroll{position:relative;background:#fff;--image-scale:1;--frame-inset:0%;--image-opacity:1;--copy-opacity:0;--copy-y:24px;--meta-opacity:1}
.hero-stage{position:relative;background:#fff}
.hero-scroll .hero{height:100svh;min-height:0;isolation:isolate;transform-origin:center center}
.hero-scroll .hero-bg{background:url("/assets/images/baris-entrance.png") center/cover no-repeat;transform:none;animation:none}
.hero-scroll .hero-bg:after{content:none}
.hero-logo-wrap{position:absolute;z-index:3;left:50%;top:50%;width:min(82vw,1280px);transform:translate(-50%,-50%)}
.hero-logo{display:block;width:100%;height:auto;overflow:hidden;filter:drop-shadow(0 2px 18px rgba(0,0,0,.24))}
.hero-meta,.scroll{font-size:12px}
.hero-scroll .statement{position:relative;z-index:1;display:grid;place-items:center;width:100%;max-width:none;min-height:100svh;margin:0;padding:100px var(--pad);background:#fff;color:#111;text-align:center}
.statement-copy{width:min(100%,660px)}
.statement-copy h2{margin:0 0 32px;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:.04em}
.statement-copy p{font-size:16px;line-height:1.6;letter-spacing:0;margin:0 0 20px}
.statement-copy strong{font-weight:500}
.statement-copy .text-link{margin-top:22px;font-size:14px}
@media(prefers-reduced-motion:no-preference){
  .hero-scroll.motion-ready{height:260svh}
  .motion-ready .hero-stage{position:sticky;top:0;height:100svh;isolation:isolate;overflow:hidden}
  .motion-ready .hero{position:absolute;inset:0;z-index:2;clip-path:inset(var(--frame-inset));opacity:var(--image-opacity);will-change:clip-path,opacity}
  .motion-ready .hero-meta{opacity:var(--meta-opacity)}
  .motion-ready .hero-logo-wrap{transform:translate(-50%,calc(-50% + var(--logo-y,0px)));will-change:transform}
  .motion-ready .hero-bg{transform:scale(calc(1 + var(--scene-zoom,0)));transform-origin:center}
  .motion-ready .statement{height:100%;min-height:0;padding:80px var(--pad)}
  .motion-ready .statement-copy{opacity:var(--copy-opacity);transform:translateY(var(--copy-y));will-change:transform,opacity}
}
@media(max-width:760px){.brand img{width:124px}.hero-logo-wrap{width:88vw}.statement-copy{max-width:540px}.statement-copy h2{margin-bottom:24px}.statement-copy p{line-height:1.5}.statement-copy .text-link{margin-top:12px}}
@media(max-height:600px){.motion-ready .statement{padding:64px var(--pad) 24px;overflow-y:auto}.statement-copy h2{margin-bottom:16px}.statement-copy p{margin-bottom:12px;font-size:16px}.statement-copy .text-link{margin-top:8px}}

.home-page .statement-copy{scale:.72;transform-origin:center}
.home-page #projects .section-head h2{font-size:1rem;line-height:1.5;letter-spacing:0;font-weight:300}
.home-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.home-project-card{min-width:0}
.home-project-link{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#eee;color:#111;isolation:isolate}
.home-project-link img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-project-caption{position:absolute;z-index:2;left:20px;top:18px;right:44px;font-size:12px;font-weight:300;line-height:1.5}
.project-name-roll{position:relative;height:1.5em;overflow:hidden;margin:0;font:inherit}
.project-name-roll span{display:block;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
.home-project-caption p{margin:0;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .38s cubic-bezier(.22,.61,.36,1)}
.home-project-arrow{position:absolute;z-index:2;right:20px;top:18px;font-size:18px;line-height:1;opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .38s}
.home-project-link:is(:hover,:focus-visible) .project-name-roll span{transform:translateY(-100%)}
.home-project-link:is(:hover,:focus-visible) .home-project-caption p,.home-project-link:is(:hover,:focus-visible) .home-project-arrow{opacity:1;transform:none}
.home-project-link:focus-visible{outline:2px solid #111;outline-offset:4px}
.home-project-pending{display:grid;place-items:center;aspect-ratio:16/9;background:#f5f5f5;color:#666}
.home-project-pending h3{font-size:16px;font-weight:300;margin:0}
@media(max-width:760px){.home-project-grid{grid-template-columns:1fr;gap:20px}.home-project-caption{left:14px;top:12px;font-size:11px}.home-project-arrow{right:14px;top:12px}}
@media(hover:none){.home-project-caption p,.home-project-arrow{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.project-name-roll span,.home-project-caption p,.home-project-arrow{transition:none}.home-project-link:is(:hover,:focus-visible) .project-name-roll span{transform:none}}
.statement-copy h2,.statement-copy strong{font-weight:300;letter-spacing:0}
.section-head h2{font-size:clamp(30px,5vw,76px);line-height:1.12;letter-spacing:-.04em;font-weight:300}
.project-title h2{font-size:clamp(36px,6vw,96px);line-height:1.05;letter-spacing:-.04em;font-weight:300}
.about-copy h3{font-size:clamp(28px,4.5vw,64px);line-height:1.15;letter-spacing:-.04em;font-weight:300}
.project-info{flex-wrap:wrap;gap:4px 20px}
.project-info h3{font-size:16px;font-weight:300}
.project-info p{font-size:14px}
.team h3{font-size:clamp(18px,2vw,24px);overflow-wrap:anywhere}
.contact-grid{font-size:clamp(16px,2vw,30px);overflow-wrap:anywhere}
.facts b,.section-head span{font-size:12px}
footer{gap:16px;flex-wrap:wrap;font-size:14px;background:#fff;color:#666;border-color:var(--line)}
@media(max-width:760px){.nav .brand,.nav .menu-btn,.nav .scroll-cue{font-size:12px}.nav .scroll-cue{opacity:var(--mobile-cue-opacity,1)}}
@media(prefers-reduced-motion:reduce){.scroll-ui .nav .brand,.scroll-ui .nav .menu-btn{opacity:1}.nav .scroll-cue{display:none}}

/* Contact typography and internal spacing reduced by 60%. */
.contact{padding:56px var(--pad);background:#fff;color:#111}
.contact .section-head{grid-template-columns:32px 1fr auto;padding-bottom:11.2px;margin-bottom:19.2px;border-color:var(--line)}
.contact .section-head h2{font-size:clamp(.75rem,2vw,1.9rem)}
.contact .section-head span{font-size:.3rem}
.contact .contact-grid{font-size:clamp(.4rem,.8vw,.75rem);gap:20px;margin-left:32px}
@media(max-width:760px){.contact .section-head{grid-template-columns:16px 1fr}.contact .contact-grid{margin-left:0}}

/* Barış Apartmanı: white project page and supplied render sequence. */
.baris-detail{background:#fff;color:#111}
.project-page .project-detail .project-title h2,.project-page .project-detail .project-title>span,.project-page .project-detail .project-title>p{font-size:12.48px;line-height:1.5;letter-spacing:0;font-weight:300}
.baris-detail>.detail-hero{height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.rodos-detail>.detail-hero{height:auto;max-height:max(200px,calc(100svh - 220px));object-fit:contain;background:#fff}
@media(max-width:760px){.rodos-detail>.detail-hero{max-height:max(200px,calc(100svh - 260px))}}
.baris-detail .about-project{padding:60px 0;gap:3.5vw}
.project-page .project-detail .about-project>div:last-child>span{display:block;margin-bottom:12px;font-size:11.232px;font-weight:300;line-height:1.5;letter-spacing:0;text-transform:none}
.project-page .project-detail .about-project p{font-size:11.232px;line-height:1.55}
.project-page .project-detail .next-project span,.project-page .project-detail .next-project strong{font-size:10.296px;line-height:1.5;letter-spacing:.12em;font-weight:300}
.project-page .next-project strong{text-transform:uppercase}
@media(max-width:760px){.baris-detail .about-project{padding:37.5px 0}}
.baris-about-image{display:grid;place-items:center;background:#fff}
.baris-about-image img{width:min(100%,420px);height:auto;object-fit:contain}
.baris-render-pair,.rodos-render-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.baris-render-pair img,.rodos-render-pair img{width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.baris-render-pair,.rodos-render-pair{grid-template-columns:1fr;gap:20px}}
.baris-detail .gallery-wide{width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover}
.project-page{font-size:12.48px}
.project-page .facts b{font-size:9.36px}
.project-page .nav .brand,.project-page .nav .menu-btn{font-size:10.92px}
.project-page .menu a,.project-page .menu-close{font-size:9.36px}
.project-page .next-project i{font-size:clamp(23.4px,3.9vw,56.16px)}
.project-page .contact .section-head h2{font-size:clamp(.585rem,1.56vw,1.482rem)}
.project-page .contact .section-head span{font-size:.234rem}
.project-page .contact .contact-grid{font-size:clamp(.312rem,.624vw,.585rem)}
.project-page .contact-grid>a[href^="mailto:"]{font-size:1.2em}
.project-page footer{font-size:10.92px}
@media(max-width:760px){.project-page .nav .brand,.project-page .nav .menu-btn{font-size:9.36px}.project-page .menu a,.project-page .menu-close{font-size:8.58px}.project-page .next-project i{font-size:clamp(23.4px,3.9vw,56.16px)}}