/* Illustrations carry the overview; the selectable example explains the work. */
.brand-cycle{padding:96px 36px 80px;background:radial-gradient(ellipse at 80% 8%,#07445266,transparent 36%),linear-gradient(180deg,#03151f,#020d14);overflow:clip}
.brand-cycle>.container{max-width:1240px;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px 56px}
.bc-intro{align-self:center}
.brand-cycle .brand-cycle-eyebrow{font-size:11px;letter-spacing:.12em;color:#7dbbc7;margin:0 0 20px}
.brand-cycle h2{font-size:clamp(30px,3.1vw,44px);line-height:1.55;letter-spacing:.015em}
.brand-cycle .brand-cycle-lead{font-size:16px;line-height:2.05;margin:24px 0 0;color:#aeced6}
.brand-cycle-lead strong{display:block;margin-top:12px;color:#e0f5f6;font-weight:600}
.bc-overview{min-width:0;margin:0;background:#041b25bb;border:1px solid #337b8a;box-shadow:0 0 70px #0e93a60c}
.bc-overview-heading{padding:20px 24px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}
.bc-overview-heading>span:first-child{color:#d5f5f6;font:700 17px/1.6 var(--font-grotesk,sans-serif);letter-spacing:.04em}
.bc-overview-heading i{color:#4d9b9f;font-style:normal;font-weight:400;margin-inline:3px}
.bc-overview-small{color:#80aeb9;font-size:10px}
.bc-overview>img{display:block;width:100%;height:auto;aspect-ratio:720/440;object-fit:contain}
.bc-overview-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 22px 22px;border-top:1px solid #2b5360;border-bottom:1px solid #2b5360}
.bc-overview-roles>span{padding:12px 4px;color:#a5ccd3;text-align:center;font-size:11px;line-height:1.8}
.bc-overview-roles>span+span{border-left:1px solid #2b5360}
.bc-overview-roles b{display:block;color:#81e5eb;font-size:14px;font-weight:700}
.bc-overview figcaption{display:flex;align-items:flex-start;gap:16px;padding:0 24px 24px}
.bc-overview figcaption>b{padding:9px 10px;border:1px solid #61baa8;color:#88f2d4;font:700 20px/1 var(--font-grotesk,sans-serif)}
.bc-overview figcaption strong{font-size:16px;line-height:1.6;color:#bcf2e4}
.bc-overview figcaption p{font-size:12px;line-height:1.9;color:#a6c9cf;margin:7px 0 0}
.bc-example{grid-column:1/-1;padding-top:10px}
.bc-example>span{display:block;font-size:13px;color:#80c9d2;margin-bottom:12px}
.bc-example h3{font-size:clamp(24px,2.2vw,32px);line-height:1.7;color:#e2f3f5;margin:0}
.bc-example>p{font-size:13px;line-height:1.9;color:#8eafb9;margin:13px 0 0}
.bc-explorer{grid-column:1/-1;min-width:0;margin-top:-22px}
.bc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.bc-tabs[hidden],.bc-panel[hidden]{display:none!important}
.bc-tabs button{position:relative;text-align:left;border:1px solid #2c5664;border-bottom:3px solid #2c5664;background:#06202b;color:#b1ccd5;padding:18px 20px;min-height:90px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.bc-tabs button>span{display:flex;align-items:center;gap:13px}
.bc-tabs small{color:#73a8b4;font:500 10px/1.5 var(--font-mono,monospace)}
.bc-tabs b{font:700 20px/1.4 var(--font-grotesk,sans-serif);letter-spacing:.04em}
.bc-tabs strong{display:block;margin-top:7px;font-size:13px;font-weight:500;line-height:1.5}
.bc-tabs button[aria-selected="true"]{color:#d8ffff;border-color:#69e4ec;background:#0b3440;box-shadow:inset 0 0 28px #16a1b51c}
.bc-tabs button[aria-selected="true"] small{color:#9ce9eb}
.bc-tabs button[aria-selected="true"]::after{content:'✓';position:absolute;right:15px;top:17px;font-size:14px;color:#8df3d4}
.bc-tabs button:hover{background:#0b303c;border-color:#74d0d9}
.bc-tabs button:focus-visible,.bc-panel:focus-visible,.bc-detail-link:focus-visible,.bc-evidence a:focus-visible{outline:2px solid #83f0ef;outline-offset:5px}
.bc-panel{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #386875;background:linear-gradient(135deg,#08222d,#04131c);min-width:0}
.bc-panel+.bc-panel{margin-top:24px}
[data-bc-enhanced="true"] .bc-panel+.bc-panel{margin-top:0}
.bc-panel-visual{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px 14px;background:radial-gradient(ellipse at center,#0c465259,transparent 70%);border-right:1px solid #2c505d}
.bc-panel-domain{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:18px}
.bc-panel-domain>span{color:#9ae5e8;font:600 13px/1.7 var(--font-grotesk,sans-serif)}
.bc-panel-domain>strong{color:#a8cbcF;font-size:12px;font-weight:500}
.bc-panel-visual img{display:block;width:100%;height:auto;aspect-ratio:720/440;object-fit:contain;margin-block:16px}
.bc-visual-caption{font-size:13px;line-height:1.9;color:#92dfcf;margin:0;padding:12px 18px 0;border-top:1px solid #27535e}
.bc-panel-copy{padding:32px 34px;min-width:0}
.bc-panel-copy h3{font-size:27px;line-height:1.65;letter-spacing:.015em;color:#dff8f8;margin:0}
.bc-panel-intro{font-size:14px;line-height:1.95;color:#accbd4;margin:17px 0 24px}
.bc-task-list{margin:0;padding:0;list-style:none}
.bc-task-list li{display:flex;gap:14px;padding:17px 0;border-top:1px solid #254b57}
.bc-task-list li>span{color:#68c2ce;font:500 11px/1.9 var(--font-mono,monospace);padding-top:2px;flex-shrink:0}
.bc-task-list h4{font-size:15px;line-height:1.6;margin:0 0 7px;color:#dbf0f2}
.bc-task-list p{font-size:13px;line-height:1.95;color:#a7c4cf;margin:0}
.bc-takeaway{margin:7px 0 20px;padding:15px 18px;border-left:2px solid #72d2b8;background:#4bcaad0c}
.bc-takeaway span{display:block;font-size:10px;line-height:1.7;color:#83b7ac}
.bc-takeaway strong{display:block;font-size:16px;line-height:1.8;color:#a4efdc;margin-top:5px}
.bc-detail-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;min-height:44px;font-size:13px;font-weight:600;line-height:1.9;color:#88dce7;border-bottom:1px solid #3d7884}
.bc-evidence{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding-top:12px}
.bc-evidence h3{font-size:26px;line-height:1.75;margin:0;color:#d9eff2}
.bc-evidence-links{border-top:1px solid #2e5b68}
.bc-evidence-links>a{display:flex;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid #2e5b68;text-decoration:none}
.bc-evidence-number{align-self:flex-start;color:#5fa3b2;font:500 11px/1.7 var(--font-mono,monospace)}
.bc-evidence-links>a>div{flex:1;min-width:0}
.bc-evidence-links a div>span{display:block;color:#83b9c4;font-size:11px;line-height:1.7}
.bc-evidence-links strong{display:block;color:#c6edf1;font-size:17px;line-height:1.75;margin:4px 0}
.bc-evidence-links p{color:#91b5c1;font-size:12px;line-height:1.9;margin:0}
.bc-evidence-links>a>span:last-child{color:#75ccd9}
@media(max-width:1000px){.brand-cycle>.container{column-gap:30px}.bc-overview-small{display:none}.bc-panel-copy{padding:26px}.bc-tabs button{padding:16px}.bc-panel-copy h3{font-size:24px}}
@media(max-width:760px){
 .brand-cycle{padding:48px 20px 52px;scroll-margin-top:82px}
 .brand-cycle>.container{display:block}
 .brand-cycle .brand-cycle-eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:16px}
 .brand-cycle h2{font-size:clamp(27px,6.6vw,34px);line-height:1.6;letter-spacing:0}
 .brand-cycle .brand-cycle-lead{font-size:15px;line-height:1.95;margin-top:22px}
 .brand-cycle-lead br{display:none}
 .brand-cycle-lead strong{margin-top:10px}
 .bc-overview{margin-top:26px}
 .bc-overview-heading{padding:16px 16px 0}
 .bc-overview-heading>span:first-child{font-size:16px;letter-spacing:0}
 .bc-overview-heading i{margin-inline:2px}
 .bc-overview-roles{margin:0 14px 19px}
 .bc-overview-roles>span{font-size:11px;padding:10px 2px}
 .bc-overview-roles b{font-size:15px}
 .bc-overview figcaption{padding:0 16px 20px;gap:12px}
 .bc-overview figcaption>b{font-size:19px;padding:8px}
 .bc-overview figcaption strong{font-size:16px}
 .bc-overview figcaption p{font-size:13px;line-height:1.9}
 .bc-example{padding-top:38px}
 .bc-example>span{font-size:12px;margin-bottom:10px}
 .bc-example h3{font-size:23px;line-height:1.7;letter-spacing:0}
 .bc-example>p{font-size:13px;margin:12px 0 20px}
 .bc-explorer{margin-top:0}
 .bc-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
 .bc-tabs button{padding:13px 12px;min-height:85px}
 .bc-tabs b{font-size:19px}
 .bc-tabs strong{font-size:12px;margin-top:6px}
 .bc-tabs button>span{gap:9px}
 .bc-tabs button[aria-selected="true"]::after{top:13px;right:11px;font-size:13px}
 .bc-panel{display:block}
 .bc-panel-visual{padding:20px 0 17px;border-right:0;border-bottom:1px solid #2c505d}
 .bc-panel-domain{padding-inline:18px;gap:8px}
 .bc-panel-domain>span{font-size:13px}
 .bc-panel-domain>strong{font-size:11px}
 .bc-panel-visual img{margin-block:10px}
 .bc-visual-caption{font-size:12px;padding:12px 18px 0;margin-inline:14px;text-align:center}
 .bc-panel-copy{padding:23px 20px 22px}
 .bc-panel-copy h3{font-size:24px;line-height:1.65}
 .bc-panel-intro{font-size:15px;line-height:1.95;margin:17px 0 23px}
 .bc-task-list li{gap:11px;padding:19px 0}
 .bc-task-list h4{font-size:16px;line-height:1.7;margin-bottom:7px}
 .bc-task-list p{font-size:14px;line-height:1.95}
 .bc-task-list li>span{font-size:10px;padding-top:5px}
 .bc-takeaway{padding:14px 15px;margin:7px 0 15px}
 .bc-takeaway span{font-size:11px}
 .bc-takeaway strong{font-size:17px}
 .bc-detail-link{font-size:13px}
 .bc-evidence{display:block;padding-top:36px}
 .bc-evidence h3{font-size:23px;line-height:1.7}
 .bc-evidence-links{margin-top:22px}
 .bc-evidence-links>a{gap:12px;padding:19px 0}
 .bc-evidence-links strong{font-size:16px}
 .bc-evidence-links p{font-size:13px}
}
@media(max-width:360px){.brand-cycle{padding-inline:16px}.bc-panel-copy{padding-inline:16px}.bc-example h3,.bc-panel-copy h3{font-size:22px}.bc-tabs strong{font-size:11px}.bc-overview-heading>span:first-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bc-tabs button{transition:none}}

/* Photoreal building, matching inspection numbers, and concrete handoffs. */
.bc-overview,.bc-panel{scroll-margin-top:90px}
.bc-role-summary{margin:26px 0 0;border-top:1px solid #2b5662}
.bc-role-summary>div{position:relative;display:grid;grid-template-columns:54px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #254550;font-size:14px;line-height:1.7}
.bc-role-summary>div::before,.bc-role-summary>div::after{content:'';position:absolute;pointer-events:none;background:#43c8ff}
.bc-role-summary>div::before{display:none}
.bc-role-summary>div::after{height:1px;width:100%;left:0;bottom:-1px;transform:scaleX(0);transform-origin:left;box-shadow:0 0 5px #43c8ff88}
.bc-role-summary.is-tracing>div::after{animation:bc-line-across .38s ease-out both;animation-delay:var(--bc-line-delay,0s)}
.bc-role-summary>div:nth-child(2){--bc-line-delay:.09s}.bc-role-summary>div:nth-child(3){--bc-line-delay:.18s}.bc-role-summary>div:nth-child(4){--bc-line-delay:.27s}
@keyframes bc-line-across{to{transform:scaleX(1)}}
.bc-tabs button[aria-selected="true"]::after{content:none}
.bc-role-summary dt{color:#7edce4;font-weight:700}.bc-role-summary dd{margin:0;color:#c0d8df}
.bc-photo-title{margin:12px 24px 18px;color:#a4c6d0;font-size:14px;line-height:1.8}
.bc-photo-title strong{display:block;font-size:21px;color:#def5f6;font-weight:700}
.bc-real-scene{position:relative;isolation:isolate;border-block:1px solid #286375;background:#03151f}
.bc-real-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.bc-photo-pin{position:absolute;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:2px solid #a9fcf4;color:#e8fffb;background:#073747ed;font:700 13px/1 var(--font-mono,monospace);box-shadow:0 0 0 6px #0c6b7166;transform:translate(-50%,-50%)}
.bc-photo-pin--roof{left:58%;top:14%}.bc-photo-pin--wall{left:77%;top:48%}.bc-photo-pin--water{left:31%;top:35%}
.bc-photo-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:20px 24px 0;margin:0}
.bc-photo-key li{display:flex;align-items:flex-start;gap:7px;min-width:0}
.bc-photo-key b{color:#7be9db;font:500 10px/1.8 var(--font-mono,monospace);padding-top:2px}
.bc-photo-key strong{display:block;color:#d5f0f3;font-size:13px;line-height:1.7}
.bc-photo-key span{display:block;color:#93bac5;font-size:11px;line-height:1.8;margin-top:3px}
.bc-image-note{padding:0 24px;margin:12px 0 23px;font-size:10px;line-height:1.7;color:#88a7b2}
.bc-overview figcaption{border-top:1px solid #255563;padding-top:20px}
.bc-panel-visual{justify-content:flex-start;padding:25px 14px}
.bc-panel-visual img{aspect-ratio:720/620}
.bc-case{border-top:1px solid #2b5360;padding:23px 18px 19px}
.bc-case>span,.bc-handoff>span{font-size:11px;font-weight:600;line-height:1.7;color:#77c2cf;letter-spacing:.04em}
.bc-case h4{font-size:17px;line-height:1.8;margin:9px 0 11px;color:#e0f3f4}
.bc-case p{font-size:14px;line-height:1.95;color:#a9c8d2;margin:0}
.bc-handoff{margin:0 18px 22px;padding:16px 18px;border:1px solid #397269;background:#214c431f}
.bc-handoff>span{color:#9cddcb}
.bc-handoff ul{margin:10px 0 0;padding:0;list-style:none}
.bc-handoff li{position:relative;padding-left:20px;font-size:14px;line-height:1.9;color:#c6e7df;margin-top:5px}
.bc-handoff li::before{content:'—';position:absolute;left:0;color:#83cfe2}
.bc-task-list .bc-task-output{margin-top:12px;padding:10px 12px;background:#3a718325;color:#b9dfe5;font-size:12px;line-height:1.8}
.bc-task-output b{display:block;color:#70bfcf;font-size:10px;font-weight:600;margin-bottom:3px}
.bc-evidence-intro{color:#a1c1cd;font-size:14px;line-height:1.95;margin:18px 0 0}
@media(max-width:1000px){.bc-photo-key{grid-template-columns:1fr;gap:10px}.bc-photo-key li>div{display:flex;align-items:baseline;gap:10px}.bc-photo-key span{margin-top:0}.bc-photo-key strong{font-size:14px}}
@media(max-width:760px){
 .bc-role-summary{margin-top:22px}.bc-role-summary>div{font-size:14px;padding:10px 0}
 .bc-photo-title{margin:12px 16px 16px;font-size:13px}.bc-photo-title strong{font-size:19px}
 .bc-photo-pin{width:30px;height:30px;font-size:11px;box-shadow:0 0 0 4px #0c6b7166}
 .bc-photo-key{padding:18px 16px 0;gap:11px}.bc-photo-key li{gap:9px}.bc-photo-key b{font-size:11px}.bc-photo-key strong{font-size:14px}.bc-photo-key span{font-size:12px}
 .bc-image-note{padding:0 16px;margin:12px 0 18px}
 .bc-overview figcaption{padding-top:18px}
 .bc-panel-visual{padding:20px 0 17px}
 .bc-case{padding:20px 18px}.bc-case h4{font-size:17px}.bc-case p{font-size:14px}
 .bc-handoff{margin:0 18px 20px;padding:14px}.bc-handoff li{font-size:14px}
 .bc-task-list .bc-task-output{font-size:13px}.bc-task-output b{font-size:11px}
}
@media(max-width:360px){.bc-photo-key li>div{display:block}.bc-photo-key span{margin-top:2px}.bc-photo-title strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.bc-role-summary>div::before,.bc-role-summary>div::after{animation:none!important;transform:none}}

/* One overview of the four roles; building inspection appears only in its detail. */
.bc-intro--overview{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;column-gap:56px;align-items:start;min-width:0}
.bc-intro--overview .brand-cycle-eyebrow{grid-column:1/-1}
.bc-intro--overview h2{grid-column:1;grid-row:2}
.bc-intro--overview .brand-cycle-lead{grid-column:1;grid-row:3}
.bc-intro--overview .bc-role-summary{grid-column:2;grid-row:2/4;align-self:center;margin:0}
@media(max-width:1000px){.bc-intro--overview{column-gap:30px}}
@media(max-width:760px){.bc-intro--overview{display:block}.bc-intro--overview .bc-role-summary{margin-top:24px}}