:root{--ink:#101114;--muted:#686b70;--line:#dedfe2;--paper:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}.nav-shell{position:fixed;inset:0 0 auto;z-index:20;height:56px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #1111;background:#fffd;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.brand,.nav-shell{align-items:center}.brand{display:flex;gap:10px;font-size:12px;font-weight:700;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#111317;color:#fff;font-size:12px;letter-spacing:0}.desktop-nav{gap:34px;color:#3f4145}.desktop-nav,.nav-cta{display:flex;font-size:12px}.nav-cta{justify-self:end;font-weight:600;gap:8px;align-items:center}.category-copy a,.desktop-nav a,.text-link,footer a{transition:opacity .2s}.category-copy a:hover,.desktop-nav a:hover,.text-link:hover,footer a:hover{opacity:.55}.hero{min-height:980px;padding:clamp(145px,17vh,190px) 24px 80px;text-align:center;overflow:hidden;background:linear-gradient(180deg,#fff,#fff 58%,#f2f3f6)}.eyebrow,.section-kicker{font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#6e7075}.hero h1{max-width:1050px;margin:23px auto 20px;font-size:clamp(58px,9.1vw,132px);line-height:.86;letter-spacing:-.071em;font-weight:650}.hero-copy{max-width:620px;margin:32px auto 0;color:#5e6065;font-size:clamp(17px,1.7vw,23px);line-height:1.5;letter-spacing:-.02em}.hero-actions{display:flex;gap:32px;margin-top:34px}.button,.hero-actions{justify-content:center;align-items:center}.button{display:inline-flex;gap:12px;min-height:44px;padding:0 23px;border-radius:999px;font-size:14px;font-weight:600}.button.primary{background:#15171b;color:#fff;box-shadow:0 7px 20px #0a0c101f;transition:transform .2s,background .2s}.button.primary:hover{transform:translateY(-2px);background:#2b2e34}.text-link{display:inline-flex;gap:10px;font-size:14px;font-weight:600}.hero-stage{position:relative;height:350px;max-width:850px;margin:58px auto 0;perspective:900px}.orb{position:absolute;border-radius:48%;box-shadow:inset -28px -30px 55px #0002,inset 18px 18px 35px #ffffffa6,0 40px 70px #13213d26}.orb-center{z-index:3;left:50%;top:35px;width:260px;height:260px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 33% 25%,#70c7ff 0,#1770e8 34%,#0b347c 80%,#071b46 100%)}.orb-center span{font-size:55px;font-weight:650;letter-spacing:-.07em}.orb-center small{margin-top:7px;font-size:10px;letter-spacing:.16em;opacity:.72}.orb-left{left:13%;top:130px;width:130px;height:130px;background:radial-gradient(circle at 30% 25%,#fff 0,#dfe5ed 45%,#8b95a3 100%);transform:rotate(-16deg)}.orb-right{right:13%;top:92px;width:155px;height:155px;background:radial-gradient(circle at 30% 25%,#ffe7b6 0,#d3a65c 48%,#6a4926 100%)}.stage-line{position:absolute;left:50%;top:28px;width:650px;height:295px;transform:translateX(-50%) rotateX(65deg);border:1px solid #3a5b8e40;border-radius:50%}.line-two{width:500px;transform:translateX(-50%) rotateX(68deg) rotate(32deg)}.stage-caption{color:#8a8d93;font-size:12px;letter-spacing:.08em}.reveal{animation:rise .8s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.statement{padding:150px clamp(24px,8vw,120px);text-align:center}.contact h2,.process h2,.statement h2{margin:25px 0 32px;font-size:clamp(46px,7vw,96px);line-height:.98;letter-spacing:-.055em;font-weight:620}.process h2 span,.statement h2 span{color:#a6a8ad}.statement-copy{max-width:760px;margin:0 auto;color:#61646a;font-size:clamp(18px,2vw,25px);line-height:1.55;letter-spacing:-.02em}.metrics{max-width:1030px;margin:90px auto 0;padding-top:44px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.metrics div{display:flex;flex-direction:column;gap:9px}.metrics strong{font-size:clamp(35px,4vw,57px);letter-spacing:-.05em;font-weight:550}.metrics span{color:#75787e;font-size:13px}.expertise{padding:140px clamp(20px,5.5vw,84px);background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;max-width:1380px;margin:0 auto 60px}.section-heading h2{margin:20px 0 0;font-size:clamp(42px,5.2vw,75px);line-height:1;letter-spacing:-.052em;font-weight:610}.section-heading>p{max-width:410px;color:#696c71;line-height:1.6}.category-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{min-height:480px;padding:25px;border-radius:25px;overflow:hidden;display:flex;flex-direction:column;position:relative;color:#fff}.category-card.cobalt{background:linear-gradient(145deg,#315fdb,#071632)}.category-card.plum{background:linear-gradient(145deg,#825b85,#28152c)}.category-card.graphite{background:linear-gradient(145deg,#3d424a,#0d0f12)}.category-card.sand{color:#201b15;background:linear-gradient(145deg,#ead6b5,#a9875d)}.category-card.amber{color:#281b08;background:linear-gradient(145deg,#ffd879,#b47516)}.category-card.steel{background:linear-gradient(145deg,#7c899b,#242a33)}.category-card.red{background:linear-gradient(145deg,#d44b42,#4b1212)}.category-card.green{background:linear-gradient(145deg,#5d8a59,#17311a)}.category-card.sky{color:#102334;background:linear-gradient(145deg,#b9e9ff,#4da3cc)}.category-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.66}.product-visual{flex:1 1;min-height:175px;display:grid;place-items:center;position:relative}.product-visual span{z-index:1;font-size:clamp(68px,7vw,104px);line-height:1;font-weight:650;letter-spacing:-.09em;opacity:.9}.product-visual i{position:absolute;width:160px;height:160px;border:1px solid #ffffff52;border-radius:48%;transform:rotate(32deg);box-shadow:inset 18px 18px 35px #ffffff20,0 28px 45px #0002}.amber .product-visual i,.sand .product-visual i,.sky .product-visual i{border-color:#1f1a142e}.category-copy{border-top:1px solid #ffffff40;padding-top:22px}.amber .category-copy,.sand .category-copy,.sky .category-copy{border-color:#1f1a1433}.product-location{display:block;margin-bottom:10px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.58}.category-copy h3{margin:0 0 12px;font-size:28px;letter-spacing:-.04em}.category-copy p{min-height:66px;margin:0 0 20px;opacity:.72;font-size:13px;line-height:1.55}.category-copy a{font-size:12px;font-weight:650;display:flex;justify-content:space-between}.process{padding:150px clamp(24px,8vw,120px)}.process-intro{max-width:920px;margin-bottom:90px}.step-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:80px minmax(210px,.8fr) 1.2fr;gap:30px;align-items:start;padding:38px 0;border-bottom:1px solid var(--line)}.step-no{color:#989ba1;font-size:12px}.step h3{display:inline;margin:0 15px 0 0;font-size:25px;letter-spacing:-.03em}.step-cn{font-size:12px;color:#92959a}.step p{margin:0;color:#666a70;line-height:1.6;max-width:560px}.world{min-height:800px;padding:100px clamp(24px,8vw,120px);background:#07090e;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw;overflow:hidden}.world-orbit{aspect-ratio:1;max-width:620px;width:100%;position:relative;border:1px solid #75a3ff40;border-radius:50%;box-shadow:inset 0 0 90px #1954c524,0 0 100px #0c47bd1c}.world-orbit:after,.world-orbit:before{content:"";position:absolute;inset:13%;border:1px solid #75a3ff26;border-radius:50%;transform:rotateX(62deg)}.world-orbit:after{transform:rotateY(62deg)}.world-core{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#4d9cff,#0f47aa 46%,#071b44);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px #2067ef59}.world-core span{font-size:70px;font-weight:600}.world-core small{text-transform:uppercase;letter-spacing:.2em;font-size:9px;opacity:.6}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#80b4ff;box-shadow:0 0 16px #5b9bff}.dot-1{top:11%;left:30%}.dot-2{right:5%;top:55%}.dot-3{bottom:7%;left:38%}.section-kicker.light{color:#7ca8ff}.world-copy h2{margin:24px 0 30px;font-size:clamp(42px,5.5vw,75px);line-height:1;letter-spacing:-.055em}.world-copy>p:not(.section-kicker){color:#9da3af;font-size:18px;line-height:1.6;max-width:570px}.market-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}.market-row span{padding:9px 13px;border:1px solid #2a2e36;border-radius:999px;color:#aeb3bd;font-size:11px}.contact{padding:160px 24px;text-align:center;background:#f4f5f7}.contact>p:not(.section-kicker):not(.contact-note){max-width:620px;margin:0 auto 34px;color:#696c72;font-size:18px;line-height:1.6}.button.large{font-size:16px;min-height:56px;padding:0 30px}.contact-note{margin:20px 0 0;color:#92959b;font-size:11px}footer{padding:45px clamp(24px,5vw,76px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;font-size:11px;color:#7c7f84}.footer-brand{color:#17191d}footer>p{text-align:center}footer>div{display:flex;justify-content:flex-end;gap:23px}@media(max-width:900px){.desktop-nav{display:none}.nav-shell{grid-template-columns:1fr auto}.hero{min-height:900px}.category-grid{grid-template-columns:1fr}.category-card{min-height:560px}.section-heading{align-items:flex-start;flex-direction:column}.metrics{gap:20px}.world{grid-template-columns:1fr;padding-top:120px}.world-orbit{max-width:520px;margin:auto}.world-copy{padding-bottom:50px}.step{grid-template-columns:50px 1fr}.step p{grid-column:2}footer{grid-template-columns:1fr;text-align:center}footer>div{justify-content:center}}@media(max-width:560px){.nav-shell{padding:0 18px}.nav-cta{font-size:0}.nav-cta span{font-size:16px}.hero{min-height:820px;padding-top:130px}.hero h1{font-size:58px}.hero-actions{flex-direction:column;gap:20px}.hero-stage{height:280px;margin-top:35px}.orb-center{width:200px;height:200px}.orb-left{left:2%;width:95px;height:95px}.orb-right{right:0;width:110px;height:110px}.stage-line{width:440px}.contact,.process,.statement{padding-top:110px;padding-bottom:110px}.metrics{grid-template-columns:1fr;text-align:left}.metrics div{padding:20px 0;border-bottom:1px solid var(--line)}.expertise{padding-top:100px;padding-bottom:100px}.category-card{min-height:530px}.process-intro{margin-bottom:55px}.world{min-height:0;padding:80px 24px}.world-core span{font-size:45px}.world-copy h2{font-size:44px}.step{gap:18px}.step h3,.step-cn{display:block}.step-cn{margin-top:5px}footer>div{flex-wrap:wrap}.brand{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button.primary{transition:none}}.brand-logo{width:29px;height:29px;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px #21120926}.logo-orb{overflow:hidden;border-radius:50%;padding:15px;background:radial-gradient(circle at 33% 25%,#f9f3e9 0,#dfc698 52%,#8c6339 100%)}.logo-orb img{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.stage-line{border-color:#8c633944}.story{padding:150px clamp(24px,8vw,120px);display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:clamp(45px,8vw,120px);align-items:center}.story-art{background:#f3eee5;border-radius:32px;padding:clamp(25px,4vw,55px);display:flex;flex-direction:column;gap:22px;transform:rotate(-1.5deg)}.story-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;mix-blend-mode:multiply}.story-art span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#856b4f}.story-copy h2{margin:25px 0 32px;font-size:clamp(46px,7vw,96px);line-height:.98;letter-spacing:-.055em;font-weight:620}.story-copy h2 span{color:#a6a8ad}.story-copy>p:not(.section-kicker){max-width:760px;color:#61646a;font-size:clamp(17px,1.6vw,22px);line-height:1.58;letter-spacing:-.02em}.story-copy blockquote{margin:35px 0 0;padding-left:24px;border-left:2px solid #b98b4f;font-size:19px;font-weight:600}.story .metrics{grid-column:1/-1;max-width:1100px;width:100%;margin:70px auto 0}.story .metrics strong{font-size:clamp(30px,3.5vw,50px)}.contact-placeholder{display:inline-flex;align-items:center;min-height:56px;padding:0 30px;border-radius:999px;background:#15171b;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em}@media(max-width:900px){.story{grid-template-columns:1fr}.story-art{max-width:520px;margin:auto}}@media(max-width:560px){.hero{min-height:850px}.hero h1{font-size:52px}.story{padding-top:110px;padding-bottom:110px}.story-art{transform:none}.story .metrics{grid-template-columns:1fr;text-align:left}.story .metrics div{padding:20px 0;border-bottom:1px solid var(--line)}}.contact-grid{width:min(1040px,100%);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.contact-card{min-height:145px;padding:24px;border:1px solid #d9dadd;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}a.contact-card:hover{transform:translateY(-3px);border-color:#b7b8bb;box-shadow:0 18px 40px #1111}.contact-card>span{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#8b8e94}.contact-card strong{margin-top:auto;font-size:clamp(14px,1.35vw,19px);letter-spacing:-.02em;word-break:break-word}.contact-card>span[aria-hidden]{position:absolute;right:22px;top:20px;font-size:17px;color:#14161a}.contact-card small{margin-top:5px;color:#9a9da2;font-size:10px}@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.contact-card{min-height:120px}}.hero h1{background:linear-gradient(180deg,#101114 18%,#5e626a);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-stage{filter:drop-shadow(0 50px 45px #1b36542b)}.logo-orb{animation:hero-float 6s ease-in-out infinite}.orb-left{animation:orb-left-drift 8s ease-in-out infinite}.orb-right{animation:orb-right-drift 7s ease-in-out infinite}.line-one{animation:orbit-turn 18s linear infinite}.line-two{animation:orbit-turn-two 24s linear infinite}.button.primary{position:relative;overflow:hidden}.button.primary:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:38%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:left .65s ease}.button.primary:hover:after{left:120%}@keyframes hero-float{0%,to{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-14px) rotate(1deg)}}@keyframes orb-left-drift{0%,to{transform:translate(0) rotate(-16deg)}50%{transform:translate(-12px,-16px) rotate(-11deg)}}@keyframes orb-right-drift{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}@keyframes orbit-turn{to{transform:translateX(-50%) rotateX(65deg) rotate(1turn)}}@keyframes orbit-turn-two{to{transform:translateX(-50%) rotateX(68deg) rotate(392deg)}}.expertise{padding-top:170px;padding-bottom:170px;background:#050506;color:#f5f5f7}.expertise .section-kicker{color:#9fa1a8}.expertise .section-heading>p{color:#9799a1}.expertise .section-heading h2{font-size:clamp(48px,6.4vw,92px);background:linear-gradient(110deg,#fff 25%,#8f929a 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-card.photo-card{--mx:50%;--my:50%;min-height:620px;padding:0;border-radius:34px;background:#151517;color:#fff;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff16,0 30px 90px #0007;transform:translateZ(0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.category-card.photo-card.wide{grid-column:span 2;min-height:760px}.photo-card>img{position:absolute;inset:-2%;z-index:-3;width:104%;height:104%;object-fit:cover;filter:saturate(.9) contrast(1.03);transform:scale(1.015);transition:transform 1.35s cubic-bezier(.2,.75,.2,1),filter .7s ease}.photo-card:hover>img{transform:scale(1.075);filter:saturate(1.02) contrast(1.06)}.photo-card .photo-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0008,transparent 32%,#0001 48%,#000d)}.photo-card.light-card .photo-shade{background:linear-gradient(180deg,#0006,transparent 36%,#0001 50%,#000b)}.photo-card:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(460px circle at var(--mx) var(--my),#ffffff2e,transparent 58%);transition:opacity .45s}.photo-card:hover:after{opacity:1}.photo-card .category-top{position:absolute;z-index:2;top:27px;left:29px;right:29px;font-size:10px;color:#fff;text-shadow:0 1px 10px #0008}.photo-card .category-copy{position:absolute;z-index:2;left:clamp(27px,4vw,58px);right:clamp(27px,4vw,58px);bottom:clamp(28px,4.5vw,62px);padding:0;border:0;max-width:660px}.photo-card .product-location{color:#fff;margin-bottom:12px;opacity:.72;text-shadow:0 1px 14px #000}.photo-card .category-copy h3{margin:0 0 14px;font-size:clamp(38px,4.7vw,72px);line-height:.95;letter-spacing:-.055em;text-shadow:0 2px 26px #0008}.photo-card:not(.wide) .category-copy h3{font-size:clamp(36px,3.6vw,55px)}.photo-card .category-copy p{min-height:0;max-width:490px;margin:0 0 22px;color:#f2f2f4;opacity:.82;font-size:clamp(14px,1.2vw,17px);line-height:1.55;text-shadow:0 1px 15px #000}.photo-card .category-copy a{width:max-content;gap:12px;padding:10px 15px;border:1px solid #ffffff4a;border-radius:999px;background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .25s,transform .25s}.photo-card .category-copy a:hover{opacity:1;background:#ffffff2c;transform:translateY(-2px)}.product-note{max-width:1380px;margin:35px auto 0;color:#7d8087;font-size:11px;line-height:1.5}.scroll-reveal{opacity:0;transform:translateY(42px) scale(.985)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.story-art{overflow:hidden;box-shadow:0 30px 80px #4d382118}.story-art img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}.story-art:hover img{transform:scale(1.045) rotate(.5deg);filter:contrast(1.04)}.world-core{animation:world-pulse 5s ease-in-out infinite}.orbit-dot{animation:dot-pulse 2.8s ease-in-out infinite}.dot-2{animation-delay:.8s}.dot-3{animation-delay:1.6s}@keyframes world-pulse{50%{box-shadow:0 0 130px #347cff7a;transform:scale(1.025)}}@keyframes dot-pulse{50%{transform:scale(1.8);opacity:.45}}@media(max-width:900px){.category-grid{grid-template-columns:1fr}.category-card.photo-card,.category-card.photo-card.wide{grid-column:auto;min-height:660px}.expertise{padding-top:120px;padding-bottom:120px}}@media(max-width:560px){.category-card.photo-card,.category-card.photo-card.wide{min-height:560px;border-radius:25px}.photo-card .category-copy{left:24px;right:24px;bottom:27px}.photo-card .category-top{left:24px;right:24px;top:23px}.photo-card .category-copy h3,.photo-card:not(.wide) .category-copy h3{font-size:40px}.photo-card .category-copy p{font-size:14px}.expertise .section-heading h2{font-size:48px}}@media(prefers-reduced-motion:reduce){.line-one,.line-two,.logo-orb,.orb-left,.orb-right,.orbit-dot,.world-core{animation:none}.photo-card>img,.scroll-reveal{transition:none}.scroll-reveal{opacity:1;transform:none}.photo-card:hover>img{transform:scale(1.015)}}.shahe-art{background:radial-gradient(circle at 45% 38%,#fff 0,#f4efe6 58%,#e9dfcf 100%);box-shadow:0 35px 90px #4d38211f,inset 0 1px 0 #fff}.shahe-art img{object-fit:contain;padding:clamp(18px,3vw,42px);border-radius:0;mix-blend-mode:multiply;filter:contrast(1.18)}.shahe-art:hover img{transform:scale(1.035);filter:contrast(1.25)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card.photo-card,.category-card.photo-card.wide{grid-column:auto;min-height:570px}.photo-card .category-copy{left:30px;right:30px;bottom:34px}.photo-card .category-copy h3,.photo-card:not(.wide) .category-copy h3{font-size:clamp(32px,3vw,49px)}.photo-card .category-copy p{font-size:13px}.photo-card .category-copy a{padding:9px 13px}.world{position:relative;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(42px,6vw,100px);min-height:920px;background:radial-gradient(circle at 22% 48%,#102346 0,#080d18 32%,#05070c 68%)}.earth-shell{position:relative;width:100%;height:min(76vh,760px);min-height:590px;border:1px solid #6c9fff24;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#14264d 0,#060a13 54%,#030407 100%);box-shadow:inset 0 0 110px #3b75ff16,0 40px 100px #0008}.earth-shell:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 60px #0009,inset 0 1px 0 #ffffff17}.earth-canvas{position:absolute;inset:0;cursor:grab;touch-action:none}.earth-canvas:active{cursor:grabbing}.earth-canvas canvas{display:block;width:100%;height:100%;outline:none}.earth-locations{position:absolute;z-index:3;top:22px;left:22px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.earth-location{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #7fa8e43b;border-radius:15px;background:#07101fc7;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #0005}.earth-location div{display:flex;flex-direction:column;gap:3px}.earth-location i{width:7px;height:7px;border-radius:50%;background:#79b0ff;box-shadow:0 0 14px #79b0ff}.earth-location.shanghai i{background:#f4c978;box-shadow:0 0 14px #f4c978}.earth-location strong{font-size:10px;letter-spacing:.13em}.earth-location span{color:#91bfff;font-size:9px;letter-spacing:.07em}.earth-location.shanghai span{color:#f4c978}.earth-controls{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#8f9bad;font-size:10px;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.earth-controls button{pointer-events:auto;border:1px solid #7fa8e43b;border-radius:999px;padding:9px 13px;background:#0c1425b8;color:#c9d8ec;font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s,border-color .2s}.earth-controls button:hover{background:#162744;border-color:#8eb7f26b}.world-copy{position:relative;z-index:2}.world-copy h2{font-size:clamp(48px,5.6vw,82px)}@media(max-width:900px){.category-grid{grid-template-columns:1fr}.category-card.photo-card,.category-card.photo-card.wide{min-height:620px}.world{grid-template-columns:1fr;min-height:0;padding:100px 24px}.earth-shell{height:68vh;min-height:520px;max-height:680px}.world-copy{padding-bottom:20px}}@media(max-width:560px){.category-card.photo-card,.category-card.photo-card.wide{min-height:560px}.earth-shell{height:540px;min-height:0;border-radius:26px}.earth-controls{left:15px;right:15px;bottom:14px}.earth-controls span{max-width:150px;line-height:1.45}.world-copy h2{font-size:45px}}html{scroll-padding-top:80px}.brand-logo{width:32px;height:32px;border-radius:0;box-shadow:none}.logo-orb{padding:20px;background:radial-gradient(circle at 28% 20%,#fff 0,#f4efe6 42%,#d6cdbd 78%,#b6ac9c 100%);border:1px solid #fff9;box-shadow:inset 8px 10px 20px #fff,inset -16px -20px 32px #6b62552b,0 38px 70px #22304424}.logo-orb img{object-fit:contain;mix-blend-mode:normal;border-radius:0;width:92%;height:92%}.hero-stage{height:370px}.orb-caption{position:absolute;top:calc(100% + 24px);left:50%;width:180px;transform:translateX(-50%);font-size:10px;font-weight:700;letter-spacing:.16em;color:#3d424b;line-height:1.6;text-align:center}.orb-caption small{display:block;font-size:10px;font-weight:400;letter-spacing:.05em;color:#757b85;margin-top:3px}.moon-orb{border-radius:50%;background:radial-gradient(circle at 28% 34%,#56606d44 0 9%,transparent 10%),radial-gradient(circle at 62% 65%,#5b64714a 0 13%,transparent 14%),radial-gradient(circle at 51% 28%,#53606b33 0 5%,transparent 6%),radial-gradient(circle at 28% 22%,#fff,#d1d5dc 45%,#717c8b 88%);box-shadow:inset -20px -20px 30px #27334766,0 25px 50px #23314a30}.sun-orb{border-radius:50%;background:radial-gradient(circle at 34% 26%,#fffbe5 0,#ffe59b 24%,#ffc14d 54%,#e88024 90%);box-shadow:inset -15px -18px 35px #b15e203d,0 0 35px #ffc15c88,0 0 85px #ffb03d44,0 30px 65px #977d4c30}.sun-orb:before{content:"";position:absolute;inset:-9%;border-radius:50%;border:1px solid #f5ba633d;box-shadow:0 0 28px #ffc66540;animation:solar-halo 5s ease-in-out infinite;pointer-events:none}@keyframes solar-halo{50%{transform:scale(1.08);opacity:.4}}.shahe-art img{mix-blend-mode:normal;filter:none}.story-art{transform:none}.stage-caption{margin-top:22px}.story .metrics{position:relative;isolation:isolate;overflow:hidden;padding:42px 18px;margin-top:35px;max-width:1200px;border:1px solid #e8e4dd;border-radius:28px;text-align:center;background:linear-gradient(120deg,#fff,#f6f2eb,#fafbff);box-shadow:0 22px 50px #2d364b0a}.story .metrics:before{inset:-100% -80%;background:linear-gradient(105deg,transparent 38%,#fff0 43%,#fff 50%,#e5d3ad33 56%,transparent 64%);animation:metric-light 10s ease-in-out infinite}.story .metrics:after,.story .metrics:before{content:"";position:absolute;z-index:-1;pointer-events:none}.story .metrics:after{inset:0;background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),#d8bd8240,transparent 75%)}.story .metrics>div{align-items:center;justify-content:center;min-height:105px;padding:16px 10px;border:0}.story .metrics>div+div{border-left:1px solid #bda98a33}.story .metrics strong{text-shadow:0 9px 20px #56607818}.story .metrics span{line-height:1.6}@keyframes metric-light{0%,to{transform:translateX(-22%)}50%{transform:translateX(22%)}}.contact-grid{align-items:stretch}.contact-card{height:168px;min-width:0;display:grid;grid-template-rows:16px 1fr 42px 16px;gap:0;align-items:start}.contact-card>span:not([aria-hidden]){grid-row:1}.contact-card strong{grid-row:3;align-self:end;margin:0;line-height:1.35;font-size:clamp(13px,1.3vw,18px);overflow-wrap:anywhere}.contact-card small{grid-row:4;align-self:end;line-height:1.4;margin:0}.contact-card>span[aria-hidden]{grid-row:auto}.world-copy .earth-explainer{font-size:11px!important;color:#8693a8!important;line-height:1.7!important;margin-top:20px}.earth-hud{position:absolute;z-index:3;top:20px;left:20px;right:20px;pointer-events:none}.earth-clock{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#b9c8df;font-size:9px;letter-spacing:.08em}.earth-clock time{color:#fff;font-size:17px;font-weight:600;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.earth-hud .earth-locations{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.earth-hud .earth-location{min-width:0;gap:8px;padding:11px}.earth-hud .earth-location div{min-width:0}.earth-hud .earth-location i{flex-shrink:0}.earth-hud .earth-location strong{font-size:9px;letter-spacing:.07em}.earth-hud .earth-location span{font-size:8px;letter-spacing:0;line-height:1.5}.earth-controls{flex-wrap:wrap;gap:8px}.earth-controls .earth-buttons{display:flex;gap:7px}.earth-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:80px 30px;text-align:center;background:#07101f;color:#becbdf;font-size:13px;line-height:1.7}@media(max-width:900px){.nav-shell{height:92px;grid-template-columns:1fr auto;grid-template-rows:48px 36px}.desktop-nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(22px,5vw,38px);font-size:11px}.nav-cta{grid-column:2;grid-row:1}html{scroll-padding-top:110px}.hero{padding-top:155px}.earth-hud{left:18px;right:18px}.contact-card{height:160px}}@media(max-width:560px){.hero-stage{height:310px}.logo-orb{width:170px;height:170px;top:30px;padding:12px}.orb-left{width:72px;height:72px;top:140px;left:0}.orb-right{width:82px;height:82px;top:130px;right:0}.orb-caption{top:calc(100% + 16px);width:110px;letter-spacing:.08em}.orb-caption,.orb-caption small{font-size:8px}.story .metrics{grid-template-columns:1fr;text-align:center;padding:18px}.story .metrics>div{padding:26px 10px}.story .metrics>div+div{border-left:0;border-top:1px solid #bda98a33}.earth-controls span{max-width:none;width:100%}.earth-buttons{width:100%;justify-content:space-between}.earth-hud .earth-location strong{font-size:8px}.earth-hud .earth-location{padding:9px 7px;gap:5px}.earth-clock{font-size:8px}.earth-clock time{font-size:15px}.contact-card strong{font-size:17px}.contact-card{height:150px}}@media(prefers-reduced-motion:reduce){.story .metrics:before,.sun-orb:before{animation:none}.story-art img{transition:none}.story-art:hover img{transform:none}}.brand-logo{width:42px;height:42px;background:#f7f4ee;border-radius:12px;padding:0;object-fit:contain}.logo-orb{background:radial-gradient(circle at 28% 20%,#fff,#f8f5ee 52%,#d9d1c3 100%)}.logo-orb img{width:125%;height:125%;max-width:none;flex-shrink:0}.shahe-art img{padding:0}.shahe-art img,.shahe-art:hover img{filter:none!important}.reflected-heading{position:relative;margin-bottom:calc(.62em + 24px)!important;--reflection-ink:#343942}.reflected-heading>.heading-reflection{position:absolute;left:0;right:0;top:calc(100% + .07em);height:.56em;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;color:var(--reflection-ink)!important;opacity:.27;mask-image:linear-gradient(180deg,#000 0,#0009 34%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#0009 34%,transparent)}.heading-reflection>span{display:block;transform:scaleY(-1);transform-origin:center;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit!important}.heading-reflection span span{color:inherit!important}.expertise .reflected-heading,.world .reflected-heading{--reflection-ink:#d8e8ff}.hero .heading-reflection{opacity:.22}.story-copy h2>.heading-reflection{color:var(--reflection-ink)}.section-heading:has(.reflected-heading){align-items:center}.ambient-zone{position:relative;isolation:isolate;overflow:clip;--zone-light:210,183,138;--zone-accent:159,181,216}.nav-shell.ambient-zone{position:fixed}.ambient-zone:after,.ambient-zone:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.ambient-zone:before{background:radial-gradient(ellipse at 22% 25%,rgba(var(--zone-light),.2),transparent 55%),radial-gradient(ellipse at 82% 76%,rgba(var(--zone-accent),.13),transparent 55%);animation:ambient-tide 16s ease-in-out infinite alternate;animation-play-state:paused}.ambient-zone.is-lit:before{animation-play-state:running}.ambient-zone:after{background:radial-gradient(600px circle at var(--mx,50%) var(--my,45%),rgba(var(--zone-light),.15),transparent 70%);opacity:.35;transition:opacity .7s}.ambient-zone:hover:after{opacity:.7}.hero.ambient-zone{--zone-light:224,194,145}.story.ambient-zone:before{animation-delay:-5s}.process.ambient-zone:before{animation-delay:-9s}.contact.ambient-zone:before{animation-delay:-12s}.expertise.ambient-zone,.world.ambient-zone{--zone-light:76,123,223;--zone-accent:147,113,189}.expertise.ambient-zone:before{animation-delay:-7s;opacity:.55}.world.ambient-zone:before{animation-delay:-3s;opacity:.5}.nav-shell.ambient-zone:before,footer.ambient-zone:before{opacity:.45;animation-duration:21s}.photo-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 12%,#ffffff00 27%,#fff2 44%,#e2ccab0c 53%,transparent 70%);transform:translateX(-55%);animation:product-light-pass 14s ease-in-out infinite;animation-play-state:paused}.photo-card.is-lit:before{animation-play-state:running}.photo-card:nth-child(3n+2):before{animation-delay:-4s}.photo-card:nth-child(3n):before{animation-delay:-8s}.photo-card .product-location{padding:5px 0;text-shadow:0 0 22px #cfdeff4a,0 2px 12px #000}.contact-card{overflow:hidden;isolation:isolate}.contact-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#f9f4ea80,transparent 52%,#dae6f238);opacity:.5;transition:opacity .6s}.contact-card:hover:before{opacity:1}.earth-location{transition:box-shadow .6s}.earth-location.shahe{box-shadow:0 8px 30px #79b0ff12,inset 0 1px 0 #79b0ff20}.earth-location.shanghai{box-shadow:0 8px 30px #f4c97812,inset 0 1px 0 #f4c97820}@keyframes ambient-tide{0%{transform:translate3d(-3%,-1%,0) scale(1.03);opacity:.3}50%{opacity:.75}to{transform:translate3d(3%,1%,0) scale(1.08);opacity:.42}}@keyframes product-light-pass{0%,15%{transform:translateX(-70%);opacity:0}40%{opacity:.65}75%,to{transform:translateX(80%);opacity:0}}html[data-page-hidden] .ambient-zone:before,html[data-page-hidden] .photo-card:before{animation-play-state:paused}@media(max-width:560px){.reflected-heading{margin-bottom:calc(.5em + 24px)!important}.reflected-heading>.heading-reflection{height:.43em;opacity:.2}.brand-logo{width:36px;height:36px}.ambient-zone:after{display:none}}@media(prefers-reduced-motion:reduce){.ambient-zone:before,.photo-card:before{animation:none!important;transform:none}.ambient-zone:after{display:none}.ambient-zone:before{opacity:.25}.photo-card:before{opacity:.08}.contact-card:before{transition:none}}.hero-stage{--earth-x:0px;--earth-y:0px;--earth-scale:1;--moon-x:0px;--moon-y:0px;--solar-tilt:0deg;isolation:isolate;overflow:visible;transform-style:preserve-3d;filter:none}.hero-stage:before{content:"";position:absolute;inset:3% 4% 7%;z-index:-3;border-radius:50%;background:radial-gradient(ellipse at 72% 43%,#ffc75b20 0 9%,transparent 36%),radial-gradient(ellipse at 47% 53%,#80baff17 0 16%,transparent 52%);filter:blur(22px);pointer-events:none}.solar-dust{position:absolute;inset:0;z-index:-2;opacity:.52;background:radial-gradient(circle at 24% 34%,#788ba7 0 1px,transparent 1.8px),radial-gradient(circle at 69% 18%,#d6a84c 0 1px,transparent 1.6px),radial-gradient(circle at 86% 70%,#8798b0 0 1px,transparent 1.7px),radial-gradient(circle at 38% 82%,#bd9358 0 1px,transparent 1.6px);animation:dust-breathe 8s ease-in-out infinite}.hero-stage .stage-line{z-index:-1;border-color:#98764f45;box-shadow:0 0 20px #d9ac6e0d;will-change:transform}.hero-stage .line-one{animation:orbit-turn 34s linear infinite}.hero-stage .line-two{border-style:dashed;opacity:.58;animation:orbit-turn-two 46s linear infinite}.hero-stage .logo-orb{top:35px;width:260px;height:260px;padding:0;overflow:hidden;border:1px solid #ffffff8c;background:radial-gradient(circle at 32% 26%,#e8f4fb 0,#8db9d5 38%,#477fa7 68%,#244e70 100%);transform:translateX(calc(-50% + var(--earth-x))) translateY(var(--earth-y)) scale(var(--earth-scale)) rotate(var(--solar-tilt));animation:none;box-shadow:inset 13px 11px 24px #ffffff85,inset -22px -24px 34px #183b5966,0 28px 50px #21324b30;will-change:transform}.hero-stage .logo-orb>img{position:absolute;left:50%;top:50%;z-index:2;width:58%;height:58%;max-width:none;object-fit:contain;border-radius:0;transform:translate(-50%,-50%);opacity:.76;filter:none;mix-blend-mode:multiply}.hero-stage .moon-orb{left:11%;top:132px;width:132px;height:132px;overflow:visible;border:1px solid #ffffff90;background:radial-gradient(circle at 69% 31%,#fff 0,#eef1f5 28%,#bac2cd 64%,#657181 100%);transform:translate(var(--moon-x),var(--moon-y)) rotate(-11deg);animation:none;box-shadow:inset 14px 10px 18px #fff9,inset -28px -20px 35px #19283f78,0 0 0 2px #fff4,0 28px 50px #21324b38;will-change:transform}.moon-craters{inset:0;opacity:.54;background:radial-gradient(circle at 29% 34%,#74808e 0 8%,#bfc6ce 9% 12%,transparent 13%),radial-gradient(circle at 65% 66%,#687382 0 12%,#c8ced5 13% 17%,transparent 18%),radial-gradient(circle at 61% 25%,#89939f 0 5%,#d7dbe0 6% 9%,transparent 10%),radial-gradient(circle at 36% 73%,#7f8996 0 5%,transparent 6%)}.moon-craters,.moon-terminator{position:absolute;border-radius:50%}.moon-terminator{inset:-1px;background:radial-gradient(circle at 84% 38%,transparent 0 34%,#17203318 55%,#0b132778 93%);mix-blend-mode:multiply;animation:lunar-light 13s ease-in-out infinite}.hero-stage .sun-orb{right:10%;top:82px;width:166px;height:166px;overflow:visible;border:1px solid #fff2b0cc;background:radial-gradient(circle at 38% 28%,#fffde9 0 4%,#ffe99c 18%,#ffc551 48%,#f2942e 78%,#c85c1a 100%);animation:sun-float 9s ease-in-out infinite;box-shadow:inset -18px -17px 34px #b84f194c,inset 15px 12px 26px #fff5,0 0 18px #ffd36cce,0 0 52px #ffb53780,0 0 104px #f6a12138,0 34px 64px #8d6a352f}.hero-stage .sun-orb:before{inset:-11%;border:1px solid #ffc75a4a;box-shadow:0 0 31px #ffbc4d70,0 0 68px #ffb13f35;animation:solar-halo 6s ease-in-out infinite}.sun-corona{inset:-18%;z-index:-1;opacity:.58;background:conic-gradient(from 10deg,transparent,#ffc75a2c,transparent 13%,#ffb13e26,transparent 29%,#ffd67c30,transparent 47%,#ffb13d28,transparent 68%,#ffd7792a,transparent 86%);filter:blur(7px);animation:corona-turn 24s linear infinite}.sun-corona,.sun-surface{position:absolute;border-radius:50%}.sun-surface{inset:3%;opacity:.3;mix-blend-mode:soft-light;background:radial-gradient(circle at 28% 56%,#9e421e 0 2%,transparent 3%),radial-gradient(circle at 62% 30%,#a8481c 0 1.5%,transparent 2.5%),radial-gradient(circle at 69% 67%,#fff7c8 0 2%,transparent 3%),repeating-radial-gradient(circle at 48% 48%,#fff4 0 1px,transparent 2px 5px);animation:surface-turn 18s linear infinite}@keyframes corona-turn{to{transform:rotate(1turn)}}@keyframes surface-turn{to{transform:rotate(-1turn)}}@keyframes sun-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.018)}}@keyframes lunar-light{0%,to{opacity:.78;transform:rotate(-4deg)}50%{opacity:.48;transform:rotate(5deg)}}@keyframes dust-breathe{0%,to{opacity:.38}50%{opacity:.68}}@media(max-width:560px){.hero-stage .logo-orb{width:184px;height:184px;top:28px}.hero-stage .moon-orb{left:-1%;top:140px;width:76px;height:76px}.hero-stage .sun-orb{right:-1%;top:125px;width:88px;height:88px}.hero-stage:before{inset:8% -8% 10%}}@media(prefers-reduced-motion:reduce){.hero-stage .line-one,.hero-stage .line-two,.hero-stage .sun-orb,.hero-stage .sun-orb:before,.moon-terminator,.solar-dust,.sun-corona,.sun-surface{animation:none!important}.hero-stage .logo-orb{transform:translateX(-50%)}.hero-stage .moon-orb{transform:rotate(-11deg)}}.sourcing-guide{padding:100px max(6vw,24px);background:#fff;color:#111;position:relative}.sourcing-guide h2{font-size:clamp(32px,5vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:1000px;margin:20px auto;text-align:center}.sourcing-guide-intro,.sourcing-guide>.section-kicker{text-align:center}.sourcing-guide-intro{max-width:700px;margin:24px auto 48px;color:#62656d;line-height:1.7;font-size:18px}.sourcing-faq-list{max-width:1000px;margin:auto;border-top:1px solid #ddd}.sourcing-faq-list details{border-bottom:1px solid #ddd;padding:24px 0}.sourcing-faq-list summary{cursor:pointer;font-size:20px;font-weight:600;line-height:1.5;padding-right:16px}.sourcing-faq-list summary:focus-visible{outline:2px solid #287be8;outline-offset:6px}.sourcing-faq-list details p{font-size:17px;line-height:1.8;color:#62656d;max-width:850px;margin:18px 0 0}.sourcing-guide-link{display:block;width:fit-content;margin:36px auto 0;color:#1769bd;font-size:18px}@media(max-width:600px){.sourcing-guide{padding:64px 24px}.sourcing-faq-list summary{font-size:18px}}