@media(max-width:700px){
.reason,.photo-panel{position:relative!important;isolation:isolate;height:100svh!important;min-height:640px!important;padding:16svh 8vw 10svh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#fffdf2!important;overflow:hidden!important;gap:0!important}
.reason>img,.photo-panel>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;clip-path:none!important;z-index:-2;transform:none!important}
.reason>div,.photo-panel>div{position:relative;z-index:1;max-width:100%!important;text-shadow:0 2px 18px #102c3c80}
.reason h2{font-size:15vw!important;line-height:1.06!important;margin:22px 0!important}
.reason p:not(.eyebrow),.photo-panel p:not(.eyebrow){font-size:15px!important;line-height:1.65!important;max-width:290px!important}
.reason .eyebrow{font-size:10px!important}.slide-number{z-index:2;bottom:36px!important;color:#fffdf2}
.reason:after,.photo-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 10%,#102a3940 45%,#102a3920 75%,transparent)}
.reason:nth-child(3){justify-content:flex-start!important;padding-top:max(155px,19svh)!important;color:#202a37!important}.reason:nth-child(3)>div{text-shadow:none}.reason:nth-child(3):after{display:none}
.space-stage,.architecture-stage{height:100svh!important;min-height:640px!important;overflow:hidden!important}
.space-orb{width:100vw!important;height:100svh!important;inset:0!important;border-radius:0!important}.space-orb img{object-fit:cover!important;object-position:center!important}
.space-title h2,.architecture-title h2{font-size:15vw!important;line-height:1.1!important}.space-title{padding:0 8vw!important;color:#fffdf2!important;text-shadow:0 2px 20px #102a3960}
.architecture-panels{width:100vw!important;height:100svh!important}.arch-half img{width:100vw!important;height:100svh!important;object-fit:cover!important;object-position:center!important}
.architecture-title,.architecture-copy{color:#fffdf2!important;text-shadow:0 2px 20px #102a3980}.architecture-copy{padding:0 8vw!important}.architecture-copy p:first-child{font-size:24px!important}
.closing{height:100svh!important;min-height:640px!important}.closing>img{object-fit:cover!important;object-position:center!important}
 .villa-scene{height:155svh!important}
 .villa-sticky{height:100svh!important;background:#b6cfd9!important}
 .villa-copy{top:13svh!important;left:7%!important;right:7%!important}
 .villa-copy h2{font-size:10.2vw!important;line-height:1.12!important;margin:14px 0!important}
 .villa-copy .eyebrow{font-size:9px!important}
 .villa-copy>p:last-child{font-size:13px!important}
 .villa-image{height:auto!important;aspect-ratio:2/3!important;width:100%!important;left:0!important;bottom:-2px!important;transform-origin:bottom center!important}
 .villa-image img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:2/3!important;object-fit:contain!important;position:relative!important;top:auto!important;bottom:auto!important;mask-image:none!important;-webkit-mask-image:none!important}
 .villa-caption{font-size:8px!important;bottom:12px!important;right:12px!important}
}
@media(max-width:700px){
.continuous-mobile-scenes{height:420svh!important}
.continuous-mobile-scenes>.space-stage{height:100svh!important;min-height:0!important;isolation:isolate}
.continuous-mobile-scenes .architecture-stage{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important;background:transparent!important;z-index:3;pointer-events:none}
.continuous-mobile-scenes .architecture-panels{inset:0!important;width:100%!important;height:100%!important}
.continuous-mobile-scenes .arch-half{border-radius:0!important}
.continuous-mobile-scenes .arch-half img{height:100%!important}
.architecture-scene[hidden]{display:none!important}
}

@media(max-width:700px){.continuous-mobile-scenes .architecture-panels{visibility:visible!important}}

/* Revize 9.9: only the three introductory project categories return to editorial layout. */
@media(max-width:700px){
.reason,.reason:nth-child(3){height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:65px 8vw 60px!important;gap:30px!important;background:#f3f3e9!important;color:#202a37!important;overflow:hidden!important}
.reason:after{display:none!important}
.reason>div{position:relative!important;text-shadow:none!important;width:100%;max-width:none!important}
.reason h2{font-size:12.5vw!important;line-height:1.08!important;margin:20px 0!important}
.reason p:not(.eyebrow){font-size:15px!important;line-height:1.7!important;max-width:none!important}
.reason>img{position:relative!important;inset:auto!important;z-index:auto!important;width:100%!important;height:auto!important;max-height:64svh!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border-radius:2px!important;clip-path:none!important;transform:none!important}
.reason .slide-number{position:static!important;align-self:flex-end!important;order:3!important;color:#698796!important;font-size:10px!important;letter-spacing:.12em}
}

@media(max-width:700px){
.closing.closing-split{isolation:isolate;overflow:hidden;background:#f3f3e9}
.closing-split>img{opacity:0!important;clip-path:none!important}
.closing-split>.closing-piece{position:absolute;inset:0;display:block;z-index:0;pointer-events:none;will-change:transform}
.closing-split>.closing-piece-top{clip-path:inset(0 49.95% 0 0)}
.closing-split>.closing-piece-bottom{clip-path:inset(0 0 0 49.95%)}
.closing-split>.closing-piece>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:brightness(.72);clip-path:none;border-radius:0}
.closing-split>div{z-index:2}
@media(prefers-reduced-motion:reduce){.closing-split>.closing-piece{transform:none!important}.closing-split>div{opacity:1!important;transform:none!important}}

}
/* === Revize 10.3 (2026-10-14) === */
/* R3: dil seçici daha küçük ve zarif */
header .language-switch{gap:11px!important;letter-spacing:.14em!important}
header .language-switch a{font-size:13px!important;min-width:0!important;padding:3px 0!important;letter-spacing:.14em!important}
@media(max-width:700px){header .language-switch a{font-size:11.5px!important}header .language-switch{gap:9px!important}}
/* R7: "Malzeme & Detay" metin bloğu diğer bölümlerle orantılı */
@media(min-width:992px){
 .photo-panel>div{max-width:min(34vw,520px)!important}
 .photo-panel .eyebrow{font-size:12px!important;letter-spacing:.26em!important}
 .photo-panel h3{font-size:clamp(46px,4.6vw,82px)!important;line-height:1.02!important;margin:26px 0 30px!important}
 .photo-panel p:not(.eyebrow){font-size:clamp(16px,1.3vw,21px)!important;line-height:1.7!important;max-width:32ch!important}
}
/* R2: Arapça için zarif yazı tipleri — başlıklar Amiri (klasik nesih), el yazısı vurgular Aref Ruqaa (rika hattı) */
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:block;src:url('/assets/fonts/amiri-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:block;src:url('/assets/fonts/amiri-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Aref Ruqaa';font-style:normal;font-weight:400;font-display:block;src:url('/assets/fonts/aref-ruqaa-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Aref Ruqaa';font-style:normal;font-weight:700;font-display:block;src:url('/assets/fonts/aref-ruqaa-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
html[lang=ar] body h1,html[lang=ar] body h2,html[lang=ar] body h3,html[lang=ar] body .nav-main,html[lang=ar] body .milestone-year,html[lang=ar] body .footer-word{font-family:'Bodoni Moda','Amiri','Noto Naskh Arabic',serif!important;font-weight:400!important;letter-spacing:0!important;line-height:1.45!important}
html[lang=ar] body .script,html[lang=ar] body h1 em,html[lang=ar] body h2 em,html[lang=ar] body h3 em,html[lang=ar] body .r2-hero-script,html[lang=ar] body #menu.turkuaz-menu .script{font-family:'Great Vibes','Aref Ruqaa','Noto Naskh Arabic',serif!important;font-style:normal!important;letter-spacing:0!important;line-height:1.6!important}
html[lang=ar] body .intro-arc text{font-family:'Bodoni Moda','Amiri',serif!important;letter-spacing:0!important}
html[lang=ar] body .intro-arc text{font-family:'Amiri',serif!important;font-size:80px!important;word-spacing:0!important}html[lang=ar] body .intro-arc .ar-dot{font-family:'Bodoni Moda',serif!important;font-size:56px!important}

/* Revize 10.4 */
:root{--tm-mono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='677.3 222.3 180 180'%3E%3Cg fill='black'%3E%3Crect x='713.0' y='256.0' width='54.25' height='11.0' rx='5.5'/%3E%3Crect x='696.0' y='271.0' width='94.25' height='11.0' rx='5.5'/%3E%3Crect x='683.0' y='290.0' width='88.0' height='10.75' rx='5.375'/%3E%3Crect x='764.0' y='326.25' width='88.0' height='11.0' rx='5.5'/%3E%3Crect x='745.0' y='343.0' width='94.0' height='11.0' rx='5.5'/%3E%3Crect x='768.0' y='358.0' width='54.0' height='11.0' rx='5.5'/%3E%3Crect x='779.25' y='230.0' width='11.0' height='87.75' rx='5.5'/%3E%3Crect x='800.0' y='243.5' width='11.0' height='93.75' rx='5.5'/%3E%3Crect x='815.0' y='260.25' width='11.0' height='54.0' rx='5.5'/%3E%3Crect x='724.0' y='290.0' width='11.0' height='93.75' rx='5.5'/%3E%3Crect x='745.0' y='307.0' width='11.0' height='88.0' rx='5.5'/%3E%3Crect x='709.0' y='313.0' width='11.0' height='53.75' rx='5.5'/%3E%3C/g%3E%3C/svg%3E")}
/* ——— Yükleme ekranı: bilgisayarda tek satır, telefonda iki satır (İ noktası K'ya değmesin) ——— */
@media (min-width:901px){
  .loader h2 br{display:none}
  .loader h2{font-size:clamp(56px,6.2vw,104px)!important;white-space:nowrap}
}
@media (max-width:900px){
  .loader h2{line-height:1.34!important}
}
/* ——— Sol üst rozet: ortada T monogramı; üzerine gelince çeyrek tur ——— */
header .brand .r6-brand-ink,header .brand .atlas-logo-ink{-webkit-mask-image:var(--tm-mono)!important;mask-image:var(--tm-mono)!important;width:40%!important;left:30%!important;aspect-ratio:1!important;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
header .brand:hover .r6-brand-ink,header .brand:focus-visible .r6-brand-ink,header .brand:hover .atlas-logo-ink,header .brand:focus-visible .atlas-logo-ink{transform:translateY(-50%) rotate(90deg)}
/* rozet: revize6 yüklenmeyen sayfalarda (referanslar) da T görünsün */
header .brand:not(:has(.r6-brand-ink,.atlas-logo-ink)){position:relative}
header .brand:not(:has(.r6-brand-ink,.atlas-logo-ink))>img{opacity:0!important}
header .brand:not(:has(.r6-brand-ink,.atlas-logo-ink))::after{content:"";position:absolute;left:30%;top:50%;width:40%;aspect-ratio:1;transform:translateY(-50%);background:currentColor;-webkit-mask:var(--tm-mono) center/contain no-repeat;mask:var(--tm-mono) center/contain no-repeat;transition:transform 1.2s cubic-bezier(.22,1,.36,1);pointer-events:none}
header .brand:not(:has(.r6-brand-ink,.atlas-logo-ink)):hover::after{transform:translateY(-50%) rotate(90deg)}
/* Arapçada (sağdan sola) kemer yazısı kaymasın: boşluk payı sağ taraftan alınır */
html[dir=rtl] .intro-arc{margin-left:0!important;margin-right:-8vw!important}