@font-face{font-family:monument_extendedregular;src:url(https://www.yudiz.com/codepen/photography-banner/monumentextended-regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Extenda Trial 20 Micro";src:url(https://www.yudiz.com/codepen/photography-banner/Extenda-20Micro.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Extenda Trial 30 Deca";src:url(https://www.yudiz.com/codepen/photography-banner/Extenda-30Deca.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.info-section{z-index:1;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--accent)8%,transparent)0%,transparent 60%),linear-gradient(to bottom,transparent,color-mix(in srgb,var(--foreground)2%,transparent)50%,transparent);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3rem;padding:8vh 1.5rem;display:flex;position:relative;overflow:hidden}.info-section:before{content:"";opacity:.4;background:var(--accent);filter:blur(162px);z-index:-1;border-radius:197.5px 0;width:55%;height:35%;position:absolute;top:-40%;left:-66%;transform:translate(50%,50%)}.left-part{padding:20px 0 0;overflow:hidden}.left-part h1{color:var(--foreground);text-transform:uppercase;word-wrap:break-word;margin:0;font-family:"Extenda Trial 30 Deca";font-size:clamp(45px,12vw,200px);font-style:normal;font-weight:400;line-height:.85}.left-part h1 .text{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent)50%,transparent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;height:200px;display:block}.left-part h1 .d-flex{align-items:center;display:flex}.left-part h1 .char{transition:transform .5s;transform:translateY(-515px)}.typed-cursor{display:none!important}.left-part p{width:100%;max-width:36ch;color:var(--foreground);opacity:.8;margin:20px 0 0;font-family:monument_extendedregular;font-size:15px;font-style:normal;font-weight:400;line-height:2}.right-part{z-index:1;background-color:#0000;flex-shrink:0;width:clamp(280px,50vw,588px);height:clamp(280px,50vw,588px);margin:0 -14px 0 auto;display:block;position:relative}.right-part:before{content:"";opacity:.4;background:var(--accent);filter:blur(112px);z-index:-1;border-radius:197.5px 0;width:55%;height:35%;position:absolute;top:50%;right:33%;transform:translate(50%,-50%)}.right-part .d-flex{flex-wrap:wrap;align-content:space-between;gap:24px;height:100%;display:flex;position:relative}.main-grid{width:100%;height:100%;position:relative}.box{border:1px solid var(--border-subtle);width:calc(33.3333% - 16px);height:calc(33.3333% - 16px);color:var(--foreground);will-change:transform;background-color:#0000;border-radius:120px;justify-content:center;align-items:center;font-family:monument_extendedregular;font-size:16px;font-style:normal;font-weight:400;line-height:32px;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:absolute}.box:first-child{animation-name:box-1;top:0;left:0}.box:nth-child(2){animation-name:box-2;top:0;left:33.3333%}.box:nth-child(3){animation-name:box-3;top:0;left:66.6667%}.box:nth-child(4){animation-name:box-4;top:33.3333%;left:0}.box:nth-child(5){animation-name:box-5;top:33.3333%;left:66.6667%}.box:nth-child(6){animation-name:box-6;top:66.6667%;left:0}.box:nth-child(7){animation-name:box-7;top:66.6667%;left:33.3333%}.box:nth-child(8){animation-name:box-8;top:66.6667%;left:66.6667%}@keyframes box-1{0%,90%,to{top:0;left:0}2.5%,12.5%{left:33.3333%}15%,25%{top:0;left:66.6667%}27.5%{top:33.3333%;left:66.6667%}29.5%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}31.5%,33.5%{width:100%;left:33.3333%}35.5%,37.5%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}40%,50%{top:66.6667%;left:66.6667%}52.5%,62.5%{left:33.3333%}65%,75%{top:66.6667%;left:0}77.5%,87.5%{top:33.3333%}}@keyframes box-2{0%,90%,to{left:33.3333%}2.5%,12.5%{top:0;left:66.6667%}15%,17%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}19%,21%{width:100%;top:33.3333%;left:33.3333%}23%,25%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}27.5%,37.5%{top:66.6667%;left:66.6667%}40%,50%{top:66.6667%;left:33.3333%}52.5%,62.5%{top:66.6667%;left:0}65%,75%{top:33.3333%;left:0}77.5%,87.5%{top:0;left:0}}@keyframes box-3{0%,90%,to{left:66.6667%}2.5%,12.5%{top:33.3333%;left:66.6667%}4.5%,10.5%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}6.5%,8.5%{width:100%;top:33.3333%;left:33.3333%}15%,25%{top:66.6667%;left:66.6667%}27.5%,37.5%{top:66.6667%;left:33.3333%}40%,50%{top:66.6667%;left:0}52.5%,62.5%{top:33.3333%;left:0}65%,75%{top:0;left:0}77.5%,87.5%{top:0;left:33.3333%}}@keyframes box-4{0%,90%,to{top:33.3333%}2.5%,12.5%{top:0;left:0}15%,25%{top:0;left:33.3333%}27.5%,37.5%{top:0;left:66.6667%}40%,42%,48%,50%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}44%,46%{width:100%;top:33.3333%;left:33.3333%}52.5%,62.5%{top:66.6667%;left:66.6667%}65%,75%{top:66.6667%;left:33.3333%}77.5%,87.5%{top:66.6667%;left:0}}@keyframes box-5{0%,90%,92%,98%,to{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}2.5%,12.5%{top:66.6667%;left:66.6667%}15%,25%{top:66.6667%;left:33.3333%}27.5%,37.5%{top:66.6667%;left:0}40%,50%{top:33.3333%;left:0}52.5%,62.5%{top:0;left:0}65%,75%{top:0;left:33.3333%}77.5%,87.5%{top:0;left:66.6667%}94%,96%{width:100%;top:33.3333%;left:33.3333%}}@keyframes box-6{0%,90%,to{top:66.6667%;left:0}2.5%,12.5%{top:33.3333%;left:0}15%,25%{top:0;left:0}27.5%,37.5%{top:0;left:33.3333%}40%,50%{top:0;left:66.6667%}52.5%,54.5%,60.5%,62.5%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}56.5%,58.5%{width:100%;top:33.3333%;left:33.3333%}65%,75%{top:66.6667%;left:66.6667%}77.5%,87.5%{top:66.6667%;left:33.3333%}}@keyframes box-7{0%,90%,to{top:66.6667%;left:33.3333%}2.5%,12.5%{top:66.6667%;left:0}15%,25%{top:33.3333%;left:0}27.5%,37.5%{top:0;left:0}40%,50%{top:0;left:33.3333%}52.5%,62.5%{top:0;left:66.6667%}65%,67%,73%,75%{width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}69%,71%{width:100%;top:33.3333%;left:33.3333%}77.5%,87.5%{top:66.6667%;left:66.6667%}}@keyframes box-8{0%,90%,to{top:66.6667%;left:66.6667%}2.5%,12.5%{top:66.6667%;left:33.3333%}15%,25%{top:66.6667%;left:0}27.5%,37.5%{top:33.3333%;left:0}40%,50%{top:0;left:0}52.5%,62.5%{top:0;left:33.3333%}65%,75%{top:0;left:66.6667%}77.5%,79.5%,85.5%,87.5%{border-radius:100%;width:calc(33.3333% - 16px);top:33.3333%;left:66.6667%}81.5%,83.5%{width:100%;top:33.3333%;left:33.3333%}}.box span{opacity:.8;z-index:5;display:block;position:absolute}.box:first-child span{top:43%;left:-27px;transform:translateY(-50%)}.box:nth-child(3) span{bottom:2px;left:-10px}.box:nth-child(4) span{top:50%;left:55%;transform:translate(-50%,-50%)}.box:nth-child(8) span{top:50%;left:15%;transform:translate(-50%,-50%)}.box .bg-img{border-radius:120px;position:absolute;top:0;left:0;overflow:hidden}.box .bg-img,.box .bg-img img{width:100%;height:100%}.box .bg-img img{object-fit:cover;object-position:center center;max-width:100%}.bg-line{z-index:-1;white-space:nowrap;width:50%;height:85px;display:-webkit-flex;position:absolute;top:0;right:0;overflow:hidden}.bg-line img{flex-shrink:0;animation:none;position:relative}.bg-line img:first-child{animation-name:first-text}.bg-line img:nth-child(2){animation-name:second-text}@keyframes first-text{50%{opacity:1;transform:translate(-100%)}50.05%{opacity:0}50.1%{opacity:1;transform:translate(100%)}to{transform:translate(0%)}}@keyframes second-text{50%{transform:translate(-100%)}to{transform:translate(-200%)}0%{transform:translate(0%)}}.bg-dash-circle{z-index:-1;aspect-ratio:1;width:180px;position:absolute;bottom:-35px;right:-13px}.bg-dash-circle img{object-fit:cover;object-position:center center;width:100%;height:100%;animation:18s linear infinite cirlce-rotate}@keyframes cirlce-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-circle-h-line{z-index:1;width:181px;height:111px;position:relative;bottom:42px;left:-68px}.bg-circle-h-line img{width:100%;max-width:100%;height:auto;position:absolute;left:0}.bg-circle-h-line img:first-child{animation:2.5s linear infinite top-ring-move;top:0}.bg-circle-h-line img:nth-child(2){top:50%;transform:translateY(-50%)}.bg-circle-h-line img:nth-child(3){animation:2.5s linear infinite bottom-ring-move;bottom:0}@keyframes top-ring-move{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes bottom-ring-move{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media screen and (min-width:1500px){.info-section{padding-left:120px}}@media screen and (min-width:1400px){.info-section{padding-left:100px}}@media screen and (max-width:1199px){.bg-line{height:68px}.right-part{width:400px;height:400px}.d-flex{gap:20px}.main-grid:before,.box{height:118px}.box{width:118px;font-size:12px}.left-part p{width:85%;font-size:14px;line-height:1.8}.left-part h1 .text{height:132px}.bg-dash-circle{width:130px}.bg-circle-h-line{width:156px;height:92px}.book-link{gap:24px;font-size:48px}.book-link .arrow{width:28px;height:28px}}@media screen and (max-width:767px){.info-section{padding:0;display:block}.bg-line{height:52px}.left-part{padding:40px 16px 60px}.right-part{width:334px;height:334px}.left-part h1 .text{height:88px}.left-part p{width:96%;font-size:12px}.main-grid:before,.box{height:96px}.box{width:96px;font-size:10px}.book-link .arrow{width:24px;height:24px}.book-link{gap:20px;margin-top:24px;font-size:42px}.bg-dash-circle{width:80px}.bg-circle-h-line{width:126px;height:65px}}.bg-line img,.bg-circle-h-line img,.bg-dash-circle img{filter:none}[data-theme=light] .bg-line img,[data-theme=light] .bg-circle-h-line img,[data-theme=light] .bg-dash-circle img{filter:invert()}[data-theme=cyber] .bg-line img,[data-theme=cyber] .bg-circle-h-line img,[data-theme=cyber] .bg-dash-circle img{filter:drop-shadow(0 0 10px var(--accent))}@media (min-width:768px){.info-section{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:10vh 2rem 10vh 3rem}.left-part p{font-size:16px}.right-part{margin:0 -14px 0 auto}}@media (prefers-reduced-motion:reduce){.box{animation:none!important}}