:root { --ink:#172d25; --cream:#f5f1e7; --gold:#c6a36a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); font:16px/1.5 Arial,sans-serif; }
.split { display:grid; min-height:100svh; grid-template-columns:1fr 1fr; }
.world { isolation:isolate; position:relative; display:flex; min-height:100svh; flex-direction:column; justify-content:space-between; overflow:hidden; padding:5.4vw; color:var(--cream); }
.world > * { position:relative; z-index:1; }
.estate { background:var(--ink); }
.estate-image,.moda-image { position:absolute; z-index:0; inset:0; background:center/cover no-repeat; transform:scale(1.02); transition:transform .7s ease; }
.estate-image { background-image:url('/assets/emlak_enter.webp'); }
.moda-image { background-image:url('/assets/moda-hero.webp'); background-position:56% center; }
.estate-shade,.moda-shade { position:absolute; z-index:0; inset:0; }
.estate-shade { background:linear-gradient(180deg,#102219bb 0%,#10221925 48%,#102219e6 100%); }
.moda-shade { background:linear-gradient(180deg,#17100ecc 0%,#17100e2c 48%,#17100ee8 100%); }
.world:hover .estate-image,.world:hover .moda-image { transform:scale(1.07); }
.mark { width:max-content; color:#fff; font:clamp(2rem,3vw,3.4rem)/.9 Georgia,serif; letter-spacing:.07em; text-decoration:none; }
.mark sup,.world-footer sup { position:relative; top:-.22em; left:.04em; color:var(--gold); font:600 .38em Arial,sans-serif; letter-spacing:0; vertical-align:top; }
.world-content { display:flex; width:100%; flex-direction:column; align-items:center; margin:auto 0; text-align:center; }
.eyebrow { margin:0 0 22px; color:var(--gold); font-size:12px; letter-spacing:.18em; }
.world h1 { margin:0; font:400 clamp(3rem,5.8vw,6.5rem)/.94 Georgia,serif; letter-spacing:-.055em; }
.world h1 em { color:#f2d5a1; font-style:italic; }
.world-content > p:not(.eyebrow) { max-width:400px; margin:30px 0 0; color:#eee5d7; font-size:17px; }
.world-button { display:inline-flex; min-width:min(100%,330px); align-items:center; justify-content:center; gap:23px; margin-top:36px; border:1px solid var(--gold); border-radius:3px; padding:19px 25px; color:#fff; font-size:14px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; transition:transform .2s ease,background .2s ease,color .2s ease; }
.world-button span { color:var(--gold); font-size:22px; line-height:0; }
.estate-button { background:#162d24d9; box-shadow:0 10px 30px #06120ba8; }
.moda-button { background:var(--gold); border-color:#e8cc96; color:#201916; box-shadow:0 10px 30px #120b0aa8; }
.moda-button span { color:#201916; }
.world-button:hover { transform:translateY(-3px); }
.estate-button:hover { background:var(--gold); color:#162d24; }
.estate-button:hover span { color:#162d24; }
.moda-button:hover { background:#f1d49c; }
.world-footer { margin:0; color:#e8dbbf; font-size:11px; letter-spacing:.12em; }
@media (max-width:760px) { .split { grid-template-columns:1fr; } .world { min-height:56svh; padding:8vw; } .world h1 { font-size:clamp(2.7rem,11vw,4.7rem); } .world-content > p:not(.eyebrow) { margin-top:15px; } .world-button { margin-top:25px; } .world-footer { margin-top:34px; } .estate-image { background-position:center 55%; } .moda-image { background-position:center; } }