X-Line Användningsområden

Kontakt

Leo Häggström

0701937915

leo@x-line.se

Jens Wallmark

0705666455

jens@x-line.se

Interaktiv scen – X-Line

Område 01 / 10

—

Läs mer

Klicka för att utforska

10 användningsområden

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}.menuLink__wrapper a{white-space:nowrap;color:#fff;text-decoration:none;font-size:16px}@media only screen and (min-width:1024px){.menuLink__wrapper a{font-size:14px}}.menuLink__wrapper--currentPage a{color:#fff}.menuLink__wrapper--ancestor a{color:#ddd}.subMenu__wrapper{display:none}@media only screen and (min-width:1024px){.subMenu__wrapper{width:250px;top:100%;position:absolute;background-color:var(--jok-submenu-bg,var(--jok-nav-bg,#fff))}.subMenu__wrapper:hover{background-color:rgba(61,78,85,.9607843137)}}.subMenu__container{margin-left:15px}.subMenu .menuLink__wrapper{margin:10px}.subMenu .menuLink__wrapper a{font-size:14px}.menuItem__wrapper{display:flex;order:var(--jok-menuitem-order-mobile,initial)}@media only screen and (min-width:1024px){.menuItem__wrapper{order:var(--jok-menuitem-order-desktop,initial)}}.menuItem__container{width:100%;position:relative;display:flex;flex-direction:column}@media only screen and (min-width:1024px){.menuItem__container{flex-direction:row;align-items:center}}.menuItem__container--containsSubMenu::after,.menuItem__container--containsSubMenu::before{display:block;content:"";width:15px;height:2px;position:absolute;background-color:#fff;right:0;top:10px;transition:transform .1s}.menuItem__container--containsSubMenu::after{transform:rotate(90deg)}@media only screen and (min-width:1024px){.menuItem__container--containsSubMenu::after,.menuItem__container--containsSubMenu::before{display:none}.menuItem__container--containsSubMenu:hover .subMenu__wrapper{display:block !important}}.menuItem__container--subMenuExpanded .subMenu__wrapper{position:relative;top:0}@media only screen and (min-width:1024px){.menuItem__container--subMenuExpanded .subMenu__wrapper{display:none;position:absolute;top:100%}}.menuItem__container--subMenuExpanded::after{transform:rotate(0)}.navigation__wrapper{display:flex;background-color:var(--jok-nav-bg,#36aae0);justify-content:center;height:75px;width:100%;position:fixed;top:0;border-bottom:solid 1px #36aae0}@media only screen and (min-width:1200px){.navigation__wrapper:hover{background-color:rgba(61,78,85,.9607843137)}.navigation__wrapper:hover .subMenu__wrapper{background-color:rgba(61,78,85,.9607843137)}}.navigation__container{width:90%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (min-width:1200px){.navigation__container{max-width:var(--jok-nav-width,var(--wp--style--global--wide-size));justify-content:flex-start;align-items:initial}}.navigation__menuWrapper{box-sizing:border-box;position:fixed;top:0;width:100vw;left:0;height:100%;background-color:var(--jok-nav-bg-mobile,var(--jok-nav-bg,#36aae0));display:none;flex-direction:column}.navigation__menuWrapper.open{display:flex !important;padding:5%;padding-top:var(--wp-admin--admin-bar--height,0)}@media only screen and (min-width:1200px){.navigation__menuWrapper{background-color:initial;height:initial;position:relative;width:auto;top:0;flex:1 1 100%;justify-content:flex-start;display:flex !important;flex-direction:row;justify-content:var(--jok-nav-justify-desktop,flex-end)}}.navigation__menuContainer{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--jok-nav-gap-mobile,1rem);flex:1 1 auto;padding-top:45px}@media only screen and (min-width:1200px){.navigation__menuContainer{padding-top:unset;gap:var(--jok-nav-gap-desktop,var(--jok-nav-gap-mobile,1rem));flex-direction:row;flex:unset}}.navigation__menuContainer .stickyBottom{margin-top:auto}@media only screen and (min-width:1200px){.navigation__menuContainer .stickyBottom{margin-top:initial}}.navigation__logoContainer{display:flex;align-items:center}.navigation__logoContainer img{max-width:150px}.navigation__xRail{display:none;font-size:14px}@media only screen and (min-width:1200px){.navigation__xRail{display:block;width:100px;text-align:center;border-left:1px solid #36aae0;color:#fff}}.navigation__xVajer{display:none;font-size:14px}@media only screen and (min-width:1200px){.navigation__xVajer{display:block;width:100px;text-align:center;border-left:1px solid #36aae0;border-right:1px solid #36aae0;color:#fff}}.navigation__tagline{position:absolute;margin-top:5px;font-size:7px;color:#fff;display:none;position:absolute;top:100%;left:0;right:0;text-align:center}.navigation__victorsContainer{margin-left:25px;display:flex;align-items:center}.navigation__victorsContainerMobile{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}@media only screen and (min-width:1200px){.navigation__victorsContainerMobile{display:none}}.navigation__victorsContainerMobile a{text-decoration:none;color:#fff}.navigation__externalSitesWrapper{position:relative}.navigation__externalSitesWrapper:hover .navigation__tagline{display:block}.navigation__logoContainerMobile{height:75px;display:flex;align-items:center}@media only screen and (min-width:1200px){.navigation__logoContainerMobile{display:none}}.navigation__logoContainerMobile>a{height:100%;display:flex;align-items:center}.navigation__logoContainerMobile>a img{width:150px}.navigation__mobileClose,.navigation__mobileOpen{display:flex;justify-content:center;align-items:center;border-radius:9999px;width:50px;height:50px;background-color:#36aae0}@media only screen and (min-width:1200px){.navigation__mobileClose,.navigation__mobileOpen{display:none}}.navigation__mobileClose::after,.navigation__mobileOpen::after{content:"";width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.navigation__mobileOpen::after{background-image:var(--jok-nav-open,url("/wp-content/themes/xline24/blocks/navigation/dist/nav-icon.svg"))}.navigation__mobileClose{position:absolute;right:5%;color:#fff}.navigation__mobileClose::after{background-image:var(--jok-nav-close,url("/wp-content/themes/xline24/blocks/navigation/dist/close-nav.svg"))}.navigation__langAndContactWrapper{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;gap:25px;margin-bottom:30px}@media only screen and (min-width:1200px){.navigation__langAndContactWrapper{flex-direction:row;margin-left:25px;margin-bottom:0}}.navigation__langAndContactWrapper a{color:#fff}.navigation__contactWrapper{display:flex;flex-direction:column;justify-content:center}.navigation__contactWrapper img{width:12px}.navigation__contactWrapper a{font-size:12px;text-decoration:none}.wp-site-blocks>header.wp-block-template-part:first-of-type{position:var(--jok-nav-position,relative);top:0}@media only screen and (min-width:1200px){.wp-site-blocks>header.wp-block-template-part:first-of-type{top:var(--wp-admin--admin-bar--height,0)}}.popupForm__wrapper{position:fixed;margin:auto;right:-100%;height:100vh;background-color:#3d4e55;width:100%}.popupForm__wrapper.active{right:0}@media only screen and (min-width:1024px){.popupForm__wrapper{width:40%;right:-40%}}.popupForm__contentContainer{padding:10px 30px 0;height:80%}@media only screen and (min-width:1024px){.popupForm__contentContainer{padding:20px 30px 0}}.popupForm__closePopup{display:flex;justify-content:center;width:20px;height:20px;cursor:pointer}.popupForm__closePopup img{width:15px;height:15px;rotate:45deg}.popupForm__formHeading{color:#fff;text-align:center;margin-top:0}.popupForm__formWrapper{margin:auto;max-width:80%}.popupForm__buttonWrapper{display:flex;justify-content:center;align-items:center;height:80px;position:fixed;right:0;top:50%;cursor:pointer;border:none;color:#fff;padding:16px 0 0;background-color:#36aae0}.popupForm__buttonWrapper.hidden{display:none}.popupForm__postWrapper{display:flex;flex-wrap:wrap;height:40%}.popupForm__singlePost{display:flex;flex-direction:column;width:50%;max-height:50%;background-position:center;background-size:cover}.popupForm__singlePost img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.popupForm__button{transform:translateY(-50%) rotate(90deg)}.popupForm__name{font-size:10px;color:#fff;margin:0;padding:10px}.popupForm__email,.popupForm__phone{font-size:10px;color:#fff;margin:0;padding-left:10px}#gform_wrapper_1 .gform_footer.before{margin-top:0}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-post-content{display:flow-root}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>");mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.wp-block-image.is-style-circle-mask img.nitro-lazy{mask-image:none !important}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:rgba(255,255,255,.65)}.wp-block-image{margin:0 0 1em}@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none !important;border:none !important}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}:where(.wp-block-group.has-background){padding:1.25em 2.375em}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap !important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--xline-blue:#36aae0;--wp--preset--color--xline-light-blue:#9cd3ee;--wp--preset--color--xline-dark-blue:#3d4e55;--wp--preset--color--xline-beige:#eceae4;--wp--preset--color--xline-white:#fff;--wp--preset--color--xline-black:#000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:.64rem;--wp--preset--font-size--medium:.8rem;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--regular:1rem;--wp--preset--font-family--open-sans:"Open Sans",sans-serif;--wp--preset--font-family--quicksand:Quicksand,sans-serif;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000;--wp--custom--typography--font-size--heading-1:clamp(3.125rem,2.03125rem + 4.1666666666667vw,5rem);--wp--custom--typography--font-size--heading-2:clamp(3.125rem,2.03125rem + 4.1666666666667vw,5rem);--wp--custom--typography--font-size--heading-3:clamp(2rem,2rem + 0vw,2rem)}:root{--wp--style--global--content-size:1200px;--wp--style--global--wide-size:1400px}:where(body){margin:0}.wp-site-blocks > .alignleft{float:left;margin-right:2em}.wp-site-blocks > .alignright{float:right;margin-left:2em}.wp-site-blocks > .aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}.is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}.is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}body{font-family:var(--wp--preset--font-family--open-sans);font-size:16px;font-weight:400;line-height:1.3;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}a:where(:not(.wp-element-button)){text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--wp--preset--font-family--quicksand);font-style:normal;font-weight:300}h1{font-family:var(--wp--preset--font-family--quicksand);font-size:var(--jok-standard-h1);font-style:normal;font-weight:400;line-height:var(--jok-standard-h1-lineheight)}h2{font-family:var(--wp--preset--font-family--quicksand);font-size:var(--jok-standard-h2);font-style:normal;font-weight:400;line-height:var(--jok-standard-h2-lineheight)}h3{font-size:var(--jok-standard-h3);font-weight:var(--jok-standard-h3-fontweight);line-height:var(--jok-standard-h3-lineheight)}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-xline-blue-color{color:var(--wp--preset--color--xline-blue) !important}.has-xline-light-blue-color{color:var(--wp--preset--color--xline-light-blue) !important}.has-xline-dark-blue-color{color:var(--wp--preset--color--xline-dark-blue) !important}.has-xline-beige-color{color:var(--wp--preset--color--xline-beige) !important}.has-xline-white-color{color:var(--wp--preset--color--xline-white) !important}.has-xline-black-color{color:var(--wp--preset--color--xline-black) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-xline-blue-background-color{background-color:var(--wp--preset--color--xline-blue) !important}.has-xline-light-blue-background-color{background-color:var(--wp--preset--color--xline-light-blue) !important}.has-xline-dark-blue-background-color{background-color:var(--wp--preset--color--xline-dark-blue) !important}.has-xline-beige-background-color{background-color:var(--wp--preset--color--xline-beige) !important}.has-xline-white-background-color{background-color:var(--wp--preset--color--xline-white) !important}.has-xline-black-background-color{background-color:var(--wp--preset--color--xline-black) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-xline-blue-border-color{border-color:var(--wp--preset--color--xline-blue) !important}.has-xline-light-blue-border-color{border-color:var(--wp--preset--color--xline-light-blue) !important}.has-xline-dark-blue-border-color{border-color:var(--wp--preset--color--xline-dark-blue) !important}.has-xline-beige-border-color{border-color:var(--wp--preset--color--xline-beige) !important}.has-xline-white-border-color{border-color:var(--wp--preset--color--xline-white) !important}.has-xline-black-border-color{border-color:var(--wp--preset--color--xline-black) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}.has-regular-font-size{font-size:var(--wp--preset--font-size--regular) !important}.has-open-sans-font-family{font-family:var(--wp--preset--font-family--open-sans) !important}.has-quicksand-font-family{font-family:var(--wp--preset--font-family--quicksand) !important}.wp-elements-72c4eec1450e9566d604f23f90012771 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--xline-white)}.wp-elements-dd06e9993328c5304275c543d29baf94 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--xline-white)}.wp-elements-a6e77323fd4efcd32d7e6b34da44452e a:where(:not(.wp-element-button)){color:#878787}.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.country-selector.weglot-dropdown .wgcurrent a,.country-selector.weglot-dropdown .wgcurrent span{padding-right:15px}.country-selector.weglot-dropdown{background:transparent}.country-selector.weglot-dropdown .wgcurrent{border:none}.country-selector.weglot-dropdown ul{background:rgba(61,78,85,.64);border:none}:root{--jok-nav-position:sticky;--jok-nav-gap-mobile:25px}#gform_wrapper_1[data-form-index="0"].gform-theme,[data-parent-form="1_0"]{--gf-color-primary:#204ce5;--gf-color-primary-rgb:32,76,229;--gf-color-primary-contrast:#fff;--gf-color-primary-contrast-rgb:255,255,255;--gf-color-primary-darker:#001ab3;--gf-color-primary-lighter:#527eff;--gf-color-secondary:#fff;--gf-color-secondary-rgb:255,255,255;--gf-color-secondary-contrast:#112337;--gf-color-secondary-contrast-rgb:17,35,55;--gf-color-secondary-darker:#f5f5f5;--gf-color-secondary-lighter:#fff;--gf-color-out-ctrl-light:rgba(17,35,55,.1);--gf-color-out-ctrl-light-rgb:17,35,55;--gf-color-out-ctrl-light-darker:rgba(104,110,119,.35);--gf-color-out-ctrl-light-lighter:#f5f5f5;--gf-color-out-ctrl-dark:#585e6a;--gf-color-out-ctrl-dark-rgb:88,94,106;--gf-color-out-ctrl-dark-darker:#112337;--gf-color-out-ctrl-dark-lighter:rgba(17,35,55,.65);--gf-color-in-ctrl:#fff;--gf-color-in-ctrl-rgb:255,255,255;--gf-color-in-ctrl-contrast:#112337;--gf-color-in-ctrl-contrast-rgb:17,35,55;--gf-color-in-ctrl-darker:#f5f5f5;--gf-color-in-ctrl-lighter:#fff;--gf-color-in-ctrl-primary:#204ce5;--gf-color-in-ctrl-primary-rgb:32,76,229;--gf-color-in-ctrl-primary-contrast:#fff;--gf-color-in-ctrl-primary-contrast-rgb:255,255,255;--gf-color-in-ctrl-primary-darker:#001ab3;--gf-color-in-ctrl-primary-lighter:#527eff;--gf-color-in-ctrl-light:rgba(17,35,55,.1);--gf-color-in-ctrl-light-rgb:17,35,55;--gf-color-in-ctrl-light-darker:rgba(104,110,119,.35);--gf-color-in-ctrl-light-lighter:#f5f5f5;--gf-color-in-ctrl-dark:#585e6a;--gf-color-in-ctrl-dark-rgb:88,94,106;--gf-color-in-ctrl-dark-darker:#112337;--gf-color-in-ctrl-dark-lighter:rgba(17,35,55,.65);--gf-radius:3px;--gf-font-size-secondary:14px;--gf-font-size-tertiary:13px;--gf-icon-ctrl-number:url("data:image/svg+xml,%3Csvg width=\'8\' height=\'14\' viewBox=\'0 0 8 14\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E");--gf-icon-ctrl-select:url("data:image/svg+xml,%3Csvg width=\'10\' height=\'6\' viewBox=\'0 0 10 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E");--gf-icon-ctrl-search:url("data:image/svg+xml,%3Csvg width=\'640\' height=\'640\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z\' fill=\'rgba(17, 35, 55, 0.65)\'/%3E%3C/svg%3E");--gf-label-space-y-secondary:var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color:#686e77;--gf-ctrl-size:var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary:#112337;--gf-ctrl-label-color-secondary:#112337;--gf-ctrl-choice-size:var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size:var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size:var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size:var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x:var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size:var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary:#686e77;--gf-ctrl-file-btn-bg-color-hover:#ebebeb;--gf-field-img-choice-size:var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space:var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size:var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size:var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color:rgba(17,35,55,.8)}:root{--bg:#f7f6f3;--bg-alt:#edece7;--surface:#fff;--ink:#0e0e0c;--ink-muted:#6b6a65;--line:#d8d6cf;--line-soft:#e8e6df;--font-display:"Fraunces",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(.65,0,.35,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-zoom:cubic-bezier(.83,0,.17,1);--header-clearance:80px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:100%;margin:0;padding:0}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scene-wrapper{position:relative;width:100%;aspect-ratio:1600/872;background:var(--bg-alt);overflow:hidden;opacity:0;animation:fadeUp 1s var(--ease-out) .3s forwards}.scene-camera{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 1.2s var(--ease-zoom);will-change:transform}.scene-wrapper.zoomed .main-camera{transform:scale(2.6) translate(var(--zoom-x,0),var(--zoom-y,0))}.scene-wrapper.zoomed .main-camera .pin:not(.pin-active){opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.scene-camera::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(14,14,12,.15) 100%);pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}.scene-wrapper:hover .main-camera::after{opacity:1}.scene-wrapper.zoomed .main-camera::after{opacity:0}.sub-camera{opacity:0;pointer-events:none;transition:opacity .7s var(--ease) .4s,transform 1.2s var(--ease-zoom);transform:scale(1.05)}.scene-wrapper.sub-active .sub-camera{opacity:1;pointer-events:auto;transform:scale(1)}.scene-wrapper:hover .sub-camera::after{opacity:1}.sub-camera .pin{opacity:0;transform:translate(-50%,-50%) scale(0)}.scene-wrapper.sub-active .sub-camera .pin{animation:pinIn .6s var(--ease-out) forwards}.scene-wrapper.detail-active .sub-camera .pin:not(.pin-active){opacity:0;pointer-events:none}.back-to-overview{position:absolute;top:calc(1.25rem + var(--header-clearance));left:1.25rem;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;z-index:25;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out) .9s,background .2s,color .2s,padding-left .25s;border-radius:2px}.scene-wrapper.sub-active .back-to-overview{opacity:1;pointer-events:auto}.scene-wrapper.sub-active.detail-active .back-to-overview{opacity:0;pointer-events:none;transition:opacity .3s}.back-to-overview:hover{background:var(--ink);color:var(--surface);padding-left:14px}.back-to-overview svg{width:14px;height:14px;transition:transform .25s var(--ease)}.back-to-overview:hover svg{transform:translateX(-3px)}.pin{position:absolute;transform:translate(-50%,-50%) scale(0);width:42px;height:42px;border-radius:50%;background:var(--surface);border:none;color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;opacity:0;animation:pinIn .6s var(--ease-out) forwards;transition:transform .35s var(--ease),background .25s,color .25s,opacity .5s var(--ease),box-shadow .35s var(--ease);box-shadow:0 0 0 2px var(--ink),0 4px 12px rgba(14,14,12,.35)}@keyframes pinIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{transform:translate(-50%,-50%) scale(1.15)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pin::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px solid var(--surface);opacity:0;animation:pulse 2.8s ease-out infinite;pointer-events:none}@keyframes pulse{0%{opacity:.6;transform:scale(.85)}70%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}.pin:hover,.pin:focus-visible{background:var(--ink);color:var(--surface);transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 2px var(--ink),0 0 0 8px rgba(255,255,255,.85),0 6px 20px rgba(14,14,12,.5);outline:none}.pin:hover::before,.pin:focus-visible::before{animation-play-state:paused;opacity:0}.pin .pin-label{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-4px);background:var(--ink);color:var(--surface);font-size:11px;font-weight:500;letter-spacing:.06em;padding:8px 12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease-out);border-radius:2px}.pin:hover .pin-label,.pin:focus-visible .pin-label{opacity:1;transform:translateX(-50%) translateY(0)}.pin-active{background:var(--ink) !important;color:var(--surface) !important}.pin-active::before{animation:none;opacity:0}.scene-hint,.scene-counter{position:absolute;bottom:1.5rem;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 14px;font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--ink);text-transform:uppercase;opacity:0;animation:fadeUp .8s var(--ease-out) 1.4s forwards;transition:opacity .4s;border-radius:2px}.scene-hint{left:1.5rem}.scene-counter{right:1.5rem;font-family:var(--font-display);font-weight:300;font-size:14px;text-transform:none;letter-spacing:.05em}.scene-counter strong{font-weight:400;font-size:16px}.scene-hint-dot{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse 2s ease-out infinite}.scene-wrapper.zoomed .scene-hint,.scene-wrapper.zoomed .scene-counter{opacity:0;pointer-events:none}.detail-panel{position:absolute;inset:0;background:var(--surface);z-index:20;opacity:0;pointer-events:none;transition:opacity .6s var(--ease) .5s;display:grid;grid-template-columns:1.15fr 1fr}.scene-wrapper.detail-active .detail-panel{opacity:1;pointer-events:auto}.detail-image{position:relative;background:var(--bg-alt);background-size:cover;background-position:center;overflow:hidden}.detail-image.placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 49%,rgba(14,14,12,.05) 50%,transparent 51%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 49%,rgba(14,14,12,.05) 50%,transparent 51%,transparent 100%);background-size:60px 60px}.detail-image.placeholder::after{content:attr(data-hint);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;text-align:center;padding:12px 18px;background:var(--surface);border:1px solid var(--line)}.placeholder-scan{position:absolute;left:0;top:0;width:100%;height:1px;background:var(--ink);opacity:0;animation:scanY 2.8s var(--ease-out) infinite}@keyframes scanY{0%{top:0%;opacity:0}10%{opacity:.4}90%{opacity:.4}100%{top:100%;opacity:0}}.detail-body{padding:calc(3rem + var(--header-clearance)) 2.75rem 3rem;display:flex;flex-direction:column;overflow-y:auto;position:relative}.detail-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out) 1s,transform .5s var(--ease-out) 1s}.scene-wrapper.detail-active .detail-meta{opacity:1;transform:translateY(0)}.detail-number{font-family:var(--font-display);font-weight:300;font-size:13px;color:var(--ink-muted);letter-spacing:.2em;text-transform:uppercase}.detail-nav{display:flex;gap:4px}.nav-btn{width:32px;height:32px;border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .2s,color .2s,border-color .2s;border-radius:0}.nav-btn:hover{background:var(--ink);color:var(--surface);border-color:var(--ink)}.nav-btn svg{width:14px;height:14px}.detail-title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1.5rem;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out) 1.1s,transform .6s var(--ease-out) 1.1s}.scene-wrapper.detail-active .detail-title{opacity:1;transform:translateY(0)}.detail-description{font-size:15px;line-height:1.75;color:var(--ink-muted);margin:0 0 2.5rem;flex:1;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out) 1.2s,transform .6s var(--ease-out) 1.2s}.scene-wrapper.detail-active .detail-description{opacity:1;transform:translateY(0)}.detail-actions{display:flex;gap:1rem;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out) 1.3s,transform .6s var(--ease-out) 1.3s}.scene-wrapper.detail-active .detail-actions{opacity:1;transform:translateY(0)}.detail-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--ink);color:var(--surface);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,color .25s,box-shadow .25s;border-radius:0}.detail-cta:hover{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.detail-cta .arrow{transition:transform .25s var(--ease)}.detail-cta:hover .arrow{transform:translateX(5px)}.detail-close{position:absolute;top:calc(1.25rem + var(--header-clearance));right:1.25rem;width:44px;height:44px;background:var(--surface);border:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);z-index:30;border-radius:0;opacity:0;transition:opacity .4s var(--ease-out) .9s,background .2s,color .2s}.scene-wrapper.detail-active .detail-close{opacity:1}.detail-close:hover{background:var(--ink);color:var(--surface)}.detail-close:hover svg{transform:rotate(90deg)}.detail-close svg{width:16px;height:16px;transition:transform .3s var(--ease)}.detail-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--ink);transition:width .6s var(--ease-out) 1.5s;width:0%}.scene-wrapper.detail-active .detail-progress{width:var(--progress,10%)}.mobile-list{display:none;margin-top:1rem;opacity:0;animation:fadeUp .9s var(--ease-out) .3s forwards}.mobile-item{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:padding-left .3s var(--ease);text-decoration:none;color:inherit}.mobile-item:hover{padding-left:8px}.mobile-item-number{width:40px;height:40px;background:var(--ink);color:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px;flex-shrink:0}.mobile-item-content{flex:1;min-width:0}.mobile-item-title{font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.2;margin:0 0 4px;letter-spacing:-.01em}.mobile-item-description{font-size:13px;color:var(--ink-muted);margin:0;line-height:1.5}.mobile-item-arrow{color:var(--ink);flex-shrink:0}@media (max-width: 900px){.scene-wrapper,.scene-hint,.scene-counter{display:none}.mobile-list{display:block;padding:1rem}.container{padding:0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}