:root{--orange:#F66911;--yellow:#FDC30D;--ink:#241A15;--cream:#FFF0D0;--paper:#FFF9F0;--stone:#E8E0D5;--subtle:#6E5B4F;--rule:rgba(36,26,21,.20);--sans:"Inter","Arial","Helvetica Neue","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}p{margin-top:0}.wrap{width:min(100% - 96px,1500px);margin:0 auto}.ink-section{background:var(--ink);color:var(--cream)}.paper-section{background:var(--paper)}.cream-section{background:var(--cream)}.orange-section{background:var(--orange);color:var(--ink)}.orange{color:var(--orange)}.yellow{color:var(--yellow)}.period{color:var(--yellow)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--yellow);z-index:300;pointer-events:none}.skip-link{position:absolute;top:-100px;left:10px;z-index:400;background:var(--yellow);color:var(--ink);padding:10px}.skip-link:focus{top:10px}
.site-header{height:78px;background:rgba(36,26,21,.96);color:var(--cream);position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(255,240,208,.15);backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.header-brand{display:flex;align-items:center;gap:22px}.header-name{font-size:19px;letter-spacing:-1.4px;font-weight:950;white-space:nowrap}.accent-dot{color:var(--orange)}.header-sub{font-size:8px;font-weight:750;letter-spacing:1.2px;line-height:1.5;color:#BFB4A1;border-left:1px solid #5D4A40;padding-left:15px}.desktop-nav{display:flex;gap:clamp(18px,2.5vw,42px);margin-left:auto}.desktop-nav a{font-size:12px;color:#DFD4C1;font-weight:650;white-space:nowrap;transition:color .18s}.desktop-nav a:hover{color:var(--yellow)}.nav-contact{border:1px solid rgba(255,240,208,.55);padding:11px 15px;display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:11px;letter-spacing:.7px;font-weight:850;transition:background .18s,color .18s}.nav-contact:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.nav-contact span{font-size:18px}.nav-toggle,.mobile-nav{display:none}
.hero{min-height:min(940px,calc(100svh - 78px));position:relative;isolation:isolate;overflow:hidden}.hero-grid{min-height:min(940px,calc(100svh - 78px));position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr auto;align-items:center;padding-top:52px;padding-bottom:65px}.hero-topline{align-self:start;grid-column:1/-1;z-index:8;font-size:11px;font-weight:850;letter-spacing:2px;display:flex;align-items:center;gap:12px;color:#E9D7B8}.status-mark{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(253,195,13,.1)}.tiny-slash{color:var(--orange)}.hero-title-wrap{grid-column:1/-1;grid-row:2;align-self:center;z-index:6;pointer-events:none;padding-top:36px}.hero-title{margin:0;text-transform:uppercase;color:var(--orange);font-family:Impact,"Arial Black",var(--sans);font-stretch:condensed;font-weight:1000;font-size:clamp(102px,15.3vw,255px);line-height:.78;letter-spacing:-.078em;max-width:100%;filter:drop-shadow(0 0 1px transparent)}.hero-title>span{display:block;white-space:nowrap}.hero-title>span:last-child{margin-left:8.5vw;white-space:nowrap}.hero-period{color:var(--yellow)}.hero-hanzi{margin:33px 0 0 8.8vw;color:var(--cream);font-size:clamp(14px,1.3vw,21px);letter-spacing:.12em;font-weight:750}.hero-portrait-zone{position:absolute;width:min(39vw,610px);height:min(39vw,610px);right:2%;top:50%;transform:translateY(-54%);z-index:4;pointer-events:none}.portrait-flare{position:absolute;inset:1%;border-radius:50%;background:var(--yellow);transform:scale(.98);box-shadow:0 0 90px rgba(246,105,17,.13)}.portrait-circle{position:absolute;inset:8%;border-radius:50%;overflow:hidden;background:#AFC1CD;outline:2px solid rgba(255,240,208,.35);outline-offset:14px}.portrait-circle img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 29%;filter:contrast(1.05) saturate(.9);transform:scale(1.06)}.portrait-arc{position:absolute;pointer-events:none;border:1px solid var(--cream);border-radius:50%;inset:-8%;opacity:.55}.arc-a{border-color:rgba(255,240,208,.45);transform:scale(1.03)}.arc-b{inset:-14%;border-color:rgba(255,240,208,.15)}.portrait-stamp{position:absolute;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:950;letter-spacing:1px;right:-3%;bottom:8%;border-radius:100px;padding:16px 18px;transform:rotate(-10deg)}.portrait-stamp span{font-size:18px;padding:0 7px}.hero-bottom-copy{grid-row:3;grid-column:1;position:relative;z-index:8;align-self:end}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:850}.eyebrow.light{color:#BAAD9B}.eyebrow.warm{color:#D4BDA1}.hero-bottom-copy p{margin:14px 0 0;color:var(--cream);font-size:clamp(30px,3.5vw,55px);letter-spacing:-.052em;font-weight:800;line-height:1.26}.hero-bottom-copy strong{color:var(--orange)}.hero-bottom-aside{grid-row:3;grid-column:2;justify-self:end;z-index:8;max-width:320px}.hero-bottom-aside p:first-child{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--yellow);margin-bottom:14px}.hero-bottom-aside p:nth-child(2){font-size:12px;line-height:1.9;color:#CEBEA9}.hero-scroll{display:flex;align-items:center;gap:30px;font-size:10px;font-weight:800;letter-spacing:1.6px;margin-top:24px}.hero-scroll b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,240,208,.45);border-radius:50%;font-size:23px;transition:transform .2s}.hero-scroll:hover b{transform:translateY(5px)}.hero-side-index{position:absolute;right:17px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.6px;color:#947D6F;z-index:6}.hero-orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,240,208,.07);border-radius:50%;z-index:0}.orbit-one{width:70vw;height:70vw;left:-36vw;top:-40vw}.orbit-two{width:92vw;height:92vw;right:-40vw;bottom:-67vw}.orbit-three{width:48vw;height:48vw;left:34%;top:12%}
.signal-strip{background:var(--yellow);color:var(--ink);overflow:hidden}.signal-inner{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px;font:1000 clamp(16px,2.3vw,34px)/1 Impact,"Arial Black",var(--sans);letter-spacing:-.03em}.signal-inner b{font:900 30px var(--sans)}.section{padding:125px 0 140px}.section-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding:15px 0 0;margin-bottom:74px;color:#5B5048;font-size:10px;font-weight:850;letter-spacing:1.45px;gap:12px}.section-meta.light-rule{border-color:rgba(255,240,208,.25);color:#BCAC98}.display-cn{font-weight:900;letter-spacing:-.07em;line-height:1.18;font-size:clamp(50px,6vw,99px);margin:0}.subline{font-size:13px;letter-spacing:.09em;font-weight:850;margin-bottom:28px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%}.about-head .subline{margin-top:12px}.about-body{padding-top:36px}.about-lede{font-weight:850;font-size:clamp(23px,2.3vw,35px);line-height:1.52;letter-spacing:-.025em;margin-bottom:42px}.about-body p{font-size:15px;line-height:2;color:#64554C;margin-bottom:22px}.about-body strong{color:var(--ink)}.about-signature{margin-top:82px;padding-top:20px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-size:13px;font-weight:900;letter-spacing:.2em}.about-signature span{color:var(--orange);font-size:28px;line-height:.5}.about-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.about-badges span{padding:9px 12px;border:1px solid #B8A99C;border-radius:30px;font-size:11px;font-weight:750}.belief-quote{border:1px solid var(--ink);margin-top:110px;padding:34px 44px 48px;position:relative;overflow:hidden}.belief-quote>span:first-child{font-size:11px;font-weight:850;letter-spacing:1px}.belief-quote p{font-size:clamp(26px,3.4vw,54px);font-weight:900;letter-spacing:-.05em;line-height:1.45;margin:29px 0 0;position:relative;z-index:1}.belief-asterisk{position:absolute;right:-15px;bottom:-108px;font-size:345px;color:var(--orange);opacity:.17;line-height:1}
.manual-header{display:flex;align-items:flex-end;justify-content:space-between;gap:9%;margin-bottom:65px}.manual-header p{font-size:14px;line-height:1.9;max-width:300px;color:#635247;margin-bottom:0}.manual-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.manual-item{padding:27px 25px 35px;border-right:1px solid var(--ink);min-height:380px;display:flex;flex-direction:column;transition:background .18s}.manual-item:last-child{border:0}.manual-item:hover{background:var(--yellow)}.manual-no{font-size:10px;letter-spacing:1.4px;font-weight:850}.manual-symbol{font-family:Impact,"Arial Black",sans-serif;font-size:100px;font-weight:900;letter-spacing:-6px;line-height:1;margin-top:30px;color:var(--orange)}.manual-item h3{font-size:25px;font-weight:900;letter-spacing:-.035em;margin:auto 0 12px}.manual-item p{margin:0;font-size:12px;line-height:1.9;color:#6E5847}
.journey .section-meta{margin-bottom:75px}.journey-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:74px}.journey-heading .subline{color:var(--yellow);line-height:1.6;margin-bottom:22px}.journey-heading>p{font-size:14px;line-height:1.95;color:#B5A693;max-width:240px;margin-bottom:2px}.journey-interface{display:grid;grid-template-columns:minmax(310px,.4fr) minmax(0,.6fr);border:1px solid rgba(255,240,208,.35)}.journey-tabs{border-right:1px solid rgba(255,240,208,.35)}.journey-tab{width:100%;border:0;border-bottom:1px solid rgba(255,240,208,.24);background:transparent;color:var(--cream);padding:26px 26px 26px 32px;display:grid;grid-template-columns:43px 1fr 25px;gap:10px;align-items:center;text-align:left;transition:background .18s,color .18s}.journey-tab:last-child{border-bottom:0}.journey-tab small{font-size:11px;letter-spacing:1.5px;color:#B2A18D}.journey-tab span{font-size:17px;font-weight:750}.journey-tab b{font-size:23px;font-weight:400;opacity:.45}.journey-tab.active,.journey-tab[aria-selected="true"]{background:var(--yellow);color:var(--ink)}.journey-tab.active small,.journey-tab[aria-selected="true"] small{color:#7F4905}.journey-tab.active b,.journey-tab[aria-selected="true"] b{opacity:1}.journey-panel{padding:34px clamp(30px,4.5vw,80px) 45px;min-height:495px;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.journey-panel-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1.1px;font-weight:850;color:#BCA794}.journey-body{position:relative;z-index:2;margin:auto 0;animation:stageIn .42s var(--ease) both}.journey-corner{font:900 90px Impact,"Arial Black",sans-serif;color:var(--orange);letter-spacing:-.06em;line-height:1}.journey-body h3{font-size:clamp(30px,3.5vw,53px);font-weight:900;letter-spacing:-.06em;line-height:1.22;margin:17px 0 23px}.journey-body p{font-size:14px;line-height:2;color:#D7CAB7;max-width:630px;margin:0}.journey-learning{margin-top:30px;border-top:1px solid rgba(255,240,208,.29);padding-top:18px;display:flex;flex-direction:column;gap:9px}.journey-learning span{color:var(--yellow);font-size:10px;font-weight:850;letter-spacing:1px}.journey-learning strong{font-size:15px}.journey-ring{position:absolute;width:410px;height:410px;border:70px solid rgba(246,105,17,.11);border-radius:50%;right:-180px;top:28px;z-index:0;pointer-events:none}.journey-footer-note{margin-top:21px;font-size:11px;color:#A49587}.journey-body.is-updating{animation:stageIn .4s var(--ease) both}@keyframes stageIn{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.proof-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10%;margin-bottom:66px}.proof-heading>p{max-width:385px;font-size:14px;line-height:2;color:#64564B;margin-bottom:0}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-card{border:1px solid #C9BEB2;background:#FFFDF7;min-width:0}.case-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.case-visual{height:320px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.case-feature .case-visual{height:100%;min-height:395px}.visual-housing{background:var(--orange);color:var(--ink)}.visual-housing strong{font:900 clamp(145px,17vw,295px)/1 Impact,"Arial Black",sans-serif;letter-spacing:-.11em;position:relative;z-index:2}.visual-housing strong span{font-family:var(--sans);font-size:clamp(35px,4vw,75px);letter-spacing:-.07em;margin-left:10px}.case-visual-meta{position:absolute;left:27px;top:24px;font-size:11px;font-weight:900;letter-spacing:2px;z-index:2}.visual-housing small{position:absolute;left:27px;bottom:24px;font-size:11px;font-weight:850;letter-spacing:2px;z-index:2}.rings{position:absolute;width:520px;height:520px;border:2px solid rgba(36,26,21,.25);border-radius:50%;right:-220px;top:-130px}.rings::after{content:"";position:absolute;inset:90px;border:2px solid rgba(36,26,21,.25);border-radius:50%}.case-info{padding:38px 39px 40px;display:flex;flex-direction:column}.case-kind{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#89523A}.case-info h3{font-size:clamp(23px,2.8vw,39px);letter-spacing:-.06em;line-height:1.35;margin:31px 0 20px}.case-info p{font-size:13px;color:#66554B;line-height:2;max-width:550px}.case-metrics{margin-top:auto;border-top:1px solid #CDBEB0;padding-top:22px;display:flex;flex-wrap:wrap;gap:25px}.case-metrics span{font-size:11px;font-weight:750;color:#755E51}.case-metrics strong{font:900 30px Impact,"Arial Black",sans-serif;color:var(--ink);letter-spacing:-.04em;margin-right:4px}.visual-education{background:var(--yellow);color:var(--ink);flex-direction:column;align-items:flex-start;padding:36px}.visual-education>span{font:900 clamp(55px,7vw,112px)/.93 Impact,"Arial Black",sans-serif;letter-spacing:-.06em}.visual-education i,.visual-brand i,.visual-ai i{font-size:10px;font-weight:900;font-style:normal;letter-spacing:2px;position:absolute;bottom:24px;right:24px}.visual-brand{background:var(--ink);color:var(--cream);flex-direction:column;align-items:flex-start;padding:36px}.visual-brand>span{font:900 clamp(49px,6.3vw,103px)/.98 Impact,"Arial Black",sans-serif;letter-spacing:-.05em}.visual-brand .yellow{font:900 66px var(--sans);position:absolute;right:48px;top:48px}.visual-ai{background:#F3DBB9;align-items:flex-end;justify-content:flex-start;padding:38px}.ai-big{font:900 clamp(145px,15vw,225px)/.8 Impact,"Arial Black",sans-serif;color:var(--orange);letter-spacing:-.09em}.ai-big span{font-size:90px}.ai-path{position:absolute;top:34px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;font-weight:900;letter-spacing:1px}.ai-path b{font-size:24px}.proof-disclaimer{font-size:11px;color:#87766B;line-height:1.7;margin:23px 0 0}
.method-heading{margin:20px 0 85px}.method-heading .eyebrow{color:#8D5840;margin-bottom:20px}.method-flow{border-top:2px solid var(--ink)}.method-flow article{display:grid;grid-template-columns:180px minmax(180px,.6fr) minmax(250px,1fr) 38px;gap:15px;align-items:center;border-bottom:1px solid var(--ink);min-height:145px;padding:20px 0;transition:background .2s,padding .2s}.method-flow article:hover{background:rgba(253,195,13,.3);padding-left:18px;padding-right:18px}.method-left{display:flex;flex-direction:column;gap:8px}.method-left b{font:900 30px Impact,"Arial Black",sans-serif;color:var(--orange)}.method-left span{font-size:11px;font-weight:850;letter-spacing:1px}.method-flow h3{font-size:clamp(35px,4.7vw,65px);margin:0;letter-spacing:-.08em}.method-flow p{font-size:13px;line-height:1.9;color:#665346;margin:0;max-width:470px}.method-arrow{font-size:30px;color:var(--orange)}
.manifesto{position:relative;overflow:hidden;padding:110px 0 100px}.manifesto-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end}.manifesto-eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;margin-bottom:40px}.manifesto h2{font-size:clamp(65px,9.7vw,162px);font-weight:1000;line-height:1.04;letter-spacing:-.095em;margin:0}.manifesto h2 span{color:var(--cream)}.manifesto-aside{position:relative;padding-bottom:23px}.manifesto-aside p{font-size:15px;line-height:1.95;font-weight:650;max-width:360px}.manifesto-aside>span{display:block;font-size:11px;letter-spacing:1.5px;font-weight:900;margin-top:38px}.manifesto-sun{font-size:185px;line-height:.8;color:var(--yellow);margin-bottom:52px}.manifesto-edge{position:absolute;bottom:0;left:0;right:0;background:var(--yellow);white-space:nowrap;text-align:center;font:900 14px Impact,"Arial Black",sans-serif;letter-spacing:3px;padding:16px}
.contact{padding-bottom:120px}.contact-top{display:flex;justify-content:space-between;gap:15%;align-items:start;margin-bottom:65px}.contact-top>p{max-width:570px;font-size:16px;line-height:2;color:#D6C6B4}.contact-pill{border:1px solid #927662;color:var(--yellow);font-size:10px;letter-spacing:1.5px;font-weight:800;border-radius:50px;padding:14px 16px;white-space:nowrap}.contact-pill span{margin-left:12px}.contact-headline{font:900 clamp(69px,10.1vw,170px)/.94 Impact,"Arial Black",sans-serif;letter-spacing:-.07em;margin:0 0 85px;color:var(--cream)}.contact-headline span{color:var(--orange);white-space:nowrap}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,240,208,.3);padding-top:35px}.contact-bottom p{font-size:13px;line-height:1.9;margin:14px 0 0;color:#D4C5B2}.contact-actions{display:flex;gap:12px}.contact-button,.contact-site{border:1px solid #C0AA95;padding:17px 20px;min-width:165px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:850;background:transparent;color:var(--cream);transition:background .18s,color .18s,border .18s}.contact-button{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.contact-button:hover{background:var(--orange);border-color:var(--orange)}.contact-site:hover{background:var(--cream);color:var(--ink)}.contact-actions span{font-size:20px}.contact-note{font-size:11px;color:#9F8B7B;margin:26px 0 0}.site-footer{background:#1C1410;color:#CCB9A5;padding:27px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-origin{display:flex;align-items:center;gap:12px}.footer-origin img{display:block;width:40px;height:auto}.footer-origin>span{font-size:10px;letter-spacing:.3px;line-height:1.5}.footer-origin b{color:var(--cream)}.footer-right{display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:1px;font-weight:800}.footer-right a{color:var(--yellow)}
@media(min-width:1600px){.hero-title{font-size:244px}.hero-title>span:last-child{margin-left:130px}}@media(max-width:1150px){.wrap{width:min(100% - 64px,1500px)}.header-sub{display:none}.hero-title{font-size:15.2vw}.hero-bottom-aside{max-width:255px}.manual-item{padding-left:18px;padding-right:18px}.case-visual{height:290px}.visual-education>span{font-size:8vw}.method-flow article{grid-template-columns:130px minmax(140px,.6fr) minmax(220px,1fr) 28px}.contact-headline{font-size:9.8vw}}
@media(max-width:820px){html{scroll-padding-top:69px}.site-header{height:68px}.header-name{font-size:18px}.header-inner{gap:12px}.desktop-nav,.nav-contact{display:none}.nav-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;border:1px solid #947B67;padding:12px 10px}.nav-toggle span{display:block;width:23px;height:2px;background:var(--cream)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:12px 32px 25px;border-bottom:1px solid #8F7663}.mobile-nav a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #5D4A3D;font-size:18px;font-weight:800}.mobile-nav span{font-size:10px;color:var(--yellow)}.hero,.hero-grid{min-height:780px}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;padding-top:35px;padding-bottom:42px}.hero-topline{font-size:10px}.hero-title-wrap{position:absolute;top:26%;left:0;width:100%;padding:0}.hero-title{font-size:15.8vw;position:relative;z-index:7}.hero-title>span:last-child{margin-left:3vw}.hero-hanzi{margin-left:3.6vw;font-size:13px;margin-top:20px}.hero-portrait-zone{top:47%;right:5%;width:57vw;height:57vw;transform:translateY(-38%);z-index:4}.hero-bottom-copy{grid-row:3;grid-column:1;padding-top:390px}.hero-bottom-copy p{font-size:39px}.hero-bottom-aside{grid-row:4;grid-column:1;justify-self:start;max-width:100%;display:flex;gap:22px;align-items:end;margin-top:32px}.hero-bottom-aside p:nth-child(2){max-width:320px}.hero-bottom-aside p:first-child{display:none}.hero-scroll{margin:0;white-space:nowrap}.hero-scroll span{display:none}.hero-side-index{display:none}.signal-inner{font-size:2.55vw;min-height:66px;gap:10px}.signal-inner b{font-size:21px}.section{padding:85px 0 95px}.section-meta{margin-bottom:50px}.display-cn{font-size:clamp(46px,8vw,70px)}.about-grid{grid-template-columns:1fr;gap:45px}.about-signature{margin-top:35px}.about-body{padding:0}.belief-quote{margin-top:65px}.manual-header,.journey-heading,.proof-heading{align-items:start;flex-direction:column;gap:28px}.manual-grid{grid-template-columns:repeat(2,1fr)}.manual-item{border-bottom:1px solid var(--ink);min-height:340px}.manual-item:nth-child(even){border-right:0}.manual-item:nth-child(n+3){border-bottom:0}.journey-interface{grid-template-columns:1fr}.journey-tabs{border-right:0;display:flex;overflow-x:auto;border-bottom:1px solid rgba(255,240,208,.35)}.journey-tab{min-width:180px;display:flex;flex-direction:column;align-items:start;gap:14px;padding:23px 22px;border-right:1px solid #806753}.journey-tab span{font-size:15px}.journey-tab b{display:none}.journey-panel{min-height:430px}.case-feature{grid-template-columns:1fr}.case-feature .case-visual{min-height:350px}.method-flow article{grid-template-columns:100px minmax(125px,.5fr) minmax(220px,1fr) 25px}.method-flow p{font-size:12px}.manifesto-grid{grid-template-columns:1fr;gap:55px}.manifesto h2{font-size:clamp(75px,13vw,125px)}.manifesto-aside{display:flex;gap:20px;flex-wrap:wrap}.manifesto-aside p{max-width:380px}.manifesto-sun{font-size:80px;margin:0}.contact-headline{font-size:10vw}.contact-top,.contact-bottom{flex-direction:column;align-items:flex-start}.footer-right{gap:18px}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.site-header{height:64px}.mobile-nav:not([hidden]){top:64px;padding-left:18px;padding-right:18px}.header-name{font-size:17px}.hero,.hero-grid{min-height:770px}.hero-grid{padding-top:24px;padding-bottom:34px}.hero-topline{font-size:9px;letter-spacing:1.2px;gap:8px}.hero-title-wrap{top:17%;left:0}.hero-title{font-size:16.8vw;letter-spacing:-.083em}.hero-title>span:last-child{margin-left:1vw}.hero-hanzi{font-size:11px;margin-left:1vw;margin-top:17px}.hero-portrait-zone{width:82vw;height:82vw;top:45%;right:-3%;transform:translateY(-25%)}.portrait-stamp{font-size:8px;bottom:5%;right:1%;padding:12px}.portrait-stamp span{font-size:15px}.hero-bottom-copy{padding-top:430px}.hero-bottom-copy p{font-size:36px}.hero-bottom-aside{flex-direction:column;align-items:start;gap:8px;margin-top:24px}.hero-bottom-aside p:nth-child(2){font-size:11px}.hero-scroll{margin-top:6px}.hero-scroll span{display:block}.signal-inner{font-size:14px;gap:11px;justify-content:flex-start}.signal-inner span:last-of-type{display:none}.signal-inner b:last-child{margin-left:auto}.section{padding:72px 0 83px}.section-meta{font-size:9px;letter-spacing:1px;margin-bottom:44px;align-items:start}.section-meta span:last-child{text-align:right;max-width:155px}.display-cn{font-size:clamp(42px,11.3vw,66px)}.about-head .subline{font-size:12px}.about-lede{font-size:25px;margin-bottom:27px}.about-body p{font-size:14px}.belief-quote{padding:25px 21px 36px}.belief-quote p{font-size:26px}.manual-header{margin-bottom:38px}.manual-grid{grid-template-columns:1fr}.manual-item{min-height:225px;padding:22px;display:grid;grid-template-columns:1fr 80px;grid-template-rows:auto auto auto;gap:8px 15px;border-right:0!important;border-bottom:1px solid var(--ink)!important}.manual-item:last-child{border:0!important}.manual-symbol{grid-row:1/4;grid-column:2;font-size:65px;align-self:center;margin:0;text-align:right}.manual-item h3{font-size:24px;margin:15px 0 0}.manual-item p{font-size:12px;grid-column:1/2}.journey-heading>p{font-size:13px}.journey-tab{min-width:145px;padding:15px}.journey-panel{padding:24px 22px 33px;min-height:500px}.journey-corner{font-size:76px}.journey-body h3{font-size:36px}.journey-body p{font-size:13px}.proof-heading>p{font-size:13px}.cases-grid{grid-template-columns:1fr;gap:18px}.case-feature{grid-column:auto}.case-visual{height:250px}.case-feature .case-visual{min-height:260px}.visual-housing strong{font-size:155px}.case-info{padding:27px 25px 29px}.case-info h3{font-size:25px}.case-info p{font-size:12px}.visual-education>span{font-size:62px}.visual-brand>span{font-size:54px}.visual-brand .yellow{font-size:45px}.ai-big{font-size:146px}.ai-big span{font-size:69px}.ai-path{font-size:9px}.method-heading{margin-bottom:50px}.method-flow article{grid-template-columns:54px 1fr 25px;min-height:120px;gap:12px}.method-left span{display:none}.method-left b{font-size:25px}.method-flow h3{font-size:44px}.method-flow p{grid-column:2/4;grid-row:2;max-width:100%;font-size:12px}.method-arrow{grid-column:3;grid-row:1;font-size:23px}.manifesto{padding:74px 0 80px}.manifesto h2{font-size:14.5vw}.manifesto-sun{display:none}.manifesto-aside p{font-size:14px}.manifesto-edge{font-size:10px;letter-spacing:1.5px}.contact-top{margin-bottom:50px}.contact-top>p{font-size:14px}.contact-headline{font-size:11vw;line-height:1.0;margin-bottom:55px}.contact-bottom p{font-size:12px}.contact-actions{width:100%;flex-direction:column}.contact-button,.contact-site{width:100%}.footer-grid{align-items:start;flex-direction:column;gap:24px}.footer-right{width:100%;justify-content:space-between;flex-wrap:wrap;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Mobile hero: protect the reading zone from the portrait/orbit composition. */
@media(max-width:580px){
  .hero,.hero-grid{min-height:935px}
  .hero-title-wrap{top:15%}
  .hero-portrait-zone{top:40%;transform:translateY(-22%)}
  .hero-bottom-copy{padding-top:560px}
  .hero-bottom-copy p{position:relative;z-index:8}
  .visual-brand>span{font-size:clamp(46px,12vw,67px)}
  .visual-brand i{font-size:9px;right:18px;bottom:13px}
}

/* V2.1 — Motion language: CONVERGE / SIGNAL PATHS / EXPAND.
   Motion is graphic communication, never a blocker for content. */
.hero{--pointer-x:50%;--pointer-y:43%;--scrollShift:0px}
.hero-glow{position:absolute;left:0;top:0;inset:0;pointer-events:none;z-index:1;opacity:.8;background:radial-gradient(ellipse 480px 480px at var(--pointer-x) var(--pointer-y),rgba(246,105,17,.15),transparent 75%);transition:opacity .4s}
.hero-light-beams{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;mask-image:linear-gradient(90deg,transparent,black 16%,black 80%,transparent)}
.hero-light-beams i{position:absolute;display:block;width:140vw;height:1px;left:-17%;top:50%;transform-origin:center;background:linear-gradient(90deg,transparent 0%,rgba(253,195,13,.15) 24%,rgba(253,195,13,.55) 52%,rgba(255,240,208,.16) 76%,transparent 100%);animation:beamDrift 12s ease-in-out infinite alternate}
.hero-light-beams i:nth-child(1){rotate:-24deg;top:39%;animation-delay:-3s}.hero-light-beams i:nth-child(2){rotate:-24deg;top:46%;animation-delay:-8s}.hero-light-beams i:nth-child(3){rotate:-24deg;top:58%;animation-delay:-5s}.hero-light-beams i:nth-child(4){rotate:-24deg;top:66%;animation-delay:-11s}
@keyframes beamDrift{from{translate:-13% -35px;opacity:.25}to{translate:15% 35px;opacity:.72}}
.hero-orbit{animation:heroOrbitBreath 18s ease-in-out infinite alternate}.orbit-one{animation-delay:-7s}.orbit-two{animation-delay:-13s;animation-duration:24s}.orbit-three{animation-delay:-5s;animation-duration:15s}
@keyframes heroOrbitBreath{from{scale:.94;opacity:.5}to{scale:1.12;opacity:1}}
.hero-orbit-nodes{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-orbit-nodes span{position:absolute;display:block;width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 8px rgba(253,195,13,.06),0 0 30px rgba(253,195,13,.85);animation:nodeShimmer 3s ease-in-out infinite}
.hero-orbit-nodes span:nth-child(1){left:11%;top:27%}.hero-orbit-nodes span:nth-child(2){left:78%;top:13%;animation-delay:-.9s;scale:.7}.hero-orbit-nodes span:nth-child(3){left:92%;top:81%;animation-delay:-1.8s;scale:.55}
@keyframes nodeShimmer{0%,100%{opacity:.25;box-shadow:0 0 0 0 rgba(253,195,13,.12)}50%{opacity:1;box-shadow:0 0 0 14px rgba(253,195,13,0),0 0 25px rgba(253,195,13,.8)}}
.portrait-flare{animation:sunBreath 7s ease-in-out infinite alternate}
@keyframes sunBreath{0%{scale:.96;box-shadow:0 0 40px rgba(246,105,17,.12)}100%{scale:1.06;box-shadow:0 0 120px rgba(246,105,17,.34)}}
.portrait-arc.arc-a{border-style:dashed;animation:ringRotate 38s linear infinite}.portrait-arc.arc-b{border-style:dotted;animation:ringRotate 52s linear infinite reverse}
@keyframes ringRotate{to{rotate:360deg}}
.portrait-tracer{position:absolute;inset:-10%;border-radius:50%;z-index:3;animation:ringRotate 13s linear infinite}.portrait-tracer i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--yellow);left:50%;top:-6px;box-shadow:0 0 0 7px rgba(253,195,13,.11),0 0 32px rgba(253,195,13,.65)}
.tracer-two{inset:-17%;animation-duration:23s;animation-direction:reverse;rotate:112deg}.tracer-two i{width:6px;height:6px;background:var(--orange);top:-3px;box-shadow:0 0 22px var(--orange)}
.hero-portrait-zone{translate:0 var(--scrollShift)}
.hero-portrait-zone .portrait-circle img{transition:transform .6s ease;transform:scale(1.09) translate(var(--portrait-x,0px),var(--portrait-y,0px))}
.hero-title>span{animation:titleEnter .85s var(--ease) both}.hero-title>span:nth-child(2){animation-delay:.12s}
@keyframes titleEnter{from{opacity:0;translate:0 45px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.hero-topline,.hero-hanzi,.hero-bottom-copy,.hero-bottom-aside{animation:fadeRise .85s var(--ease) both;animation-delay:.26s}
@keyframes fadeRise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.status-mark{animation:statusPulse 2.5s ease-in-out infinite}@keyframes statusPulse{50%{box-shadow:0 0 0 11px rgba(253,195,13,0)}}
.hero-scroll b{animation:scrollNudge 2.7s ease-in-out infinite}@keyframes scrollNudge{0%,100%{translate:0 0}50%{translate:0 6px}}
.motion-switch{margin:15px 0 0;padding:8px 0;border:0;background:transparent;color:#C6BBA9;display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:1.4px;transition:color .2s}
.motion-switch:hover{color:var(--yellow)}.motion-switch-icon{border:1px solid #857366;width:25px;height:25px;display:grid;place-items:center;font-size:11px;letter-spacing:0}
.signal-strip{height:80px}.signal-track{height:100%;display:flex;width:max-content;animation:marqueeGo 23s linear infinite;will-change:transform}
.signal-unit{height:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,4vw,75px);flex:0 0 auto;padding:0 clamp(30px,4vw,75px);white-space:nowrap;font:1000 clamp(20px,2.65vw,39px)/1 Impact,'Arial Black',var(--sans);letter-spacing:-.02em}
.signal-unit b{font:900 40px var(--sans);line-height:1}
@keyframes marqueeGo{to{transform:translateX(-50%)}}
.signal-strip:hover .signal-track{animation-play-state:paused}
/* Cross-section animated signal scene */
.motion-bridge{position:relative;overflow:hidden;padding:80px 0 95px;background:var(--ink);border-top:1px solid rgba(255,240,208,.15)}
.motion-bridge:before{content:'';position:absolute;width:730px;height:730px;border:1px solid rgba(253,195,13,.12);border-radius:50%;right:-350px;top:-440px;pointer-events:none}
.bridge-top{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,240,208,.32);padding-top:17px;color:#BAAD9B;font-size:10px;font-weight:850;letter-spacing:1.2px}
.bridge-heading{margin-top:90px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.bridge-heading p{max-width:245px;color:var(--yellow);font-size:14px;font-weight:800;line-height:1.8;margin-bottom:15px;letter-spacing:.05em}
.bridge-heading h2{margin:0;color:var(--orange);font:900 clamp(80px,11.5vw,190px)/.85 Impact,'Arial Black',var(--sans);letter-spacing:-.067em;text-align:right}
.bridge-heading h2 span{color:var(--yellow)}
.bridge-stage{position:relative;width:100%;height:310px;margin-top:15px;isolation:isolate}
.bridge-svg{width:100%;height:100%;display:block;overflow:visible}
.route-faint{fill:none;stroke:rgba(255,240,208,.22);stroke-width:2}
.route-dashes{fill:none;stroke:rgba(255,240,208,.46);stroke-width:1.1;stroke-dasharray:2 14;animation:traceDash 22s linear infinite}
.route-beam{fill:none;stroke:url(#signalGradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:70 930;animation:travelPulse 5.5s linear infinite}
@keyframes travelPulse{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes traceDash{to{stroke-dashoffset:-320}}
.route-node circle:last-child{fill:var(--yellow);stroke:var(--ink);stroke-width:3}
.route-node .node-pulse{fill:none;stroke:var(--yellow);stroke-width:1.4;opacity:.25;transform-box:fill-box;transform-origin:center;animation:nodeExpand 3.6s ease-out infinite}
.route-node-two .node-pulse{animation-delay:.6s}.route-node-three .node-pulse{animation-delay:1.2s}.route-node-four .node-pulse{animation-delay:1.8s}
@keyframes nodeExpand{0%{scale:.55;opacity:.75}75%,100%{scale:1.3;opacity:0}}
.bridge-point{position:absolute;display:flex;flex-direction:column;gap:8px;z-index:2}
.bridge-point b{font:800 10px var(--sans);letter-spacing:1.2px;color:var(--yellow)}.bridge-point span{color:var(--cream);font-size:16px;font-weight:800}
.bridge-point-1{left:4.9%;top:71%}.bridge-point-2{left:36.8%;top:4%}.bridge-point-3{left:66%;top:87%}.bridge-point-4{right:2%;top:16%}
.bridge-caption{color:#B7A897;font-size:12px;line-height:1.75;border-top:1px solid rgba(255,240,208,.22);padding-top:18px;margin:28px 0 0}
/* Scroll introduction: applied only after observer is active; without JS the page stays legible. */
.motion-enhanced .reveal-on-scroll{opacity:0;transform:translate3d(0,44px,0);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.motion-enhanced .reveal-on-scroll.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-enhanced .manual-item.reveal-on-scroll:nth-child(2),.motion-enhanced .case-card.reveal-on-scroll:nth-child(2){transition-delay:.11s}
.motion-enhanced .manual-item.reveal-on-scroll:nth-child(3),.motion-enhanced .case-card.reveal-on-scroll:nth-child(3){transition-delay:.2s}
.motion-enhanced .manual-item.reveal-on-scroll:nth-child(4),.motion-enhanced .case-card.reveal-on-scroll:nth-child(4){transition-delay:.28s}
/* Dynamic proof visuals */
.case-card{transition:box-shadow .3s var(--ease),transform .3s var(--ease);overflow:hidden}.case-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(36,26,21,.13)}
.case-visual .rings{animation:proofOrbit 20s linear infinite}.case-visual .rings:after{animation:ringInner 8s ease-in-out infinite}
@keyframes proofOrbit{to{rotate:360deg}}@keyframes ringInner{50%{scale:.85;opacity:.5}}
.visual-education>span,.visual-brand>span,.ai-big{transition:translate .7s var(--ease)}.case-card:hover .visual-education>span,.case-card:hover .visual-brand>span,.case-card:hover .ai-big{translate:0 -12px}
.visual-ai:after{content:'';position:absolute;width:100%;height:3px;left:-100%;top:55%;background:linear-gradient(90deg,transparent,var(--orange),var(--yellow),transparent);opacity:.65;animation:scanAcross 6s ease-in-out infinite}@keyframes scanAcross{55%,100%{left:100%}}
.method-flow article:hover .method-arrow{translate:5px -5px;transition:translate .25s}
/* IP disambiguation: separate glyph boxes, actual I drawn with top and bottom crossbars */
.manifesto h2 .ip-lockup{display:inline-flex!important;align-items:baseline;gap:.22em;letter-spacing:0!important;white-space:nowrap;color:var(--ink)!important;margin-right:.26em;vertical-align:baseline}
.manifesto h2 .ip-letter{display:inline-block;letter-spacing:0!important;position:relative;font-family:Impact,'Arial Black',var(--sans);font-weight:900;color:var(--ink)!important;line-height:.95}
.manifesto h2 .ip-letter-i{min-width:.39em;text-align:center}
.manifesto h2 .ip-letter-i:before,.manifesto h2 .ip-letter-i:after{content:'';position:absolute;width:.37em;height:.055em;background:var(--ink);left:50%;transform:translateX(-50%)}
.manifesto h2 .ip-letter-i:before{top:.015em}.manifesto h2 .ip-letter-i:after{bottom:.018em}
.manifesto h2 .ip-follow{color:var(--ink)!important;letter-spacing:-.075em}
.manifesto-sun{animation:starSpin 24s linear infinite}@keyframes starSpin{to{rotate:360deg}}
/* Pause button also respects motion-preference and reduces motion entirely. */
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition-duration:0ms!important}
@media(max-width:820px){
 .bridge-top span:last-child{display:none}.bridge-heading{display:block;margin-top:60px}.bridge-heading p{margin-bottom:27px}.bridge-heading h2{text-align:left;font-size:clamp(76px,14vw,120px)}
 .bridge-stage{height:270px}.bridge-point span{font-size:13px}.bridge-point b{font-size:9px}
 .bridge-point-2{top:0}.bridge-point-3{top:82%}.bridge-point-4{top:18%}
 .signal-strip{height:70px}.signal-unit{font-size:23px}
 .motion-switch{margin-top:12px}
}
@media(max-width:580px){
 .hero-glow{opacity:.35}.hero-light-beams{opacity:.4}.hero-orbit-nodes span:nth-child(2){left:85%;top:12%}
 .motion-switch{font-size:9px}.hero-bottom-aside{align-items:start}.hero-bottom-aside .motion-switch{margin-top:0}
 .signal-strip{height:64px}.signal-unit{font-size:20px;gap:30px;padding:0 30px}.signal-unit b{font-size:24px}
 .motion-bridge{padding:64px 0 65px}.bridge-heading h2{font-size:clamp(64px,14vw,82px);letter-spacing:-.06em}
 .bridge-stage{height:250px;margin-top:35px}.bridge-svg{min-width:430px;width:116%;position:relative;left:-11%}
 .bridge-point{gap:5px}.bridge-point b{font-size:7px;letter-spacing:.25px}.bridge-point span{font-size:11px}
 .bridge-point-1{left:0;top:73%}.bridge-point-2{left:34%;top:7%}.bridge-point-3{left:62%;top:84%}.bridge-point-4{right:0;top:20%}
 .bridge-caption{margin-top:33px}
 .manifesto h2 .ip-lockup{gap:.20em;margin-right:.15em}
 .manifesto h2 .ip-letter-i{min-width:.34em}
}
@media(prefers-reduced-motion:reduce){
 .motion-enhanced .reveal-on-scroll{opacity:1;transform:none;transition:none}
 .hero-glow{background:none}.hero-light-beams{display:none}
 .route-beam{stroke-dasharray:1000 0;stroke-dashoffset:0}
}
/* Optical refinement after desktop/mobile browser screenshots */
.manifesto h2{letter-spacing:-.055em}
.manifesto h2 .ip-lockup{margin-right:0;gap:.26em;border-bottom:4px solid var(--yellow);padding-bottom:.035em;margin-bottom:.11em}
.manifesto h2 .ip-follow{letter-spacing:-.06em}
@media(min-width:821px){
  .hero-bottom-aside{position:absolute;right:0;bottom:24px;max-width:330px;background:linear-gradient(100deg,rgba(36,26,21,.84),rgba(36,26,21,.97));border-left:2px solid rgba(253,195,13,.35);padding:12px 16px 13px 22px}
  .hero-bottom-aside p:nth-child(2){margin-bottom:6px;line-height:1.65}
  .hero-bottom-aside .hero-scroll{margin-top:8px}
}
@media(max-width:580px){.manifesto h2{letter-spacing:-.048em}.manifesto h2 .ip-lockup{gap:.24em;border-bottom-width:3px}}