:root{--inter:'Inter', sans-serif;--playfair:'Playfair Display', serif;--white:#F5F5F5;--black:#161818;--highlightColor:#12C65B;--lightBgColor:#F0F0F1}#caseTemplate *{font-family:var(--inter)}#caseTemplate h1,#caseTemplate h2,#caseTemplate h3,#caseTemplate h4{color:var(--white);margin:0}#caseTemplate h1 span,#caseTemplate h2 span,#caseTemplate h3 span,#caseTemplate h4 span{font-family:var(--playfair);font-style:italic;font-weight:900}.caseTemplate-hero,.caseTemplate-video-grid,.caseTemplate-our-results,.caseTemplate-more-cases{padding:clamp(20px, 5%, 75px)}.caseTemplate-hero-text-section,.caseTemplate-title-and-text-grid{padding:120px clamp(20px, 5%, 75px)}#caseTemplate h1{font-size:48px;margin:30px 0 0}.caseTemplate-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-image:url("/assets/case-studies/sungboon-editor/hero.jpg");background-position:center}.caseTemplate-hero .caseTemplate-hero-logo{max-width:500px}#caseTemplate h2.case-studies-title{color:var(--highlightColor);text-align:center;font-size:52px;font-family:var(--playfair);font-style:italic;font-weight:900;line-height:1;margin:0 0 20px}.caseTemplate-image-banners{display:grid;grid-template-columns:50% 50%;align-items:stretch}.caseTemplate-image-banner-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.caseTemplate-image-banner-wrapper img{display:block;height:100%;object-fit:cover;object-position:center}.caseTemplate-hero-text-section p{font-size:34px;text-align:center;max-width:40ch;margin:0 auto}#caseTemplate .caseTemplate-hero-text-section p span{font-family:var(--playfair);font-style:italic;font-weight:900;color:var(--highlightColor);font-size:33px;display:inline-block;transform:translateY(1px)}.caseTemplate-title-and-text-grid-paragraphs{display:grid;grid-template-columns:1fr 1fr;row-gap:55px;column-gap:100px}#caseTemplate .caseTemplate-title-and-text-grid .case-studies-title{margin:0 0 60px}.caseTemplate-title-and-text-grid-paragraphs p{text-align:center;font-size:26px;max-width:45ch;margin:0 auto}.caseTemplate-title-and-text-grid-paragraphs p span{font-family:var(--playfair)!important;font-style:italic;font-weight:900;color:var(--highlightColor)}.caseTemplate-more-cases{background-color:var(--black)}.caseTemplate-more-cases .case-studies-title{margin:0 0 90px!important}.caseTemplate-more-cases-grid{display:grid;grid-template-columns:repeat(3,33.3%);column-gap:15px}.caseTemplate-more-cases-grid-item{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:16 / 10;padding:5%;background-position:center center;background-size:cover}.caseTemplate-more-cases-grid-item .logo{width:66%;max-width:250px;position:relative;z-index:10}.caseTemplate-our-results{background-color:var(--black);margin-bottom:-2px}.caseTemplate-our-results .case-studies-title{position:relative}.caseTemplate-our-results .case-studies-title::after{content:'';position:absolute;bottom:-35px;left:50%;transform:translate(-50%);height:3px;width:3ch;background-color:var(--white)}.caseTemplate-our-results .case-studies-title:not(span){font-family:var(--inter)!important;color:#f5f5f5!important;font-style:normal!important}.caseTemplate-our-results .case-studies-title span{color:var(--highlightColor)}.caseTemplate-our-results-items{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;row-gap:50px;margin:120px 0}.caseTemplate-our-results-item{text-align:center;flex-basis:33.3%}.caseTemplate-our-results-item-img{height:90px;margin:0 auto 16px}.caseTemplate-our-results-item-img img{display:block;height:100%;width:auto;margin:0 auto}.caseTemplate-our-results-item:nth-child(1),.caseTemplate-our-results-item:nth-child(2){margin:0 2.5%}.caseTemplate-our-results-item h3{font-size:58px}.caseTemplate-our-results-item p{font-size:32px;margin:0;color:#F5F5F5}.caseTemplate-our-results-cta{text-align:center}.caseTemplate-our-results-cta h3{font-size:60px}.caseTemplate-our-results-cta a{font-size:36px;font-weight:700;background-color:var(--highlightColor);color:var(--white);padding:12px 48px;display:inline-block;margin:25px 0 0}.caseTemplate-full-width-video,.caseTemplate-video-grid-video{position:relative;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:auto;background:var(--black)}.caseTemplate-full-width-video iframe,.caseTemplate-full-width-video object,.caseTemplate-full-width-video embed,.caseTemplate-video-grid-video iframe,.caseTemplate-video-grid-video object,.caseTemplate-video-grid-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.caseTemplate-video-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2%;background-color:var(--black);margin-bottom:-2px}.caseTemplate-video-grid-item{width:32%;flex-basis:32%}.caseTemplate-video-grid-video{padding-bottom:0;aspect-ratio:9 / 16;max-height:90vh;margin:0 auto}#caseTemplate .caseTemplate-video-grid-item h3{font-size:clamp(13px, 300%, 36px);text-align:center;text-transform:uppercase;margin:25px 0 0}.caseTemplate-more-cases .case-studies-title{position:relative}.caseTemplate-more-cases .case-studies-title::after{content:'';position:absolute;top:-35px;left:50%;transform:translate(-50%);height:3px;width:4.5ch;background-color:var(--white)}@media (max-width:1200px){#caseTemplate h1{margin:30px 0 0;text-align:center;font-size:26px;max-width:16ch}.caseTemplate-hero{min-height:unset;background-image:url("/assets/case-studies/sungboon-editor/hero-mobile.jpg");background-position:center;padding:16% 5%}.caseTemplate-hero .caseTemplate-hero-logo{width:55%;margin:35px 0 0}.caseTemplate-hero-text-section,.caseTemplate-title-and-text-grid{padding:70px clamp(20px, 5%, 75px)}#caseTemplate h2.case-studies-title{font-size:36px}.caseTemplate-hero-text-section p{font-size:24px}#caseTemplate .caseTemplate-hero-text-section p span{font-size:25px}.caseTemplate-image-banner-wrapper{aspect-ratio:4 / 3.5}.caseTemplate-title-and-text-grid-paragraphs{grid-template-columns:1fr}.caseTemplate-title-and-text-grid-paragraphs p{font-size:18px;position:relative}.caseTemplate-title-and-text-grid-paragraphs p:after{content:'';height:1px;width:5ch;background-color:var(--black);position:absolute;bottom:-27.5px;left:50%;transform:translateX(-50%)}.caseTemplate-title-and-text-grid-paragraphs p:last-of-type:after{content:none}.caseTemplate-video-grid{flex-wrap:nowrap;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.caseTemplate-video-grid::-webkit-scrollbar{display:none}.caseTemplate-video-grid-item{width:50%;flex-basis:50%;flex:0 0 auto;scroll-snap-align:start;padding:0 0 0 5%}#caseTemplate .caseTemplate-video-grid-item h3{font-size:clamp(13px, 124%, 36px)}.caseTemplate-video-grid-video{height:auto}.caseTemplate-our-results-items{align-items:flex-start;row-gap:60px;margin:120px auto 60px}.caseTemplate-our-results-item{flex-basis:48%}.caseTemplate-our-results-item h3{font-size:32px}.caseTemplate-our-results-item p{font-size:18px}.caseTemplate-our-results-item:nth-child(1),.caseTemplate-our-results-item:nth-child(2){margin:0}.caseTemplate-our-results-item .caseTemplate-our-results-item-img{max-width:unset;width:72px;height:72px;display:flex;justify-content:center;align-items:center}.caseTemplate-our-results-item .caseTemplate-our-results-item-img img{max-width:unset;width:auto;height:72px}.caseTemplate-our-results{padding:50px clamp(20px, 5%, 75px)}.caseTemplate-our-results-cta{margin:0 0 10px}.caseTemplate-our-results-cta h3{font-size:32px}.caseTemplate-our-results-cta a{font-size:24px}#caseTemplate .caseTemplate-more-cases h2.case-studies-title{font-size:24px;margin:0 0 40px!important}.caseTemplate-more-cases-grid{grid-template-columns:100%;row-gap:25px}}@media (min-width:767px) and (max-width:1200px){.caseTemplate-more-cases-grid{grid-template-columns:repeat(3,1fr)}.caseTemplate-our-results-item .caseTemplate-our-results-item-img{width:90px;height:90px}.caseTemplate-our-results-item .caseTemplate-our-results-item-img img{height:90px}.caseTemplate-our-results-item h3{font-size:48px}.caseTemplate-our-results-item p{font-size:32px}#caseTemplate h2.case-studies-title{font-size:48px}#caseTemplate h1{font-size:44px}.caseTemplate-our-results-cta h3{font-size:56px}.caseTemplate-our-results-cta a{font-size:36px}#caseTemplate .caseTemplate-more-cases h2.case-studies-title{font-size:44px}.caseTemplate-hero-text-section p{font-size:32px}#caseTemplate .caseTemplate-hero-text-section p span{font-size:33px}.caseTemplate-title-and-text-grid-paragraphs p{font-size:28px}#caseTemplate .caseTemplate-video-grid-item h3{font-size:clamp(13px, 220%, 36px)}}@media (max-width:359px){#caseTemplate .caseTemplate-video-grid-item h3{font-size:clamp(10px, 108%, 36px)}}/* text results (deliverables) need a smaller heading than numbers */
#caseTemplate .caseTemplate-our-results-item h3{font-size:clamp(24px,3vw,40px);line-height:1.15}