/* Fovoya service studies: a quiet drafting sheet after the finished work. */
.home-services{--service-blue:#253fd7;--service-ink:#262626;--service-line:#d6d6d6;--service-font:Manrope,'Source Han Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',Arial,sans-serif;box-sizing:border-box;background:#fff;color:var(--service-ink);padding:74px 3.8% 24px;font-family:var(--service-font);scroll-margin-top:112px}
.home-services *{box-sizing:border-box}
.home-services [hidden]{display:none!important}
.home-services-header{padding-bottom:44px}
.service-section-label{display:flex;align-items:center;gap:12px;margin:0 0 30px;font:11px/1.5 monospace;letter-spacing:.08em}
.service-section-label>span{width:6px;height:6px;border-radius:50%;background:var(--service-blue)}
.service-heading-row{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:end}
.home-services-header h2{margin:0;font:400 clamp(40px,4.3vw,68px)/1.08 Manrope,'PingFang SC',sans-serif;letter-spacing:-.05em}
.home-services-header h2 span{color:#7b7b7b}
.service-section-intro{margin:0 0 4px;font-size:14px;line-height:1.8;color:#666666;max-width:32ch}
.home-services-list{border-top:1px solid var(--service-line)}
.home-service{display:grid;grid-template-columns:minmax(0,.72fr) minmax(350px,1.28fr);gap:48px;align-items:center;position:relative;padding:24px 0;border-bottom:1px solid var(--service-line);scroll-margin-top:112px}
.home-service-copy{max-width:430px;min-width:0}
.home-service-context{margin:0 0 12px;font-size:11px;line-height:1.5;letter-spacing:.025em;color:#717171}
.home-service h3{font-size:clamp(28px,2.65vw,40px);line-height:1.15;letter-spacing:-.045em;font-weight:400;margin:0 0 16px}
.home-service-description{font-size:14px;line-height:1.8;color:#676767;margin:0;max-width:43ch}
.service-details{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:23px 0 0}
.service-details li{font-size:10px;line-height:1.6;color:#696969;display:flex;align-items:center;gap:6px}
.service-details li:before{content:'+';color:var(--service-blue);font-family:monospace}
.home-service-art{width:100%;max-width:600px;justify-self:end;position:relative;margin:0;min-width:0}
/* Only enabled by the motion controller; no-JS and reduced-motion stay visible. */
.home-services.entrances-enabled{overflow-x:clip}
.entrances-enabled .home-service:not(.has-entered){opacity:1}
.service-motion-canvas{display:block;width:100%;height:auto;overflow:visible}
.service-brand-embed{width:100%;aspect-ratio:8/5;position:relative;background:#fff}
.service-brand-poster{display:block;width:100%;height:100%;object-fit:contain}
.service-brand-player{position:absolute;inset:0;display:block;border:0;width:100%;height:100%;pointer-events:none;opacity:0}
.is-brand-ready .service-brand-player{opacity:1}
.is-brand-ready .service-brand-poster{opacity:0}
.service-commerce-illustration{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;background:#fff}
.service-commerce-image{position:absolute;left:50%;top:50%;display:block;width:130%;max-width:none;height:auto;transform:translate(-50%,-50%)}
@font-face{font-family:'Fovoya Shopping';src:url('fonts/Caveat-Variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.service-commerce-motion{position:absolute;left:50%;top:50%;display:block;width:130%;max-width:none;height:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.service-commerce-motion [data-motion]{transform-box:view-box;transform-origin:0 0}
.service-commerce-motion [data-motion="shop-action"]{transform-origin:1021px 639px}
.service-commerce-motion [data-motion="shop-bag-icon"]{transform-origin:1176px 320px}
.service-commerce-motion [data-motion="shop-count-one"]{transform-origin:1218px 279px}
.service-commerce-motion [data-motion="shop-pointer"]{transform-origin:1188px 669px}
.service-shopping-letter{font-family:'Fovoya Shopping',cursive;font-weight:400}
.motion-enabled .home-service--commerce[data-motion-state="playing"] .service-commerce-poster{opacity:0}
.motion-enabled .home-service--commerce[data-motion-state="playing"] .service-commerce-motion{opacity:1}
@media(prefers-reduced-motion:reduce){.is-brand-ready .service-brand-player{visibility:hidden}.is-brand-ready .service-brand-poster{opacity:1}}
.service-art-index{font:400 34px/1 Manrope,Arial,sans-serif;letter-spacing:-2px;fill:#253fd7}
.service-art-size{font:400 10px/1 Manrope,Arial,sans-serif;fill:#555}
.service-art-large{font:400 104px/1 Manrope,Arial,sans-serif;letter-spacing:-10px;fill:#253fd7}
.service-key-art{mix-blend-mode:multiply}
.service-pencil-image{filter:invert(1);mix-blend-mode:multiply}
.service-layout-guides{stroke:#bdbdbd;stroke-width:.6;stroke-dasharray:2 7;opacity:.45}
.service-layout-ticks{stroke:#999999;stroke-width:.8}
.service-motion-canvas [data-motion]{transform-box:view-box;transform-origin:0 0}
.service-motion-canvas [data-motion="shop-button"]{transform-box:fill-box;transform-origin:center}
.service-motion-canvas [data-motion="redesign-image"],.service-motion-canvas [data-motion="redesign-title"]{transform-box:fill-box;transform-origin:top left}
.motion-enabled .home-service:not(.has-played) [data-motion]{opacity:0}
.service-study{display:block;width:100%;height:auto;overflow:visible}
.study-guides{stroke:#dbdbdb;stroke-width:.6;stroke-dasharray:3 5}
.study-ticks{stroke:#adadad;stroke-width:.8}
.study-micro{font:6px monospace;letter-spacing:.5px;fill:#676767}
.study-note{font:6px monospace;letter-spacing:.8px;fill:#868686}
.study-headline{font:400 28px Manrope,Arial,sans-serif;letter-spacing:-1.5px;fill:#292929}
.study-headline--small{font-size:18px;letter-spacing:-.7px}
.study-cart-title{font:10px Manrope,Arial,sans-serif;letter-spacing:-.25px;fill:#292929}
.study-button{font:7px monospace;letter-spacing:.6px;fill:#fff}
.study-product{filter:invert(1);mix-blend-mode:multiply}
.study-swatch,.study-cart,.study-after{transition:transform .65s cubic-bezier(.22,1,.36,1);transform-box:fill-box;transform-origin:center}
.service-custom-image{display:block;width:100%;height:auto;max-height:270px;object-fit:contain}
.service-visibility-art{display:block;width:100%;height:auto}
.mosaic-scene{position:relative;width:100%;aspect-ratio:640/440;overflow:hidden;pointer-events:none;color:var(--service-ink)}
.mosaic-art{position:absolute;left:3%;top:8%;width:94%;aspect-ratio:3/2}
.mosaic-art{mix-blend-mode:multiply}
.mosaic-atmosphere,.mosaic-guides{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.mosaic-atmosphere{opacity:.6}.mosaic-guides{opacity:.55}
.mosaic-citation{background:#fff;padding:2px 5px}
.mosaic-poster{display:block;width:100%;height:auto}
.mosaic-tiles{display:none;position:absolute;inset:0}
.mosaic-tile{position:absolute;inset:0;background-image:var(--mosaic-image);background-size:100% 100%;background-repeat:no-repeat;opacity:0}
.mosaic-tile{mix-blend-mode:multiply}
.motion-enabled .home-service--visibility:not([data-motion-state="complete"]) .mosaic-poster{opacity:0}
.motion-enabled .home-service--visibility[data-motion-state="playing"] .mosaic-tiles{display:block}
.mosaic-search,.mosaic-citation,.mosaic-caption{position:absolute;display:flex;align-items:center;gap:7px;font:400 clamp(10px,1.15vw,16px)/1.4 Manrope,'PingFang SC',sans-serif}
.mosaic-search{left:5%;bottom:0;color:#777}.mosaic-search img{width:16px;height:16px;opacity:.7}
.mosaic-citation{left:42%;top:32%;color:#6e6e6e}.mosaic-citation b{color:var(--service-blue);font-family:var(--service-font);font-size:1.1em;font-weight:500}
.mosaic-caption{right:5%;bottom:0;color:var(--service-blue)}
@media(max-width:650px){.mosaic-search,.mosaic-citation,.mosaic-caption{font-size:10px}.mosaic-search img{width:13px;height:13px}}
.home-service--visibility{scroll-margin-top:110px}
.home-service--redesign{scroll-margin-top:110px}
.redesign-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#fff;pointer-events:none;isolation:isolate}
.redesign-poster{display:block;width:100%;height:auto}
.redesign-layers{position:absolute;inset:0;display:none}
.redesign-piece{position:absolute;display:block;background-image:var(--redesign-image);background-repeat:no-repeat;transform-origin:top left}
.redesign-working-page{position:absolute;inset:0}
.redesign-old-layout{position:absolute;inset:0;transform:translateX(48.828125%)}
.motion-enabled .home-service--redesign:not([data-motion-state="complete"]) .redesign-poster{visibility:hidden}
.motion-enabled .home-service--redesign[data-motion-state="playing"] .redesign-layers{display:block}
.visits-scene{position:relative;width:100%;aspect-ratio:640/440;overflow:hidden;pointer-events:none;color:#262626}
.visits-page{position:absolute;left:31.25%;top:7.95%;width:40.625%;height:83.94%;overflow:hidden;background:#fff}
.visits-page>img{position:absolute;width:371.0145%;max-width:none;height:auto;left:-186.715%;top:-36.905%}
.visits-channel{position:absolute;font:400 clamp(10px,1.3vw,18px)/1.3 Manrope,Arial,sans-serif;white-space:nowrap}
.visits-channel--search{left:9%;top:11%}.visits-channel--ai{left:5%;top:44%}.visits-channel--direct{left:84%;top:17%}.visits-channel--discover{left:82%;top:49%}
.visits-cursor{position:absolute;width:4%;height:auto;left:0;top:0;opacity:0;transform-origin:center}
.visits-cursor--0,.visits-cursor--2,.visits-cursor--4{filter:invert(21%) sepia(92%) saturate(3452%) hue-rotate(232deg) brightness(86%) contrast(106%)}
.visits-click{position:absolute;left:0;top:0;width:3%;aspect-ratio:1;border:1px solid var(--service-blue);border-radius:50%;opacity:0}
.visits-progress{position:absolute;left:74.5%;bottom:8%;display:flex;flex-direction:column;gap:5px}
.visits-progress>span{width:7px;height:7px;background:var(--service-blue)}
@media(max-width:650px){.visits-channel{font-size:clamp(9px,2.7vw,13px)}.visits-progress>span{width:5px;height:5px}.visits-progress{gap:3px}}
.service-tools-note{display:grid;grid-template-columns:1fr 1.28fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--service-line)}
.home-service--tools{scroll-margin-top:110px}
.quote-scene{display:block;width:100%;height:auto;overflow:hidden;color:#262626;font-family:Manrope,'PingFang SC',Arial,sans-serif;font-size:14px;fill:currentColor;font-variant-numeric:tabular-nums}
.quote-scene [data-motion]{transform-box:view-box;transform-origin:0 0}
.quote-scene [data-motion="quote-slider-fill"]{transform-origin:70px 300px}
/* Regular type complements the graphite drawings; sizes use the 640px SVG grid. */
.quote-hand{font-family:var(--service-font);font-weight:400;letter-spacing:0}
.quote-hand-a4{font-size:50px;font-weight:500;letter-spacing:-1px}
.quote-hand-small{font-size:21px}
.quote-hand-material{font-size:30px;letter-spacing:-.5px}
.quote-hand-label{font-size:26px;letter-spacing:-.35px}
.quote-hand-price{font-size:60px;font-weight:500;letter-spacing:-1.5px}
.quote-hand-action{font-size:24px;font-weight:500;letter-spacing:-.3px}
.quote-hand-note{font-size:17px;fill:#808080}
.service-hand-scene{display:block;width:100%;height:auto;overflow:hidden;fill:#262626;font-family:var(--service-font);font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums}
.service-hand-scene [data-motion]{transform-box:view-box;transform-origin:0 0}
.service-hand-scene .hand-outline{fill:none;stroke:#292929;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.service-hand-scene .hand-rule{fill:none;stroke:#777;stroke-width:.75}
.service-hand-scene .hand-small{font-size:18px}.service-hand-scene .hand-caption{font-size:24px;letter-spacing:-.3px}
.service-hand-scene .hand-action{font-size:24px;font-weight:500;letter-spacing:-.3px}.service-hand-scene .hand-price{font-size:64px;font-weight:500;letter-spacing:-1.5px}
.service-hand-scene .hand-product-name{font-size:31px;font-weight:500;letter-spacing:-.6px}.service-hand-scene .hand-brand-name{font-size:32px;font-weight:500;letter-spacing:.2px}
.service-hand-scene .hand-headline{font-size:36px;font-weight:500;letter-spacing:-1px}.service-hand-scene .hand-bag-count{font-size:20px;font-weight:500}
.service-hand-scene .pbrand-wordmark{transform-origin:82px 109px}
.service-hand-scene [data-motion="pcommerce-action"]{transform-origin:432px 286px}
html[lang="zh-CN"] .service-hand-scene .hand-headline{font-size:29px}
html[lang="zh-CN"] .service-hand-scene .hand-caption{font-size:22px}
html[lang="zh-CN"] .service-hand-scene .hand-action{font-size:24px}
html[lang="zh-CN"] .service-hand-scene .hand-small{font-size:18px}
html[lang="zh-CN"] .quote-hand-label,html[lang="zh-CN"] .quote-hand-material{font-size:26px}
html[lang="zh-CN"] .quote-hand-action{font-size:24px}
html[lang="zh-CN"] .quote-hand-note{font-size:17px}
.service-tools-note h3{margin:0;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.3;letter-spacing:-.035em}
.service-tools-note p{margin:0;max-width:62ch;font-size:13px;line-height:1.8;color:#676767}
.service-tools-note span{display:block;margin-top:12px;font-size:10px;color:var(--service-blue)}
@media(max-width:650px){.service-tools-note{grid-template-columns:1fr;gap:14px;padding:24px 0}.service-tools-note p{font-size:12px}}
.service-section-foot{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font:9px/1.5 monospace;letter-spacing:.08em;color:#7f7f7f}
.service-foot-dot{width:6px;height:6px;background:var(--service-blue);border-radius:50%}
.has-service-motion .is-revealed .service-study{animation:service-study-enter .8s cubic-bezier(.22,1,.36,1) both}
@keyframes service-study-enter{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 .home-service:hover .study-swatch{transform:translateY(-5px) rotate(-4deg)}
 .home-service:hover .study-cart{transform:translate(-4px,-5px)}
 .home-service:hover .study-after{transform:translate(5px,-4px)}
}
@media(min-width:1650px){.home-services{padding-left:max(3.8%,calc((100vw - 1580px)/2));padding-right:max(3.8%,calc((100vw - 1580px)/2))}.home-service{padding-top:28px;padding-bottom:28px}}
@media(max-width:1000px){
 .home-services{padding-top:54px}.service-heading-row{grid-template-columns:1fr 260px;gap:32px}
 .home-service{grid-template-columns:minmax(0,1fr) minmax(270px,.95fr);gap:28px;padding:28px 0}
 .home-service h3{font-size:29px}.home-service-description{font-size:13px}.service-details{gap:6px 10px;margin-top:17px}
}
/* Alternate desktop studies while retaining the natural mobile reading order. */
@media(min-width:651px){
 .home-services-list>.home-service:nth-child(even){grid-template-columns:minmax(350px,1.28fr) minmax(0,.72fr)}
 .home-services-list>.home-service:nth-child(even)>.home-service-art{grid-column:1;grid-row:1;justify-self:start}
 .home-services-list>.home-service:nth-child(even)>.home-service-copy{grid-column:2;grid-row:1}
}
@media(min-width:651px) and (max-width:1000px){
 .home-services-list>.home-service:nth-child(even){grid-template-columns:minmax(270px,.95fr) minmax(0,1fr)}
}
@media(max-width:650px){
 .home-services{padding:40px 6% 22px;scroll-margin-top:72px}.home-services-header{padding-bottom:30px}
 .service-section-label{font-size:10px;margin-bottom:24px}.service-heading-row{grid-template-columns:1fr;gap:20px}
 .home-services-header h2{font-size:clamp(34px,8.6vw,48px)}.service-section-intro{font-size:13px;line-height:1.7;max-width:39ch}
 .home-service{grid-template-columns:minmax(0,1fr);gap:0;padding:27px 0 21px}
 .home-service-copy{max-width:none}.home-service-context{font-size:10px;margin-bottom:9px}
 .home-service h3{font-size:28px;margin-bottom:12px}.home-service-description{font-size:13px;max-width:37ch}
 .service-details{margin-top:16px;font-size:9px;gap:6px 12px}
 .home-service-art{grid-column:1/-1;max-width:460px;justify-self:center;margin-top:20px}
 .service-section-foot{font-size:8px;padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.home-services .service-study{animation:none!important}.home-services .study-swatch,.home-services .study-cart,.home-services .study-after{transition:none!important;transform:none!important}}