.hero-poster{position:relative;overflow:hidden;background:var(--color-background, #fff);color:var(--color-text, #1a1a1a);padding-block:clamp(40px,6vw,88px)}.hero-poster__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(55% 60% at 76% 45%,rgba(var(--color-accent-rgb, 74, 93, 74),.16),transparent 72%),radial-gradient(40% 45% at 12% 90%,rgba(var(--color-primary-rgb, 26, 26, 26),.06),transparent 70%)}.hero-poster__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(var(--color-text-rgb, 26, 26, 26),.1) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(65% 70% at 72% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(65% 70% at 72% 50%,#000 20%,transparent 100%)}.hero-poster__container{position:relative;max-width:var(--container-xl, 1200px);margin-inline:auto;padding-inline:var(--gutter, 16px);display:grid;gap:clamp(36px,5vw,72px);align-items:center}@media(min-width:1024px){.hero-poster__container{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:min(calc(100svh - 140px),820px)}}.hero-poster__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-5, 20px);max-width:600px}@media(max-width:1023px){.hero-poster__container{gap:var(--spacing-4, 16px);justify-items:center;text-align:center}.hero-poster__content{display:contents}.hero-poster__badge{order:1}.hero-poster__heading{order:2}.hero-poster__subheading{order:3}.hero-poster__visual{order:4;width:100%;margin-block:var(--spacing-2, 8px)}.hero-poster__cta{order:5}.hero-poster__cities{order:6;margin-top:var(--spacing-3, 12px)}.hero-poster__usps{order:7}}.hero-poster__badge{display:inline-flex;align-items:center;padding:6px 14px;font-size:var(--font-size-xs, .75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #4a5d4a);background:rgba(var(--color-accent-rgb, 74, 93, 74),.1);border-radius:var(--radius-full, 9999px)}.hero-poster__heading{margin:0;font-family:var(--font-heading);font-weight:400;font-size:clamp(2.5rem,5.4vw,4.5rem);line-height:1.04;letter-spacing:-.015em;color:var(--color-heading, #1a1a1a);text-wrap:balance}.hero-poster__heading em{font-style:italic;color:var(--color-accent, #4a5d4a)}.hero-poster__subheading{margin:0;max-width:50ch;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;color:var(--color-text-secondary, #555)}.hero-poster__cities{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1023px){.hero-poster__cities{justify-content:center}}.hero-poster__city{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-family:inherit;font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text, #1a1a1a);background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:background-color var(--duration-fast, .15s) ease,border-color var(--duration-fast, .15s) ease,color var(--duration-fast, .15s) ease,transform var(--duration-fast, .15s) ease}.hero-poster__city-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-dark, #ccc);transition:background-color var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease}.hero-poster__city:hover{border-color:var(--color-text, #1a1a1a);transform:translateY(-1px)}.hero-poster__city.is-active{color:var(--color-text-inverse, #fff);background:var(--color-primary, #1a1a1a);border-color:var(--color-primary, #1a1a1a)}.hero-poster__city.is-active .hero-poster__city-dot{background:var(--color-accent-light, #6b8e6b);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 74, 93, 74),.35)}.hero-poster__city:focus-visible{outline:2px solid var(--color-accent, #4a5d4a);outline-offset:2px}.hero-poster__cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:4px}@media(max-width:1023px){.hero-poster__cta{justify-content:center}}.hero-poster__button{padding:14px 28px;min-height:52px;font-size:var(--font-size-base, 1rem);border-radius:var(--radius-full, 9999px)}.hero-poster__button svg{transition:transform var(--duration-fast, .15s) ease}.hero-poster__button:hover svg{transform:translate(3px)}.hero-poster__link{font-weight:500;color:var(--color-text, #1a1a1a);text-decoration:underline;text-decoration-color:rgba(var(--color-text-rgb, 26, 26, 26),.3);text-underline-offset:4px;transition:color var(--duration-fast, .15s) ease,text-decoration-color var(--duration-fast, .15s) ease}.hero-poster__link:hover{color:var(--color-accent, #4a5d4a);text-decoration-color:currentColor}.hero-poster__usps{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin:8px 0 0;padding:0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #555)}@media(max-width:1023px){.hero-poster__usps{justify-content:center}}.hero-poster__usp{display:inline-flex;align-items:center;gap:8px}.hero-poster__usp svg{color:var(--color-accent, #4a5d4a);flex-shrink:0}.hero-poster__visual{display:flex;justify-content:center}.hero-poster__stage{position:relative;width:min(100%,480px);padding:24px 28px;perspective:1200px}@media(max-width:1023px){.hero-poster__stage{width:min(60vw,300px);padding:16px 20px}}.hero-poster__poster{margin:0;width:100%;aspect-ratio:3 / 4;container-type:inline-size;animation:heroFloat 7s ease-in-out infinite}.hero-poster__frame{width:100%;height:100%;box-sizing:border-box;padding:4%;background:var(--color-primary, #1a1a1a);box-shadow:0 40px 70px -28px #00000073,0 18px 30px -18px #0000004d,inset 0 0 0 1px #ffffff0f;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-poster__mat{width:100%;height:100%;box-sizing:border-box;padding:7%;background:#fff}.hero-poster__inner{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--color-primary, #1a1a1a);background:#fff;overflow:hidden}.hero-poster__map{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#f4f4f2}.hero-poster__map-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease}.hero-poster__map-img.is-active{opacity:1}.hero-poster__map-fade{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to bottom,#fff0,#ffffff80 45%,#fff);pointer-events:none}.hero-poster__text{flex:0 0 17%;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9cqi;margin:0;padding:0 6cqi 1.5cqi;text-align:center;color:var(--color-primary, #1a1a1a)}.hero-poster__poster-city{font-family:var(--font-heading);font-size:6cqi;line-height:1;letter-spacing:.16em;white-space:nowrap}.hero-poster__poster-country{font-size:2.5cqi;letter-spacing:.32em;line-height:1}.hero-poster__poster-country:before{content:"\2014\a0"}.hero-poster__poster-country:after{content:"\a0\2014"}.hero-poster__poster-coords{font-size:2.3cqi;letter-spacing:.12em;line-height:1;color:#666}.hero-poster__chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;font-size:.8rem;font-weight:500;color:var(--color-text, #1a1a1a);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border, #e5e5e5);border-radius:12px;box-shadow:var(--shadow-md, 0 8px 16px rgba(0, 0, 0, .08));white-space:nowrap}.hero-poster__chip svg{color:var(--color-accent, #4a5d4a);flex-shrink:0}.hero-poster__chip--location{top:7%;left:0;animation:heroFloat 6s ease-in-out .8s infinite}.hero-poster__chip--feature{bottom:-4px;right:0;animation:heroFloat 6.5s ease-in-out 1.6s infinite}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-poster__visual{animation:heroFadeInUp .9s ease-out .3s both}@media(prefers-reduced-motion:reduce){.hero-poster__visual,.hero-poster__poster,.hero-poster__chip{animation:none}.hero-poster__frame,.hero-poster__map-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-hero-poster.css.map */