.webdesigner-page-study-section{background-color:#faf9fa;display:flex;justify-content:center}.section-3,.section-3 *{box-sizing:border-box}.section-3{padding:128px 0 24px 0;display:flex;flex-direction:column;gap:64px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;margin:0 clamp(112px,7.8125vw,200px);max-width:clamp(1696px,84.375vw,2160px);width:calc(100% - clamp(112px,7.8125vw,200px) - clamp(112px,7.8125vw,200px));font-family:"Onest",sans-serif;letter-spacing:-0.01em !important}.section-3 .sc-3-head{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-headline{color:#1a1a1a;font-size:70px;line-height:70px;font-weight:600;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-subtitle{color:#666;text-align:center;font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-cards{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-cards .mob_image{display:none}.section-3 .sc-3-cards-line-1{display:flex;flex-direction:row;gap:24px;align-items:stretch;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-cards-card-1{background:#fff;border-radius:24px;padding:64px 64px 0 64px;display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:space-between;align-self:stretch;width:49.4%;position:relative}.section-3 .sc-3-card-1-head{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-head-figure{border-radius:100px;padding:4px 12px 4px 12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.section-3 .sc-3-card-head-figure._white{background:#fafafa}.section-3 .number{color:#fafafa;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-0.01em;position:relative}.section-3 .number._black{color:#1a1a1a}.section-3 .sc-3-card-head-text{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-head-text .card-title-sc-3{color:#1a1a1a;font-size:clamp(32px,1.5625vw,40px);font-family:"Onest",sans-serif;line-height:110%;font-weight:600;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-card-head-text .card-title-sc-3._white{color:#fafafa}.section-3 .sc-3-card-head-text .card-text{color:#666;font-size:clamp(18px,.78125vw,20px);line-height:130%;font-weight:400;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-card-head-text .card-text._white{color:#fafafa}.section-3 .sc-3-card-1-image{position:relative;overflow:hidden;object-fit:contain;max-width:99%}.section-3 .sc-3-cards-card-1 picture{display:flex;align-items:center;justify-content:center}.section-3 .sc-3-cards-column{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:space-between;width:49.4%;position:relative}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:54%}.section-3 .sc-3-cards-column-2 .sc-3-cards-card{gap:14px}.section-3 .sc-3-cards-column-2 .sc-3-cards-card:nth-child(2) .col_image{width:45%;align-self:center}.section-3 .sc-3-cards-card{background:#fff;border-radius:24px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-2-head{padding:64px 0 64px 64px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:53%;position:relative}.section-3 .col_image{width:45%;align-self:center}.section-3 .col_image .sc-3-card-2-image{position:relative;overflow:hidden;object-fit:cover;max-width:483px;width:100%}.section-3 .sc-3-card-3-head{padding:64px 0 64px 64px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:55%;position:relative}.section-3 .sc-3-card-3-image{position:relative;overflow:hidden;object-fit:cover;max-width:476px;width:100%}.section-3 .sc-3-cards-line-2{display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-cards-column-2{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;width:49.4%;position:relative}.section-3 .sc-3-card-4-head{padding:64px 0 64px 64px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:52%;position:relative}.section-3 .sc-3-card-4-text{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-4-image{position:relative;overflow:hidden;object-fit:cover;max-width:476px;width:100%}.section-3 .sc-3-card-5-head{padding:64px 0 64px 64px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:52%;position:relative}.section-3 .sc-3-card-5-image{position:relative;overflow:hidden;object-fit:cover;max-width:476px;width:100%}.section-3 .sc-3-cards-card-6{border-radius:24px;padding:64px 64px 0 64px;display:flex;flex-direction:column;gap:40px;align-items:flex-start;justify-content:flex-start;align-self:stretch;width:49.4%;position:relative}.section-3 .sc-3-cards-card-6 .card-text{font-weight:300}.section-3 .sc-3-card-6-head{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-6-image{position:absolute;overflow:hidden;object-fit:cover;bottom:0;max-width:960px;width:100%;left:4%}.section-3.section_3_research .sc-3-headline{max-width:1400px;align-self:center}.design-system-study-section.portfolio-study-section{background-color:#f4f4f4}.section-3.section_3_portfolio .sc-3-cards-card-6.sc-3-cards-card-6-mobile{display:none}@media(min-width: 769px)and (max-width: 1920px){.section-3{gap:64px;padding:128px 0 20px 0;margin:0 clamp(80px,5.8333333333vw,112px);width:calc(100% - clamp(80px,5.8333333333vw,112px) - clamp(80px,5.8333333333vw,112px))}.section-3 .sc-3-headline{font-size:56px;line-height:60px}.section-3 .number{font-size:18px;line-height:24px}.section-3 .sc-3-card-head-figure{padding:4px 12px 4px 12px}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:32px;line-height:112.5%}.section-3 .sc-3-card-1-head{gap:20px}.section-3 .sc-3-card-head-text .card-text{font-size:18px;line-height:133.333%}.section-3 .sc-3-card-head-text{gap:16px}.section-3 .sc-3-cards-column{gap:20px}.section-3 .sc-3-cards-line-1{gap:20px}.section-3 .sc-3-cards{gap:20px}.section-3 .sc-3-cards-line-2{gap:20px}.section-3 .sc-3-cards-column-2{gap:20px}.section-3 .sc-3-cards-card-1{padding:48px 48px 0 48px;gap:32px}.section-3 .sc-3-card-2-head,.section-3 .sc-3-card-3-head,.section-3 .sc-3-card-4-head,.section-3 .sc-3-card-5-head{padding:48px 0 48px 48px;gap:24px}.section-3 .sc-3-card-4-head{padding:64px 0 64px 48px;width:51%}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:52%}.section-3 .sc-3-card-6-image{left:6%;width:88%}.section-3 .sc-3-cards-card-6{padding:48px}.section-3 .sc-3-card-6-head{gap:24px}.section-3 .sc-3-card-1-image{max-width:100%}.section-3.section_3_research .sc-3-headline{max-width:1330px}}@media(min-width: 769px)and (max-width: 1536px){.section-3{margin:0 80px;gap:clamp(48px,4.1666666667vw,64px);width:calc(100% - 80px - 80px);padding:8.3333333333vw 0 20px 0}.section-3 .sc-3-cards-card{border-radius:24px}.section-3 .sc-3-cards-card-1{border-radius:24px}.section-3 .sc-3-cards-card-6{border-radius:24px}.section-3 .sc-3-card-1-image{max-width:100%}.section-3 .sc-3-card-2-head{width:52%}.section-3 .sc-3-headline{font-size:clamp(48px,3.6458333333vw,56px)}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:clamp(28px,2.0833333333vw,32px)}.section-3 .sc-3-card-head-text .card-text{font-size:clamp(16px,1.171875vw,18px)}.section-3 .sc-3-cards-column{gap:24px}.section-3 .sc-3-cards-line-1{gap:24px}.section-3 .sc-3-cards{gap:24px}.section-3 .sc-3-cards-line-2{gap:24px}.section-3 .sc-3-cards-column-2{gap:24px}.section-3 .sc-3-card-1-head{gap:24px}}@media(min-width: 769px)and (max-width: 1300px){.section-3 .sc-3-cards-line-1{flex-direction:column}.section-3 .sc-3-cards-line-2{flex-direction:column}.section-3 .sc-3-cards-card-1,.section-3 .sc-3-cards-column,.section-3 .sc-3-cards-column,.section-3 .sc-3-cards-column-2,.section-3 .sc-3-cards-card-6{width:100%}.section-3 .sc-3-cards-card-6{padding:48px 0 0 48px}.section-3 .sc-3-card-6-image{position:relative;left:0}.section-3 .sc-3-headline{font-size:clamp(44px,3.125vw,48px)}}@media all and (max-width: 768px){.section-3{margin:48px 24px 12px 24px;gap:24px;padding:0;width:calc(100% - 24px - 24px)}.section-3 .sc-3-headline{font-size:24px;line-height:125%}.section-3 .sc-3-head{gap:16px}.section-3 .sc-3-cards-line-1{flex-direction:column;gap:12px}.section-3 .sc-3-cards-card-1{padding:24px 20px 8px 20px;width:100%;border-radius:16px;gap:8px}.section-3 .sc-3-cards-card{flex-direction:column}.section-3 .sc-3-card-2-head{width:100%;padding:24px 20px 0 20px}.section-3 .col_image{width:100%;text-align:center}.section-3 .sc-3-cards-column{gap:12px;width:100%}.section-3 .sc-3-cards{gap:12px}.section-3 .sc-3-cards-column-2{gap:12px;width:100%}.section-3 .sc-3-card-3-head{width:100%;padding:24px 20px 0 20px}.section-3 .sc-3-cards-line-2{flex-direction:column;gap:12px}.section-3 .sc-3-card-4-head{width:100%;padding:0;gap:16px}.section-3 .sc-3-card-5-head{width:100%;padding:0;gap:16px}.section-3 .sc-3-card-6-image{position:static;width:100%}.section-3 .sc-3-cards-card-6{padding:24px 20px 8px 20px;width:100%;gap:8px}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:24px;line-height:116.667%}.section-3 .sc-3-card-head-text .card-text{font-size:16px;line-height:137.5%}.section-3 .sc-3-card-head-text{gap:12px}.section-3 .sc-3-cards .mob_image{display:block;width:100%}.section-3 .sc-3-cards .desk_image{display:none}.section-3 .sc-3-card-head-figure{border-radius:100px;padding:4px 10px}.section-3 .number{font-size:16px;line-height:22px}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:100%}.section-3 .sc-3-card-1-head{gap:16px}.section-3 .sc-3-card-2-head{padding:0;gap:16px}.section-3 .sc-3-cards-card{padding:24px 20px 8px 20px;gap:8px;border-radius:16px}.section-3 .sc-3-card-3-head{padding:0;gap:16px}.section-3 .sc-3-cards-column-2 .sc-3-cards-card{gap:8px}.section-3 .sc-3-card-5-image{max-width:100%}.section-3 .sc-3-cards-column-2 .sc-3-cards-card:nth-child(2) .col_image{width:100%}.section-3 .sc-3-card-6-head{gap:16px}.section-3 .sc-3-cards-card-6{border-radius:16px;padding:24px 20px 0 20px;gap:16px}}/*# sourceMappingURL=webdesigner-page-study.css.map */