/* V3: Nitro-inspired editorial rhythm. All overrides are scoped away from Hero,
   the H gallery and the globe/tree diagram. Existing open-source fonts remain. */
body.xrogo-v3{background:#111;color:#eee}
.xrogo-v3 .section-nav{background:#111f;color:#e9e9e9;backdrop-filter:none;border-bottom:1px solid #ffffff24;padding-top:17px;padding-bottom:17px;gap:30px}
.xrogo-v3 .section-nav>a .brand-logo{width:123px}.v3-nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.v3-nav-links a{font-size:15px;line-height:1.5;color:#999;transition:color .2s}.v3-nav-links a:hover,.v3-nav-links a[aria-current]{color:#fff}.xrogo-v3 .nav-controls{gap:22px}.xrogo-v3 .section-nav .language-switch,.xrogo-v3 .section-nav button{font-size:14px}
.v3-content{position:relative;isolation:isolate;--v3-ink:#efefed;--v3-dim:#969696;--v3-line:#ffffff29;--v3-title:clamp(56px,7.7vw,118px);color:var(--v3-ink)}
.v3-content:before{content:'';position:absolute;inset:0 var(--margin);z-index:-1;pointer-events:none;border-left:1px solid #ffffff09;border-right:1px solid #ffffff09;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#ffffff07 calc(12.5% - 1px),#ffffff07 12.5%)}
.v3-content .page-section{background:transparent;padding-top:100px;padding-bottom:100px;position:relative}
.v3-content .section-label{font-size:15px;letter-spacing:.025em;line-height:1.5;align-items:center;margin:0 0 68px;gap:24px;position:relative}
.v3-content .section-label span:last-child{color:#a4a4a4;opacity:1}.v3-content .section-label:after{content:'';height:1px;background:var(--v3-line);flex:1}
.v3-content .page-section h2.v3-title{font-size:var(--v3-title);font-weight:400;line-height:1.04;letter-spacing:-.065em;white-space:normal;margin:0;color:#f0f0ee;text-wrap:pretty}
.v3-content .v3-kicker{font-size:15px;letter-spacing:0;line-height:1.65;color:#8e8e8e}
.v3-content .v3-arrow-link{display:inline-flex;gap:36px;align-items:center;font-size:17px;color:#d1d1d1;margin-top:32px}.v3-arrow-link svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;transition:transform .3s}.v3-arrow-link:hover svg{transform:translate(4px,-4px)}
/* Introduction: one dominant thought, an offset explanation, then open rows. */
.v3-content .v3-overview{padding-top:100px;padding-bottom:110px}
.v3-overview-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin:0 0 100px}.v3-overview-heading .v3-title{max-width:8.2em}.v3-overview-aside{padding-bottom:8px}
.v3-content .v3-tagline{font-size:clamp(28px,3.1vw,46px);line-height:1.2;letter-spacing:-.04em;color:#a5a5a5;margin:0;max-width:12em}
.v3-intro-row{display:grid;grid-template-columns:1fr 3fr;gap:5%;align-items:start;margin-bottom:90px}.v3-content .v3-intro-row>p{font-size:clamp(25px,2.65vw,40px);line-height:1.35;letter-spacing:-.035em;margin:0;max-width:1000px}.v3-intro-row>.v3-kicker{padding-top:9px;max-width:150px}
.v3-value-list{border-bottom:1px solid var(--v3-line)}.v3-value-list article{border-top:1px solid var(--v3-line);display:grid;grid-template-columns:1.05fr 1fr;gap:13%;padding:36px 0 44px;transition:background .3s}
.v3-value-list h3{font-size:clamp(27px,3.1vw,46px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:0;max-width:13em}.v3-content .v3-value-list p{font-size:18px;line-height:1.65;max-width:510px;margin:5px 0 0;color:#a4a4a4}.v3-value-list article:hover{background:#ffffff03}
/* Field: the approved photographic interaction is left intact. */
.v3-content .page-section.field{padding-top:65px;padding-bottom:0}.v3-content .field>.section-heading{margin:0 0 72px;display:block}.v3-content .field>.section-heading .v3-title{max-width:10em}
.v3-content .field .case-close{background:#181818;padding-top:58px;padding-bottom:95px}.v3-content .field .case-close .case-heading{display:flex;gap:30px;align-items:center;font-size:15px;margin-bottom:46px}.v3-content .field .case-close .case-heading:after{content:'';height:1px;background:#ffffff24;flex:1}
.v3-content .field .case-close .field-grid{gap:0}.v3-content .field .case-close .field-card{padding:30px 0 42px}.v3-content .field .case-close .field-card+.field-card{border-top:1px solid #ffffff24}.v3-content .field .case-close .field-copy{grid-template-columns:1fr 1fr;gap:13%}.v3-content .field .case-close h3{font-size:clamp(28px,3.1vw,46px);max-width:12em;font-weight:400}.v3-content .field .case-close p:not(.case-heading){font-size:18px;line-height:1.65;margin-top:3px}
/* Only the introduction above the original globe/tree changes. */
.v3-content .page-section.system{background:#181818;padding-top:40px;padding-bottom:0;margin-top:0}.v3-content .system>.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:78px}.v3-content .system>.section-heading .v3-title{font-size:clamp(52px,6.2vw,92px);max-width:10em}.v3-content .system>.section-heading>p{font-size:22px;line-height:1.5;letter-spacing:-.02em;max-width:470px;margin:0 0 6px;color:#b0b0b0}
/* Skills: four opaque sheets accumulate with native sticky scrolling. */
.v3-content .v3-skills{padding-top:110px;padding-bottom:110px}.v3-skills-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:85px}.v3-skills-heading .v3-title{font-size:clamp(54px,6.4vw,96px)!important;max-width:11em}.v3-content .v3-shift{font-size:26px;line-height:1.35;color:#a4a4a4;letter-spacing:-.03em;margin:0 0 6px}
.v3-skill-stack{list-style:none;padding:0;margin:0 0 110px;position:relative}.v3-skill-sheet{position:sticky;top:calc(92px + var(--sheet)*17px);min-height:360px;background:#d8d8d4;color:#202020;padding:26px 36px 38px;margin:0 0 30px;border:1px solid #ffffff30;border-radius:2px;box-shadow:0 -10px 40px #0002;transform-origin:50% 0;isolation:isolate;overflow:hidden}
.v3-skill-sheet:nth-child(2){background:#b8c3c5}.v3-skill-sheet:nth-child(3){background:#c7c7c3}.v3-skill-sheet:nth-child(4){background:#e8e8e4}
.v3-sheet-meta{font-size:15px;line-height:1.6;letter-spacing:.015em;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #2224;padding-bottom:15px;color:#555}
.v3-sheet-body{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:end;padding-top:45px;min-height:220px}.v3-sheet-body h3{font-size:clamp(65px,7.5vw,112px);line-height:.95;letter-spacing:-.07em;font-weight:400;margin:0}.v3-content .v3-sheet-body p{font-size:20px;line-height:1.5;letter-spacing:-.02em;color:#444;margin:0 0 3px;max-width:490px}
.v3-sheet-track{position:absolute;left:36px;right:36px;bottom:27px;height:1px;background:#2223}.v3-sheet-track i{display:block;height:1px;background:#2228;width:calc((var(--sheet) + 1)*25%)}
.v3-content .skills .skills-summary{display:grid;grid-template-columns:1fr 2.4fr;gap:7%;border:0;padding:0;margin:0;max-width:none}.v3-content .skills-summary-copy{grid-column:2;max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.v3-content .skills-summary-copy p{font-size:17px;line-height:1.65;color:#a2a2a2;letter-spacing:0}.v3-content .skills .skills-summary .skills-evolution{margin:0}
.v3-content .skills .skills-outcome{grid-column:1/-1;grid-row:1;font-size:clamp(35px,4.7vw,70px);line-height:1.15;letter-spacing:-.05em;font-weight:400;color:#e6e6e4;max-width:1200px;margin:0 0 42px;text-wrap:pretty}.v3-content .skills-outcome span{color:#8e8e8e}
/* Collaboration: an editorial offer list and one unmistakable contact gesture. */
.v3-content .v3-deployment{border-top:1px solid var(--v3-line);padding-top:70px;padding-bottom:60px;background:transparent}.v3-deploy-top{display:grid;grid-template-columns:1.1fr .9fr;gap:11%;align-items:end;margin-bottom:85px}.v3-deploy-top .v3-title{max-width:7em}.v3-content .v3-deploy-top>p{font-size:24px;line-height:1.45;letter-spacing:-.025em;color:#a9a9a9;margin:0 0 6px;max-width:540px}
.v3-offers{margin-left:25%;border-bottom:1px solid var(--v3-line)}.v3-offers article{position:relative;border-top:1px solid var(--v3-line);display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;padding:34px 65px 38px 0;align-items:start}.v3-offers h3{font-size:clamp(25px,2.5vw,37px);font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:0}.v3-content .v3-offers p{font-size:18px;line-height:1.6;letter-spacing:0;margin:0;color:#a6a6a6}.v3-offer-action{position:absolute;right:0;top:33px;width:38px;height:38px}.v3-offer-action svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.5;transition:transform .3s}.v3-offer-action:hover svg{transform:translate(3px,-3px)}
.v3-content .v3-contact{margin-top:105px;padding:0;border:0}.v3-contact>button{display:flex;align-items:center;justify-content:space-between;gap:6vw;width:100%;padding:0 0 20px;font-size:clamp(64px,9.3vw,145px);letter-spacing:-.065em;font-weight:400;line-height:1.05;text-align:left}.v3-contact>button>svg{width:clamp(65px,9vw,135px);height:auto;flex-shrink:0;stroke:currentColor;stroke-width:1;transition:transform .4s}.v3-contact>button:hover>svg{transform:translate(7px,-7px)}
.v3-content .site-footer{background:#111;border-top:1px solid #ffffff29;padding:30px var(--margin) 42px;gap:35px}.v3-content .footer-logo .brand-logo{width:145px}.v3-content .site-footer>.footer-tagline{font-size:16px!important;color:#999}
/* Navigation is larger and calmer; all original form behavior is retained. */
.xrogo-v3 #about{background:#111;color:#eee;width:min(840px,100%)}.xrogo-v3 #about .panel-header{background:#111;padding:30px 48px}.xrogo-v3 #about .panel-body{padding:50px 48px}.xrogo-v3 .nav-links a{font-size:clamp(30px,4.5vw,59px);font-weight:400;letter-spacing:-.045em;min-height:100px;padding:25px 0;gap:25px}.xrogo-v3 .nav-links a>span{font-size:14px}.xrogo-v3 #about .eyebrow{font-size:15px;margin-bottom:35px}
html:lang(zh-CN) .v3-content h2.v3-title{letter-spacing:-.045em;line-height:1.13}html:lang(zh-CN) .v3-overview-heading{grid-template-columns:1fr;margin-bottom:75px;gap:32px}html:lang(zh-CN) .v3-overview-heading h2{font-size:clamp(42px,6.6vw,100px);max-width:none}html:lang(zh-CN) .v3-overview-aside{display:flex;align-items:center;justify-content:space-between;gap:40px}html:lang(zh-CN) .v3-overview-aside .v3-tagline{max-width:none}html:lang(zh-CN) .v3-overview-aside .v3-arrow-link{margin-top:0}html:lang(zh-CN) .v3-content .v3-intro-row>p{line-height:1.5;letter-spacing:-.02em}html:lang(zh-CN) .v3-value-list h3{line-height:1.25;letter-spacing:-.025em}html:lang(zh-CN) .v3-contact>button{font-size:clamp(60px,10vw,150px);letter-spacing:-.04em}html:lang(zh-CN) .v3-sheet-body h3{letter-spacing:-.045em;line-height:1.1}html:lang(zh-CN) .v3-skills-heading .v3-title{font-size:clamp(42px,5.6vw,84px)!important}
@media(max-width:1100px){.v3-nav-links{gap:16px}.v3-nav-links a{font-size:14px}.xrogo-v3 .section-nav{gap:20px}.xrogo-v3 .section-nav>a .brand-logo{width:105px}.v3-overview-heading{gap:5vw}.v3-sheet-body{gap:7%}.v3-sheet-body p{font-size:18px!important}.v3-offers{margin-left:13%}}
@media(max-width:850px){.v3-nav-links{display:none}.xrogo-v3 .nav-controls{margin-left:auto}.v3-content .section-label{margin-bottom:42px}.v3-overview-heading,.v3-skills-heading,.v3-deploy-top,.v3-content .system>.section-heading{grid-template-columns:1fr;gap:35px}.v3-overview-heading{margin-bottom:60px}.v3-overview-heading .v3-title{max-width:10em}.v3-content .v3-tagline{max-width:20em}.v3-intro-row{grid-template-columns:1fr;gap:22px;margin-bottom:55px}.v3-intro-row>.v3-kicker{max-width:none;padding-top:0}.v3-value-list article{gap:7%}.v3-content .system>.section-heading>p{max-width:650px}.v3-skills-heading{margin-bottom:55px}.v3-content .v3-shift{max-width:600px}.v3-offers{margin-left:0}.v3-content .skills-summary-copy{grid-column:1/-1}.v3-content .skills .skills-summary{display:block}.v3-content .skills .skills-outcome{margin-bottom:35px}.v3-content .site-footer{flex-wrap:wrap}.v3-sheet-meta span:last-child{display:none}}
@media(max-width:600px){.xrogo-v3 .section-nav{padding-top:13px;padding-bottom:13px}.xrogo-v3 .section-nav>a .brand-logo{width:115px}.v3-content{--v3-title:clamp(48px,12vw,70px)}.v3-content:before{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff07 calc(25% - 1px),#ffffff07 25%)}.v3-content .page-section{padding-top:64px;padding-bottom:64px}.v3-content .section-label{font-size:14px;gap:18px;margin-bottom:35px}.v3-content .section-label span:last-child{max-width:none;text-align:left}.v3-overview-heading{gap:28px;margin-bottom:45px}.v3-content .v3-tagline{font-size:28px;line-height:1.25}.v3-overview-aside{padding:0}.v3-content .v3-arrow-link{font-size:16px;margin-top:22px}.v3-content .v3-intro-row>p{font-size:24px;line-height:1.4}.v3-content .v3-kicker{font-size:14px}.v3-value-list article{grid-template-columns:1fr;gap:18px;padding:27px 0 30px}.v3-value-list h3{font-size:29px;max-width:none}.v3-content .v3-value-list p{font-size:16px;margin:0}.v3-content .field>.section-heading{margin-bottom:42px}.v3-content .field .case-close{padding-top:40px;padding-bottom:55px}.v3-content .field .case-close .case-heading{font-size:14px;margin-bottom:25px}.v3-content .field .case-close .field-copy{grid-template-columns:1fr;gap:16px}.v3-content .field .case-close .field-card{padding:22px 0 30px}.v3-content .field .case-close h3{font-size:29px}.v3-content .field .case-close p:not(.case-heading){font-size:16px}.v3-content .page-section.system{padding-top:25px;padding-bottom:0}.v3-content .system>.section-heading{margin-bottom:48px;gap:25px}.v3-content .system>.section-heading .v3-title{font-size:48px}.v3-content .system>.section-heading>p{font-size:20px;line-height:1.5}.v3-skills-heading .v3-title{font-size:48px!important}.v3-content .v3-shift{font-size:23px}.v3-skill-stack{margin-bottom:65px}.v3-skill-sheet{top:calc(77px + var(--sheet)*10px);padding:20px 24px 42px;min-height:340px;margin-bottom:24px}.v3-sheet-meta{font-size:14px;padding-bottom:12px}.v3-sheet-body{display:block;padding-top:30px;min-height:0}.v3-sheet-body h3{font-size:60px;line-height:1;margin-bottom:22px}.v3-content .v3-sheet-body p{font-size:17px!important;line-height:1.5}.v3-sheet-track{left:24px;right:24px;bottom:22px}.v3-content .skills .skills-outcome{font-size:34px;line-height:1.2}.v3-content .skills-summary-copy{display:block}.v3-content .skills-summary-copy p{font-size:16px}.v3-content .skills .skills-summary .skills-evolution{margin-top:22px}.v3-deploy-top{margin-bottom:45px;gap:25px}.v3-content .v3-deploy-top>p{font-size:21px;line-height:1.5}.v3-offers article{grid-template-columns:1fr;gap:16px;padding:26px 50px 30px 0}.v3-offers h3{font-size:29px}.v3-content .v3-offers p{font-size:16px}.v3-offer-action{top:24px}.v3-content .v3-contact{margin-top:65px}.v3-contact>button{font-size:clamp(40px,11vw,65px);gap:15px}.v3-contact>button>svg{width:44px}.v3-content .site-footer{display:grid;grid-template-columns:1fr auto;gap:24px;padding-top:26px;padding-bottom:30px}.v3-content .site-footer>.footer-tagline{grid-column:1/-1;grid-row:2;font-size:15px!important}.v3-content .footer-logo .brand-logo{width:120px}.v3-content .site-footer>a:last-child{font-size:13px!important}.xrogo-v3 #about .panel-header{padding:23px 26px}.xrogo-v3 #about .panel-body{padding:30px 26px}.xrogo-v3 .nav-links a{font-size:30px;min-height:82px;gap:18px}html:lang(zh-CN) .v3-overview-heading h2{font-size:clamp(27px,7.7vw,44px);line-height:1.2}html:lang(zh-CN) .v3-overview-aside{display:block}html:lang(zh-CN) .v3-overview-aside .v3-arrow-link{margin-top:24px}html:lang(zh-CN) .v3-overview-heading{margin-bottom:45px}html:lang(zh-CN) .v3-skills-heading .v3-title{font-size:40px!important}html:lang(zh-CN) .v3-contact>button{font-size:52px}html:lang(zh-CN) .v3-sheet-body h3{font-size:56px}}
@media(prefers-reduced-motion:reduce){.v3-skill-sheet{position:relative;top:auto}.v3-arrow-link svg,.v3-contact>button>svg,.v3-offer-action svg{transition:none;transform:none!important}}
