*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#001523;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}#viewport{position:relative;margin:auto;overflow:hidden}#artboard{position:relative;width:1672px;height:4705px;transform-origin:top left;overflow:hidden}.screen{position:absolute;left:0;width:1672px}.element{position:absolute;margin:0;z-index:3;white-space:nowrap;line-height:1.25;transform-origin:0 0}.element img,.element svg{width:100%;height:100%;display:block}.element svg{overflow:hidden}a.element{text-decoration:none;color:inherit}a.element:focus-visible{outline:3px solid #e6ad63}html.edit-mode .element{cursor:move;pointer-events:auto!important}.element.selected{outline:2px solid #e1a52c!important}#reference-overlay img{position:absolute;width:1672px;height:941px}.screen-menu{display:none}@media(max-width:700px){.screen-menu{display:flex;position:sticky;top:0;z-index:1000;background:#052030;color:white;justify-content:space-around;padding:12px 4px;font-size:14px}.screen-menu a{color:inherit;text-decoration:none}#editor-tools{max-height:72vh}}
.content-section,.heading{display:contents}.screen{pointer-events:none}
@media(max-width:700px){html:not(.edit-mode) #artboard{width:100%!important;height:auto!important;transform:none!important}html:not(.edit-mode) #viewport{width:100%!important;height:auto!important}html:not(.edit-mode) .content-section{display:flex;flex-direction:column;position:relative;gap:16px;padding:30px 20px 40px;overflow:hidden;background:#071d2b;color:white}html:not(.edit-mode) #screen-2{background:#fff5e5;color:#071d2b}html:not(.edit-mode) #screen-4,html:not(.edit-mode) #screen-5{background:#faf6ed;color:#071d2b}html:not(.edit-mode) .screen,html:not(.edit-mode) .timeline-dark{display:none}html:not(.edit-mode) .element{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;white-space:normal!important;line-height:1.55!important;transform:none!important;font-size:17px!important;order:5;clip-path:none!important}html:not(.edit-mode) .heading{display:block;order:1;margin:0}html:not(.edit-mode) .heading .element{font-size:31px!important;font-weight:800!important;line-height:1.35!important}html:not(.edit-mode) .element[data-id$="-section"]{order:0;font-size:14px!important}html:not(.edit-mode) .element[data-id$="-intro"],html:not(.edit-mode) .element[data-id$="-subtitle"]{order:2}html:not(.edit-mode) .element.image{order:3;aspect-ratio:var(--aspect);mask-image:none!important}html:not(.edit-mode) .element[data-kind="icon"]{width:46px!important;aspect-ratio:var(--aspect);align-self:flex-start}html:not(.edit-mode) .element.shape{display:none}html:not(.edit-mode) [data-id*="-nav"],html:not(.edit-mode) [data-id="p1-language"],html:not(.edit-mode) [data-id="p1-cta"],html:not(.edit-mode) [data-id="p1-brand"],html:not(.edit-mode) [data-id*="-shs"],html:not(.edit-mode) [data-id*="-foot-"],html:not(.edit-mode) [data-id*="-tagline"],html:not(.edit-mode) [data-id="p3-earth"]{display:none}html:not(.edit-mode) [data-id*="stat"]{display:none}html:not(.edit-mode) #screen-2 [data-id*="timeline"]{color:#071d2b!important}html:not(.edit-mode) #screen-2 [data-id$="-year"]{font-size:25px!important;color:#b87d37!important;margin-top:8px}html:not(.edit-mode) #screen-4 [data-id*="-name"]{background:#072032;padding:14px 14px 0}html:not(.edit-mode) #screen-4 [data-id*="-bio"]{background:#072032;padding:0 14px 16px;margin-top:-16px}html:not(.edit-mode) #screen-4 [data-id*="team-title"],html:not(.edit-mode) #screen-4 [data-id*="team-label"]{color:#08202e!important}html:not(.edit-mode) #screen-5 [data-id*="cta"]{padding:10px 14px;text-align:center}html:not(.edit-mode) #screen-5 [data-id*="arrow"]{display:none}}
@media(max-width:700px){html:not(.edit-mode) [data-id="p3-proof-photo0"]{order:10!important}html:not(.edit-mode) [data-id="p3-proof0-label"]{order:11!important}html:not(.edit-mode) [data-id="p3-proof0-brand"]{order:12!important}html:not(.edit-mode) [data-id="p3-proof0-copy"]{order:13!important}html:not(.edit-mode) [data-id="p3-proof0-icon"]{order:14!important}html:not(.edit-mode) [data-id="p3-proof0-detail"]{order:15!important}html:not(.edit-mode) [data-id="p3-proof-photo1"]{order:17!important}html:not(.edit-mode) [data-id="p3-proof1-label"]{order:18!important}html:not(.edit-mode) [data-id="p3-proof1-brand"]{order:19!important}html:not(.edit-mode) [data-id="p3-proof1-copy"]{order:20!important}html:not(.edit-mode) [data-id="p3-proof1-icon"]{order:21!important}html:not(.edit-mode) [data-id="p3-proof1-detail"]{order:22!important}html:not(.edit-mode) [data-id="p3-proof-photo2"]{order:24!important}html:not(.edit-mode) [data-id="p3-proof2-label"]{order:25!important}html:not(.edit-mode) [data-id="p3-proof2-brand"]{order:26!important}html:not(.edit-mode) [data-id="p3-proof2-copy"]{order:27!important}html:not(.edit-mode) [data-id="p3-proof2-icon"]{order:28!important}html:not(.edit-mode) [data-id="p3-proof2-detail"]{order:29!important}html:not(.edit-mode) [data-id="p3-proof-photo3"]{order:31!important}html:not(.edit-mode) [data-id="p3-proof3-label"]{order:32!important}html:not(.edit-mode) [data-id="p3-proof3-brand"]{order:33!important}html:not(.edit-mode) [data-id="p3-proof3-copy"]{order:34!important}html:not(.edit-mode) [data-id="p3-proof3-icon"]{order:35!important}html:not(.edit-mode) [data-id="p3-proof3-detail"]{order:36!important}html:not(.edit-mode) [data-id="p4-founder-portrait"]{order:10!important}html:not(.edit-mode) [data-id="p4-founder-name"]{order:11!important}html:not(.edit-mode) [data-id="p4-founder-bio"]{order:12!important}html:not(.edit-mode) [data-id="p4-partner-portrait"]{order:13!important}html:not(.edit-mode) [data-id="p4-partner-name"]{order:14!important}html:not(.edit-mode) [data-id="p4-partner-bio"]{order:15!important}html:not(.edit-mode) [data-id="p4-team-photo0"]{order:20!important}html:not(.edit-mode) [data-id="p4-team-title0"]{order:21!important}html:not(.edit-mode) [data-id="p4-team-label0"]{order:22!important}html:not(.edit-mode) [data-id="p4-team-photo1"]{order:23!important}html:not(.edit-mode) [data-id="p4-team-title1"]{order:24!important}html:not(.edit-mode) [data-id="p4-team-label1"]{order:25!important}html:not(.edit-mode) [data-id="p4-team-photo2"]{order:26!important}html:not(.edit-mode) [data-id="p4-team-title2"]{order:27!important}html:not(.edit-mode) [data-id="p4-team-label2"]{order:28!important}html:not(.edit-mode) [data-id="p5-health0-icon"]{order:10!important}html:not(.edit-mode) [data-id="p5-health0-label"]{order:11!important}html:not(.edit-mode) [data-id="p5-health1-icon"]{order:12!important}html:not(.edit-mode) [data-id="p5-health1-label"]{order:13!important}html:not(.edit-mode) [data-id="p5-health2-icon"]{order:14!important}html:not(.edit-mode) [data-id="p5-health2-label"]{order:15!important}html:not(.edit-mode) [data-id="p5-health3-icon"]{order:16!important}html:not(.edit-mode) [data-id="p5-health3-label"]{order:17!important}html:not(.edit-mode) [data-id="p5-promise"]{order:20!important}html:not(.edit-mode) [data-id="p5-cta0"]{order:21!important}html:not(.edit-mode) [data-id="p5-cta1"]{order:22!important}}
.facts,.fact,.health-flow,.health-step{display:contents}@media(max-width:700px){html:not(.edit-mode) .heading .element{display:block}html:not(.edit-mode) .content-section{scroll-margin-top:44px}html:not(.edit-mode) .facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;order:6;margin-top:15px}html:not(.edit-mode) .fact{display:flex;flex-wrap:wrap;gap:8px;align-items:center}html:not(.edit-mode) .facts .element{display:block!important;order:0!important;margin:0}html:not(.edit-mode) .facts [data-kind="icon"]{width:34px!important}html:not(.edit-mode) .facts [data-id$="-title"]{width:calc(100% - 42px)!important;font-size:24px!important}html:not(.edit-mode) .facts [data-id$="-label"]{font-size:15px!important}html:not(.edit-mode) .health-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;order:10}html:not(.edit-mode) .health-step{display:flex;flex-direction:column;gap:8px;align-items:center}html:not(.edit-mode) .health-step .element{order:0!important;text-align:center;font-size:15px!important}html:not(.edit-mode) .health-step [data-kind="icon"]{align-self:center;width:40px!important}}
.screen-content{display:contents}
@media(min-width:701px){html:not(.edit-mode){scroll-snap-type:y mandatory;scroll-behavior:smooth}html:not(.edit-mode) #viewport{width:100%!important;height:auto!important;overflow:visible}html:not(.edit-mode) #artboard{width:100%!important;height:auto!important;transform:none!important;overflow:visible}html:not(.edit-mode) .content-section{display:block;position:relative;height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:var(--screen-background,#001523)}html:not(.edit-mode) .screen-content{display:block;position:absolute;width:1672px;height:4705px;transform-origin:top left}html:not(.edit-mode) #screen-2{--screen-background:#f8efe1}html:not(.edit-mode) #screen-4,html:not(.edit-mode) #screen-5{--screen-background:#faf6ed}}
@media(min-width:701px){html:not(.edit-mode) .content-section{height:max(100dvh,56.2799vw)}}
:root{--bl-font-ui:"PingFang SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;--bl-font-accent:"Songti SC","Noto Serif SC",serif}
body,#artboard,#artboard .element,.bl-global-header,.bl-global-header a,.bl-global-footer,.bl-global-footer a,#editor-tools,#editor-tools button,#editor-tools input,#editor-tools select,#editor-tools textarea{font-family:var(--bl-font-ui)!important}
.bl-global-footer .bl-footer-manifesto{font-family:var(--bl-font-accent)!important}
#artboard [data-id="p1-signature"]{font-family:var(--bl-font-ui)!important}
/* Portraits extracted from the 2026 company presentation, slide 4. */
[data-id="p4-founder-portrait"] img,[data-id="p4-partner-portrait"] img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
/* P6 / 04: reference-led team composition; original names and biographies remain editable HTML. */
@media (min-width:701px){
#screen-4 [data-id="p4-founder-portrait"]{clip-path:polygon(13% 0,100% 0,92% 100%,0 100%);background:#1d2126}
#screen-4 [data-id="p4-partner-portrait"]{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:#051b32}
#screen-4 [data-id="p4-founder-portrait"] img{position:absolute;left:-45%;top:0;width:145%;max-width:none;height:100%;object-fit:cover;object-position:center top}
#screen-4 [data-id="p4-partner-portrait"] img{position:absolute;left:-16%;top:0;width:116%;max-width:none;height:100%;object-fit:cover;object-position:center top}
#screen-4 [data-id="p4-founder-panel"]{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);box-shadow:inset 0 1px #d8e5ed44}
#screen-4 [data-id="p4-partner-panel"]{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 1px #d8e5ed44}
#screen-4 [data-id="p4-founder-name"]::after,#screen-4 [data-id="p4-partner-name"]::after{display:block;font-size:17px;letter-spacing:.03em;color:#9eadb9;line-height:1.2;margin-top:2px}
#screen-4 [data-id="p4-founder-name"]::after{content:"Founder & CEO"}
#screen-4 [data-id="p4-partner-name"]::after{content:"Partner / AI Architecture"}
#screen-4 .p4-master-landscape{position:absolute;left:0;top:3213px;width:650px;height:207px;z-index:1;pointer-events:none;background-image:url("assets/visual/team-layout-reference-20261014.png");background-repeat:no-repeat;background-size:1672px 559px;background-position:0 -352px;mask-image:linear-gradient(to bottom,transparent 0%,#000 32%)}
#screen-4 .p4-master-shine{position:absolute;left:0;top:2823px;width:645px;height:597px;z-index:1;pointer-events:none;background:linear-gradient(123deg,#fffefa00 47%,#ffffff7a 52%,#fffefa00 57%);opacity:.55}
#screen-4 .p4-master-rail{position:absolute;left:570px;top:2905px;width:48px;height:228px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#7d7d7a;font-size:17px;font-style:normal;line-height:1.1;pointer-events:none}
#screen-4 .p4-master-rail span{text-align:center}
#screen-4 .p4-master-rail small{display:block;font-size:17px;font-style:italic}
#screen-4 .p4-master-rail i{display:block;width:1px;height:21px;background:#9da09e;transform:rotate(12deg)}
#screen-4 .p4-master-founder-note,#screen-4 .p4-master-partner-note{position:absolute;z-index:4;color:#f1e9dbad;font:20px/1.35 "Kaiti SC","STKaiti",serif;letter-spacing:2px;transform:rotate(-7deg);pointer-events:none}
#screen-4 .p4-master-founder-note{left:982px;top:2972px}
#screen-4 .p4-master-partner-note{left:1188px;top:3000px}
#screen-4 .p4-master-founder-quote,#screen-4 .p4-master-partner-quote{position:absolute;z-index:4;color:#b1bdc8;font:15px/1.5 var(--bl-font-ui);pointer-events:none}
#screen-4 .p4-master-founder-quote::before,#screen-4 .p4-master-partner-quote::before{content:"“";display:block;height:24px;font:60px/1 Georgia,serif;color:#6d8492aa}
#screen-4 .p4-master-founder-quote{left:991px;top:3254px;width:140px}
#screen-4 .p4-master-partner-quote{left:1500px;top:3254px;width:158px}
}
@media (max-width:700px){
#screen-4 .p4-master-landscape,#screen-4 .p4-master-shine,#screen-4 .p4-master-rail,#screen-4 .p4-master-founder-note,#screen-4 .p4-master-partner-note,#screen-4 .p4-master-founder-quote,#screen-4 .p4-master-partner-quote{display:none!important}
#screen-4 [data-id="p4-founder-portrait"],#screen-4 [data-id="p4-partner-portrait"]{aspect-ratio:4/3!important;clip-path:none!important}
#screen-4 [data-id="p4-founder-portrait"] img,#screen-4 [data-id="p4-partner-portrait"] img{position:static!important;left:auto!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center top}
}
/* Reference alignment pass: account for persistent header above the fourth screen. */
@media (min-width:701px){
#screen-4 .p4-master-photo-bed{position:absolute;left:1110px;top:2823px;width:562px;height:659px;background:#061c31;z-index:0;pointer-events:none}
#screen-4 .p4-master-photo-bed::after{content:"";position:absolute;left:31px;top:80px;width:2px;height:430px;background:#e8eef2b8;transform:skew(-11deg);box-shadow:0 0 8px #d8eef5a3}
#screen-4 .p4-master-landscape{top:3243px;height:239px;background-size:1672px 621px;background-position:0 -382px;mask-image:linear-gradient(to bottom,transparent 0%,#000 58%)}
#screen-4 .p4-master-landscape::after{content:"";position:absolute;left:0;top:0;width:310px;height:108px;background:linear-gradient(90deg,#f8f5ee 0%,#f8f5eeeb 64%,#f8f5ee00 100%);mask-image:linear-gradient(to bottom,#000 22%,transparent 100%)}
#screen-4 .p4-master-rail{top:2955px}
#screen-4 .p4-master-founder-note{top:3002px}
#screen-4 .p4-master-partner-note{top:3030px}
#screen-4 .p4-master-founder-quote{left:1030px;top:3316px;width:118px;font-size:17px}
#screen-4 .p4-master-partner-quote{left:1530px;top:3316px;width:132px;font-size:17px}
}
/* Round 1: match the reference's portrait scale and the lower biography baseline. */
@media (min-width:701px){
#screen-4 [data-id="p4-founder-portrait"] img{left:-22%;width:120%}
#screen-4 [data-id="p4-founder-panel"]{background:linear-gradient(90deg,#061e2eeb,#061e2ef2)}
#screen-4 [data-id="p4-partner-panel"]{background:linear-gradient(90deg,#061b2ceb,#041c32f5)}
}
/* Round 2: source-reference details stay separate from the editable copy. */
@media (min-width:701px){
#screen-4 .p4-master-shine{background:linear-gradient(123deg,transparent 39%,#e4e8ec70 43%,transparent 47%,#ffffffa8 51%,transparent 55%),radial-gradient(ellipse at 28% 95%,#f2d7ad4a,transparent 64%);opacity:.82}
#screen-4 .p4-master-founder-quote{left:990px;top:3298px;width:140px}
#screen-4 .p4-master-partner-quote{left:1490px;top:3298px;width:158px}
#screen-4 [data-id="p4-founder-bio"],#screen-4 [data-id="p4-partner-bio"]{white-space:normal!important}
#screen-4 .p4-credential{display:block;position:relative;padding-left:34px;line-height:26px;margin-bottom:7px}
#screen-4 [data-id="p4-partner-bio"] .p4-credential{margin-bottom:13px}
#screen-4 .p4-credential::before{content:"✧";position:absolute;left:0;top:2px;width:25px;height:25px;border:1px solid #b4864b;border-radius:50%;color:#c69a5e;font:17px/23px Georgia,serif;text-align:center}
#screen-4 .p4-credential:nth-child(2)::before{content:"⌘"}
#screen-4 .p4-credential:nth-child(3)::before{content:"♧"}
#screen-4 .p4-credential:nth-child(4)::before{content:"♙"}
}
@media (max-width:700px){
#screen-4 .p4-credential{display:block;margin-bottom:4px}
#screen-4 .p4-credential::before{content:"• ";color:#f3bd76}
}
/* Round 3: align the mountain and light marks to the supplied 2169×725 frame. */
@media (min-width:701px){
#screen-4 .p4-master-landscape{background-position:0 -362px}
#screen-4 .p4-master-landscape::after{height:118px;background:linear-gradient(90deg,#f8f5ee 0%,#f8f5eef5 68%,#f8f5ee00 100%)}
#screen-4 .p4-master-founder-note::after,#screen-4 .p4-master-partner-note::after{display:block;position:absolute;color:#eee4d2a8;font:18px/1 "Kaiti SC","STKaiti",serif;white-space:nowrap;border-bottom:1px solid #eee4d288;padding:0 4px 4px;transform:rotate(-6deg)}
#screen-4 .p4-master-founder-note::after{content:"陆海波";left:53px;top:62px}
#screen-4 .p4-master-partner-note::after{content:"黄锐";left:24px;top:76px}
}
/* Round 4: founder's diagonal and source portrait match the reference crop. */
@media (min-width:701px){
#screen-4 [data-id="p4-founder-portrait"]{clip-path:polygon(11% 0,100% 0,92% 100%,0 100%)}
#screen-4 [data-id="p4-founder-portrait"] img{left:-29%;top:10px;width:120%}
}
/* Round 5: place handwritten accents on the same dark areas as the master. */
@media (min-width:701px){
#screen-4 .p4-master-founder-note{left:1017px;top:2990px}
#screen-4 .p4-master-partner-note{left:1223px;top:3024px}
}
/* Reference-photo component: the upper photographic band comes from the
supplied composition; headings and both biographies stay native HTML. */
@media (min-width:701px){
html:not(.edit-mode) #screen-4 .p4-master-photo-bed{
left:0;top:2925px;width:1672px;height:307px;z-index:2;
background:#061b2d url("assets/visual/team-layout-reference-20261014.png") 0 0 / 1672px 559px no-repeat;
clip-path:polygon(41.1% 0,100% 0,100% 100%,37.8% 100%);
}
html:not(.edit-mode) #screen-4 .p4-master-photo-bed::after{display:none}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-portrait"],
html:not(.edit-mode) #screen-4 [data-id="p4-partner-portrait"],
html:not(.edit-mode) #screen-4 .p4-master-founder-note,
html:not(.edit-mode) #screen-4 .p4-master-partner-note{visibility:hidden}
#screen-4 [data-id="p4-founder-panel"]{
clip-path:polygon(6.2% 0,89% 0,83% 100%,1.4% 100%);
}
#screen-4 [data-id="p4-partner-panel"]{
clip-path:polygon(6.3% 0,100% 0,100% 100%,0 100%);
}
#screen-4 [data-id="p4-partner-panel"]::before{
content:"";position:absolute;left:0;top:0;width:2px;height:100%;
transform:skew(-8deg);transform-origin:bottom;background:#bfe8f8;
box-shadow:0 0 8px #d8f0ffbd;
mask-image:linear-gradient(to bottom,#000 0%,#000 34%,transparent 72%);
}
html:not(.edit-mode) #screen-4 .p4-master-rail{left:586px}
html:not(.edit-mode) #screen-4 #background-4{
background:linear-gradient(115deg,#fcf5ee 0%,#f3f1ed 35%,#e8eef5 100%)!important;
}
html:not(.edit-mode) #screen-4 .p4-master-landscape{
background-size:1672px 559px;
background-position:0 -318px;
}
html:not(.edit-mode) #screen-4 .p4-credential::before{
content:""!important;left:-2px;top:-2px;width:31px;height:31px;border:0;
border-radius:50%;box-shadow:none;
background-image:url("assets/visual/team-layout-reference-20261014.png");
background-size:1672px 559px;background-repeat:no-repeat;
}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(1){margin-bottom:14px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(2){line-height:19px;margin-bottom:2px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(3){margin-bottom:14px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(1)::before{background-position:-678px -390px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(2)::before{background-position:-678px -429px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(3)::before{background-position:-678px -471px}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-bio"] .p4-credential:nth-child(4)::before{background-position:-678px -511px}
html:not(.edit-mode) #screen-4 [data-id="p4-partner-bio"] .p4-credential{line-height:29px;margin-bottom:13px}
html:not(.edit-mode) #screen-4 [data-id="p4-partner-bio"] .p4-credential:nth-child(1)::before{background-position:-1176px -393px}
html:not(.edit-mode) #screen-4 [data-id="p4-partner-bio"] .p4-credential:nth-child(2)::before{background-position:-1176px -436px}
html:not(.edit-mode) #screen-4 [data-id="p4-partner-bio"] .p4-credential:nth-child(3)::before{background-position:-1176px -476px}
}
/* The source-photo band must yield to a portrait replaced in the page editor. */
@media (min-width:701px){
html:not(.edit-mode) #screen-4:has([data-id="p4-founder-portrait"] img:not([data-p4-reference-portrait])) .p4-master-photo-bed,
html:not(.edit-mode) #screen-4:has([data-id="p4-partner-portrait"] img:not([data-p4-reference-portrait])) .p4-master-photo-bed{display:none}
html:not(.edit-mode) #screen-4:has([data-id="p4-founder-portrait"] img:not([data-p4-reference-portrait])) [data-id="p4-founder-portrait"],
html:not(.edit-mode) #screen-4:has([data-id="p4-founder-portrait"] img:not([data-p4-reference-portrait])) [data-id="p4-partner-portrait"],
html:not(.edit-mode) #screen-4:has([data-id="p4-partner-portrait"] img:not([data-p4-reference-portrait])) [data-id="p4-founder-portrait"],
html:not(.edit-mode) #screen-4:has([data-id="p4-partner-portrait"] img:not([data-p4-reference-portrait])) [data-id="p4-partner-portrait"]{visibility:visible}
}
/* Reuse the existing vertical label rail. Its reference artwork is limited to
a narrow decorative strip; the DOM labels remain available in edit mode. */
@media (min-width:701px){
#screen-4 .p4-master-rail{top:2983px;height:302px}
html:not(.edit-mode) #screen-4 .p4-master-rail > *{visibility:hidden}
html:not(.edit-mode) #screen-4 .p4-master-rail::before{
content:"";position:absolute;left:-55px;top:-58px;width:125px;height:400px;z-index:-1;
background:url("assets/visual/team-layout-reference-20261014.png") -531px 0 / 1672px 559px no-repeat;
mask-image:linear-gradient(to right,transparent,#000 12%,#000 82%,transparent),linear-gradient(to bottom,#000 0%,#000 85%,transparent);
mask-composite:intersect;
}
html:not(.edit-mode) #screen-4 [data-id="p4-founder-panel"],
html:not(.edit-mode) #screen-4 [data-id="p4-partner-panel"]{filter:saturate(1.3)}
html:not(.edit-mode) #screen-4 .p4-master-founder-quote,
html:not(.edit-mode) #screen-4 .p4-master-partner-quote{
color:transparent;height:130px;
background-image:url("assets/visual/team-layout-reference-20261014.png");
background-size:1672px 559px;background-repeat:no-repeat;
mask-image:linear-gradient(to right,transparent,#000 7%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);
mask-composite:intersect;
}
html:not(.edit-mode) #screen-4 .p4-master-founder-quote{background-position:-990px -373px}
html:not(.edit-mode) #screen-4 .p4-master-partner-quote{
left:1475px;width:180px;background-position:-1475px -373px;
}
html:not(.edit-mode) #screen-4 .p4-master-founder-quote::before,
html:not(.edit-mode) #screen-4 .p4-master-partner-quote::before{display:none}
}
/* Let the desktop footer participate in the five-screen snap sequence. */
@media(min-width:701px){html:not(.edit-mode) .bl-global-footer{scroll-snap-align:start;scroll-snap-stop:always}}
/* Original-resolution independent portraits, 2026-10-15. Shared diagonal joins both photos. */
@media(min-width:701px){
#screen-4 [data-id="p4-founder-portrait"]{clip-path:polygon(9.5% 0,100% 0,90.3% 100%,0 100%)}
#screen-4 [data-id="p4-founder-portrait"] img{left:-30%;top:0;width:130%;height:100%}
#screen-4 [data-id="p4-partner-portrait"]{clip-path:polygon(10.8% 0,100% 0,100% 100%,0 100%)}
}
/* Team photograph and biography boundaries share continuous parallel diagonals. */
@media(min-width:701px){
#screen-4 [data-id="p4-founder-panel"]{clip-path:polygon(45px 0,100% 0,calc(100% - 45px) 100%,0 100%)}
#screen-4 [data-id="p4-partner-panel"]{clip-path:polygon(45px 0,100% 0,100% 100%,0 100%)}
#screen-4 [data-id="p4-partner-panel"]::before{display:none}
#screen-4 [data-id="p4-founder-portrait"] img{left:-12%;top:0;width:105%;height:100%;object-fit:cover;object-position:center top}
#screen-4 [data-id="p4-partner-portrait"] img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center top}
#screen-4 [data-id="p4-founder-portrait"]{background:#151a1d}
}
@media(min-width:701px){
#screen-4 [data-id="p4-founder-portrait"] img{left:0;width:100%}
#screen-4 [data-id="p4-team-photo0"]{clip-path:polygon(0 0,100% 0,calc(100% - 36px) 100%,0 100%)}
#screen-4 [data-id="p4-team-photo1"]{clip-path:polygon(36px 0,100% 0,calc(100% - 36px) 100%,0 100%)}
#screen-4 [data-id="p4-team-photo2"]{clip-path:polygon(36px 0,100% 0,100% 100%,0 100%)}
#screen-4 [data-id^="p4-team-photo"] > svg{transform:scale(1.4);transform-origin:center}
}