/* YILI — quiet editorial rhythm, shared across the existing website. */
:root{--paper:#faf9f6;--ink:#20231f;--orange:#586449;--muted:#656960;--line:#e2e3dc;--soft:#f1f2ed;--yili-gutter:max(5vw,calc((100vw - 1320px)/2));}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.09}h2{font-size:clamp(2rem,3.5vw,3.5rem)}
a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #586449;outline-offset:6px}section[id]{scroll-margin-top:145px}
.site-header{height:80px;padding-inline:var(--yili-gutter);background:rgba(250,249,246,.96);border-bottom-color:transparent;transition:background-color .3s,border-color .3s;gap:24px}
.site-header.yili-scrolled{background:rgba(250,249,246,.98);border-bottom-color:var(--line)}
.site-header nav{display:flex;gap:clamp(14px,1.6vw,26px)}.site-header nav a{font-size:14px;white-space:nowrap;line-height:1.5;padding-block:12px}.site-header nav a::after{height:1px;bottom:5px}.brand-logo{width:38px;height:38px}.wordmark{font-size:14px;letter-spacing:.06em}.header-cta{border-radius:3px;white-space:nowrap;min-height:44px;padding:11px 18px}
.hero{min-height:650px;background:#f0f1eb;grid-template-columns:1.06fr 1fr}.hero-panel{padding:88px 5vw 88px var(--yili-gutter)}.hero-panel h1{font-size:clamp(3rem,5.4vw,5.6rem);max-width:650px;line-height:1.05}.hero-intro{max-width:440px;font-size:17px;line-height:1.8}.hero-backdrop{left:51.5%;width:48.5%}.hero-image-mask{left:calc(51.5% + 24px);background:rgba(32,35,31,.82)}.eyebrow,.kicker{font-size:13px;letter-spacing:.095em;line-height:1.6}
.button{min-height:48px;border-radius:3px;font-size:15px;line-height:1.4}.button-primary,.cta-light{background:var(--ink);color:#fff}.button-primary:hover,.cta-light:hover,.header-cta:hover{background:#45513b;color:#fff}.hero-actions{gap:22px}.button-secondary{padding-left:0}
.home-facts{padding-inline:var(--yili-gutter);background:var(--paper)}.home-facts>div,.home-facts>div:not(:first-child){min-height:150px;padding-block:26px}.home-facts span,.home-facts small{font-size:14px;line-height:1.55}.home-facts strong{font-size:clamp(1.4rem,2.1vw,2rem)}
.craft-feature,.craft-section,.gateway-section,.home-blog,.faq-section,.home-video-section,.capability-section,.quality-details-section,.wash-films,.wash-gallery,.wash-checks{padding:88px var(--yili-gutter)}
.craft-feature,.gateway-section,.home-blog,.faq-section{background:var(--paper)}.craft-feature{border-bottom:1px solid var(--line)}.craft-tint,.wash-checks{background:var(--soft)}
.craft-heading,.gateway-intro,.blog-section-heading,.home-video-heading{margin-bottom:36px;gap:32px}.craft-heading h2{max-width:650px;font-size:clamp(2rem,3.5vw,3.5rem)}.craft-heading>a,.blog-section-heading>a{white-space:nowrap;font-size:14px;padding-block:10px}.craft-categories,.gateway-grid,.blog-grid{gap:28px}.craft-categories>a{min-width:0}.craft-categories img{border-radius:3px}.craft-categories span{font-size:12px;margin-top:20px;letter-spacing:.08em;color:var(--muted)}.craft-categories h3{font-weight:500;font-size:25px;margin:8px 0 10px}.craft-categories p{max-width:360px;font-size:16px}
.gateway-section{padding-block:64px}.gateway-image{aspect-ratio:16/10;border-radius:3px}.gateway-card-copy h3{font-size:25px}.gateway-card-copy p{font-size:16px}.gateway-card-copy strong{font-size:14px}
.home-3d-feature{background:var(--soft);min-height:510px}.home-3d-copy{padding:72px 5vw 72px var(--yili-gutter)}.home-3d-copy h2{font-size:clamp(2.3rem,4vw,4rem)}.home-3d-visual{background:#e9ece3;min-height:510px}.home-3d-visual img{height:410px;animation:none}.three-d-hero-art img{animation:none}
.home-video-section{background:#232922}.home-video-layout{grid-template-columns:1.25fr 1fr;gap:7vw}.home-video-stage video{height:400px;background:#181d17;border-radius:3px}.home-video-sidecopy p{max-width:440px}.home-video-index small,.home-video-sidecopy>span{font-size:14px}.home-video-heading h2{font-size:clamp(2.3rem,4vw,4rem)}
.faq-section{gap:8vw}.faq-list summary{min-height:72px}.faq-list summary strong{font-size:17px}.faq-list details>p{max-width:660px}.blog-card{border:0;background:transparent}.blog-card-image{overflow:hidden;border-radius:3px}.blog-card h3{font-weight:500;line-height:1.3}.blog-card p{font-size:16px;line-height:1.7}
.page-hero{background:var(--soft);min-height:480px}.page-hero-copy{padding:72px 5vw 72px var(--yili-gutter)}.page-hero-copy h1{font-size:clamp(2.7rem,4.5vw,4.7rem)}.page-hero-image{min-height:480px}.craft-title{padding:72px var(--yili-gutter) 48px;max-width:none}.craft-title h1{max-width:1000px}.craft-title>p:not(.kicker){font-size:18px;max-width:660px}.wash-hero{padding-inline:var(--yili-gutter)}
.catalog-grid{padding-inline:var(--yili-gutter);background:var(--paper)}.catalog-image{background:#f0f1eb;border-radius:3px;overflow:hidden}.catalog-meta p,.product-note{font-size:14px;line-height:1.6}.capability-card{border-color:var(--line);background:transparent}.capability-card p{font-size:16px;line-height:1.75}.section-jump{background:var(--paper);border-color:var(--line);overflow-x:auto}.section-jump a{font-size:14px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.cta-section{padding:88px var(--yili-gutter);background:#e9ede2}.cta-section h2{font-size:clamp(2.5rem,4.7vw,4.7rem);max-width:850px}.cta-section>p:not(.kicker){line-height:1.8}.cta-actions{flex-wrap:wrap}.email-link{overflow-wrap:anywhere}footer{padding:48px var(--yili-gutter) 90px;background:var(--paper);gap:32px}footer p,footer a,footer>div a{font-size:14px}.floating-whatsapp{background:#3e5038;border-radius:4px;min-height:44px}
@media(prefers-reduced-motion:no-preference){.yili-enter{animation:yili-refined-enter .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--entrance-delay,0ms)}@keyframes yili-refined-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.craft-categories img,.blog-card img,.gateway-image img,.catalog-image img{transition:transform .7s cubic-bezier(.22,1,.36,1)}.button,.header-cta{transition:background-color .22s,color .22s}.button:hover,.header-cta:hover,.floating-whatsapp:hover{transform:none;box-shadow:none}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.craft-categories>a:hover img{transform:scale(1.012)}.blog-card:hover img,.gateway-card:hover img,.catalog-card:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.site-header{height:auto;min-height:78px;grid-template-columns:1fr auto;padding:12px 5vw;gap:8px}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;gap:24px;width:100%;padding:0;scrollbar-width:thin}.header-actions{grid-column:2;grid-row:1}.hero-panel h1{font-size:clamp(3rem,5.4vw,4.5rem)}.craft-heading{align-items:flex-start}.wordmark{font-size:14px}}
@media(max-width:700px){:root{--yili-gutter:22px}.site-header{padding:10px 22px}.site-header nav{gap:22px}.site-header nav a{font-size:14px}.brand-logo{width:32px;height:32px}.wordmark{font-size:12px}.header-cta{font-size:13px;padding:10px 13px}.hero{display:flex;min-height:0}.hero-panel{padding:48px 22px 42px}.hero-panel h1{font-size:clamp(2.6rem,9vw,3.8rem);max-width:550px}.hero-intro{font-size:16px;margin-top:22px}.hero-actions{flex-direction:row;gap:14px;align-items:center}.hero-backdrop{position:relative;left:0;width:100%;height:310px}.hero-image-mask{left:14px;right:14px;bottom:14px;gap:12px}.hero-image-mask span,.hero-image-mask strong{font-size:12px}.home-facts{gap:0}.home-facts>div,.home-facts>div:not(:first-child){padding:20px 0;min-height:0}.home-facts strong{font-size:1.5rem}.home-facts small{font-size:13px}.craft-feature,.craft-section,.home-blog,.faq-section,.home-video-section,.capability-section,.quality-details-section,.wash-films,.wash-gallery,.wash-checks{padding:56px 22px}.gateway-section{padding:48px 22px}.craft-heading,.gateway-intro,.blog-section-heading,.home-video-heading{display:block;margin-bottom:28px}.craft-heading>a,.blog-section-heading>a{display:inline-block;margin-top:14px}.craft-categories,.gateway-grid,.blog-grid,.craft-pair,.craft-films{grid-template-columns:1fr;gap:36px}.craft-categories img{aspect-ratio:1}.craft-categories p{max-width:none}.home-3d-feature{grid-template-columns:1fr}.home-3d-copy{padding:56px 22px 32px}.home-3d-visual{min-height:330px}.home-3d-visual img{height:300px}.home-video-layout,.faq-section{grid-template-columns:1fr;gap:28px}.home-video-stage video{height:auto;max-height:480px}.home-video-sidecopy{padding:0}.page-hero{grid-template-columns:1fr;min-height:0}.page-hero-copy{padding:48px 22px}.page-hero-copy h1{font-size:clamp(2.5rem,9vw,3.4rem)}.page-hero-image{min-height:320px}.craft-title{padding:48px 22px 24px}.craft-title h1{font-size:clamp(2.7rem,10vw,4rem)}.wash-hero{padding:48px 22px}.cta-section{padding:56px 22px}.cta-actions{gap:20px}.floating-whatsapp{right:14px;bottom:14px;padding:11px 14px}footer{padding:36px 22px 96px}.catalog-grid{padding-inline:22px}.catalog-meta p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.yili-enter{animation:none!important;opacity:1!important;transform:none!important}html{scroll-behavior:auto}}