
#loom-future .lf-site{color-scheme:dark;--lf-bg:#0b1118;--lf-text:#eeeee8;--lf-muted:#afb6bf;--lf-line:#2a333d;--lf-accent:#dec895;--lf-panel:#151e28;--lf-night:#080e15;--lf-white:#f5f2e9;--lf-gold:#dec895;color:var(--lf-text);background:var(--lf-bg);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#loom-future .lf-site *{box-sizing:border-box}#loom-future .lf-site h1,#loom-future .lf-site h2,#loom-future .lf-site h3,#loom-future .lf-site p{margin:0}#loom-future .lf-site a{color:inherit;text-decoration:none}#loom-future .lf-site button{font:inherit}#loom-future .lf-site h2{font-size:clamp(28px,3.8vw,42px);font-weight:400;line-height:1.35;letter-spacing:-1px}#loom-future .lf-site h3{font-weight:400}
#loom-future .lf-nav{background:var(--lf-night);color:var(--lf-white);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 5%;border-bottom:1px solid #ffffff20;flex-wrap:wrap}
#loom-future .lf-brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.8px;line-height:1.1}#loom-future .lf-brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:7px}#loom-future .lf-logo{width:56px;height:56px;flex-shrink:0;position:relative;overflow:hidden;display:block}#loom-future .lf-logo img{position:absolute;width:98px;max-width:none;top:-14px;left:-23px;filter:invert(1) grayscale(1) brightness(1.6);mix-blend-mode:screen}#loom-future .lf-nav nav{display:flex;gap:24px;font-size:12px;flex-wrap:wrap}
#loom-future .lf-link{display:inline-flex;align-items:center;color:inherit;min-height:44px;border:0;border-bottom:1px solid currentColor;padding:5px 0;background:transparent;font-size:12px}
#loom-future .lf-hero{min-height:clamp(610px,52vw,720px);position:relative;background:var(--lf-night);color:var(--lf-white);isolation:isolate;overflow:hidden}#loom-future .lf-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}#loom-future .lf-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080e15f2 0%,#080e1590 36%,transparent 63%),linear-gradient(0deg,#080e15f0,transparent 24%)}
#loom-future .lf-hero-content{padding:75px 5% 110px;max-width:540px;pointer-events:none}#loom-future .lf-hero-content a,#loom-future .lf-hero-content button{pointer-events:auto}#loom-future .lf-kicker{font-size:11px;letter-spacing:2px;margin-bottom:21px!important}#loom-future .lf-hero .lf-kicker{color:var(--lf-gold)}#loom-future .lf-hero h1{font-size:clamp(46px,7.8vw,80px);line-height:1.19;font-weight:400;letter-spacing:-3px;margin-bottom:27px}#loom-future .lf-hero h1 em{font-style:normal;color:var(--lf-gold)}#loom-future .lf-intro{font-size:14px;color:#c8cdd3;line-height:1.9}
#loom-future .lf-actions{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}#loom-future .lf-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:13px 20px;min-height:46px;border:1px solid #ffffff36;font-size:12px}#loom-future .lf-primary{color:#142014!important;background:#dbe3c3;border-color:#dbe3c3}#loom-future .lf-glass{background:#ffffff09;color:var(--lf-white);backdrop-filter:blur(10px)}#loom-future .lf-button:hover{transform:translateY(-2px);transition:transform .2s}
#loom-future .lf-hero-bottom{position:absolute;bottom:20px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:#b6c0cb;letter-spacing:1px}#loom-future .lf-small{background:transparent;border:1px solid #ffffff25;color:inherit;padding:7px 10px;font-size:11px;min-height:35px}#loom-future .lf-hero-bottom>div{display:flex;gap:8px}
#loom-future .lf-statement{text-align:center;padding:65px 7%}#loom-future .lf-statement .lf-kicker{color:var(--lf-muted)}#loom-future .lf-statement>p:last-child{margin-top:22px;color:var(--lf-muted);font-size:13px}
#loom-future .lf-section{padding:58px 5%}#loom-future .lf-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}#loom-future .lf-heading>span{font-size:11px;color:var(--lf-muted)}#loom-future .lf-heading .lf-kicker{color:var(--lf-accent)}
#loom-future .lf-work{padding-top:15px}#loom-future .lf-projects{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:start}#loom-future .lf-proj-two{margin-top:70px}#loom-future .lf-project-art{min-height:350px;position:relative;overflow:hidden;color:var(--lf-white);padding:25px;background:radial-gradient(ellipse at 70% 12%,#354f69,#0a131e 65%);isolation:isolate}#loom-future .lf-project-top{font-size:11px;letter-spacing:3px;position:relative;z-index:2}#loom-future .lf-project-art h3{font-size:clamp(25px,3.4vw,36px);line-height:1.45;position:absolute;left:25px;bottom:55px;letter-spacing:2px;z-index:2}#loom-future .lf-art-caption{position:absolute;left:25px;bottom:21px;font-size:10px;color:#c0c8d3;z-index:2}
#loom-future .lf-eclipse{position:absolute;width:250px;height:250px;right:-35px;top:-20px;border-radius:50%;background:#0a1523;box-shadow:-13px 6px 30px #e6d7b940,-3px 3px 0 #d1c9b9;transform:rotate(-20deg)}#loom-future .lf-streak{position:absolute;inset:-40%;background:repeating-linear-gradient(125deg,transparent 0 44px,#ffffff0a 45px,transparent 47px);transform:rotate(5deg)}#loom-future .lf-proj-two .lf-project-art{min-height:305px;background:radial-gradient(at 85% 10%,#c8874860,transparent 70%),#191412}#loom-future .lf-stairs{position:absolute;right:-55px;top:10px;width:270px;height:290px;transform:rotate(-22deg);background:repeating-linear-gradient(0deg,#0a0806 0 22px,#b6986740 23px 25px,#5c493330 26px 38px);mask-image:linear-gradient(0deg,transparent,#000 80%)}#loom-future .lf-project-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:15px 0;border-bottom:1px solid var(--lf-line)}
#loom-future .lf-services{border-top:1px solid var(--lf-line)}#loom-future .lf-service-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}#loom-future .lf-service-menu{display:flex;flex-direction:column}#loom-future .lf-service-tab{display:flex;text-align:left;align-items:center;gap:17px;padding:20px 0;font-size:18px;border:0;border-bottom:1px solid var(--lf-line);background:transparent;color:var(--lf-muted);min-height:65px}#loom-future .lf-service-tab span{font-size:11px}#loom-future .lf-service-tab i{font-style:normal;margin-left:auto;transition:transform .3s}#loom-future .lf-service-tab[aria-selected=true]{color:var(--lf-text)}#loom-future .lf-service-tab[aria-selected=true] i{transform:rotate(45deg)}
#loom-future .lf-service-detail{padding:30px;background:var(--lf-panel);position:relative}#loom-future .lf-detail-index{font-size:11px;letter-spacing:2px;color:var(--lf-muted)}#loom-future .lf-service-detail h3{font-size:28px;line-height:1.4;margin:20px 0}#loom-future .lf-detail-copy{color:var(--lf-muted);font-size:12px;min-height:80px}#loom-future .lf-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}#loom-future .lf-detail-tags span{font-size:11px;padding:4px 8px;border:1px solid var(--lf-line)}
#loom-future .lf-tech{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--lf-night);color:var(--lf-white)}#loom-future .lf-tech .lf-kicker{color:var(--lf-gold)}#loom-future .lf-tech-copy>p:not(.lf-kicker){font-size:12px;color:#b6c0cb;max-width:370px;margin:24px 0}#loom-future .lf-tech-map{position:relative;padding-left:25px;display:grid;grid-template-columns:1fr 1fr;gap:27px}#loom-future .lf-thread{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--lf-gold),transparent)}#loom-future .lf-tech-map span{font-size:11px;color:var(--lf-gold)}#loom-future .lf-tech-map h3{font-size:17px;margin:10px 0}#loom-future .lf-tech-map p{font-size:11px;color:#b6c0cb}
#loom-future .lf-about>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}#loom-future .lf-about>div p{font-size:12px;color:var(--lf-muted);margin-bottom:18px}
#loom-future .lf-contact{padding:46px 5%;background:var(--lf-panel)}#loom-future .lf-contact>div:not(.lf-contact-detail){display:flex;align-items:center;justify-content:space-between;gap:20px}#loom-future .lf-contact h2{font-size:clamp(32px,5vw,56px)}#loom-future .lf-round{width:62px;height:62px;background:var(--lf-text);color:var(--lf-bg);border:0;border-radius:50%;font-size:25px}#loom-future .lf-contact>p:last-of-type{font-size:11px;color:var(--lf-muted);margin-top:18px}#loom-future .lf-contact-detail{margin-top:30px;border-top:1px solid var(--lf-line);padding-top:20px}#loom-future .lf-contact-detail p{font-size:13px;margin-top:7px}
#loom-future .lf-footer{padding:25px 5%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--lf-muted)}
#loom-future .lf-lab .lf-hero-content{text-align:center;max-width:none;padding:48px 5% 280px}#loom-future .lf-lab .lf-hero{min-height:800px}#loom-future .lf-lab .lf-hero h1{font-size:clamp(42px,7vw,68px);letter-spacing:-2px}#loom-future .lf-lab .lf-actions{justify-content:center}#loom-future .lf-lab .lf-shade{background:linear-gradient(#080e15 0%,#080e15e0 30%,#080e1500 74%,#080e15e0)}#loom-future .lf-lab .lf-statement{text-align:left;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}#loom-future .lf-lab .lf-statement>p:last-child{grid-column:2;margin:0}#loom-future .lf-lab .lf-projects{grid-template-columns:1fr 1fr}#loom-future .lf-lab .lf-proj-two{margin-top:0}#loom-future .lf-lab .lf-project-art{min-height:325px}#loom-future .lf-lab .lf-statement .lf-kicker{align-self:start}
@media(max-width:680px){#loom-future .lf-nav nav{order:3;width:100%;justify-content:space-between;gap:9px}#loom-future .lf-hero-content{padding-top:55px}#loom-future .lf-hero{min-height:580px}#loom-future .lf-hero-bottom>a{display:none}#loom-future .lf-heading{display:block}#loom-future .lf-heading>span{display:block;margin-top:18px}#loom-future .lf-service-layout,#loom-future .lf-tech,#loom-future .lf-about>div{grid-template-columns:1fr;gap:26px}#loom-future .lf-projects{gap:15px}#loom-future .lf-project-art{min-height:310px}#loom-future .lf-proj-two{margin-top:45px}#loom-future .lf-project-art h3{font-size:24px;left:17px}#loom-future .lf-art-caption{left:17px;font-size:10px}#loom-future .lf-lab .lf-statement{display:block}#loom-future .lf-lab .lf-statement>p:last-child{margin-top:22px}}
@media(max-width:440px){#loom-future .lf-projects,#loom-future .lf-lab .lf-projects{grid-template-columns:1fr}#loom-future .lf-proj-two{margin-top:0}#loom-future .lf-project-art{min-height:335px}#loom-future .lf-hero h1{letter-spacing:-2px}#loom-future .lf-hero-bottom{gap:10px}#loom-future .lf-hero-bottom>span{width:100%}#loom-future .lf-section{padding-top:40px;padding-bottom:40px}#loom-future .lf-service-detail{padding:25px}#loom-future .lf-statement{padding:45px 5%}#loom-future .lf-contact{padding-top:35px;padding-bottom:35px}#loom-future .lf-hero-content{padding-bottom:140px}#loom-future .lf-lab .lf-hero-content{padding-bottom:300px}#loom-future .lf-lab .lf-hero{min-height:710px}}
@media(prefers-reduced-motion:reduce){#loom-future .lf-site *{transition:none!important;scroll-behavior:auto!important}}
@media(pointer:coarse){#loom-future .lf-small,#loom-future .lf-nav nav a{min-height:44px;display:inline-flex;align-items:center}}

#loom-future .lf-deliverable{font-size:12px;color:#c4d0db;line-height:1.9;margin-top:18px!important}#loom-future .lf-deliverable>span{display:block;color:#bdd3e1;font-size:11px;margin-bottom:5px}
#loom-future .lf-page[hidden]{display:none}
#loom-future .lf-nav nav a{position:relative;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
#loom-future .lf-nav nav a[aria-current=page]{color:#deebf5}
#loom-future .lf-nav nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d6e7f5,transparent)}
#loom-future .lf-service-tab{position:relative;padding-left:18px;padding-right:18px;transition:background .25s,color .25s,box-shadow .25s}
#loom-future .lf-service-tab:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;background:linear-gradient(transparent,#c9e2f5,transparent);opacity:0;transition:opacity .25s}
#loom-future .lf-service-tab[aria-selected=true]{color:#eff5fa;background:linear-gradient(100deg,#adcbe515,#adcbe504);box-shadow:inset 0 -1px #adcbe542}
#loom-future .lf-service-tab[aria-selected=true]:before{opacity:1}
#loom-future .lf-service-tab[aria-selected=true]>span,#loom-future .lf-service-tab[aria-selected=true]>i{color:#c0dbea}
#loom-future .lf-service-tab:hover{background:#b0cfe909;color:#eaf0f5}
#loom-future .lf-service-detail{border-top:1px solid #bfd8e44d;background:linear-gradient(130deg,#1b2733,#141d27 65%)}
#loom-future .lf-service-detail.lf-detail-enter{animation:lf-detail-enter .28s ease both}
@keyframes lf-detail-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#loom-future .lf-page-intro{padding:76px 7% 50px;background:radial-gradient(ellipse at 85% 35%,#31425324,transparent 65%),var(--lf-night)}
#loom-future .lf-page-intro h1{font-size:clamp(34px,5.5cqw,68px);font-weight:400;line-height:1.25;letter-spacing:-2px}
#loom-future .lf-page-intro>p:last-of-type{max-width:690px;margin-top:25px;color:var(--lf-muted);font-size:14px;line-height:1.9}
#loom-future .lf-page-intro .lf-kicker{color:#c1d7e7}
#loom-future .lf-back{display:inline-flex;min-height:44px;align-items:center;color:var(--lf-muted);font-size:12px;margin-bottom:25px}
#loom-future .lf-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 45px}
#loom-future .lf-capabilities article{border-top:1px solid var(--lf-line);padding-top:24px}
#loom-future .lf-capabilities article>span{font-size:11px;letter-spacing:1px;color:#bdd3e1}
#loom-future .lf-capabilities h3{font-size:24px;line-height:1.5;margin:12px 0}
#loom-future .lf-capabilities p,#loom-future .lf-process>p:last-child{font-size:13px;color:var(--lf-muted);line-height:1.9}
#loom-future .lf-capabilities .lf-link{margin-top:18px}
#loom-future .lf-product-row{display:grid;grid-template-columns:180px minmax(0,1fr) 40px;gap:25px;padding:36px 0;border-top:1px solid var(--lf-line);align-items:center}
#loom-future .lf-product-row p{color:var(--lf-muted);font-size:13px;margin-top:10px}
#loom-future .lf-product-index{font-size:11px;color:#bdd3e1;letter-spacing:1px}
#loom-future .lf-product-arrow{font-size:26px;justify-self:end;transition:transform .25s}
#loom-future .lf-product-row:hover .lf-product-arrow{transform:translate(3px,-3px)}
#loom-future .lf-process{background:var(--lf-night)}
#loom-future .lf-process>p:last-child{margin-top:22px}
#loom-future .lf-contact-detail a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #a9c8db60;font-size:20px;color:#d0e2ef}
#loom-future .lf-home-services{border-top:1px solid var(--lf-line);background:#101821}
#loom-future .lf-home-services .lf-capabilities a{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--lf-line);font-size:18px}
@media(max-width:680px){#loom-future .lf-page-intro{padding:48px 5% 35px}#loom-future .lf-page-intro h1{letter-spacing:-1px}#loom-future .lf-capabilities{grid-template-columns:1fr;gap:28px}#loom-future .lf-product-row{grid-template-columns:minmax(0,1fr) 30px;gap:10px;padding:28px 0}#loom-future .lf-product-index{grid-column:1 / -1}#loom-future .lf-nav nav{column-gap:14px;justify-content:flex-start}#loom-future .lf-contact-detail a{font-size:18px}}
@media(prefers-reduced-motion:reduce){#loom-future .lf-detail-enter{animation:none!important}}


#loom-future .lf-pointer-action{position:absolute;width:20px;height:20px;pointer-events:none;opacity:0}
#loom-future .lf-pointer-action:before,#loom-future .lf-pointer-action:after{content:"";position:absolute;width:6px;height:6px;border-color:#d1e4f2;border-style:solid;filter:drop-shadow(0 0 3px #a6c9e555)}
#loom-future .lf-pointer-action:before{top:0;left:0;border-width:1px 0 0 1px}
#loom-future .lf-pointer-action:after{bottom:0;right:0;border-width:0 1px 1px 0}
#loom-future .lf-site a,#loom-future .lf-site button{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}
#loom-future .lf-link:hover,#loom-future .lf-link:focus-visible{color:#d4e8f6;border-bottom-color:#d4e8f6;box-shadow:0 3px 8px -6px #b4dbf9}
#loom-future .lf-nav nav a:hover,#loom-future .lf-nav nav a:focus-visible{color:#d4e8f6}
#loom-future .lf-nav nav a:hover:after,#loom-future .lf-nav nav a:focus-visible:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a9cee8,transparent)}
#loom-future .lf-button:hover,#loom-future .lf-button:focus-visible{border-color:#d1e2ed;box-shadow:inset 0 0 0 1px #bed9ed20,0 0 15px #bfdcf008;transform:none}
#loom-future .lf-button>span,#loom-future .lf-home-services a>span{display:inline-block;transition:transform .18s}
#loom-future .lf-button:hover>span,#loom-future .lf-button:focus-visible>span,#loom-future .lf-home-services a:hover>span,#loom-future .lf-home-services a:focus-visible>span{transform:translate(2px,-2px)}
#loom-future .lf-product-row:hover,#loom-future .lf-product-row:focus-visible{background:linear-gradient(90deg,#b9d8ec08,transparent);border-color:#93b6cf80}
#loom-future .lf-product-row:hover h2,#loom-future .lf-product-row:focus-visible h2,#loom-future .lf-home-services a:hover,#loom-future .lf-home-services a:focus-visible{color:#d4e8f6}
#loom-future .lf-round:hover,#loom-future .lf-round:focus-visible{background:#d4e8f6;box-shadow:0 0 0 4px #b8d6ea0b}
#loom-future .lf-contact-detail a:hover,#loom-future .lf-contact-detail a:focus-visible{color:#eef6fc;border-bottom-color:#d4e8f6}
#loom-future .lf-button:active,#loom-future .lf-round:active{transform:scale(.985)}
@media(pointer:coarse){#loom-future .lf-pointer-action{display:none}}



@media(max-width:680px){#loom-future .lf-hero{min-height:760px}#loom-future .lf-hero-content{padding-bottom:380px}#loom-future .lf-lab .lf-hero{min-height:780px}#loom-future .lf-lab .lf-hero-content{padding-bottom:380px}}
#loom-future .lf-statement{background:linear-gradient(#080e15,#0b1118)}
#loom-future .lf-services{background:#111922}
#loom-future .lf-about{background:#0d141c}
#loom-future .lf-site{container-type:inline-size}
#loom-future .lf-site{position:relative;isolation:isolate;overflow:clip}
#loom-future .lf-liquid-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
#loom-future .lf-starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#loom-future .lf-hero-content{width:46%;max-width:none;padding:75px 0 110px 5%}
#loom-future .lf-hero h1{font-size:clamp(40px,7cqw,80px);letter-spacing:-2px}
#loom-future .lf-hero h1>span,#loom-future .lf-hero h1>em{display:block;white-space:nowrap}
#loom-future .lf-primary{background:#ded1b4;border-color:#ded1b4;color:#18201f!important}
#loom-future .lf-shade{background:linear-gradient(90deg,#080e15f0 0%,#080e1540 38%,transparent 58%),linear-gradient(0deg,#080e15,transparent 22%)}
#loom-future .lf-canvas{background:radial-gradient(ellipse at 72% 47%,#18253250,transparent 52%)}
#loom-future .lf-lab .lf-hero-content{width:100%;padding-left:5%;padding-right:5%}
@container(max-width:1100px){#loom-future .lf-lab .lf-hero{min-height:820px}}
@container(max-width:680px){#loom-future .lf-brand{font-size:20px}#loom-future .lf-lab .lf-hero{min-height:780px}}
@media(max-width:680px){#loom-future .lf-hero-content{width:100%;padding:55px 5% 380px}#loom-future .lf-hero h1{font-size:clamp(38px,8cqw,56px)}#loom-future .lf-shade{background:linear-gradient(#080e15 0%,#080e15d0 38%,transparent 63%,#080e1580 100%)}#loom-future .lf-canvas{background:radial-gradient(ellipse at 50% 70%,#18253260,transparent 40%)}}
