:root{--white:#fff;--black:#000;--light-gray:#f5f5f5;--transparent:transparent}body,html{padding:0;margin:0}a:focus{outline:none!important}*{box-sizing:border-box}.verticle--scroll--section{position:relative;width:calc(100vw - 9px);left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;z-index:997;padding:0 15px}.portfolio--section{padding:0 0}.grid--item{outline:none!important}.portfolio--section .portfolio--inner{position:relative;height:100%;width:100%;overflow:hidden}.verticle--scroll--section .portfolio--title--main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.portfolio--title--main h2{font-size:clamp(50px, 13vw, 250px);color:var(--light-gray)}.portfolio--grid{position:relative;width:100%;height:100%;top:0%;left:0%;display:grid;grid-template-columns:repeat(50,2%);perspective:1000px}.grid--inactive{pointer-events:none}.item-details{will-change:transform}.grid--item{grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;will-change:transform}.grid--item:nth-child(2n+2){grid-area:var(--grid-row)/var(--grid-column)/span 10/span 6}.grid--item,.grid__item-img{position:relative;will-change:transform;max-height:230px;display:inline-table}.grid--item img{width:100%;height:100%;background-size:cover;background-position:50% 50%}.char{will-change:transform}.pos-1{--grid-row:5;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:3;--grid-column:28}.pos-4{--grid-row:12;--grid-column:12}.pos-5{--grid-row:13;--grid-column:22}.pos-6{--grid-row:14;--grid-column:44}.pos-7{--grid-row:24;--grid-column:4}.pos-8{--grid-row:23;--grid-column:13}.pos-9{--grid-row:16;--grid-column:30}.pos-10{--grid-row:22;--grid-column:36}.pos-11{--grid-row:4;--grid-column:46}.pos-12{--grid-row:23;--grid-column:23}.pos-13{--grid-row:15;--grid-column:3}.pos-14{--grid-row:5;--grid-column:36}.pos-15{--grid-row:2;--grid-column:9}.pos-16{--grid-row:25;--grid-column:45}.pos-17{--grid-row:50;--grid-column:2}.pos-18{--grid-row:56;--grid-column:10}.pos-19{--grid-row:54;--grid-column:20}.pos-20{--grid-row:52;--grid-column:28}.pos-21{--grid-row:46;--grid-column:35}.pos-22{--grid-row:54;--grid-column:42}.pos-23{--grid-row:66;--grid-column:3}.pos-24{--grid-row:70;--grid-column:12}.pos-25{--grid-row:70;--grid-column:22}.pos-26{--grid-row:72;--grid-column:29}.pos-27{--grid-row:69;--grid-column:45}.pos-28{--grid-row:66;--grid-column:36}.pos-29{--grid-row:79;--grid-column:1}.pos-30{--grid-row:82;--grid-column:9}.pos-31{--grid-row:85;--grid-column:20}.pos-32{--grid-row:86;--grid-column:29}.pos-33{--grid-row:81;--grid-column:38}.pos-34{--grid-row:83;--grid-column:45}.pos-35{--grid-row:95;--grid-column:3}.pos-36{--grid-row:98;--grid-column:12}.pos-37{--grid-row:100;--grid-column:22}.pos-38{--grid-row:102;--grid-column:31}.pos-39{--grid-row:98;--grid-column:41}.pos-40{--grid-row:110;--grid-column:2}.pos-41{--grid-row:111;--grid-column:11}.pos-42{--grid-row:113;--grid-column:20}.pos-43{--grid-row:116;--grid-column:30}.pos-44{--grid-row:112;--grid-column:42}.pos-45{--grid-row:125;--grid-column:1}.pos-46{--grid-row:123;--grid-column:10}.pos-47{--grid-row:127;--grid-column:19}.pos-48{--grid-row:129;--grid-column:28}.pos-49{--grid-row:126;--grid-column:38}.pos-50{--grid-row:130;--grid-column:45}.pos-51{--grid-row:138;--grid-column:4}.pos-52{--grid-row:139;--grid-column:14}.pos-53{--grid-row:143;--grid-column:24}.pos-54{--grid-row:142;--grid-column:35}.pos-55{--grid-row:145;--grid-column:45}.pos-56{--grid-row:150;--grid-column:1}.pos-57{--grid-row:153;--grid-column:12}.pos-58{--grid-row:156;--grid-column:22}.pos-59{--grid-row:154;--grid-column:33}.pos-60{--grid-row:158;--grid-column:42}.pos-61{--grid-row:154;--grid-column:2}.pos-62{--grid-row:166;--grid-column:2}.pos-63{--grid-row:154;--grid-column:2}.pos-64{--grid-row:164;--grid-column:10}.pos-65{--grid-row:169;--grid-column:19}.pos-66{--grid-row:168;--grid-column:26}.pos-67{--grid-row:169;--grid-column:36}.pos-68{--grid-row:172;--grid-column:43}.pos-69{--grid-row:180;--grid-column:1}.pos-70{--grid-row:181;--grid-column:11}.pos-71{--grid-row:183;--grid-column:21}.pos-72{--grid-row:180;--grid-column:31}.pos-73{--grid-row:187;--grid-column:42}.pos-74{--grid-row:199;--grid-column:4}.pos-75{--grid-row:202;--grid-column:14}.pos-76{--grid-row:199;--grid-column:23}.pos-77{--grid-row:212;--grid-column:20}.pos-78{--grid-row:208;--grid-column:32}.pos-79{--grid-row:205;--grid-column:45}.pos-80{--grid-row:215;--grid-column:2}.pos-81{--grid-row:216;--grid-column:12}.pos-82{--grid-row:224;--grid-column:23}.pos-83{--grid-row:222;--grid-column:35}.pos-84{--grid-row:218;--grid-column:43}.pos-85{--grid-row:230;--grid-column:4}.pos-86{--grid-row:232;--grid-column:14}.pos-87{--grid-row:236;--grid-column:33}.pos-88{--grid-row:234;--grid-column:45}.pos-89{--grid-row:243;--grid-column:2}.pos-90{--grid-row:246;--grid-column:10}.pos-91{--grid-row:245;--grid-column:19}.pos-92{--grid-row:248;--grid-column:27}.pos-93{--grid-row:246;--grid-column:37}.pos-94{--grid-row:250;--grid-column:44}.pos-95{--grid-row:254;--grid-column:1}.pos-96{--grid-row:259;--grid-column:11}.pos-97{--grid-row:259;--grid-column:20}.pos-98{--grid-row:262;--grid-column:28}.pos-99{--grid-row:259;--grid-column:37}.pos-100{--grid-row:267;--grid-column:2}.pos-101{--grid-row:274;--grid-column:12}.pos-102{--grid-row:271;--grid-column:20}.pos-103{--grid-row:276;--grid-column:30}.portfolio--details{background-color:#fff0;;height:100vh;position:fixed;top:0;left:0;z-index:1;width:100%;display:flex;align-items:flex-start;justify-content:center;transform:scale(0);overflow-y:auto}.portfolio--details::-webkit-scrollbar{width:0}.portfolio--details::-webkit-scrollbar-track{background:var(--light-gray)}.portfolio--details::-webkit-scrollbar-thumb{background:#bebdbd}.portfolio--details::-webkit-scrollbar-thumb:hover{background:#555}.protfolio--details--wrapper{max-width:1400px;width:100%;margin:0 auto;position:relative;padding:3vh 15px 20px;height:100%}.portfolio--details--inner{display:flex;gap:30px}.portfolio--details--inner .portfolio--title h2{font-size:clamp(30px, 6vw, 89px);text-align:right;color:var(--black);line-height:1.1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0px!important}.portfolio--details--inner>div:nth-child(odd){width:30%;flex-basis:30%}.portfolio--details--inner>div:nth-child(even){width:40%;flex-basis:40%;align-self:flex-start;display:flex;align-items:center}.portfolio--details--inner .portfolio--thumbnuil .img--thumbnuil img{width:100%}.portfolio--content{align-self:flex-end;padding-bottom:30px}.portfolio--content p{font-size:clamp(16px, 2vw, 25px);line-height:1.4;font-weight:300;color:var(--black);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0px!important}.portfolio--thumbnuil{position:relative}.portfolio--thumbnuil .view--more{background-color:var(--light-gray);width:22vh;height:22vh;margin:0 auto;border-radius:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:-11vh}.portfolio--thumbnuil .view--more::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--white);z-index:-1;border-radius:50%;transform:scale(0);transition:transform 0.2s}.portfolio--thumbnuil .view--more:hover:before{transform:scale(1)}.portfolio--thumbnuil .view--more a{font-size:min(25px, 3vh);text-decoration:none;color:var(--black);width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.circle--wrapper{height:100vh;overflow:hidden;width:100%;position:fixed;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(0)}.circle--scale--animation{position:fixed;left:50%;top:50%;z-index:1;background-color:var(--light-gray);transform:translate(-50%,-50%) scale(0);width:300px;height:300px;border-radius:50%}.back--to--button{width:max-content;padding:2rem 0;cursor:pointer}.back--to--button img{position:relative;animation:rotate 10s infinite}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.hidden_section{height:100vh;overflow:hidden}.body--height{overflow:hidden;height:100vh!important}@media (max-width:1200px){.portfolio--thumbnuil .view--more{bottom:-70px;width:150px;height:150px}.portfolio--thumbnuil .view--more a{font-size:20px}}@media (max-width:767px){.portfolio--title--main h2{color:var(--black)}.portfolio--grid{display:flex;flex-wrap:nowrap}.portfolio--grid .grid--item{flex-basis:200px;min-width:200px;max-height:100%}.verticle--scroll--section .portfolio--title--main{position:relative;top:auto;left:auto;transform:none;padding:30px 0}.portfolio--title--main h2{margin:0;text-align:center}.verticle--scroll--section .pin-spacer{overflow:hidden!important}.portfolio--details--inner{flex-direction:column;align-items:center}.portfolio--details--inner>div:nth-child(odd){width:100%;flex-basis:100%}.portfolio--details--inner .portfolio--title h2{text-align:center;margin:5px 0}.portfolio--details--inner>div:nth-child(even){width:100%;flex-basis:100%}.portfolio--details--inner .portfolio--thumbnuil .img--thumbnuil{text-align:center}.portfolio--details--inner .portfolio--thumbnuil .img--thumbnuil img{max-width:450px}.portfolio--thumbnuil .view--more{bottom:-50px;width:100px;height:100px}.portfolio--thumbnuil .view--more a{font-size:16px}.back--to--button img{width:40px}.back--to--button{padding:1.3rem 0}.item-details{padding:10px}.grid--item img{height:200px;object-fit:cover}.portfolio--details::-webkit-scrollbar{width:0}.portfolio--details--inner{padding-bottom:80px}}.my-div{width:53vh;height:65vh;margin:auto;max-width:100%;overflow:hidden}.manage_height_for_p p::-webkit-scrollbar{width:4px}.manage_height_for_p p::-webkit-scrollbar-track{background:var(--light-gray)}.manage_height_for_p p::-webkit-scrollbar-thumb{background:#bebdbd}.manage_height_for_p p::-webkit-scrollbar-thumb:hover{background:#555}.portfolio--des--contentWrapper{position:relative}.portfolio--des--contentWrapper:before{content:"Work";font-size:clamp(40px, 7vw, 10vw);text-align:right;color:var(--black);position:absolute;width:100%;height:100%;font-family:"ogg",Sans-serif;font-weight:300;display:flex;align-items:center;justify-content:center;opacity:.05;filter:contrast(.5);padding-top:100px}.portfolio--des--contentWrapper *{position:relative}.portfolio--des--content ul li{position:relative;list-style:none;margin-bottom:15px;padding-left:35px}.portfolio--des--content ul li:before{content:"";width:8px;height:8px;background-color:#555;display:inline-block;position:absolute;border-radius:50%;top:11px;left:10px;transition:ease 0.5s all}.portfolio--des--content ul{padding:0;margin:0}.portfolio--des--content ul li:hover:before{animation:mymove 1s infinite alternate}@keyframes mymove{from{scale:1;opacity:1}to{scale:3;opacity:.3}}.singlePortfolioHr{position:relative;padding-top:150px}.singlePortfolioHr:before{content:"";width:20px;height:2px;background-color:#ccc;position:absolute;display:block;top:0;margin:0 auto;left:0;right:0;animation:portfolioSingleHr 2s infinite alternate}.singlePortfolioHr:after{content:"Next";width:60px;height:auto;background-color:#fff;color:#000;position:absolute;display:block;top:-16px;margin:0 auto;left:0;right:0;text-align:center}@keyframes portfolioSingleHr{from{width:2px}to{width:100%;opacity:.1}}@media (max-width:1300px) and (min-width:992px){.my-div{width:440px;height:550px}.portfolio--details--inner>div:nth-child(even){width:440px;flex-basis:440px}.portfolio--details--inner>div:nth-child(odd){width:calc((100% / 2) - 440px)}}@media (max-width:991px){.my-div{width:420px;height:510px}.portfolio--details--inner{flex-direction:column}.portfolio--details--inner .portfolio--title h2{text-align:center;height:auto;line-height:initial}.portfolio--details--inner>div:nth-child(even){width:100%;flex-basis:100%;margin-bottom:80px}.portfolio--details--inner>div{min-width:100%;text-align:center}}@media (max-width:767px){.pin-spacer{overflow:hidden!important}.portfolio--details--inner>div:nth-child(even){margin-bottom:50px}.protfolio--details--wrapper{padding:20px 15px 20px}.portfolio--section .portfolio--inner{height:auto}}@media (max-width:550px){.my-div{width:280px;height:340px}}