﻿.whyjoin-pixel{--red:#e12826;--black:#080808;--text:#171717;--muted:#555;--line:#e7ded8;--soft:#fff7f2;background:#fff;color:var(--black);overflow:hidden}.whyjoin-pixel *{box-sizing:border-box}.wj-container{width:min(1180px,calc(100% - 58px));margin:auto}.wj-red-line{width:48px;height:2px;background:var(--red)}.wj-hero{background:linear-gradient(90deg,#fff 0%,rgb(255 255 255 / .96) 36%,rgb(255 255 255 / .46) 54%,#fff0 76%),url(/images/why-hero.jpg) center right/cover no-repeat;display:flex;align-items:center}.wj-hero-content{width:min(1180px,calc(100% - 58px));margin:auto;padding:112px 0}.wj-hero h1{margin:0;max-width:560px;font-size:58px;line-height:1.08;letter-spacing:-1.6px;font-weight:700;text-transform:uppercase}.wj-hero h1 span{color:var(--red)}.wj-hero .wj-red-line{margin:24px 0 26px}.wj-hero h2{margin:0 0 22px;font-size:30px;line-height:1.2;font-weight:700}.wj-hero p{margin:0;max-width:520px;color:#111;font-size:18px;line-height:1.65}.wj-diff{padding:28px 0 42px;background:#fff}.wj-head{text-align:center;margin-bottom:28px}.wj-head h2{margin:0;font-size:24px;line-height:1.1;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.wj-head .wj-red-line{margin:14px auto 0;width:42px}.wj-diff-grid{display:grid;grid-template-columns:repeat(6,1fr)}.wj-diff-card{min-height:235px;padding:20px 20px 10px;text-align:center;border-right:1px solid var(--line)}.wj-diff-card:last-child{border-right:0}.wj-icon{width:80px;height:80px;border-radius:50%;background:#fff0ed;display:grid;place-items:center;margin:0 auto 18px;color:var(--red)}.wj-icon i{font-size:34px;line-height:1}.wj-diff-card h3{margin:0 0 16px;font-size:18px;line-height:1.24;font-weight:700}.wj-diff-card p{margin:0;color:#111;font-size:15px;line-height:1.52}.wj-mid{padding:20px 0 24px;background:#fff}.wj-mid-grid{display:grid;grid-template-columns:1.12fr .78fr .96fr;gap:22px}.wj-card{min-height:470px;border-radius:10px;background:#fff7f3;overflow:hidden;position:relative;box-shadow:0 12px 34px rgb(0 0 0 / .06)}.wj-card-content{position:relative;z-index:2;padding:28px 28px 5px}.wj-card h2{margin:0;font-size:21px;line-height:1.15;text-transform:uppercase;font-weight:700}.wj-card .wj-red-line{margin:16px 0 24px;width:38px}.wj-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}.wj-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;color:#111;font-size:15px;line-height:1.5}.wj-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--red);color:var(--red);display:grid;place-items:center;font-size:12px}.wj-for{background:url(/images/why-for.jpg) center right/cover no-repeat}.wj-choice-list li{grid-template-columns:40px 1fr}.wj-small-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--red)}.wj-small-icon i{font-size:27px;line-height:1}.wj-experience{display:flex;flex-direction:column;justify-content:space-between}.wj-experience-img{height:170px;background:url(/images/why-studio.jpg) center/cover no-repeat;filter:grayscale(100%);margin-top:20px}.wj-cta-wrap{padding:0 0 36px;background:#fff}.wj-cta{min-height:350px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:48% 52%;background:#fff7f2;box-shadow:0 14px 38px rgb(0 0 0 / .07)}.wj-cta-img{background:url(/images/why-cta.jpg) center/cover no-repeat}.wj-cta-copy{padding:42px 58px;display:grid;grid-template-columns:1fr 190px;gap:34px;align-items:center}.wj-cta-kicker{display:block;color:var(--red);font-size:15px;text-transform:uppercase;font-weight:700;margin-bottom:22px}.wj-cta h2{margin:0;font-size:46px;line-height:1.14;letter-spacing:-1px;font-weight:700}.wj-cta h2 span{color:var(--red)}.wj-cta .wj-red-line{margin:22px 0}.wj-btn{min-height:54px;padding:0 22px;border-radius:999px;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:700;box-shadow:0 12px 28px rgb(225 40 38 / .22)}.wj-btn span{font-size:26px;font-weight:400}.wj-cta-points{display:grid;gap:24px}.wj-cta-point{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center}.wj-cta-point .wj-icon{width:58px;height:58px;margin:0}.wj-cta-point .wj-icon i{font-size:24px}.wj-cta-point strong{font-size:15px;line-height:1.25;font-weight:500}@media(max-width:1050px){.wj-diff-grid{grid-template-columns:repeat(3,1fr)}.wj-diff-card{border-bottom:1px solid var(--line)}.wj-mid-grid,.wj-cta{grid-template-columns:1fr}.wj-cta-img{min-height:320px}}@media(max-width:700px){.wj-container,.wj-hero-content{width:min(100% - 28px,1180px)}.wj-hero{min-height:560px;align-items:flex-start;background:linear-gradient(180deg,#fff 0%,rgb(255 255 255 / .92) 48%,rgb(255 255 255 / .18) 100%),url(/images/why-hero.jpg) center bottom/cover no-repeat}.wj-hero-content{padding:72px 0}.wj-hero h1{font-size:40px}.wj-hero h2{font-size:24px}.wj-hero p{font-size:15px}.wj-diff-grid{grid-template-columns:1fr}.wj-diff-card{border-right:0}.wj-mid-grid{gap:16px}.wj-card{min-height:auto}.wj-for{min-height:470px}.wj-cta-copy{grid-template-columns:1fr;padding:32px 24px}.wj-cta h2{font-size:36px}.wj-btn{width:100%}}@media(max-width:700px){.whyjoin-pixel{overflow:hidden}.wj-container,.wj-hero-content{width:min(100% - 22px,1180px)}.wj-hero{min-height:auto;background:linear-gradient(180deg,rgb(255 255 255 / 33%) 0%,rgb(255 255 255 / 89%) 36%,#ffffff 72%,#fff0 100%),url(/images/why-hero.jpg) center bottom / cover no-repeat}.wj-hero:after{display:none}.wj-hero-content{padding:64px 0 90px}.wj-hero h1{font-size:44px;line-height:.98;letter-spacing:-1.6px;max-width:100%}.wj-hero .wj-red-line{margin:18px 0 20px}.wj-hero h2{font-size:24px;margin-bottom:16px}.wj-hero p{font-size:15px;line-height:1.8;max-width:100%}.wj-head{margin-bottom:18px}.wj-head h2{font-size:28px;line-height:1.1}.wj-diff{padding:20px 0 28px}.wj-diff-grid{grid-template-columns:1fr;border-radius:24px}.wj-diff-card{min-height:auto;padding:26px 20px;border-right:0!important;border-bottom:1px solid var(--line)}.wj-diff-card:last-child{border-bottom:0}.wj-icon{width:74px;height:74px;margin-bottom:16px}.wj-icon i{font-size:30px}.wj-diff-card h3{font-size:20px;margin-bottom:10px}.wj-diff-card p{font-size:14px;line-height:1.7}.wj-mid{padding:8px 0 20px}.wj-mid-grid{gap:18px}.wj-card{border-radius:24px}.wj-card-content{padding:26px 20px 22px}.wj-card h2{font-size:26px;line-height:1.12}.wj-card .wj-red-line{margin:14px 0 18px}.wj-list{gap:16px}.wj-list li{font-size:14px;line-height:1.6}.wj-choice-list li{grid-template-columns:34px 1fr;gap:10px}.wj-small-icon{width:32px;height:32px}.wj-small-icon i{font-size:22px}.wj-experience-img{height:180px}.wj-for{min-height:300px;border-radius:24px}.wj-cta-wrap{padding-bottom:24px}.wj-cta{border-radius:26px}.wj-cta-img{min-height:240px}.wj-cta-copy{padding:28px 20px;gap:24px}.wj-cta h2{font-size:26px;line-height:1.3;letter-spacing:normal}.wj-btn{width:100%;min-height:54px;font-size:13px;gap:14px}.wj-btn span{font-size:20px}.wj-cta-points{gap:14px}.wj-cta-point{grid-template-columns:48px 1fr;gap:12px;padding:12px;border-radius:16px}.wj-cta-point .wj-icon{width:48px;height:48px}.wj-cta-point .wj-icon i{font-size:20px}.wj-cta-point strong{font-size:13px;line-height:1.4}}@media(max-width:700px){.wj-for{display:none}.wj-diff-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px;background:#fff0;box-shadow:none;border-radius:0}.wj-diff-card{border:1px solid var(--line)!important;border-radius:20px;background:#fff;padding:20px 12px}.wj-icon{width:58px;height:58px}.wj-icon i{font-size:24px}.wj-diff-card h3{font-size:15px;line-height:1.25}.wj-diff-card p{font-size:12px;line-height:1.45}}@media(max-width:700px){.wj-cta{background:#fff8f4;border-radius:28px;box-shadow:0 18px 44px rgb(0 0 0 / .08);overflow:hidden}.wj-cta-img{min-height:220px;border-radius:0}.wj-cta-copy{padding:30px 18px 26px;display:block}.wj-cta-kicker{font-size:12px;letter-spacing:.12em;margin-bottom:18px}.wj-cta h2{font-size:34px;line-height:1.08;letter-spacing:-1px;margin-bottom:0}.wj-cta .wj-red-line{margin:22px 0 24px}.wj-btn{width:100%;min-height:58px;border-radius:999px;font-size:13px;padding:0 18px;justify-content:center;gap:18px;box-shadow:0 16px 34px rgb(225 40 38 / .24)}.wj-cta-points{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wj-cta-point{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#fff;border:1px solid rgb(0 0 0 / .06);border-radius:18px;padding:16px 8px;min-height:118px;box-shadow:0 10px 24px rgb(0 0 0 / .04)}.wj-cta-point .wj-icon{width:52px;height:52px;margin:0}.wj-cta-point .wj-icon i{font-size:21px}.wj-cta-point strong{font-size:12px;line-height:1.35;font-weight:700}}@media(max-width:390px){.wj-cta-points{grid-template-columns:1fr}.wj-cta-point{flex-direction:row;justify-content:flex-start;text-align:left;min-height:auto;padding:14px}}