a{cursor:grab!important}a:hover{color:#8e8e8e!important;transition:none!important;cursor:grab!important}p{font-weight:400;line-height:1.6em}h1{font-size:clamp(80px,7.5vw,110px)!important;line-height:90%}h2{font-size:clamp(36px,6vw,72px)!important;line-height:110%}h3{font-size:clamp(22px,4.5vw,56px)!important;line-height:120%;letter-spacing:-0.56px}h4{font-size:clamp(22px,4vw,48px)!important;line-height:110%}.logoText{font-size:clamp(16px,3vw,30px)!important;line-height:120%}.logo{height:31px;width:auto}h5{font-size:clamp(20px,3.5vw,34px)!important;line-height:120%}.dynamic-break{margin-top:calc(0.8em)}.elongated-dash::before{content:"-";font-size:32px;letter-spacing:0.2em}.et-pb-controllers{left:2em;text-align:left;width:300px}.et-pb-controllers a{border-radius:4px;width:77px;height:4px}.project-filters{display:flex;flex-wrap:wrap;margin:0;margin-bottom:20px}.filter-button{border:none!important;background:none!important;padding:0;margin-right:8px;margin-bottom:2px;text-decoration:none!important;font-size:clamp(20px,3vw,34px)!important;line-height:120%;cursor:pointer;color:#919191;transition:color 0.3s ease}.filter-button.active,.filter-button:hover{color:inherit!important}.project-container{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;grid-column:span 12}.project-item{position:relative;opacity:1;visibility:visible;transition:opacity 0.8s ease-in-out,visibility 0.8s ease-in-out}.project-item a{text-decoration:none;color:inherit}.project-image{width:100%;position:relative;overflow:hidden;aspect-ratio:3 / 2}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-overlay{position:absolute;top:8px;right:8px;width:32px!important;height:32px!important;z-index:10;opacity:0;transition:opacity 0.3s ease-in-out}.project-item:hover .project-overlay{opacity:1}.project-info{margin-top:10px;text-align:left;margin-bottom:60px}.project-meta{align-items:left}.project-title{align-items:left}.alignTextLeft{text-align:left}.alignTextCenter{text-align:center}.logoText{display:flex;align-items:center;font-size:30px}.logoLine{width:53px;height:2px;background-color:black;margin:0;position:relative;top:25%}.grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;max-width:100vw;margin:0 auto;padding:0 40px}@media (max-width:800px){.grid-container{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.project-container{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-column:span 4}.project-info{margin-bottom:28px}}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.custom-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px;width:100%;max-width:1365px;margin:auto;align-items:center}.custom-col-header{display:flex;justify-content:center;align-items:center;text-align:center}.grid-left-header{grid-column:span 3;width:100%;min-width:min-content;white-space:nowrap;text-align:left;align-self:center}.grid-center-header{grid-column:span 7;display:flex;justify-content:center;align-self:center}.grid-right-header{grid-column:span 2;display:flex;justify-content:flex-end;align-self:center}.grid-center-header img{height:31px;width:auto}.grid-left-header .menu,.grid-left-header ul{display:flex;gap:35px;list-style:none;padding:0;margin:0}.grid-left-header .menu li a,.grid-left-header ul li a{text-decoration:none}.grid-left-header .menu li a:hover,.grid-left-header ul li a:hover{color:#878787!important}.grid-left-header .menu li.current-menu-item a,.grid-left-header .menu li.current_page_item a,.grid-left-header ul li.current-menu-item a,.grid-left-header ul li.current_page_item a{color:#878787!important}@media (max-width:980px){.mobile-nav-grid-container{display:grid;max-width:100vw;margin:0 auto;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.mobile-nav{display:none;position:absolute;top:70px;padding-top:60px;padding-bottom:30px;left:0px;width:100vw;background-color:var(--bg-color);transition:background-color 2.0s cubic-bezier(0.4,0,0.2,1);box-shadow:0px 0px;z-index:1000}.custom-menu-class{grid-column:3 / span 2;margin-bottom:30px}.mobile-nav.active{display:block}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav ul li{padding:0px;text-align:left}.mobile-nav ul li:last-child{border-bottom:none}.mobile-nav ul li a{display:block;text-decoration:none;color:inherit;padding:0px}.mobile-nav ul li a:hover{color:#878787!important}.mobile-nav ul li.current-menu-item a,.mobile-nav ul li.current_page_item a{color:#878787!important}.mobile-right-header{grid-area:switch;justify-content:flex-end;margin-top:10px}.mobile-header::before{content:"";grid-column:span 2;grid-row:1;height:auto;flex-grow:1}.mobile-left-header img{height:18;width:auto}.theme-switch-wrapper{grid-column:1 / span 2;align-items:flex-start}.language-toggle{grid-column:3 / span 2}}.portfolio-image-box{grid-column:2 / span 10;width:100%}.portfolio-image-text{grid-column:2 / span 10;display:flex;justify-content:left;align-items:left;width:100%}@media (max-width:800px){.portfolio-image-box{grid-column:1 / span 4}.portfolio-image-text{grid-column:1 / span 4}}.image-wrapper{position:relative;display:inline-block;width:100%}.image-container32{width:100%;aspect-ratio:3 / 2;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container32::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.9s cubic-bezier(0.25,0.1,0.25,1.0)}.image-container32:hover::before{transform:scale(1.03)}.image-container32-static{width:100%;aspect-ratio:3 / 2;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container32-static::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 0.9s cubic-bezier(0.25,0.1,0.25,1.0)}.full-clickable-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.portfolio-image-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center}.portfolio-image-overlay-title{color:white;font-size:clamp(40px,8vw,110px);line-height:90%;letter-spacing:-1%;margin:0}.portfolio-read-link{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);color:white!important;font-size:22px;line-height:140%;letter-spacing:-1%;text-decoration:none;transition:background 0.9s cubic-bezier(0.25,0.1,0.25,1.0)}.portfolio-read-link:hover{}.header-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;max-width:100%;margin:0 auto;padding:0 40px;contain:layout style}.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;max-width:100%;margin:0 auto;padding:0 40px;contain:layout style}.footer-studio{grid-column:span 2}.footer-contact{grid-column:span 2}.footer-social{grid-column:span 2}.footer-studio-details{grid-column:span 2}.footer-privacy-policy{grid-column:span 2}.FooterLogo{background-image:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/04/GDN_G_Logo_BW.svg');background-size:contain;background-repeat:no-repeat;background-position:center;width:173px;height:173px}.footer-col{display:flex;flex-direction:column}.footer-col-image{grid-column:12 / span 1;justify-self:end}.footer-col img{width:100%;height:auto;display:block}@media (max-width:800px){.footer-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.FooterLogo{width:133px;height:133px}.studio{grid-column:1 / 3}.footer-contact{grid-column:3 / 5}.footer-social{grid-column:1 / 3;margin-top:12px}.footer-col-image{grid-column:3 / 5;text-align:right;align-self:start}.footer-logo{grid-column:3 / 5;text-align:right;align-self:start}.footer-bottom{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-top:24px}.footer-studio-details{grid-column:1 / 3}.footer-privacy-policy{grid-column:3 / 5}}.portfolioTitleSingle{grid-column:4 / span 7}.singleProjectTitle{grid-column:4 / span 7}.singleProjectMainHeading{grid-column:3 / span 8}.containerCredit{grid-column:1 / span 2}@media (max-width:800px){.singleProjectTitle{grid-column:1 / span 3}.singleProjectMainHeading{grid-column:1 / span 4}.containerCredit{grid-column:2 / span 2}}.gallery-container{display:grid;grid-template-columns:repeat(24,1fr);gap:16px;max-width:100vw;margin:0 auto;padding:0 40px}.gallery-col-span-8{grid-column:5 / span 16}.gallery-col-span-5{grid-column:8 / span 10}.gallery-item{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:80px}@media (max-width:480px){.gallery-container{grid-template-columns:repeat(8,1fr)}.gallery-col-span-8{grid-column:2 / span 6}.gallery-col-span-5{grid-column:3 / span 4}}#project-list{position:relative}.project-item{opacity:1;transform:translateY(0);transition:opacity 0.9s cubic-bezier(0.25,0.1,0.25,1.0),transform 0.9s cubic-bezier(0.25,0.1,0.25,1.0)}.hidden-project{display:none}.project-item.show{opacity:1;transform:translateY(0)}.gallery-item img{width:100%;height:auto;object-fit:cover}.contact-map{grid-column:1 / span 8;position:relative;left:calc((100vw - 100%) / -2);width:calc(100% + (100vw - 100%)/2);max-width:none;display:block;aspect-ratio:3/2;padding-bottom:66.66%;position:relative;overflow:hidden}.contact-map iframe{width:100%;height:400px;border:none}.contact-address{grid-column:9 / span 4;display:flex;flex-direction:column;justify-content:top}.map-image{width:100%;height:auto;display:block;transition:transform 0.9s cubic-bezier(0.25,0.1,0.25,1.0)}.contact-map:hover .map-image{transform:scale(1.05)}.contact-info{grid-column:9 / span 4;display:flex;flex-direction:column;justify-content:top}.underline-link{text-decoration:underline}.underline-link:hover{text-decoration:underline}.speedy-transition{transition:all 0.3s ease}.contact-image-1{grid-column:2 / span 4}.contact-image-2{grid-column:8 / span 5;position:relative;right:0px;width:calc(100% + 40px)}.contact-grid-item img{width:100%;height:auto;display:block}@media (max-width:800px){.contact-map{grid-column:1 / 5;left:-20px;width:100%}.contact-map iframe{height:300px}.contact-info{grid-column:1 / 5;text-align:left;margin-top:20px}.contact-image-1{grid-column:1 / span 2;margin-left:20px;margin-right:20px}.contact-image-2{grid-column:3 / span 5;position:relative;right:0px;width:calc(100% + 20px)}}.menu-text-column{grid-column:1 / 5;display:flex;flex-direction:column}.menu-text-column h4{margin-top:0;margin-bottom:0;padding:0}.menu-text-item{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-decoration:none;color:inherit;margin-bottom:2px;transition:color 0.3s ease}.menu-text-item .number{grid-column:1 / 2;text-align:left}.menu-text-item .label{grid-column:2 / 5;text-align:left}.menu-text-item:hover,.menu-text-item:hover .number,.menu-text-item:hover .label{color:#878787}.menu-image-column{grid-column:6 / span 7;position:relative;right:0px;width:calc(100% + (100vw - 100%)/2);max-width:none;display:block;aspect-ratio:3/2;padding-bottom:66.66%;position:relative;overflow:hidden}.menu-image-column img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width:800px){.menu-text-item .number{grid-column:1 / 1;text-align:left}.menu-text-item .label{grid-column:2 / 4;text-align:left}.menu-image-column{grid-column:2 / span 3}}.about-left-col{grid-column:1 / span 2;display:flex;align-items:center;justify-content:flex-start}.about-right-col{grid-column:6 / span 6;display:flex;align-items:center;justify-content:flex-start}.team-card{grid-column:span 4;display:flex;flex-direction:column}.team-image{width:100%;display:block}.team-iconimage{width:24px;height:24px;object-fit:contain;transition:color 0.3s ease}[data-theme="dark"] .team-iconimage{filter:invert(1)}.team-details{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px}.team-details-text{text-align:left}.team-details-image-wrapper{width:100%;aspect-ratio:3 / 2;overflow:hidden}.team-details-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.team-details-icons{display:flex;gap:10px}.team-details-icons .icon{width:24px;height:24px;display:block}@media (max-width:800px){.about-left-col{grid-column:1 / span 4}.about-right-col{grid-column:2 / span 3;margin-bottom:24px}.team-card{margin-bottom:48px}.team-card:last-child{margin-bottom:0}}.services-accordion{width:100%;margin:0 auto;border-radius:4px;overflow:hidden}.services-accordion-item{border-bottom:1px solid #919191}.services-accordion-title h5{margin:0;padding:0;transition:color 0.3s ease;color:inherit}.services-accordion-toggle{display:none}.services-accordion-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px;padding-left:0;transition:background 0.3s ease}.services-accordion-header::after{content:"";display:inline-block;width:32px;height:32px;background:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/02/ArrowsDownB.png') no-repeat center;background-size:contain;transition:background-image 0.3s ease}[data-theme="dark"] .services-accordion-header::after{background:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/02/ArrowsDownW.png') no-repeat center}.services-accordion-header:hover .services-accordion-title h5{color:#919191!important}.services-accordion-header:hover::after{background-image:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/02/ArrowsDownG.png')}@media (max-width:800px){.services-accordion-header::after{content:"";display:inline-block;width:24px;height:24px;background:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/04/ArrowsDownB_mobile.png') no-repeat center;background-size:contain;transition:background-image 0.3s ease}[data-theme="dark"] .services-accordion-header::after{background:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/04/ArrowsDownW_mobile.png') no-repeat center}.services-accordion-header:hover .services-accordion-title h5{color:#919191!important}.services-accordion-header:hover::after{background-image:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/04/ArrowsDownG_mobile.png')}}.services-accordion-toggle:checked~.services-accordion-header{color:#919191!important}.services-accordion-toggle:checked~.services-accordion-header::after{background-image:url('https://gradation.theworldwidewebster.com/wp-content/uploads/2025/02/ArrowsUpG.png')}.services-accordion-toggle:checked~.services-accordion-header .services-accordion-title h5{color:#919191!important}.services-accordion-icon{width:32px;height:32px;display:block}.services-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.4,1),padding 0.5s cubic-bezier(0.4,0,0.4,1);padding:0 15px}.services-accordion-toggle:checked~.services-accordion-content{max-height:500px;padding:15px}.services-accordion-content p{margin:0;line-height:1.5}.collaboration-project{display:flex;flex-direction:column}.collaboration-project{display:flex;flex-direction:column}.collaboration-project.layout1{grid-column:2 / span 4}.collaboration-project.layout2{grid-column:8 / span 5;right:0px;width:calc(100% + (100vw - 100%)/2);max-width:none}.collaboration-project-container{position:relative;width:100%;overflow:hidden}.collaboration-project-image-container{position:relative;width:100%;overflow:hidden;padding-bottom:66.66%}.collaboration-project-image-container img{position:absolute;width:100%;height:100%!important;object-fit:cover}.collaboration-project-title{text-align:left;width:100%;opacity:0;transition:opacity 0.3s ease;position:relative;margin-top:16px}.collaboration-project-container:hover+.collaboration-project-title{opacity:1}.collaboration-project.layout1 img.portrait,.collaboration-project.layout2 img.portrait{aspect-ratio:2 / 3}.collaboration-project-container a img{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.collaboration-project-container a:hover img{transform:scale(1.05)}.collaboration-project-container.layout1,.collaboration-project-container.layout2{grid-row:1}.collaboration-project-title.layout1,.collaboration-project-title.layout2{grid-row:2}@media (max-width:800px){.collaboration-project.layout1{grid-column:1 / span 2}.collaboration-project.layout2{grid-column:3 / span 2;right:0px;width:calc(100% + (100vw - 100%)/2);max-width:none}}.svg-row{grid-column:1 / -1;display:flex;justify-content:space-evenly;align-items:center;height:148px}@media (max-width:800px){.svg-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:auto}}.svg-icon{height:64px;width:auto;margin:0 10px}.studio-section-separator{grid-column:6 / span 6;border-bottom:1px solid #919191}@media (max-width:800px){.studio-section-separator{grid-column:1 / span 4;border-bottom:0}}.home-project{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:auto;overflow:hidden}.home-project.layout-one{grid-column:1 / span 9;position:relative;left:calc((100vw - 100%) / -2);width:calc(100% + (100vw - 100%)/2);max-width:none;display:block;aspect-ratio:3/2;padding-bottom:66.66%;position:relative;overflow:hidden}.home-project.layout-two{grid-column:4 / span 9;position:relative;right:0px;width:calc(100% + (100vw - 100%)/2);max-width:none;display:block;aspect-ratio:3/2;padding-bottom:66.66%;position:relative;overflow:hidden}.home-project.layout-three{grid-column:2 / span 5;max-width:none;display:block;aspect-ratio:3/2;padding-bottom:66.66%;position:relative;overflow:hidden}.home-project.layout-one img.portrait,.home-project.layout-two img.portrait,.home-project.layout-three img.portrait{aspect-ratio:2 / 3}.home-project.layout-one img,.home-project.layout-two img,.home-project.layout-three img{width:100%;height:auto;object-fit:cover}.home-project a img{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.home-project a:hover img{transform:scale(1.05)}.home-image-container{position:relative;width:100%;overflow:hidden;padding-bottom:66.66%}.home-image-container img{position:absolute;width:100%;height:100%!important;object-fit:cover;/}.home-project-title{text-align:left;width:100%;opacity:0;transition:opacity 0.3s ease;position:relative}.home-project-title.layout-one{grid-column:1 / span 9}.home-project-title.layout-two{grid-column:4 / span 9}.home-project-title.layout-three{grid-column:2 / span 5}.home-project:hover+.home-project-title{opacity:1}@media (max-width:800px){.home-project.layout-one,.home-project-title.layout-one{grid-column:1 / span 4}.home-project.layout-two,.home-project-title.layout-two{grid-column:3 / span 2}.home-project.layout-three,.home-project-title.layout-three{grid-column:1 / span 3}}.home_topspacer{height:128px}.home_spacer{height:156px}.home_bottomspacer{height:156px}.portfolio_topspacer{height:156px}.studio_spacer{margin-top:128px}.footer_spacer{margin-top:128px}@media (max-width:980px){.home_topspacer{height:10px}.portfolio_topspacer{height:80px}.studio_spacer{margin-top:64px}.home_spacer{height:64px}.home_bottomspacer{height:80px}.footer_spacer{margin-top:80px}}.mobile-header{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;min-height:70px;align-items:center;background-color:var(--bg-color)!important;transition:background-color 2.0s cubic-bezier(0.4,0,0.2,1)!important}.mobile-left-header{grid-column:1 / span 3;justify-self:start;align-self:center}.mobile-menu-header{grid-column:4;display:flex;justify-content:flex-end;align-items:center}.mobile-menu-text{font-size:18px}.mobile-logo img{height:18px;width:auto;display:block}.footer a,.footer a:link,.footer a:visited,.footer a:hover,.footer a:active,.footer a:focus{cursor:grab!important;-webkit-cursor:grab!important;-moz-cursor:grab!important}.clickable-image{width:100%;transition:all 0.3s ease}.clicked{filter:brightness(50%)}