:root{color-scheme:light;--paper:#f3f2ee;--ink:#151918;--muted:#646964;--gutter:clamp(24px,5vw,84px);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}
#textile-lines{transform-origin:center;animation:weave-flow 22s ease-in-out infinite alternate}.showcase:not(.in-view) #textile-lines,.page-hidden *{animation-play-state:paused!important}@keyframes weave-flow{from{transform:translate(-25px,-12px) rotate(-2deg)}to{transform:translate(30px,35px) rotate(3deg)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}p,h1,h2,h3{margin:0}p{line-height:1.8}.skip{position:fixed;top:-100px;left:24px;z-index:100;padding:18px;background:var(--paper)}.skip:focus{top:10px}
.site-header{height:84px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(7,18,14,.87);color:#f2f3ef;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:40px;object-fit:contain;mix-blend-mode:screen}.brand span{font-size:13px;letter-spacing:.05em;font-weight:700}.desktop-nav{display:flex;gap:clamp(24px,3vw,56px);margin-left:auto;margin-right:auto;padding:0 30px}.desktop-nav a{font-size:13px;font-weight:600;padding:16px 0;position:relative}.desktop-nav a:after{content:"";height:1px;background:currentColor;position:absolute;left:0;right:100%;bottom:8px;transition:right .3s}.desktop-nav a:hover:after{right:0}.menu-button{display:flex;gap:8px;align-items:center;font-size:10px}.menu-icon{width:20px;height:9px;border-top:1px solid;border-bottom:1px solid}.site-header.is-scrolled{background:rgba(13,17,17,.9)}
.hero{height:100svh;min-height:650px;max-height:1200px;background:#07120e;color:#eee;position:relative;overflow:hidden}.hero-field{position:absolute;inset:12% 10% 16%;will-change:transform;transform:translateY(var(--hero-shift,0px)) scale(var(--hero-scale,1));opacity:var(--hero-opacity,1)}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.field-fallback{position:absolute;width:min(70%,650px);left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}.ready .field-fallback{display:none}.hero-copy{position:absolute;bottom:110px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between}.hero-copy h1{font-size:18px;font-weight:500;letter-spacing:.15em}.hero-copy h1 span{display:block;font-size:10px;letter-spacing:.12em;color:#b9c3bc;margin-top:9px}.hero-copy>p{font-size:13px;letter-spacing:.12em}.hero-foot{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff22;padding-top:20px}.hero-foot>span{font-size:9px;letter-spacing:.16em}.hero-foot a{display:flex;align-items:center;gap:26px;font-size:30px}.hero-foot small{font-size:10px;font-weight:400}
.showcase{position:relative;isolation:isolate;overflow:hidden;background:#172635;color:#fff;min-height:850px;height:110svh;max-height:1300px;--scene-wash:rgba(12,30,51,.2);--cloth-turn:-7deg;--cloth-x:0%;--cloth-y:0%}.showcase[data-scene=commerce]{--scene-wash:rgba(105,63,40,.47);--cloth-turn:7deg;--cloth-x:-7%;--cloth-y:6%}.showcase[data-scene=content]{--scene-wash:rgba(40,28,83,.45);--cloth-turn:-15deg;--cloth-x:6%;--cloth-y:-4%}.showcase[data-scene=mcn]{--scene-wash:rgba(9,72,64,.5);--cloth-turn:3deg;--cloth-x:-2%;--cloth-y:-8%}.showcase-material{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#526172,transparent 70%),#111c27}.showcase-material:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(5,10,15,.45),transparent 70%),var(--scene-wash);transition:background 1.2s}.textile{position:absolute;inset:-18%;width:136%;height:136%;transform:translate(var(--cloth-x),calc(var(--cloth-y) + var(--cloth-scroll,0px))) rotate(var(--cloth-turn));transition:transform 1.8s cubic-bezier(.2,.6,.2,1);opacity:.78}.material-light{position:absolute;width:80%;height:100%;right:-30%;top:-30%;background:radial-gradient(ellipse,#c7d4e12b,transparent 65%);animation:light-drift 18s ease-in-out infinite alternate}.showcase:not(.in-view) .material-light{animation-play-state:paused}@keyframes light-drift{to{transform:translate(-25%,25%) scale(1.2)}}
.showcase-heading{position:absolute;top:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.showcase-heading h2{font-size:11px;font-weight:400;letter-spacing:.14em}.showcase-heading>span{font-size:8px;letter-spacing:.15em;opacity:.65}.world-grid{height:100%;display:grid;grid-template-columns:54% 46%;grid-template-rows:55% 45%}.world-link{position:relative;display:flex;flex-direction:column;justify-content:center;padding:75px 12% 50px;border-bottom:1px solid #ffffff28;border-right:1px solid #ffffff28;min-width:0;background:transparent;transition:background .7s}.world-link:nth-child(even){border-right:0}.world-link:nth-child(n+3){border-bottom:0}.world-link:hover,.world-link:focus-visible{background:#050d1336}.world-commerce{grid-column:2;grid-row:1/3;padding:80px 12%;border-bottom:0}.world-mcn{grid-column:1/-1;display:none}.world-content{grid-column:1;grid-row:2}.world-grid{grid-template-rows:50% 50%}.world-index{position:absolute;left:12%;top:75px;font-size:10px;letter-spacing:.13em;opacity:.7}.world-content .world-index{top:36px}.world-en{display:block;font-size:clamp(25px,3.8vw,64px);line-height:1;font-weight:800;letter-spacing:-.05em;margin-bottom:16px}.world-link h3{font-size:clamp(19px,2vw,30px);font-weight:500;letter-spacing:-.025em}.world-link p{font-size:12px;margin-top:15px;color:#e0e4e6;max-width:330px}.world-more{position:absolute;bottom:40px;font-size:10px;display:flex;align-items:center;gap:20px}.world-more b{font-size:25px;font-weight:400;transition:transform .4s}.world-link:hover .world-more b{transform:translate(4px,-4px)}.world-link>div{transform:translateY(0);transition:transform .6s}.world-link:hover>div{transform:translateY(-5px)}.world-commerce .world-en{max-width:400px}.world-commerce .world-more{bottom:20%}.world-commerce .world-index{top:25%}
/* A separate full-width MCN strip completes the four businesses without equal cards. */
.showcase{height:auto;min-height:0;max-height:none}.world-grid{height:110svh;min-height:820px;max-height:1100px}.world-mcn{display:flex;grid-row:3;min-height:260px;padding:65px var(--gutter);border:0;border-top:1px solid #ffffff28;flex-direction:row;justify-content:space-between;align-items:center;gap:40px}.world-mcn .world-index{position:static}.world-mcn .world-more{position:static;flex-shrink:0}.world-mcn .world-en{font-size:clamp(26px,3.3vw,50px)}.world-mcn h3{font-size:20px}.world-grid{height:auto;max-height:none;grid-template-rows:minmax(410px,55svh) minmax(350px,45svh) auto}.world-mcn p{max-width:none}.world-ip{padding-top:130px}
.introduction{padding:125px var(--gutter);display:grid;grid-template-columns:1fr 2fr auto;gap:30px}.eyebrow{font-size:10px;letter-spacing:.15em}.introduction .eyebrow{padding-top:12px}.introduction h2{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.04em;margin-bottom:30px}.introduction p{color:var(--muted);font-size:15px}.arrow-link{font-size:42px}.brand-statement{position:relative;overflow:hidden;background:#18251f;color:var(--paper);padding:100px var(--gutter)}.brand-statement:before{content:"";position:absolute;width:65vw;height:65vw;border:1px solid #c0d0c21f;border-radius:50%;right:-20%;top:-35%;transform:translateY(var(--statement-shift,0px));pointer-events:none}.brand-statement h2{font-size:clamp(40px,6.6vw,94px);font-weight:500;letter-spacing:-.05em;line-height:1.3;margin:50px 0 60px}.brand-statement .eyebrow{color:#bdc9bf}.statement-bottom{display:flex;justify-content:space-between;gap:40px;font-size:14px;color:#c3cfc4}.contact{padding:110px var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:25px}.contact h2{font-size:clamp(30px,4vw,60px);font-weight:500;line-height:1.4;letter-spacing:-.04em}.contact .eyebrow{padding-top:10px}.contact p{grid-column:2;font-size:12px;color:var(--muted)}footer{background:#101715;color:#e5e9e5;padding:40px var(--gutter) 25px;overflow:hidden}.footer-brand{font-size:clamp(40px,12.2vw,200px);line-height:1.3;letter-spacing:-.055em;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff22;padding-top:25px;font-size:10px}.footer-bottom nav{display:flex;gap:25px}.footer-bottom button{font-size:10px}
dialog{border:0;padding:95px var(--gutter) 45px;margin:0;width:100%;height:100svh;max-width:none;max-height:none;background:#102019;color:#f1f3ed;overflow:auto}dialog::backdrop{background:#07120eee}.menu-close,.detail-close{position:absolute;right:var(--gutter);top:24px;font-size:13px}dialog nav{max-width:920px;display:flex;flex-direction:column;margin:45px auto 0}dialog nav a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(25px,4vw,56px);padding:13px 0;border-bottom:1px solid #ffffff22}dialog small{font-size:10px;letter-spacing:.1em}dialog a:hover{color:#c5d4cb}.detail-inner{position:relative;max-width:900px;margin:6vh auto 0;z-index:1}.detail-inner h2{font-size:clamp(32px,6vw,85px);font-weight:600;letter-spacing:-.04em;margin:35px 0}.detail-inner>p{font-size:clamp(15px,1.6vw,21px);max-width:650px;color:#c5cec7}.detail-inner ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:18px 30px;margin:35px 0 50px;font-size:12px}.detail-inner li{padding:12px 0;border-bottom:1px solid #ffffff35}.detail-contact{display:inline-flex;gap:70px;align-items:center;padding:16px 0;font-size:14px;border-bottom:1px solid #ffffff88}.detail-contact span{font-size:24px}.detail-wordmark{position:absolute;bottom:1%;left:var(--gutter);font-size:14vw;letter-spacing:-.05em;font-weight:800;opacity:.035;pointer-events:none}#business-detail[open] .detail-inner{animation:detail-in .55s both}@keyframes detail-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.motion-enabled [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-enabled [data-reveal].revealed{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused [data-reveal]{opacity:1;transform:none}.motion-paused .hero-field{transform:none;opacity:1}
@media(max-width:1050px){.desktop-nav{gap:22px;padding:0 20px}.desktop-nav a{font-size:11px}.brand span{display:none}.world-en{font-size:4vw}.world-link{padding-left:9%;padding-right:9%}.world-index{left:9%}.world-mcn{padding-left:var(--gutter);padding-right:var(--gutter)}}
@media(max-width:700px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 22px}.brand span{display:block;font-size:12px}.brand img{width:40px;height:30px}.desktop-nav{display:none}.menu-button{font-size:11px}.hero{min-height:630px}.hero-field{inset:15% 0 25%}.hero-copy{bottom:125px;display:block}.hero-copy h1{font-size:17px}.hero-copy>p{position:absolute;right:0;bottom:0;font-size:10px;letter-spacing:.05em}.hero-foot{bottom:32px}.hero-foot>span{font-size:8px}.hero-foot a{gap:15px;font-size:24px}.hero-foot small{font-size:9px}.showcase-heading{top:25px}.showcase-heading>span{display:none}.showcase-heading h2{font-size:10px}.world-grid{display:block;min-height:0}.world-link{min-height:320px;padding:80px var(--gutter) 75px;border-right:0;border-bottom:1px solid #ffffff33}.world-ip{min-height:370px;padding-top:115px}.world-en{font-size:clamp(28px,8vw,47px);letter-spacing:-.045em;max-width:none!important;margin-bottom:13px}.world-link h3{font-size:23px}.world-link p{font-size:12px;max-width:300px;margin-top:13px}.world-index,.world-commerce .world-index,.world-content .world-index{top:32px;left:var(--gutter);font-size:9px}.world-ip .world-index{top:72px}.world-more,.world-commerce .world-more{bottom:25px;font-size:10px}.world-more b{font-size:22px}.world-mcn{display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center;border-top:0}.world-mcn .world-index{position:absolute}.world-mcn .world-more{position:absolute}.world-mcn .world-en{font-size:8vw}.world-mcn h3{font-size:23px}.textile{inset:-5% -70%;width:240%;height:110%;opacity:.6}.introduction{padding:75px var(--gutter);display:block}.introduction .eyebrow{display:block;margin-bottom:30px;padding:0}.introduction h2{font-size:31px;margin-bottom:25px}.introduction p{font-size:14px}.desktop-break{display:none}.arrow-link{display:none}.brand-statement{padding:75px var(--gutter)}.brand-statement h2{font-size:39px;margin:35px 0}.statement-bottom{display:block;font-size:13px}.statement-bottom p+p{margin-top:25px}.contact{padding:75px var(--gutter);display:block}.contact .eyebrow{display:block;margin-bottom:30px}.contact h2{font-size:33px}.contact p{font-size:11px;margin-top:25px}.footer-brand{font-size:12vw}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:14px;padding-top:18px}.footer-bottom>span{grid-column:1/-1}.footer-bottom nav{gap:16px;font-size:9px}.footer-bottom button{font-size:9px}dialog{padding-top:85px}dialog nav{margin-top:30px}dialog nav a{font-size:25px;padding:18px 0}dialog small{font-size:8px}.detail-inner{margin-top:25px}.detail-inner h2{font-size:36px}.detail-inner>p{font-size:15px}.detail-inner ul{font-size:12px;gap:8px 20px;margin:25px 0 30px}.detail-wordmark{position:relative;display:block;margin-top:50px;left:0}.detail-contact{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-field{transform:none!important;opacity:1!important}.motion-enabled [data-reveal]{opacity:1;transform:none}.textile{transform:none!important}}