/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-directions-v7.css */
:root{--ink:#17221d;--sub:#5e6b64;--muted:#87918b;--green:#17633f;--green2:#547864;--line:rgba(23,34,29,.12);--serif:"Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3,h4{margin-top:0}.preview-bar{height:42px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;background:#17221d;color:#fff;font-size:11px;letter-spacing:.05em;position:relative;z-index:90}.preview-bar a{display:inline-flex;align-items:center;gap:10px;color:#d8e3dc}.preview-bar small{color:#9fb0a7}.site-header{height:72px;padding:0 max(28px,calc((100vw - 1248px)/2));display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:22px;background:#fff;border-bottom:1px solid #e5e9e6;position:relative;z-index:80}.site-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;white-space:nowrap}.site-brand img{width:30px;height:30px;object-fit:contain}.site-nav{display:flex;align-items:stretch;justify-content:center;height:72px;gap:25px;font-size:13px;white-space:nowrap}.site-nav a{display:flex;align-items:center;position:relative}.site-nav .has:after{content:"⌄";font-size:11px;margin-left:8px;color:#65736b}.site-nav .current{color:var(--green)}.site-nav .current:before{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--green)}.site-actions{display:flex;align-items:center;gap:17px}.search-icon{width:20px;height:20px;border:1.6px solid #334139;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:1.5px;background:#334139;right:-5px;bottom:0;transform:rotate(48deg)}.consult{height:40px;padding:0 23px;display:flex;align-items:center;background:var(--green);color:#fff;border-radius:3px;font-size:13px}.back-compare{position:fixed;right:20px;bottom:22px;z-index:88;padding:12px 17px;background:rgba(23,34,29,.9);color:#fff;font-size:11px;box-shadow:0 12px 35px rgba(10,20,14,.2);backdrop-filter:blur(10px)}
.homepage-footer{background:#eef2ef;color:#526159;position:relative;overflow:hidden}.homepage-footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,99,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,99,63,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.footer-inner{width:min(1165px,calc(100% - 60px));margin:auto;padding:74px 0 36px;position:relative}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,.82fr);gap:66px}.footer-company h3{font:400 22px/1.4 var(--serif);color:#1f3027;margin:0 0 22px}.footer-company>p{max-width:400px;font-size:13px;line-height:1.9;margin-bottom:20px}.contact-line{display:flex;gap:13px;align-items:flex-start;font-size:12px;line-height:1.6;margin:12px 0}.contact-line i{font-style:normal;color:#d2a514}.authority{padding-top:15px;margin-top:18px;border-top:1px solid rgba(27,47,36,.12);font-size:10px!important;color:#65736b}.footer-col h4{margin:0 0 22px;color:#24352c;font:500 15px/1.4 var(--serif)}.footer-col a{display:block;font-size:12px;margin:0 0 18px;color:#66736c}.footer-col a:hover{color:var(--green)}.footer-bottom{border-top:1px solid rgba(27,47,36,.12);margin-top:50px;padding-top:26px;display:flex;justify-content:space-between;font-size:11px;color:#6b7770}.footer-bottom a{margin-left:12px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .82s var(--ease),transform .82s var(--ease)}.reveal.in{opacity:1;transform:none}.eyebrow{display:flex;align-items:center;gap:13px;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green)}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:158px;padding:14px 18px;border:1px solid rgba(23,34,29,.25);font-size:12px;transition:transform .45s var(--ease),background .45s var(--ease),color .45s var(--ease)}.btn:hover{transform:translateY(-3px);background:var(--ink);color:#fff}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#104b30}.fact-number{font:400 45px/1 var(--serif);letter-spacing:-.04em}.fact-label{font-size:10px;line-height:1.6;color:var(--sub)}

/* A — documentary annual */
body.variant-a{background:#f4f0e8}.a-hero{min-height:760px;display:grid;grid-template-columns:.88fr 1.12fr;position:relative;background:#ede8de}.a-hero-copy{padding:105px 5vw 76px max(6vw,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center;position:relative}.a-edition{position:absolute;right:25px;top:30px;font:400 88px/1 var(--serif);color:rgba(23,34,29,.07)}.a-hero h1{font:400 clamp(58px,5.1vw,87px)/1.02 var(--serif);letter-spacing:-.06em;margin:28px 0}.a-hero h1 em{font-style:normal;color:var(--green)}.a-lead{font:400 18px/1.95 var(--serif);max-width:620px;color:#39483f}.a-hero .btns{margin-top:35px}.a-hero-image{position:relative;overflow:hidden}.a-hero-image img{transition:transform 1.4s var(--ease)}.a-hero:hover img{transform:scale(1.025)}.a-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,232,222,.5),transparent 25%),linear-gradient(0deg,rgba(12,21,16,.42),transparent 50%)}.a-image-caption{position:absolute;z-index:2;left:35px;right:35px;bottom:30px;color:#fff;display:flex;justify-content:space-between;align-items:end}.a-image-caption strong{font:400 18px/1.5 var(--serif)}.a-image-caption small{font-size:8px;letter-spacing:.18em}.a-facts{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(4,1fr);background:#fff;border-top:1px solid var(--line)}.a-fact{padding:25px 30px;border-left:1px solid var(--line);min-height:112px;display:flex;flex-direction:column;justify-content:center}.a-fact:first-child{border-left:0}.a-fact:first-child strong{font:400 18px/1.6 var(--serif)}
.a-profile{padding:130px 5vw;background:#f7f4ed}.a-wrap{width:min(1400px,100%);margin:auto}.a-profile-head{display:grid;grid-template-columns:250px 1fr;gap:6vw;align-items:end;margin-bottom:74px}.a-profile-head b{font:400 120px/.8 var(--serif);color:#d9d3c7}.a-profile-head h2{font:400 clamp(43px,4vw,65px)/1.12 var(--serif);letter-spacing:-.045em;margin:20px 0 0}.a-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw}.a-story-photo{height:720px;position:sticky;top:95px;overflow:hidden}.a-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 62%,rgba(10,19,14,.68))}.a-story-photo span{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff;font:400 18px/1.55 var(--serif)}.a-story-copy{border-top:1px solid var(--line)}.a-story-row{display:grid;grid-template-columns:85px 170px 1fr;gap:22px;padding:34px 0;border-bottom:1px solid var(--line)}.a-story-row small{font-size:9px;letter-spacing:.16em;color:var(--green)}.a-story-row h3{font:400 23px/1.45 var(--serif);margin:0}.a-story-row p{font:400 16px/1.95 var(--serif);color:#48564f}.a-story-row b{color:var(--green);font-weight:500}.a-identity{margin-top:65px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.a-identity div{padding:22px;border-left:1px solid var(--line)}.a-identity div:first-child{border-left:0}.a-identity small{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.a-identity strong{font:400 14px/1.5 var(--serif)}
.a-chronicle{padding:130px 5vw;background:#1b2821;color:#edf1ee}.a-chronicle .a-wrap{display:grid;grid-template-columns:280px 1fr;gap:7vw}.a-chronicle-aside{position:sticky;top:100px;align-self:start}.a-chronicle-aside h2{font:400 48px/1.1 var(--serif);margin:20px 0}.a-chronicle-aside p{font-size:12px;line-height:1.9;color:#aab7af}.a-chapters{border-top:1px solid rgba(255,255,255,.18)}.a-chapter{display:grid;grid-template-columns:90px 230px 1fr;gap:28px;padding:48px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:transform .55s var(--ease),background .55s var(--ease)}.a-chapter:hover{transform:translateX(10px);background:rgba(255,255,255,.025)}.a-chapter .num{font:400 42px/1 var(--serif);color:#73877a}.a-chapter h3{font:400 26px/1.45 var(--serif)}.a-chapter p{font-size:14px;line-height:2;color:#c8d1cb}.a-chapter b{color:#fff}.a-evidence{padding:120px 5vw;background:#ebe5d9}.a-evidence-grid{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.a-wide-photo{height:560px;position:relative;overflow:hidden}.a-wide-photo span{position:absolute;left:0;right:0;bottom:0;padding:75px 30px 28px;color:#fff;background:linear-gradient(transparent,rgba(12,20,15,.8));font:400 18px/1.5 var(--serif)}.a-position{padding:50px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.a-position h2{font:400 39px/1.35 var(--serif)}.a-position p{font:400 15px/2 var(--serif);color:#526059}.a-value{padding-top:28px;border-top:1px solid var(--line)}.a-value strong{display:block;font:400 58px/1 var(--serif);color:var(--green)}.a-value small{display:block;margin-top:10px;color:var(--muted);line-height:1.6}

/* B — silver museum */
body.variant-b{background:#f3f6f5}.b-hero{min-height:760px;padding:75px 5vw 55px;background:linear-gradient(135deg,#fbfcfb,#e7eeeb);position:relative;overflow:hidden}.b-hero:before{content:"";position:absolute;width:980px;height:980px;border:1px solid rgba(23,99,63,.12);border-radius:50%;right:-300px;top:-440px}.b-hero:after{content:"001";position:absolute;right:3vw;bottom:-50px;font:400 260px/.8 var(--serif);color:rgba(23,99,63,.045)}.b-hero-grid{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:3.5vw;align-items:center;position:relative;z-index:2}.b-hero h1{font:400 clamp(54px,4.65vw,78px)/1.06 var(--serif);letter-spacing:-.055em;margin:28px 0}.b-hero h1 em{font-style:normal;color:var(--green)}.b-hero .a-lead{max-width:590px}.b-hero .btns{margin-top:34px}.b-hero-media{position:relative;padding:20px}.b-hero-media:before,.b-hero-media:after{content:"";position:absolute;border:1px solid rgba(23,99,63,.18)}.b-hero-media:before{inset:0 42px 42px 0}.b-hero-media:after{inset:42px 0 0 42px}.b-main-photo{height:560px;position:relative;z-index:2;overflow:hidden;box-shadow:0 35px 100px rgba(32,51,41,.14)}.b-main-photo img{transition:transform 1.2s var(--ease)}.b-hero-media:hover img{transform:scale(1.03)}.b-photo-label{position:absolute;z-index:3;left:-5px;bottom:55px;background:rgba(250,252,251,.94);padding:20px 26px;min-width:250px}.b-photo-label small{font-size:8px;letter-spacing:.18em;color:var(--green)}.b-photo-label strong{display:block;font:400 17px/1.4 var(--serif);margin-top:8px}.b-data-line{width:min(1500px,100%);margin:55px auto 0;display:grid;grid-template-columns:1.3fr repeat(4,1fr);position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.b-data-line>div{padding:20px 22px;border-left:1px solid var(--line)}.b-data-line>div:first-child{border-left:0}.b-data-line strong{display:block;font:400 24px/1.3 var(--serif)}.b-data-line span{font-size:9px;color:var(--muted)}
.b-profile{padding:125px 5vw;background:#fff}.b-wrap{width:min(1460px,100%);margin:auto}.b-head{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end;margin-bottom:70px}.b-head h2{font:400 clamp(45px,4vw,66px)/1.12 var(--serif);letter-spacing:-.045em;margin:20px 0 0}.b-head p{font:400 16px/1.95 var(--serif);color:#5c6962}.b-profile-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:30px}.b-profile-main{padding:58px;background:#eef2f0;position:relative;overflow:hidden}.b-profile-main:after{content:"PROFILE";position:absolute;right:-15px;bottom:-20px;font:400 115px/1 var(--serif);color:rgba(23,99,63,.035)}.b-profile-main h3{font:400 30px/1.45 var(--serif)}.b-profile-main p{font:400 16px/2 var(--serif);color:#44524b;max-width:760px;position:relative;z-index:2}.b-profile-main b{color:var(--green);font-weight:500}.b-profile-side{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.b-profile-side div{padding:28px;background:#fafbfa;min-height:150px}.b-profile-side small{font-size:8px;letter-spacing:.15em;color:var(--muted)}.b-profile-side strong{display:block;margin-top:22px;font:400 18px/1.5 var(--serif)}
.b-halls{padding:135px 5vw;background:#e9efec}.b-halls-head{width:min(1460px,100%);margin:0 auto 62px;display:flex;justify-content:space-between;align-items:end}.b-halls-head h2{font:400 clamp(46px,4vw,68px)/1.1 var(--serif);margin:20px 0 0}.b-halls-head p{font-size:12px;line-height:1.8;color:var(--sub);max-width:420px}.b-hall-list{width:min(1460px,100%);margin:auto;display:grid;gap:28px}.b-hall{min-height:470px;display:grid;grid-template-columns:.48fr 1.08fr .9fr;background:#fff;box-shadow:0 30px 80px rgba(32,50,41,.06);overflow:hidden}.b-hall:nth-child(even){grid-template-columns:.9fr 1.08fr .48fr}.b-hall:nth-child(even) .b-hall-no{order:3}.b-hall:nth-child(even) .b-hall-photo{order:1}.b-hall:nth-child(even) .b-hall-copy{order:2}.b-hall-no{padding:38px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.b-hall-no strong{font:400 85px/.9 var(--serif);color:#cbd7d0}.b-hall-no span{font-size:9px;letter-spacing:.2em;color:var(--green);writing-mode:vertical-rl}.b-hall-photo{overflow:hidden}.b-hall-photo img{transition:transform 1.1s var(--ease)}.b-hall:hover img{transform:scale(1.035)}.b-hall-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.b-hall-copy small{font-size:9px;letter-spacing:.18em;color:var(--green)}.b-hall-copy h3{font:400 34px/1.35 var(--serif);margin:16px 0}.b-hall-copy p{font-size:14px;line-height:2;color:#56635c}.b-detail{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:12px!important}.b-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.b-tags span{padding:8px 11px;border:1px solid var(--line);font-size:9px;color:var(--green)}.b-position{padding:125px 5vw;background:#fff}.b-position-grid{width:min(1460px,100%);margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:4vw}.b-position-photo{height:600px;position:relative}.b-position-copy{padding:60px 45px}.b-position-copy h2{font:400 50px/1.18 var(--serif)}.b-position-copy>p{font:400 16px/2 var(--serif);color:#55635b}.b-principles{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.b-principles div{padding:22px 0;border-bottom:1px solid var(--line)}.b-principles div:nth-child(odd){border-right:1px solid var(--line)}.b-principles div:nth-child(even){padding-left:22px}.b-principles strong{font:400 20px/1.3 var(--serif)}.b-principles span{display:block;font-size:9px;margin-top:8px;color:var(--muted)}

/* C — global portfolio */
body.variant-c{background:#f8f7f3}.c-hero{min-height:790px;position:relative;overflow:hidden;color:#fff}.c-hero>img{position:absolute;inset:0;filter:saturate(.76) contrast(1.04);transition:transform 1.4s var(--ease)}.c-hero:hover>img{transform:scale(1.025)}.c-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,25,18,.88),rgba(12,25,18,.56) 44%,rgba(12,25,18,.08) 75%),linear-gradient(0deg,rgba(12,25,18,.58),transparent 50%)}.c-hero-copy{position:relative;z-index:2;padding:145px 6vw 80px;width:min(850px,60vw)}.c-hero .eyebrow{color:#d5e3db}.c-hero h1{font:400 clamp(58px,5.2vw,90px)/1.02 var(--serif);letter-spacing:-.06em;margin:30px 0}.c-hero h1 em{font-style:normal;color:#b6d0bf}.c-hero p{font:400 19px/1.95 var(--serif);color:#e0e8e3;max-width:680px}.c-hero .btns{margin-top:38px}.c-hero .btn{border-color:rgba(255,255,255,.45);color:#fff}.c-hero .btn:hover{background:#fff;color:var(--ink)}.c-stamp{position:absolute;z-index:2;right:5vw;top:55px;border:1px solid rgba(255,255,255,.45);width:128px;height:128px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:.18em;line-height:1.8}.c-route{position:absolute;z-index:2;left:6vw;right:6vw;bottom:0;display:grid;grid-template-columns:1.5fr repeat(4,1fr);background:rgba(247,248,245,.9);color:var(--ink);backdrop-filter:blur(12px)}.c-route div{padding:24px;border-left:1px solid var(--line)}.c-route div:first-child{border-left:0}.c-route small{font-size:8px;letter-spacing:.16em;color:var(--green)}.c-route strong{display:block;margin-top:9px;font:400 16px/1.4 var(--serif)}
.c-profile{padding:135px 5vw;background:#f8f7f3}.c-wrap{width:min(1450px,100%);margin:auto}.c-profile-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;margin-bottom:75px}.c-profile-head h2{font:400 clamp(47px,4.2vw,70px)/1.08 var(--serif);letter-spacing:-.05em;margin:18px 0}.c-profile-head>div>p{font:400 17px/2 var(--serif);color:#536159}.c-profile-head aside{padding:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.c-profile-head aside p{font-size:13px;line-height:2;color:#5f6d65}.c-profile-head aside strong{font:400 24px/1.4 var(--serif);margin-bottom:16px}.c-capabilities{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.c-cap-main{min-height:620px;position:relative;overflow:hidden}.c-cap-main:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(10,20,14,.78))}.c-cap-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:45px;color:#fff}.c-cap-overlay h3{font:400 37px/1.3 var(--serif)}.c-cap-overlay p{font-size:13px;line-height:1.9;color:#dbe5df;max-width:760px}.c-cap-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.c-cap-card{padding:40px;background:#e8ede9;display:flex;flex-direction:column;justify-content:space-between}.c-cap-card:nth-child(2){background:#dfe6e1}.c-cap-card small{font-size:8px;letter-spacing:.18em;color:var(--green)}.c-cap-card h3{font:400 28px/1.4 var(--serif)}.c-cap-card p{font-size:12px;line-height:1.9;color:#59665f}.c-facts{display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.c-facts div{padding:25px 20px;border-left:1px solid var(--line)}.c-facts div:first-child{border-left:0}.c-facts strong{display:block;font:400 22px/1.3 var(--serif)}.c-facts span{font-size:9px;color:var(--muted)}
.c-journey{padding:135px 5vw;background:#1b2821;color:#fff}.c-journey-head{width:min(1450px,100%);margin:0 auto 70px;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end}.c-journey-head h2{font:400 58px/1.12 var(--serif);margin:18px 0 0}.c-journey-head p{font-size:13px;line-height:2;color:#adbbb2}.c-steps{width:min(1450px,100%);margin:auto}.c-step{display:grid;grid-template-columns:130px 1fr 1fr;gap:55px;min-height:350px;padding:45px 0;border-top:1px solid rgba(255,255,255,.15);align-items:center}.c-step:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.c-step-no{font:400 82px/1 var(--serif);color:#65786b}.c-step-copy small{font-size:8px;letter-spacing:.18em;color:#95b8a1}.c-step-copy h3{font:400 34px/1.4 var(--serif);margin:16px 0}.c-step-copy p{font-size:13px;line-height:2;color:#bfcbc3}.c-step-photo{height:270px;overflow:hidden}.c-step-photo img{transition:transform 1s var(--ease)}.c-step:hover img{transform:scale(1.04)}.c-brands{padding:130px 5vw;background:#ece9e2}.c-brands-grid{width:min(1450px,100%);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw}.c-brands h2{font:400 50px/1.18 var(--serif)}.c-brands>div>p{font-size:13px;line-height:2;color:#5f6c65}.c-brand-list{border-top:1px solid var(--line)}.c-brand{display:grid;grid-template-columns:50px 160px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.c-brand small{font-size:9px;color:var(--green)}.c-brand strong{font:400 21px/1.4 var(--serif)}.c-brand p{font-size:12px;line-height:1.9;color:#5a6760}.c-closing{padding:110px 5vw;background:#fff}.c-closing-grid{width:min(1450px,100%);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.c-closing-photo{height:530px}.c-closing-copy{padding:60px;background:#e7ede9}.c-closing-copy h2{font:400 44px/1.25 var(--serif)}.c-closing-copy p{font:400 15px/2 var(--serif);color:#55625b}.c-closing-copy .btns{margin-top:35px}

/* selector */
body.selector{background:#e9eeeb}.selector-head{padding:65px 5vw 42px;text-align:center}.selector-head h1{font:400 clamp(46px,5vw,76px)/1.08 var(--serif);letter-spacing:-.05em;margin:18px 0}.selector-head p{font:400 16px/1.8 var(--serif);color:#5a6860;max-width:850px;margin:0 auto}.selector-note{display:inline-flex;margin-top:22px;padding:9px 14px;border:1px solid var(--line);font-size:10px;color:var(--green)}.direction-list{width:min(1500px,calc(100% - 50px));margin:20px auto 80px;display:grid;gap:30px}.direction{background:#fff;display:grid;grid-template-columns:340px 1fr;min-height:470px;box-shadow:0 22px 70px rgba(28,45,35,.07);overflow:hidden}.direction-info{padding:46px 40px;display:flex;flex-direction:column;justify-content:space-between}.direction-info small{font-size:9px;letter-spacing:.18em;color:var(--green)}.direction-info h2{font:400 35px/1.3 var(--serif);margin:14px 0}.direction-info p{font-size:13px;line-height:1.9;color:#5b6861}.direction-tags{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.direction-tags span{padding:7px 10px;background:#eef2ef;font-size:9px;color:#536159}.direction-link{display:inline-flex;align-items:center;justify-content:space-between;padding:14px 17px;background:var(--green);color:#fff;font-size:12px}.direction-preview{position:relative;overflow:hidden;background:#dfe5e1}.direction-preview iframe{width:1920px;height:1080px;border:0;transform:scale(.61);transform-origin:top left;pointer-events:none;position:absolute;left:0;top:0}.direction-preview:after{content:"点击查看完整网页";position:absolute;right:20px;bottom:20px;padding:10px 14px;background:rgba(23,34,29,.82);color:#fff;font-size:10px}.direction>a{position:absolute;inset:0}.direction{position:relative}.direction-info,.direction-preview{pointer-events:none}
@media(max-width:1150px){.site-header{grid-template-columns:255px 1fr auto}.site-nav{gap:15px;font-size:11px}.site-nav a:nth-child(6),.site-nav a:nth-child(7){display:none}.a-hero,.b-hero-grid{grid-template-columns:1fr}.a-hero-image{min-height:520px}.a-story,.b-position-grid,.c-profile-head,.c-capabilities,.c-brands-grid,.c-closing-grid{grid-template-columns:1fr}.a-story-photo{position:relative;top:auto;height:520px}.a-chronicle .a-wrap{grid-template-columns:1fr}.a-chronicle-aside{position:relative;top:auto}.b-hero-media{margin-top:30px}.b-hall,.b-hall:nth-child(even){grid-template-columns:110px 1fr}.b-hall-photo{display:none}.b-hall:nth-child(even) .b-hall-no{order:0}.c-hero-copy{width:80vw}.c-step{grid-template-columns:100px 1fr}.c-step-photo{grid-column:2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:760px){.preview-bar{padding:0 15px}.preview-bar small{display:none}.site-header{height:62px;padding:0 18px;grid-template-columns:1fr auto}.site-brand{font-size:13px}.site-nav{display:none}.consult{height:36px;padding:0 15px}.site-actions .search-icon{display:none}.a-hero{display:block}.a-hero-copy{padding:75px 25px}.a-hero h1,.b-hero h1,.c-hero h1{font-size:48px}.a-hero-image{min-height:430px}.a-facts,.b-data-line,.c-route,.c-facts{grid-template-columns:1fr 1fr}.a-fact:first-child,.b-data-line>div:first-child,.c-route div:first-child{grid-column:1/-1}.a-profile,.a-chronicle,.a-evidence,.b-profile,.b-halls,.b-position,.c-profile,.c-journey,.c-brands,.c-closing{padding:85px 25px}.a-profile-head{grid-template-columns:1fr}.a-profile-head b{font-size:80px}.a-story-row{grid-template-columns:55px 1fr}.a-story-row p{grid-column:2}.a-identity{grid-template-columns:1fr 1fr}.a-chronicle .a-wrap{display:block}.a-chapter{grid-template-columns:55px 1fr}.a-chapter p{grid-column:2}.a-evidence-grid,.b-head,.b-profile-grid,.b-position-grid,.c-journey-head{grid-template-columns:1fr}.a-wide-photo{height:420px}.a-position{padding:35px}.b-hero{padding:65px 25px}.b-main-photo{height:410px}.b-data-line{margin-top:35px}.b-head{gap:30px}.b-profile-main{padding:35px}.b-profile-side{grid-template-columns:1fr}.b-halls-head{display:block}.b-hall,.b-hall:nth-child(even){grid-template-columns:65px 1fr}.b-hall-no{padding:20px}.b-hall-no strong{font-size:45px}.b-hall-copy{padding:32px 25px}.b-position-copy{padding:40px 0}.c-hero{min-height:760px}.c-hero-copy{padding:110px 25px;width:100%}.c-stamp{display:none}.c-route{left:20px;right:20px}.c-profile-head{gap:30px}.c-cap-main{min-height:500px}.c-facts{grid-template-columns:1fr 1fr}.c-step{grid-template-columns:60px 1fr;gap:18px}.c-step-no{font-size:48px}.c-brand{grid-template-columns:35px 1fr}.c-brand p{grid-column:2}.c-closing-copy{padding:35px}.footer-inner{width:calc(100% - 40px);padding:55px 0 30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-company{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.direction-list{width:calc(100% - 30px)}.direction{grid-template-columns:1fr;min-height:760px}.direction-preview{min-height:420px}.direction-preview iframe{transform:scale(.32)}.back-compare{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.a-hero-image img,.b-main-photo img,.b-hall-photo img,.c-hero>img,.c-step-photo img{transition:none!important}}
.mini{height:100%;min-height:470px;position:relative;overflow:hidden}.mini>img{position:absolute;inset:0}.mini-a:after,.mini-c:after{content:"";position:absolute;inset:0}.mini-a:after{background:linear-gradient(90deg,rgba(244,240,232,.98),rgba(244,240,232,.86) 38%,rgba(244,240,232,.06) 72%)}.mini-copy{position:absolute;z-index:2;left:7%;top:17%;max-width:50%}.mini-copy small{font-size:7px;letter-spacing:.2em;color:var(--green)}.mini-copy h3{font:400 38px/1.13 var(--serif);letter-spacing:-.05em;margin:18px 0}.mini-copy p{font-size:10px;line-height:1.8;color:#516058}.mini-facts{position:absolute;z-index:3;left:7%;right:5%;bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.88)}.mini-facts span{padding:13px;border-left:1px solid var(--line);font:400 11px/1.35 var(--serif)}.mini-facts span:first-child{border-left:0}.mini-b{background:linear-gradient(135deg,#f9fbfa,#dfe8e3)}.mini-b:before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(23,99,63,.14);border-radius:50%;right:-160px;top:-270px}.mini-b-photo{position:absolute;right:6%;top:11%;bottom:15%;width:48%;box-shadow:0 25px 70px rgba(23,34,29,.16)}.mini-b .mini-copy{max-width:39%;top:19%}.mini-b .mini-copy h3{font-size:36px}.mini-c:after{background:linear-gradient(90deg,rgba(15,30,21,.9),rgba(15,30,21,.48) 55%,transparent)}.mini-c .mini-copy{color:#fff;top:19%;max-width:48%}.mini-c .mini-copy small{color:#c4d8cc}.mini-c .mini-copy h3{font-size:40px}.mini-c .mini-copy p{color:#d8e4dc}.mini-c-route{position:absolute;z-index:3;left:7%;right:5%;bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(245,247,244,.88);color:var(--ink)}.mini-c-route span{padding:14px 12px;border-left:1px solid var(--line);font-size:9px}.mini-c-route span:first-child{border-left:0}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-creative-v8.css */
:root{--c-ink:#15221b;--c-green:#17633f;--c-sage:#789080;--c-mist:#edf2ef;--c-silver:#dce4df;--c-white:#fbfcfb;--c-line:rgba(21,34,27,.12);--c-serif:"Songti SC","STSong","SimSun",serif;--c-sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--c-ease:cubic-bezier(.22,.8,.24,1)}
body.creative{background:#f6f8f6;color:var(--c-ink)}.creative main{overflow:hidden}.creative .btn{border-radius:999px;padding:7px 8px 7px 20px}.creative .btn span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(21,34,27,.07);transition:transform .55s var(--c-ease)}.creative .btn.primary span{background:rgba(255,255,255,.14)}.creative .btn:hover span{transform:translateX(4px) scale(1.05)}.creative-kicker{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--c-green);text-transform:uppercase}.creative-kicker:before{content:"";width:30px;height:1px;background:currentColor}.creative-title{font:400 clamp(45px,4.4vw,72px)/1.08 var(--c-serif);letter-spacing:-.055em}.creative-lead{font:400 17px/1.95 var(--c-serif);color:#53635a}.creative-section{padding:125px 5vw}.creative-wrap{width:min(1460px,100%);margin:auto}.creative-head{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end;margin-bottom:68px}.creative-head p{font:400 15px/1.95 var(--c-serif);color:#59675f}.creative-head .creative-title{margin:20px 0 0}

/* D — constellation */
body.variant-d{background:#eef3f0}.d-hero{min-height:795px;padding:78px 5vw 58px;position:relative;background:radial-gradient(circle at 70% 35%,rgba(112,151,126,.18),transparent 31%),linear-gradient(145deg,#fbfcfb 0%,#e6ede9 100%)}.d-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(23,99,63,.11) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 45%,black)}.d-hero-grid{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:center;position:relative;z-index:2}.d-copy h1{font:400 clamp(56px,4.8vw,84px)/1.03 var(--c-serif);letter-spacing:-.06em;margin:28px 0}.d-copy h1 em{font-style:normal;color:var(--c-green)}.d-copy .btns{margin-top:35px}.d-map-shell{padding:8px;border-radius:36px;background:rgba(255,255,255,.45);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 35px 110px rgba(31,51,40,.09)}.d-map{height:610px;border-radius:29px;background:rgba(249,251,250,.82);position:relative;overflow:hidden}.d-map:before,.d-map:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(23,99,63,.12);left:50%;top:50%;transform:translate(-50%,-50%)}.d-map:before{width:530px;height:530px}.d-map:after{width:360px;height:360px}.d-orbit{position:absolute;inset:0;width:100%;height:100%;z-index:1}.d-orbit line{stroke:rgba(23,99,63,.22);stroke-width:1;stroke-dasharray:4 8}.d-core{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;box-shadow:0 28px 80px rgba(28,52,38,.16)}.d-core:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(23,99,63,.2);border-radius:50%}.d-core small{font-size:7px;letter-spacing:.18em;color:var(--c-green)}.d-core strong{display:block;font:400 18px/1.4 var(--c-serif);margin-top:7px}.d-node{position:absolute;z-index:5;width:108px;height:108px;border-radius:50%;border:0;background:#f7faf8;color:var(--c-ink);box-shadow:0 20px 55px rgba(32,53,41,.1);font-family:var(--c-serif);font-size:14px;cursor:pointer;transition:transform .65s var(--c-ease),background .65s var(--c-ease),color .65s var(--c-ease),box-shadow .65s var(--c-ease)}.d-node:hover,.d-node.active{transform:scale(1.1);background:var(--c-green);color:#fff;box-shadow:0 26px 70px rgba(23,99,63,.22)}.d-node small{display:block;font:400 8px/1 var(--c-sans);letter-spacing:.14em;margin-bottom:8px;opacity:.68}.d-node.n1{left:11%;top:13%}.d-node.n2{right:9%;top:15%}.d-node.n3{right:5%;bottom:13%}.d-node.n4{left:18%;bottom:7%}.d-node.n5{left:3%;top:48%}.d-map-panel{position:absolute;z-index:6;right:20px;bottom:20px;width:270px;padding:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(30,48,38,.1)}.d-map-panel small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.d-map-panel strong{display:block;font:400 20px/1.4 var(--c-serif);margin:10px 0}.d-map-panel p{font-size:11px;line-height:1.8;color:#5a6860;margin:0}.d-map-panel b{display:block;margin-top:13px;font-size:10px;color:var(--c-green)}.d-legend{width:min(1500px,100%);margin:45px auto 0;display:grid;grid-template-columns:1.4fr repeat(4,1fr);position:relative;z-index:2;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.d-legend div{padding:20px;border-left:1px solid var(--c-line)}.d-legend div:first-child{border-left:0}.d-legend strong{font:400 22px/1.25 var(--c-serif)}.d-legend span{display:block;margin-top:6px;font-size:8px;color:#758179}
.d-profile{background:#fff}.d-profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.d-profile-intro{position:sticky;top:100px;align-self:start}.d-profile-intro h2{font:400 50px/1.18 var(--c-serif);letter-spacing:-.05em;margin:20px 0}.d-profile-intro p{font:400 15px/2 var(--c-serif);color:#536159}.d-profile-intro .code{margin-top:30px;padding-top:22px;border-top:1px solid var(--c-line);font-size:10px;color:#69766f}.d-profile-copy{border-top:1px solid var(--c-line)}.d-profile-row{display:grid;grid-template-columns:75px 170px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--c-line)}.d-profile-row small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.d-profile-row h3{font:400 22px/1.45 var(--c-serif)}.d-profile-row p{font:400 15px/1.95 var(--c-serif);color:#506058}.d-profile-row b{color:var(--c-green);font-weight:500}.d-network{background:#e5ece8}.d-network-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(23,99,63,.13)}.d-system{min-height:440px;padding:36px 28px;background:#f7faf8;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .7s var(--c-ease)}.d-system:hover{transform:translateY(-10px)}.d-system:after{content:attr(data-n);position:absolute;right:-8px;bottom:-20px;font:400 110px/1 var(--c-serif);color:rgba(23,99,63,.045)}.d-system small{font-size:8px;letter-spacing:.18em;color:var(--c-green)}.d-system h3{font:400 25px/1.4 var(--c-serif);margin-top:auto}.d-system p{font-size:12px;line-height:1.9;color:#5b6861}.d-system b{font-size:10px;color:var(--c-green)}.d-collab{background:#fff}.d-collab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.d-collab-photo{height:620px;position:relative;overflow:hidden}.d-collab-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 58%,rgba(13,25,18,.72))}.d-collab-photo div{position:absolute;z-index:2;left:35px;right:35px;bottom:30px;color:#fff}.d-collab-photo h3{font:400 32px/1.3 var(--c-serif)}.d-collab-side{display:grid;gap:18px}.d-brand-block{padding:38px;background:#edf2ef}.d-brand-block small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.d-brand-block h3{font:400 25px/1.4 var(--c-serif);margin:12px 0}.d-brand-block p{font-size:12px;line-height:1.9;color:#5b6861}

/* E — evidence dossier */
body.variant-e{background:#f2f1ec}.e-hero{min-height:780px;padding:72px 5vw 60px;background:#f4f3ee;position:relative}.e-hero:before{content:"";position:absolute;left:0;right:0;top:46%;height:1px;background:rgba(21,34,27,.08)}.e-hero-grid{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;align-items:center;position:relative;z-index:2}.e-copy h1{font:400 clamp(54px,4.7vw,82px)/1.05 var(--c-serif);letter-spacing:-.055em;margin:28px 0}.e-copy h1 em{font-style:normal;color:var(--c-green)}.e-copy .btns{margin-top:34px}.e-file-stage{height:590px;position:relative}.e-sheet{position:absolute;background:#fff;box-shadow:0 30px 100px rgba(30,43,35,.12);transition:transform .8s var(--c-ease)}.e-sheet.s1{inset:10% 2% 4% 18%;transform:rotate(3.5deg);background:#e0e6e2}.e-sheet.s2{inset:5% 8% 9% 12%;transform:rotate(-2deg);background:#edf0ed}.e-sheet.s3{inset:0 5% 8% 5%;padding:35px;display:grid;grid-template-rows:auto 1fr auto}.e-file-stage:hover .s1{transform:rotate(5deg) translate(8px,-3px)}.e-file-stage:hover .s2{transform:rotate(-3.2deg) translate(-8px,-5px)}.e-file-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--c-line);padding-bottom:20px}.e-file-head small{font-size:8px;letter-spacing:.18em;color:var(--c-green)}.e-file-head strong{font:400 24px/1.3 var(--c-serif)}.e-file-photo{margin:24px 0;overflow:hidden}.e-file-bottom{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid var(--c-line)}.e-file-bottom div{padding:16px;border-left:1px solid var(--c-line)}.e-file-bottom div:first-child{border-left:0;padding-left:0}.e-file-bottom small{display:block;font-size:7px;color:#7b867f}.e-file-bottom strong{display:block;margin-top:6px;font:400 12px/1.4 var(--c-serif)}.e-index{width:min(1480px,100%);margin:48px auto 0;display:grid;grid-template-columns:1.2fr repeat(4,1fr);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);position:relative;z-index:2}.e-index div{padding:20px;border-left:1px solid var(--c-line)}.e-index div:first-child{border-left:0}.e-index small{font-size:8px;letter-spacing:.13em;color:#758179}.e-index strong{display:block;margin-top:8px;font:400 16px/1.4 var(--c-serif)}
.e-identity{background:#fff}.e-identity-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.e-identity-title{position:sticky;top:100px;align-self:start}.e-identity-title h2{font:400 52px/1.17 var(--c-serif);letter-spacing:-.05em;margin:20px 0}.e-identity-title p{font:400 15px/2 var(--c-serif);color:#58665e}.e-records{border-top:1px solid var(--c-line)}.e-record{display:grid;grid-template-columns:80px 180px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--c-line)}.e-record small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.e-record strong{font:400 21px/1.4 var(--c-serif)}.e-record p{font:400 14px/1.95 var(--c-serif);color:#526058}.e-record b{font-weight:500;color:var(--c-green)}
.e-explorer{background:#e7ebe7}.e-explorer-head{width:min(1480px,100%);margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end}.e-explorer-head h2{font:400 55px/1.1 var(--c-serif);margin:18px 0 0}.e-tabs{display:flex;gap:7px;flex-wrap:wrap}.e-tab{border:0;background:#f8faf8;padding:12px 17px;font-family:var(--c-sans);font-size:10px;color:#59675f;cursor:pointer;transition:transform .5s var(--c-ease),background .5s var(--c-ease),color .5s var(--c-ease)}.e-tab:hover,.e-tab.active{background:var(--c-green);color:#fff;transform:translateY(-3px)}.e-panel-shell{width:min(1480px,100%);margin:auto;padding:8px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 1px #fff,0 35px 100px rgba(29,48,37,.08)}.e-panel{min-height:590px;background:#fff;display:none;grid-template-columns:1.1fr .9fr}.e-panel.active{display:grid}.e-panel-photo{position:relative;overflow:hidden}.e-panel-photo img{transition:transform 1.1s var(--c-ease)}.e-panel:hover img{transform:scale(1.025)}.e-panel-copy{padding:58px}.e-panel-copy small{font-size:8px;letter-spacing:.18em;color:var(--c-green)}.e-panel-copy h3{font:400 38px/1.3 var(--c-serif);margin:16px 0}.e-panel-copy p{font-size:14px;line-height:2;color:#55635b}.e-proof-list{margin-top:28px;border-top:1px solid var(--c-line)}.e-proof{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--c-line);font-size:12px;line-height:1.7}.e-proof b{font:400 10px/1.6 var(--c-sans);color:var(--c-green)}.e-dossiers{background:#fff}.e-dossier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.e-dossier{min-height:360px;padding:30px;background:#f2f4f2;border-top:3px solid #d6dfd9;display:flex;flex-direction:column;transition:transform .65s var(--c-ease),background .65s var(--c-ease)}.e-dossier:hover{transform:translateY(-9px);background:#e9efeb}.e-dossier small{font-size:8px;letter-spacing:.16em;color:var(--c-green)}.e-dossier h3{font:400 23px/1.45 var(--c-serif);margin-top:auto}.e-dossier p{font-size:11px;line-height:1.9;color:#5c6962}.e-dossier b{font-size:9px;color:var(--c-green)}.e-boundary{margin-top:35px;padding:25px 30px;background:#edf1ee;display:grid;grid-template-columns:220px 1fr;gap:30px}.e-boundary strong{font:400 18px/1.5 var(--c-serif)}.e-boundary p{font-size:11px;line-height:1.9;color:#637069;margin:0}

/* F — cinematic journey */
body.variant-f{background:#f8f7f2}.f-hero{min-height:795px;display:grid;grid-template-columns:.82fr 1.18fr;background:#f3f1e9}.f-hero-copy{padding:110px 5vw 90px max(6vw,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center}.f-hero-copy h1{font:400 clamp(57px,5vw,86px)/1.02 var(--c-serif);letter-spacing:-.06em;margin:28px 0}.f-hero-copy h1 em{font-style:normal;color:var(--c-green)}.f-hero-copy .btns{margin-top:36px}.f-film{position:relative;overflow:hidden}.f-film img{transition:transform 1.4s var(--c-ease)}.f-film:hover img{transform:scale(1.025)}.f-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,241,233,.45),transparent 28%),linear-gradient(0deg,rgba(12,23,16,.48),transparent 52%)}.f-film-top{position:absolute;z-index:2;left:35px;right:35px;top:30px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:.18em}.f-film-bottom{position:absolute;z-index:2;left:35px;right:35px;bottom:30px;color:#fff;display:flex;justify-content:space-between;align-items:end}.f-film-bottom strong{font:400 19px/1.5 var(--c-serif)}.f-film-bottom span{font-size:9px}.f-film-strip{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(5,1fr);background:#fff;border-top:1px solid var(--c-line)}.f-film-strip div{padding:22px;border-left:1px solid var(--c-line)}.f-film-strip div:first-child{border-left:0}.f-film-strip small{font-size:7px;letter-spacing:.15em;color:var(--c-green)}.f-film-strip strong{display:block;margin-top:7px;font:400 14px/1.4 var(--c-serif)}
.f-intro{background:#fff}.f-intro-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:7vw}.f-intro-aside{position:sticky;top:100px;align-self:start}.f-intro-aside h2{font:400 50px/1.18 var(--c-serif);letter-spacing:-.05em;margin:20px 0}.f-intro-aside p{font:400 15px/2 var(--c-serif);color:#55635b}.f-intro-main{border-top:1px solid var(--c-line)}.f-intro-row{display:grid;grid-template-columns:70px 180px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--c-line)}.f-intro-row small{font-size:8px;letter-spacing:.16em;color:var(--c-green)}.f-intro-row h3{font:400 22px/1.45 var(--c-serif)}.f-intro-row p{font:400 15px/1.95 var(--c-serif);color:#526058}.f-intro-row b{color:var(--c-green);font-weight:500}
.f-story{padding:125px 5vw;background:#e9ede9}.f-story-grid{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw}.f-stage{position:sticky;top:95px;height:690px;align-self:start;padding:8px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 1px #fff,0 30px 90px rgba(31,49,39,.08)}.f-stage-core{height:100%;position:relative;overflow:hidden;background:#dfe6e1}.f-stage-core img{position:absolute;inset:0;transition:opacity .65s var(--c-ease),transform .9s var(--c-ease)}.f-stage-core.changing img{opacity:.25;transform:scale(1.025)}.f-stage-core:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,23,15,.72))}.f-stage-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff;display:flex;justify-content:space-between;align-items:end}.f-stage-caption small{font-size:8px;letter-spacing:.17em}.f-stage-caption strong{font:400 20px/1.4 var(--c-serif)}.f-scenes{padding-bottom:180px}.f-scene{min-height:570px;padding:95px 0;border-top:1px solid rgba(21,34,27,.15);display:flex;flex-direction:column;justify-content:center}.f-scene:first-child{border-top:0}.f-scene small{font-size:8px;letter-spacing:.18em;color:var(--c-green)}.f-scene h3{font:400 37px/1.3 var(--c-serif);margin:16px 0}.f-scene p{font-size:14px;line-height:2;color:#536159}.f-scene .scene-data{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.f-scene .scene-data span{padding:9px 12px;background:rgba(255,255,255,.66);font-size:9px;color:var(--c-green)}.f-brands{background:#f7f5ef}.f-brand-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.f-brand{padding:32px 24px;min-height:240px;border-left:1px solid var(--c-line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s var(--c-ease),background .6s var(--c-ease)}.f-brand:first-child{border-left:0}.f-brand:hover{transform:translateY(-8px);background:#fff}.f-brand small{font-size:8px;color:var(--c-green);letter-spacing:.15em}.f-brand h3{font:400 23px/1.35 var(--c-serif)}.f-brand p{font-size:11px;line-height:1.85;color:#5d6962}.f-final{background:#fff}.f-final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.f-final-photo{height:600px;position:relative;overflow:hidden}.f-final-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(13,24,17,.7))}.f-final-copy{padding:55px;background:#e8eee9}.f-final-copy h2{font:400 45px/1.25 var(--c-serif)}.f-final-copy p{font:400 15px/2 var(--c-serif);color:#536159}.f-final-copy .btns{margin-top:35px}

/* creative selector */
body.creative-selector{background:#e7ece8}.creative-selector-head{padding:68px 5vw 46px;text-align:center}.creative-selector-head h1{font:400 clamp(48px,5vw,78px)/1.07 var(--c-serif);letter-spacing:-.055em;margin:20px 0}.creative-selector-head p{font:400 16px/1.9 var(--c-serif);color:#5a6860;max-width:860px;margin:0 auto}.creative-selector-head span{display:inline-flex;margin-top:22px;padding:9px 13px;border:1px solid var(--c-line);font-size:9px;color:var(--c-green)}.creative-options{width:min(1500px,calc(100% - 50px));margin:20px auto 85px;display:grid;gap:30px}.creative-option{min-height:500px;background:#fff;display:grid;grid-template-columns:350px 1fr;box-shadow:0 25px 80px rgba(29,48,37,.07);overflow:hidden}.creative-option-info{padding:46px 40px;display:flex;flex-direction:column;justify-content:space-between}.creative-option-info small{font-size:9px;letter-spacing:.18em;color:var(--c-green)}.creative-option-info h2{font:400 35px/1.3 var(--c-serif);margin:14px 0}.creative-option-info p{font-size:13px;line-height:1.9;color:#5a6860}.creative-option-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.creative-option-tags span{padding:7px 10px;background:#edf2ef;font-size:9px;color:#58665e}.creative-option-link{padding:14px 17px;background:var(--c-green);color:#fff;display:flex;justify-content:space-between;font-size:12px}.creative-mini{position:relative;overflow:hidden;min-height:500px}.creative-mini>img{position:absolute;inset:0}.mini-d{background:radial-gradient(circle at 64% 45%,rgba(93,139,109,.22),transparent 32%),linear-gradient(145deg,#fbfcfb,#e1e9e4)}.mini-d:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(23,99,63,.14) 1px,transparent 1px);background-size:28px 28px}.mini-d-core{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 25px 65px rgba(29,50,37,.17);font:400 15px/1.4 var(--c-serif)}.mini-d-node{position:absolute;width:74px;height:74px;border-radius:50%;background:#f8faf8;display:grid;place-items:center;text-align:center;font:400 10px/1.3 var(--c-serif);box-shadow:0 15px 40px rgba(29,50,37,.1)}.mini-d-node:nth-child(2){left:19%;top:17%}.mini-d-node:nth-child(3){right:18%;top:18%}.mini-d-node:nth-child(4){right:13%;bottom:15%}.mini-d-node:nth-child(5){left:25%;bottom:12%}.mini-d-node:nth-child(6){left:9%;top:48%}.mini-d-copy,.mini-e-copy,.mini-f-copy{position:absolute;z-index:3;left:5%;top:8%}.mini-d-copy small,.mini-e-copy small,.mini-f-copy small{font-size:7px;letter-spacing:.18em;color:var(--c-green)}.mini-d-copy h3,.mini-e-copy h3,.mini-f-copy h3{font:400 31px/1.25 var(--c-serif);margin:10px 0}.mini-e{background:#eeeDE8}.mini-e-sheet{position:absolute;background:#fff;box-shadow:0 22px 60px rgba(27,43,34,.14)}.mini-e-sheet.s1{inset:19% 8% 8% 28%;transform:rotate(4deg);background:#dfe5e1}.mini-e-sheet.s2{inset:16% 12% 11% 23%;transform:rotate(-2.5deg);background:#f4f5f2}.mini-e-sheet.s3{inset:13% 17% 14% 18%;padding:25px}.mini-e-sheet.s3 img{height:72%;margin-top:16px}.mini-e-stats{display:flex;justify-content:space-between;padding-top:10px;font-size:8px;color:#5b6861}.mini-f:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,242,234,.97),rgba(245,242,234,.72) 42%,transparent 72%)}.mini-f-copy{top:19%;max-width:43%}.mini-f-copy h3{font-size:40px}.mini-f-copy p{font-size:10px;line-height:1.8;color:#55635b}.mini-f-strip{position:absolute;z-index:3;left:5%;right:5%;bottom:8%;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.87)}.mini-f-strip span{padding:13px 10px;border-left:1px solid var(--c-line);font-size:8px}.mini-f-strip span:first-child{border-left:0}
@media(max-width:1150px){.d-hero-grid,.e-hero-grid{grid-template-columns:1fr}.d-map-shell,.e-file-stage{margin-top:30px}.d-network-grid,.e-dossier-grid,.f-brand-track{grid-template-columns:repeat(3,1fr)}.d-collab-grid,.f-final-grid{grid-template-columns:1fr}.f-hero{grid-template-columns:1fr}.f-film{min-height:580px}.f-story-grid{grid-template-columns:1fr}.f-stage{position:relative;top:auto;height:560px}.f-scenes{padding-bottom:0}.f-scene{min-height:420px}.e-panel{grid-template-columns:1fr}.e-panel-photo{height:430px}}
@media(max-width:760px){.creative-section{padding:85px 24px}.creative-head{grid-template-columns:1fr;gap:28px}.d-hero,.e-hero{padding:65px 22px}.d-copy h1,.e-copy h1,.f-hero-copy h1{font-size:48px}.d-map{height:560px}.d-node{width:82px;height:82px;font-size:11px}.d-map-panel{width:230px}.d-legend,.e-index,.f-film-strip{grid-template-columns:1fr 1fr}.d-legend div:first-child,.e-index div:first-child,.f-film-strip div:first-child{grid-column:1/-1}.d-profile-grid,.e-identity-grid,.f-intro-grid{grid-template-columns:1fr}.d-profile-intro,.e-identity-title,.f-intro-aside{position:relative;top:auto}.d-profile-row,.e-record,.f-intro-row{grid-template-columns:55px 1fr}.d-profile-row p,.e-record p,.f-intro-row p{grid-column:2}.d-network-grid,.e-dossier-grid,.f-brand-track{grid-template-columns:1fr}.d-system,.e-dossier{min-height:300px}.d-collab-photo{height:480px}.e-file-stage{height:480px}.e-sheet.s3{padding:24px}.e-explorer-head{display:block}.e-tabs{margin-top:25px}.e-panel-copy{padding:34px 25px}.e-boundary{grid-template-columns:1fr}.f-hero-copy{padding:90px 24px}.f-film{min-height:470px}.f-stage{height:450px}.f-scene{min-height:360px;padding:65px 0}.f-final-photo{height:460px}.f-final-copy{padding:35px}.creative-options{width:calc(100% - 30px)}.creative-option{grid-template-columns:1fr}.creative-mini{min-height:430px}.creative-option-info{padding:36px 30px}}
@media(prefers-reduced-motion:reduce){.d-node,.d-system,.e-sheet,.e-tab,.e-panel-photo img,.e-dossier,.f-film img,.f-stage-core img,.f-brand{transition:none!important}}

/* G — visible factory control room */
body.variant-g{background:#eef2f0}.g-hero{padding:68px 5vw 58px;background:linear-gradient(135deg,#f9fbfa 0%,#e5ece8 100%);position:relative}.g-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,99,63,.045) 1px,transparent 1px),linear-gradient(rgba(23,99,63,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 5%,black 42%,black 92%,transparent)}.g-hero-grid{width:min(1500px,100%);min-height:675px;margin:auto;display:grid;grid-template-columns:.68fr 1.32fr;gap:4vw;align-items:center;position:relative;z-index:2}.g-copy h1{font:400 clamp(55px,4.8vw,84px)/1.03 var(--c-serif);letter-spacing:-.06em;margin:25px 0}.g-copy h1 em{display:block;font-style:normal;color:var(--c-green)}.g-copy .g-status{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.g-status span{padding:9px 12px;border:1px solid var(--c-line);background:rgba(255,255,255,.56);font-size:9px}.g-console-shell{padding:9px;background:rgba(255,255,255,.46);box-shadow:0 35px 110px rgba(31,52,40,.11),inset 0 1px #fff}.g-console{min-height:580px;background:#f9fbfa;display:grid;grid-template-columns:1.15fr .85fr}.g-console-visual{position:relative;overflow:hidden}.g-console-visual img{transition:opacity .35s ease,transform .75s var(--c-ease)}.g-console-visual.switching img{opacity:.28;transform:scale(1.025)}.g-console-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 53%,rgba(10,24,16,.64))}.g-console-caption{position:absolute;z-index:2;left:27px;right:27px;bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:end}.g-console-caption small{font-size:8px;letter-spacing:.17em}.g-console-caption strong{font:400 21px/1.4 var(--c-serif)}.g-console-side{display:flex;flex-direction:column;border-left:1px solid var(--c-line)}.g-console-head{padding:25px;border-bottom:1px solid var(--c-line);display:flex;justify-content:space-between;align-items:center}.g-console-head strong{font:400 18px/1.4 var(--c-serif)}.g-live{display:inline-flex;align-items:center;gap:7px;font-size:8px;color:var(--c-green)}.g-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#43a36e;box-shadow:0 0 0 5px rgba(67,163,110,.12)}.g-stage-list{display:grid;grid-template-columns:1fr 1fr;flex:1}.g-stage{border:0;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:#f9fbfa;text-align:left;padding:22px;cursor:pointer;transition:background .55s var(--c-ease),color .55s var(--c-ease),transform .55s var(--c-ease)}.g-stage:nth-child(even){border-right:0}.g-stage:hover,.g-stage.active{background:var(--c-green);color:#fff;transform:translateY(-2px)}.g-stage small{display:block;font-size:7px;letter-spacing:.16em;opacity:.63}.g-stage strong{display:block;font:400 15px/1.45 var(--c-serif);margin-top:7px}.g-console-data{padding:21px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.g-console-data div{border-right:1px solid var(--c-line)}.g-console-data div:last-child{border-right:0}.g-console-data strong{font:400 19px/1 var(--c-serif);color:var(--c-green)}.g-console-data span{display:block;margin-top:6px;font-size:7px;color:#748078}.g-flow{background:#fff}.g-flow-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(23,99,63,.13)}.g-flow-step{min-height:300px;padding:32px 25px;background:#f8faf9;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .6s var(--c-ease),background .6s var(--c-ease)}.g-flow-step:after{content:attr(data-n);position:absolute;right:-6px;bottom:-18px;font:400 92px/1 var(--c-serif);color:rgba(23,99,63,.045)}.g-flow-step:hover{background:#eaf0ec;transform:translateY(-9px)}.g-flow-step small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.g-flow-step h3{font:400 21px/1.4 var(--c-serif);margin-top:auto}.g-flow-step p{font-size:10px;line-height:1.8;color:#5d6962}.g-capability{background:#e4ebe7}.g-capability-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.g-capability-copy h2{font:400 51px/1.15 var(--c-serif);letter-spacing:-.05em;margin:22px 0}.g-capability-copy p{font:400 15px/2 var(--c-serif);color:#536159}.g-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.g-module{min-height:240px;padding:28px;background:#f9fbfa;display:flex;flex-direction:column;justify-content:space-between;transition:transform .65s var(--c-ease),box-shadow .65s var(--c-ease)}.g-module:first-child{grid-column:1/-1}.g-module:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(28,47,36,.09)}.g-module small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.g-module h3{font:400 23px/1.4 var(--c-serif)}.g-module p{font-size:11px;line-height:1.85;color:#5b6860}.g-customer{background:#fff}.g-customer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.g-customer-photo{height:630px;position:relative;overflow:hidden}.g-customer-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 58%,rgba(11,24,16,.72))}.g-customer-photo div{position:absolute;z-index:2;left:35px;right:35px;bottom:30px;color:#fff}.g-customer-photo h3{font:400 30px/1.35 var(--c-serif)}.g-customer-side{padding:46px;background:#e8eee9}.g-customer-side h2{font:400 43px/1.25 var(--c-serif);margin:20px 0}.g-customer-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.g-customer-tags span{padding:10px 13px;background:#fff;font-size:9px;color:var(--c-green)}.g-customer-side p{font:400 14px/2 var(--c-serif);color:#536159}

/* H — corporate art catalogue */
body.variant-h{background:#f7f4ee}.h-hero{min-height:790px;display:grid;grid-template-columns:.76fr 1.24fr;background:#f4f1e9}.h-hero-copy{padding:100px 5vw 85px max(6vw,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center;position:relative}.h-hero-copy:before{content:"001";position:absolute;right:5%;top:7%;font:400 120px/1 var(--c-serif);color:rgba(23,99,63,.055)}.h-hero-copy h1{font:400 clamp(58px,5.2vw,90px)/1.02 var(--c-serif);letter-spacing:-.065em;margin:28px 0}.h-hero-copy h1 em{font-style:normal;color:var(--c-green)}.h-hero-copy .h-deck{max-width:560px;font:400 17px/1.95 var(--c-serif);color:#526058}.h-hero-photo{position:relative;overflow:hidden}.h-hero-photo img{transition:transform 1.3s var(--c-ease),filter 1.3s var(--c-ease)}.h-hero-photo:hover img{transform:scale(1.025);filter:saturate(1.04)}.h-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,233,.22),transparent 25%),linear-gradient(transparent 60%,rgba(12,22,16,.53))}.h-photo-mark{position:absolute;z-index:2;left:34px;right:34px;bottom:30px;display:flex;justify-content:space-between;color:#fff;font-size:9px;letter-spacing:.15em}.h-cover-index{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(4,1fr);background:#fff;border-top:1px solid var(--c-line)}.h-cover-index div{padding:21px;border-left:1px solid var(--c-line)}.h-cover-index div:first-child{border-left:0}.h-cover-index small{font-size:7px;letter-spacing:.15em;color:var(--c-green)}.h-cover-index strong{display:block;margin-top:7px;font:400 14px/1.4 var(--c-serif)}.h-manifesto{background:#fff}.h-manifesto-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.h-manifesto-aside{position:sticky;top:100px;align-self:start}.h-manifesto-aside h2{font:400 50px/1.18 var(--c-serif);letter-spacing:-.05em;margin:20px 0}.h-manifesto-aside p{font-size:11px;line-height:1.9;color:#67736c}.h-manifesto-copy{font:400 20px/2.15 var(--c-serif);color:#3e4e45}.h-manifesto-copy p{margin:0 0 28px}.h-manifesto-copy b{font-weight:500;color:var(--c-green)}.h-gallery{background:#e8ece7}.h-exhibit{width:min(1500px,100%);margin:0 auto 90px;display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:stretch}.h-exhibit.reverse{grid-template-columns:.88fr 1.12fr}.h-exhibit.reverse .h-exhibit-photo{order:2}.h-exhibit-photo{min-height:620px;position:relative;overflow:hidden}.h-exhibit-photo img{transition:transform 1.2s var(--c-ease)}.h-exhibit:hover .h-exhibit-photo img{transform:scale(1.025)}.h-exhibit-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(11,23,16,.55))}.h-exhibit-photo span{position:absolute;z-index:2;left:25px;bottom:22px;color:#fff;font-size:8px;letter-spacing:.16em}.h-exhibit-copy{background:#fafbf9;padding:58px;display:flex;flex-direction:column;justify-content:center}.h-exhibit-copy small{font-size:8px;letter-spacing:.17em;color:var(--c-green)}.h-exhibit-copy h3{font:400 39px/1.28 var(--c-serif);letter-spacing:-.03em;margin:17px 0}.h-exhibit-copy p{font:400 14px/2 var(--c-serif);color:#526058}.h-exhibit-data{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--c-line);margin-top:28px}.h-exhibit-data div{padding:17px 10px 0;border-left:1px solid var(--c-line)}.h-exhibit-data div:first-child{border-left:0;padding-left:0}.h-exhibit-data strong{font:400 22px/1 var(--c-serif);color:var(--c-green)}.h-exhibit-data span{display:block;margin-top:7px;font-size:7px;color:#748078}.h-collections{background:#f7f4ee}.h-collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.h-collection{min-height:390px;padding:32px 27px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .7s var(--c-ease),box-shadow .7s var(--c-ease)}.h-collection:after{content:attr(data-n);position:absolute;right:-8px;top:-16px;font:400 105px/1 var(--c-serif);color:rgba(23,99,63,.045)}.h-collection:hover{transform:translateY(-9px);box-shadow:0 28px 75px rgba(29,46,36,.09)}.h-collection small{font-size:8px;letter-spacing:.16em;color:var(--c-green)}.h-collection h3{font:400 24px/1.4 var(--c-serif);margin-top:auto}.h-collection p{font-size:11px;line-height:1.9;color:#5c6861}.h-brand-hall{background:#fff}.h-brand-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.h-brand-photo{height:620px;position:relative;overflow:hidden}.h-brand-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,23,16,.65))}.h-brand-photo div{position:absolute;z-index:2;left:35px;bottom:30px;color:#fff}.h-brand-photo h3{font:400 31px/1.35 var(--c-serif)}.h-brand-list{border-top:1px solid var(--c-line)}.h-brand-item{display:grid;grid-template-columns:70px 160px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--c-line)}.h-brand-item small{font-size:8px;letter-spacing:.15em;color:var(--c-green)}.h-brand-item strong{font:400 20px/1.4 var(--c-serif)}.h-brand-item p{font-size:11px;line-height:1.85;color:#5d6962}.h-final{background:#e7ede8}.h-final-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.h-final h2{font:400 51px/1.17 var(--c-serif);letter-spacing:-.05em}.h-final p{font:400 15px/2 var(--c-serif);color:#536159}.h-final-note{padding:35px;border-left:1px solid rgba(23,99,63,.2)}.h-final-note strong{display:block;font:400 28px/1.4 var(--c-serif);color:var(--c-green)}.h-final-note span{display:block;margin-top:12px;font-size:10px;line-height:1.8;color:#65716a}

/* G/H miniatures in selector */
.mini-g{background:linear-gradient(140deg,#fbfcfb,#e1e9e4)}.mini-g-board{position:absolute;inset:11% 7%;background:#fafcfb;box-shadow:0 25px 70px rgba(27,47,35,.14);display:grid;grid-template-columns:1.12fr .88fr}.mini-g-board img{width:100%;height:100%;object-fit:cover}.mini-g-side{display:grid;grid-template-columns:1fr 1fr}.mini-g-side span{padding:18px 10px;border-left:1px solid var(--c-line);border-bottom:1px solid var(--c-line);font:400 10px/1.45 var(--c-serif);display:flex;align-items:end}.mini-g-head{position:absolute;z-index:3;left:9%;top:6%;font-size:7px;letter-spacing:.18em;color:var(--c-green)}.mini-g-live{position:absolute;z-index:3;right:9%;top:6%;font-size:7px;color:var(--c-green)}.mini-h{background:#f4f1e9;display:grid;grid-template-columns:.7fr 1.3fr}.mini-h-copy{padding:13% 6%;position:relative;z-index:2}.mini-h-copy small{font-size:7px;letter-spacing:.18em;color:var(--c-green)}.mini-h-copy h3{font:400 42px/1.05 var(--c-serif);letter-spacing:-.055em;margin:18px 0}.mini-h-copy p{font:400 10px/1.8 var(--c-serif);color:#56635b}.mini-h-photo{position:relative;overflow:hidden}.mini-h-photo img{height:100%;width:100%;object-fit:cover}.mini-h-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,233,.35),transparent 30%)}

@media(max-width:1150px){.g-hero-grid{grid-template-columns:1fr}.g-console-shell{margin-top:30px}.g-flow-rail{grid-template-columns:repeat(3,1fr)}.g-capability-grid,.g-customer-grid,.h-manifesto-grid,.h-brand-grid,.h-final-grid{grid-template-columns:1fr}.h-hero{grid-template-columns:1fr}.h-hero-photo{min-height:580px}.h-exhibit,.h-exhibit.reverse{grid-template-columns:1fr}.h-exhibit.reverse .h-exhibit-photo{order:0}.h-collection-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.g-hero{padding:65px 22px}.g-copy h1,.h-hero-copy h1{font-size:48px}.g-console{grid-template-columns:1fr}.g-console-visual{height:420px}.g-console-side{border-left:0}.g-flow-rail,.h-collection-grid{grid-template-columns:1fr}.g-flow-step,.h-collection{min-height:280px}.g-capability-grid{grid-template-columns:1fr}.g-modules{grid-template-columns:1fr}.g-module:first-child{grid-column:auto}.g-customer-photo,.h-brand-photo{height:470px}.g-customer-side{padding:34px 25px}.h-hero-copy{padding:90px 24px}.h-cover-index{grid-template-columns:1fr 1fr}.h-cover-index div:first-child{grid-column:1/-1}.h-manifesto-aside{position:relative;top:auto}.h-manifesto-copy{font-size:17px}.h-exhibit-photo{min-height:450px}.h-exhibit-copy{padding:38px 26px}.h-brand-item{grid-template-columns:55px 1fr}.h-brand-item p{grid-column:2}.h-final-note{padding:25px 0;border-left:0;border-top:1px solid rgba(23,99,63,.2)}.mini-h{grid-template-columns:1fr}.mini-h-copy{position:absolute;width:48%;background:linear-gradient(90deg,#f4f1e9,rgba(244,241,233,.8),transparent)}.mini-g-board{grid-template-columns:1fr}.mini-g-side{display:none}}
@media(prefers-reduced-motion:reduce){.g-console-visual img,.g-stage,.g-flow-step,.g-module,.h-hero-photo img,.h-exhibit-photo img,.h-collection{transition:none!important}}

/* I — F cinematic journey × H art catalogue */
body.variant-i{background:#f7f5ef}.variant-i main{overflow:clip}.i-hero{min-height:820px;display:grid;grid-template-columns:.82fr 1.18fr;background:#f5f2e9;position:relative}.i-hero-copy{padding:105px 5vw 78px max(6vw,calc((100vw - 1500px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.i-hero-copy:before{content:"ABOUT / 001";position:absolute;top:34px;left:max(6vw,calc((100vw - 1500px)/2));font-size:8px;letter-spacing:.19em;color:#7b877f}.i-hero-copy h1{font:400 clamp(51px,4.4vw,78px)/1.04 var(--c-serif);letter-spacing:-.06em;margin:25px 0}.i-hero-copy h1 em{font-style:normal;color:var(--c-green)}.i-hero-copy p{max-width:610px;font:400 17px/1.95 var(--c-serif);color:#506057}.i-hero-copy .btns{margin-top:34px}.i-hero-film{position:relative;overflow:hidden}.i-hero-film img{transition:transform 1.5s var(--c-ease)}.i-hero-film:hover img{transform:scale(1.025)}.i-hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,242,233,.34),transparent 26%),linear-gradient(transparent 58%,rgba(11,23,16,.56))}.i-hero-film-top{position:absolute;z-index:2;left:34px;right:34px;top:30px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:.17em}.i-hero-film-bottom{position:absolute;z-index:2;left:35px;right:35px;bottom:28px;color:#fff;display:flex;justify-content:space-between;align-items:end}.i-hero-film-bottom strong{font:400 21px/1.45 var(--c-serif)}.i-hero-film-bottom span{font-size:8px;letter-spacing:.15em}.i-hero-index{grid-column:1/-1;display:grid;grid-template-columns:1.5fr repeat(5,1fr);background:#fff;border-top:1px solid var(--c-line)}.i-hero-index div{padding:21px;border-left:1px solid var(--c-line)}.i-hero-index div:first-child{border-left:0}.i-hero-index small{font-size:7px;letter-spacing:.15em;color:var(--c-green)}.i-hero-index strong{display:block;margin-top:7px;font:400 14px/1.4 var(--c-serif)}
.i-profile{background:#fff}.i-profile-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.i-profile-title{position:sticky;top:100px;align-self:start}.i-profile-title h2{font:400 52px/1.16 var(--c-serif);letter-spacing:-.055em;margin:21px 0}.i-profile-title small{font-size:9px;line-height:1.8;color:#6a766f}.i-profile-copy{font:400 19px/2.15 var(--c-serif);color:#3f4f46}.i-profile-copy p{margin:0 0 28px}.i-profile-copy b{font-weight:500;color:var(--c-green)}.i-profile-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--c-line);margin-top:38px}.i-profile-facts div{padding:22px 14px;border-left:1px solid var(--c-line)}.i-profile-facts div:first-child{border-left:0;padding-left:0}.i-profile-facts strong{font:400 26px/1 var(--c-serif);color:var(--c-green)}.i-profile-facts span{display:block;margin-top:8px;font-size:8px;color:#76827a}
.i-journey{padding:128px 5vw;background:#e6ebe7}.i-journey-head{width:min(1500px,100%);margin:0 auto 70px;display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:end}.i-journey-head h2{font:400 clamp(50px,4.5vw,72px)/1.08 var(--c-serif);letter-spacing:-.055em;margin:20px 0 0}.i-journey-head p{font:400 15px/2 var(--c-serif);color:#536159}.i-journey-grid{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:1.22fr .78fr;gap:5vw}.i-stage{position:sticky;top:92px;height:740px;align-self:start;padding:8px;background:rgba(255,255,255,.58);box-shadow:0 35px 100px rgba(29,48,37,.1),inset 0 1px #fff}.i-stage-core{height:100%;position:relative;overflow:hidden;background:#dce4df}.i-stage-core img{position:absolute;inset:0;transition:opacity .5s ease,transform .9s var(--c-ease)}.i-stage-core.changing img{opacity:.25;transform:scale(1.025)}.i-stage-core:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 57%,rgba(10,23,15,.75))}.i-stage-top{position:absolute;z-index:2;left:28px;right:28px;top:25px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:.16em}.i-stage-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff;display:flex;justify-content:space-between;align-items:end}.i-stage-caption small{font-size:8px;letter-spacing:.17em}.i-stage-caption strong{font:400 23px/1.4 var(--c-serif)}.i-scenes{padding-bottom:170px}.i-scene{min-height:575px;padding:95px 0;border-top:1px solid rgba(21,34,27,.15);display:flex;flex-direction:column;justify-content:center}.i-scene:first-child{border-top:0}.i-scene small{font-size:8px;letter-spacing:.18em;color:var(--c-green)}.i-scene h3{font:400 39px/1.26 var(--c-serif);letter-spacing:-.035em;margin:17px 0}.i-scene p{font:400 14px/2 var(--c-serif);color:#526058}.i-scene-data{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.i-scene-data span{padding:9px 11px;background:rgba(255,255,255,.7);font-size:8px;color:var(--c-green)}
.i-systems{background:#f7f4ec}.i-system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.i-system{min-height:405px;padding:32px 27px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .7s var(--c-ease),box-shadow .7s var(--c-ease)}.i-system:after{content:attr(data-n);position:absolute;right:-10px;top:-18px;font:400 110px/1 var(--c-serif);color:rgba(23,99,63,.045)}.i-system:hover{transform:translateY(-9px);box-shadow:0 28px 75px rgba(29,46,36,.09)}.i-system small{font-size:8px;letter-spacing:.16em;color:var(--c-green)}.i-system h3{font:400 24px/1.4 var(--c-serif);margin-top:auto}.i-system p{font-size:11px;line-height:1.9;color:#5c6861}.i-system b{font-size:9px;color:var(--c-green)}
.i-collab{background:#fff}.i-collab-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:24px}.i-collab-photo{height:660px;position:relative;overflow:hidden}.i-collab-photo img{transition:transform 1.2s var(--c-ease)}.i-collab-photo:hover img{transform:scale(1.025)}.i-collab-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 56%,rgba(11,23,16,.72))}.i-collab-photo div{position:absolute;z-index:2;left:35px;right:35px;bottom:30px;color:#fff}.i-collab-photo h3{font:400 31px/1.35 var(--c-serif)}.i-collab-copy{padding:52px;background:#e9eee9}.i-collab-copy h2{font:400 45px/1.22 var(--c-serif);letter-spacing:-.045em;margin:20px 0}.i-customer-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.i-customer-tags span{padding:10px 13px;background:#fff;font-size:9px;color:var(--c-green)}.i-collab-copy p{font:400 14px/2 var(--c-serif);color:#526058}.i-brand-list{margin-top:30px;border-top:1px solid var(--c-line)}.i-brand-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--c-line)}.i-brand-row strong{font:400 16px/1.4 var(--c-serif)}.i-brand-row span{font-size:10px;line-height:1.7;color:#66726b}
.i-final{min-height:600px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.i-final>img{position:absolute;inset:0}.i-final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,26,17,.88),rgba(11,26,17,.5) 48%,rgba(11,26,17,.18))}.i-final-copy{width:min(1500px,90%);margin:auto;position:relative;z-index:2}.i-final-copy h2{max-width:760px;font:400 56px/1.15 var(--c-serif);letter-spacing:-.055em}.i-final-copy p{max-width:640px;font:400 15px/2 var(--c-serif);color:rgba(255,255,255,.78)}
@media(max-width:1150px){.i-hero{grid-template-columns:1fr}.i-hero-film{min-height:600px}.i-profile-grid{grid-template-columns:1fr}.i-profile-title{position:relative;top:auto}.i-journey-grid{grid-template-columns:1fr}.i-stage{position:relative;top:auto;height:600px}.i-scenes{padding-bottom:0}.i-system-grid{grid-template-columns:repeat(3,1fr)}.i-collab-grid{grid-template-columns:1fr}}
@media(max-width:760px){.i-hero-copy{padding:90px 24px}.i-hero-copy h1{font-size:48px}.i-hero-index{grid-template-columns:1fr 1fr}.i-hero-index div:first-child{grid-column:1/-1}.i-profile-facts{grid-template-columns:1fr 1fr}.i-journey{padding:90px 24px}.i-journey-head{grid-template-columns:1fr;gap:26px}.i-stage{height:470px}.i-scene{min-height:390px;padding:65px 0}.i-system-grid{grid-template-columns:1fr}.i-system{min-height:290px}.i-collab-photo{height:470px}.i-collab-copy{padding:36px 25px}.i-final-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.i-hero-film img,.i-stage-core img,.i-system,.i-collab-photo img{transition:none!important}}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-hero-variants-v11.css */
/* About hero explorations v11 — the lower cinematic company story remains unchanged. */
.hero-v11{--hero-green:#17633f;--hero-ink:#16231c;--hero-paper:#f4f4ef;min-height:830px;position:relative;overflow:hidden;color:var(--hero-ink);isolation:isolate}
.hero-v11 img{transition:transform 1.45s var(--c-ease),filter 1.45s var(--c-ease)}
.hero-v11 .hero-kicker{display:flex;align-items:center;gap:13px;font:700 8px/1 var(--c-sans);letter-spacing:.22em;text-transform:uppercase}
.hero-v11 .hero-kicker:before{content:"";width:34px;height:1px;background:currentColor}
.hero-v11 h1{font:400 clamp(58px,5.25vw,92px)/1.01 var(--c-serif);letter-spacing:-.068em;margin:22px 0}
.hero-v11 h1 em{font-style:normal;color:var(--hero-green)}
.hero-v11 .hero-deck{font:400 17px/1.95 var(--c-serif);color:#4d5c54;max-width:650px}
.hero-v11 .btns{margin-top:32px}
.hero-v11 .hero-meta{font:500 8px/1.7 var(--c-sans);letter-spacing:.16em;text-transform:uppercase}
.hero-v11 .hero-enter{opacity:0;transform:translateY(24px);animation:heroEnter .86s var(--c-ease) forwards}
.hero-v11 .hero-enter.d2{animation-delay:.12s}.hero-v11 .hero-enter.d3{animation-delay:.22s}.hero-v11 .hero-enter.d4{animation-delay:.32s}
@keyframes heroEnter{to{opacity:1;transform:none}}

/* A — full-screen documentary cover */
.hero-a{min-height:850px;color:#fff;background:#18241e}
.hero-a-media{position:absolute;inset:0;z-index:-3}
.hero-a-media img{object-position:center 44%;filter:saturate(.78) contrast(1.04) brightness(.9)}
.hero-a:hover .hero-a-media img{transform:scale(1.025);filter:saturate(.86) contrast(1.06) brightness(.92)}
.hero-a:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,20,13,.08),rgba(9,20,13,.02) 31%,rgba(7,18,11,.76) 100%),linear-gradient(90deg,rgba(8,20,12,.38),transparent 52%)}
.hero-a:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 25%,12.5% 100%;mask-image:linear-gradient(180deg,black,transparent 65%)}
.hero-a-top{position:absolute;left:5vw;right:5vw;top:32px;display:flex;justify-content:space-between;color:rgba(255,255,255,.82)}
.hero-a-shell{width:min(1500px,90%);min-height:850px;margin:auto;padding:165px 0 145px;display:flex;align-items:flex-end}
.hero-a-copy{width:min(960px,72%)}
.hero-a .hero-kicker{color:#d7e4db}
.hero-a h1{font-size:clamp(62px,6.1vw,108px);color:#fff;text-shadow:0 4px 40px rgba(5,15,9,.22)}
.hero-a h1 em{color:#d6e8db}
.hero-a .hero-deck{color:rgba(255,255,255,.84);font-size:18px;max-width:770px}
.hero-a .btn{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.hero-a .btn:hover{background:#fff;color:#17231c}
.hero-a .btn.primary{background:rgba(23,99,63,.92);border-color:transparent}
.hero-a-facts{position:absolute;left:5vw;right:5vw;bottom:30px;display:grid;grid-template-columns:1.55fr repeat(4,1fr);border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.2);background:rgba(15,28,20,.28);backdrop-filter:blur(12px)}
.hero-a-facts>div{min-height:82px;padding:17px 22px;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}
.hero-a-facts>div:first-child{border-left:0}
.hero-a-facts small{font-size:7px;letter-spacing:.17em;color:rgba(255,255,255,.62)}
.hero-a-facts strong{font:400 18px/1.4 var(--c-serif);margin-top:6px}.hero-a-facts .number{font-size:27px}
.hero-a-side{position:absolute;right:2.2vw;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:rgba(255,255,255,.66)}
.hero-a-side i{width:1px;height:92px;background:rgba(255,255,255,.36)}

/* B — architectural editorial, asymmetric paper composition */
.hero-b{min-height:850px;background:linear-gradient(120deg,#f8f8f4,#e9eeeb);padding:74px 5vw 44px}
.hero-b:before{content:"001";position:absolute;left:-2vw;bottom:-75px;font:400 clamp(250px,29vw,520px)/.8 var(--c-serif);letter-spacing:-.11em;color:rgba(23,99,63,.045);z-index:-1}
.hero-b:after{content:"";position:absolute;right:-220px;top:-390px;width:860px;height:860px;border-radius:50%;border:1px solid rgba(23,99,63,.12);box-shadow:0 0 0 90px rgba(23,99,63,.02),0 0 0 180px rgba(23,99,63,.015);z-index:-1}
.hero-b-shell{width:min(1530px,100%);min-height:730px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:2.5vw;align-items:center;position:relative}
.hero-b-copy{padding:40px 0 80px;position:relative;z-index:4}
.hero-b .hero-kicker{color:var(--hero-green)}
.hero-b h1{font-size:clamp(60px,5.15vw,90px);max-width:730px}
.hero-b .hero-deck{max-width:590px}
.hero-b-edition{position:absolute;left:0;bottom:15px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;color:#718078}
.hero-b-edition strong{font:400 46px/1 var(--c-serif);color:#b7c4bc}.hero-b-edition span{font-size:8px;line-height:1.7;letter-spacing:.12em}
.hero-b-window{height:650px;position:relative;margin-left:-70px;filter:drop-shadow(0 38px 72px rgba(30,50,39,.16))}
.hero-b-window:before{content:"";position:absolute;inset:7% -5% -4% 8%;border:1px solid rgba(23,99,63,.2)}
.hero-b-photo{position:absolute;inset:0;clip-path:polygon(10% 0,100% 0,100% 88%,84% 100%,0 100%,0 16%);overflow:hidden;background:#dce4df}
.hero-b-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,242,239,.55),transparent 23%),linear-gradient(0deg,rgba(11,25,16,.44),transparent 45%)}
.hero-b-window:hover img{transform:scale(1.03)}
.hero-b-label{position:absolute;z-index:3;right:25px;top:25px;padding:13px 16px;background:rgba(250,252,250,.88);backdrop-filter:blur(10px);font-size:8px;letter-spacing:.14em;color:var(--hero-green)}
.hero-b-caption{position:absolute;z-index:3;left:38px;bottom:35px;color:#fff}.hero-b-caption small{display:block;font-size:7px;letter-spacing:.18em}.hero-b-caption strong{display:block;margin-top:8px;font:400 20px/1.4 var(--c-serif)}
.hero-b-facts{position:absolute;left:44%;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:5;background:rgba(250,252,250,.94);box-shadow:0 24px 70px rgba(30,50,39,.11)}
.hero-b-facts div{padding:18px 20px;border-left:1px solid var(--c-line)}.hero-b-facts div:first-child{border-left:0}
.hero-b-facts strong{display:block;font:400 23px/1 var(--c-serif);color:var(--hero-green)}.hero-b-facts span{display:block;margin-top:8px;font-size:8px;color:#718078}

/* C — transparent-factory image exhibition */
.hero-c{min-height:850px;background:#f4f6f4;padding:65px 5vw 52px}
.hero-c:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 53% 20%,rgba(23,99,63,.08),transparent 30%),linear-gradient(90deg,rgba(23,99,63,.04) 1px,transparent 1px);background-size:auto,12.5% 100%}
.hero-c-shell{width:min(1520px,100%);min-height:730px;margin:auto;position:relative}
.hero-c-head{width:56%;padding-top:25px;position:relative;z-index:8}
.hero-c .hero-kicker{color:var(--hero-green)}
.hero-c h1{font-size:clamp(56px,4.7vw,83px);max-width:780px;margin-bottom:15px}.hero-c .hero-deck{max-width:650px}
.hero-c-gallery{position:absolute;inset:110px 0 0 35%;perspective:1200px}
.hero-c-image{position:absolute;overflow:hidden;background:#dfe6e2;box-shadow:0 28px 75px rgba(30,49,38,.12);transition:transform .75s var(--c-ease),box-shadow .75s var(--c-ease),filter .75s var(--c-ease)}
.hero-c-image:hover{z-index:9;box-shadow:0 38px 100px rgba(27,50,36,.2);filter:saturate(1.05)}
.hero-c-image img{object-fit:cover}
.hero-c-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 20px 17px;color:#fff;background:linear-gradient(transparent,rgba(10,22,14,.74));font-size:8px;letter-spacing:.13em}
.hero-c-image.main{left:20%;right:0;top:0;height:475px;z-index:3;transform:translateZ(20px)}
.hero-c-image.main:hover{transform:translateY(-8px) translateZ(20px)}
.hero-c-image.lab{left:0;top:60px;width:36%;height:300px;z-index:4;transform:translateZ(55px)}
.hero-c-image.lab:hover{transform:translateY(-8px) translateZ(55px)}
.hero-c-image.workshop{left:9%;bottom:0;width:34%;height:235px;z-index:5;transform:translateZ(80px)}
.hero-c-image.workshop:hover{transform:translateY(-8px) translateZ(80px)}
.hero-c-index{position:absolute;left:0;bottom:14px;width:31%;border-top:1px solid var(--c-line)}
.hero-c-index div{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--c-line);transition:padding-left .4s var(--c-ease),color .4s var(--c-ease)}
.hero-c-index div:hover{padding-left:8px;color:var(--hero-green)}
.hero-c-index b{font:400 15px/1 var(--c-serif);color:#a4b1a9}.hero-c-index strong{font:400 13px/1.35 var(--c-serif)}.hero-c-index small{font-size:7px;color:#7b8780}
.hero-c-stamp{position:absolute;right:0;top:20px;width:112px;height:112px;border:1px solid rgba(23,99,63,.28);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--hero-green);font-size:8px;line-height:1.8;letter-spacing:.13em;animation:slowSpin 22s linear infinite}
@keyframes slowSpin{to{transform:rotate(360deg)}}

/* D — industrial evidence opening */
.hero-d{min-height:850px;background:#f6f5ef;padding:64px 5vw 45px}
.hero-d:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.95%,rgba(23,99,63,.08) 50%,transparent 50.05%),linear-gradient(rgba(23,99,63,.035) 1px,transparent 1px);background-size:100% 100%,100% 25%}
.hero-d-shell{width:min(1530px,100%);min-height:740px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:0;align-items:stretch;box-shadow:0 35px 100px rgba(29,48,37,.08)}
.hero-d-visual{position:relative;overflow:hidden;min-height:690px;background:#dce4df}
.hero-d-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,21,13,.66)),linear-gradient(90deg,rgba(232,237,233,.32),transparent 24%)}
.hero-d-visual:hover img{transform:scale(1.025)}
.hero-d-visual-head{position:absolute;z-index:3;left:28px;right:28px;top:25px;display:flex;justify-content:space-between;color:#fff}
.hero-d-visual-bottom{position:absolute;z-index:3;left:34px;right:34px;bottom:30px;color:#fff}
.hero-d-visual-bottom small{font-size:8px;letter-spacing:.18em}.hero-d-visual-bottom h2{font:400 35px/1.25 var(--c-serif);margin:13px 0 0;max-width:650px}
.hero-d-copy{background:rgba(251,252,249,.97);padding:54px 48px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-d-copy:before{content:"FACTORY EVIDENCE / 001";position:absolute;right:20px;top:22px;font-size:7px;letter-spacing:.18em;color:#8a968f}
.hero-d .hero-kicker{color:var(--hero-green)}
.hero-d h1{font-size:clamp(51px,3.9vw,72px);margin:20px 0}.hero-d .hero-deck{font-size:15px;line-height:1.9}
.hero-d-evidence{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 2px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.hero-d-evidence div{padding:17px 9px;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.hero-d-evidence div:nth-child(even){border-right:0}.hero-d-evidence div:nth-last-child(-n+2){border-bottom:0}
.hero-d-evidence strong{display:block;font:400 23px/1 var(--c-serif);color:var(--hero-green)}.hero-d-evidence span{display:block;margin-top:7px;font-size:8px;color:#78847d}
.hero-d-note{margin-top:21px;display:flex;align-items:center;gap:12px;font-size:9px;color:#65736b}.hero-d-note:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hero-green);box-shadow:0 0 0 5px rgba(23,99,63,.09)}

/* Selector */
body.hero-selector{background:#e9eeeb;color:var(--c-ink)}
.hero-selector main{overflow:hidden}
.hero-selector-head{padding:65px 5vw 40px;text-align:center;background:linear-gradient(180deg,#f8faf8,#e9eeeb)}
.hero-selector-head .hero-kicker{justify-content:center;color:var(--c-green);font-size:8px;letter-spacing:.2em}
.hero-selector-head .hero-kicker:before,.hero-selector-head .hero-kicker:after{content:"";width:34px;height:1px;background:currentColor}
.hero-selector-head h1{font:400 clamp(48px,5vw,78px)/1.08 var(--c-serif);letter-spacing:-.055em;margin:20px 0}
.hero-selector-head p{max-width:820px;margin:auto;font:400 15px/1.9 var(--c-serif);color:#59675f}
.hero-selector-head em{display:inline-flex;margin-top:18px;padding:8px 13px;border:1px solid var(--c-line);font-style:normal;font-size:9px;color:var(--c-green)}
.hero-choices{width:min(1510px,calc(100% - 50px));margin:18px auto 85px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hero-choice{min-height:520px;background:#fff;position:relative;overflow:hidden;box-shadow:0 28px 90px rgba(28,48,36,.08);transition:transform .65s var(--c-ease),box-shadow .65s var(--c-ease)}
.hero-choice:hover{transform:translateY(-9px);box-shadow:0 40px 110px rgba(28,48,36,.15)}
.hero-choice>a{position:absolute;inset:0;z-index:20}
.hero-choice-info{position:absolute;z-index:12;left:24px;right:24px;bottom:22px;padding:20px 22px;background:rgba(250,252,250,.92);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:0 18px 55px rgba(24,43,32,.11)}
.hero-choice-info small{display:block;font-size:8px;letter-spacing:.17em;color:var(--c-green)}.hero-choice-info h2{font:400 26px/1.25 var(--c-serif);margin:8px 0 0}.hero-choice-info span{font-size:10px;color:#5c6962}.hero-choice-info b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--c-green);color:#fff;font-weight:400}
.hero-mini{height:520px;position:relative;overflow:hidden}
.hero-mini img{position:absolute;inset:0;object-fit:cover;transition:transform 1.1s var(--c-ease)}.hero-choice:hover .hero-mini img{transform:scale(1.035)}
.mini-va:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(8,19,12,.76))}.mini-va-copy{position:absolute;z-index:2;left:7%;bottom:28%;color:#fff}.mini-va-copy small{font-size:7px;letter-spacing:.18em}.mini-va-copy h3{font:400 43px/1.05 var(--c-serif);margin:12px 0}
.mini-vb{background:linear-gradient(135deg,#fafaf7,#e1e9e4)}.mini-vb:before{content:"001";position:absolute;left:-4%;bottom:-12%;font:400 230px/.8 var(--c-serif);color:rgba(23,99,63,.06)}.mini-vb-photo{position:absolute;right:5%;top:8%;bottom:14%;width:58%;clip-path:polygon(9% 0,100% 0,100% 88%,84% 100%,0 100%,0 15%)}.mini-vb-copy{position:absolute;left:6%;top:14%;z-index:3;width:42%}.mini-vb-copy small,.mini-vc-copy small,.mini-vd-copy small{font-size:7px;letter-spacing:.17em;color:var(--c-green)}.mini-vb-copy h3,.mini-vc-copy h3,.mini-vd-copy h3{font:400 38px/1.08 var(--c-serif);letter-spacing:-.05em;margin:13px 0}
.mini-vc{background:#f4f7f4}.mini-vc-copy{position:absolute;left:6%;top:11%;z-index:5}.mini-vc-gallery{position:absolute;left:31%;right:4%;top:15%;bottom:20%}.mini-vc-gallery img{box-shadow:0 18px 50px rgba(25,45,33,.15)}.mini-vc-gallery img:nth-child(1){left:24%;width:76%;height:70%}.mini-vc-gallery img:nth-child(2){left:0;top:18%;width:38%;height:52%;z-index:3}.mini-vc-gallery img:nth-child(3){left:11%;top:58%;width:34%;height:40%;z-index:4}
.mini-vd{background:#f5f4ef;display:grid;grid-template-columns:1.15fr .85fr;padding:8% 5% 19%}.mini-vd-image{position:relative;overflow:hidden}.mini-vd-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(8,20,12,.55))}.mini-vd-copy{padding:8%;background:#fff}.mini-vd-copy h3{font-size:33px}.mini-vd-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-line)}.mini-vd-data span{padding:11px 4px;border-bottom:1px solid var(--c-line);font-size:8px;color:var(--c-green)}

@media(max-width:1150px){.hero-b-shell{grid-template-columns:1fr}.hero-b-window{margin:10px 0 70px;height:560px}.hero-b-facts{left:5%;right:5%}.hero-c-head{width:75%}.hero-c-gallery{left:28%}.hero-d-shell{grid-template-columns:1fr}.hero-d-visual{min-height:560px}.hero-d-copy{padding:50px}.hero-choices{grid-template-columns:1fr}}
@media(max-width:760px){.hero-v11{min-height:780px}.hero-v11 h1{font-size:48px}.hero-v11 .hero-deck{font-size:14px}.hero-a-shell{min-height:790px;padding:115px 0 205px;align-items:center}.hero-a-copy{width:100%}.hero-a-top,.hero-a-side{display:none}.hero-a-facts{grid-template-columns:1fr 1fr;bottom:18px}.hero-a-facts>div:first-child{grid-column:1/-1}.hero-a-facts>div:nth-child(4),.hero-a-facts>div:nth-child(5){display:none}.hero-b{padding:45px 24px}.hero-b-shell{display:block}.hero-b-copy{padding:55px 0 25px}.hero-b-edition{display:none}.hero-b-window{height:390px;margin:15px 0 85px}.hero-b-facts{grid-template-columns:1fr 1fr;left:0;right:0}.hero-b-facts div:nth-child(n+3){display:none}.hero-c{padding:45px 24px}.hero-c-head{width:100%;padding-top:25px}.hero-c-gallery{position:relative;inset:auto;height:390px;margin-top:30px}.hero-c-image.main{left:18%;height:310px}.hero-c-image.lab{width:40%;height:190px}.hero-c-image.workshop{width:40%;height:145px}.hero-c-index,.hero-c-stamp{display:none}.hero-d{padding:35px 20px}.hero-d-shell{display:flex;flex-direction:column}.hero-d-visual{min-height:360px}.hero-d-visual-bottom h2{font-size:24px}.hero-d-copy{padding:38px 26px}.hero-d-copy:before{display:none}.hero-d-evidence strong{font-size:19px}.hero-choices{width:calc(100% - 28px)}.hero-choice{min-height:430px}.hero-mini{height:430px}.hero-choice-info{left:14px;right:14px;bottom:14px}.mini-vd{grid-template-columns:1fr;padding-bottom:25%}.mini-vd-copy{display:none}}
@media(prefers-reduced-motion:reduce){.hero-v11 img,.hero-choice,.hero-choice img{transition:none!important}.hero-v11 .hero-enter{animation:none;opacity:1;transform:none}.hero-c-stamp{animation:none}}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-profile-variants-v12.css */
/* About company-strength section explorations v12 */
.profile-v12{--p-green:#17633f;--p-ink:#18241d;--p-sub:#536159;--p-line:rgba(24,36,29,.13);position:relative;overflow:hidden;color:var(--p-ink)}
.profile-v12 h2,.profile-v12 h3,.profile-v12 p{margin-top:0}
.profile-v12 h2{font:400 clamp(48px,4.5vw,74px)/1.08 var(--c-serif);letter-spacing:-.057em}
.profile-v12 .p-kicker{display:flex;align-items:center;gap:12px;font-size:8px;font-weight:700;letter-spacing:.21em;color:var(--p-green);text-transform:uppercase}
.profile-v12 .p-kicker:before{content:"";width:31px;height:1px;background:currentColor}
.profile-v12 .p-lead{font:400 18px/2.05 var(--c-serif);color:#3f4e46}
.profile-v12 .p-body{font:400 15px/2 var(--c-serif);color:var(--p-sub)}
.profile-v12 .p-enter{opacity:0;transform:translateY(24px);animation:pEnter .8s var(--c-ease) forwards}.profile-v12 .p-enter.d2{animation-delay:.12s}.profile-v12 .p-enter.d3{animation-delay:.22s}
@keyframes pEnter{to{opacity:1;transform:none}}

/* P1 — corporate strength annual report */
.profile-p1{padding:120px 5vw 105px;background:linear-gradient(130deg,#fafbf9,#edf1ee)}
.profile-p1:before{content:"COMPANY / STRENGTH";position:absolute;right:2vw;top:40px;font:400 clamp(80px,10vw,170px)/1 var(--c-serif);letter-spacing:-.07em;color:rgba(23,99,63,.035);white-space:nowrap}
.p1-wrap{width:min(1500px,100%);margin:auto;position:relative}
.p1-section-heading{text-align:center;margin:0 auto 52px}.p1-section-heading .p-kicker{justify-content:center}.p1-section-heading .p-kicker:after{content:"";width:31px;height:1px;background:currentColor}.p1-section-heading h2{margin:21px 0 0;font:400 clamp(17px,3vw,46px)/1.2 var(--c-serif);letter-spacing:-.045em;color:var(--p-ink);white-space:nowrap}.p1-section-heading h2 em{font-style:normal;color:var(--p-green)}
.p1-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:start;border-top:1px solid var(--p-line);padding-top:35px}
.p1-company-figure{margin:0;position:relative}.p1-company-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#dde4df}.p1-company-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);pointer-events:none}.p1-company-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--c-ease),filter 1.2s var(--c-ease)}.p1-company-figure:hover img{transform:scale(1.025);filter:saturate(1.04)}.p1-company-figure figcaption{padding:20px 0 0}.p1-company-figure figcaption>small{display:block;font-size:7px;letter-spacing:.2em;color:var(--p-green)}.p1-company-figure figcaption>strong{display:block;margin-top:9px;font:400 20px/1.45 var(--c-serif);color:var(--p-ink)}.p1-company-figure figcaption>span{display:block;margin-top:5px;font-size:9px;color:#7a867f}.p1-code{margin-top:22px;padding-top:18px;border-top:1px solid var(--p-line);display:grid;grid-template-columns:120px 1fr;gap:18px;font-size:8px;line-height:1.8;color:#6f7b74}.p1-code strong{font-weight:500;color:var(--p-ink)}
.p1-story .p-lead b{font-weight:500;color:var(--p-green)}.p1-system-list{margin-top:30px;border-top:1px solid var(--p-line)}.p1-system-item{display:grid;grid-template-columns:44px 138px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--p-line);align-items:start}.p1-system-item>small{font-size:8px;letter-spacing:.14em;color:#8a958e;padding-top:8px}.p1-system-item>div{display:contents}.p1-system-item h3{font:400 18px/1.45 var(--c-serif);color:var(--p-green);margin:0}.p1-system-item p{font-size:11px;line-height:1.8;color:#66736b;margin:0}.p1-closing{margin-top:22px;padding-left:58px;font:400 13px/1.9 var(--c-serif);color:#45544b}
.p1-proofline{margin-top:60px;display:grid;grid-template-columns:1.25fr repeat(5,1fr);border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.p1-proofline>div{min-height:145px;padding:25px 22px;border-left:1px solid var(--p-line);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s var(--c-ease),transform .5s var(--c-ease)}
.p1-proofline>div:first-child{border-left:0}.p1-proofline>div:hover{background:rgba(255,255,255,.75);transform:translateY(-6px)}
.p1-proofline small{font-size:7px;letter-spacing:.14em;color:#7b8780}.p1-proofline strong{font:400 30px/1 var(--c-serif);color:var(--p-green)}.p1-proofline span{font-size:9px;line-height:1.55;color:#647169}.p1-proofline .intro strong{font-size:19px;line-height:1.4;color:var(--p-ink)}
.p1-capabilities{display:grid;grid-template-columns:repeat(5,1fr);margin-top:42px;gap:12px}
.p1-cap{padding:27px 24px 24px;background:rgba(255,255,255,.64);min-height:190px;position:relative;overflow:hidden;transition:transform .6s var(--c-ease),box-shadow .6s var(--c-ease)}
.p1-cap:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(30,48,38,.09)}.p1-cap:after{content:attr(data-n);position:absolute;right:-5px;top:-18px;font:400 82px/1 var(--c-serif);color:rgba(23,99,63,.045)}
.p1-cap small{font-size:7px;letter-spacing:.15em;color:var(--p-green)}.p1-cap h3{font:400 21px/1.4 var(--c-serif);margin:45px 0 10px}.p1-cap p{font-size:10px;line-height:1.8;color:#68746d}

/* P2 — transparent-factory evidence dossier */
.profile-p2{padding:110px 5vw;background:#f5f3ec}
.p2-wrap{width:min(1500px,100%);margin:auto}
.p2-top{display:grid;grid-template-columns:.76fr 1.24fr;gap:4vw;align-items:end;margin-bottom:45px}
.p2-top h2{margin:20px 0 0}.p2-top-copy{padding:0 0 8px}.p2-top-copy .p-lead{margin-bottom:12px}.p2-top-copy .p-body{margin:0}
.p2-stage{min-height:690px;display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
.p2-photo{position:relative;overflow:hidden;background:#dce4df;box-shadow:0 30px 85px rgba(29,47,37,.1)}
.p2-photo img{transition:transform 1.2s var(--c-ease)}.p2-photo:hover img{transform:scale(1.025)}
.p2-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 53%,rgba(9,21,13,.78))}
.p2-photo-head{position:absolute;z-index:3;left:28px;right:28px;top:25px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:.16em}
.p2-photo-caption{position:absolute;z-index:3;left:34px;right:34px;bottom:30px;color:#fff}.p2-photo-caption small{font-size:8px;letter-spacing:.17em}.p2-photo-caption h3{font:400 33px/1.3 var(--c-serif);margin:12px 0}.p2-photo-caption p{font-size:11px;line-height:1.8;color:rgba(255,255,255,.76);max-width:630px}
.p2-dossier{display:grid;grid-template-rows:auto 1fr;background:#fff;padding:42px 40px;box-shadow:0 30px 85px rgba(29,47,37,.08)}
.p2-dossier-title{padding-bottom:25px;border-bottom:1px solid var(--p-line)}.p2-dossier-title small{font-size:7px;letter-spacing:.17em;color:var(--p-green)}.p2-dossier-title h3{font:400 28px/1.35 var(--c-serif);margin:12px 0}.p2-dossier-title p{font-size:11px;line-height:1.85;color:#66736b}
.p2-records{display:grid;grid-template-columns:1fr 1fr}.p2-record{padding:22px 10px;border-bottom:1px solid var(--p-line);border-right:1px solid var(--p-line);transition:background .45s var(--c-ease),padding-left .45s var(--c-ease)}.p2-record:nth-child(even){border-right:0;padding-left:22px}.p2-record:nth-last-child(-n+2){border-bottom:0}.p2-record:hover{background:#f1f5f2;padding-left:18px}.p2-record small{font-size:7px;letter-spacing:.13em;color:#7a867f}.p2-record strong{display:block;margin-top:9px;font:400 23px/1.18 var(--c-serif);color:var(--p-green)}.p2-record span{display:block;margin-top:7px;font-size:8px;color:#68756d}
.p2-services{margin-top:18px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}.p2-services div{padding:20px;border-left:1px solid var(--p-line)}.p2-services div:first-child{border-left:0}.p2-services small{display:block;font-size:7px;color:#7a867f;letter-spacing:.13em}.p2-services strong{display:block;margin-top:8px;font:400 15px/1.4 var(--c-serif)}

/* P3 — one connected industrial capability axis */
.profile-p3{padding:118px 5vw 100px;background:#f8faf8}
.profile-p3:before{content:"";position:absolute;left:0;right:0;top:47%;height:1px;background:rgba(23,99,63,.14)}
.p3-wrap{width:min(1500px,100%);margin:auto;position:relative}
.p3-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin-bottom:72px}.p3-head h2{margin:20px 0 0}.p3-head-copy .p-lead{margin:0 0 18px}.p3-head-copy .p-body{margin:0}
.p3-axis{display:grid;grid-template-columns:repeat(5,1fr);position:relative;padding:35px 0 25px}
.p3-axis:before{content:"";position:absolute;left:6%;right:6%;top:68px;height:1px;background:linear-gradient(90deg,rgba(23,99,63,.18),var(--p-green),rgba(23,99,63,.18))}
.p3-node{padding:0 18px;text-align:center;position:relative;cursor:default;transition:transform .55s var(--c-ease)}.p3-node:hover{transform:translateY(-10px)}
.p3-point{width:66px;height:66px;border-radius:50%;margin:0 auto 28px;background:#fff;border:1px solid rgba(23,99,63,.24);box-shadow:0 15px 45px rgba(29,49,37,.08);display:grid;place-items:center;position:relative;z-index:2;transition:background .5s var(--c-ease),color .5s var(--c-ease),box-shadow .5s var(--c-ease)}
.p3-node:hover .p3-point{background:var(--p-green);color:#fff;box-shadow:0 20px 55px rgba(23,99,63,.2)}.p3-point b{font:400 17px/1 var(--c-serif)}
.p3-node small{font-size:7px;letter-spacing:.16em;color:var(--p-green)}.p3-node h3{font:400 24px/1.35 var(--c-serif);margin:12px 0}.p3-node p{font-size:10px;line-height:1.85;color:#69756e}.p3-node strong{display:block;margin-top:18px;font:400 14px/1.45 var(--c-serif);color:var(--p-green)}
.p3-foundation{margin-top:50px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);background:#e9efeb}
.p3-foundation div{padding:24px;border-left:1px solid rgba(23,99,63,.12)}.p3-foundation div:first-child{border-left:0}.p3-foundation small{display:block;font-size:7px;letter-spacing:.13em;color:#748078}.p3-foundation strong{display:block;margin-top:9px;font:400 18px/1.4 var(--c-serif);color:var(--p-green)}.p3-foundation .intro strong{color:var(--p-ink)}
.p3-company-code{margin-top:20px;text-align:right;font-size:8px;color:#869089;letter-spacing:.1em}

/* P4 — buyer decision evidence page */
.profile-p4{padding:108px 5vw;background:linear-gradient(120deg,#f2f5f2,#fbfcfa)}
.p4-wrap{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px}
.p4-intro{padding:55px 50px;background:#fff;position:relative;box-shadow:0 30px 85px rgba(29,48,37,.07)}
.p4-intro:after{content:"QIAI";position:absolute;right:-8px;bottom:-18px;font:400 120px/1 var(--c-serif);color:rgba(23,99,63,.035)}
.p4-intro h2{margin:22px 0 28px}.p4-intro .p-lead{font-size:17px}.p4-intro .p-body{font-size:13px}.p4-code{margin-top:32px;padding-top:20px;border-top:1px solid var(--p-line);font-size:9px;line-height:1.8;color:#748078}.p4-code strong{display:block;color:var(--p-ink);font-weight:500}
.p4-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p4-proof-item{min-height:205px;padding:27px;background:rgba(255,255,255,.72);position:relative;overflow:hidden;transition:transform .6s var(--c-ease),background .6s var(--c-ease),box-shadow .6s var(--c-ease)}
.p4-proof-item:hover{transform:translateY(-7px);background:#fff;box-shadow:0 25px 70px rgba(29,49,37,.1)}.p4-proof-item:after{content:attr(data-n);position:absolute;right:-8px;top:-16px;font:400 86px/1 var(--c-serif);color:rgba(23,99,63,.045)}
.p4-proof-item small{font-size:7px;letter-spacing:.16em;color:#748078}.p4-proof-item strong{display:block;margin-top:32px;font:400 27px/1.25 var(--c-serif);color:var(--p-green)}.p4-proof-item p{font-size:10px;line-height:1.8;color:#66736b;margin:11px 0 0;max-width:240px}
.p4-proof-item.wide{grid-column:1/-1;min-height:165px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px}.p4-proof-item.wide strong{margin-top:10px}.p4-proof-item.wide p{max-width:none;font-size:11px}

/* Profile selector */
body.profile-selector{background:#e9eeeb;color:var(--c-ink)}.profile-selector main{overflow:hidden}
.profile-selector-head{padding:65px 5vw 38px;text-align:center;background:linear-gradient(180deg,#fbfcfb,#e9eeeb)}
.profile-selector-head .p-kicker{display:flex;justify-content:center;align-items:center;gap:13px;font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--c-green)}.profile-selector-head .p-kicker:before,.profile-selector-head .p-kicker:after{content:"";width:34px;height:1px;background:currentColor}
.profile-selector-head h1{font:400 clamp(48px,5vw,78px)/1.08 var(--c-serif);letter-spacing:-.055em;margin:20px 0}.profile-selector-head p{max-width:900px;margin:auto;font:400 15px/1.9 var(--c-serif);color:#59675f}.profile-selector-head em{display:inline-flex;margin-top:18px;padding:8px 13px;border:1px solid var(--c-line);font-style:normal;font-size:9px;color:var(--c-green)}
.profile-choices{width:min(1510px,calc(100% - 50px));margin:18px auto 85px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.profile-choice{min-height:510px;position:relative;background:#fff;overflow:hidden;box-shadow:0 28px 90px rgba(28,48,36,.08);transition:transform .65s var(--c-ease),box-shadow .65s var(--c-ease)}.profile-choice:hover{transform:translateY(-9px);box-shadow:0 40px 110px rgba(28,48,36,.15)}.profile-choice>a{position:absolute;inset:0;z-index:20}
.profile-choice-info{position:absolute;z-index:12;left:22px;right:22px;bottom:20px;padding:18px 20px;background:rgba(250,252,250,.94);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;box-shadow:0 17px 50px rgba(24,43,32,.1)}.profile-choice-info small{display:block;font-size:8px;letter-spacing:.16em;color:var(--c-green)}.profile-choice-info h2{font:400 25px/1.25 var(--c-serif);margin:7px 0 0}.profile-choice-info span{font-size:9px;color:#5f6c64}.profile-choice-info b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--c-green);color:#fff;font-weight:400}
.profile-mini{height:510px;position:relative;overflow:hidden;padding-bottom:110px}
.mini-p1{padding:8% 6% 22%;background:linear-gradient(130deg,#fafbf9,#e9efeb)}.mini-p1:before{content:"STRENGTH";position:absolute;right:-3%;top:4%;font:400 80px/1 var(--c-serif);color:rgba(23,99,63,.045)}.mini-p1-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:5%;position:relative}.mini-p1 h3,.mini-p2 h3,.mini-p3 h3,.mini-p4 h3{font:400 31px/1.15 var(--c-serif);margin:10px 0}.mini-p1 p,.mini-p2 p,.mini-p3 p,.mini-p4 p{font-size:9px;line-height:1.7;color:#66736b}.mini-p1-data{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--c-line);margin-top:30px}.mini-p1-data span{padding:14px 8px;border-left:1px solid var(--c-line);font:400 12px/1.3 var(--c-serif);color:var(--c-green)}.mini-p1-data span:first-child{border-left:0}
.mini-p2{padding:6% 5% 22%;background:#f5f3ec;display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.mini-p2-photo{position:relative;overflow:hidden}.mini-p2-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-p2-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(9,21,13,.65))}.mini-p2-file{padding:9%;background:#fff}.mini-p2-file h3{font-size:27px}.mini-p2-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-line)}.mini-p2-data span{padding:11px 4px;border-bottom:1px solid var(--c-line);font-size:9px;color:var(--c-green)}
.mini-p3{padding:7% 5% 22%;background:#f8faf8;text-align:center}.mini-p3 h3{font-size:33px}.mini-p3-axis{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:45px}.mini-p3-axis:before{content:"";position:absolute;left:5%;right:5%;top:25px;height:1px;background:var(--c-green)}.mini-p3-axis div{position:relative;z-index:2}.mini-p3-axis b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#fff;border:1px solid rgba(23,99,63,.25);font:400 12px/1 var(--c-serif)}.mini-p3-axis span{display:block;margin-top:12px;font-size:9px;color:#5e6b64}
.mini-p4{padding:6% 5% 22%;background:#eef3ef;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.mini-p4-intro{background:#fff;padding:9%}.mini-p4-intro h3{font-size:28px}.mini-p4-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-p4-grid span{background:rgba(255,255,255,.78);padding:16px 11px;display:flex;align-items:end;font:400 13px/1.35 var(--c-serif);color:var(--c-green)}

@media(max-width:1150px){.p1-head,.p2-top,.p3-head,.p4-wrap{grid-template-columns:1fr}.p1-company-figure{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:end}.p1-story{margin-top:55px}.p1-proofline{grid-template-columns:1fr 1fr 1fr}.p1-proofline .intro{grid-column:1/-1}.p1-capabilities{grid-template-columns:repeat(3,1fr)}.p2-stage{grid-template-columns:1fr}.p2-photo{min-height:560px}.p3-axis{grid-template-columns:repeat(3,1fr);gap:35px}.p3-axis:before{display:none}.profile-choices{grid-template-columns:1fr}}
@media(max-width:760px){.profile-p1,.profile-p2,.profile-p3,.profile-p4{padding:85px 24px}.profile-v12 h2{font-size:45px}.p1-section-heading{margin-bottom:38px}.p1-section-heading h2{font-size:17px;letter-spacing:-.055em}.p1-company-figure{display:block}.p1-company-figure figcaption{padding-top:16px}.p1-story{margin-top:48px}.profile-v12 .p-lead{font-size:16px}.p1-head{gap:35px}.p1-code{grid-template-columns:1fr}.p1-system-item{grid-template-columns:34px 1fr;gap:10px 12px;padding:18px 0}.p1-system-item>div{display:block;grid-column:2}.p1-system-item h3{margin-bottom:6px}.p1-closing{padding-left:0}.p1-proofline{grid-template-columns:1fr 1fr}.p1-proofline>div{min-height:120px}.p1-capabilities{grid-template-columns:1fr}.p2-top{gap:25px}.p2-photo{min-height:430px}.p2-dossier{padding:32px 24px}.p2-services{grid-template-columns:1fr 1fr}.p2-services div:first-child{grid-column:1/-1}.p3-head{gap:28px}.p3-axis{grid-template-columns:1fr 1fr}.p3-foundation{grid-template-columns:1fr 1fr}.p3-foundation .intro{grid-column:1/-1}.p4-intro{padding:38px 28px}.p4-proof{grid-template-columns:1fr}.p4-proof-item.wide{grid-column:auto;grid-template-columns:1fr}.profile-choices{width:calc(100% - 28px)}.profile-choice{min-height:430px}.profile-mini{height:430px}.mini-p2,.mini-p4{grid-template-columns:1fr}.mini-p2-file,.mini-p4-intro{display:none}}
@media(prefers-reduced-motion:reduce){.profile-v12 .p-enter{opacity:1;transform:none;animation:none}.p1-proofline>div,.p1-cap,.p2-photo img,.p2-record,.p3-node,.p3-point,.p4-proof-item,.profile-choice{transition:none!important}}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-film-variants-v13.css */
:root{
  --film-ink:#17241d;
  --film-copy:#526159;
  --film-green:#17633f;
  --film-green-soft:#6f8d7b;
  --film-paper:#f4f7f5;
  --film-silver:#e8edeb;
  --film-line:rgba(23,52,37,.14);
  --film-serif:"Songti SC","STSong","SimSun",serif;
  --film-sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --film-ease:cubic-bezier(.22,.8,.24,1)
}
.film-preview-page{background:#eef2f0;color:var(--film-ink);overflow-x:hidden}
.film-preview-page [hidden]{display:none!important}
.film-selector-head{padding:80px max(28px,5vw) 42px;text-align:center;background:linear-gradient(180deg,#fafcfb 0%,#f1f5f3 72%,#e8eeeb 100%);border-bottom:1px solid var(--film-line)}
.film-selector-kicker,.film-kicker{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--film-green);font:700 9px/1 var(--film-sans);letter-spacing:.22em}
.film-selector-kicker:before,.film-selector-kicker:after,.film-kicker:before,.film-kicker:after{content:"";width:32px;height:1px;background:currentColor}
.film-selector-head h1{font:400 clamp(48px,5vw,78px)/1.07 var(--film-serif);letter-spacing:-.055em;margin:24px 0 18px}
.film-selector-head>p{max-width:780px;margin:0 auto;color:var(--film-copy);font:400 15px/1.95 var(--film-serif)}
.film-variant-switcher{width:min(1240px,100%);margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);box-shadow:0 24px 65px rgba(29,52,39,.08);backdrop-filter:blur(14px)}
.film-variant-switcher button{appearance:none;border:0;border-left:1px solid var(--film-line);background:transparent;min-height:104px;padding:20px 22px;display:grid;grid-template-columns:34px 1fr;text-align:left;align-items:center;position:relative;color:var(--film-copy);cursor:pointer;transition:background .35s ease,color .35s ease,transform .35s var(--film-ease)}
.film-variant-switcher button:first-child{border-left:0}
.film-variant-switcher button:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:var(--film-green);transform:scaleX(0);transform-origin:left;transition:transform .42s var(--film-ease)}
.film-variant-switcher button:hover{background:rgba(255,255,255,.78);transform:translateY(-3px);color:var(--film-ink)}
.film-variant-switcher button.is-active{background:#fff;color:var(--film-green)}
.film-variant-switcher button.is-active:after{transform:scaleX(1)}
.film-variant-switcher b{grid-row:1/3;font:400 24px/1 var(--film-serif)}
.film-variant-switcher span{font:600 13px/1.4 var(--film-sans)}
.film-variant-switcher small{font:400 9px/1.5 var(--film-sans);color:#829087;margin-top:4px}
.film-variant-switcher button:focus-visible,.film-variant button:focus-visible{outline:2px solid var(--film-green);outline-offset:3px;z-index:5}
.film-variant{position:relative;isolation:isolate}
.film-variant img{display:block;width:100%;height:100%;object-fit:cover}
.film-variant h2,.film-variant h3,.film-variant p{margin-top:0}
.film-tags{display:flex;flex-wrap:wrap;gap:8px}
.film-tags span{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.72);color:var(--film-green);font:500 9px/1.4 var(--film-sans);box-shadow:0 7px 18px rgba(23,52,37,.05)}

/* A — panoramic industrial cinema */
.film-a{padding:118px 4vw 126px;background:linear-gradient(180deg,#eef3f0,#f8faf9 58%,#e7ece9)}
.film-a:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.96),transparent 42%),linear-gradient(90deg,rgba(23,99,63,.035) 1px,transparent 1px);background-size:auto,12.5% 100%}
.film-a-head{max-width:980px;margin:0 auto 56px;text-align:center}
.film-a-head h2{font:400 clamp(46px,4.3vw,70px)/1.1 var(--film-serif);letter-spacing:-.05em;margin:24px 0 16px}
.film-a-head p{max-width:760px;margin:auto;color:var(--film-copy);font:400 15px/2 var(--film-serif)}
.film-a-cinema{width:min(1640px,100%);margin:auto;padding:10px;background:rgba(255,255,255,.72);box-shadow:0 38px 110px rgba(29,52,39,.12),inset 0 1px #fff}
.film-a-screen{width:100%;aspect-ratio:21/9;min-height:0;position:relative;overflow:hidden;background:#dbe4df}
.film-a-screen>img{position:absolute;inset:0;transition:opacity .32s ease,transform 1s var(--film-ease),filter .7s ease;filter:saturate(.88) contrast(1.02)}
.film-a-screen.is-switching>img{opacity:.2;transform:scale(1.035);filter:saturate(.4)}
.film-a-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,26,17,.76),rgba(11,26,17,.28) 48%,transparent 76%),linear-gradient(0deg,rgba(8,20,13,.52),transparent 55%);pointer-events:none}
.film-a-scanline{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.18) 50%,transparent 50.1%);opacity:.45;pointer-events:none}
.film-a-topline{position:absolute;z-index:3;left:38px;right:38px;top:30px;display:flex;justify-content:space-between;color:rgba(255,255,255,.82);font:600 8px/1 var(--film-sans);letter-spacing:.18em}
.film-a-copy{position:absolute;z-index:3;left:5.2%;bottom:10.5%;width:min(650px,47%);color:#fff;transition:opacity .28s ease,transform .52s var(--film-ease)}
.film-a-screen.is-switching .film-a-copy{opacity:.25;transform:translateY(15px)}
.film-a-copy>small{font:600 9px/1 var(--film-sans);letter-spacing:.2em;color:#d2e8da}
.film-a-copy h3{font:400 clamp(32px,3.2vw,53px)/1.18 var(--film-serif);letter-spacing:-.04em;margin:18px 0 13px;text-wrap:balance}
.film-a-copy p{font:400 13px/1.9 var(--film-serif);color:#e3ebe6;max-width:610px;margin-bottom:22px}
.film-a-proof{position:absolute;z-index:3;right:4%;bottom:8%;width:270px;padding:18px 20px;background:rgba(244,248,246,.84);color:var(--film-ink);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.58)}
.film-a-proof span{display:block;font:700 7px/1 var(--film-sans);letter-spacing:.18em;color:var(--film-green)}
.film-a-proof b{display:block;margin-top:9px;font:400 15px/1.55 var(--film-serif)}
.film-a-nav{display:grid;grid-template-columns:repeat(6,1fr);background:#f8faf9;border:1px solid var(--film-line);border-top:0}
.film-a-tab{appearance:none;border:0;border-left:1px solid var(--film-line);background:transparent;min-height:86px;padding:18px 20px;text-align:left;color:var(--film-copy);cursor:pointer;position:relative;transition:background .35s ease,color .35s ease}
.film-a-tab:first-child{border-left:0}
.film-a-tab:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:var(--film-green);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--film-ease)}
.film-a-tab small,.film-a-tab strong{display:block}
.film-a-tab small{font:500 7px/1.4 var(--film-sans);letter-spacing:.12em;color:#87958d}
.film-a-tab strong{font:500 12px/1.5 var(--film-sans);margin-top:8px}
.film-a-tab:hover,.film-a-tab.is-active{background:#fff;color:var(--film-green)}
.film-a-tab.is-active:after{transform:scaleX(1)}

/* B — silver industrial film wall */
.film-b{padding:118px 0 128px;background:linear-gradient(135deg,#f7faf8,#e5ece8 52%,#f5f8f6)}
.film-b:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.95),transparent 51%)}
.film-b-head{width:min(1430px,90%);margin:0 auto 65px;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}
.film-b-head .film-kicker{justify-content:flex-start}
.film-b-head .film-kicker:after{display:none}
.film-b-head h2{font:400 clamp(45px,4.2vw,68px)/1.08 var(--film-serif);letter-spacing:-.055em;margin:24px 0 0}
.film-b-head>p{font:400 15px/2 var(--film-serif);color:var(--film-copy);margin-bottom:5px}
.film-b-viewport{height:520px;overflow:hidden;position:relative;perspective:1600px}
.film-b-viewport:before,.film-b-viewport:after{content:"";position:absolute;z-index:5;top:0;bottom:0;width:11vw;pointer-events:none}
.film-b-viewport:before{left:0;background:linear-gradient(90deg,#e9efec,transparent)}
.film-b-viewport:after{right:0;background:linear-gradient(-90deg,#eef3f0,transparent)}
.film-b-track{height:100%;position:relative;width:100%;transform-style:preserve-3d}
.film-b-card{--offset:0;--distance:0;appearance:none;position:absolute;left:50%;top:50%;width:min(690px,45vw);height:440px;padding:0;border:0;background:#fff;cursor:pointer;transform:translate3d(calc(-50% + var(--offset)*56%),-50%,calc(var(--distance)*-120px)) rotateY(calc(var(--offset)*-5deg)) scale(calc(1 - min(var(--distance)*.12,.28)));transform-origin:center;opacity:calc(1 - min(var(--distance)*.2,.62));filter:saturate(calc(1 - min(var(--distance)*.35,.65)));box-shadow:0 28px 85px rgba(25,48,35,.12);transition:transform .72s var(--film-ease),opacity .55s ease,filter .55s ease,box-shadow .55s ease;overflow:hidden}
.film-b-card.is-active{z-index:4;box-shadow:0 38px 110px rgba(25,48,35,.2)}
.film-b-frame{display:block;position:absolute;inset:10px 10px 72px;overflow:hidden;background:#dfe7e2}
.film-b-frame img{transition:transform .9s var(--film-ease)}
.film-b-card:hover .film-b-frame img,.film-b-card.is-active .film-b-frame img{transform:scale(1.025)}
.film-b-card-meta{position:absolute;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:0 22px;text-align:left;border-top:1px solid var(--film-line)}
.film-b-card-meta small{font:400 17px/1 var(--film-serif);color:var(--film-green)}
.film-b-card-meta strong{font:500 13px/1.4 var(--film-sans)}
.film-b-card-meta i{font:500 7px/1 var(--film-sans);font-style:normal;letter-spacing:.14em;color:#89968f}
.film-b-caption{width:min(1430px,90%);margin:58px auto 0;display:grid;grid-template-columns:120px 1.25fr 1fr 96px;background:rgba(255,255,255,.7);border-top:1px solid var(--film-line);border-bottom:1px solid var(--film-line);backdrop-filter:blur(12px)}
.film-b-caption>div{padding:28px;border-left:1px solid var(--film-line)}
.film-b-caption>div:first-child{border-left:0}
.film-b-caption-no{display:flex;flex-direction:column;justify-content:center}
.film-b-caption-no span{font:400 52px/.95 var(--film-serif);color:var(--film-green)}
.film-b-caption-no small{font:500 8px/1 var(--film-sans);letter-spacing:.18em;color:#829087;margin-top:8px}
.film-b-caption-copy>small,.film-b-caption-proof>small{font:600 8px/1 var(--film-sans);letter-spacing:.16em;color:var(--film-green)}
.film-b-caption-copy h3{font:400 27px/1.35 var(--film-serif);margin:13px 0 8px}
.film-b-caption-copy p{font:400 12px/1.85 var(--film-serif);color:var(--film-copy);margin-bottom:0}
.film-b-caption-proof strong{display:block;font:400 16px/1.5 var(--film-serif);margin:13px 0 17px}
.film-b-arrows{display:grid;grid-template-columns:1fr 1fr;padding:0!important}
.film-b-arrows button{appearance:none;border:0;border-left:1px solid var(--film-line);background:transparent;color:var(--film-green);font-size:20px;cursor:pointer;transition:background .3s ease,color .3s ease}
.film-b-arrows button:first-child{border-left:0}
.film-b-arrows button:hover{background:var(--film-green);color:#fff}

/* C — vertical industrial corridor */
.film-c{--film-progress:16.66%;padding:120px 5vw 140px;background:#f8faf9}
.film-c:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(23,99,63,.08) 50%,transparent calc(50% + .5px)),radial-gradient(circle at 50% 12%,#fff,transparent 28%)}
.film-c-head{width:min(1120px,100%);margin:0 auto 105px;text-align:center}
.film-c-head h2{font:400 clamp(47px,4.5vw,72px)/1.08 var(--film-serif);letter-spacing:-.055em;margin:24px 0 17px}
.film-c-head p{max-width:790px;margin:auto;font:400 15px/2 var(--film-serif);color:var(--film-copy)}
.film-c-progress{position:absolute;z-index:2;top:390px;bottom:160px;left:50%;width:1px;background:rgba(23,99,63,.12);pointer-events:none}
.film-c-progress i{display:block;width:1px;height:var(--film-progress);background:var(--film-green);box-shadow:0 0 0 3px rgba(23,99,63,.06);transition:height .75s var(--film-ease)}
.film-c-rail{width:min(1450px,100%);margin:auto;display:grid;gap:115px}
.film-c-scene{display:grid;grid-template-columns:1fr 95px 1fr;gap:44px;align-items:center;min-height:510px;position:relative}
.film-c-scene:nth-child(even) .film-c-image{grid-column:3;grid-row:1}
.film-c-scene:nth-child(even) .film-c-copy{grid-column:1;grid-row:1;text-align:right}
.film-c-scene:nth-child(even) .film-tags{justify-content:flex-end}
.film-c-marker{grid-column:2;grid-row:1;align-self:center;justify-self:center;width:76px;height:76px;border-radius:50%;background:#f8faf9;border:1px solid rgba(23,99,63,.2);box-shadow:0 0 0 9px rgba(248,250,249,.9);display:grid;place-items:center;position:relative;z-index:3;text-align:center}
.film-c-marker b{font:400 25px/.8 var(--film-serif);color:var(--film-green)}
.film-c-marker span{position:absolute;top:89px;white-space:nowrap;font:600 7px/1 var(--film-sans);letter-spacing:.15em;color:#7b8981}
.film-c-image{height:480px;grid-column:1;grid-row:1;padding:9px;background:#fff;box-shadow:0 30px 95px rgba(25,48,35,.1);position:relative;overflow:hidden}
.film-c-image img{transition:transform 1s var(--film-ease),filter .7s ease}
.film-c-image figcaption{position:absolute;left:28px;bottom:25px;padding:9px 12px;background:rgba(250,252,251,.86);backdrop-filter:blur(10px);font:600 7px/1 var(--film-sans);letter-spacing:.16em;color:var(--film-green)}
.film-c-scene:hover .film-c-image img{transform:scale(1.025)}
.film-c-copy{grid-column:3;grid-row:1;padding:35px 12px}
.film-c-copy>small{font:600 8px/1 var(--film-sans);letter-spacing:.18em;color:var(--film-green)}
.film-c-copy h3{font:400 34px/1.32 var(--film-serif);letter-spacing:-.035em;margin:17px 0 13px}
.film-c-copy p{font:400 13px/2 var(--film-serif);color:var(--film-copy)}
.film-c-copy>strong{display:block;padding-top:18px;margin:19px 0;border-top:1px solid var(--film-line);font:400 15px/1.5 var(--film-serif);color:var(--film-green)}
.film-js .film-c-scene .film-c-image,.film-js .film-c-scene .film-c-copy{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .85s var(--film-ease)}
.film-js .film-c-scene.is-visible .film-c-image,.film-js .film-c-scene.is-visible .film-c-copy{opacity:1;transform:none}
.film-js .film-c-scene.is-visible .film-c-copy{transition-delay:.12s}

/* D — bright digital evidence console */
.film-d{padding:116px 4.5vw 132px;background:linear-gradient(135deg,#eef3f1,#f9fbfa 48%,#e6ece8)}
.film-d:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(23,99,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,99,63,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.film-d-head{width:min(1420px,100%);margin:0 auto 58px;display:grid;grid-template-columns:1fr .7fr;gap:9vw;align-items:end}
.film-d-head .film-kicker{justify-content:flex-start}
.film-d-head .film-kicker:after{display:none}
.film-d-head h2{font:400 clamp(45px,4.15vw,67px)/1.09 var(--film-serif);letter-spacing:-.05em;margin:23px 0 0}
.film-d-head>p{font:400 15px/2 var(--film-serif);color:var(--film-copy)}
.film-d-console{width:min(1550px,100%);min-height:680px;margin:auto;display:grid;grid-template-columns:210px 1.25fr .75fr;padding:9px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);box-shadow:0 38px 120px rgba(29,52,39,.13);backdrop-filter:blur(16px)}
.film-d-coordinates{display:grid;grid-template-rows:repeat(6,1fr);background:#eef3f0;border:1px solid var(--film-line)}
.film-d-node{appearance:none;border:0;border-top:1px solid var(--film-line);background:transparent;padding:18px;text-align:left;color:var(--film-copy);cursor:pointer;position:relative;transition:background .35s ease,color .35s ease,padding .35s var(--film-ease)}
.film-d-node:first-child{border-top:0}
.film-d-node:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:var(--film-green);transform:scaleY(0);transition:transform .4s var(--film-ease)}
.film-d-node small,.film-d-node strong{display:block}
.film-d-node small{font:600 7px/1.3 var(--film-sans);letter-spacing:.12em;color:#819087}
.film-d-node strong{font:500 12px/1.4 var(--film-sans);margin-top:8px}
.film-d-node:hover,.film-d-node.is-active{background:#fff;color:var(--film-green);padding-left:25px}
.film-d-node.is-active:before{transform:scaleY(1)}
.film-d-visual{position:relative;overflow:hidden;background:#dbe4df}
.film-d-visual>img{position:absolute;inset:0;filter:saturate(.82) contrast(1.02);transition:opacity .32s ease,transform .9s var(--film-ease),filter .6s ease}
.film-d-visual.is-switching>img{opacity:.25;transform:scale(1.025);filter:saturate(.3)}
.film-d-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,251,249,.14),transparent 35%,rgba(11,28,18,.2));pointer-events:none}
.film-d-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px);background-size:12.5% 12.5%;pointer-events:none}
.film-d-visual-top{position:absolute;z-index:3;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;color:#fff;text-shadow:0 2px 12px rgba(8,22,13,.3);font:600 8px/1 var(--film-sans);letter-spacing:.16em}
.film-d-visual-top b{font-weight:500}
.film-d-focus{position:absolute;z-index:3;inset:18%;pointer-events:none}
.film-d-focus i{position:absolute;width:26px;height:26px;border-color:rgba(255,255,255,.82);border-style:solid}
.film-d-focus i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.film-d-focus i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.film-d-focus i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.film-d-focus i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.film-d-evidence{padding:42px 34px;background:rgba(250,252,251,.9);border:1px solid var(--film-line);border-left:0;display:flex;flex-direction:column;justify-content:center;transition:opacity .3s ease,transform .5s var(--film-ease)}
.film-d-evidence .film-d-index{display:flex;align-items:end;gap:12px;margin-bottom:34px}
.film-d-index span{font:400 58px/.85 var(--film-serif);color:var(--film-green)}
.film-d-index small{font:600 7px/1.5 var(--film-sans);letter-spacing:.14em;color:#809087}
.film-d-evidence>small{font:600 8px/1 var(--film-sans);letter-spacing:.17em;color:var(--film-green)}
.film-d-evidence h3{font:400 30px/1.3 var(--film-serif);letter-spacing:-.035em;margin:16px 0 12px}
.film-d-evidence>p{font:400 12px/1.95 var(--film-serif);color:var(--film-copy)}
.film-d-proof{padding:18px 0;margin:18px 0;border-top:1px solid var(--film-line);border-bottom:1px solid var(--film-line)}
.film-d-proof small{display:block;font:600 7px/1 var(--film-sans);letter-spacing:.17em;color:#849188}
.film-d-proof strong{display:block;margin-top:9px;font:400 15px/1.5 var(--film-serif);color:var(--film-green)}
.film-d-company{margin-top:26px;font:500 11px/1.8 var(--film-sans);color:var(--film-ink)}
.film-d-company span{font-size:9px;color:#819087;letter-spacing:.08em}

@media(max-width:1180px){
  .film-variant-switcher{grid-template-columns:1fr 1fr}
  .film-variant-switcher button:nth-child(3){border-left:0;border-top:1px solid var(--film-line)}
  .film-variant-switcher button:nth-child(4){border-top:1px solid var(--film-line)}
  .film-a-screen{min-height:540px;aspect-ratio:auto}
  .film-a-copy{width:58%}.film-a-proof{width:240px}
  .film-a-nav{overflow-x:auto;grid-template-columns:repeat(6,minmax(155px,1fr));scroll-snap-type:x mandatory}
  .film-a-tab{scroll-snap-align:start}
  .film-b-card{width:58vw}
  .film-b-caption{grid-template-columns:95px 1.2fr .8fr}.film-b-arrows{grid-column:1/-1;min-height:58px;border-top:1px solid var(--film-line)}
  .film-c-scene{grid-template-columns:1fr 70px 1fr;gap:24px}.film-c-image{height:420px}.film-c-copy h3{font-size:29px}
  .film-d-console{grid-template-columns:175px 1fr}.film-d-evidence{grid-column:1/-1;border-left:1px solid var(--film-line);display:grid;grid-template-columns:120px 1fr 1fr;gap:24px}.film-d-evidence .film-d-index{grid-row:1/4}.film-d-company{grid-column:2/-1}
}

@media(max-width:760px){
  .film-selector-head{padding:62px 20px 30px}.film-selector-head h1{max-width:100%;font-size:40px;line-height:1.13;letter-spacing:-.04em;overflow-wrap:anywhere;word-break:break-all}.film-selector-head>p{font-size:13px}
  .film-variant-switcher{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:30px}.film-variant-switcher button{min-width:245px;scroll-snap-align:start;border-left:1px solid var(--film-line)!important;border-top:0!important}
  .film-a,.film-d{padding:82px 20px 90px}.film-b{padding:82px 0 90px}.film-c{padding:82px 20px 95px}
  .film-a-head,.film-c-head{margin-bottom:38px}.film-a-head h2,.film-c-head h2{max-width:100%;font-size:36px;line-height:1.16;letter-spacing:-.04em;overflow-wrap:anywhere;word-break:break-all}.film-a-head p,.film-c-head p{font-size:13px}
  .film-a-cinema{padding:6px}.film-a-screen{min-height:620px}.film-a-screen:after{background:linear-gradient(0deg,rgba(8,20,13,.82),rgba(8,20,13,.05) 80%)}.film-a-copy{left:24px;right:24px;bottom:105px;width:auto}.film-a-copy h3{font-size:34px}.film-a-copy p{font-size:12px}.film-a-proof{left:24px;right:24px;bottom:24px;width:auto;padding:13px 15px}.film-a-topline{left:20px;right:20px}.film-a-nav{grid-template-columns:repeat(6,150px)}
  .film-b-head,.film-d-head{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px;margin-bottom:40px}.film-b-head h2,.film-d-head h2{max-width:100%;font-size:36px;line-height:1.16;letter-spacing:-.04em;overflow-wrap:anywhere;word-break:break-all}.film-b-head>p,.film-d-head>p{font-size:13px}
  .film-d-head h2{font-size:34px}
  .film-b-viewport{height:440px;overflow-x:hidden}.film-b-card{width:78vw;height:380px;transform:translate3d(calc(-50% + var(--offset)*88%),-50%,0) scale(calc(1 - min(var(--distance)*.14,.3)));opacity:calc(1 - min(var(--distance)*.35,.76))}.film-b-caption{width:calc(100% - 40px);grid-template-columns:76px 1fr;margin-top:34px}.film-b-caption-proof{grid-column:1/-1;border-top:1px solid var(--film-line);border-left:0!important}.film-b-caption-copy h3{font-size:23px}
  .film-c-progress{left:37px;top:340px;bottom:100px}.film-c-head{text-align:left}.film-c-head .film-kicker{justify-content:flex-start}.film-c-head .film-kicker:after{display:none}.film-c-rail{gap:72px}.film-c-scene,.film-c-scene:nth-child(even){grid-template-columns:42px 1fr;gap:18px;min-height:0}.film-c-marker{grid-column:1;grid-row:1;width:42px;height:42px;align-self:start;margin-top:16px}.film-c-marker b{font-size:17px}.film-c-marker span{display:none}.film-c-image,.film-c-scene:nth-child(even) .film-c-image{grid-column:2;grid-row:1;height:285px}.film-c-copy,.film-c-scene:nth-child(even) .film-c-copy{grid-column:2;grid-row:2;text-align:left;padding:10px 0}.film-c-scene:nth-child(even) .film-tags{justify-content:flex-start}.film-c-copy h3{font-size:28px}
  .film-d-console{grid-template-columns:1fr;padding:6px;min-height:0}.film-d-coordinates{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.film-d-node{min-width:150px;min-height:76px;border-top:0;border-left:1px solid var(--film-line);scroll-snap-align:start}.film-d-node:first-child{border-left:0}.film-d-visual{height:430px}.film-d-evidence{grid-column:auto;display:block;padding:30px 24px}.film-d-evidence .film-d-index{margin-bottom:24px}.film-d-evidence h3{font-size:27px}
}

@media(max-width:420px){
  .film-selector-head h1{font-size:35px}.film-variant-switcher button{min-width:220px}
  .film-a-screen{min-height:650px}.film-a-copy{bottom:115px}.film-a-copy h3{font-size:30px}.film-a-copy p{line-height:1.75}.film-a-proof b{font-size:13px}
  .film-b-card{width:84vw}.film-b-caption{grid-template-columns:65px 1fr}.film-b-caption>div{padding:22px 18px}.film-b-caption-no span{font-size:42px}
  .film-c-image{height:250px}.film-c-copy h3{font-size:25px}
  .film-d-head h2{font-size:32px}.film-d-visual{height:350px}.film-d-evidence h3{font-size:24px}
}

@media(prefers-reduced-motion:reduce){
  .film-preview-page *{scroll-behavior:auto!important}
  .film-variant-switcher button,.film-a-screen>img,.film-a-copy,.film-a-tab,.film-b-card,.film-b-frame img,.film-c-progress i,.film-c-image img,.film-c-scene .film-c-image,.film-c-scene .film-c-copy,.film-d-node,.film-d-visual>img,.film-d-evidence{transition:none!important;animation:none!important}
}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-selected-film-c-v14.css */
.variant-i #industrial-journey.selected-film-c {
  scroll-margin-top: 76px;
  margin: 0;
}

.variant-i #industrial-journey.selected-film-c .film-c-head {
  padding-top: 4px;
}

.variant-i #industrial-journey.selected-film-c .film-c-copy h3 {
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: clamp(22px, 1.75vw, 28px);
  letter-spacing: -.045em;
}

.variant-i #industrial-journey.selected-film-c .film-c-head h2 {
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: clamp(32px, 3.15vw, 52px);
}

.variant-i #industrial-journey.selected-film-c .film-c-head h2 br {
  display: none;
}

.variant-i #industrial-journey.selected-film-c .film-c-copy p {
  max-width: 560px;
}

.variant-i #industrial-journey.selected-film-c .film-c-scene:nth-child(even) .film-c-copy p {
  margin-left: auto;
}

.variant-i #industrial-journey.selected-film-c .film-c-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  color: var(--film-green);
  font: 600 9px/1 var(--film-sans);
  letter-spacing: .13em;
}

.variant-i #industrial-journey.selected-film-c .film-c-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--film-green);
  box-shadow: 0 0 0 5px rgba(23, 99, 63, .08);
}

@media (max-width: 760px) {
  .variant-i #industrial-journey.selected-film-c .film-c-head h2 {
    font-size: clamp(21px, 4.15vw, 30px);
  }

  .variant-i #industrial-journey.selected-film-c .film-c-copy h3 {
    font-size: clamp(18px, 3.45vw, 25px);
  }

  .variant-i #industrial-journey.selected-film-c .film-c-copy p,
  .variant-i #industrial-journey.selected-film-c .film-c-scene:nth-child(even) .film-c-copy p {
    max-width: none;
    margin-left: 0;
  }
}

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-preview-20260826/.superpowers/brainstorm/22155-1787793942/content/about-complete-selected-v16.css */
:root {
  --coop-ink: #15231b;
  --coop-green: #17633f;
  --coop-muted: #69776f;
  --coop-line: #d7dfda;
  --coop-silver: #eef2f0;
  --coop-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.variant-i .preview-bar small::after { content: " · 完整页面整合预览"; }
.variant-i .back-compare { display: none; }
.variant-i .coop-dossier {
  padding: clamp(78px, 8vw, 132px) 5vw;
  background: radial-gradient(circle at 12% 16%, rgba(23, 99, 63, .055), transparent 28%), linear-gradient(180deg, #f8faf9 0%, #edf2ef 100%);
  color: var(--coop-ink);
}
.variant-i .coop-shell { max-width: 1540px; margin: 0 auto; }
.variant-i .coop-heading {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 44px;
  align-items: end;
  margin-bottom: 42px;
}
.variant-i .coop-kicker { color: var(--coop-green); font: 600 10px/1.5 var(--coop-sans); letter-spacing: .23em; }
.variant-i .coop-heading h2 {
  max-width: none;
  margin: 0;
  font: 400 clamp(30px, 2.4vw, 46px)/1.24 "Songti SC", "Noto Serif SC", serif;
  letter-spacing: -.025em;
  white-space: nowrap;
}
.variant-i .coop-heading h2 span { display: inline; white-space: inherit; }
.variant-i .coop-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr);
  border: 1px solid var(--coop-line);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 34px 95px rgba(31, 50, 39, .09);
}
.variant-i .coop-photo {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: clamp(22px, 2.5vw, 40px);
  background: linear-gradient(145deg, #e2e9e5, #f8faf9);
  border-right: 1px solid var(--coop-line);
}
.variant-i .coop-photo-frame { position: relative; width: 100%; margin: 0; padding: 10px; background: #fff; box-shadow: 0 22px 68px rgba(31, 47, 38, .13); }
.variant-i .coop-photo-frame img { display: block; width: 100%; height: auto; object-fit: contain; }
.variant-i .coop-photo-frame figcaption { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 8px 7px; color: #5f6e65; font: 11px/1.6 var(--coop-sans); }
.variant-i .coop-photo-frame figcaption small { color: var(--coop-green); font-size: 9px; letter-spacing: .17em; }
.variant-i .coop-info { display: flex; flex-direction: column; padding: clamp(42px, 4vw, 70px) clamp(34px, 4vw, 64px); }
.variant-i .coop-lead { margin: 0; color: var(--coop-muted); font: 14px/2 var(--coop-sans); }
.variant-i .coop-client-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 34px; }
.variant-i .coop-client-tags span { padding: 9px 11px; background: #f7f9f8; border: 1px solid var(--coop-line); color: #53645a; font: 11px/1 var(--coop-sans); }
.variant-i .coop-ledger { margin-top: auto; border-top: 1px solid #cfd8d3; }
.variant-i .coop-ledger > div { display: grid; grid-template-columns: 112px 1fr; gap: 18px; padding: 17px 0; border-bottom: 1px solid #d9e0dc; }
.variant-i .coop-ledger strong { font: 400 15px/1.6 "Songti SC", "Noto Serif SC", serif; }
.variant-i .coop-ledger span { color: var(--coop-muted); font: 11px/1.75 var(--coop-sans); }
.variant-i .coop-action { align-self: flex-start; display: inline-flex; align-items: center; gap: 34px; margin-top: 28px; padding: 15px 18px; background: var(--coop-green); color: #fff; text-decoration: none; font: 12px/1 var(--coop-sans); transition: transform .2s ease, background-color .2s ease; }
.variant-i .coop-action:hover { transform: translateY(-2px); background: #0f5132; }

.variant-i .i-final-copy h2 {
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
  font-size: clamp(21px, 2.65vw, 50px);
}

@media (max-width: 1120px) {
  .variant-i .coop-heading { grid-template-columns: 1fr; gap: 14px; }
  .variant-i .coop-heading h2 { font-size: clamp(25px, 3.5vw, 34px); }
  .variant-i .coop-grid { grid-template-columns: 1fr; }
  .variant-i .coop-photo { border-right: 0; border-bottom: 1px solid var(--coop-line); }
}
@media (max-width: 640px) {
  .variant-i .coop-dossier { padding: 62px 18px; }
  .variant-i .coop-heading h2 { font-size: clamp(15px, 3.9vw, 25px); }
  .variant-i .coop-photo { padding: 15px; }
  .variant-i .coop-photo-frame { padding: 6px; }
  .variant-i .coop-photo-frame figcaption { display: block; }
  .variant-i .coop-photo-frame figcaption small { display: block; margin-top: 5px; }
  .variant-i .coop-info { padding: 36px 24px 42px; }
  .variant-i .coop-ledger > div { grid-template-columns: 92px 1fr; }
}
@media (prefers-reduced-motion: reduce) { .variant-i .coop-action { transition: none; } }

/* Source: /Users/wangyoucao/Documents/湖北蕲艾供应链官网/work/qiai-about-redesign-deploy-20260827-115849/candidate/css/about-redesign-production-overrides.css */
/* Production-only integration layer for the 2026-08-27 About redesign. */
body.about-redesign-page {
  background: #f8faf9;
  color: #17221d;
  overflow-x: hidden;
}

body.about-redesign-page > main {
  overflow: hidden;
}

body.about-redesign-page .preview-bar,
body.about-redesign-page .back-compare,
body.about-redesign-page .site-header,
body.about-redesign-page .homepage-footer {
  display: none !important;
}

body.about-redesign-page .qiai-header,
body.about-redesign-page .qiai-search-layer,
body.about-redesign-page .qiai-nav-backdrop,
body.about-redesign-page .qiai-footer,
body.about-redesign-page .floating-tools {
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

body.about-redesign-page .qiai-header img,
body.about-redesign-page .qiai-footer img,
body.about-redesign-page .floating-tools img {
  object-fit: contain;
}

/* The legacy large QR card sits over the documentary/profile content at
   desktop widths. The footer still exposes both QR destinations. */
html body.site-page-polish.about-redesign-page .floating-qrcode {
  display: none !important;
}

body.about-redesign-page .anchor-target {
  display: block;
  position: relative;
  top: -76px;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

body.about-redesign-page .film-c-progress {
  top: var(--film-progress-top, 390px);
}

/* Keep documentary chapters on the full rail width. The shared page-polish
   stylesheet limits generic article elements to 980px for reading pages. */
body.about-redesign-page #industrial-journey .film-c-scene {
  width: 100%;
  max-width: none;
}

body.about-redesign-page .coop-action:focus-visible,
body.about-redesign-page .btn:focus-visible {
  outline: 2px solid #17633f;
  outline-offset: 4px;
}

@media (max-width: 760px) {
  body.about-redesign-page .hero-a h1 {
    font-size: 46px;
    line-height: 1.05;
  }

  body.about-redesign-page .p1-section-heading h2,
  body.about-redesign-page #industrial-journey.selected-film-c .film-c-head h2,
  body.about-redesign-page #industrial-journey.selected-film-c .film-c-copy h3,
  body.about-redesign-page .coop-heading h2,
  body.about-redesign-page .i-final-copy h2 {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  body.about-redesign-page .i-final-copy h2 {
    font-size: 36px;
    line-height: 1.22;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.about-redesign-page html {
    scroll-behavior: auto;
  }
}