main{padding-top:2rem;& h1{margin-top:.85rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.1;color:var(--next-blue)}& h2{margin-top:.85rem;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:700;line-height:1.15;color:var(--next-blue)}& p{margin-top:1rem;max-width:60ch;font-size:1.05rem;font-weight:300;line-height:1.5}& a{color:var(--next-blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--next-green) 55%,#fff);text-decoration-thickness:.1em;text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s;&:hover,&:focus-visible{color:var(--next-deep-teal);text-decoration-color:var(--next-green)}}& .back{margin-top:2rem;font-size:.95rem;font-weight:400}& .back a{display:inline-flex;align-items:center;gap:.4rem}& .back .icon{width:1.05rem;height:1.05rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}& a.button{color:#fff;text-decoration:none}& a.button.plain{color:var(--next-blue)}}.estates{display:grid;gap:1.25rem;margin-top:1.75rem;list-style:none}.estate .card{display:flex;width:100%;color:inherit;text-decoration:none}.estate{display:flex;overflow:hidden;border-radius:1.25rem;background-color:color-mix(in srgb,var(--next-blue) 4%,#fff);transition:transform .2s,box-shadow .2s;&:hover,&:focus-within{transform:translateY(-.15rem);box-shadow:0 .85rem 1.75rem color-mix(in srgb,var(--next-blue) 14%,transparent)}& .shot{position:relative;flex:none;width:16rem;background-color:color-mix(in srgb,var(--next-blue) 8%,#fff);& img{display:block;width:100%;height:100%;object-fit:cover}}& .deal{position:absolute;left:.75rem;top:.75rem;padding:.2rem .7rem;border-radius:1rem;background-color:var(--next-green);color:#fff;font-size:.8rem;font-weight:600}& .body{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.25rem}& h3{font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--next-blue)}& .where{font-size:.95rem;font-weight:300}& .facts{font-size:.95rem;color:var(--next-steel)}& .price{margin-top:auto;font-size:1.15rem;font-weight:700;color:var(--next-deep-teal)}}.place{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;margin-top:1rem}.gallery{& .big{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1.5rem;background-color:color-mix(in srgb,var(--next-blue) 8%,#fff);cursor:zoom-in}& .big:focus-visible{outline:2px solid var(--next-green);outline-offset:2px}& .shots{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:0;list-style:none;& button{padding:0;border:0;border-radius:.75rem;background:none;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s;&[aria-pressed="true"]{box-shadow:0 0 0 2px var(--next-green)}}& img{display:block;width:4.5rem;height:3.4rem;object-fit:cover;border-radius:.6rem}}}.geo{width:100%;max-width:34rem;margin-top:1.25rem;overflow:hidden;border-radius:1.25rem;background-color:color-mix(in srgb,var(--next-blue) 6%,#fff);& .frame{position:relative;overflow:hidden;aspect-ratio:4/3;background-color:color-mix(in srgb,var(--next-blue) 6%,#fff);cursor:grab;touch-action:none;&.dragging{cursor:grabbing}}& .layer{position:absolute;left:0;top:0;will-change:transform}& .layer img{position:absolute;width:256px;height:256px;user-select:none;-webkit-user-drag:none}& .pin{position:absolute;margin:-.6rem 0 0 -.6rem;width:1.2rem;height:1.2rem;border:2px solid #fff;border-radius:50%;background-color:var(--next-green);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--next-green) 28%,transparent)}& .geo-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0;padding:.45rem .7rem;font-size:.75rem;font-weight:300;& a{color:var(--next-steel);text-decoration:none}& a:hover{color:var(--next-blue);text-decoration:underline}& span{color:color-mix(in srgb,var(--next-steel) 80%,#fff)}}& .zoom{position:absolute;left:.6rem;top:.6rem;display:flex;flex-direction:column;gap:.3rem;& button{width:2rem;height:2rem;border:1px solid color-mix(in srgb,var(--next-blue) 18%,#fff);border-radius:.5rem;background-color:#fff;color:var(--next-blue);font:inherit;font-size:1.15rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s,color .15s;&:hover,&:focus-visible{background-color:var(--next-green);border-color:var(--next-green);color:#fff}}}}.lightbox{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:2.5rem;background-color:rgb(9 30 48/.92);cursor:zoom-out;& img{max-width:100%;max-height:100%;border-radius:.75rem;box-shadow:0 2rem 4rem rgb(0 0 0/.45);cursor:default}& button{position:absolute;border:0;border-radius:50%;background-color:#fff;color:var(--next-blue);font:inherit;line-height:1;cursor:pointer;transition:background-color .15s,color .15s;&:hover{background-color:var(--next-green);color:#fff}}& .lightbox-close{right:1.25rem;top:1.25rem;width:2.6rem;height:2.6rem;font-size:1.5rem}& .lightbox-arrow{top:50%;margin-top:-1.6rem;width:3.2rem;height:3.2rem;font-size:1.7rem;&.left{left:1.25rem}&.right{right:1.25rem}}& .lightbox-count{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);padding:.3rem .85rem;border-radius:2rem;background-color:rgb(255 255 255/.92);color:var(--next-blue);font-size:.9rem;font-weight:600}}.headline{& .name{margin-top:.6rem}& .where{margin-top:.3rem;color:var(--next-steel)}& .price{margin-top:.6rem;font-size:1.4rem;font-weight:700;color:var(--next-deep-teal)}}.details{display:grid;gap:.55rem 1.5rem;grid-template-columns:auto 1fr;margin-top:2rem;padding:1.5rem;border-radius:1.5rem;background-color:color-mix(in srgb,var(--next-blue) 4%,#fff);& dt{font-size:.9rem;font-weight:600;color:var(--next-steel)}& dd{margin:0;font-weight:300}}.makleri{margin-top:2.5rem;& a{color:inherit;text-decoration:none}& a:hover .name,& a.name:hover{color:var(--next-green)}& .name{display:block;margin:0;font-size:1.3rem;font-weight:600;color:var(--next-blue)}& .reach a{color:var(--next-blue)}& .reach a:hover{color:var(--next-green);text-decoration:underline;text-decoration-color:var(--next-green)}}.offers .count{display:inline-block;margin-top:.5rem;padding:.35rem .85rem;border-radius:2rem;background-color:color-mix(in srgb,var(--next-blue) 4%,#fff);font-size:.95rem;font-weight:400;color:var(--next-steel)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;& .arrow{width:2.75rem;height:2.75rem;border:0;border-radius:50%;background-color:color-mix(in srgb,var(--next-blue) 8%,#fff);color:var(--next-blue);font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color .2s,color .2s;&:hover:not(:disabled){background-color:var(--next-green);color:#fff}&:disabled{opacity:.35;cursor:default}}& .page{font-size:1rem;font-weight:600;color:var(--next-blue)}}.team{margin-top:3.5rem}.people{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin-top:1.75rem;list-style:none}.person a{display:flex;flex-direction:column;gap:.85rem;height:100%;padding:1rem;box-sizing:border-box;border-radius:1.25rem;text-decoration:none;color:inherit;background-color:color-mix(in srgb,var(--next-blue) 4%,#fff);transition:transform .2s,box-shadow .2s,background-color .2s;&:hover{transform:translateY(-.2rem);background-color:color-mix(in srgb,var(--next-green) 10%,#fff);box-shadow:0 .85rem 1.75rem color-mix(in srgb,var(--next-blue) 14%,transparent)}}.person .face{aspect-ratio:1;overflow:hidden;border-radius:1rem;background-color:color-mix(in srgb,var(--next-blue) 8%,#fff);& img{display:block;width:100%;height:100%;object-fit:cover}}.person .who{display:flex;flex-direction:column;gap:.15rem}.person strong{font-size:1.05rem;color:var(--next-blue)}.person .title{font-size:.9rem;font-weight:600;color:var(--next-green)}.person .reach{font-size:.85rem;font-weight:300;color:var(--next-steel);overflow-wrap:anywhere}.recruit{margin-top:3rem}.makler{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}.makler .face{flex:none;display:block;width:13rem;aspect-ratio:1;overflow:hidden;border-radius:1.25rem;box-shadow:0 1rem 2rem color-mix(in srgb,var(--next-blue) 16%,transparent);& img{display:block;width:100%;height:100%;object-fit:cover}}.makler .info{flex:1 1 18rem;min-width:0}.makler .title{margin-top:.35rem;font-size:1.05rem;font-weight:600;color:var(--next-green)}.reach{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1.5rem;margin-top:1.5rem;& dt{font-size:.9rem;color:var(--next-steel)}& dd{margin:0;font-size:1rem;overflow-wrap:anywhere}& a{text-decoration:none}& a:hover{text-decoration:underline;text-decoration-color:var(--next-green)}& .social{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}}.offers,.earned{margin-top:3.5rem}.offers .count{font-size:.95rem;font-weight:400;color:var(--next-steel)}.lead{max-width:46ch;font-size:1.2rem;line-height:1.6;font-weight:300;color:color-mix(in srgb,var(--text-color) 90%,#fff);& b,& strong{font-weight:600;color:var(--next-blue)}& a{font-weight:600;color:var(--next-blue);text-decoration-color:var(--next-green)}}.earned .award-group+.award-group{margin-top:3rem;padding-top:3rem;border-top:1px solid color-mix(in srgb,var(--next-blue) 10%,#fff)}.reach-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2rem;padding:0;list-style:none;& .reach-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;border-radius:1.25rem;background-color:color-mix(in srgb,var(--next-blue) 4%,#fff);transition:background-color .2s;& .icon{width:1.6rem;height:1.6rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--next-steel);transition:color .2s}& .words{display:flex;flex-direction:column;gap:.15rem;min-width:0}& .label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--next-steel)}& a{font-size:1.05rem;font-weight:400;color:var(--next-blue);text-decoration:none;overflow-wrap:anywhere}& a:hover{color:var(--next-green);text-decoration:underline;text-decoration-color:var(--next-green)}&:hover .icon{color:var(--next-green)}}& .social .links{display:flex;flex-wrap:wrap;gap:.3rem 1rem}}.where{margin-top:2.5rem;& h2{margin-top:.5rem}}.office{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:2.5rem;padding:1.25rem 0 0;list-style:none;border-top:1px solid color-mix(in srgb,var(--next-blue) 10%,#fff);& li{display:flex;flex-direction:column;gap:.15rem}& .label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--next-steel)}& span+span{font-size:1.05rem;font-weight:600;color:var(--next-blue)}}@media(max-width:900px){.place{grid-template-columns:1fr}.estate .shot{width:11rem}.makler .face{width:9rem}}@media(max-width:620px){.estate{flex-direction:column}.estate .shot{width:100%;aspect-ratio:16/10}.estate .body{padding:1rem}.makler .face{width:100%;aspect-ratio:1}}