@layer core,playground,project;@layer project{.vettvangur-2025-page-transitions-html{--mobile-design-width: 440;--desktop-design-width: 1440;--ultrawide-design-width: 2100;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){.vettvangur-2025-page-transitions-html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2100px){.vettvangur-2025-page-transitions-html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}.vettvangur-2025-page-transitions-body,.vettvangur-2025-page-transitions-main{font-size:inherit}.vettvangur-2025-page-transitions-main{display:flex;flex-flow:column nowrap;justify-content:center;height:100dvh;--var-mask-image-rotation: 0deg}.vettvangur-2025-page-transitions-main .header{font-family:DM Sans,sans-serif;pointer-events:none}.vettvangur-2025-page-transitions-main .container{width:100%;max-width:1440rem;min-width:320rem;margin:0 auto;padding:0 24rem}@media(min-width:768px){.vettvangur-2025-page-transitions-main .container{padding:0 80rem}}.vettvangur-2025-page-transitions-main .button-2{font-size:16rem;font-weight:600}.vettvangur-2025-page-transitions-main .header__container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:100rem;padding:30rem 0}@media(min-width:768px){.vettvangur-2025-page-transitions-main .header__container{padding:80rem 0}}.vettvangur-2025-page-transitions-main .header__logo{flex:0 0 74rem;display:flex;width:74rem;font-size:0;pointer-events:all}.vettvangur-2025-page-transitions-main .header__logo svg{width:100%}.vettvangur-2025-page-transitions-main .header__logo--white svg path{fill:#f2f5f8}.vettvangur-2025-page-transitions-main .header__navigation{flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:center;gap:30rem;position:relative;z-index:1}@media(max-width:767px){.vettvangur-2025-page-transitions-main .header__navigation{display:none}}.vettvangur-2025-page-transitions-main .header-navigation__list{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:30rem;list-style:none}.vettvangur-2025-page-transitions-main .header-navigation__link{position:relative;z-index:1;pointer-events:all}.vettvangur-2025-page-transitions-main .header-navigation__link:before{content:"";position:absolute;inset:auto 0 -6rem;z-index:1;border-bottom:1px solid rgba(255,61,0,0);pointer-events:none;transition:border .321s}@media(min-width:768px){.vettvangur-2025-page-transitions-main .header-navigation__link:before{border-width:2px}}.vettvangur-2025-page-transitions-main .header-navigation__link--active{pointer-events:none}.vettvangur-2025-page-transitions-main .header-navigation__link--active:before{border-color:#ff3d00cc}.vettvangur-2025-page-transitions-main .header-navigation__contact-button{margin:-15rem -10rem -15rem 0;pointer-events:all}.vettvangur-2025-page-transitions-main .text-slide-link{display:inline-flex}.vettvangur-2025-page-transitions-main .text-slide-link span[data-text-container]{position:relative;z-index:1;overflow:hidden}.vettvangur-2025-page-transitions-main .text-slide-link span[data-text]{display:flex;flex-flow:column nowrap}.vettvangur-2025-page-transitions-main .text-slide-link span[data-text]:after{content:attr(data-text);position:absolute;inset:100% 0 auto;z-index:1}.vettvangur-2025-page-transitions-main .page-cover{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:123;overflow:hidden;pointer-events:none}.vettvangur-2025-page-transitions-main .page-cover__cover{position:absolute;inset:0;z-index:1;transform:translateY(100%)}.vettvangur-2025-page-transitions-main .page-cover__cover-background{position:absolute;inset:0;z-index:1;background:#f43a00}.vettvangur-2025-page-transitions-main .page-cover__mask{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;z-index:2;color:#f2f5f8;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.vettvangur-2025-page-transitions-main .page-cover__mask-text{max-width:70vw;overflow:hidden;font-size:32rem;font-weight:700;line-height:112%;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.vettvangur-2025-page-transitions-main .page-cover__mask-text{letter-spacing:-1rem}}.vettvangur-2025-page-transitions-main .shape{position:relative;z-index:1;width:300rem;overflow:hidden;aspect-ratio:1;mask-size:cover;will-change:transform}.vettvangur-2025-page-transitions-main .shape--circle-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <circle cx="50" cy="50" r="45" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--circle-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--circle-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--diamond-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,50 50,95 5,50" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--diamond-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,50 50,95 5,50" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--diamond-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,50 50,95 5,50" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--ellipse-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <ellipse cx="50" cy="50" rx="33" ry="50" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--ellipse-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <ellipse cx="50" cy="50" rx="33" ry="50" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--ellipse-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <ellipse cx="50" cy="50" rx="33" ry="50" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--hexagon-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--hexagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--hexagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--octagon-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" style="transform: scale(0.9); transform-origin: 50% 50%;" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--octagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" style="transform: scale(0.9); transform-origin: 50% 50%;" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--octagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" style="transform: scale(0.9); transform-origin: 50% 50%;" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--pentagon-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,38 77,90 23,90 5,38" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--pentagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,38 77,90 23,90 5,38" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--pentagon-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,5 95,38 77,90 23,90 5,38" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--square-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <rect x="10" y="10" width="80" height="80" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--square-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <rect x="10" y="10" width="80" height="80" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--square-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <rect x="10" y="10" width="80" height="80" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--triangle-down-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="5,10 95,10 50,90" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--triangle-down-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="5,10 95,10 50,90" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--triangle-down-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="5,10 95,10 50,90" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--triangle-up-fill{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,10 95,90 5,90" fill="black" stroke="none" stroke-width="0" vector-effect="non-scaling-stroke" />        </svg>')}.vettvangur-2025-page-transitions-main .shape--triangle-up-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,10 95,90 5,90" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />        </svg>')}@media(width<768px){.vettvangur-2025-page-transitions-main .shape--triangle-up-stroke{mask-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">          <polygon points="50,10 95,90 5,90" fill="none" stroke="black" stroke-width="1" vector-effect="non-scaling-stroke" />        </svg>')}}.vettvangur-2025-page-transitions-main .shape--small{flex:0 0 50rem;width:50rem}.vettvangur-2025-page-transitions-main .shape__gradient{position:absolute;inset:-166rem;z-index:0;will-change:transform}.vettvangur-2025-page-transitions-main .shape__gradient--conic{background:conic-gradient(from 180deg at 50% 50%,#0b1423,#ff3d00,#0b1423 90deg,#ff3d00,#0b1423 270deg,#ff3d00,#0b1423 360deg)}.vettvangur-2025-page-transitions-main .shape__gradient--none{background:#f2f5f8}.vettvangur-2025-page-transitions-main .intro{position:absolute;inset:0;z-index:1;mask-image:radial-gradient(circle at center,transparent 10%,red 50%,red 65%,transparent 90%),repeating-conic-gradient(from 180deg at 50% 50%,red calc(0deg + var(--var-mask-image-rotation)),#f000 calc(35deg + var(--var-mask-image-rotation)),red calc(90deg + var(--var-mask-image-rotation)),#f000 calc(180deg + var(--var-mask-image-rotation)),red calc(270deg + var(--var-mask-image-rotation)),#f000 calc(315deg + var(--var-mask-image-rotation)),red calc(360deg + var(--var-mask-image-rotation)));mask-composite:intersect}.vettvangur-2025-page-transitions-main .intro__container{height:100%}.vettvangur-2025-page-transitions-main .intro__item{position:absolute;inset:50% auto auto 50%;z-index:1;will-change:transform,opacity}.vettvangur-2025-page-transitions-main .intro__item-container{display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;aspect-ratio:1;will-change:transform}.vettvangur-2025-page-transitions-main .intro__item:nth-child(1){width:530rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(1) .shape{opacity:.93}.vettvangur-2025-page-transitions-main .intro__item:nth-child(2){width:740rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(2) .shape{opacity:.86}.vettvangur-2025-page-transitions-main .intro__item:nth-child(3){width:950rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(3) .shape{opacity:.79}.vettvangur-2025-page-transitions-main .intro__item:nth-child(4){width:1160rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(4) .shape{opacity:.72}.vettvangur-2025-page-transitions-main .intro__item:nth-child(5){width:1370rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(5) .shape{opacity:.65}.vettvangur-2025-page-transitions-main .intro__item:nth-child(6){width:1580rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(6) .shape{opacity:.58}.vettvangur-2025-page-transitions-main .intro__item:nth-child(7){width:1790rem}.vettvangur-2025-page-transitions-main .intro__item:nth-child(7) .shape{opacity:.51}.vettvangur-2025-page-transitions-main .intro__item .shape{width:100%;aspect-ratio:1}}