.woning-hero__inner{position:relative;--stekko-art-width: clamp(380px, 34vw, 440px)}@media (max-width: 1279px){.woning-hero__inner{--stekko-art-width: 30vw}}.stekko-hero-art{position:absolute;right:-10px;top:-10px;width:var(--stekko-art-width);pointer-events:none;z-index:0}.stekko-hero-art svg{display:block;width:100%;height:auto;overflow:visible}.woning-hero__eyebrow,.woning-hero__title,.woning-hero__intro{position:relative;z-index:1}.woning-hero .olp-home-search{position:relative;z-index:2}.woning-hero__note{position:absolute;z-index:1;top:30px;right:1px;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:4px;color:#ffffffc7;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:.01em;transform:rotate(-2deg);pointer-events:none}.woning-hero__note svg{flex:0 0 70px;width:70px;height:46px;margin-top:14px;transform:scaleX(-1);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 1099px){.stekko-hero-art,.woning-hero__note{display:none}}@media (max-width: 1319px){.stekko-hero-art{overflow-x:clip;overflow-clip-margin:10px}}.stekko-hero-art{clip-path:inset(-62px -100vw -100vw -100vw)}@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-grotesque-latin-opsz-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.woning-hero__title{font-family:Bricolage Grotesque,Arial,sans-serif;font-weight:700;font-size:clamp(36px,4.6vw,58px);line-height:1.02;letter-spacing:-.025em;max-width:min(820px,calc(100% - var(--stekko-art-width) - 32px))}.woning-hero__title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:-.01em;color:#e0b35a}.woning-hero__title .w{display:inline-block;animation:rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + .1s)}@media (max-width: 1099px){.woning-hero__title{max-width:780px}.woning-hero__title-break{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}.woning-hero__below{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;margin-top:18px}.woning-hero__below .woning-hero__usps{margin-top:0;gap:10px 26px}.woning-hero__usp svg{flex-basis:16px;width:16px;height:16px;stroke:#e0b35a;stroke-width:2}.woning-hero__ticker{display:flex;align-items:center;gap:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 18px 8px 12px;min-width:0;max-width:100%;color:#fff;font-family:Arial,Helvetica,sans-serif}.woning-hero__ticker-dot{width:9px;height:9px;border-radius:50%;background:#e0b35a;flex:none;position:relative}.woning-hero__ticker-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#e0b35a;animation:ping 1.8s ease-out infinite}@keyframes ping{0%{transform:scale(1);opacity:.7}to{transform:scale(2.8);opacity:0}}.woning-hero__ticker b{font-size:13px;letter-spacing:.3px;white-space:nowrap}.woning-hero__ticker-slot{position:relative;height:20px;overflow:hidden;min-width:0;flex:1}.woning-hero__ticker-item{display:block;font-size:14px;line-height:20px;color:#cfe3e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}.woning-hero__ticker-item[hidden]{display:none}.woning-hero__ticker-item strong{color:#fff;font-weight:600}.woning-hero__ticker-item:hover,.woning-hero__ticker-item:focus-visible{color:#fff}.woning-hero__ticker-item:hover strong{text-decoration:underline}.woning-hero__ticker-item:focus-visible{outline:2px solid #e0b35a;outline-offset:2px}.woning-hero__ticker-item.is-out{transform:translateY(-100%);opacity:0}.woning-hero__ticker-item.is-in{transform:translateY(100%);opacity:0}.woning-hero{--sky-back: #0a4a53;--sky-front: #0c565f;--water: #06363e}.skyline{display:block;width:100%;height:clamp(90px,10vw,140px);margin-top:16px;overflow:hidden}.sk-blades{transform-box:view-box;transform-origin:1262px 52px;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sk-boat{transform-box:view-box;animation:sail 46s linear infinite}@keyframes sail{0%{transform:translate(-120px)}to{transform:translate(1580px)}}.sk-light{animation:flick 9s ease-in-out infinite}@keyframes flick{0%,40%{opacity:.25}50%,90%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion: reduce){.woning-hero__title .w,.woning-hero__ticker-dot:after,.sk-blades,.sk-boat,.sk-light{animation:none!important}.woning-hero__ticker-item{transition:none}}.sh-glow,.sh-island,.sh-shadow,.sh-cloud,.sh-tree,.sh-car,.sh-drop{transform-box:view-box}.sh-glow{transform-origin:200px 225px;animation:sh-glow 7s ease-in-out infinite alternate}@keyframes sh-glow{0%{opacity:.85}to{opacity:1}}.sh-island{animation:sh-float 7s ease-in-out infinite alternate}@keyframes sh-float{0%{transform:translateY(0)}to{transform:translateY(-9px)}}.sh-shadow{transform-origin:200px 378px;animation:sh-shadow 7s ease-in-out infinite alternate}@keyframes sh-shadow{0%{transform:scale(1);opacity:.55}to{transform:scale(.92);opacity:.4}}.sh-cloud{animation:sh-drift 40s ease-in-out infinite alternate}.sh-cloud--slow{animation-duration:55s;animation-direction:alternate-reverse}@keyframes sh-drift{0%{transform:translate(-20px)}to{transform:translate(30px)}}.sh-tree{animation:sh-sway 5s ease-in-out infinite alternate}.sh-tree:nth-of-type(2n){animation-duration:6.5s;animation-delay:-2s}@keyframes sh-sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.sh-car{animation:sh-drive 11s linear infinite}@keyframes sh-drive{0%{transform:translate(0);opacity:0}6%{opacity:1}88%{opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.sh-drop,.sh-ring{opacity:0;animation-duration:12s;animation-iteration-count:infinite;animation-delay:var(--d, 0s)}.sh-drop{animation-name:sh-drop;animation-timing-function:ease-out}@keyframes sh-drop{0%{transform:translateY(-22px) scale(.6);opacity:0}4%{transform:translateY(2px) scale(1.05);opacity:1}6%{transform:translateY(0) scale(1)}20%{transform:translateY(-3px);opacity:1}25%,to{transform:translateY(-3px);opacity:0}}.stekko-hero-art .sh-ring{transform-box:fill-box;transform-origin:center;animation-name:sh-ring;animation-timing-function:ease-out}@keyframes sh-ring{0%,3%{transform:scale(.4);opacity:0}5%{opacity:.9}16%,to{transform:scale(3.2);opacity:0}}.sh-win{fill:#0b3b43}.sh-win--on{fill:#ffd27a}.sh-win--blink{animation:sh-light 14s ease-in-out infinite}.sh-win--slow{animation-duration:21s;animation-delay:-6s}@keyframes sh-light{0%,35%{fill:#0b3b43}40%,85%{fill:#ffd27a}90%,to{fill:#0b3b43}}@media (prefers-reduced-motion: reduce){.stekko-hero-art *{animation:none!important}.sh-pin:not(.sh-pin~.sh-pin) .sh-drop{opacity:1}}
