/* Selected concepts: Working canvas on Home, photographic Observatory on About. */
.approved-art { margin:0; font-family:var(--font); color:var(--ink); font-weight:400; letter-spacing:normal; line-height:1.4; }
.approved-art :where(h2,h3,p,figure,pre) { margin:0; }
.approved-art button { font-family:var(--font); font-weight:400; letter-spacing:normal; line-height:1.2; box-shadow:none; cursor:pointer; }
.approved-art button:focus-visible { outline:2px solid var(--cobalt); outline-offset:4px; }
.approved-art.motion-scene { --progress:1;--typing:1;--result:1;position:relative;isolation:isolate;min-width:0 }
.approved-art .motion-controls { display:none;justify-content:flex-end;gap:7px;margin-top:17px;position:relative;z-index:10 }
.approved-art-ready .approved-art .motion-controls { display:flex }
.approved-art .motion-controls button { border:1px solid #CBD5E5;border-radius:5px;background:#fff;color:#43536E;padding:8px 11px;font-size:11px;min-height:35px }
.approved-art .motion-controls button[aria-pressed=true] { background:#EAF0FF;border-color:#155EEF;color:#155EEF }
.approved-art.working-canvas { padding:0 0 0 10px;margin-top:-15px }
.approved-art .source-manifold { position:relative;max-width:500px;margin:0 auto -8px;height:172px;z-index:1 }
.approved-art .source-manifold pre { font:12px/16px JetBrains Mono,monospace;color:#087F8C;text-align:center;white-space:pre }
.approved-art .flow-packet { position:absolute;background:#155EEF;color:white;padding:3px 5px;border:2px solid white;border-radius:4px;font:9px JetBrains Mono,monospace;left:50%;top:10px;opacity:0;transform:translateX(-50%) }
.approved-art .fp1 { --start:-180px }
.approved-art .fp2 { --start:0px;background:#8155D9 }
.approved-art .fp3 { --start:180px;background:#087F8C }
.approved-art .color-arc { position:absolute;width:230px;height:230px;background:#F3CF59;border-radius:50%;right:-14px;top:88px;z-index:-2 }
.approved-art .violet-bracket { position:absolute;left:-18px;top:215px;width:155px;height:285px;border:22px solid #8155D9;border-radius:6px;transform:rotate(-9deg);z-index:-1 }
.approved-art .studio-window { background:#fff;border:1px solid #BECDE3;border-radius:11px;box-shadow:9px 11px 0 #DDE6F480,0 14px 40px #24334B09;overflow:hidden;position:relative;z-index:2 }
.approved-art .window-top { display:flex;align-items:center;gap:13px;background:#F8FAFD;border-bottom:1px solid #DCE3EF;padding:14px 16px;font-size:11px;color:#53617B }
.approved-art .window-dots { letter-spacing:2px;font-size:7px;color:#A1ABC0 }
.approved-art .window-menu { margin-left:auto;font-size:11px;letter-spacing:2px }
.approved-art .studio-layout { display:grid;grid-template-columns:41px 1fr }
.approved-art .studio-layout aside { border-right:1px solid #E3E8F0;background:#FAFBFF;display:flex;flex-direction:column;align-items:center;gap:19px;padding:19px 0 }
.approved-art .rail-icon { font-size:18px;color:#8494AC }
.approved-art .rail-icon.selected { color:#155EEF }
.approved-art .window-content { min-width:0 }
.approved-art .stage-nav { display:flex;gap:22px;border-bottom:1px solid #E5EAF2;padding:0 18px;min-height:48px }
.approved-art .stage-nav button { border:0;background:transparent;color:#75839A;font-size:11px;padding:13px 0 11px;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent }
.approved-art .stage-nav button[aria-pressed=true] { border-bottom-color:#155EEF;color:#155EEF }
.approved-art .stage-nav i { width:5px;height:5px;border-radius:50%;background:currentColor }
.approved-art .screen { padding:18px 18px 12px;height:369px }
.approved-art .screen:not([data-screen='2']) { display:none }
.approved-art-ready .approved-art[data-step='0'] .screen,
.approved-art-ready .approved-art[data-step='1'] .screen,
.approved-art-ready .approved-art[data-step='2'] .screen { display:none }
.approved-art-ready .approved-art[data-step='0'] .screen[data-screen='0'],
.approved-art-ready .approved-art[data-step='1'] .screen[data-screen='1'],
.approved-art-ready .approved-art[data-step='2'] .screen[data-screen='2'] { display:block }
.approved-art .screen-title { display:flex;align-items:center;gap:12px;font-size:10px;color:#53617B;margin-bottom:18px;min-height:22px }
.approved-art .screen-title img { width:86px;height:auto }
.approved-art .screen-title img.power-bi { height:22px;width:18px }
.approved-art .tiny-filter { margin-left:auto;padding:4px 6px;border:1px solid #E5EAF2;border-radius:3px;font-size:9px }
.approved-art .dbt-word { font-size:22px;color:#17233A;letter-spacing:-.05em }
.approved-art .query-box { position:relative;display:flex;gap:15px;border:1px solid #DCE3EF;background:#F7F9FD;border-radius:5px;padding:15px 12px;margin-bottom:16px;line-height:1.7;font:11px/1.7 JetBrains Mono,monospace;min-height:88px }
.approved-art .query-box code { font:inherit;color:#155EEF;position:relative;display:block }
.approved-art .line-no { color:#99A5B8 }
.approved-art .query-box .code-full { visibility:hidden;white-space:pre-wrap }
.approved-art .query-box .code-typed { position:absolute;inset:0;white-space:pre-wrap }
.approved-art .code-typed::after { content:'';display:inline-block;width:1px;height:1em;background:#155EEF;vertical-align:middle;margin-left:2px }
.approved-art .model-code { min-height:129px }
.approved-art .execution { display:flex;align-items:center;gap:8px;font-size:10px;color:#53617B;margin:12px 0 }
.approved-art .execution>span:last-child { margin-left:auto }
.approved-art .spinner { width:10px;height:10px;border:1.5px solid #CED8E7;border-top-color:#155EEF;border-radius:50% }
.approved-art table { width:100%;border-collapse:collapse;font-size:10px;line-height:1.45;text-align:left }
.approved-art th { font-weight:500;color:#53617B;background:#F0F4FB }
.approved-art th,
.approved-art td { padding:6px 7px;border-bottom:1px solid #E5EAF2 }
.approved-art td { font-family:JetBrains Mono,monospace;font-size:9px }
.approved-art tbody tr { opacity:1 }
.approved-art .window-foot { display:flex;justify-content:space-between;gap:8px;border-top:1px solid #E5EAF2;margin-top:13px;padding-top:10px;font-size:9px;color:#75839A }
.approved-art .status-good { color:#087F8C;white-space:nowrap }
.approved-art .test-list { display:grid;gap:0 }
.approved-art .test-list>div { display:flex;gap:10px;align-items:center;border-bottom:1px solid #E5EAF2;padding:10px 0;font-size:11px }
.approved-art .test-list i { font-style:normal;background:#E3F2EF;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#087F8C }
.approved-art .test-list b { margin-left:auto;font:9px JetBrains Mono,monospace;color:#087F8C }
.approved-art .report-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 16px }
.approved-art .report-kpis>div { display:flex;flex-direction:column;border-right:1px solid #E0E7F1;gap:7px }
.approved-art .report-kpis>div:last-child { border:0 }
.approved-art .report-kpis span { font-size:10px;color:#53617B }
.approved-art .report-kpis strong { font-size:30px;font-weight:600;line-height:1;letter-spacing:-.045em }
.approved-art .report-kpis strong small { font-size:13px;font-weight:400;letter-spacing:0 }
.approved-art .report-kpis small { font-size:8px;color:#75839A }
.approved-art .report-chart { width:100%;height:auto;display:block }
.approved-art .report-chart .bars rect { transform-origin:50px center;transform:scaleX(var(--result)) }
.approved-art .insight { display:flex;align-items:center;gap:10px;background:#F0E9FC;padding:9px 10px;border-radius:5px;margin-top:4px }
.approved-art .insight>span { color:#8155D9;font-size:22px }
.approved-art .insight p { font-size:10px;line-height:1.5 }
.approved-art .insight strong { font-weight:550 }
.approved-art .lineage-ticket { display:flex;align-items:center;gap:13px;max-width:90%;margin:21px 0 0 -12px;background:#fff;box-shadow:0 4px 18px #20354E07;border:1px solid #CED9E9;border-radius:8px;padding:14px 17px;position:relative;z-index:3 }
.approved-art .ticket-icon { height:33px;width:33px;flex-shrink:0;background:#F0E9FC;color:#8155D9;display:grid;place-items:center;border-radius:7px;font-size:20px }
.approved-art .lineage-ticket strong { display:block;font-size:12px;font-weight:550;margin-bottom:4px }
.approved-art .lineage-ticket span:not(.ticket-icon) { font-size:10px;color:#75839A }
.approved-art .lineage-ticket svg { width:90px;margin-left:auto;flex-shrink:0 }
.approved-art.about-photo { position:relative;min-height:650px }
.approved-art .photo-composition { height:565px;position:relative;isolation:isolate }
.approved-art .photo-crop { position:absolute;top:16px;right:8px;width:86%;height:430px;overflow:hidden;border-radius:48% 48% 8px 48%;transform:rotate(-7deg);z-index:1;background:#EEF1F5 }
.approved-art .photo-crop img { height:100%;width:100%;object-fit:cover;object-position:57% 45%;filter:grayscale(1) contrast(1.12);transform:rotate(7deg) scale(1.16) }
.approved-art .photo-sun { position:absolute;top:-15px;right:-3px;width:160px;height:160px;border-radius:50%;background:#F3CF59;z-index:3;mix-blend-mode:multiply }
.approved-art .photo-violet { position:absolute;right:-8px;bottom:25px;width:210px;height:210px;border:34px solid #8155D9;border-radius:50%;z-index:0 }
.approved-art .photo-coordinate { position:absolute;top:20px;left:30px;font:24px/65px JetBrains Mono,monospace;color:#fff }
.approved-art .ascii-photo-panel { position:absolute;bottom:4px;left:-30px;width:78%;padding:12px;background:#FFFFFFF5;z-index:4;transform:rotate(-7deg);border:1px solid #DCE3EF;box-shadow:0 7px 0 #EAF0FF;border-radius:4px;overflow:hidden }
.approved-art .ascii-photo-panel pre { font:7px/7px JetBrains Mono,monospace;color:#087F8C;white-space:pre;letter-spacing:0;max-width:100%;text-align:center }
.approved-art .photo-cross { position:absolute;left:5px;top:25px;font:20px/24px JetBrains Mono,monospace;color:#155EEF;z-index:5 }
.approved-art .photo-scale { position:absolute;left:2px;top:150px;display:flex;flex-direction:column;gap:24px;z-index:5 }
.approved-art .photo-scale i { height:1px;width:17px;background:#155EEF }
.approved-art .photo-scale i:nth-child(2n) { width:9px }
.approved-art .scan-line { height:2px;background:#F3CF59;box-shadow:0 0 15px #F3CF59;position:absolute;inset:0 0 auto;opacity:0;z-index:6 }
.approved-art.about-photo { min-height:620px }
.approved-art.about-photo .photo-composition { height:590px }
.approved-art.about-photo .photo-crop { height:450px }
.approved-art.about-photo .ascii-photo-panel { bottom:0 }
.approved-art.about-photo .photo-violet { bottom:15px;right:5px }
@media(max-width:1200px) {
.approved-art .source-manifold pre { font-size:10px;line-height:14px }
.approved-art .source-manifold { height:153px }
.approved-art .screen { padding:15px 14px 12px;height:367px }
.approved-art .window-top { font-size:9px }
.approved-art .studio-layout { grid-template-columns:32px 1fr }
.approved-art .query-box { font-size:10px }
.approved-art .stage-nav { gap:20px;padding:0 14px }
.approved-art .report-kpis { gap:8px }
.approved-art .report-kpis strong { font-size:28px }
.approved-art .report-kpis span { font-size:9px }
.approved-art .lineage-ticket { max-width:96% }
.approved-art .photo-crop { height:370px }
.approved-art .photo-composition { height:500px }
.approved-art .ascii-photo-panel { left:-15px;width:90%;bottom:0 }
.approved-art .ascii-photo-panel pre { font-size:6px;line-height:6px }
.approved-art .photo-violet { width:175px;height:175px;border-width:28px;bottom:30px }
.approved-art .photo-sun { width:135px;height:135px }
.approved-art.about-photo { min-height:550px }
.approved-art.about-photo .photo-composition { height:510px }
.approved-art.about-photo .photo-crop { height:380px }
}
@media(max-width:900px) {
.approved-art.working-canvas { max-width:660px;width:100%;margin:0 auto }
.approved-art .source-manifold pre { font-size:12px;line-height:16px }
.approved-art .source-manifold { height:172px }
.approved-art .screen { height:380px;padding:20px 24px 14px }
.approved-art .window-top { font-size:11px }
.approved-art .stage-nav { padding:0 24px }
.approved-art .query-box { font-size:12px }
.approved-art .report-kpis strong { font-size:32px }
.approved-art .report-kpis span { font-size:11px }
.approved-art .report-kpis small { font-size:9px }
.approved-art .window-foot { font-size:10px }
.approved-art .insight p { font-size:11px }
.approved-art.about-photo { max-width:570px;width:100%;margin:25px auto 0 }
.approved-art .photo-composition { height:560px }
.approved-art .photo-crop { height:440px }
.approved-art .ascii-photo-panel pre { font-size:7px;line-height:7px }
.approved-art .ascii-photo-panel { width:85% }
.approved-art .photo-violet { height:200px;width:200px;border-width:30px }
.approved-art.about-photo .photo-composition { height:560px }
.approved-art.about-photo .photo-crop { height:430px }
.approved-art.about-photo { min-height:600px }
}
@media(max-width:600px) {
.approved-art.working-canvas { padding:0;margin-top:3px }
.approved-art .source-manifold { height:135px }
.approved-art .source-manifold pre { font-size:7.4px;line-height:12px }
.approved-art .color-arc { width:140px;height:140px;right:-10px;top:75px }
.approved-art .violet-bracket { width:75px;height:210px;border-width:13px;left:-9px;top:190px }
.approved-art .studio-layout { grid-template-columns:1fr }
.approved-art .studio-layout aside { display:none }
.approved-art .window-top { font-size:8px;padding:12px 10px;gap:8px }
.approved-art .window-dots { font-size:5px }
.approved-art .stage-nav { padding:0 12px;min-height:45px;gap:25px }
.approved-art .stage-nav button { font-size:10px }
.approved-art .screen { height:350px;padding:15px 12px 11px }
.approved-art .screen-title { font-size:9px;gap:9px;margin-bottom:14px }
.approved-art .screen-title img { width:76px }
.approved-art .query-box { font-size:9px;padding:13px 9px;gap:9px }
.approved-art .line-no { font-size:9px }
.approved-art .report-kpis strong { font-size:27px }
.approved-art .report-kpis span { font-size:9px }
.approved-art .report-kpis small { font-size:8px;max-width:10ch;line-height:1.4 }
.approved-art .report-kpis strong small { font-size:12px }
.approved-art .report-kpis { gap:8px;padding-bottom:17px }
.approved-art .insight p { font-size:10px }
.approved-art .window-foot { font-size:8px;line-height:1.4 }
.approved-art .lineage-ticket { padding:12px 13px;max-width:96%;margin-left:0 }
.approved-art .lineage-ticket strong { font-size:11px }
.approved-art .lineage-ticket span:not(.ticket-icon) { font-size:9px }
.approved-art .lineage-ticket svg { width:58px }
.approved-art .ticket-icon { width:28px;height:28px;font-size:18px }
.approved-art .motion-controls { justify-content:center;gap:6px }
.approved-art .motion-controls button { min-height:39px;font-size:10px;padding:8px 10px }
.approved-art.about-photo { margin-top:20px;min-height:520px }
.approved-art .photo-composition { height:410px }
.approved-art .photo-crop { height:310px;right:3px;width:88% }
.approved-art .photo-sun { height:105px;width:105px;top:-10px;right:-4px }
.approved-art .photo-violet { height:145px;width:145px;border-width:23px;bottom:12px;right:-5px }
.approved-art .ascii-photo-panel { width:90%;left:-5px;padding:8px;bottom:0 }
.approved-art .ascii-photo-panel pre { font-size:4.8px;line-height:4.8px }
.approved-art .photo-cross { font-size:15px;left:0;top:20px }
.approved-art .photo-scale { top:120px;left:-4px;gap:19px }
.approved-art .photo-scale i { width:12px }
.approved-art.about-photo { min-height:460px }
.approved-art.about-photo .photo-composition { height:420px }
.approved-art.about-photo .photo-crop { height:320px }
}
@media(max-width:365px) {
.approved-art .source-manifold pre { font-size:6.3px }
.approved-art .screen { height:358px }
.approved-art .query-box { font-size:8px }
.approved-art .screen-title { font-size:8px }
.approved-art .report-kpis strong { font-size:24px }
.approved-art .lineage-ticket svg { display:none }
.approved-art .photo-crop { height:270px }
.approved-art .photo-composition { height:360px }
.approved-art .ascii-photo-panel pre { font-size:4.1px;line-height:4.1px }
.approved-art.about-photo .photo-composition { height:370px }
.approved-art.about-photo .photo-crop { height:280px }
.approved-art .photo-sun { height:90px;width:90px }
.approved-art.about-photo { min-height:425px }
}
@media(prefers-reduced-motion:reduce) {
.approved-art .scan-line { display:none!important }
.approved-art .photo-crop,
.approved-art .photo-crop img,
.approved-art .ascii-photo-panel { transition:none!important }
.approved-art .motion-controls [data-play],
.approved-art .motion-controls [data-pause] { display:none }
}
.approved-art .source-manifold { height:205px;margin-bottom:-3px;display:flex;justify-content:center;align-items:flex-start }
.approved-art .source-manifold pre { text-align:left;font-size:11px;line-height:16px;color:#087F8C }
.approved-art .screen { height:410px }
.approved-art .query-box .typing-complete .code-typed::after,
.approved-art .typing-complete .code-typed::after { display:none }
.approved-art .source-manifold .flow-packet { top:115px }
@media(max-width:1200px) {
.approved-art .source-manifold pre { font-size:9px;line-height:15px }
.approved-art .source-manifold { height:188px }
}
@media(max-width:900px) {
.approved-art .source-manifold pre { font-size:11px;line-height:16px }
.approved-art .source-manifold { height:205px }
}
@media(max-width:600px) {
.approved-art .source-manifold pre { font-size:8px;line-height:13px }
.approved-art .source-manifold { height:165px }
.approved-art .screen { height:373px }
.approved-art .source-manifold .flow-packet { top:70px }
}
@media(max-width:365px) {
.approved-art .source-manifold pre { font-size:6.5px;line-height:12px }
.approved-art .source-manifold { height:152px }
.approved-art .screen { height:373px }
}
.approved-art .screen { height:455px }
@media(max-width:1200px) and (min-width:901px) {
.approved-art .screen { height:410px }
}
@media(max-width:600px) {
.approved-art .screen { height:373px }
}

.home-page .workbench-opening { grid-template-columns:.88fr 1.12fr; gap:50px; align-items:center; }
.workbench-opening .opening-copy { position:relative; z-index:1; }
.hero-actions { display:flex; align-items:center; gap:25px; flex-wrap:wrap; margin-top:30px; }
.hero-actions .cta-specimen { margin-top:0; }
.hero-actions>.text-link { font-size:14px; font-weight:550; }
.approved-art .stage-nav button { border-radius:0; }
.approved-art .stage-nav button:hover { background:transparent; color:var(--cobalt); }
.approved-art .motion-controls button:hover { background:#F0F4FF; color:var(--cobalt); }
.page-hero.about-photo-hero { grid-template-columns:1fr 1.05fr; gap:55px; }
.approved-art .photo-attribution { font-size:10px; line-height:1.5; margin-top:13px; text-align:right; color:var(--muted); }
.approved-art .photo-attribution a { color:inherit; text-decoration-color:#BAC7D9; text-underline-offset:3px; }
@media(max-width:1200px) { .home-page .workbench-opening { gap:35px; grid-template-columns:.85fr 1.15fr; } .page-hero.about-photo-hero { gap:35px; } }
@media(max-width:900px) { .home-page .workbench-opening, .page-hero.about-photo-hero { grid-template-columns:1fr; gap:45px; } .workbench-opening .opening-copy { max-width:650px; } }
@media(max-width:600px) { .home-page .workbench-opening { gap:35px; } .hero-actions { gap:18px; margin-top:25px; } .hero-actions>.text-link { font-size:13px; } .approved-art .photo-attribution { text-align:center; } }
/* The site's editorial tables have spacing that software panels do not need. */
.approved-art table { margin:0; }
.approved-art .motion-controls button { min-height:44px; }
@media(max-width:600px) { .approved-art .screen { height:390px; } }