.hero3d{isolation:isolate;margin-top:var(--header-h);height:calc(100dvh - var(--header-h));background:var(--visual-bg);min-height:640px;max-height:1080px;position:relative;overflow:hidden}:root[data-theme=night] .hero3d{background:#04090d}.hero3d__visual,.hero3d .hero3d__scene,.hero3d .hero3d__map{position:absolute;inset:0}.hero3d__canvas{cursor:grab;width:100%;height:100%;display:block}.hero3d__canvas:active{cursor:grabbing}.hero3d__scene--night:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 62%,#0000 40%,#0206098c 100%),linear-gradient(90deg,#03080bd9 0%,#03080b66 30%,#0000 52%);position:absolute;inset:0}[dir=rtl] .hero3d__scene--night:after{background:radial-gradient(120% 90% at 38%,#0000 40%,#0206098c 100%),linear-gradient(270deg,#03080bd9 0%,#03080b66 30%,#0000 52%)}.hero3d__status{z-index:2;inset-inline-end:28px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;position:absolute;top:24px}.hero3d[data-state=ready] .hero3d__status{display:none}.hero3d__outline{width:100%;height:100%;padding:6% 4% 6% min(480px,40%);position:absolute;inset:0}[dir=rtl] .hero3d__outline{padding:6% min(480px,40%) 6% 4%}.hero3d__outline path{fill:var(--plane-2);stroke:var(--accent);stroke-width:.02px}:root[data-theme=night] .hero3d__outline path{fill:#0b2129;filter:drop-shadow(0 0 .06px var(--accent))}.hero3d__outline circle{fill:var(--accent)}.hero3d__outline text{font:500 .2px var(--font-head);fill:var(--fg);text-anchor:middle}@media (max-width:900px){.hero3d__outline,[dir=rtl] .hero3d__outline{padding:8% 4%}}.hero3d__labels{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero3d__plabel,.hero3d__clabel{opacity:0;will-change:transform,opacity;white-space:nowrap;position:absolute;top:0;left:0}.hero3d__plabel{font:600 11.5px/1 var(--font-head);color:#eaf4f7;background:#040c10cc;border:1px solid #96d7e629;border-radius:6px;padding:6px 8px}.hero3d__plabel i{color:#4fd8e6;margin-inline-start:6px;font-style:normal;font-weight:500}.hero3d__clabel{color:#eaf4f7;text-align:center;cursor:pointer;font-family:var(--font-body);background:0 0;border:0;padding:6px 8px}.hero3d__clabel b{font:600 15px/1.1 var(--font-head);letter-spacing:-.02em;text-shadow:0 2px 12px #000;display:block}.hero3d__clabel span{color:#93abb5;text-shadow:0 1px 8px #000;font-size:11.5px}.hero3d__clabel:after{content:"";opacity:.5;background:linear-gradient(#eaf4f7,#0000);width:1px;height:26px;margin:6px auto 0;display:block}.hero3d__pin{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;justify-items:center;padding:0;display:grid}.hero3d__price{background:var(--surface);color:var(--ink-strong);font:600 12.5px/1 var(--font-head);white-space:nowrap;box-shadow:0 6px 18px rgba(var(--shadow-rgb),.28),0 0 0 1px rgba(var(--shadow-rgb),.08);border-radius:20px;align-items:center;gap:6px;padding:6px 10px 6px 8px;transition:transform .15s,background .15s;display:inline-flex}.hero3d__price i{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--c)22%,transparent);border-radius:50%}.hero3d__pin:after{content:"";background:linear-gradient(var(--ink-strong),transparent);opacity:.45;width:2px;height:14px}.hero3d__pin:hover .hero3d__price,.hero3d__pin:focus-visible .hero3d__price{transform:translateY(-3px)scale(1.06)}.hero3d__pin.is-active .hero3d__price{background:var(--accent);color:var(--on-accent)}.hero3d__pin.is-active .hero3d__price i{background:var(--on-accent)}.hero3d__peek{opacity:0;pointer-events:none;background:var(--surface);width:210px;box-shadow:0 18px 50px rgba(var(--shadow-rgb),.2);text-align:start;border-radius:12px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%,6px)}.hero3d__peek img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.hero3d__peek>span{font:600 13px/1.25 var(--font-head);color:var(--ink-strong);padding:8px 10px;display:block}.hero3d__peek small{font:400 11.5px/1.3 var(--font-body);color:var(--muted);margin-top:2px;display:block}.hero3d__pin:hover .hero3d__peek{opacity:1;transform:translate(-50%)}@media (hover:none){.hero3d__peek{display:none}}.hero3d__scene--day.is-overview .hero3d__pin{visibility:hidden}.hero3d__citypin{cursor:pointer;background:var(--surface);box-shadow:0 18px 50px rgba(var(--shadow-rgb),.16);text-align:start;font:inherit;color:var(--fg);border:0;border-radius:14px;padding:10px 14px}.hero3d__citypin b{font:600 16px/1.1 var(--font-head);color:var(--ink-strong);letter-spacing:-.02em;display:block}.hero3d__citypin span{color:var(--muted);font-size:12px}.hero3d__citypin:hover{box-shadow:0 18px 50px rgba(var(--shadow-rgb),.16),0 0 0 2px var(--accent)}.hero3d__scene--day:not(.is-overview) .hero3d__citypin{visibility:hidden}.hero3d .maplibregl-ctrl-attrib{font-size:10.5px}.hero3d__panel{z-index:4;border-radius:var(--radius-visual);background:rgba(var(--surface-rgb),.86);-webkit-backdrop-filter:blur(18px)saturate(1.2);width:min(440px,38vw);box-shadow:0 18px 50px rgba(var(--shadow-rgb),.16),0 0 0 1px var(--line);flex-direction:column;gap:14px;padding:26px 26px 20px;display:flex;position:absolute;inset-block:24px;inset-inline-start:24px;overflow:auto}:root[data-theme=night] .hero3d__panel{background:rgba(var(--surface-rgb),.6)}.hero3d__kicker{color:var(--accent);align-items:center;gap:10px;margin:0;display:flex}:root[data-theme=night] .hero3d__kicker:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2.4s infinite hero3d-blink}@keyframes hero3d-blink{50%{opacity:.35}}.hero3d__h1{font-family:var(--font-head);letter-spacing:-.055em;color:var(--ink-strong);text-wrap:balance;margin:0;font-size:clamp(2.1rem,3vw,3.1rem);font-weight:500;line-height:1.04}.hero3d__h1 .hero-line{display:block}[dir=rtl] .hero3d__h1{letter-spacing:0}.hero3d__lead{color:var(--muted);text-wrap:pretty;margin:0;font-size:.95rem;line-height:1.6}.hero3d__hint{color:var(--muted-3);margin:0;font-size:.8125rem;line-height:1.55}@media (min-width:901px) and (max-height:860px){.hero3d__hint{display:none}}.hero3d__stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:24px;margin:0;display:grid}.hero3d__stats div{display:grid}.hero3d__stats dt{color:var(--muted);order:2;font-size:.75rem}.hero3d__stats dd{font:500 1.65rem/1.1 var(--font-head);letter-spacing:-.04em;color:var(--ink-strong);font-variant-numeric:tabular-nums;margin:0}.hero3d__budget{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:14px;padding:14px 16px 12px}.hero3d__budget-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero3d__budget label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.6875rem}.hero3d__budget output{font:600 1.25rem/1 var(--font-head);letter-spacing:-.03em;color:var(--ink-strong);font-variant-numeric:tabular-nums}.hero3d__budget input{width:100%;height:28px;margin:12px 0 8px}.hero3d__result{color:var(--fg);margin:0;font-size:.875rem}.hero3d__cities{flex-wrap:wrap;gap:8px;display:flex}.hero3d__cities button{cursor:pointer;background:var(--surface);min-height:40px;box-shadow:0 0 0 1px var(--line)inset;color:var(--fg);font:500 .84rem/1 var(--font-body);border:0;border-radius:30px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.hero3d__cities button span{color:var(--muted);font-variant-numeric:tabular-nums}.hero3d__cities button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}.hero3d__cities button[aria-pressed=true] span{color:inherit;opacity:.75}.hero3d__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.hero3d__actions .btn-primary{min-height:44px}.hero3d__stamp{color:var(--muted);margin:auto 0 0;font-size:.72rem;line-height:1.55}.hero3d__legend{z-index:3;inset-inline-end:24px;color:var(--muted);background:rgba(var(--surface-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line);border-radius:30px;gap:14px;margin:0;padding:8px 14px;font-size:.75rem;list-style:none;display:flex;position:absolute;bottom:24px}.hero3d__legend li{align-items:center;display:flex}.hero3d__legend i{background:var(--c-day);border-radius:50%;width:9px;height:9px;margin-inline-end:6px}:root[data-theme=night] .hero3d__legend i{background:var(--c-night);width:3px;height:14px;box-shadow:0 0 10px var(--c-night);border-radius:2px}.hero3d__card{z-index:5;inset-inline-end:24px;background:var(--surface);width:340px;box-shadow:0 18px 50px rgba(var(--shadow-rgb),.22),0 0 0 1px var(--line);border-radius:18px;animation:.35s ease-out hero3d-rise;position:absolute;bottom:72px;overflow:hidden}@keyframes hero3d-rise{0%{opacity:0;transform:translateY(8px)}}.hero3d__card img{aspect-ratio:16/9;object-fit:cover;background:var(--plane);width:100%;display:block}.hero3d__card-close{top:10px;cursor:pointer;background:rgba(var(--surface-rgb),.92);width:36px;height:36px;color:var(--fg);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:10px}.hero3d__card-body{gap:4px;padding:14px 16px 16px;display:grid}.hero3d__card-where{color:var(--muted);margin:0;font-size:.78rem}.hero3d__card h2{font:600 1.375rem/1.15 var(--font-head);letter-spacing:-.035em;color:var(--ink-strong);margin:0}.hero3d__card-price{color:var(--muted);align-items:baseline;gap:6px;margin:2px 0 0;font-size:.75rem;display:flex}.hero3d__card-price strong{font:600 1.6rem/1.1 var(--font-head);letter-spacing:-.04em;color:var(--accent-figure)}.hero3d__card-facts{color:var(--fg);margin:0 0 8px;font-size:.8125rem}.hero3d__card-actions{gap:8px;display:flex}.hero3d__card-actions>*{flex:1;gap:10px;min-height:44px}@media (prefers-reduced-motion:reduce){:root[data-theme=night] .hero3d__kicker:before,.hero3d__card{animation:none}}@media (max-width:900px){.hero3d{background:var(--bg);height:auto;min-height:0;max-height:none;overflow:visible}.hero3d__visual{background:var(--visual-bg);height:62svh;min-height:360px;position:relative;overflow:hidden}:root[data-theme=night] .hero3d__visual{background:#04090d}.hero3d__scene--night:after,[dir=rtl] .hero3d__scene--night:after{background:linear-gradient(#0000 70%,#04090d)}.hero3d__panel{width:auto;margin:-28px 12px 0;padding:24px 20px 20px;position:relative;inset:auto;overflow:visible}.hero3d__h1{font-size:clamp(2.1rem,9vw,2.6rem)}.hero3d__stats{gap:16px}.hero3d__stats dd{font-size:1.4rem}.hero3d__legend,.hero3d__clabel span{display:none}.hero3d__citypin{border-radius:10px;padding:6px 10px}.hero3d__citypin b{font-size:13px}.hero3d__citypin span{display:none}.hero3d__card{z-index:510;inset-inline:12px;width:auto;max-width:440px;position:fixed;bottom:72px}.hero3d__card img{aspect-ratio:16/6}}
