:root{--ink:#111515;--cyan:#29ddd3;--muted:#727878;--paper:#f5f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0b9991;outline-offset:5px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7ebea}.logo{display:flex;align-items:center;gap:18px;white-space:nowrap}.logo>b{font-size:43px;font-family:Arial,sans-serif;font-style:italic;letter-spacing:-3px;font-weight:950;transform:scaleX(1.04)}.logo>span{font-size:20px;font-weight:750;border-left:1px solid #cbd1cf;padding-left:18px;line-height:1.3}.logo small{display:block;font-size:9px;letter-spacing:1.4px;font-weight:500;margin-top:4px}nav{display:flex;gap:36px;height:100%;align-items:center}nav a{font-size:14px;position:relative;padding:35px 0}nav a:after{content:"";position:absolute;bottom:22px;left:0;width:0;height:3px;background:var(--cyan);transition:width .2s}nav a:hover:after,nav a.active:after{width:100%}.header-scan{background:var(--ink);color:#fff;padding:14px 21px;font-size:14px}.header-scan span{margin-left:20px}.hero{position:relative;min-height:650px;height:calc(100svh - 96px);max-height:830px;background:#101415;color:#fff;overflow:hidden}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,16,.62),rgba(8,14,16,.04) 76%)}.hero-copy{position:relative;padding:7.5% 6%;max-width:800px;z-index:1}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;line-height:1.7}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:10px}.hero h1{font-size:clamp(58px,5.6vw,88px);line-height:1.2;letter-spacing:-3px;margin:28px 0 23px;font-weight:800}.hero h1 span,.partner-copy h1 span{color:var(--cyan)}.hero-copy p{font-size:16px;color:#c6d0d0;line-height:1.9;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:40px;justify-content:space-between;background:var(--cyan);color:var(--ink);padding:19px 26px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#77eee7;transform:translateY(-2px)}.button span{font-size:22px}.hero-note{font-size:12px;color:#aab5b6;margin-top:18px}.hero-foot{position:absolute;bottom:0;left:6%;right:6%;height:66px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff30;font-size:11px;letter-spacing:1.4px;color:#b3bcbc}.hero-foot a{font-size:13px;color:#fff}.ticker{display:flex;align-items:center;justify-content:space-around;gap:48px;background:var(--cyan);height:66px;overflow:hidden;white-space:nowrap;font-weight:800;letter-spacing:2px;font-size:19px}.ticker i{font-style:normal;font-size:26px}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}h2{font-size:clamp(28px,2.8vw,42px);letter-spacing:-1px;line-height:1.35;margin:15px 0 20px}.text-link{background:none;border-bottom:1px solid currentColor;padding:0 0 9px;white-space:nowrap;font-size:14px}.editorial-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.editorial-card{height:480px;position:relative;overflow:hidden;color:white;text-align:left;background:#172221}.editorial-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.editorial-card:hover img{transform:scale(1.035)}.editorial-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#071616bd)}.editorial-card>div{position:absolute;left:32px;bottom:32px;z-index:1}.editorial-card span{font-size:11px;letter-spacing:2px}.editorial-card h3{font-size:30px;margin:13px 0}.editorial-card p{font-size:14px;margin:0;color:#d9e6e4}.editorial-card>b{position:absolute;right:30px;bottom:38px;font-size:28px;z-index:2;font-weight:400}.objects img{object-position:70%}.brand-note{position:relative;text-align:center;background:var(--paper);padding:82px 20px 140px;overflow:hidden}.brand-note p{line-height:1.9;color:#687171;font-size:16px;margin:20px 0 25px}.brand-note .text-link{position:relative;z-index:1}.oversize{position:absolute;bottom:-95px;left:0;right:0;font-size:220px;font-family:Arial;font-weight:950;letter-spacing:-15px;font-style:italic;color:#e8edeb;pointer-events:none}.end-cta{background:var(--cyan);display:flex;align-items:center;justify-content:space-between;padding:65px 10%}.end-cta h2{font-size:52px;margin-bottom:0}.cta-right{text-align:center}.cta-right img{background:white;padding:6px;width:146px;height:146px}.cta-right p{font-size:13px;margin:12px 0 0}footer{padding:52px 6% 22px;background:#111616;color:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px}.footer-top p{font-size:18px;color:#a4b1ae}.footer-bottom{border-top:1px solid #35403d;padding-top:22px;display:flex;justify-content:space-between;color:#96a4a1;font-size:12px}.discover-title{padding-top:74px;padding-bottom:45px}.discover-title h1{font-size:clamp(42px,5vw,72px);letter-spacing:-2px;margin:22px 0 30px}.discover-title h1 span{color:#929d99}.title-bottom{display:flex;justify-content:space-between;align-items:center}.title-bottom p{font-size:16px;color:#6e7774}.title-bottom>span{font-size:11px;letter-spacing:2px}.category-tabs{display:flex;gap:42px;padding:0 6%;border-bottom:1px solid #dce1de}.category-tabs button{background:none;padding:20px 0;font-size:16px;color:#747d79;position:relative}.category-tabs button[aria-selected=true]{color:#101715;font-weight:700}.category-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:0;height:4px;left:0;right:0;background:var(--cyan)}.category-feature{display:grid;grid-template-columns:1.2fr 1fr;min-height:565px;background:#f2f5f2}.category-photo{position:relative;min-height:565px;overflow:hidden}.category-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.category-photo>span{position:absolute;left:35px;bottom:25px;color:#fff;font-size:12px;letter-spacing:2px;background:#1118;padding:8px}.category-copy{padding:70px 12%}.category-copy h2{font-size:44px;margin:24px 0}.category-copy>p{font-size:16px;line-height:1.9;color:#66726c;max-width:390px}.tags{font-size:13px;margin:28px 0;color:#67716c}.discovery-note{text-align:center}.discovery-note h2{font-size:40px}.discovery-note p{color:#747d79;line-height:1.8;margin-bottom:26px}.partner-hero{height:640px;position:relative;background:#182625;color:#fff;overflow:hidden}.partner-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.partner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061512ed 5%,#0615127a 55%,#06151213)}.partner-copy{position:absolute;top:95px;left:6%;right:6%}.partner-copy h1{font-size:clamp(44px,4.6vw,68px);line-height:1.25;letter-spacing:-2px;margin:24px 0}.partner-copy p{color:#d3ded8;font-size:16px;margin:25px 0 35px}.partner-types,.step-grid,.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.partner-types article{padding:35px 0 15px;border-top:2px solid #141d18}.partner-types span,.values article>span{font-size:12px;letter-spacing:1.7px;color:#737f79}.partner-types h3,.step-grid h3,.values h3{font-size:25px;margin:22px 0 16px}.partner-types p,.step-grid p,.values p{font-size:16px;color:#727d77;line-height:1.9;max-width:320px}.steps{background:#f2f5f2}.steps>h2{margin-bottom:42px}.step-grid article>b{font-size:56px;font-weight:400;letter-spacing:-3px;color:#138c80}.steps>.fine{margin:36px 0 22px}.fine{font-size:12px;color:#728079;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:50px}details{border-bottom:1px solid #d4ddd7;padding:23px 0}summary{font-size:17px;cursor:pointer;line-height:1.6}details p{font-size:15px;color:#758179;line-height:1.8;padding-right:30px}.about-intro{padding-top:80px;padding-bottom:75px;display:grid;grid-template-columns:1.25fr 1fr;gap:0 70px}.about-intro>.eyebrow{grid-column:1/-1}.about-intro h1{font-size:clamp(46px,4.6vw,70px);letter-spacing:-2px;line-height:1.3;margin:30px 0 0}.about-intro h1 span{color:#80968c}.about-description{padding-top:46px}.about-description>b{font-size:23px}.about-description p{font-size:16px;line-height:1.9;color:#758179}.about-photo{height:560px;position:relative;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.about-photo>span{position:absolute;bottom:35px;left:6%;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-1px;color:white;text-shadow:0 2px 20px #0007}.values article{border-top:1px solid #b5c5bb;padding-top:27px}dialog{border:0;padding:48px 48px 35px;text-align:center;width:450px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#071512b8;backdrop-filter:blur(7px)}dialog .close{position:absolute;top:12px;right:16px;font-size:30px;background:none;color:#43554a;width:36px;height:36px}dialog h2{font-size:26px;margin:18px 0 12px}dialog>p{font-size:14px;color:#6c7c72}dialog .eyebrow{font-size:10px;color:#337969;letter-spacing:2px}.qr-wrap{display:inline-block;background:#f0f5f1;padding:12px;margin:16px 0 24px}.qr-wrap img{display:block;width:224px;height:224px}dialog strong{display:block;font-size:20px}.mobile-direct{display:block;font-size:13px;margin-top:24px;text-decoration:underline}.modal-open{overflow:hidden}#app{animation:enter .45s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.hero-copy{padding-top:110px}.hero h1{font-size:90px}}@media(max-width:1050px){header{padding:0 4%;height:84px}.logo>b{font-size:34px}.logo>span{font-size:16px;padding-left:10px}.logo{gap:10px}nav{gap:22px}.header-scan{padding:12px}.header-scan span{margin-left:8px}.hero{height:710px}.hero-copy{padding-top:100px}.hero h1{font-size:66px}.hero-art{object-position:60%}.editorial-card{height:380px}.end-cta h2{font-size:44px}.section{padding:65px 5%}.category-copy{padding:55px 9%}.category-copy h2{font-size:36px}.footer-top p{display:none}.about-intro{gap:30px}.about-intro h1{font-size:48px}.partner-types,.step-grid,.values{gap:26px}}@media(max-width:720px){header{height:auto;min-height:106px;flex-wrap:wrap;padding:12px 5% 0;gap:8px}.logo>b{font-size:31px}.logo>span{font-size:15px}.logo small{font-size:8px}.header-scan{font-size:12px;padding:10px 12px}nav{order:3;width:100%;gap:0;justify-content:space-between;height:42px}nav a{font-size:13px;padding:12px 0}nav a:after{bottom:3px}.hero{min-height:640px;height:calc(100svh - 106px);max-height:760px}.hero-copy{padding:65px 6% 20px}.hero h1{font-size:52px;letter-spacing:-2px;margin:22px 0}.hero-shade{background:linear-gradient(90deg,#061211cf,#07161750)}.hero-art{object-position:62%;opacity:.65}.hero-copy p{font-size:14px}.hero-foot{font-size:9px;height:55px}.hero-foot>span:first-child{display:none}.hero-foot a{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.7px}.button{font-size:14px;padding:16px 20px}.ticker{height:50px;font-size:14px;gap:25px}.section{padding:50px 6%}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:8px}h2{font-size:29px;letter-spacing:-.6px}.editorial-grid{grid-template-columns:1fr;gap:16px}.editorial-card{height:390px}.editorial-card>div{left:22px;bottom:25px}.editorial-card h3{font-size:26px}.brand-note{padding:60px 6% 100px}.brand-note h2{font-size:26px}.brand-note p{font-size:14px}.oversize{font-size:140px;bottom:-63px;letter-spacing:-10px}.end-cta{padding:45px 6%;gap:20px}.end-cta h2{font-size:30px}.end-cta .eyebrow{font-size:8px;max-width:170px}.cta-right img{width:114px;height:114px}.cta-right p{font-size:10px}footer{padding:35px 6% 25px}.footer-top{padding-bottom:28px}.footer-top .text-link{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:10px}.discover-title h1{font-size:40px;line-height:1.3}.discover-title h1 span{display:block}.title-bottom>span{display:none}.title-bottom p{font-size:14px;line-height:1.8}.category-tabs{gap:0;justify-content:space-between}.category-tabs button{font-size:14px;padding:17px 0}.category-feature{grid-template-columns:1fr}.category-photo{min-height:330px}.category-copy{padding:38px 6% 45px}.category-copy h2{font-size:35px}.discovery-note h2{font-size:30px}.discovery-note p{font-size:14px}.partner-hero{height:600px}.partner-copy{top:65px}.partner-copy h1{font-size:44px}.partner-copy p{font-size:14px;max-width:300px;line-height:1.8}.partner-hero>img{object-position:62%}.partner-types,.step-grid,.values{grid-template-columns:1fr;gap:22px}.partner-types article{padding:22px 0 5px}.partner-types h3,.values h3{margin:14px 0}.partner-types p,.values p{max-width:none;font-size:15px}.step-grid article{display:grid;grid-template-columns:60px 1fr;column-gap:18px}.step-grid article>b{grid-row:1/3;font-size:45px}.step-grid h3{margin:2px 0 8px;font-size:22px}.step-grid p{grid-column:2;font-size:14px;margin:0}.faq{grid-template-columns:1fr;gap:12px}.about-intro{display:block}.about-intro h1{font-size:44px}.about-description{padding-top:32px}.about-description p{font-size:15px}.about-photo{height:380px}.about-photo>span{font-size:29px}.values article{padding-top:22px}dialog{padding:45px 24px 28px}.qr-wrap img{width:210px;height:210px}html{scroll-padding-top:120px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* YELLS editorial revision */
:root{--cyan:#20cec8;--paper:#f2f5f6}header{height:88px;padding:0 5%;background:rgba(255,255,255,.97)}.logo{gap:17px;align-items:center}.logo>span{border:0;padding:0;display:block;position:relative;overflow:hidden;flex:none}.logo .logo-en{width:144px;height:56px}.logo-en img{position:absolute;width:176px;height:176px;max-width:none;left:-17px;top:-57px}.logo .logo-cn{width:86px;height:29px;border-left:0}.logo-cn img{position:absolute;width:118px;height:118px;max-width:none;left:-15px;top:-46px}footer .logo img{filter:invert(1);mix-blend-mode:screen}footer .logo{background:#111616}nav a{padding:31px 0}.header-scan{border-radius:2px}.hero{margin:0;height:690px;min-height:620px;max-height:800px}.hero-copy{padding:105px 7% 60px;max-width:800px}.hero h1{font-size:clamp(60px,5.7vw,84px);font-weight:700;line-height:1.22;letter-spacing:-3px}.hero-copy p{font-size:16px;margin:25px 0 32px}.hero-foot{left:7%;right:7%}.hero-note{letter-spacing:1px;margin-top:24px}.button{border-radius:2px;font-weight:500}.hero-shade{background:linear-gradient(90deg,#06101385,#07101205 74%)}.journal{padding-top:100px;padding-bottom:85px}.journal .section-heading{align-items:center;margin-bottom:44px}.journal h2{font-size:50px;margin-top:16px;line-height:1.25;font-weight:650}.journal h2 span{color:#7b878b}.heading-aside{color:#6d7a7e;font-size:15px;line-height:1.9;margin:0 6% 0 0}.journal-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:7%}.journal-feature{display:block;background:none;color:var(--ink);padding:0;text-align:left;width:100%}.photo-wrap{overflow:hidden;position:relative;background:#edf1f2}.photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.journal-feature:hover .photo-wrap img{transform:scale(1.035)}.journal-grid>.journal-feature .photo-wrap{height:580px}.photo-label{position:absolute;left:22px;top:22px;color:#fff;font-size:10px;letter-spacing:2px;background:#151d2060;padding:8px 11px;backdrop-filter:blur(8px)}.journal-caption{display:flex;justify-content:space-between;gap:20px;padding:22px 0}.journal-caption h3{font-size:25px;font-weight:550;letter-spacing:-.5px;margin:0 0 10px}.journal-caption p{font-size:14px;line-height:1.7;color:#748085;margin:0}.journal-caption>span{font-size:27px}.journal-side{padding-top:8px}.side-intro{height:177px}.side-intro>p{font-size:30px;font-weight:400;line-height:1.5;margin:15px 0}.side-intro .eyebrow{font-size:10px;color:#72848a}.journal-side .photo-wrap{height:400px}.journal-more{display:table;margin:38px auto 0}.brand-ribbon{background:#eff4f5;display:flex;align-items:center;justify-content:space-between;padding:55px 7%;gap:40px}.brand-ribbon>span{font:900 italic clamp(32px,5vw,78px)/1 Arial;letter-spacing:-3px;color:#173e40}.brand-ribbon p{font-size:21px;line-height:1.6;margin-top:0}.brand-ribbon .text-link{font-size:13px}.end-cta{background:white;position:relative;margin:0 6%;padding:80px 2%;border-bottom:1px solid #dce5e5;gap:30px}.end-cta h2{font-weight:550;font-size:48px}.end-cta .eyebrow{color:#3e8785}.cta-right{display:flex;align-items:center;gap:23px;text-align:left}.cta-right img{border:1px solid #d3e6e4;padding:10px;width:150px;height:150px}.cta-right p{font-size:14px;writing-mode:vertical-rl;letter-spacing:2px}.footer-top{padding-bottom:36px}.footer-top p{font-size:16px}.discover-title{padding-top:65px;padding-bottom:40px}.discover-title h1{font-size:62px;font-weight:600;letter-spacing:-2px;margin-bottom:18px}.discover-title h1 span{color:#91a3a7}.category-tabs{margin:0 6%;padding:0;gap:45px}.category-feature{margin:36px 6% 0;grid-template-columns:1.18fr 1fr;min-height:530px;background:#f3f6f7;border:0}.category-photo{min-height:530px}.category-photo>span{background:#fff;color:#233b42;font-size:10px;left:20px;bottom:20px;padding:11px 15px}.category-copy{padding:64px 10% 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.category-copy h2{font-size:39px;font-weight:550;line-height:1.4;margin:20px 0}.category-copy p{font-size:15px;line-height:1.9;margin:0}.category-copy .eyebrow{font-size:10px;color:#678188}.category-copy .tags{font-size:12px;margin:24px 0}.category-copy .button{font-size:14px;padding:15px 20px}.category-feature[data-category=bags]{background:#f7f1f3}.category-feature[data-category=digital]{background:#eef3f8}.category-feature[data-category=everyday]{background:#f2f5f0}.discovery-note{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;text-align:left;gap:0 50px;padding-top:65px;padding-bottom:70px}.discovery-note>.eyebrow{grid-column:1/-1}.discovery-note h2{font-size:31px;font-weight:500;grid-row:2/4}.discovery-note p{font-size:14px;align-self:end;margin-bottom:20px}.discovery-note .button{justify-self:start;align-self:start}.partner-hero{display:grid;grid-template-columns:1fr 1.07fr;height:650px;background:#f0f4f4;color:#172a2d}.partner-image{grid-column:2;grid-row:1;position:relative;overflow:hidden;margin:38px 38px 38px 0}.partner-image img{width:100%;height:100%;object-fit:cover;object-position:52%}.partner-image>span{position:absolute;bottom:20px;left:20px;color:white;background:#0f22267a;padding:11px 14px;font-size:10px;letter-spacing:1.4px}.partner-copy{position:static;grid-column:1;grid-row:1;align-self:center;padding:55px 9% 55px 13%}.partner-copy h1{font-size:clamp(38px,4vw,60px);font-weight:550;line-height:1.35;letter-spacing:-2px}.partner-copy h1 span{color:#109d97}.partner-copy p{font-size:15px;color:#74878c;line-height:1.9;max-width:350px;margin:24px 0 32px}.partner-copy .eyebrow{color:#49817c}.partner-copy .button{background:#163f40;color:white;font-size:14px}.partner-types{gap:50px}.partner-types article{border-top:1px solid #c8d8d8}.partner-types h3{font-weight:500}.steps{margin:0 6%;padding:55px 5%;background:#edf4f5}.steps>h2{font-weight:500}.step-grid{gap:45px}.step-grid article>b{font-size:45px;color:#77a5a5}.step-grid h3{font-weight:500;font-size:21px}.step-grid p{font-size:14px}.faq{padding-top:75px;padding-bottom:90px}.faq h2{font-weight:500}.about-intro{padding-top:74px;padding-bottom:68px;gap:0 80px;background:#fafcfc}.about-intro h1{font-size:clamp(42px,4.6vw,68px);font-weight:550;letter-spacing:-2px}.about-intro h1 span{color:#599791}.about-description>b{font-weight:500;font-size:20px}.about-description p{font-size:15px;color:#718487}.about-photo{margin:0 6%;height:565px}.about-photo img{object-position:center}.about-photo-caption{position:absolute;left:35px;bottom:32px;color:white;background:#09282a5e;backdrop-filter:blur(10px);padding:22px 26px}.about-photo-caption>span{font-size:27px;font-weight:400}.about-photo-caption p{font-size:10px;letter-spacing:2px;margin:13px 0 0}.values{padding-top:65px;padding-bottom:65px}.values h3{font-weight:500;font-size:24px}.values p{font-size:14px}.about-invite{background:#123c3c;color:#fff;text-align:center;padding:65px 6% 75px}.about-invite .eyebrow{color:#89c8c2}.about-invite h2{font-size:40px;font-weight:500;margin:20px 0 30px}.about-invite .button{background:#fff}.journal,.category-copy,.about-description{animation:enter .45s ease}#app{animation:none}dialog{border-radius:3px}dialog .qr-wrap{background:#edf6f5}
@media(max-width:1050px){header{padding:0 4%}.logo{gap:10px}.logo .logo-en{width:120px;height:46px}.logo-en img{width:146px;height:146px;left:-14px;top:-47px}.logo .logo-cn{width:75px;height:25px}.logo-cn img{width:103px;height:103px;left:-13px;top:-40px}nav{gap:22px}.hero-copy{padding-top:110px}.journal h2{font-size:43px}.journal-grid{gap:5%}.journal-grid>.journal-feature .photo-wrap{height:500px}.journal-side .photo-wrap{height:340px}.side-intro{height:160px}.journal-caption h3{font-size:21px}.partner-copy{padding-left:10%;padding-right:7%}.partner-copy h1{font-size:44px}.partner-image{margin:25px 25px 25px 0}.category-copy{padding:40px 8%}.category-copy h2{font-size:33px}.category-photo{min-height:490px}.about-intro{gap:0 40px}.about-description{padding-top:30px}}
@media(max-width:720px){header{height:auto;padding:10px 5% 0;min-height:106px}.logo{gap:10px}.logo .logo-en{width:103px;height:40px}.logo-en img{width:126px;height:126px;left:-12px;top:-41px}.logo .logo-cn{width:68px;height:23px}.logo-cn img{width:94px;height:94px;left:-12px;top:-37px}nav a{padding:12px 0}.hero{height:650px;min-height:600px}.hero-copy{padding:78px 6% 30px}.hero h1{font-size:54px}.hero-copy p{font-size:14px}.hero-note{font-size:11px}.hero-foot{left:6%;right:6%}.journal{padding-top:55px;padding-bottom:50px}.journal h2{font-size:38px}.heading-aside{font-size:14px;margin-top:22px}.journal .section-heading{margin-bottom:28px}.journal-grid{grid-template-columns:1fr;gap:30px}.journal-grid>.journal-feature .photo-wrap{height:440px}.journal-side{padding-top:0}.side-intro{height:auto;margin:5px 0 24px}.side-intro p{font-size:25px;margin:12px 0}.journal-side .photo-wrap{height:310px}.journal-caption{padding:19px 0 0}.journal-caption h3{font-size:22px}.journal-caption p{font-size:13px}.journal-more{margin-top:38px}.brand-ribbon{padding:40px 6%;display:block}.brand-ribbon>span{font-size:39px;letter-spacing:-2px}.brand-ribbon>div{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:25px}.brand-ribbon p{font-size:17px;margin:0}.brand-ribbon .text-link{font-size:12px}.end-cta{padding:45px 0;gap:20px;margin:0 6%}.end-cta h2{font-size:30px}.cta-right{gap:0}.cta-right img{width:110px;height:110px;padding:5px}.cta-right p{display:none}.discover-title h1{font-size:40px;line-height:1.3}.category-tabs{gap:0;justify-content:space-between}.category-feature{grid-template-columns:1fr;margin:23px 6% 0;min-height:0}.category-photo{min-height:290px}.category-copy{padding:30px 7% 35px}.category-copy h2{font-size:32px}.category-copy p{font-size:14px}.category-copy .eyebrow{font-size:9px}.discovery-note{display:block;padding-top:45px;padding-bottom:45px}.discovery-note h2{font-size:28px;margin-top:15px}.discovery-note p{font-size:14px}.partner-hero{height:auto;grid-template-columns:1fr}.partner-copy{grid-column:1;grid-row:1;padding:48px 6% 38px}.partner-copy h1{font-size:43px;margin-top:18px}.partner-image{grid-column:1;grid-row:2;height:330px;margin:0 6% 25px}.partner-types{gap:22px}.steps{padding:38px 7%;margin:0 6%}.step-grid{gap:28px}.steps h2{font-size:28px}.step-grid article>b{font-size:38px}.step-grid article{grid-template-columns:43px 1fr;column-gap:14px}.faq{padding:48px 6%}.about-intro{padding-top:50px;padding-bottom:40px}.about-intro h1{font-size:43px}.about-description{padding-top:25px}.about-photo{height:380px}.about-photo-caption{left:15px;right:15px;bottom:18px;padding:17px}.about-photo-caption>span{font-size:22px}.about-photo-caption p{font-size:8px;letter-spacing:1px}.values{padding-top:42px;padding-bottom:42px}.about-invite{padding:48px 6% 55px}.about-invite h2{font-size:30px}.footer-top .text-link{font-size:11px}.footer-top{gap:12px}}
/* Comprehensive commerce */
.qr-icon{width:27px;height:27px;padding:1px;background:white;display:block;flex:none;object-fit:contain;border-radius:1px}.scan.header-scan{display:inline-flex;align-items:center;gap:10px}.header-scan .qr-icon{width:24px;height:24px}.button.scan{gap:14px}.button .scan-label{font-size:16px;line-height:1.5}.commerce-hero .hero-copy{max-width:930px;padding-top:102px}.commerce-hero h1{font-size:clamp(54px,5.2vw,78px);letter-spacing:-2.5px}.commerce-hero .hero-copy p{font-size:15px;line-height:1.9;max-width:560px}.commerce-hero .hero-note{font-size:12px;letter-spacing:.5px}.home-categories{padding-top:65px;padding-bottom:55px}.home-categories h2{font-size:37px;font-weight:550}.category-directory{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #dfe7e8;border-left:1px solid #dfe7e8}.category-directory a{padding:23px 22px;border-bottom:1px solid #dfe7e8;border-right:1px solid #dfe7e8;display:flex;justify-content:space-between;align-items:center;gap:9px;transition:background .2s}.category-directory a:hover{background:#e5f7f5}.category-directory strong{font-size:17px;font-weight:500}.category-directory a>span{font-size:17px;color:#8aa0a1}.category-directory a:last-child{grid-column:span 2}.category-tail{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8;color:#799091;margin-top:18px}.life-stories{padding-top:45px;padding-bottom:75px}.life-stories .section-heading{align-items:center;margin-bottom:36px}.life-stories h2{font-size:45px;font-weight:550;line-height:1.35}.life-stories h2 span{color:#739896}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.story-food{grid-row:span 2}.story-food .photo-wrap{height:660px}.story-card:not(.story-food) .photo-wrap{height:253px}.story-card:not(.story-food) .journal-caption{padding:15px 0 0}.story-card .journal-caption h3{font-size:23px;font-weight:500}.story-card .journal-caption p{font-size:13px}.world-index{background:#f1f6f6;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:start}.world-index>div:first-child{position:sticky;top:145px}.world-index h2{font-weight:550;font-size:39px;margin-top:22px}.world-index>div>p{font-size:14px;color:#6e8585;line-height:1.9}.world-index-list>a{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid #d1dfe0}.world-index-list>a:first-child{border-top:1px solid #d1dfe0}.world-index-list>a:hover h3{color:#088e88}.world-index-list small{font-size:12px;color:#7b9595;align-self:flex-start;margin-top:5px}.world-index-list h3{font-size:21px;font-weight:500;margin:0 0 10px}.world-index-list p{font-size:13px;color:#718788;margin:0}.world-index-list>a>span{margin-left:auto;font-size:24px}.shop-bridge{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.shop-bridge h2{font-size:40px;font-weight:550}.shop-bridge p{font-size:15px;line-height:1.9;color:#6f8585}.shop-bridge .button{margin-top:16px}.shop-bridge ol{list-style:none;margin:0;padding:0}.shop-bridge li{display:flex;align-items:center;gap:25px;padding:27px 0;border-bottom:1px solid #deebeb}.shop-bridge li>span{font-size:26px;font-weight:300;color:#7bb3af}.shop-bridge li strong{font-weight:500;font-size:19px}.shop-bridge li p{font-size:13px;margin:8px 0 0}.world-jump{display:flex;height:auto;gap:35px;padding:20px 6%;background:#f3f8f7;position:sticky;top:88px;z-index:10;border-bottom:1px solid #dce7e6;overflow-x:auto}.world-jump a{padding:0;font-size:14px;white-space:nowrap}.world-jump a:after{display:none}.catalog-worlds{padding:30px 6% 0}.catalog-world{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:55px 0;border-bottom:1px solid #e0e9e8;scroll-margin-top:150px}.catalog-world:nth-child(even) .world-photo{order:2}.world-photo{position:relative;background:#eaf0f0;min-height:410px;align-self:stretch;overflow:hidden}.world-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.world-photo>span{position:absolute;left:20px;bottom:20px;color:#fff;background:#112c2b8c;padding:10px 13px;max-width:calc(100% - 40px);font-size:10px;letter-spacing:1.4px}.world-copy{padding:8px 0}.world-copy>.eyebrow{font-size:10px;color:#5a8c87}.world-copy h2{font-size:36px;font-weight:550;margin:15px 0}.world-intro{font-size:15px;color:#6f8181;line-height:1.9}.world-category-list{margin-top:25px}.world-category-list>a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dae5e4;padding:17px 0}.world-category-list h3{font-size:19px;font-weight:500;margin:0 0 7px}.world-category-list p{font-size:12px;color:#7b908e;margin:0;line-height:1.7}.world-category-list>a>span{color:#6c9b97;font-size:22px}.world-category-list>a:hover h3{color:#008d85}.catalog-ending{text-align:center;padding:70px 6%;background:#f5f8f8;margin-top:55px}.catalog-ending h2{font-size:32px;font-weight:500}.catalog-ending p{color:#758988;font-size:15px;margin:15px 0 28px}.category-detail{padding-top:30px}.breadcrumb{display:flex;gap:13px;align-items:center;color:#7b8d8b;font-size:13px;line-height:1.8;flex-wrap:wrap}.breadcrumb a:hover{color:#079289}.category-detail-top{display:flex;justify-content:space-between;align-items:center;padding:55px 0 45px;gap:45px;border-bottom:1px solid #d5e4e3}.category-detail-top h1{font-size:58px;font-weight:550;margin:18px 0 25px;letter-spacing:-2px}.category-detail-top h1 span{color:#6d9893}.category-detail-top p{font-size:16px;line-height:1.9;color:#6a817f;max-width:660px;margin:0}.category-detail-top .button{flex:none}.category-detail .eyebrow{color:#527f7b}.detail-content{display:grid;grid-template-columns:1fr 250px;gap:55px;padding:45px 0}.detail-content h2{font-size:25px;font-weight:500;margin:0 0 26px}.subcategory-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.subcategory-grid article{border:1px solid #dce8e6;padding:27px 25px}.subcategory-grid article>span{font-size:12px;color:#83a4a0;letter-spacing:1px}.subcategory-grid h3{font-size:22px;font-weight:500;margin:18px 0 12px}.subcategory-grid p{font-size:14px;line-height:1.9;color:#728785;min-height:52px;margin:0 0 18px}.inline-scan{display:flex;gap:9px;align-items:center;background:none;padding:0;font-size:13px;color:#267d75}.inline-scan .qr-icon{width:22px;height:22px;border:1px solid #bdcfcb}.detail-content aside{background:#f0f7f5;padding:30px 24px;align-self:start;position:sticky;top:125px;text-align:center}.detail-content aside>img{background:white;padding:7px;width:156px;height:156px}.detail-content aside h3{font-size:17px;font-weight:500;margin:22px 0 13px}.detail-content aside p{font-size:13px;line-height:1.9;color:#708681;margin-bottom:23px}.detail-content aside>span{font-size:12px;color:#6d8e85;letter-spacing:1px}.related-categories{padding-top:28px;border-top:1px solid #d7e3df;display:flex;gap:30px;align-items:center;flex-wrap:wrap}.related-categories h3{font-size:17px;font-weight:500;margin:0;margin-right:auto}.related-categories a{font-size:14px}.complete-footer{padding:60px 6% 28px;background:#101e20}.complete-footer .logo{background:transparent}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 150px;gap:30px;padding-bottom:43px}.footer-brand>p{font-size:18px;color:#f3f7f6;margin:25px 0 17px}.footer-brand>span{font-size:12px;color:#88a1a1;line-height:1.9}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-column h3{font-size:14px;font-weight:500;margin:7px 0 10px;color:#fff}.footer-column>a,.footer-column>button{font-size:12px;background:none;padding:0;border:none;color:#95adad;line-height:1.5;text-align:left}.footer-column>a:hover,.footer-column>button:hover{color:#56ddd0}.footer-qr{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-qr>img{width:136px;height:136px;padding:5px;background:white}.footer-qr strong{font-size:13px;font-weight:500;margin-top:16px}.footer-qr>span{font-size:11px;color:#8ea6a6;margin-top:10px}.footer-category-map{border-top:1px solid #304345;display:flex;gap:27px;padding:25px 0;color:#739091}.footer-category-map>strong{font-size:12px;font-weight:500;flex:none}.footer-category-map>div{display:flex;gap:12px 22px;flex-wrap:wrap}.footer-category-map a{font-size:11px}.complete-footer .footer-bottom{font-size:11px;border-color:#304345;color:#739091}.help-copy{text-align:left;line-height:1.9;font-size:15px!important;margin:20px 0 28px}#help-dialog{width:500px}#help-dialog .button{font-size:14px}.partner-copy h1{line-height:1.3}.partner-copy>p{max-width:380px}
@media(max-width:1100px){.footer-main{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-qr{grid-column:1;grid-row:2;align-items:flex-start;text-align:left}.footer-column:nth-child(2){grid-column:2;grid-row:1/3}.footer-column:nth-child(3){grid-column:3;grid-row:1/3}.footer-column:nth-child(4){grid-column:4;grid-row:1/3}.category-directory strong{font-size:15px}.category-directory a{padding:20px 15px}.detail-content{grid-template-columns:1fr 210px;gap:30px}.detail-content aside{padding:25px 17px}.category-detail-top h1{font-size:44px}.world-copy h2{font-size:32px}.world-photo{min-height:440px}.commerce-hero h1{font-size:64px}.story-food .photo-wrap{height:630px}.world-index{gap:5%}.world-index h2{font-size:34px}}
@media(max-width:720px){.commerce-hero .hero-copy{padding:70px 6% 25px}.commerce-hero h1{font-size:46px;letter-spacing:-2px}.commerce-hero .hero-copy p{font-size:14px;max-width:330px}.commerce-hero .hero-note{font-size:10px;max-width:310px;line-height:1.8}.commerce-hero .hero-art{object-position:61%}.button .scan-label{font-size:14px}.qr-icon{width:25px;height:25px}.header-scan .qr-icon{width:20px;height:20px}.scan.header-scan{gap:6px;padding:9px 10px;font-size:11px}.home-categories{padding-top:45px;padding-bottom:30px}.home-categories h2{font-size:29px}.category-directory{grid-template-columns:repeat(3,1fr)}.category-directory a{padding:18px 12px}.category-directory strong{font-size:14px}.category-directory a>span{font-size:13px}.category-tail{display:block;font-size:10px}.category-tail>span:last-child{display:none}.life-stories{padding-top:25px;padding-bottom:45px}.life-stories h2{font-size:34px}.life-stories .section-heading{display:block}.heading-aside{font-size:14px;margin-top:20px}.story-grid{grid-template-columns:1fr;gap:28px}.story-food{grid-row:auto}.story-food .photo-wrap{height:350px}.story-card:not(.story-food) .photo-wrap{height:270px}.story-card .journal-caption h3{font-size:21px}.story-card .journal-caption p{font-size:12px}.world-index{grid-template-columns:1fr;gap:25px}.world-index>div:first-child{position:static}.world-index h2{font-size:30px}.world-index-list>a{gap:18px}.world-index-list h3{font-size:20px}.world-index-list p{font-size:12px}.shop-bridge{grid-template-columns:1fr;gap:30px}.shop-bridge h2{font-size:31px}.shop-bridge p{font-size:14px}.shop-bridge li strong{font-size:17px}.shop-bridge li p{font-size:12px}.world-jump{top:106px;padding:16px 6%;gap:25px;order:initial;height:auto;justify-content:flex-start;flex-wrap:nowrap}.world-jump a{font-size:13px;padding:0}.catalog-worlds{padding-top:0}.catalog-world{grid-template-columns:1fr;gap:25px;padding:35px 0;scroll-margin-top:175px}.catalog-world:nth-child(even) .world-photo{order:initial}.world-photo{min-height:0;height:280px}.world-copy{padding:0}.world-copy h2{font-size:30px}.world-copy>.eyebrow{font-size:9px}.world-intro{font-size:14px}.world-category-list{margin-top:20px}.world-category-list>a{padding:15px 0}.world-category-list h3{font-size:18px}.catalog-ending{padding:45px 6%;margin-top:35px}.catalog-ending h2{font-size:27px}.catalog-ending p{font-size:14px}.category-detail{padding-top:23px}.breadcrumb{font-size:12px;gap:10px}.category-detail-top{display:block;padding:30px 0}.category-detail-top h1{font-size:36px;margin:15px 0 18px}.category-detail-top h1 span{display:block;line-height:1.6}.category-detail-top p{font-size:14px;line-height:1.9}.category-detail-top .button{margin-top:23px}.detail-content{display:block;padding:32px 0}.detail-content h2{font-size:23px}.subcategory-grid{grid-template-columns:1fr;gap:14px}.subcategory-grid article{padding:23px}.subcategory-grid h3{margin-top:13px}.subcategory-grid p{min-height:0;font-size:14px}.detail-content aside{position:static;margin-top:27px;padding:27px;text-align:center}.detail-content aside p{max-width:290px;margin:13px auto 20px}.related-categories{gap:20px}.related-categories h3{width:100%}.related-categories a{font-size:13px}.complete-footer{padding:42px 6% 24px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-brand>p{margin:18px 0 12px}.footer-column:nth-child(2){grid-column:1;grid-row:auto}.footer-column:nth-child(3){grid-column:2;grid-row:auto}.footer-column:nth-child(4){grid-column:1;grid-row:auto}.footer-qr{grid-column:2;grid-row:auto;align-items:flex-start}.footer-column{gap:15px}.footer-column h3{font-size:14px}.footer-column>a,.footer-column>button{font-size:13px}.footer-qr>img{width:118px;height:118px}.footer-qr strong{font-size:12px}.footer-qr>span{font-size:10px}.footer-category-map{display:block;padding:23px 0}.footer-category-map>div{margin-top:16px;gap:12px 20px}.footer-category-map a{font-size:12px}.complete-footer .footer-bottom{font-size:10px;line-height:1.8}.footer-bottom span:first-child{width:100%}#help-dialog{padding:48px 24px 30px}.help-copy{font-size:14px!important}}
/* v4: shopping direction, complete category imagery and merchant materials */
.category-icon{display:block;width:78px;height:78px;flex:none;background-image:url('https://img.yells.vip/pc/official-site/assets/category-icons.webp');background-size:600% 300%;background-repeat:no-repeat;mix-blend-mode:multiply}
.category-directory{gap:0;border-color:#dfe7e8}
.category-directory a{position:relative;min-height:174px;padding:15px 8px 18px;flex-direction:column;justify-content:center;gap:6px;text-align:center;background:#fff}
.category-directory a:last-child{grid-column:auto}
.category-directory a .category-icon{width:88px;height:88px;margin-bottom:3px;transition:transform .25s}
.category-directory a:hover{background:#edf9f7}
.category-directory a:hover .category-icon{transform:translateY(-3px)}
.category-directory strong{font-size:16px;font-weight:550;line-height:1.5}
.category-directory small{font-size:10px;color:#84918f;line-height:1.7;letter-spacing:.2px}
.category-directory .category-arrow{position:absolute;right:14px;top:13px;font-size:16px;color:#9aaead}
.category-tail{margin-top:21px}
.life-stories .story-food .photo-wrap img{object-position:44% 50%}
.story-card:hover img{transform:scale(1.035)}
.story-card:hover .journal-caption h3{color:#078b85}
.world-index-list>a{gap:21px;padding:15px 0}
.world-index-list>a>.category-icon{width:70px;height:70px;margin:0}
.world-index-list>a>span:last-child{margin-left:auto}
.world-index-list h3{margin-bottom:8px}
.world-jump{justify-content:space-between;gap:22px;padding-top:11px;padding-bottom:11px}
.world-jump a{display:flex;align-items:center;gap:9px}
.world-jump .category-icon{width:36px;height:36px}
.world-category-list>a{justify-content:flex-start;gap:17px;padding:12px 0}
.world-category-list>a>.category-icon{width:64px;height:64px}
.world-category-list>a>div{flex:1}
.world-category-list>a>span:last-child{margin-left:auto}
.category-detail-name{display:flex;gap:22px;align-items:center;margin:15px 0 24px}
.category-detail-name>.category-icon{width:92px;height:92px}
.category-detail-top .category-detail-name h1{font-size:46px;line-height:1.35;margin:0;letter-spacing:-1.8px}
.category-detail-top h1 span{font-size:.76em}
.related-categories a{display:inline-flex;align-items:center;gap:8px}
.related-categories .category-icon{width:40px;height:40px}
.partner-materials{padding-top:15px;padding-bottom:75px;scroll-margin-top:115px}
.partner-materials .section-heading{align-items:center;margin-bottom:35px}
.partner-materials h2{font-weight:550;font-size:37px}
.partner-materials .heading-aside{margin-right:0}
.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.materials-grid article{padding:25px 25px 27px;border:1px solid #dce7e5;background:#fff}
.materials-grid article:nth-child(n+5){background:#f2f7f6}
.material-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.material-icon{width:46px;height:46px;background:#e9f8f5;display:grid;place-items:center;color:#138880}
.material-icon svg{width:28px;height:28px}
.material-card-top>span{font-size:11px;color:#698880;border:1px solid #d5e5df;padding:5px 8px;white-space:nowrap}
.materials-grid h3{font-size:21px;font-weight:550;display:flex;align-items:center;gap:12px;margin:0 0 17px}
.materials-grid h3 small{font-size:12px;font-weight:400;color:#82a29a;letter-spacing:1px}
.materials-grid ul{padding-left:16px;margin:0;color:#6d817b;font-size:14px;line-height:1.85}
.materials-grid li+li{margin-top:7px}
.materials-grid li::marker{color:#71a99e}
.materials-note{margin:26px 0;display:flex;gap:25px;padding:22px 25px;border-left:3px solid #36b8ac;background:#f6f8f7}
.materials-note strong{font-size:14px;font-weight:550;flex:none;margin-top:2px}
.materials-note p{font-size:13px;line-height:1.9;color:#74817e;margin:0}
.about-photo img{object-position:50% 56%}
.about-photo-caption{background:rgba(255,255,255,.9);color:#173735;backdrop-filter:blur(12px)}
.about-intro h1{font-size:clamp(42px,4.25vw,64px)}
@media(min-width:1600px){.category-directory a{min-height:195px}.category-directory a .category-icon{width:104px;height:104px}}
@media(max-width:1100px){.category-directory a{padding:14px 5px 16px;min-height:165px}.category-directory a .category-icon{width:78px;height:78px}.category-directory small{font-size:9px}.category-directory strong{font-size:15px}.world-jump{gap:18px}.world-jump a{font-size:12px;gap:6px}.world-jump .category-icon{width:29px;height:29px}.category-detail-top .category-detail-name h1{font-size:35px}.category-detail-name{gap:12px}.category-detail-name>.category-icon{width:76px;height:76px}.materials-grid{gap:15px}.materials-grid article{padding:22px 18px}.materials-grid h3{font-size:19px}.materials-grid ul{font-size:13px}.partner-materials h2{font-size:31px}}
@media(max-width:720px){.category-directory a{min-height:149px;padding:12px 5px 15px;gap:5px}.category-directory a .category-icon{width:74px;height:74px;margin-bottom:0}.category-directory strong{font-size:14px}.category-directory small{font-size:9px;letter-spacing:0}.category-directory .category-arrow{font-size:12px;right:9px;top:9px}.category-tail{font-size:10px}.world-index-list>a{gap:14px}.world-index-list>a>.category-icon{width:62px;height:62px;margin:0}.world-index-list h3{font-size:19px}.world-jump{gap:22px;padding:10px 6%}.world-jump a{font-size:13px;gap:7px}.world-jump .category-icon{width:29px;height:29px}.world-category-list>a{gap:14px}.world-category-list>a>.category-icon{width:59px;height:59px}.category-detail-top .category-detail-name h1{font-size:32px}.category-detail-top h1 span{display:block;font-size:23px;line-height:1.5}.category-detail-name{gap:13px;margin:19px 0}.category-detail-name>.category-icon{width:76px;height:76px}.partner-materials{padding-top:8px;padding-bottom:44px;scroll-margin-top:125px}.partner-materials h2{font-size:29px}.partner-materials .section-heading{margin-bottom:27px}.materials-grid{grid-template-columns:1fr;gap:14px}.materials-grid article{padding:24px}.material-card-top{margin-bottom:18px}.materials-grid h3{font-size:21px}.materials-grid ul{font-size:14px}.materials-note{display:block;padding:20px;margin-bottom:23px}.materials-note p{margin-top:10px;font-size:12px}.materials-note br{display:none}.about-intro h1{font-size:39px}.about-photo{height:390px}.about-photo img{object-position:50% 50%}.about-photo-caption>span{font-size:20px}}
/* v5 — sharper editorial direction; fewer repeated navigation and scan controls */
header{background:#fff}
.commerce-hero{background:#090b0d;min-height:650px;height:700px}
.commerce-hero .hero-art{object-position:50% 52%}
.commerce-hero .hero-shade{background:linear-gradient(90deg,rgba(4,7,9,.42),rgba(4,7,9,.15) 38%,transparent 63%)}
.commerce-hero .hero-copy{padding-top:105px;max-width:850px}
.commerce-hero h1{font-size:clamp(58px,5.5vw,82px);font-weight:650;letter-spacing:-2px;line-height:1.17}
.commerce-hero h1 span{color:#33dcd5}
.commerce-hero .eyebrow{letter-spacing:2.6px;color:#dfe9e8}
.commerce-hero .hero-copy p{max-width:495px;color:#c7cece;line-height:1.95}
.commerce-hero .hero-note{color:#a4b2b2}
.home-categories{padding-bottom:40px}
.home-categories h2{font-weight:600}
.category-directory{border:none;gap:1px;background:#e4e9e8;padding:1px}
.category-directory a{border:none}
.category-directory small{font-size:12px;letter-spacing:0}
.category-tail{font-size:12px}
.life-stories{padding-bottom:65px}
.life-stories h2{font-weight:600}
.photo-label{font-size:12px;letter-spacing:1px}
.shopping-handoff{display:grid;grid-template-columns:1.03fr 1fr;padding:0;margin:0 6% 80px;border:1px solid #dee4e3;background:#f8fafa}
.handoff-art{position:relative;min-height:450px;overflow:hidden;background:#080b0d}
.handoff-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:48% 50%}
.handoff-image-label{position:absolute;left:28px;right:28px;top:25px;display:flex;justify-content:space-between;gap:15px;color:#e9eeee;font-size:12px;letter-spacing:1.3px}
.handoff-copy{padding:45px 10%;display:flex;flex-direction:column;justify-content:center}
.handoff-copy>.eyebrow{font-size:12px;letter-spacing:1.7px;line-height:1.8;color:#4d7a78}
.handoff-copy h2{font-size:clamp(32px,3vw,46px);line-height:1.3;letter-spacing:-.7px;font-weight:550;margin:21px 0 18px}
.handoff-copy>p{color:#71807d;font-size:16px;line-height:1.8;margin:0 0 28px}
.handoff-qr{display:flex;align-items:center;gap:21px}
.handoff-qr>img{display:block;background:#fff;padding:7px;border:1px solid #dce4e1;width:124px;height:124px;flex:none}
.handoff-qr>div{display:flex;flex-direction:column;gap:10px}
.handoff-qr strong{font-size:17px;font-weight:550;line-height:1.6}
.handoff-qr span{color:#7b8984;font-size:12px;line-height:1.7}
.handoff-steps{grid-column:1/-1;display:flex;align-items:center;gap:45px;padding:23px 30px;border-top:1px solid #dee4e3;font-size:14px;background:white}
.handoff-steps span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.handoff-steps b{font-size:12px;font-weight:400;color:#638b84}
.handoff-steps small{margin-left:auto;font-size:12px;letter-spacing:1.4px;color:#788783}
.global-showcase{padding:55px 0 15px;scroll-margin-top:160px}
.global-showcase-top{display:grid;grid-template-columns:.9fr 1.15fr;background:#101416;min-height:400px;color:white}
.global-heading{padding:45px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.global-heading>.eyebrow{font-size:12px;letter-spacing:2px;color:#94c5c2}
.global-heading h2{font-size:clamp(34px,3.5vw,50px);font-weight:550;line-height:1.27;letter-spacing:-1px;margin:21px 0}
.global-heading h2 span{color:#d2dedc}
.global-heading>p{font-size:16px;color:#a9b9b6;line-height:1.9;margin:0 0 22px}
.global-heading .text-link{font-size:14px;border-color:#48615f;display:flex;justify-content:space-between;width:175px;padding-bottom:12px}
.global-heading .text-link span{color:#40d7ca}
.global-heading .text-link:hover{color:#45dbd0}
.global-destinations{font-size:12px;color:#94a9a7;letter-spacing:2px;margin-top:28px}
.global-destinations i{font-style:normal;margin:0 14px;color:#49625f}
.global-campaign{position:relative;overflow:hidden;min-height:405px;background:#bacacc}
.global-campaign img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.global-campaign>span{position:absolute;right:22px;bottom:21px;left:auto;background:#111819b3;color:#f1f6f5;padding:9px 13px;font-size:12px;letter-spacing:1.2px}
.global-region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.global-region{display:flex;flex-direction:column;padding:26px;background:#f4f6f6;border:1px solid #e6ecea;transition:background .2s,border-color .2s}
.global-region:hover{background:white;border-color:#7aa7a1}
.global-region-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:25px}
.global-region-top>span{font-size:13px;color:#4b7670}
.global-region-top small{font-size:12px;color:#82908d;letter-spacing:.5px}
.global-region h3{font-size:26px;font-weight:550;margin:0 0 13px;letter-spacing:-.4px}
.global-region>p{font-size:14px;color:#71817d;line-height:1.9;margin:0 0 22px;flex:1}
.global-region-bottom{border-top:1px solid #d8e2df;padding-top:17px;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px;color:#60776f}
.global-region-bottom b{font-size:22px;font-weight:400;color:#203b35}
.breadcrumb{position:static;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;height:auto;padding:0;line-height:1.8;min-height:26px;font-size:14px}
.breadcrumb a{display:inline;padding:0;font-size:14px;white-space:normal}
.breadcrumb a:after{display:none}
.breadcrumb>span{font-size:14px}
.breadcrumb [aria-current]{color:#364c46}
.category-detail-top{padding:40px 0 32px;display:block}
.category-detail-name{margin:13px 0 20px}
.category-detail-top .category-detail-name h1{font-size:45px;font-weight:550}
.category-detail-name{display:block}
.detail-content{padding-top:34px;gap:38px}
.detail-content h2{font-size:25px;margin-bottom:25px}
.subcategory-grid{gap:18px}
.subcategory-grid article{padding:25px;border-color:#dde5e2;background:#fcfdfc;display:flex;flex-direction:column;justify-content:flex-start;scroll-margin-top:150px}
.subcategory-grid article>span{font-size:12px;letter-spacing:1.1px;color:#6e958b}
.subcategory-grid h3{font-size:23px;font-weight:550;margin:19px 0 12px}
.subcategory-grid p{margin:0;min-height:0;font-size:16px;line-height:1.9;color:#73847c}
.detail-content aside{padding:27px 20px;background:#f0f4f3;border-top:3px solid #1d3631}
.detail-content aside>img{width:160px;height:160px}
.detail-content aside h3{font-weight:550;font-size:17px;line-height:1.6;margin:20px 0 13px}
.detail-content aside p{margin-bottom:0;font-size:14px;line-height:1.8}
.subcategory-grid .region-detail-card{background:#f6f8f7;min-height:235px}
.region-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.region-picks>span{padding:6px 9px;font-size:12px;color:#4e7063;background:#e8efeb}
.subcategory-grid article.is-focused{border-color:#204b42;box-shadow:inset 0 3px #22bdb0;background:#f3f9f6}
.subcategory-grid .global-buying-note{background:#fff}
.related-categories{gap:25px;padding-top:25px}
.about-closure{background:#0d1113;color:white;padding:35px 6% 28px;overflow:hidden}
.closure-top,.closure-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;line-height:1.8;letter-spacing:1.6px;color:#8faba7}
.closure-top{padding-bottom:24px;border-bottom:1px solid #2a3737}
.closure-top>span:first-child{color:#e6efed;font-size:14px;letter-spacing:1.2px}
.closure-main{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;padding:44px 0 47px}
.closure-type{font-family:Arial,sans-serif;font-size:clamp(56px,6.7vw,104px);font-weight:800;line-height:.99;letter-spacing:-.06em;white-space:nowrap}
.closure-type>span{-webkit-text-stroke:1px #a1b6b3;color:transparent}
.closure-type i{color:#27d7c9;font-style:normal}
.closure-action .eyebrow{font-size:12px;color:#84afa8;letter-spacing:1.5px}
.closure-action h2{font-size:clamp(26px,2.7vw,38px);font-weight:500;line-height:1.45;letter-spacing:0;margin:13px 0 24px}
.closure-action .button{background:#f3f7f5;gap:13px;padding:15px 21px}
.closure-action .button:hover{background:#37d8cb}
.closure-action .button .scan-label{font-size:14px}
.closure-bottom{padding-top:21px;border-top:1px solid #2a3737;font-size:12px;letter-spacing:1px}
.complete-footer{background:#0d191b}
#qr-dialog{padding-bottom:35px}
#qr-dialog>.fine:last-child{margin-bottom:0}
@media(max-width:1100px){.commerce-hero{height:665px;min-height:620px}.commerce-hero .hero-copy{padding-top:90px}.commerce-hero h1{font-size:65px}.commerce-hero .hero-copy p{max-width:460px}.shopping-handoff{margin-bottom:60px}.handoff-copy{padding:35px 8%}.handoff-copy h2{font-size:35px}.handoff-art{min-height:440px}.handoff-qr{gap:13px}.handoff-qr>img{width:108px;height:108px}.handoff-qr strong{font-size:16px}.handoff-steps{gap:28px;padding:22px}.handoff-steps small{display:none}.global-heading{padding:35px 9%}.global-heading h2{font-size:37px}.global-heading>p{font-size:14px}.global-region{padding:23px 18px}.global-region h3{font-size:24px}.global-region-top small{font-size:12px;max-width:155px;text-align:right}.global-region-top{gap:9px}.category-detail-top .category-detail-name h1{font-size:38px}.closure-main{gap:6%}.closure-type{font-size:7vw}.closure-action h2{font-size:28px}.category-directory small{font-size:11px}}
@media(max-width:720px){.commerce-hero{min-height:630px;height:650px}.commerce-hero .hero-copy{padding:70px 6% 25px}.commerce-hero h1{font-size:48px;line-height:1.24}.commerce-hero .hero-art{object-position:57% 50%;opacity:.6}.commerce-hero .hero-copy p{font-size:14px;max-width:340px}.commerce-hero .hero-shade{background:linear-gradient(90deg,#02080cad,#02080c30)}.commerce-hero .eyebrow{font-size:12px;letter-spacing:1px}.commerce-hero .hero-note{font-size:12px;line-height:1.9;max-width:310px}.hero-foot>span:last-child{display:none}.hero-foot{justify-content:flex-start}.category-directory small{font-size:12px;max-width:110px;line-height:1.5;min-height:36px;display:flex;align-items:center;justify-content:center}.category-directory a{min-height:168px}.category-directory strong{font-size:15px}.category-tail{font-size:12px;line-height:1.9}.life-stories{padding-bottom:45px}.photo-label{font-size:12px;left:16px;top:16px;letter-spacing:.3px}.shopping-handoff{grid-template-columns:1fr;margin:0 6% 46px}.handoff-art{min-height:290px;height:290px}.handoff-image-label{left:20px;right:20px;top:20px;font-size:12px;letter-spacing:.5px}.handoff-copy{padding:32px 8% 34px}.handoff-copy>.eyebrow{font-size:12px;letter-spacing:1px}.handoff-copy h2{font-size:32px;margin-top:18px}.handoff-copy>p{font-size:15px;margin-bottom:24px}.handoff-qr{gap:18px}.handoff-qr>img{width:108px;height:108px}.handoff-qr span{font-size:12px}.handoff-steps{gap:12px;justify-content:space-between;padding:20px 7%;font-size:12px}.handoff-steps span{gap:6px}.global-showcase{padding-top:34px;scroll-margin-top:170px}.global-showcase-top{grid-template-columns:1fr}.global-heading{padding:32px 8% 30px}.global-heading h2{font-size:36px}.global-heading>p{font-size:15px}.global-destinations{margin-top:24px}.global-campaign{min-height:280px;height:280px}.global-campaign>span{font-size:12px;letter-spacing:.3px;right:15px;bottom:16px;padding:8px 10px}.global-region-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.global-region{padding:23px}.global-region-top{margin-bottom:19px}.global-region-top small{max-width:none}.global-region>p{font-size:15px;margin-bottom:18px}.global-region-bottom{font-size:13px}.breadcrumb{font-size:13px;gap:10px;min-height:24px}.breadcrumb a,.breadcrumb>span{font-size:13px}.category-detail-top{padding:26px 0}.category-detail-top .category-detail-name h1{font-size:33px}.category-detail-name>.category-icon{width:74px;height:74px}.category-detail-top h1 span{font-size:24px}.category-detail-top p{font-size:15px}.detail-content{padding-top:28px}.detail-content h2{font-size:23px}.subcategory-grid article{padding:23px}.subcategory-grid h3{font-size:23px}.subcategory-grid p{font-size:15px}.detail-content aside{padding:27px 22px}.detail-content aside p{margin-bottom:0}.subcategory-grid .region-detail-card{min-height:0}.region-picks{gap:8px}.related-categories{gap:18px}.about-closure{padding:27px 6% 25px}.closure-top{padding-bottom:20px;font-size:12px;letter-spacing:.6px;gap:15px}.closure-top>span:last-child{font-size:12px;max-width:142px;text-align:right}.closure-main{grid-template-columns:1fr;gap:32px;padding:32px 0}.closure-type{font-size:clamp(44px,12vw,80px);letter-spacing:-.05em}.closure-action h2{font-size:29px;margin:14px 0 23px}.closure-action .eyebrow{font-size:12px}.closure-action .button .scan-label{font-size:14px}.closure-bottom{display:block;line-height:1.9;letter-spacing:.4px}.closure-bottom>span:last-child{display:none}}
/* Final composition and text-only category detail navigation. */
.commerce-hero{height:clamp(650px,48vw,790px)}
.commerce-hero .hero-art{object-fit:contain;object-position:right center}
.commerce-hero .hero-copy{max-width:760px}
.commerce-hero .hero-copy p{font-size:16px;max-width:490px}
.commerce-hero .hero-note{font-size:13px}
.shopping-handoff{grid-template-columns:1.1fr 1fr;margin-bottom:64px}
.handoff-art{min-height:390px}
.handoff-copy{padding:32px 9%}
.handoff-copy h2{font-size:clamp(30px,2.8vw,44px);margin:15px 0}
.handoff-copy>p{margin-bottom:22px}
.handoff-qr span{font-size:14px}
.handoff-steps{padding:19px 28px}
.global-showcase-top{grid-template-columns:1fr 1.05fr}
.global-campaign{aspect-ratio:1.35;min-height:380px}
.global-campaign img{object-position:center 42%}
.global-region{border-top:2px solid #14292a}
.global-region>p{font-size:16px}
.global-region-picks{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.global-region-picks span{font-size:14px;line-height:1.5;background:#fff;border:1px solid #dce5e3;padding:5px 9px;color:#405554}
.global-region-bottom{font-size:14px}
.breadcrumb{gap:12px;margin:6px 0 0}
.category-detail-name{margin:14px 0 18px}
.category-detail-top .category-detail-name h1{font-size:clamp(34px,3.4vw,52px);line-height:1.3;letter-spacing:-.8px}
.category-detail-top h1 span{font-size:.76em;font-weight:400;color:#687e7c}
.category-detail-top{padding:32px 0}
.subcategory-grid article{border-top:2px solid #1d3332;background:#fafbfb;padding:24px 26px;min-height:170px}
.subcategory-grid article>span{color:#5c7874;font-size:13px}
.subcategory-grid p{color:#5f7471}
.detail-content aside{background:#eef3f3;border-top:2px solid #1d3332}
.related-categories a{font-size:14px;line-height:1.8;border-bottom:1px solid #bacbc7;padding-bottom:3px}
.related-categories a:hover{color:#078b85;border-color:#078b85}
.closure-action .eyebrow{font-size:14px}
.closure-action .button .scan-label{font-size:16px}
@media(min-width:1800px){.commerce-hero .hero-copy{padding-top:130px}.hero-foot{font-size:12px}.global-heading>p{font-size:18px}}
@media(max-width:1100px){.commerce-hero .hero-copy p{max-width:420px}.global-campaign{min-height:410px}.shopping-handoff{grid-template-columns:1fr 1fr}.handoff-copy{padding:30px 7%}.global-region-picks{gap:6px}.global-region-picks span{font-size:13px}.global-region-bottom{font-size:13px}}
@media(max-width:720px){.commerce-hero{height:650px}.commerce-hero .hero-art{object-fit:cover;object-position:60% center}.commerce-hero .hero-copy p{font-size:16px;max-width:330px}.commerce-hero .hero-note{font-size:12px}.shopping-handoff{grid-template-columns:1fr;margin-bottom:44px}.handoff-art{min-height:280px;height:280px}.handoff-copy{padding:30px 8%}.handoff-copy>p{font-size:16px}.handoff-steps{padding:18px 7%;gap:10px}.handoff-qr span{font-size:13px}.global-showcase-top{grid-template-columns:1fr}.global-campaign{min-height:0;height:auto;aspect-ratio:1.2}.global-heading>p{font-size:16px}.global-region-picks span,.global-region-bottom{font-size:14px}.category-detail-top h1 span{display:block;font-size:24px}.subcategory-grid article{min-height:0;padding:23px}.subcategory-grid p{font-size:16px}.closure-action .button{padding:15px 18px}.closure-action .button .scan-label{font-size:15px}}