.hero[data-hero-variant=relief] .hero-scene{--dusk:var(--relief-dusk,1);background:linear-gradient(180deg, var(--sens-white) 0%, color-mix(in srgb, #f4cdb8 calc(14% + var(--dusk) * 30%), var(--sens-white)) 30%, color-mix(in srgb, var(--sens-accent) calc(3% + var(--dusk) * 6%), var(--sens-white)) 50%, var(--sens-white) 78%)}.hero[data-hero-variant=relief] .hero-composition{align-items:center}.hero[data-hero-variant=relief] .hero-copy{isolation:isolate;max-width:600px;position:relative}.hero[data-hero-variant=relief] h1{font-size:clamp(44px,min(5vw,8svh),72px)}.hero[data-hero-variant=relief] h1 em{color:var(--sens-accent)}@media (width>=960px){.hero[data-hero-variant=relief] .hero-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--sens-white) 45%, color-mix(in srgb, var(--sens-white) 70%, transparent) 70%, transparent);pointer-events:none;position:absolute;inset:-140px -220px -140px -320px}.hero[data-hero-variant=relief] .hero-bottom p{max-width:46ch;color:var(--sens-graphite);font-size:17px}}.hero[data-hero-variant=relief] .hero-foot{background:var(--sens-white);box-shadow:0 0 0 100vmax var(--sens-white);clip-path:inset(0 -100vmax)}.hero[data-hero-variant=relief] .relief-box canvas{mask-image:linear-gradient(0deg, transparent var(--relief-foot,0px), #000 calc(var(--relief-foot,0px) + 110px), #000 calc(100% - 170px), transparent calc(100% - 90px))}.hero[data-hero-variant=relief] .relief-pins{pointer-events:none;position:absolute;inset:0}.hero[data-hero-variant=relief] .relief-pin{opacity:0;will-change:transform;position:absolute;top:0;left:0}.hero[data-hero-variant=relief] .relief-pin-dot{background:var(--sens-accent);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sens-accent) 22%, transparent), 0 0 16px 4px color-mix(in srgb, var(--sens-accent) 45%, transparent);transition:transform .45s var(--ease-out-expo);border-radius:50%;position:absolute;top:-5px;left:-5px}.hero[data-hero-variant=relief] .relief-pin.is-hover .relief-pin-dot{transform:scale(1.7)}.hero[data-hero-variant=relief] .relief-name{opacity:0;will-change:transform, opacity;white-space:nowrap;color:color-mix(in srgb, var(--sens-ink) 72%, transparent);text-shadow:0 0 6px var(--sens-white), 0 0 2px var(--sens-white);position:absolute;top:0;left:0}.hero[data-hero-variant=relief] .relief-name[data-kind=water]{font-family:var(--font-serif);letter-spacing:.01em;color:#5b5f8ab3;text-shadow:none;font-size:22px;font-style:italic;translate:-50% -50%}.hero[data-hero-variant=relief] .relief-name[data-kind=town],.hero[data-hero-variant=relief] .relief-name[data-kind=peak]{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600;translate:-50% calc(-100% - 18px)}.hero[data-hero-variant=relief] .relief-name[data-kind=home]{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sens-accent);font-size:12px;font-weight:700;translate:-50% calc(-100% - 14px)}.hero[data-hero-variant=relief] .relief-name[data-kind=country]{font-family:var(--font-body);letter-spacing:.42em;text-transform:uppercase;font-size:13px;font-weight:600;translate:-50% -50%}.hero[data-hero-variant=relief] .relief-name[data-kind=peak]{translate:-50% calc(-100% - 14px)}.hero[data-hero-variant=relief] .relief-name[data-kind=peak]:after{content:"";background:currentColor;width:1px;height:8px;position:absolute;top:calc(100% + 3px);left:50%}.hero[data-hero-variant=relief] .relief-pin[data-home] .relief-pin-dot:after{content:"";border:1.5px solid var(--sens-accent);animation:relief-ring 3.2s var(--ease-out-expo) infinite;border-radius:50%;position:absolute;inset:-1px}@keyframes relief-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(5)}}@media (prefers-reduced-motion:reduce){.hero[data-hero-variant=relief] .relief-pin-dot:after{animation:none;display:none}}@media (width<=959px){.hero[data-hero-variant=relief] .hero-composition{align-items:flex-start}.hero[data-hero-variant=relief] .hero-copy{max-width:none}.hero[data-hero-variant=relief] h1{font-size:clamp(36px,8.6vw,68px)}.hero[data-hero-variant=relief] .hero-scene{background:var(--sens-white)}.hero[data-hero-variant=relief] .relief-box{background:linear-gradient(180deg, var(--sens-white) 0%, color-mix(in srgb, var(--sens-accent) 6%, var(--sens-white)) 30%, var(--sens-white) 85%);bottom:auto}.hero[data-hero-variant=relief] .relief-box canvas{mask-image:linear-gradient(#0000 0,#000 48px)}.hero[data-hero-variant=relief] .relief-name[data-kind=town]{display:none}.hero[data-hero-variant=relief] .relief-name[data-kind=water]{font-size:17px}.hero[data-hero-variant=relief][data-relief-full] .relief-box canvas{mask-image:linear-gradient(180deg, transparent 0, #00000038 calc(var(--relief-top,0px) * .35), #0000008c calc(var(--relief-top,0px) * .8), #000 calc(var(--relief-top,0px) + 28px))}.hero[data-hero-variant=relief][data-relief-full] .relief-name[data-kind=peak]{display:none}}