#about-who-title-left-3{display:none!important}
/* Personal content layer: retains the source animation layout and DOM. */
:root{--personal-font:"Personal Sans","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
body{font-family:var(--personal-font)}
#header-logo svg{overflow:visible;width:154px;max-width:100%;height:28px}
#home-hero-title{font-family:var(--personal-font);font-weight:600;line-height:1.16;letter-spacing:-.025em;word-break:normal;overflow-wrap:normal}
#home-reel-title,#home-goal-title,#home-goal-tunnel-title,#end-section-title,#home-featured-title{font-family:var(--personal-font);font-weight:500;letter-spacing:-.025em}
#home-reel-desc,#home-featured-disclaimer,.home-goal-texts-paragraph,#about-who-team-desc-text{font-family:var(--personal-font);line-height:1.6;letter-spacing:0}
.project-item-line-1{font-family:var(--personal-font);font-size:clamp(10px,.9vw,15px);line-height:1.6;letter-spacing:0;white-space:normal}
.project-item-line-2-inner{font-family:var(--personal-font);font-size:clamp(20px,2.3vw,36px);line-height:1.3;letter-spacing:-.025em}
#home-reel-video-title{font-family:var(--personal-font);font-size:clamp(18px,3vw,42px)}
#footer-enquires-link{font-size:clamp(15px,1.5vw,24px);overflow-wrap:anywhere}
#footer-bottom-labs{font-size:12px;opacity:.66}
#footer-bottom-tagline{font-family:var(--personal-font);letter-spacing:0}
#scroll-nav-text,#about-capability-title,.about-who-desc-top,.about-capability-card-header-text{font-family:var(--personal-font)}
@media(max-width:767px){#header-logo svg{width:122px;height:25px}.project-item-line-2-inner{font-size:25px}#home-featured-disclaimer{line-height:1.6}#home-goal-tunnel-title{font-size:clamp(34px,8.6vw,68px);line-height:1.25}#footer-bottom-tagline{font-size:12px;line-height:1.4}}
/* Reuse the personal logo from the original homepage navigation. */
#header-logo .vemperor-header-mark{display:block;width:40px;height:40px;object-fit:contain;transition:filter .4s}
html.is-black-bg #header-logo .vemperor-header-mark,html.is-blue-bg #header-logo .vemperor-header-mark,#header.--menu-opened #header-logo .vemperor-header-mark{filter:invert(1)}
@media(max-width:767px){#header-logo .vemperor-header-mark{width:36px;height:36px}}

/* The tunnel is the opening chapter; the welcome follows its glass breakout. */
#home-intro-welcome{position:relative;display:block;height:calc(var(--vh,1vh)*300);padding:0;overflow:visible;color:var(--color-white);transition:color .4s}
html.is-white-bg #home-intro-welcome{color:var(--color-black)}
.home-intro-welcome-window{position:absolute;inset:0 0 auto;height:calc(var(--vh,1vh)*100);display:grid;place-items:center;will-change:transform;pointer-events:none}
.home-intro-welcome-content{text-align:left;width:90%;opacity:0;will-change:opacity,transform}
.home-intro-welcome-kicker{font-size:12px;letter-spacing:.16em;margin:0 0 24px}
#home-intro-welcome-title{font:500 clamp(60px,8vw,160px)/1.13 var(--personal-font);letter-spacing:-.035em;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.25)}
#home-intro-welcome-title span{display:block}
.home-intro-welcome-desc{font-size:clamp(14px,1.3vw,21px);line-height:1.7;margin:28px 0 0;max-width:25vw}
.home-intro-welcome-scroll{font-size:13px;line-height:1.6;margin-top:42px;opacity:.65}
.home-intro-welcome-scroll span{display:block;font-size:22px;margin-top:10px}
@media(max-width:767px){#home-goal{padding-top:90px}#home-goal-title{font-size:clamp(42px,13.5vw,72px);line-height:1.12;margin-top:0}.home-intro-welcome-content{text-align:center;align-self:start;margin-top:calc(var(--vh,1vh)*14)}#home-intro-welcome-title{font-size:clamp(42px,13vw,72px);line-height:1.2}.home-intro-welcome-desc{max-width:24em;margin:22px auto 0;padding:0 12px}.home-intro-welcome-kicker{margin-bottom:20px}.home-intro-welcome-scroll{margin-top:32px}}
/* Chinese typography: generous line boxes, intentional breaks and clear visual hierarchy. */
@font-face{font-family:"Personal Sans";src:url("/vemperor-home/brand-assets/media/fonts/personal-cn.woff2") format("woff2");font-weight:100 900;font-display:swap}
body{font-family:var(--personal-font);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#home-goal{padding-top:clamp(120px,14vh,160px)}
#home-goal-title{font-size:clamp(42px,5.8vw,88px);line-height:1.3;font-weight:500;letter-spacing:-.025em;left:0;width:100%;margin-top:0;margin-bottom:.55em;transform:none!important}
#home-goal-title .line{bottom:0;line-height:inherit}
.goal-title-line-wrapper{padding:.13em 0;margin:-.13em 0;overflow:visible!important}
#home-goal-title .word{transform:none!important}
#home-goal-texts{font-size:clamp(15px,1.45vw,22px);line-height:1.85;font-weight:400}
.home-goal-texts-paragraph{line-height:1.85}
#home-hero{padding-top:clamp(112px,14vh,160px)}
#home-hero-title{grid-column:1 / span 12;max-width:22em;font-size:clamp(26px,3.6vw,52px);font-weight:500;line-height:1.38;letter-spacing:-.018em;margin-top:0}
#home-hero-title .line{overflow:visible!important;padding:.08em 0;margin:-.08em 0}
#home-hero-title .word{top:0}
#home-reel-title{font-size:clamp(48px,7vw,108px);line-height:1.3;font-weight:500}
#home-reel-title .word{bottom:0}
#home-reel-title-inner>div{overflow:visible;padding:.1em 0;margin:-.1em 0}
#home-featured-title{font-size:clamp(36px,4vw,64px);line-height:1.35;font-weight:500}
#home-reel-desc{font-size:clamp(18px,2vw,30px);line-height:1.7;font-weight:400}
#home-intro-welcome-title{font-size:clamp(44px,6.6vw,108px);line-height:1.3;font-weight:500;letter-spacing:-.025em;text-shadow:0 2px 18px #0009}
.home-intro-welcome-desc{line-height:1.85}
#home-goal-tunnel-title{font-size:clamp(32px,4.8vw,76px);line-height:1.35;font-weight:500}
#end-section-title{line-height:1.25;font-weight:500}
.end-section-title-link-word{height:1.25em}
.end-section-title-link-word .char-wrapper{top:0}
.end-section-title-link-line{height:calc(var(--font-size)*1.25)}
@media(max-width:767px){#home-goal{padding-top:100px}#home-goal-title{font-size:clamp(30px,8.4vw,54px);line-height:1.35;margin:0 0 .8em}#home-goal-texts{font-size:15px;margin-top:1.2em;margin-bottom:3em}#home-hero{padding-top:100px}#home-hero-title{grid-column:1 / span 6;font-size:clamp(24px,6.4vw,36px);line-height:1.4;margin-top:0}#home-reel-title{font-size:clamp(40px,11vw,70px)}#home-reel-desc{font-size:18px;line-height:1.75}#home-intro-welcome-title{font-size:clamp(38px,10.8vw,64px)}.home-intro-welcome-content{position:relative;margin-top:calc(var(--vh,1vh)*12)}.home-intro-welcome-desc{position:absolute;top:calc(var(--vh,1vh)*64);left:0;width:100%;max-width:none;margin:0;padding:0 12px;font-size:13px}.home-intro-welcome-scroll{position:absolute;top:calc(var(--vh,1vh)*72);left:0;width:100%;margin:0}#home-goal-tunnel-title{font-size:clamp(26px,7vw,44px)}}
/* Quiet text regions keep animated fragments from competing with the greeting. */
#home-goal-texts{font-size:clamp(17px,1.45vw,22px)}
.home-intro-welcome-content{position:relative;width:38%;margin-left:5%;justify-self:start;padding:28px 20px 28px 0;background:linear-gradient(90deg,#000d 65%,#0000);isolation:isolate}
@media(max-width:767px){#home-goal-texts{font-size:15px}.home-intro-welcome-content{width:90%;margin-left:5%;padding:18px 8px;background:linear-gradient(180deg,#000b,#0000)}.home-intro-welcome-desc{padding:7px 12px;background:#0009;border-radius:6px}.home-intro-welcome-scroll{padding-top:7px}}
html.is-white-bg .home-intro-welcome-content,html.is-white-bg .home-intro-welcome-desc{background:transparent}html.is-white-bg #home-intro-welcome-title{text-shadow:none}

/* Card titles need full Chinese line boxes, rather than the original one-em Latin crop. */
.project-item-line-2{font-size:clamp(20px,2.3vw,36px);height:1.45em;min-height:1.45em;line-height:1.45;left:0}
.project-item-line-2-inner{font-size:inherit;line-height:1.45;bottom:0;display:flex;overflow:visible;font-weight:500}
@media(max-width:767px){.project-item-line-2,.project-item-line-2-inner{font-size:24px}}
/* Humanist editorial typography: expressive Song headings and quiet reading text. */
@font-face{font-family:"Personal Editorial";src:url("/vemperor-home/brand-assets/media/fonts/personal-editorial.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{--personal-heading-font:"Personal Editorial","Songti SC","STSong","SimSun",serif}
#home-goal-title,#home-hero-title,#home-reel-title,#home-featured-title,#home-goal-tunnel-title,#home-intro-welcome-title,#end-section-title,#scroll-nav-text,#about-capability-title,.about-who-desc-top,.about-capability-card-header-text,.project-item-line-2-inner{font-family:var(--personal-heading-font);font-weight:500;letter-spacing:.035em;font-synthesis:none}
#home-goal-title{font-size:clamp(40px,5.6vw,84px);line-height:1.4}
#home-hero-title{font-weight:450;line-height:1.5;letter-spacing:.025em}
#home-reel-title{font-size:clamp(44px,6vw,92px);line-height:1.4}
#home-intro-welcome-title{font-weight:500;line-height:1.4;letter-spacing:.03em}
#home-goal-texts,.home-goal-texts-paragraph,#home-reel-desc,.home-intro-welcome-desc,#about-who-team-desc-text{font-weight:350;line-height:1.95;letter-spacing:.025em}
.project-item-line-2,.project-item-line-2-inner{height:1.55em;min-height:1.55em;line-height:1.55}
@media(max-width:767px){#home-goal-title{font-size:clamp(29px,8vw,50px);line-height:1.45}#home-reel-title{font-size:clamp(36px,10vw,62px)}#home-intro-welcome-title{font-size:clamp(36px,10vw,60px)}#home-goal-texts,.home-goal-texts-paragraph{line-height:1.95}}

/* Welcome lettering belongs to the scene, without a rectangular background panel. */
.home-intro-welcome-content,.home-intro-welcome-desc{background:none!important;border-radius:0}
#home-intro-welcome-title{text-shadow:0 2px 18px rgba(0,0,0,.65),0 0 3px rgba(0,0,0,.55)}
.home-intro-welcome-kicker,.home-intro-welcome-desc,.home-intro-welcome-scroll{text-shadow:0 1px 8px rgba(0,0,0,.9)}
html.is-white-bg .home-intro-welcome-kicker,html.is-white-bg .home-intro-welcome-desc,html.is-white-bg .home-intro-welcome-scroll{text-shadow:none}

/* Compact footer after removing its newsletter row. */
#footer-section{height:auto;min-height:0;padding-top:clamp(110px,12vh,160px);padding-bottom:48px}
#footer-middle{row-gap:0}
#footer-middle-contact{grid-row:auto}

/* Footer removed; keep a zero-size layout boundary for the shared scene timeline. */
#footer-section{height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;pointer-events:none}

/* A full-scene dissolve joins the astronaut greeting to the personal introduction. */
.home-intro-welcome-window::before{content:"";position:absolute;inset:0;background:var(--color-off-white,#eff0f8);opacity:var(--intro-light,0);pointer-events:none;z-index:0}
.home-intro-welcome-content{z-index:1}
#home-intro-welcome,html.is-white-bg #home-intro-welcome{color:#fff}
#home-intro-welcome-title{will-change:opacity}

/* Let the next chapter enter during the dissolve instead of after a blank viewport. */
#home-hero{position:relative;z-index:2;margin-top:calc(var(--vh,1vh)*-55)}

.home-intro-welcome-window::before{bottom:auto;height:var(--intro-veil-height,100%)}

/* Shared V-emperor wordmark across the homepage and blog. */
#header-logo .vemperor-header-mark{width:348px;height:48px}
@media(max-width:767px){#header-logo .vemperor-header-mark{width:min(280px,calc(100vw - 80px));height:auto}}

/* The V symbol identifies the menu while the full wordmark remains the global brand. */
#header-right-menu-btn-dots{display:flex;align-items:center;justify-content:center;width:18px;height:18px;transform:none!important}
#header-right-menu-btn-dots .personal-menu-mark{display:block;width:18px;height:18px;object-fit:contain;filter:none}

/* Editorial menu note: a small signature, expressive heading and generous breathing room. */
.personal-menu-note{padding:26px 30px 24px;border-radius:12px;background:#f8f8fc;color:#191a21;text-align:left}
.personal-menu-note-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--personal-font,"Personal Nav Sans",sans-serif);font-size:10px;letter-spacing:.12em;color:#737681}
.personal-menu-note-top img{display:block;width:18px;height:18px;object-fit:contain}
.personal-menu-note h3{font-family:var(--personal-heading-font,"Personal Editorial",serif);font-size:30px;font-weight:450;line-height:1.45;letter-spacing:.03em;margin:24px 0 14px}
.personal-menu-note p{font-family:var(--personal-font,"Personal Nav Sans",sans-serif);font-size:12px;line-height:1.9;color:#666974;margin:0}
.personal-menu-note-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #e5e5ee;font-family:var(--personal-font,"Personal Nav Sans",sans-serif);font-size:11px;line-height:1.7;color:#858791}
#personal-menu-note{opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;transition-delay:var(--open-delay,0s)}
#header-menu.--opened #personal-menu-note{opacity:1;transform:none}
@media(max-width:767px){.personal-menu-note{padding:22px 25px}.personal-menu-note h3{font-size:28px;margin-top:20px}.personal-menu-note-bottom{margin-top:20px}}