.page-module__YoQiRW__galleryPage{--charcoal:#3e4442;--charcoal-dark:#2c312f;--teal:#59bfb4;--teal-dark:#379e94;--teal-soft:#e9f8f5;--white:#fff;--background:#f6f9f8;--border:#dfe8e5;--muted:#69736f;background:var(--white);min-height:100vh;color:var(--charcoal)}.page-module__YoQiRW__galleryPage *,.page-module__YoQiRW__galleryPage :before,.page-module__YoQiRW__galleryPage :after{box-sizing:border-box}.page-module__YoQiRW__container{width:min(1180px,100% - 40px);margin:0 auto}.page-module__YoQiRW__hero{background:radial-gradient(circle at 8% 15%,#59bfb426,#0000 27%),linear-gradient(#fff 0%,#f7fbfa 100%);padding:105px 0 110px;position:relative;overflow:clip}.page-module__YoQiRW__heroGlowOne,.page-module__YoQiRW__heroGlowTwo{pointer-events:none;border-radius:50%;position:absolute}.page-module__YoQiRW__heroGlowOne{background:#59bfb414;width:470px;height:470px;top:-180px;right:-130px}.page-module__YoQiRW__heroGlowTwo{border:1px solid #59bfb426;width:420px;height:420px;bottom:-220px;left:-120px}.page-module__YoQiRW__hero .page-module__YoQiRW__container{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:end;gap:80px;display:grid;position:relative}.page-module__YoQiRW__heroContent{max-width:720px}.page-module__YoQiRW__eyebrow,.page-module__YoQiRW__sectionEyebrow{background:var(--teal-soft);min-height:34px;color:var(--teal-dark);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 14px;font-size:.7rem;font-weight:850;display:inline-flex}.page-module__YoQiRW__hero h1{letter-spacing:-.065em;max-width:720px;margin:21px 0 22px;font-size:clamp(3rem,7vw,5.8rem);line-height:.98}.page-module__YoQiRW__hero h1 span{color:var(--teal-dark)}.page-module__YoQiRW__heroContent>p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.75}.page-module__YoQiRW__heroActions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.page-module__YoQiRW__primaryButton,.page-module__YoQiRW__secondaryButton,.page-module__YoQiRW__ctaButton{border-radius:14px;justify-content:center;align-items:center;gap:13px;min-height:53px;padding:0 22px;font-size:.77rem;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.page-module__YoQiRW__primaryButton{background:var(--charcoal);color:var(--white);box-shadow:0 12px 27px #3e444230}.page-module__YoQiRW__primaryButton:hover{background:var(--charcoal-dark);transform:translateY(-2px);box-shadow:0 16px 32px #3e44423d}.page-module__YoQiRW__primaryButton>span,.page-module__YoQiRW__ctaButton>span{font-size:1rem;transition:transform .18s}.page-module__YoQiRW__primaryButton:hover>span,.page-module__YoQiRW__ctaButton:hover>span{transform:translate(4px)}.page-module__YoQiRW__secondaryButton{border:1px solid var(--border);background:var(--white);color:var(--charcoal)}.page-module__YoQiRW__secondaryButton:hover{border-color:#b9dcd6;transform:translateY(-2px)}.page-module__YoQiRW__heroStatCard{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:25px;display:grid;box-shadow:0 22px 65px #3e444217}.page-module__YoQiRW__heroStatCard>div{gap:5px;display:grid}.page-module__YoQiRW__heroStatCard strong{font-size:.85rem}.page-module__YoQiRW__heroStatCard div:last-child strong{color:var(--teal-dark)}.page-module__YoQiRW__heroStatCard div:last-child{text-align:right}.page-module__YoQiRW__heroStatCard div span{color:var(--muted);font-size:.66rem;line-height:1.45}.page-module__YoQiRW__statArrow{background:var(--teal-soft);width:34px;height:34px;color:var(--teal-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:inline-flex}.page-module__YoQiRW__gallerySection{padding:105px 0 120px}.page-module__YoQiRW__sectionHeader{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px;display:flex}.page-module__YoQiRW__sectionHeader h2{letter-spacing:-.055em;margin:16px 0 0;font-size:clamp(2.4rem,5vw,4rem);line-height:1.03}.page-module__YoQiRW__sectionHeader>p{max-width:420px;color:var(--muted);margin:0;font-size:.85rem;line-height:1.7}.page-module__YoQiRW__projectList{gap:34px;display:grid}.page-module__YoQiRW__projectCard{border:1px solid var(--border);background:var(--white);border-radius:28px;overflow:hidden;box-shadow:0 22px 65px #3e444214}.page-module__YoQiRW__projectHeader{align-items:flex-start;gap:22px;padding:31px 34px 28px;display:flex}.page-module__YoQiRW__projectNumber{background:var(--teal-soft);width:42px;height:42px;color:var(--teal-dark);border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;font-size:.67rem;font-weight:900;display:inline-flex}.page-module__YoQiRW__projectHeading{max-width:680px}.page-module__YoQiRW__category{color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:850}.page-module__YoQiRW__projectHeading h3{letter-spacing:-.035em;margin:7px 0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.1}.page-module__YoQiRW__projectHeading p{max-width:620px;color:var(--muted);margin:0;font-size:.76rem;line-height:1.65}.page-module__YoQiRW__comparison{background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 2px 2px;display:grid;position:relative}.page-module__YoQiRW__imageCard{background:var(--white);width:100%;min-width:0;font:inherit;text-align:left;cursor:zoom-in;border:0;padding:0;display:block}.page-module__YoQiRW__viewImageLabel{z-index:3;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3e4442d1;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.61rem;font-weight:800;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:17px;right:17px;transform:translateY(5px)}.page-module__YoQiRW__imageCard:hover .page-module__YoQiRW__viewImageLabel{opacity:1;transform:translateY(0)}.page-module__YoQiRW__imageCard:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.page-module__YoQiRW__imageWrapper{aspect-ratio:4/3;background:#edf1ef;width:100%;position:relative;overflow:hidden}.page-module__YoQiRW__image{object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.page-module__YoQiRW__imageCard:hover .page-module__YoQiRW__image{transform:scale(1.025)}.page-module__YoQiRW__imageLabel{z-index:2;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:999px;align-items:center;min-height:31px;padding:0 12px;font-size:.64rem;font-weight:900;display:inline-flex;position:absolute;top:17px;left:17px}.page-module__YoQiRW__beforeLabel{color:var(--white);background:#3e4442db}.page-module__YoQiRW__afterLabel{color:var(--teal-dark);background:#e9f8f5f0}.page-module__YoQiRW__comparisonDivider{z-index:4;border:4px solid var(--white);background:var(--teal);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 9px 24px #3e444233}.page-module__YoQiRW__comparisonDivider>*{color:#fff;width:18px;height:18px}.page-module__YoQiRW__additionalResults{border-top:1px solid var(--border);margin-top:100px;padding-top:85px}.page-module__YoQiRW__additionalResultsHeader{max-width:620px;margin-bottom:35px}.page-module__YoQiRW__additionalResultsHeader h2{letter-spacing:-.05em;margin:16px 0 10px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.05}.page-module__YoQiRW__additionalResultsHeader p{max-width:500px;color:var(--muted);margin:0;font-size:.84rem;line-height:1.7}.page-module__YoQiRW__resultsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.page-module__YoQiRW__resultCard{border:1px solid var(--border);background:var(--white);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #3e444214}.page-module__YoQiRW__resultImageWrapper{aspect-ratio:4/3;background:#edf1ef;width:100%;position:relative;overflow:hidden}.page-module__YoQiRW__resultImage{object-fit:cover;transition:transform .4s}.page-module__YoQiRW__resultCard:hover .page-module__YoQiRW__resultImage{transform:scale(1.025)}.page-module__YoQiRW__resultBadge{z-index:2;min-height:31px;color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e9f8f5f0;border-radius:999px;align-items:center;padding:0 12px;font-size:.61rem;font-weight:900;display:inline-flex;position:absolute;top:16px;left:16px}.page-module__YoQiRW__resultContent{padding:20px 22px 22px}.page-module__YoQiRW__resultContent>span{color:var(--teal-dark);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:850}.page-module__YoQiRW__resultContent h3{letter-spacing:-.025em;margin:6px 0 0;font-size:1.1rem}@media (max-width:700px){.page-module__YoQiRW__additionalResults{margin-top:70px;padding-top:65px}.page-module__YoQiRW__resultsGrid{grid-template-columns:1fr}.page-module__YoQiRW__resultImageWrapper{aspect-ratio:4/3}}.page-module__YoQiRW__bottomCta{background:var(--charcoal);color:var(--white);padding:105px 24px;position:relative;overflow:clip}.page-module__YoQiRW__ctaBubbleOne,.page-module__YoQiRW__ctaBubbleTwo{pointer-events:none;border-radius:50%;position:absolute}.page-module__YoQiRW__ctaBubbleOne{background:#59bfb421;width:400px;height:400px;top:-170px;right:-90px}.page-module__YoQiRW__ctaBubbleTwo{border:1px solid #ffffff14;width:430px;height:430px;bottom:-220px;left:-100px}.page-module__YoQiRW__ctaContent{z-index:1;text-align:center;max-width:730px;margin:0 auto;position:relative}.page-module__YoQiRW__ctaContent>span{color:#9ce6de;letter-spacing:.09em;text-transform:uppercase;font-size:.69rem;font-weight:850}.page-module__YoQiRW__ctaContent h2{letter-spacing:-.055em;margin:18px 0 17px;font-size:clamp(2.3rem,6vw,4.3rem);line-height:1.03}.page-module__YoQiRW__ctaContent p{color:#ffffffad;max-width:590px;margin:0 auto;font-size:.86rem;line-height:1.7}.page-module__YoQiRW__ctaButton{background:var(--white);color:var(--charcoal);margin-top:29px}.page-module__YoQiRW__ctaButton:hover{background:var(--teal-soft)}.page-module__YoQiRW__beforeAfterModal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;width:100vw;height:100dvh;animation:.18s page-module__YoQiRW__modalFadeIn;position:fixed;inset:0;overflow:hidden}.page-module__YoQiRW__modalContainer{width:100%;height:100%}.page-module__YoQiRW__modalCloseButton{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:all .2s;display:inline-flex;position:absolute;top:20px;right:20px}.page-module__YoQiRW__modalCloseButton svg{width:23px;height:23px}.page-module__YoQiRW__modalCloseButton:hover{background:#ffffff26}.page-module__YoQiRW__modalComparison{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:100%;display:grid;position:relative}.page-module__YoQiRW__modalImageSection{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.page-module__YoQiRW__modalImageSection:first-child{border-right:1px solid #ffffff1a}.page-module__YoQiRW__modalImageHeader{align-items:center;min-height:54px;padding:0 24px;display:flex}.page-module__YoQiRW__modalImageSection:last-child .page-module__YoQiRW__modalImageHeader{justify-content:flex-end}.page-module__YoQiRW__modalBeforeBadge,.page-module__YoQiRW__modalAfterBadge{letter-spacing:.07em;text-transform:uppercase;z-index:5;border-radius:999px;align-items:center;min-height:29px;padding:0 12px;font-size:.61rem;font-weight:900;display:flex;position:absolute;top:10px;left:10px}.page-module__YoQiRW__modalBeforeBadge{background:var(--charcoal);color:#fff}.page-module__YoQiRW__modalAfterBadge{background:var(--teal-soft);color:var(--teal-dark)}.page-module__YoQiRW__modalImageWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.page-module__YoQiRW__modalImageWrapperInner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-module__YoQiRW__modalImage{object-fit:contain;width:auto;max-width:none;height:100%;max-height:none;display:block}.page-module__YoQiRW__modalDivider{z-index:5;background:var(--teal);color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module__YoQiRW__modalDivider>*{color:#fff;width:18px;height:18px}@keyframes page-module__YoQiRW__modalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.page-module__YoQiRW__beforeAfterModal{height:100dvh;overflow:hidden}.page-module__YoQiRW__modalContainer{width:100%;height:100%;overflow:hidden auto}.page-module__YoQiRW__modalComparison{width:100%;height:auto;display:block}.page-module__YoQiRW__modalImageSection{width:100%;height:auto}.page-module__YoQiRW__modalImageSection:first-child{border-right:unset;border-bottom:1px solid #ffffff1a}.page-module__YoQiRW__modalImageWrapper,.page-module__YoQiRW__modalImageWrapperInner{width:100%;height:auto}.page-module__YoQiRW__modalImage{width:100%;max-width:none;height:auto;max-height:none;display:block}.page-module__YoQiRW__modalDivider{top:50%;transform:translate(-50%,-50%)rotate(90deg)}}@media (max-width:900px){.page-module__YoQiRW__hero .page-module__YoQiRW__container{grid-template-columns:1fr;gap:45px}.page-module__YoQiRW__heroStatCard{max-width:520px}.page-module__YoQiRW__sectionHeader{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:700px){.page-module__YoQiRW__container{width:min(100% - 28px,1180px)}.page-module__YoQiRW__hero{padding:70px 0 75px}.page-module__YoQiRW__hero h1{font-size:clamp(3rem,14vw,4.6rem)}.page-module__YoQiRW__gallerySection{padding:50px 0}.page-module__YoQiRW__projectList{gap:22px}.page-module__YoQiRW__projectCard{border-radius:21px}.page-module__YoQiRW__projectHeader{padding:24px 21px}.page-module__YoQiRW__comparison{grid-template-columns:1fr;gap:2px}.page-module__YoQiRW__imageWrapper{aspect-ratio:4/3}.page-module__YoQiRW__comparisonDivider{top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.page-module__YoQiRW__bottomCta{padding:80px 20px}}@media (max-width:500px){.page-module__YoQiRW__heroActions{display:grid}.page-module__YoQiRW__primaryButton,.page-module__YoQiRW__secondaryButton{width:100%}.page-module__YoQiRW__heroStatCard{grid-template-columns:1fr;gap:15px}.page-module__YoQiRW__heroStatCard div:last-child{text-align:left}.page-module__YoQiRW__statArrow{transform:rotate(90deg)}.page-module__YoQiRW__projectHeader{gap:14px}.page-module__YoQiRW__projectNumber{flex-basis:36px;width:36px;height:36px}.page-module__YoQiRW__imageWrapper{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){.page-module__YoQiRW__image,.page-module__YoQiRW__primaryButton,.page-module__YoQiRW__secondaryButton,.page-module__YoQiRW__ctaButton,.page-module__YoQiRW__primaryButton>span,.page-module__YoQiRW__ctaButton>span{transition:none}}