/* OFICIO CERO / OC006 — Bar Enhanced / 2026
   Design grammar: editorial typography, technical grids, acidic accents, lab instrumentation. */
.be-page{--be-acid:#dbfa75;--be-ink:#19221d;--be-paper:#eeeae0;--be-heat:#ee6a42;overflow-x:clip;color:var(--be-ink)}
.be-page *, .be-page *::before, .be-page *::after{box-sizing:border-box}
.be-page a:focus-visible,.be-page button:focus-visible{outline:3px solid var(--be-heat);outline-offset:4px}
.be-chapter-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;border-bottom:1px solid currentColor;font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.be-page h1,.be-page h2,.be-page h3{margin:0}.be-page h2{font:clamp(39px,6vw,95px)/.98 var(--display);letter-spacing:-.09em;text-transform:uppercase}.be-page h2 em{font-family:var(--serif);font-size:1.07em;font-weight:400;text-transform:none}.be-page p{line-height:1.58}
.be-hero{padding:36px var(--gutter) 0;background:#1d2822;color:#eeeae0;position:relative;isolation:isolate}.be-hero::before{position:absolute;content:'';inset:0 0 auto;height:530px;opacity:.13;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 69px,#c4d7b5 70px),repeating-linear-gradient(90deg,transparent 0 69px,#c4d7b5 70px)}
.be-eyebrow{display:flex;align-items:center;gap:10px;font:11px var(--mono);padding-bottom:21px;border-bottom:1px solid #506152;letter-spacing:.065em}.be-eyebrow-serial{margin-left:auto;color:#99a89b}.be-beacon{display:inline-block;width:9px;height:9px;background:var(--be-acid);box-shadow:0 0 0 5px #dbfa7521}
.be-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,85px);min-height:620px;align-items:center}.be-hero-copy{padding:75px 0 95px;position:relative;z-index:2}.be-overline{font:11px var(--mono);color:var(--be-acid);letter-spacing:.14em;margin-bottom:36px}.be-page h1{font:clamp(55px,6.6vw,121px)/.91 var(--display);letter-spacing:-.105em}.be-page h1 em{font-family:var(--serif);font-weight:400;color:var(--be-acid);letter-spacing:-.07em}.be-hero-lead{font-size:clamp(16px,1.35vw,20px);line-height:1.5;max-width:620px;color:#c1cbbb;margin:34px 0 40px}.be-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.be-action-main{background:var(--be-acid);color:#182219;font:12px var(--mono);padding:18px 22px;display:inline-block;text-decoration:none;transition:transform .25s}.be-action-main:hover{transform:translateY(-4px)}.be-action-quiet{font:11px var(--mono);border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-block}
.be-hero-art{position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden;border:1px solid #485a4b;background:radial-gradient(ellipse at 50% 30%,#455f4a 0%,#27392b 41%,#101913 95%)}.be-visual-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#b1c8a3 1px,transparent 1px),linear-gradient(90deg,#b1c8a3 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000)}.be-figure-label,.be-figure-bottom{position:absolute;z-index:3;font:9px var(--mono);letter-spacing:.12em;color:#d9e8d0}.be-figure-label{left:20px;top:20px}.be-figure-bottom{right:20px;bottom:18px}.be-crosshair{position:absolute;left:11%;bottom:16%;height:32px;width:32px}.be-crosshair:before,.be-crosshair:after{content:'';position:absolute;background:var(--be-acid)}.be-crosshair:before{left:15px;top:0;width:1px;height:32px}.be-crosshair:after{top:15px;left:0;width:32px;height:1px}
.be-screen{position:relative;width:83%;aspect-ratio:1.17;border:1px solid #bce49e66;background:linear-gradient(135deg,#72946b44,#122119ba),radial-gradient(circle at 63% 69%,#a7e0ba33,transparent 35%);box-shadow:0 30px 90px #06110a90,15px 18px 0 #131d1699;transform:rotate(-6deg);animation:be-float 8s ease-in-out infinite;overflow:visible}.be-screen-top{height:40px;border-bottom:1px solid #d9ffcc47;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;background:#e3ffeb1c;border-radius:0 0 18px 18px;font:9px var(--mono);color:#f4fff0}.be-screen-apps{display:flex;gap:5px}.be-screen-apps i{height:6px;width:6px;background:var(--be-acid);border-radius:50%}.be-screen-apps i:nth-child(2){opacity:.45}.be-screen-apps i:nth-child(3){opacity:.25}.be-screen-center{position:absolute;inset:8% 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.be-wallpaper-mark{font:clamp(75px,11vw,190px)/1 var(--display);letter-spacing:-.15em;color:#f1ffe933;text-shadow:0 0 50px #abf64d33}.be-wallpaper-mark span{color:#dbfa7588}.be-screen-sub{font:9px var(--mono);letter-spacing:.16em;color:#c6d7c6}.be-floating-panel{position:absolute;width:63%;right:-9%;bottom:12%;padding:18px;background:#daeacacb;backdrop-filter:blur(12px);color:#1c2c21;box-shadow:0 14px 30px #0006;border:1px solid #ffffff90}.be-floating-row{display:flex;justify-content:space-between;font:11px var(--mono)}.be-floating-sliders{margin:17px 0;display:grid;gap:8px}.be-floating-sliders i{height:8px;background:linear-gradient(90deg,#1a3620 0 70%,#829a78 70%);border-radius:20px}.be-floating-sliders i:nth-child(2){background:linear-gradient(90deg,#1a3620 0 40%,#829a78 40%)}.be-floating-pills{display:flex;gap:6px;flex-wrap:wrap}.be-floating-pills span{font:8px var(--mono);border:1px solid #728270;padding:5px}.be-screen-dock{position:absolute;bottom:16px;left:25%;height:30px;background:#f4fff022;padding:5px;display:flex;gap:5px;border-radius:15px}.be-screen-dock i{width:20px;height:20px;border-radius:4px;background:var(--be-acid)}.be-screen-dock i:nth-child(even){background:#7fcab2}.be-screen-dock i:nth-child(3){background:#ef9275}
@keyframes be-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
.be-hero-metrics{border-top:1px solid #506152;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.be-hero-metrics>div{padding:22px 18px 27px;border-right:1px solid #506152;display:grid;gap:10px}.be-hero-metrics>div:first-child{padding-left:0}.be-hero-metrics>div:last-child{border:0}.be-hero-metrics span{color:#b7c4b2;font:9px var(--mono);letter-spacing:.14em}.be-hero-metrics strong{font:clamp(20px,2.5vw,38px)/1 var(--display);letter-spacing:-.06em;color:var(--be-acid)}
.be-sticky{display:flex;gap:0;flex-wrap:wrap;background:#dde2d3;border-bottom:1px solid #808a7b}.be-sticky a{padding:18px clamp(12px,2.1vw,30px);font:10px var(--mono);border-right:1px solid #aab3a1}.be-sticky a:hover{background:var(--be-acid)}
.be-chapter,.be-features,.be-gallery,.be-install,.be-credits{padding:90px var(--gutter) 105px}.be-two-up{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,7vw,140px);padding-top:60px}.be-two-up h2 em{color:var(--be-heat)}.be-narrative{max-width:590px;font-size:clamp(17px,1.6vw,22px)}.be-narrative p{margin:0 0 25px}.be-narrative strong{font-weight:700}.be-annotation{margin-top:40px;border-left:5px solid var(--be-heat);padding:17px 20px;background:#dddcd1;font:clamp(12px,1.4vw,18px)/1.5 var(--mono)}
.be-lab{padding:90px var(--gutter) 105px;background:#d7e1d0}.be-lab-heading,.be-features-heading,.be-gallery-title{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:55px 0}.be-lab-heading p,.be-features-heading p,.be-gallery-title p{max-width:440px;font-size:17px}.be-lab h2 em{color:#508a54}.be-lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);border:1px solid #27382b;min-height:480px}.be-demo{--look-accent:#dbfa75;--look-dark:#162b22;--look-light:#dff6e0;--look-secondary:#72967b;background:#1b2722;padding:45px 38px;display:grid;place-items:center;overflow:hidden}.be-demo[data-look=ember]{--look-accent:#f28b62;--look-dark:#391b19;--look-light:#fff3e4;--look-secondary:#906354;background:#2f1b1b}.be-demo[data-look=glacier]{--look-accent:#9ce5e7;--look-dark:#132731;--look-light:#dbfeff;--look-secondary:#678895;background:#17343e}.be-demo[data-look=graphite]{--look-accent:#e7e7de;--look-dark:#26282b;--look-light:#efefed;--look-secondary:#7c8585;background:#24272b}
.be-demo-frame{width:min(100%,760px);height:390px;position:relative;background:radial-gradient(ellipse at 20% 20%,var(--look-secondary),transparent 58%),linear-gradient(135deg,var(--look-dark),#09120f);border:1px solid #d3e9d055;box-shadow:0 20px 65px #0008;transition:background .45s}.be-demo-top{background:color-mix(in srgb,var(--look-accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--look-accent) 55%,transparent);color:var(--look-light);border-radius:18px;height:39px;display:flex;align-items:center;justify-content:space-between;gap:9px;margin:10px;font:10px var(--mono);padding:0 16px;backdrop-filter:blur(10px);transition:.45s}.be-demo-heading{display:grid;justify-content:center;justify-items:center;padding-top:70px;gap:6px}.be-demo-heading>span{font:clamp(65px,10vw,140px)/.9 var(--display);letter-spacing:-.1em;color:var(--look-accent);transition:color .4s}.be-demo-heading small{font:9px var(--mono);color:var(--look-light);letter-spacing:.15em}.be-demo-notice{position:absolute;right:12%;bottom:60px;max-width:260px;min-width:210px;background:color-mix(in srgb,var(--look-light) 83%,transparent);border:1px solid var(--look-light);box-shadow:0 20px 28px #0005;padding:18px;color:var(--look-dark);display:grid;gap:6px;backdrop-filter:blur(12px);transition:background .4s}.be-demo-notice-top{display:flex;justify-content:space-between;gap:13px;font:9px var(--mono)}.be-demo-notice-top i{background:var(--look-accent);width:11px;height:11px;display:inline-block}.be-demo-notice strong{font-size:15px}.be-demo-notice>span{font-size:11px}.be-visualizer{display:flex;align-items:center;gap:4px;height:27px}.be-visualizer i{width:4px;background:var(--look-dark);height:33%;animation:be-wave .75s ease-in-out infinite alternate}.be-visualizer i:nth-child(3n){animation-delay:-.25s}.be-visualizer i:nth-child(2n){animation-delay:-.5s}.be-visualizer i:nth-child(4n){animation-delay:-.1s}@keyframes be-wave{to{height:95%}}.be-demo-bottom{display:flex;gap:9px;position:absolute;bottom:15px;left:20px;background:#ffffff22;border-radius:20px;padding:7px}.be-demo-bottom i{width:18px;height:18px;background:var(--look-accent);border-radius:6px}.be-demo-bottom i:nth-child(2n){background:var(--look-secondary)}
.be-controls{background:#ebeee5;padding:35px;display:flex;flex-direction:column;align-items:stretch}.be-controls-kicker{display:flex;justify-content:space-between;font:10px var(--mono);border-bottom:1px solid #94a191;padding-bottom:17px}.be-controls h3{font:clamp(28px,3vw,49px)/1 var(--display);letter-spacing:-.085em;margin:40px 0 10px}.be-controls p{max-width:350px;font-size:14px;margin-bottom:24px}.be-look-options{display:grid;gap:6px}.be-look-options button{display:flex;align-items:center;gap:12px;min-height:46px;background:none;border:1px solid #9ea89a;color:#223427;font:10px var(--mono);padding:10px 12px;text-align:left;cursor:pointer}.be-look-options button b{margin-left:auto}.be-look-options button[aria-pressed=true],.be-look-options button:hover{background:#1e2d22;color:#dbfa75;border-color:#1e2d22}.be-swatch{display:inline-block;flex:none;width:16px;height:16px;background:var(--swatch);border:1px solid #0003}.be-controls-footer{border-top:1px solid #a7b3a4;padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;gap:15px;font:9px var(--mono)}
.be-features{background:#19241d;color:#eaece3}.be-features h2 em{color:var(--be-acid)}.be-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #687668;border-left:1px solid #687668}.be-feature-grid article{min-height:310px;padding:28px 28px 34px;border-right:1px solid #687668;border-bottom:1px solid #687668;position:relative;overflow:hidden}.be-feature-number{font:10px var(--mono);color:#b5c2b2}.be-feature-grid h3{font:clamp(24px,2.4vw,34px)/1.15 var(--display);letter-spacing:-.075em;max-width:280px;margin:28px 0 12px}.be-feature-grid p{font-size:13px;color:#bfcdbb;max-width:330px}.be-symbol{height:75px;margin-top:15px;display:flex;align-items:center;gap:8px}.be-symbol i{display:block}.be-symbol-color i{height:49px;width:49px;border-radius:50%;background:#dbfa75}.be-symbol-color i:nth-child(2){background:#ee6a42;mix-blend-mode:screen;margin-left:-33px}.be-symbol-color i:nth-child(3){background:#a1cbca;mix-blend-mode:screen;margin-left:-33px}.be-symbol-glass i{width:60px;height:52px;border:1px solid #ddeedaa6;background:#ffffff22;backdrop-filter:blur(10px)}.be-symbol-glass i:nth-child(2){margin-left:-30px;margin-top:15px;background:#dbfa7552}.be-symbol-geo i{height:49px;width:22px;border:2px solid var(--be-acid);border-radius:20px}.be-symbol-geo i:nth-child(2){border-radius:4px;border-color:var(--be-heat)}.be-symbol-modules i{width:23px;height:23px;background:#afc99c}.be-symbol-modules i:nth-child(even){background:var(--be-acid);transform:translateY(16px)}.be-symbol-dock i{width:41px;height:41px;background:#a9ba9f;border-radius:9px}.be-symbol-dock i:nth-child(2){background:#ee6a42}.be-symbol-dock i:nth-child(3){background:#dbfa75}.be-symbol-gdm i{height:60px;width:82px;border:2px solid var(--be-acid);border-radius:6px;position:relative}.be-symbol-gdm i:before{content:'';position:absolute;top:15px;left:18px;border:2px solid var(--be-acid);height:16px;width:38px;border-radius:15px}.be-engineering-band{margin-top:60px;display:flex;flex-direction:column;gap:22px;border-top:1px solid #687668;padding-top:25px}.be-engineering-band>span{font:10px var(--mono)}.be-engineering-band strong{font:clamp(24px,3vw,46px)/1.1 var(--display);letter-spacing:-.055em;max-width:900px}.be-engineering-band a{color:var(--be-acid);font:11px var(--mono);align-self:flex-start;border-bottom:1px solid currentColor}
.be-gallery{background:#e5e3d6}.be-gallery h2 em{color:var(--be-heat)}.be-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.be-shot{border:1px solid var(--be-ink);background:#192a22;display:block;color:#f0f4e9}.be-shot-art{position:relative;aspect-ratio:16/9;background:repeating-linear-gradient(0deg,transparent 0 33px,#ffffff12 34px),repeating-linear-gradient(90deg,transparent 0 33px,#ffffff12 34px),radial-gradient(circle at 60% 60%,#47704e,#17231c);overflow:hidden;display:grid;place-items:center}.be-shot-art:after{content:'BE / VISUAL ARCHIVE';position:absolute;inset:auto 0 45%;text-align:center;color:#dafa7590;font:clamp(16px,3vw,40px) var(--display);letter-spacing:-.07em}.be-shot-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.be-shot-art>span{position:absolute;bottom:13px;left:17px;z-index:2;background:#14231bd9;padding:6px;color:#ecf7e0;font:9px var(--mono)}.be-shot-caption{display:flex;justify-content:space-between;gap:15px;padding:18px;align-items:center}.be-shot-caption strong{font:16px var(--display)}.be-shot-caption span{font:10px var(--mono);color:#dbfa75}
.be-install{background:var(--be-acid)}.be-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:58px}.be-install h2 em{color:#5d7c37}.be-install-grid>div>p{font-size:16px;margin:25px 0}.be-inline-link{font:12px var(--mono);border-bottom:1px solid currentColor}.be-code-top{padding:15px 18px;background:#19231b;color:#dbfa75;display:flex;justify-content:space-between;gap:15px;font:10px var(--mono)}.be-code{margin:0;overflow:auto;background:#213327;color:#dbe6d6;padding:24px 20px;font:12px/2 var(--mono);white-space:pre}.be-copy{width:100%;background:#19231b;color:#e5f8cc;text-align:left;border:1px solid #19231b;border-top:1px solid #617361;padding:14px 20px;font:11px var(--mono);display:flex;justify-content:space-between;cursor:pointer}.be-copy:hover{background:#395741}.be-copy-feedback{font:10px var(--mono);min-height:20px}.be-important{font-size:13px!important;border-left:3px solid #19231b;padding-left:15px}
.be-credits{background:#eeeae0}.be-credits h2 em{color:var(--be-heat)}.be-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:60px}.be-credits-grid>div>p{max-width:470px;font-size:17px;margin-top:28px}.be-credits-list>div{border-bottom:1px solid #8d9988;padding:16px 0;display:flex;justify-content:space-between;gap:15px;align-items:baseline}.be-credits-list strong{font:18px var(--display);letter-spacing:-.04em}.be-credits-list span{font:11px var(--mono);text-align:right}.be-credits-list a{display:block;font:10px var(--mono);padding:14px 0;border-bottom:1px solid #19231b}
.be-outro{padding:90px var(--gutter) 110px;background:#263e2d;color:#ecf0e7}.be-outro>span{font:10px var(--mono);color:#dbfa75}.be-outro h2{font-size:clamp(55px,8.5vw,140px);margin:45px 0}.be-outro h2 em{color:#dbfa75}.be-outro-actions{display:flex;flex-wrap:wrap;gap:15px}.be-outro-actions a{padding:16px 20px;border:1px solid #d5e6cf;font:11px var(--mono)}.be-outro-actions a:hover{background:#dbfa75;color:#19221d}.be-outro>p{font:11px var(--mono);margin-top:40px;color:#bfcdbb}
/* Append-only archive and homepage card styles */
.project--bar-enhanced{grid-column:span 12;min-height:410px;background:#213b2a;color:#edf0e6}.project--bar-enhanced .be-index-art{position:absolute;inset:0;pointer-events:none;opacity:.74;background:radial-gradient(circle at 70% 40%,#46764d7c,transparent 45%)}.project--bar-enhanced .be-index-art svg{position:absolute;right:0;top:0;height:100%;width:min(75%,780px)}.project--bar-enhanced .project-info{max-width:530px}.project--bar-enhanced .project-category{color:#dbfa75}
.archive-card.bar-enhanced{background:#283e2d;color:#eeeae0}.archive-card.bar-enhanced .archive-card-graphic{width:67%;right:0;top:4%;opacity:.88}.archive-card.bar-enhanced .archive-card-arrow{color:#dbfa75}.archive-card.bar-enhanced h3{max-width:780px}
@media(max-width:960px){.be-hero-grid,.be-two-up,.be-install-grid,.be-credits-grid{grid-template-columns:1fr}.be-hero-grid{gap:0}.be-hero-copy{padding:55px 0}.be-hero-art{min-height:400px;margin-bottom:30px}.be-lab-grid{grid-template-columns:1fr}.be-demo{min-height:400px}.be-controls{gap:22px}.be-controls h3{margin:12px 0}.be-controls-footer{margin-top:10px}.be-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.be-two-up{gap:25px}.be-lab-heading,.be-features-heading,.be-gallery-title{display:block}.be-lab-heading p,.be-features-heading p,.be-gallery-title p{margin-top:25px}}
@media(max-width:600px){.be-chapter,.be-features,.be-gallery,.be-install,.be-credits,.be-lab,.be-outro{padding-top:60px;padding-bottom:68px}.be-page h1{font-size:clamp(47px,13vw,75px)}.be-page h2{font-size:clamp(39px,11vw,65px)}.be-hero-grid{min-height:0}.be-hero-art{min-height:320px}.be-screen{width:86%}.be-floating-panel{padding:9px;width:69%;font-size:8px}.be-floating-row{font-size:8px}.be-screen-top{font-size:7px;padding:0 5px}.be-wallpaper-mark{font-size:80px}.be-hero-metrics{grid-template-columns:repeat(2,1fr)}.be-hero-metrics>div:nth-child(2){border-right:0}.be-hero-metrics>div:nth-child(3){padding-left:0}.be-hero-metrics>div:nth-child(-n+2){border-bottom:1px solid #506152}.be-chapter-head{font-size:9px}.be-sticky a{flex:1 1 33%;font-size:9px;padding:12px 10px}.be-demo{padding:20px 12px}.be-demo-frame{height:320px}.be-demo-top{font-size:7px}.be-demo-notice{right:5%;min-width:180px;max-width:195px}.be-feature-grid,.be-shot-grid{grid-template-columns:1fr}.be-feature-grid article{min-height:270px}.be-credits-list>div{display:block}.be-credits-list span{display:block;text-align:left;margin-top:6px}.be-controls{padding:25px}.be-hero-lead{font-size:16px}.be-outro h2{font-size:clamp(48px,13vw,80px)}.project--bar-enhanced .be-index-art svg{width:100%;opacity:.35}.archive-card.bar-enhanced .archive-card-graphic{width:90%;opacity:.37}.be-hero-actions a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.be-screen,.be-visualizer i{animation:none!important}}