:root{
  --babi-black:#050505;
  --babi-black-soft:#0d0d0d;
  --babi-white:#f4f0e8;
  --babi-grey:#8b8b86;
  --babi-grey-dark:#3a3a37;
  --babi-line:#252525;
  --babi-accent:#ff3b1f;
  --babi-gap:clamp(18px,2vw,34px);
  --babi-lens:64px;
}
html{background:var(--babi-black)!important;scroll-behavior:smooth}
.babi-site,.babi-site #page,.babi-site .site,.babi-site .site-content{background:var(--babi-black)!important;color:var(--babi-white)!important}
.babi-site header.site-header,.babi-site footer.site-footer,.babi-site .entry-header{display:none!important}
.babi-site .site-main,.babi-site .content-area{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.babi-site .entry-content{margin:0!important}
.babi-shell{min-height:100vh;background:var(--babi-black);color:var(--babi-white);font-family:Arial,Helvetica,sans-serif;overflow:hidden;position:relative}

/* interaction reset — neutralizes theme interaction chrome */
.babi-site .babi-shell a,.babi-site .babi-shell button{-webkit-tap-highlight-color:transparent}
.babi-site .babi-shell a:hover,.babi-site .babi-shell a:focus,.babi-site .babi-shell a:active{color:inherit!important;box-shadow:none!important;text-decoration:none!important}
.babi-site .babi-shell button,.babi-site .babi-shell button:hover,.babi-site .babi-shell button:focus,.babi-site .babi-shell button:active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none!important}.babi-site .babi-shell button:hover,.babi-site .babi-shell button:focus,.babi-site .babi-shell button:active{color:inherit!important}
.babi-site .babi-shell a:focus-visible,.babi-site .babi-shell button:focus-visible{outline:1px dashed rgba(244,240,232,.5)!important;outline-offset:4px!important}
.babi-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.065;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:screen}
.babi-header{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--babi-gap);position:relative;z-index:20;border-bottom:1px solid var(--babi-line);font-size:11px;letter-spacing:.09em}
.babi-brand,.babi-nav a,.babi-back,.babi-footer a{color:var(--babi-white)!important;text-decoration:none!important}.babi-brand{font-weight:700;font-size:13px;letter-spacing:.06em}.babi-dot{font-size:8px;margin-left:7px;vertical-align:top;color:var(--babi-accent)}
.babi-nav{display:flex;gap:34px}.babi-code{text-align:right;color:#777;font-family:"Courier New",monospace}

/* home — selected work overview wall */
.babi-home-overview{position:relative;padding:clamp(38px,6vh,78px) var(--babi-gap) clamp(82px,11vh,150px);border-bottom:1px solid var(--babi-line);overflow:hidden}
.babi-home-overview::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(244,240,232,.34) 1px,transparent 1.35px),radial-gradient(circle,rgba(244,240,232,.14) .65px,transparent .95px);background-size:6.5vw 10.5vh,13vw 21vh;background-position:2.8vw 3.8vh,6.2vw 9vh;opacity:.42;z-index:0}
.babi-home-overview-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:clamp(34px,5vh,68px);font:9px/1 "Courier New",monospace;letter-spacing:.12em;color:#777}
.babi-home-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,38px);row-gap:clamp(34px,6vh,92px);align-items:start;position:relative;z-index:2}
.babi-home-tile{display:block;min-width:0;color:var(--babi-white)!important;text-decoration:none!important;position:relative}
.babi-home-tile figure{margin:0}
.babi-home-tile img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#090909;transition:filter .12s linear,transform .16s ease}
.babi-home-tile figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:8px;font:8px/1.35 "Courier New",monospace;letter-spacing:.075em;color:#777;text-transform:uppercase}
.babi-home-tile figcaption span:last-child{text-align:right}
.babi-home-tile-1{grid-column:1/span 3}
.babi-home-tile-2{grid-column:5/span 4;margin-top:6vh}
.babi-home-tile-3{grid-column:10/span 3;margin-top:1.5vh}
.babi-home-tile-4{grid-column:2/span 4}
.babi-home-tile-5{grid-column:7/span 3;margin-top:5vh}
.babi-home-tile-6{grid-column:10/span 2;margin-top:1vh}
.babi-home-tile-7{grid-column:4/span 3;margin-top:1vh}
.babi-home-tile-8{grid-column:8/span 4;margin-top:4vh}
.babi-home-vertical{position:absolute;right:9px;top:24%;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font:9px/1 "Courier New",monospace;letter-spacing:.3em;color:#5f5f5b;z-index:1}
.babi-selected-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(64px,9vh,128px);border-top:1px solid var(--babi-line);border-bottom:1px solid var(--babi-line);position:relative;z-index:2}
.babi-selected-index a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;min-height:50px;padding:0 12px;border-right:1px solid var(--babi-line);color:#858581!important;text-decoration:none!important;font:8px/1.2 "Courier New",monospace;letter-spacing:.08em}
.babi-selected-index a:last-child{border-right:0}
.babi-selected-index strong{font-size:9px;font-weight:400;color:var(--babi-white)}
@media(hover:hover) and (pointer:fine){
  .babi-home-tile:hover img{animation:babi-home-tremor .24s steps(2,end) 1;filter:contrast(1.045)}
  .babi-selected-index a:hover strong{font-style:italic}
}
@keyframes babi-home-tremor{0%,100%{transform:translate(0,0)}25%{transform:translate(-1px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,0)}}

/* image lens */
.babi-lens-target{position:relative}.babi-negative-lens{position:absolute;width:var(--babi-lens);height:var(--babi-lens);border-radius:50%;clip-path:circle(50% at 50% 50%);left:0;top:0;opacity:0;pointer-events:none;z-index:8;overflow:hidden;border:0;outline:0;box-shadow:0 0 0 1px rgba(244,240,232,.18),0 0 18px rgba(255,255,255,.06);background-color:transparent;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;filter:invert(1) hue-rotate(180deg) saturate(1.08) contrast(1.12);transform:translate(-50%,-50%);transition:opacity .12s ease}.babi-lens-target.is-lens-active .babi-negative-lens{opacity:1}

/* visual field */
.babi-visual-field{height:94vh;min-height:700px;position:relative;border-bottom:1px solid var(--babi-line);overflow:hidden}.babi-dot-matrix{position:absolute;inset:0;background-image:radial-gradient(circle,var(--babi-white) 1.25px,transparent 1.5px),radial-gradient(circle,#6b6b67 .75px,transparent 1px);background-size:6.25% 11.5%,12.5% 23%;background-position:2.4vw 3.2vh,5.4vw 8.6vh;opacity:.5}.babi-field-code{position:absolute;top:6vh;left:var(--babi-gap);font:10px/1 "Courier New",monospace;color:#777;letter-spacing:.12em}.babi-field-serif{position:absolute;top:17vh;right:8vw;margin:0;width:38vw;font:italic 400 clamp(34px,5.4vw,88px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.06em;text-transform:lowercase}.babi-field-mono{position:absolute;left:8vw;bottom:15vh;margin:0;font:700 clamp(15px,1.9vw,27px)/1.2 "Courier New",monospace;letter-spacing:-.04em;white-space:nowrap}.babi-field-image{position:absolute;margin:0;z-index:3}.babi-field-image img{display:block;width:100%;height:100%;object-fit:cover}.babi-field-image-a{width:18vw;height:27vw;left:38vw;top:39vh}.babi-field-image-b{width:12vw;height:18vw;right:8vw;bottom:8vh}.babi-field-neon{position:absolute;left:27vw;top:48vh;font-size:78px;line-height:1;color:var(--babi-accent);text-shadow:0 0 24px rgba(255,59,31,.38);z-index:4}.babi-field-note{position:absolute;right:31vw;bottom:9vh;font:italic 24px/1 Georgia,"Times New Roman",serif;transform:none;color:#bfbdb7}

/* global footer */
.babi-footer{min-height:70px;border-top:1px solid var(--babi-line);padding:0 var(--babi-gap);display:flex;align-items:center;justify-content:space-between;font:10px/1 "Courier New",monospace;color:#777;letter-spacing:.08em}

/* cursor — small and non-obstructive */
.babi-cursor-dot{position:fixed;left:-3px;top:-3px;width:6px;height:6px;background:var(--babi-white);border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:difference;transition:width .18s,height .18s,margin .18s,border-color .18s,background .18s}.babi-cursor-dot.is-active{width:14px;height:14px;margin:-4px;background:transparent;border:1px solid var(--babi-accent);mix-blend-mode:normal}

/* project — editorial framed archive */
.babi-project-page .babi-header{position:relative}
.babi-project-header{grid-template-columns:1fr auto 1fr}
.babi-project-header .babi-back{justify-self:center}
.babi-project-intro{padding:11vh var(--babi-gap) 7vh;display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);align-items:end;gap:6vw}
.babi-project-title-block{min-width:0}
.babi-kicker{display:block;margin-bottom:18px;font:9px/1 "Courier New",monospace;color:#73736f;letter-spacing:.14em}
.babi-project-intro h1{position:relative;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,8vw,132px);font-style:italic;font-weight:400;line-height:.82;letter-spacing:-.055em;text-transform:uppercase;margin:0;max-width:11ch}
.babi-project-meta{font:9px/1.75 "Courier New",monospace;color:#7b7b76;display:flex;flex-direction:column;text-align:left;letter-spacing:.1em;border-left:1px solid var(--babi-line);padding-left:18px}
.babi-back{font:9px/1 "Courier New",monospace;letter-spacing:.12em}
.babi-frame-gallery{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,44px);padding:3vh max(var(--babi-gap),5vw) 18vh;background:var(--babi-black)}
.babi-photo-card-flip{appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0;background:transparent!important;padding:0!important;margin:0;display:block;width:100%;aspect-ratio:4/5;perspective:1100px;cursor:pointer;text-align:left;color:inherit!important;box-shadow:none!important;border-radius:0!important}
.babi-photo-card-flip:hover,.babi-photo-card-flip:active,.babi-photo-card-flip:focus{border:0!important;background:transparent!important;box-shadow:none!important}
.babi-photo-card-flip:focus-visible{outline:1px dashed rgba(244,240,232,.55)!important;outline-offset:6px!important}
.babi-photo-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.72,.22,1);will-change:transform}
.babi-photo-card-flip.is-flipped .babi-photo-card-inner{transform:rotateY(180deg)}
.babi-photo-card-face{position:absolute;inset:0;display:flex;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#eee9df;border:0!important;padding:clamp(10px,1vw,16px);box-shadow:none!important}
.babi-photo-card-front{overflow:hidden}
.babi-photo-card-front img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .1s linear,transform .16s ease}
.babi-photo-card-front::before,.babi-photo-card-front::after{content:"";position:absolute;inset:clamp(10px,1vw,16px);background-image:var(--babi-card-image);background-size:cover;background-position:center;pointer-events:none;opacity:0;z-index:2}
.babi-photo-card-back{transform:rotateY(180deg);background:#eee9df;color:#101010;flex-direction:column;align-items:flex-start;padding:clamp(18px,2.2vw,34px);font-family:"Courier New",monospace}
.babi-card-index{font-size:9px;letter-spacing:.12em;color:#777;margin-bottom:auto}
.babi-photo-card-back strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.4vw,42px);font-style:italic;font-weight:400;line-height:.95;letter-spacing:-.035em;text-transform:uppercase;max-width:90%}
.babi-card-meta{font-size:9px;line-height:1.65;letter-spacing:.1em;color:#555;margin-top:18px}
.babi-card-note{font:italic 16px/1.35 Georgia,"Times New Roman",serif;margin-top:22px;max-width:28ch}
.babi-card-hint{font-size:8px;letter-spacing:.12em;color:#888;margin-top:auto}
.babi-project-description{max-width:780px;margin:0 8vw 18vh auto;padding:0 var(--babi-gap);font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.4;color:#aaa}
.babi-project-description p{color:inherit}

/* Letícia — guerrilla runway energy translated into the portfolio, not copied */
.babi-project-leticia{background:#050505}
.babi-project-leticia .babi-project-intro{padding-top:clamp(72px,10vh,132px);padding-bottom:clamp(36px,5vh,68px);border-bottom:0}
.babi-project-leticia .babi-kicker{color:#8b8b86}
.babi-project-leticia .babi-project-intro h1{font-family:Arial Black,Arial,Helvetica,sans-serif;font-style:normal;font-weight:900;font-size:clamp(62px,10vw,168px);line-height:.74;letter-spacing:-.085em;max-width:none;color:#f4f0e8;isolation:isolate}
.babi-project-leticia .babi-project-intro h1::before,.babi-project-leticia .babi-project-intro h1::after{content:attr(data-title);position:absolute;inset:0;color:#f4f0e8;pointer-events:none;overflow:hidden;opacity:.72}
.babi-project-leticia .babi-project-intro h1::before{clip-path:polygon(0 24%,100% 20%,100% 39%,0 44%);transform:translateX(-.018em);animation:babi-title-cut-a .7s steps(3,end) .14s 1 both}
.babi-project-leticia .babi-project-intro h1::after{clip-path:polygon(0 58%,100% 55%,100% 72%,0 76%);transform:translateX(.026em);animation:babi-title-cut-b .7s steps(3,end) .16s 1 both}
.babi-project-leticia .babi-project-meta{border-left-color:#272727;color:#8b8b86}
.babi-project-leticia .babi-frame-gallery{grid-auto-flow:dense;align-items:start;padding-top:clamp(10px,2vh,28px);gap:clamp(22px,2.8vw,52px);background:#050505}
.babi-project-leticia .babi-photo-card-flip:nth-child(3n+2){transform:translateY(clamp(18px,3.2vw,54px))}
.babi-project-leticia .babi-photo-card-flip:nth-child(3n){transform:translateY(clamp(6px,1.5vw,24px))}
@keyframes babi-title-cut-a{0%,100%{transform:translateX(-.018em)}33%{transform:translateX(.09em)}66%{transform:translateX(-.07em)}}
@keyframes babi-title-cut-b{0%,100%{transform:translateX(.026em)}33%{transform:translateX(-.08em)}66%{transform:translateX(.1em)}}

@media(max-width:800px){
  :root{--babi-lens:50px}
  .babi-header{grid-template-columns:1fr auto;height:54px}.babi-code{font-size:9px}
  .babi-home-overview{padding-top:34px;padding-bottom:74px}.babi-home-overview::before{background-size:22vw 13vh,44vw 26vh;opacity:.28}.babi-home-overview-head{margin-bottom:34px}
  .babi-home-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:14px;row-gap:38px}
  .babi-home-tile-1{grid-column:1/span 3}.babi-home-tile-2{grid-column:4/span 3;margin-top:28px}.babi-home-tile-3{grid-column:2/span 3;margin-top:0}.babi-home-tile-4{grid-column:4/span 3}.babi-home-tile-5{grid-column:1/span 3;margin-top:18px}.babi-home-tile-6{grid-column:4/span 2;margin-top:0}.babi-home-tile-7{grid-column:2/span 3;margin-top:0}.babi-home-tile-8{grid-column:4/span 3;margin-top:20px}
  .babi-home-tile img{max-height:none}.babi-home-tile figcaption{display:block;font-size:7px}.babi-home-tile figcaption span{display:block}.babi-home-tile figcaption span:last-child{text-align:left;margin-top:3px;color:#5d5d59}
  .babi-selected-index{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:64px}.babi-selected-index a:nth-child(2n){border-right:0}
  .babi-home-vertical{right:5px;top:20%;font-size:8px}
  .babi-visual-field{height:92vh;min-height:650px}.babi-dot-matrix{background-size:18% 15%,36% 30%;opacity:.42}.babi-field-serif{width:66vw;right:6vw;font-size:44px}.babi-field-image-a{width:46vw;height:68vw;left:33vw;top:34vh}.babi-field-image-b{width:26vw;height:39vw;right:4vw;bottom:5vh}.babi-field-mono{left:5vw;bottom:11vh;font-size:13px;white-space:normal;width:56vw}.babi-field-neon{left:13vw;top:49vh;font-size:58px}.babi-field-note{right:12vw;bottom:3vh;font-size:18px}
  .babi-project-row{grid-template-columns:42px 1.8fr .8fr;font-size:9px;min-height:64px}.babi-project-row span:nth-child(3),.babi-project-row span:nth-child(4){display:none}.babi-row-preview{display:none}.babi-about{grid-template-columns:1fr;align-content:center}.babi-about-copy{font-size:36px}.babi-about-small{align-self:auto}
  .babi-project-header{grid-template-columns:1fr auto}.babi-project-header .babi-back{justify-self:end}.babi-project-header .babi-code{display:none}.babi-project-intro{grid-template-columns:1fr;padding-top:10vh;gap:28px}.babi-project-intro h1{font-size:62px}.babi-project-meta{text-align:left;flex-direction:row;flex-wrap:wrap;gap:7px 15px;border-left:0;border-top:1px solid var(--babi-line);padding:12px 0 0}.babi-frame-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:3vh var(--babi-gap) 12vh}.babi-photo-card-back{padding:14px}.babi-photo-card-back strong{font-size:22px}.babi-card-note{font-size:13px;margin-top:12px}.babi-card-meta{margin-top:10px;font-size:8px}.babi-cursor-dot{display:none}.babi-negative-lens{display:none}.babi-project-leticia .babi-project-intro h1{font-size:clamp(58px,18vw,86px)}.babi-project-leticia .babi-photo-card-flip:nth-child(n){transform:none}
}

/* official Babi wordmark */
.babi-wordmark{display:block;width:auto;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(3648%) hue-rotate(355deg) brightness(103%) contrast(104%);opacity:1}
.babi-brand{display:inline-flex!important;align-items:center;gap:7px;min-width:92px}
.babi-wordmark-header{width:154px;max-height:48px;filter:brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(3648%) hue-rotate(355deg) brightness(103%) contrast(112%) drop-shadow(.45px 0 0 #ff3b1f) drop-shadow(-.45px 0 0 #ff3b1f) drop-shadow(0 .45px 0 #ff3b1f) drop-shadow(0 -.45px 0 #ff3b1f)}
.babi-nav-wordmark{display:flex!important;align-items:center;justify-content:center;min-width:58px}
.babi-wordmark-nav{width:44px;max-height:20px}
.babi-wordmark-about{width:min(280px,46vw);margin:0 0 28px 0}
.babi-about-copy span{display:block}
.babi-footer-brand{display:inline-flex;align-items:center;gap:10px}
.babi-footer-brand em{font-style:normal;color:#777}
.babi-wordmark-footer{width:52px;max-height:24px}

/* loader / negative transmission */
.babi-preloader{position:fixed;inset:0;background:#050505;z-index:1000000;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .42s cubic-bezier(.2,.75,.3,1),visibility .42s;overflow:hidden}
.babi-preloader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.babi-preloader-stage{position:relative;width:clamp(105px,10vw,162px);aspect-ratio:565/1116;isolation:isolate}
.babi-preloader-symbol{position:absolute;inset:0;background:#f4f0e8;-webkit-mask-image:var(--babi-symbol-mask);mask-image:var(--babi-symbol-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.babi-preloader-symbol-base{opacity:.17;filter:blur(.15px)}
.babi-preloader-symbol-fill{opacity:1;clip-path:inset(100% 0 0 0);animation:babi-symbol-fill 1.32s cubic-bezier(.7,0,.2,1) .08s forwards}
.babi-preloader-negative-disc{position:absolute;width:clamp(58px,4.8vw,78px);height:clamp(58px,4.8vw,78px);border-radius:50%;background:#fff;left:4%;top:3%;transform:translate(-50%,-50%);opacity:0;mix-blend-mode:difference;box-shadow:0 0 0 1px rgba(255,255,255,.18);animation:babi-negative-disc 1.2s cubic-bezier(.5,0,.2,1) .2s forwards;z-index:8}
@keyframes babi-symbol-fill{0%{clip-path:inset(100% 0 0 0)}18%{clip-path:inset(82% 0 0 0)}68%{clip-path:inset(24% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes babi-negative-disc{0%{left:8%;top:8%;opacity:0}8%{opacity:1}32%{left:78%;top:27%;opacity:1}62%{left:22%;top:57%;opacity:1}88%{left:72%;top:86%;opacity:1}100%{left:52%;top:50%;opacity:0}}


@media(max-width:800px){
  .babi-wordmark-header{width:68px;max-height:42px;filter:brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(3648%) hue-rotate(355deg) brightness(103%) contrast(104%)}.babi-wordmark-nav{width:40px}.babi-wordmark-about{width:180px}.babi-wordmark-footer{width:46px}
  .babi-preloader-stage{width:104px}
}

@media(max-width:520px){.babi-frame-gallery{grid-template-columns:1fr;gap:20px}.babi-photo-card-flip{aspect-ratio:4/5}.babi-project-intro h1{font-size:clamp(48px,17vw,68px)}}
.babi-photo-card-flip:focus-visible{outline:1px dashed rgba(244,240,232,.55)!important;outline-offset:6px!important}
@media(prefers-reduced-motion:reduce){.babi-photo-card-inner{transition:none}}


/* v2.1 — tactile monochrome project hover, no colored interaction chrome */
.babi-project-page .babi-project-intro{padding-bottom:clamp(34px,5vh,72px)}
.babi-project-page .babi-frame-gallery{padding-top:clamp(18px,3vh,42px)}
@media(hover:hover) and (pointer:fine){
  .babi-photo-card-flip:not(.is-flipped):hover .babi-photo-card-front{animation:babi-photo-tremor .3s steps(2,end) 1}
  .babi-photo-card-flip:not(.is-flipped):hover .babi-photo-card-front img{filter:contrast(1.06);transform:scale(1.009)}
  .babi-photo-card-flip:not(.is-flipped):hover .babi-photo-card-front::before{opacity:.7;clip-path:polygon(0 18%,100% 16%,100% 31%,0 34%);animation:babi-frame-slice-a .3s steps(3,end) 1}
  .babi-photo-card-flip:not(.is-flipped):hover .babi-photo-card-front::after{opacity:.52;clip-path:polygon(0 61%,100% 58%,100% 73%,0 77%);animation:babi-frame-slice-b .3s steps(3,end) 1}
}
@keyframes babi-photo-tremor{0%,100%{transform:translate(0,0)}18%{transform:translate(-2px,1px)}38%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}82%{transform:translate(1px,1px)}}
@keyframes babi-frame-slice-a{0%,100%{transform:translateX(0)}35%{transform:translateX(9px)}70%{transform:translateX(-7px)}}
@keyframes babi-frame-slice-b{0%,100%{transform:translateX(0)}35%{transform:translateX(-8px)}70%{transform:translateX(10px)}}

/* v2.3 — cinematic opening frame */
.babi-home-hero{height:calc(100svh - 58px);min-height:620px;position:relative;overflow:hidden;border-bottom:1px solid var(--babi-line);background:#050505;isolation:isolate}
.babi-home-hero-image{position:absolute;inset:0;z-index:0}
.babi-home-hero-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%;filter:grayscale(1) contrast(1.12) brightness(.78);transform:scale(1.015);animation:babi-hero-breathe 14s ease-in-out infinite alternate}
.babi-home-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,5,.08) 0%,rgba(5,5,5,.12) 50%,rgba(5,5,5,.72) 100%)}
.babi-home-hero-copy{position:absolute;left:var(--babi-gap);right:var(--babi-gap);bottom:clamp(74px,10vh,118px);z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.babi-home-hero-kicker{position:absolute;left:0;bottom:calc(100% + 18px);font:9px/1 "Courier New",monospace;letter-spacing:.16em;color:rgba(244,240,232,.72)}
.babi-wordmark-hero{width:min(58vw,780px);max-height:30vh;filter:brightness(0) invert(1)!important;opacity:.96}
.babi-home-hero-copy p{margin:0 0 1.2vw auto;max-width:240px;text-align:right;font:9px/1.5 "Courier New",monospace;letter-spacing:.13em;color:rgba(244,240,232,.76)}
.babi-home-hero-meta{position:absolute;z-index:3;left:var(--babi-gap);right:var(--babi-gap);bottom:22px;display:flex;justify-content:space-between;font:8px/1 "Courier New",monospace;letter-spacing:.12em;color:rgba(244,240,232,.58)}
.babi-home-hero-mark{position:absolute;z-index:4;right:clamp(30px,5vw,78px);top:clamp(28px,7vh,86px);width:clamp(70px,8vw,124px);height:clamp(70px,8vw,124px);border:1px solid rgba(244,240,232,.55);border-radius:50%;display:grid;place-items:center;mix-blend-mode:difference}
.babi-home-hero-mark span{font-size:11px;color:#fff}.babi-home-hero-mark i{position:absolute;width:145%;height:1px;background:rgba(255,255,255,.52);transform:rotate(-34deg)}
@keyframes babi-hero-breathe{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-.35%,.25%,0)}}
@media(max-width:800px){.babi-home-hero{height:calc(100svh - 58px);min-height:560px}.babi-home-hero-image>img{object-position:center center}.babi-home-hero-copy{bottom:82px;display:block}.babi-wordmark-hero{width:min(82vw,520px)}.babi-home-hero-copy p{margin:16px 0 0;text-align:left;font-size:8px}.babi-home-hero-mark{right:22px;top:28px;width:72px;height:72px}.babi-home-hero-meta{bottom:18px}.babi-home-hero-meta span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.babi-home-hero-image>img{animation:none}}

/* v2.4 — mixed editorial Home: project links + loose archive photographs */
.babi-home-tile-loose{cursor:default}
.babi-home-tile-loose figure{margin:0}
.babi-home-grid .babi-home-tile img{image-rendering:auto}


/* =========================================================
   v2.9.0 — unified navigation / rebuilt About / responsive parity
   ========================================================= */

/* GLOBAL HEADER — identical function set on Home, Archive, About and projects. */
.babi-header,
.babi-project-page .babi-header,
.babi-archive-page .babi-header,
.babi-about-page .babi-header{
  position:sticky!important;top:0;z-index:120;height:62px;
  display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
  align-items:center;padding:0 var(--babi-gap);margin:0;
  background:#050505!important;border-bottom:1px solid #30302e;color:#f4f0e8;
}
.babi-header .babi-brand{justify-self:start;position:relative;z-index:3}
.babi-wordmark-header{width:154px;max-height:48px}
.babi-header .babi-nav{
  justify-self:center;display:flex!important;align-items:stretch;gap:2px;
  padding:3px;border:1px solid #393936;background:#0b0b0b;min-width:0;
}
.babi-header .babi-nav a{
  position:relative;display:grid!important;place-items:center;min-height:30px;padding:0 12px;
  color:#e9e5dd!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;text-decoration:none!important;
  font:8px/1 "Courier New",monospace;letter-spacing:.14em;white-space:nowrap;
  transition:background .45s cubic-bezier(.2,.7,.2,1),color .45s ease;
}
.babi-header .babi-nav a::before{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:1px;background:var(--babi-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.babi-header .babi-nav a:hover,.babi-header .babi-nav a:focus-visible{background:#181817!important;color:#fff!important}
.babi-header .babi-nav a:hover::before,.babi-header .babi-nav a:focus-visible::before{transform:scaleX(1)}
.babi-header .babi-nav a.is-current{background:#f0ece3!important;color:#050505!important}
.babi-header .babi-nav a.is-current::before{transform:scaleX(1)}
.babi-header .babi-code{justify-self:end;color:#77736c;font:8px/1 "Courier New",monospace;letter-spacing:.14em;white-space:nowrap}


/* ABOUT — v3.1.1 compact, photo-led, single-screen composition */
.babi-about-page,.babi-about-main{background:#efede7!important;color:#0a0a0a!important}
.babi-about-page .babi-header{background:#050505!important;color:#f4f0e8!important}
.babi-about-main{overflow:hidden}
.babi-about-card{
  position:relative;
  min-height:0;
  padding:clamp(24px,2.8vw,42px) var(--babi-gap) clamp(28px,3.4vw,52px);
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px 18px;
  align-items:start;
  border-bottom:1px solid rgba(0,0,0,.22);
}
.babi-about-card::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:radial-gradient(circle,#111 1px,transparent 1.25px);
  background-size:8vw 12vh;
}
.babi-about-meta{
  grid-column:1/4;position:relative;z-index:2;
  font:7px/1.45 "Courier New",monospace;letter-spacing:.12em;
}
.babi-about-meta span{display:block;margin-top:6px;color:#6d6962}
.babi-about-copy{
  grid-column:1/7;position:relative;z-index:2;
  padding-top:clamp(18px,2vw,30px);
}
.babi-about-copy h1{
  margin:0 0 18px;
  font:900 clamp(42px,6.3vw,94px)/.79 Arial Black,Arial,Helvetica,sans-serif;
  letter-spacing:-.075em;
}
.babi-about-copy h1 i{font-family:Georgia,serif;font-weight:400}
.babi-about-copy p{
  margin:0;max-width:48ch;
  font:10px/1.55 "Courier New",monospace;color:#292824;
}
.babi-about-copy>span{
  display:block;margin-top:14px;
  font:7px/1.3 "Courier New",monospace;letter-spacing:.12em;color:#68655e;
}
.babi-about-photos{
  grid-column:7/13;
  position:relative;z-index:2;
  min-height:clamp(260px,30vw,430px);
}
.babi-about-photo{
  position:absolute;margin:0;overflow:hidden;background:#111;
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
}
.babi-about-photo img{
  width:100%;height:100%;display:block;object-fit:cover;
  filter:grayscale(1) contrast(1.08);
  transition:filter 1.15s ease,transform 1.5s cubic-bezier(.2,.72,.2,1);
}
.babi-about-photo-1{width:42%;aspect-ratio:4/3;left:3%;top:2%}
.babi-about-photo-2{width:28%;aspect-ratio:2/3;right:3%;top:10%}
.babi-about-photo-3{width:34%;aspect-ratio:4/3;left:31%;bottom:0}
.babi-about-photo .babi-negative-lens{width:clamp(64px,6.5vw,100px);height:clamp(64px,6.5vw,100px)}
@media(hover:hover) and (pointer:fine){
  .babi-about-photo:hover img{transform:scale(1.012);filter:grayscale(1) contrast(1.15)}
}
@media(max-width:800px){
  .babi-about-card{padding:22px 14px 28px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .babi-about-meta{grid-column:1/4}
  .babi-about-copy{grid-column:1/-1;padding-top:12px}
  .babi-about-copy h1{font-size:clamp(42px,13.5vw,68px);margin-bottom:12px}
  .babi-about-copy p{font-size:9px;max-width:42ch}
  .babi-about-photos{grid-column:1/-1;min-height:220px;margin-top:6px}
  .babi-about-photo-1{width:44%;left:0;top:8px}
  .babi-about-photo-2{width:25%;right:4%;top:0}
  .babi-about-photo-3{width:35%;left:38%;bottom:0}
}
@media(max-width:430px){
  .babi-about-copy h1{font-size:12vw}
  .babi-about-photos{min-height:190px}
}


/* ARCHIVE — retained functionality, with the corrected global header. */
.babi-archive-page{background:#efede7;color:#090909}
.babi-archive-main{background:#efede7;color:#090909;margin:0}
.babi-archive-page .babi-header{background:#050505!important;margin:0}
.babi-archive-sheet{position:relative;min-height:clamp(500px,64vh,740px);margin:0;background:#efede7;color:#090909;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.25)}
.babi-archive-paper-noise{position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
.babi-archive-dot-grid{position:absolute;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(circle,#121212 1.2px,transparent 1.5px),radial-gradient(circle,rgba(0,0,0,.32) .6px,transparent .95px);background-size:8.2vw 11.5vh,16.4vw 23vh;background-position:2.2vw 3.5vh,6.4vw 9vh}
.babi-archive-sheet-top{position:absolute;z-index:3;left:var(--babi-gap);right:var(--babi-gap);top:28px;display:flex;justify-content:space-between;font:7px/1 "Courier New",monospace;letter-spacing:.15em;color:#56554f}
.babi-archive-sheet h1{position:absolute;z-index:4;left:var(--babi-gap);bottom:clamp(60px,9vh,100px);margin:0;font:900 clamp(105px,18vw,300px)/.65 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.1em;color:#0b0b0b;text-transform:uppercase}
.babi-archive-sheet h1::before,.babi-archive-sheet h1::after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.babi-archive-sheet h1::before{color:var(--babi-accent);clip-path:polygon(0 31%,100% 27%,100% 43%,0 47%)}.babi-archive-sheet h1::after{color:#506d75;clip-path:polygon(0 59%,100% 55%,100% 69%,0 73%)}
.babi-archive-sheet h1.is-glitching::before{animation:babi-text-track-r 140ms steps(2,end) 1}.babi-archive-sheet h1.is-glitching::after{animation:babi-text-track-b 140ms steps(2,end) 1}
.babi-archive-sheet-note{position:absolute;z-index:4;left:var(--babi-gap);bottom:28px;margin:0;font:7px/1 "Courier New",monospace;letter-spacing:.15em;color:#55534e}
.babi-archive-sheet-index{position:absolute;right:var(--babi-gap);bottom:28px;z-index:4;font:7px/1 "Courier New",monospace;letter-spacing:.14em}
.babi-archive-samples{position:absolute;inset:0;z-index:2;pointer-events:none}.babi-archive-sample{position:absolute;margin:0;overflow:hidden;background:#111}.babi-archive-sample img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.34) brightness(.9)}
.babi-archive-sample-1{width:clamp(110px,12vw,190px);right:12%;top:13%;aspect-ratio:4/5;transform:rotate(-2deg)}.babi-archive-sample-2{width:clamp(80px,9vw,145px);right:31%;top:28%;aspect-ratio:1/1.15;transform:rotate(1.5deg)}.babi-archive-sample-3{width:clamp(72px,7.2vw,115px);right:4%;top:47%;aspect-ratio:4/5;transform:rotate(-.8deg)}
.babi-archive-index{position:relative;width:100%;max-width:none;margin:0;background:#efede7;color:#090909}.babi-archive-index::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.babi-archive-index-head{position:relative;z-index:2;display:flex;justify-content:space-between;padding:16px var(--babi-gap);border-bottom:1px solid rgba(0,0,0,.2);font:8px/1 "Courier New",monospace;letter-spacing:.14em}
.babi-archive-page .babi-archive-filters{position:sticky;top:62px;z-index:30;display:flex;flex-wrap:wrap;gap:8px 22px;padding:14px var(--babi-gap);background:rgba(239,237,231,.97);border-bottom:1px solid rgba(0,0,0,.2);backdrop-filter:blur(6px)}
.babi-archive-page .babi-archive-filters button{appearance:none;border:0!important;background:transparent!important;color:#5d5b55!important;padding:0!important;font:8px/1 "Courier New",monospace;letter-spacing:.12em;cursor:pointer}.babi-archive-page .babi-archive-filters button.is-active{color:#090909!important;text-decoration:underline!important;text-underline-offset:5px}
.babi-archive-card-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.6vw,44px);padding:clamp(30px,4vw,64px);align-items:start}
.babi-archive-card{display:block;min-width:0;color:#090909!important;text-decoration:none!important;background:transparent!important;border:0!important}.babi-archive-card[hidden]{display:none!important}
.babi-archive-card:nth-child(4n+2){margin-top:clamp(46px,5vw,78px)}.babi-archive-card:nth-child(4n+4){margin-top:clamp(22px,3vw,52px)}
.babi-archive-card-no{display:block;margin-bottom:8px;font:7px/1 "Courier New",monospace;letter-spacing:.13em;color:#5b5a55}
.babi-archive-card-thumb{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#0c0c0c;margin:0}.babi-archive-card:nth-child(3n+2) .babi-archive-card-thumb{aspect-ratio:1/1.1}.babi-archive-card:nth-child(3n) .babi-archive-card-thumb{aspect-ratio:5/4}
.babi-archive-card-thumb>img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.24) brightness(.9);transition:filter .9s ease,transform 1.1s cubic-bezier(.18,.72,.22,1)}
.babi-archive-card-thumb::before,.babi-archive-card-thumb::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background-image:var(--babi-archive-image);background-size:cover;background-position:center;opacity:0}
.babi-archive-card-thumb::before{background-color:#d9291c;background-blend-mode:multiply;mix-blend-mode:screen;clip-path:polygon(0 18%,100% 16%,100% 29%,0 32%)}
.babi-archive-card-thumb::after{background-color:#3e718a;background-blend-mode:multiply;mix-blend-mode:screen;clip-path:polygon(0 62%,100% 58%,100% 73%,0 77%)}
.babi-archive-card.is-glitching .babi-archive-card-thumb::before{animation:babi-rgb-strip-r 150ms steps(3,end) 1}.babi-archive-card.is-glitching .babi-archive-card-thumb::after{animation:babi-rgb-strip-b 150ms steps(3,end) 1}
.babi-archive-negative-disc{position:absolute!important;inset:0!important;z-index:4;opacity:0;background-image:var(--babi-archive-image);background-size:cover;background-position:center;filter:grayscale(1) invert(1) contrast(1.4);clip-path:circle(0% at 20% 24%);pointer-events:none;transition:opacity .5s ease}
.babi-archive-card-copy{padding-top:10px;max-width:100%}.babi-archive-card-copy strong{position:relative;display:inline-block;font:900 clamp(17px,1.55vw,27px)/.86 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.07em;text-transform:uppercase;color:#0a0a0a}.babi-archive-card-copy strong::before{content:attr(data-babi-name);position:absolute;inset:0;color:var(--babi-accent);clip-path:polygon(0 43%,100% 39%,100% 57%,0 62%);opacity:0;pointer-events:none}.babi-archive-card.is-glitching .babi-archive-card-copy strong::before{animation:babi-text-track-r 140ms steps(2,end) 1}
.babi-archive-card-copy span{display:block;margin-top:5px;font:6.5px/1.35 "Courier New",monospace;letter-spacing:.11em;color:#5f5d57}.babi-archive-card-action{display:block;margin-top:9px;font:6.5px/1 "Courier New",monospace;letter-spacing:.15em;color:#6b6962}
@media(hover:hover) and (pointer:fine){.babi-archive-card:hover .babi-archive-card-thumb>img{filter:grayscale(1) contrast(1.36) brightness(.82);transform:scale(1.015)}.babi-archive-card:hover .babi-archive-negative-disc{opacity:.94;animation:babi-negative-scan 2.2s cubic-bezier(.2,.65,.25,1) 1}}
@keyframes babi-rgb-strip-r{0%,100%{opacity:0;transform:translateX(0)}18%{opacity:.78;transform:translateX(4px)}52%{opacity:.5;transform:translateX(-2px)}76%{opacity:.7;transform:translateX(2px)}}
@keyframes babi-rgb-strip-b{0%,100%{opacity:0;transform:translateX(0)}18%{opacity:.62;transform:translateX(-4px)}52%{opacity:.5;transform:translateX(3px)}76%{opacity:.65;transform:translateX(-2px)}}
@keyframes babi-text-track-r{0%,100%{opacity:0;transform:translateX(0)}20%{opacity:.72;transform:translateX(4px)}56%{opacity:.52;transform:translateX(-3px)}82%{opacity:.6;transform:translateX(2px)}}
@keyframes babi-text-track-b{0%,100%{opacity:0;transform:translateX(0)}20%{opacity:.58;transform:translateX(-4px)}56%{opacity:.48;transform:translateX(3px)}82%{opacity:.56;transform:translateX(-2px)}}
@keyframes babi-negative-scan{0%{clip-path:circle(0% at 16% 18%)}22%{clip-path:circle(18% at 22% 28%)}52%{clip-path:circle(22% at 74% 39%)}78%{clip-path:circle(19% at 43% 76%)}100%{clip-path:circle(0% at 84% 58%)}}

/* GLOBAL FOOTER — developer credit visible on every page. */
.babi-footer{min-height:76px;padding:16px var(--babi-gap);display:flex!important;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #252525;background:#050505!important;color:#77736c!important;font:8px/1.2 "Courier New",monospace;letter-spacing:.11em}
.babi-footer a{color:#aaa69e!important;text-decoration:none!important}.babi-orbis-credit{color:#aaa69e!important;font:7px/1 "Courier New",monospace!important;letter-spacing:.12em;white-space:nowrap}.babi-orbis-credit:hover,.babi-orbis-credit:focus{color:#f2eee6!important;text-decoration:underline!important;text-underline-offset:4px}

@media(max-width:1024px){
  .babi-archive-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.babi-archive-card:nth-child(n){margin-top:0}.babi-archive-card:nth-child(3n+2){margin-top:42px}
}

@media(max-width:800px){
  .babi-header,.babi-project-page .babi-header,.babi-archive-page .babi-header,.babi-about-page .babi-header{height:auto;min-height:94px;grid-template-columns:1fr auto;grid-template-rows:50px 44px;padding:0 14px}
  .babi-header .babi-brand{grid-column:1;grid-row:1;align-self:center}.babi-header .babi-code{grid-column:2;grid-row:1;display:block!important;align-self:center;justify-self:end;font-size:7px}
  .babi-header .babi-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid!important;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;margin:0 0 6px;overflow:visible}
  .babi-header .babi-nav a{min-height:31px;padding:0 5px;font-size:7px}
  .babi-wordmark-header{width:104px;max-height:40px}
  .babi-home-hero{height:calc(100svh - 94px)!important;min-height:540px}




  .babi-archive-page .babi-archive-filters{top:94px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}
  .babi-archive-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;padding:26px 14px 54px}.babi-archive-card:nth-child(n){margin-top:0}.babi-archive-card:nth-child(2n){margin-top:34px}
  .babi-archive-sheet{min-height:470px}.babi-archive-sheet h1{font-size:clamp(66px,21vw,105px);bottom:62px}.babi-archive-sample-1{width:29vw;right:7%;top:16%}.babi-archive-sample-2{width:21vw;right:43%;top:30%}.babi-archive-sample-3{width:17vw;right:5%;top:49%}.babi-archive-dot-grid{background-size:22vw 12vh,44vw 24vh}
  .babi-footer{min-height:110px;display:grid!important;grid-template-columns:1fr 1fr;align-content:center;padding:18px 14px;gap:12px}.babi-footer>*{min-width:0}.babi-orbis-credit{grid-column:1/-1;display:block!important;width:auto!important;order:initial!important;margin-top:6px}
}





@media(prefers-reduced-motion:reduce){
}

/* global navigation correction — text only, no box */
.babi-header .babi-nav{border:0!important;background:transparent!important;padding:0!important;gap:clamp(18px,2.5vw,36px)!important}.babi-header .babi-nav a{padding:0!important;min-height:auto!important;background:transparent!important;color:#f4f0e8!important}.babi-header .babi-nav a::before{display:none!important}.babi-header .babi-nav a.is-current{background:transparent!important;color:#f4f0e8!important;text-decoration:underline!important;text-underline-offset:5px}.babi-header .babi-nav a:hover{background:transparent!important;color:#050505!important;mix-blend-mode:difference}.babi-wordmark-header{width:96px!important;max-height:34px!important}.babi-header .babi-brand{gap:1px!important}.babi-dot{font-size:12px!important;margin-left:0!important;color:var(--babi-accent)!important}.babi-cursor-dot{width:34px!important;height:34px!important;margin:-17px 0 0 -17px!important;background:#f4f0e8!important;mix-blend-mode:difference!important;border-radius:50%!important;pointer-events:none!important;position:fixed!important;z-index:999999!important}.babi-cursor-dot.is-active{width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important}@media(pointer:fine){.babi-site,.babi-site a,.babi-site button{cursor:none!important}}@media(max-width:800px){.babi-header .babi-nav{gap:0!important}.babi-header .babi-nav a{min-height:31px!important;padding:0 5px!important}.babi-wordmark-header{width:84px!important;max-height:30px!important}.babi-dot{font-size:11px!important}}

/* v3.2.0 — ABOUT locked to the approved Canva composition. */

/* ABOUT 3.2.1 — exact Canva/PDF artwork. No reinterpretation. */
.babi-about-exact .babi-about-main{
  background:#050505!important;
  padding:0!important;
  overflow:hidden;
}
.babi-about-exact-frame{
  width:100%;
  margin:0;
  padding:0;
  background:#050505;
  line-height:0;
  overflow:hidden;
}
.babi-about-exact-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  max-width:none;
  object-fit:contain;
}
@media(max-width:767px){
  .babi-about-exact-frame{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .babi-about-exact-image{width:100%;min-width:0}
}


/* =========================================================
   v3.3.0 — Home banner rebuilt with site photos only
   ========================================================= */
.babi-home-banner{
  position:relative;
  min-height:calc(100svh - 62px);
  height:calc(100svh - 62px);
  overflow:hidden;
  border-bottom:1px solid var(--babi-line);
  background:
    radial-gradient(circle at 18% 16%, rgba(255,59,31,.14), transparent 0 19%),
    radial-gradient(circle at 83% 31%, rgba(255,59,31,.11), transparent 0 17%),
    linear-gradient(180deg,#090909 0%,#050505 100%);
  isolation:isolate;
}
.babi-home-banner::before,
.babi-home-banner::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
}
.babi-home-banner::before{
  background-image:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.85) 0 1.1px, transparent 1.4px),
    radial-gradient(circle at 68% 24%, rgba(255,255,255,.28) 0 1px, transparent 1.25px),
    radial-gradient(circle at 86% 82%, rgba(255,255,255,.22) 0 1px, transparent 1.25px);
  background-size:15vw 14vh, 18vw 16vh, 22vw 18vh;
  opacity:.42;
}
.babi-home-banner::after{
  background:
    linear-gradient(180deg, rgba(5,5,5,.03) 0%, rgba(5,5,5,.12) 42%, rgba(5,5,5,.62) 100%),
    radial-gradient(circle at 50% 50%, transparent 0 46%, rgba(255,59,31,.06) 70%, transparent 100%);
  z-index:1;
}
.babi-home-banner-stage{position:relative;width:100%;height:100%;padding:clamp(24px,3vw,42px) var(--babi-gap) clamp(26px,3vw,34px);z-index:2}
.babi-home-banner-noise,
.babi-home-banner-grid{position:absolute;inset:0;pointer-events:none}
.babi-home-banner-noise{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.babi-home-banner-grid{opacity:.14;background-image:linear-gradient(rgba(244,240,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.08) 1px,transparent 1px);background-size:8.5vw 8.5vw}
.babi-home-banner-rings,.babi-home-banner-connectors{position:absolute;inset:0;pointer-events:none;z-index:2}
.babi-home-banner-ring{position:absolute;border:1px solid rgba(244,240,232,.22);border-radius:999px;mix-blend-mode:screen;animation:babi-ring-breathe 16s ease-in-out infinite}
.babi-home-banner-ring-1{width:min(17vw,240px);height:min(17vw,240px);right:9vw;top:10vh;animation-delay:-2s}
.babi-home-banner-ring-2{width:min(22vw,320px);height:min(22vw,320px);left:28vw;bottom:9vh;animation-delay:-7s}
.babi-home-banner-ring-3{width:min(12vw,170px);height:min(12vw,170px);left:10vw;top:12vh;animation-delay:-11s}
.babi-home-banner-ring-3::after,
.babi-home-banner-ring-1::after{
  content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--babi-accent);box-shadow:0 0 18px rgba(255,59,31,.35)
}
.babi-home-banner-connector{position:absolute;height:1px;background:linear-gradient(90deg,rgba(255,59,31,0),rgba(255,59,31,.65),rgba(255,59,31,0));opacity:.38;transform-origin:left center;animation:babi-connector-pulse 12s ease-in-out infinite}
.babi-home-banner-connector-1{width:16vw;left:18vw;top:31vh;transform:rotate(13deg)}
.babi-home-banner-connector-2{width:18vw;left:49vw;top:52vh;transform:rotate(-11deg);animation-delay:-4s}
.babi-home-banner-connector-3{width:13vw;right:16vw;top:27vh;transform:rotate(23deg);animation-delay:-8s}
.babi-home-banner-card{
  position:absolute;display:block;overflow:hidden;color:inherit!important;text-decoration:none!important;
  background:#0b0b0b;box-shadow:0 24px 60px rgba(0,0,0,.28);outline:1px solid rgba(244,240,232,.18);
  transform-origin:center center;will-change:transform,filter;transition:box-shadow .45s ease, outline-color .45s ease;
}
.babi-home-banner-card img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.94);transform:scale(1.028)}
.babi-home-banner-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,rgba(0,0,0,.22) 100%);pointer-events:none;z-index:1}
.babi-home-banner-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.05);pointer-events:none;mix-blend-mode:screen;z-index:2}
.babi-home-banner-redwash{position:absolute;inset:-6%;background:linear-gradient(135deg,rgba(255,59,31,.15) 0%,rgba(255,59,31,.65) 52%,rgba(255,59,31,.08) 100%);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:2;animation:babi-redwash 18s steps(1,end) infinite;animation-delay:calc(var(--babi-seq) * -1.65s)}
.babi-home-banner-meta{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;justify-content:space-between;gap:12px;align-items:flex-end;font:8px/1 "Courier New",monospace;letter-spacing:.12em;color:#f4f0e8;text-shadow:0 0 12px rgba(0,0,0,.35)}
.babi-home-banner-meta strong{font-weight:400;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.babi-home-banner-meta em{font-style:normal;opacity:.72}
.babi-home-banner-card:hover,.babi-home-banner-card:focus-visible,.babi-home-banner-card.is-emphasis{box-shadow:0 28px 70px rgba(0,0,0,.36);outline-color:rgba(255,59,31,.58)}
.babi-home-banner-card:hover .babi-home-banner-redwash,.babi-home-banner-card:focus-visible .babi-home-banner-redwash,.babi-home-banner-card.is-emphasis .babi-home-banner-redwash{opacity:.34}
.babi-home-banner-card:hover img,.babi-home-banner-card:focus-visible img,.babi-home-banner-card.is-emphasis img{filter:grayscale(1) contrast(1.12) brightness(.96)}
.babi-home-banner-card-1{left:5vw;top:15vh;width:min(17vw,250px);aspect-ratio:4/5;transform:rotate(-6deg)}
.babi-home-banner-card-2{left:21vw;top:12vh;width:min(13vw,188px);aspect-ratio:1/1;transform:rotate(3.2deg)}
.babi-home-banner-card-3{left:34vw;top:8vh;width:min(19vw,280px);aspect-ratio:4/5;transform:rotate(-2.8deg)}
.babi-home-banner-card-4{right:20vw;top:13vh;width:min(15vw,220px);aspect-ratio:3/4;transform:rotate(2.6deg)}
.babi-home-banner-card-5{right:6vw;top:20vh;width:min(13vw,185px);aspect-ratio:4/5;transform:rotate(-5deg)}
.babi-home-banner-card-6{left:18vw;bottom:14vh;width:min(15vw,220px);aspect-ratio:4/3;transform:rotate(-3deg)}
.babi-home-banner-card-7{left:38vw;bottom:9vh;width:min(14vw,210px);aspect-ratio:1/1;transform:rotate(4deg)}
.babi-home-banner-card-8{right:24vw;bottom:14vh;width:min(16vw,235px);aspect-ratio:4/5;transform:rotate(-2deg)}
.babi-home-banner-card-9{right:8vw;bottom:10vh;width:min(18vw,260px);aspect-ratio:4/3;transform:rotate(3.4deg)}
.babi-home-banner-copy{position:absolute;left:var(--babi-gap);bottom:clamp(62px,8vh,96px);z-index:6;max-width:min(36vw,500px)}
.babi-home-banner-kicker{display:block;margin-bottom:16px;font:8px/1 "Courier New",monospace;letter-spacing:.18em;color:rgba(244,240,232,.72)}
.babi-home-banner-brand{display:flex;align-items:flex-start;gap:10px}
.babi-wordmark-banner{width:min(31vw,460px);max-width:100%;display:block}
.babi-home-banner-dot{font-size:clamp(18px,2.2vw,32px);line-height:1;color:var(--babi-accent);margin-top:clamp(4px,.4vw,8px);text-shadow:0 0 20px rgba(255,59,31,.35)}
.babi-home-banner-line{margin:12px 0 0;font:8px/1.55 "Courier New",monospace;letter-spacing:.16em;color:rgba(244,240,232,.72)}
.babi-home-banner-line-main{margin-top:20px;color:#f4f0e8}
.babi-home-banner-footer{position:absolute;left:var(--babi-gap);right:var(--babi-gap);bottom:24px;z-index:6;display:flex;justify-content:space-between;gap:16px;font:8px/1 "Courier New",monospace;letter-spacing:.14em;color:rgba(244,240,232,.56)}
.babi-home-banner-stage.is-red-phase .babi-home-banner-grid{background-image:linear-gradient(rgba(255,59,31,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,31,.12) 1px,transparent 1px)}
.babi-home-banner-stage.is-red-phase .babi-home-banner-ring{border-color:rgba(255,59,31,.42)}
.babi-home-banner-stage.is-red-phase .babi-home-banner-connector{opacity:.64}
@keyframes babi-redwash{0%,74%,100%{opacity:0}76%,84%{opacity:.28}}
@keyframes babi-ring-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes babi-connector-pulse{0%,100%{opacity:.2}50%{opacity:.52}}

@media (max-width:1080px){
  .babi-home-banner-card-1{left:4vw;top:17vh;width:min(24vw,230px)}
  .babi-home-banner-card-2{left:26vw;top:11vh;width:min(18vw,165px)}
  .babi-home-banner-card-3{left:43vw;top:9vh;width:min(22vw,220px)}
  .babi-home-banner-card-4{right:17vw;top:16vh;width:min(20vw,190px)}
  .babi-home-banner-card-5{right:4vw;top:26vh;width:min(18vw,170px)}
  .babi-home-banner-card-6{left:9vw;bottom:16vh;width:min(24vw,220px)}
  .babi-home-banner-card-7{left:37vw;bottom:12vh;width:min(18vw,170px)}
  .babi-home-banner-card-8{right:21vw;bottom:15vh;width:min(20vw,190px)}
  .babi-home-banner-card-9{right:3vw;bottom:13vh;width:min(24vw,220px)}
  .babi-wordmark-banner{width:min(42vw,420px)}
  .babi-home-banner-copy{max-width:min(44vw,420px)}
}

@media (max-width:800px){
  .babi-home-banner{min-height:calc(100svh - 62px);height:auto;padding-bottom:0}
  .babi-home-banner-stage{min-height:calc(100svh - 62px);padding:20px 18px 18px}
  .babi-home-banner-grid{background-size:19vw 19vw}
  .babi-home-banner-ring-1{width:31vw;height:31vw;right:4vw;top:10vh}
  .babi-home-banner-ring-2{width:42vw;height:42vw;left:-6vw;bottom:26vh}
  .babi-home-banner-ring-3{width:23vw;height:23vw;left:58vw;top:30vh}
  .babi-home-banner-connector-1{width:24vw;left:21vw;top:25vh}
  .babi-home-banner-connector-2{width:25vw;left:34vw;top:58vh}
  .babi-home-banner-connector-3{width:19vw;right:10vw;top:40vh}
  .babi-home-banner-card{outline-color:rgba(244,240,232,.14)}
  .babi-home-banner-card-1{left:4vw;top:12vh;width:36vw}
  .babi-home-banner-card-2{left:45vw;top:10vh;width:28vw}
  .babi-home-banner-card-3{right:3vw;top:20vh;width:33vw}
  .babi-home-banner-card-4{left:9vw;top:36vh;width:31vw}
  .babi-home-banner-card-5{right:6vw;top:45vh;width:27vw}
  .babi-home-banner-card-6{left:18vw;bottom:17vh;width:35vw}
  .babi-home-banner-card-7{right:12vw;bottom:18vh;width:30vw}
  .babi-home-banner-card-8,.babi-home-banner-card-9{display:none}
  .babi-home-banner-copy{left:18px;right:18px;bottom:74px;max-width:none}
  .babi-wordmark-banner{width:min(62vw,320px)}
  .babi-home-banner-line{max-width:85vw}
  .babi-home-banner-footer{left:18px;right:18px;bottom:18px}
  .babi-home-banner-footer span:first-child{display:none}
  .babi-home-banner-meta{font-size:7px;left:8px;right:8px;bottom:8px}
}

@media (max-width:560px){
  .babi-home-banner-stage{min-height:calc(100svh - 62px)}
  .babi-home-banner-card-1{left:3vw;top:13vh;width:39vw}
  .babi-home-banner-card-2{left:47vw;top:11vh;width:30vw}
  .babi-home-banner-card-3{right:2vw;top:24vh;width:35vw}
  .babi-home-banner-card-4{left:8vw;top:39vh;width:34vw}
  .babi-home-banner-card-5{right:4vw;top:49vh;width:30vw}
  .babi-home-banner-card-6{left:16vw;bottom:19vh;width:39vw}
  .babi-home-banner-card-7{right:10vw;bottom:20vh;width:33vw}
  .babi-wordmark-banner{width:min(68vw,300px)}
  .babi-home-banner-brand{gap:8px}
  .babi-home-banner-kicker,.babi-home-banner-line,.babi-home-banner-footer{font-size:7px}
}

@media (prefers-reduced-motion:reduce){
  .babi-home-banner-ring,.babi-home-banner-connector,.babi-home-banner-redwash{animation:none}
}

/* =========================================================
   v3.4.0 — HOME / concave mirror wall
   ========================================================= */
.babi-home-mirror-banner{
  position:relative;
  height:calc(100svh - 62px);
  min-height:620px;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid var(--babi-line);
  isolation:isolate;
}
.babi-home-mirror-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#050505}
.babi-home-mirror-grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");mix-blend-mode:screen}
.babi-home-mirror-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.035),transparent 0 36%),radial-gradient(circle at 21% 30%,rgba(255,59,31,.045),transparent 0 18%),radial-gradient(circle at 82% 67%,rgba(255,59,31,.035),transparent 0 16%)}
.babi-home-mirror-wall{position:absolute;inset:0;z-index:2}
.babi-mirror{position:absolute;aspect-ratio:1/1;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 24px 28px rgba(0,0,0,.42));animation:babi-mirror-float 10s ease-in-out infinite alternate}
.babi-mirror-depth{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#444 0%,#161616 42%,#030303 100%);box-shadow:0 12px 28px rgba(0,0,0,.68);transform:translate(8px,10px);opacity:.9}
.babi-mirror-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#111;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),inset 0 0 0 7px rgba(255,255,255,.035),inset -20px -18px 30px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.08)}
.babi-mirror-face>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--babi-focal-x,50%) var(--babi-focal-y,50%);transform:scale(var(--babi-mirror-zoom,1.1));transform-origin:center;filter:grayscale(1) contrast(1.13) brightness(.84);transition:filter .28s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.babi-mirror-sheen{position:absolute;inset:0;border-radius:50%;z-index:4;pointer-events:none;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.22),rgba(255,255,255,.06) 18%,transparent 43%),linear-gradient(125deg,rgba(255,255,255,.11),transparent 30% 68%,rgba(0,0,0,.22));mix-blend-mode:screen;opacity:.55}
.babi-mirror-red-flash{position:absolute;inset:0;z-index:3;border-radius:50%;pointer-events:none;background:#ff2b12;mix-blend-mode:color;opacity:0;transition:opacity .16s linear}
.babi-mirror.is-babi-red .babi-mirror-red-flash{opacity:.96}
.babi-mirror.is-babi-red .babi-mirror-face>img{filter:grayscale(.18) contrast(1.24) brightness(.9) saturate(1.7)}
.babi-mirror .babi-negative-lens{width:clamp(64px,6.5vw,112px);height:clamp(64px,6.5vw,112px);z-index:7;box-shadow:0 0 0 1px rgba(255,255,255,.34),0 0 26px rgba(255,59,31,.12)}
.babi-mirror:hover .babi-mirror-face>img{transform:scale(calc(var(--babi-mirror-zoom,1.1) + .035))}

/* deliberate irregular wall — circles viewed from different angles */
.babi-mirror-1{left:4.5%;top:9%;width:16.5%;transform:perspective(900px) rotateX(10deg) rotateY(20deg) rotateZ(-9deg);animation-delay:-1.7s}
.babi-mirror-2{left:20.5%;top:23%;width:13%;transform:perspective(900px) rotateX(-17deg) rotateY(5deg) rotateZ(6deg);animation-delay:-5.4s}
.babi-mirror-3{left:30.8%;top:5%;width:18%;transform:perspective(900px) rotateX(4deg) rotateY(-16deg) rotateZ(2deg);animation-delay:-2.8s}
.babi-mirror-4{left:47.2%;top:23.5%;width:14.5%;transform:perspective(900px) rotateX(-12deg) rotateY(18deg) rotateZ(-5deg);animation-delay:-7.2s}
.babi-mirror-5{right:20.8%;top:7.5%;width:16%;transform:perspective(900px) rotateX(14deg) rotateY(-9deg) rotateZ(7deg);animation-delay:-3.6s}
.babi-mirror-6{right:5%;top:23%;width:13.5%;transform:perspective(900px) rotateX(-6deg) rotateY(-22deg) rotateZ(-10deg);animation-delay:-6.5s}
.babi-mirror-7{left:8.5%;bottom:8.5%;width:17%;transform:perspective(900px) rotateX(-18deg) rotateY(12deg) rotateZ(10deg);animation-delay:-4.5s}
.babi-mirror-8{left:27%;bottom:12.5%;width:14%;transform:perspective(900px) rotateX(17deg) rotateY(-18deg) rotateZ(-4deg);animation-delay:-1.1s}
.babi-mirror-9{left:43%;bottom:5%;width:17.5%;transform:perspective(900px) rotateX(-8deg) rotateY(10deg) rotateZ(4deg);animation-delay:-7.9s}
.babi-mirror-10{right:21.5%;bottom:10.5%;width:14%;transform:perspective(900px) rotateX(11deg) rotateY(20deg) rotateZ(-6deg);animation-delay:-2.1s}
.babi-mirror-11{right:4.5%;bottom:5%;width:17%;transform:perspective(900px) rotateX(-15deg) rotateY(-13deg) rotateZ(8deg);animation-delay:-5.9s}

.babi-home-mirror-brand{position:absolute;z-index:10;left:var(--babi-gap);bottom:clamp(26px,4.2vh,54px);pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}
.babi-wordmark-mirror-banner{display:block;width:min(24vw,360px);max-width:72vw}

.babi-home-mirror-red-details{position:absolute;inset:0;z-index:6;pointer-events:none}
.babi-red-orbit{position:absolute;border:1px solid rgba(255,48,25,.72);border-radius:50%;opacity:.78;box-shadow:0 0 16px rgba(255,59,31,.06)}
.babi-red-orbit-1{width:17vw;height:17vw;left:11%;top:8%}
.babi-red-orbit-2{width:12vw;height:12vw;right:8%;top:11%}
.babi-red-orbit-3{width:20vw;height:20vw;left:39%;bottom:-7%}
.babi-red-tail{position:absolute;height:1px;background:linear-gradient(90deg,rgba(255,59,31,0),rgba(255,59,31,.95),rgba(255,59,31,.18));transform-origin:left center;opacity:.8}
.babi-red-tail::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#ff2d18;box-shadow:0 0 11px rgba(255,45,24,.42)}
.babi-red-tail-1{width:12vw;left:17%;top:33%;transform:rotate(15deg)}
.babi-red-tail-2{width:15vw;left:47%;top:42%;transform:rotate(-9deg)}
.babi-red-tail-3{width:11vw;right:10%;bottom:27%;transform:rotate(18deg)}
.babi-red-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff2d18;box-shadow:0 0 10px rgba(255,45,24,.45)}
.babi-red-dot-1{left:5%;top:18%}.babi-red-dot-2{left:14%;top:42%}.babi-red-dot-3{left:24%;top:12%}.babi-red-dot-4{left:31%;top:53%}.babi-red-dot-5{left:38%;top:20%}.babi-red-dot-6{left:44%;top:67%}.babi-red-dot-7{left:52%;top:13%}.babi-red-dot-8{left:58%;top:47%}.babi-red-dot-9{left:64%;top:27%}.babi-red-dot-10{left:71%;top:59%}.babi-red-dot-11{left:78%;top:17%}.babi-red-dot-12{left:85%;top:45%}.babi-red-dot-13{left:93%;top:25%}.babi-red-dot-14{left:9%;top:77%}.babi-red-dot-15{left:22%;top:70%}.babi-red-dot-16{left:67%;top:80%}.babi-red-dot-17{left:82%;top:74%}.babi-red-dot-18{left:95%;top:86%}
.babi-red-dot-4,.babi-red-dot-8,.babi-red-dot-12,.babi-red-dot-15{width:10px;height:10px}

@keyframes babi-mirror-float{0%{translate:0 0}100%{translate:0 -5px}}

@media(max-width:1000px){
  .babi-home-mirror-banner{min-height:590px}
  .babi-mirror-1{left:3%;top:9%;width:21%}.babi-mirror-2{left:21%;top:27%;width:17%}.babi-mirror-3{left:35%;top:7%;width:22%}.babi-mirror-4{left:48%;top:31%;width:18%}.babi-mirror-5{right:16%;top:10%;width:20%}.babi-mirror-6{right:2%;top:29%;width:17%}.babi-mirror-7{left:5%;bottom:8%;width:21%}.babi-mirror-8{left:28%;bottom:14%;width:18%}.babi-mirror-9{left:46%;bottom:7%;width:21%}.babi-mirror-10{right:17%;bottom:15%;width:18%}.babi-mirror-11{right:2%;bottom:5%;width:21%}
  .babi-wordmark-mirror-banner{width:min(31vw,330px)}
}

@media(max-width:800px){
  .babi-home-mirror-banner{height:calc(100svh - 62px);min-height:600px}
  .babi-home-mirror-stage{min-height:100%}
  .babi-mirror-1{left:-5%;top:7%;width:39%;transform:perspective(720px) rotateX(10deg) rotateY(20deg) rotateZ(-9deg)}
  .babi-mirror-2{left:31%;top:5%;width:30%}
  .babi-mirror-3{right:-7%;left:auto;top:9%;width:42%}
  .babi-mirror-4{left:7%;top:31%;width:31%}
  .babi-mirror-5{left:39%;right:auto;top:27%;width:37%}
  .babi-mirror-6{right:-4%;top:39%;width:31%}
  .babi-mirror-7{left:-5%;bottom:17%;width:39%}
  .babi-mirror-8{left:29%;bottom:22%;width:30%}
  .babi-mirror-9{right:-7%;left:auto;bottom:22%;width:39%}
  .babi-mirror-10{left:18%;right:auto;bottom:-4%;width:35%}
  .babi-mirror-11{right:7%;bottom:-5%;width:34%}
  .babi-wordmark-mirror-banner{width:min(56vw,300px)}
  .babi-home-mirror-brand{left:18px;bottom:24px}
  .babi-red-orbit-1{width:38vw;height:38vw;left:-5%;top:6%}.babi-red-orbit-2{width:28vw;height:28vw;right:2%;top:19%}.babi-red-orbit-3{width:43vw;height:43vw;left:31%;bottom:-11%}
  .babi-red-tail-1{width:24vw;left:14%;top:28%}.babi-red-tail-2{width:30vw;left:41%;top:54%}.babi-red-tail-3{width:22vw;right:5%;bottom:22%}
  .babi-red-dot{width:6px;height:6px}.babi-red-dot-4,.babi-red-dot-8,.babi-red-dot-12,.babi-red-dot-15{width:8px;height:8px}
}

@media(prefers-reduced-motion:reduce){
  .babi-mirror{animation:none}
  .babi-mirror-face>img,.babi-mirror-red-flash{transition:none}
}

/* v3.6.0 — cursor contrast: interactive text stays visibly BABI-red under the white difference cursor */
@media (hover:hover) and (pointer:fine){
  .babi-site .babi-shell a:hover,
  .babi-site .babi-shell a:focus-visible,
  .babi-site .babi-shell button:hover,
  .babi-site .babi-shell button:focus-visible,
  .babi-site .babi-shell a:hover strong,
  .babi-site .babi-shell a:hover span,
  .babi-site .babi-shell button:hover strong,
  .babi-site .babi-shell button:hover span{
    color:var(--babi-accent)!important;
  }
}

/* =========================================================
   v3.7.0 — header contrast + editable nav colors
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  .babi-header .babi-nav{position:relative;z-index:6!important}
  .babi-header .babi-brand,.babi-header .babi-code{position:relative;z-index:6}
  .babi-header .babi-cursor-dot.is-nav-mode{z-index:5!important;mix-blend-mode:normal!important;background:var(--babi-cursor-color,#f4f0e8)!important}
  .babi-header .babi-nav a{position:relative;z-index:7!important;mix-blend-mode:normal!important;transition:color .14s ease!important}
  .babi-header .babi-nav a.babi-nav-home{color:var(--babi-nav-home,#f4f0e8)!important}
  .babi-header .babi-nav a.babi-nav-home:hover,.babi-header .babi-nav a.babi-nav-home:focus-visible{color:var(--babi-nav-home-hover,var(--babi-accent))!important}
  .babi-header .babi-nav a.babi-nav-archive{color:var(--babi-nav-archive,#f4f0e8)!important}
  .babi-header .babi-nav a.babi-nav-archive:hover,.babi-header .babi-nav a.babi-nav-archive:focus-visible{color:var(--babi-nav-archive-hover,var(--babi-accent))!important}
  .babi-header .babi-nav a.babi-nav-about{color:var(--babi-nav-about,#f4f0e8)!important}
  .babi-header .babi-nav a.babi-nav-about:hover,.babi-header .babi-nav a.babi-nav-about:focus-visible{color:var(--babi-nav-about-hover,var(--babi-accent))!important}
}

/* =========================================================
   v4.1.0 — critical Babi font + editorial video + responsive About
   ========================================================= */
@font-face{font-family:"Babi Tm";src:url("../fonts/BabiTm-Regular.woff2") format("woff2"),url("../fonts/BabiTm-Regular.ttf") format("truetype");font-display:block;font-style:normal;font-weight:400}

/* Home — editorial moving image. Replaces the former Visual Field. */
.babi-editorial-video-section{position:relative;background:var(--babi-black,#050505);padding:96px var(--babi-gap);border-bottom:1px solid var(--babi-line,#252525);overflow:hidden}
.babi-editorial-video-frame{position:relative;width:92%;max-width:1700px;margin:0 auto;aspect-ratio:910/512;background:#020202;overflow:hidden}
.babi-editorial-video{display:block;width:100%;height:100%;object-fit:cover;background:#020202;opacity:1;transition:opacity .45s ease}
.babi-editorial-video.is-ready{opacity:1}
@media(max-width:800px){.babi-editorial-video-section{padding:58px 0}.babi-editorial-video-frame{width:100%!important;max-width:none}.babi-editorial-video{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.babi-editorial-video{transition:none}}

/* About — same poster language, rebuilt as a real layout. */
.babi-about-live-page,.babi-about-live-main{background:#050505!important}
.babi-about-live-main{overflow:hidden;padding:0!important}
.babi-about-live{--about-paper:#efede7;--about-ink:#090909;--about-red:#ef3323;position:relative;width:100%;aspect-ratio:16/9;margin:0;border:clamp(16px,2.4vw,40px) solid #050505;background:var(--about-paper);color:var(--about-ink);overflow:hidden;isolation:isolate}
.babi-about-paper-noise{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.babi-about-specks{position:absolute;inset:0;z-index:1;pointer-events:none}.babi-about-specks i{position:absolute;width:2px;height:2px;border-radius:50%;background:#111;opacity:.68}.babi-about-specks i:nth-child(1){left:3%;top:3%}.babi-about-specks i:nth-child(2){left:13%;top:15%}.babi-about-specks i:nth-child(3){left:26%;top:7%}.babi-about-specks i:nth-child(4){left:46%;top:19%}.babi-about-specks i:nth-child(5){left:70%;top:8%}.babi-about-specks i:nth-child(6){right:6%;top:15%}.babi-about-specks i:nth-child(7){left:15%;bottom:18%}.babi-about-specks i:nth-child(8){right:19%;bottom:27%}
.babi-about-black-dot{position:absolute;z-index:2;width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px);border-radius:50%;background:#050505}.babi-about-black-dot-a{left:21.5%;top:4.4%}.babi-about-black-dot-b{right:20.5%;top:4.2%}
.babi-about-body-wordmark{position:absolute;left:3.8%;top:12.5%;width:min(30vw,500px);z-index:7}.babi-wordmark-about-body{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(29%) sepia(97%) saturate(3390%) hue-rotate(354deg) brightness(101%) contrast(101%);opacity:.96}
.babi-about-collage{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;z-index:4;pointer-events:none}
.babi-about-live-photo{position:absolute;margin:0;overflow:hidden;background:#111;box-shadow:none;pointer-events:auto;z-index:4}.babi-about-live-photo>img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.babi-about-live-photo-1{left:21.8%;top:7.2%;width:22.3%;height:28.5%}.babi-about-live-photo-1>img{object-position:50% 51%}
.babi-about-live-photo-2{left:48.5%;top:5.2%;width:13.2%;height:36%}.babi-about-live-photo-2>img{object-position:50% 42%}
.babi-about-live-photo-3{left:46.2%;top:50%;width:17.4%;height:20.8%}.babi-about-live-photo-3>img{object-position:50% 49%}
.babi-about-red-ghost{display:none}
.babi-about-live-ghost{position:absolute;display:block;z-index:3;background-image:linear-gradient(var(--about-red),var(--about-red)),var(--about-photo);background-size:cover;background-position:center;background-blend-mode:multiply;mix-blend-mode:multiply;pointer-events:none}
.babi-about-live-ghost-1{left:28%;top:34.8%;width:18.7%;height:18.8%;opacity:.18}.babi-about-live-ghost-2{left:57.4%;top:14.7%;width:11.8%;height:31.9%;opacity:.62;background-position:center 42%}.babi-about-live-ghost-3{left:37.2%;top:45.4%;width:17.2%;height:20.6%;opacity:.86;background-position:center 49%}
.babi-about-live-photo .babi-negative-lens{z-index:5}
.babi-about-live-copy{position:absolute;inset:0;z-index:8;pointer-events:none;color:var(--about-ink)}
.babi-about-live-word{position:absolute;display:block;font-family:"Babi Tm",sans-serif;font-weight:400;line-height:.78;letter-spacing:-.025em;white-space:nowrap;color:var(--about-ink)}
.babi-about-live-images{left:3.2%;top:59.5%}.babi-about-live-makes{left:61.2%;top:43.6%}
.babi-about-live-sub{position:absolute;left:28.8%;bottom:17.5%;font:700 clamp(12px,1.18vw,21px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
.babi-about-live-location{position:absolute;z-index:8;left:50%;bottom:7.2%;transform:translateX(-50%);width:max-content;max-width:80%;margin:0;font:800 18px/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;text-align:center;color:var(--about-ink);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.babi-about-live-photo{transition:transform .7s cubic-bezier(.2,.72,.2,1)}.babi-about-live-photo:hover{transform:translateY(-4px)}}

@media(max-width:800px){
  .babi-about-live{aspect-ratio:auto;min-height:0;height:auto;border:10px solid #050505;padding:0 0 42px;overflow:hidden}
  .babi-about-body-wordmark{position:relative;left:auto;top:auto;width:min(48vw,210px);margin:24px 0 0 18px}
  .babi-about-black-dot{width:22px;height:22px}.babi-about-black-dot-a{left:auto;right:22px;top:26px}.babi-about-black-dot-b{display:none}
  .babi-about-collage{position:relative;inset:auto;width:100%;height:430px;margin-top:10px;transform-origin:center top}
  .babi-about-live-photo-1{left:5%;top:6px;width:58%;height:166px}.babi-about-live-photo-2{left:auto;right:5%;top:88px;width:40%;height:214px}.babi-about-live-photo-3{left:18%;top:259px;width:62%;height:164px}
  .babi-about-live-ghost-1{left:14%;top:133px;width:48%;height:138px;opacity:.16}.babi-about-live-ghost-2{left:auto;right:-4%;top:124px;width:38%;height:205px;opacity:.56}.babi-about-live-ghost-3{left:3%;top:248px;width:48%;height:154px;opacity:.76}
  .babi-about-live-copy{position:relative;inset:auto;height:auto;margin:18px 18px 0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .babi-about-live-word{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;font-size:clamp(54px,18vw,78px)!important;line-height:.78!important;white-space:nowrap;max-width:100%}
  .babi-about-live-images{align-self:flex-start}.babi-about-live-makes{align-self:flex-end;margin-top:-2px}
  .babi-about-live-sub{position:relative;left:auto;bottom:auto;margin:8px 0 0 6px;font-size:clamp(12px,3.7vw,16px);line-height:1}
  .babi-about-live-location{position:relative;left:auto;bottom:auto;transform:none;width:auto;max-width:none;margin:42px 18px 0;font-size:clamp(10px,3.2vw,14px)!important;line-height:1.18;text-align:center;white-space:normal}
}
@media(max-width:390px){.babi-about-collage{height:405px}.babi-about-live-photo-1{height:154px}.babi-about-live-photo-2{top:82px;height:202px}.babi-about-live-photo-3{top:246px;height:153px}.babi-about-live-ghost-1{top:124px;height:130px}.babi-about-live-ghost-2{top:117px;height:192px}.babi-about-live-ghost-3{top:236px;height:145px}.babi-about-live-word{font-size:clamp(50px,17vw,70px)!important}}
@media(prefers-reduced-motion:reduce){.babi-about-live-photo{transition:none!important}}

/* =========================================================
   v4.3.0 — Editorial project flow / clean digital glitch
   Built from v4.1.0. Archive index below the banner is untouched.
   ========================================================= */

/* The old glitch used solid horizontal color bands. Disable those layers. */
.babi-archive-sheet h1::before,.babi-archive-sheet h1::after,
.babi-archive-card-copy strong::before{display:none!important;animation:none!important}
.babi-archive-card-thumb::before,.babi-archive-card-thumb::after{display:none!important}

/* CapCut/video-edit style glitch: only duplicated image slices + RGB separation, never a solid stripe. */
[data-babi-glitch-media]{position:relative;overflow:hidden;isolation:isolate}
.babi-glitch-slice{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background-image:var(--babi-glitch-image);background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform,clip-path,opacity,filter}
.babi-glitch-slice-a{filter:contrast(1.12) saturate(1.8) sepia(.2) hue-rotate(325deg);mix-blend-mode:screen}
.babi-glitch-slice-b{filter:contrast(1.14) saturate(1.5) hue-rotate(150deg);mix-blend-mode:screen}
[data-babi-glitch-media].is-glitching .babi-glitch-slice-a{animation:babi-video-slice-a .32s steps(1,end) 1}
[data-babi-glitch-media].is-glitching .babi-glitch-slice-b{animation:babi-video-slice-b .32s steps(1,end) 1}
[data-babi-text-glitch].is-glitching,.babi-archive-sheet h1.is-glitching{animation:babi-video-text-glitch .30s steps(1,end) 1}
@keyframes babi-video-slice-a{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0)}
  8%{opacity:.58;clip-path:inset(14% 0 68% 0);transform:translateX(8px)}
  20%{opacity:.38;clip-path:inset(51% 0 35% 0);transform:translateX(-5px)}
  34%{opacity:.66;clip-path:inset(72% 0 12% 0);transform:translateX(11px)}
  50%{opacity:0}
  62%{opacity:.42;clip-path:inset(28% 0 57% 0);transform:translateX(-8px)}
  78%{opacity:.52;clip-path:inset(62% 0 22% 0);transform:translateX(5px)}
  90%{opacity:0}
}
@keyframes babi-video-slice-b{
  0%,100%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate(0)}
  10%{opacity:.48;clip-path:inset(63% 0 19% 0);transform:translateX(-10px)}
  24%{opacity:.32;clip-path:inset(23% 0 64% 0);transform:translateX(6px)}
  39%{opacity:.58;clip-path:inset(45% 0 38% 0);transform:translateX(-7px)}
  54%{opacity:0}
  68%{opacity:.42;clip-path:inset(9% 0 77% 0);transform:translateX(8px)}
  82%{opacity:.36;clip-path:inset(78% 0 8% 0);transform:translateX(-4px)}
  94%{opacity:0}
}
@keyframes babi-video-text-glitch{
  0%,100%{transform:translate(0);text-shadow:none;filter:none}
  10%{transform:translateX(-2px);text-shadow:4px 0 #ff3b1f,-4px 0 #58c4cf}
  22%{transform:translateX(2px);text-shadow:-5px 0 rgba(255,59,31,.75),5px 0 rgba(88,196,207,.58)}
  34%{transform:translateX(-1px);text-shadow:2px 0 rgba(255,59,31,.4),-2px 0 rgba(88,196,207,.35)}
  50%{transform:translate(0);text-shadow:none}
  64%{transform:translateX(2px);text-shadow:-3px 0 rgba(255,59,31,.55),3px 0 rgba(88,196,207,.42)}
  78%{transform:translateX(-1px);text-shadow:2px 0 rgba(255,59,31,.35),-2px 0 rgba(88,196,207,.32)}
  90%{transform:translate(0);text-shadow:none}
}

/* Archive: only the hero/banner changes. */
.babi-archive-dot-grid{display:none!important}
.babi-archive-signal-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.babi-archive-signal-field::before{content:"";position:absolute;width:31vw;height:1px;right:5vw;top:19%;background:#161616;transform:rotate(-2deg);opacity:.34}
.babi-archive-signal-field::after{content:"";position:absolute;width:1px;height:20vh;left:31%;top:10%;background:#161616;transform:rotate(3deg);opacity:.2}
.babi-archive-signal-field i{position:absolute;display:block;width:clamp(3px,.35vw,6px);height:clamp(3px,.35vw,6px);background:#111;border-radius:50%;opacity:.68}
.babi-archive-signal-field i:nth-child(1){left:9%;top:18%}.babi-archive-signal-field i:nth-child(2){left:27%;top:42%;width:18px;height:1px;border-radius:0}.babi-archive-signal-field i:nth-child(3){left:47%;top:16%;width:1px;height:22px;border-radius:0}.babi-archive-signal-field i:nth-child(4){right:38%;top:58%}.babi-archive-signal-field i:nth-child(5){right:8%;top:22%;width:13px;height:1px;border-radius:0}.babi-archive-signal-field i:nth-child(6){left:57%;bottom:12%;width:24px;height:1px;border-radius:0}.babi-archive-signal-field i:nth-child(7){right:22%;bottom:21%}.babi-archive-signal-field i:nth-child(8){left:17%;bottom:31%;width:1px;height:17px;border-radius:0}
.babi-archive-sheet h1{z-index:6}
.babi-archive-samples{z-index:3}
.babi-archive-sample{box-shadow:0 0 0 1px rgba(0,0,0,.22);background:#111}
.babi-archive-sample img{filter:grayscale(1) contrast(1.24) brightness(.94);transition:filter .25s ease,transform .3s ease}
.babi-archive-sample-1{width:clamp(108px,11vw,182px);right:12%;top:8%;aspect-ratio:4/5;transform:rotate(-1.4deg)}
.babi-archive-sample-2{width:clamp(76px,7.6vw,126px);right:34%;top:25%;aspect-ratio:4/5;transform:rotate(1.3deg)}
.babi-archive-sample-3{width:clamp(70px,6.8vw,112px);right:3.8%;top:44%;aspect-ratio:4/5;transform:rotate(-.5deg)}
.babi-archive-sample-4{width:clamp(62px,6vw,100px);right:25%;top:56%;aspect-ratio:1/1;transform:rotate(2.1deg)}
.babi-archive-sample-5{width:clamp(58px,5.4vw,92px);right:48%;top:12%;aspect-ratio:5/4;transform:rotate(-2deg)}
.babi-archive-sample-6{width:clamp(54px,5vw,86px);right:8%;top:68%;aspect-ratio:5/4;transform:rotate(1deg)}
.babi-archive-sample-7{width:clamp(46px,4.4vw,76px);right:42%;top:62%;aspect-ratio:4/5;transform:rotate(-1deg)}

/* Home: the project-name menu below the photo wall no longer exists. */
.babi-selected-index{display:none!important}

/* Project palette. */
.babi-project-editorial{background:var(--babi-project-bg)!important;color:var(--babi-project-fg)!important}
.babi-site .babi-project-editorial main{background:var(--babi-project-bg)!important;color:var(--babi-project-fg)!important}
.babi-project-editorial .babi-project-intro{background:var(--babi-project-bg);color:var(--babi-project-fg);padding:clamp(72px,10vh,132px) var(--babi-gap) clamp(56px,8vh,112px);grid-template-columns:minmax(0,3.4fr) minmax(170px,.8fr);border-bottom:1px solid var(--babi-project-line)}
.babi-project-editorial .babi-kicker{color:var(--babi-project-muted)}
.babi-project-editorial .babi-project-intro h1{font-family:"Arial Black",Arial,Helvetica,sans-serif!important;font-style:normal!important;font-weight:900!important;font-size:clamp(76px,12vw,210px);line-height:.72;letter-spacing:-.09em;max-width:8.5ch;color:var(--babi-project-fg);text-transform:uppercase;transform-origin:left center}
.babi-project-editorial .babi-project-meta{color:var(--babi-project-muted);border-color:var(--babi-project-line)}
.babi-project-editorial .babi-header{border-color:var(--babi-project-line)}

/* Real editorial rhythm: every gallery attachment is rendered; width/air varies by block. */
.babi-project-media-flow{position:relative;background:var(--babi-project-bg);color:var(--babi-project-fg);padding:clamp(38px,6vh,84px) 0 clamp(90px,14vh,180px);overflow:hidden}
.babi-media-block{position:relative;width:100%;display:flex;box-sizing:border-box}
.babi-media-stage{position:relative;min-width:0}
.babi-layout-hero{justify-content:center;margin:0 0 clamp(72px,11vh,154px)}
.babi-layout-hero .babi-media-stage{width:min(91vw,1540px)}
.babi-layout-large_air{justify-content:center;margin:clamp(74px,12vh,170px) 0 clamp(96px,15vh,210px)}
.babi-layout-large_air .babi-media-stage{width:min(66vw,1060px)}
.babi-layout-medium{justify-content:center;margin:clamp(62px,9vh,128px) 0 clamp(78px,12vh,170px)}
.babi-layout-medium .babi-media-stage{width:min(52vw,820px)}
.babi-layout-video_wide{justify-content:center;margin:clamp(68px,10vh,142px) 0 clamp(82px,12vh,176px)}
.babi-layout-video_wide .babi-media-stage{width:min(78vw,1280px)}
.babi-layout-small_left{justify-content:flex-start;padding-left:8vw;margin:clamp(70px,10vh,140px) 0 clamp(96px,15vh,190px)}
.babi-layout-small_left .babi-media-stage{width:min(29vw,455px)}
.babi-layout-small_right{justify-content:flex-end;padding-right:8vw;margin:clamp(72px,11vh,148px) 0 clamp(96px,15vh,190px)}
.babi-layout-small_right .babi-media-stage{width:min(29vw,455px)}
.babi-layout-frame{justify-content:center;margin:clamp(72px,11vh,150px) 0 clamp(100px,15vh,200px)}
.babi-layout-frame .babi-media-stage{width:min(58vw,900px);background:var(--babi-frame-color,#ff3b1f);padding:clamp(54px,7vw,116px);display:flex;align-items:center;justify-content:center}
.babi-layout-frame .babi-media-stage>.babi-photo-card-flip,.babi-layout-frame .babi-media-stage>.babi-project-video-card{width:72%}

.babi-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,40px);padding:0 clamp(24px,5vw,86px);margin:clamp(58px,9vh,128px) 0 clamp(86px,13vh,180px);align-items:stretch}
.babi-media-pair-item{min-width:0;display:flex;align-items:center;justify-content:center}
.babi-media-pair-stage{width:100%;height:100%;min-height:clamp(420px,48vw,760px);display:flex;align-items:center;justify-content:center}
.babi-media-pair-item.is-framed .babi-media-pair-stage{background:var(--babi-frame-color,#ff3b1f);padding:clamp(28px,4vw,72px)}
.babi-media-pair-item.is-framed .babi-photo-card-flip,.babi-media-pair-item.is-framed .babi-project-video-card{width:78%}
.babi-media-pair-item.is-clean .babi-photo-card-flip,.babi-media-pair-item.is-clean .babi-project-video-card{width:78%}

/* Photo flip keeps the technical sheet INSIDE the photograph. */
.babi-project-editorial .babi-photo-card-flip{display:block;width:100%;aspect-ratio:var(--babi-media-ratio,4/5);margin:0;padding:0!important;border:0!important;background:transparent!important;perspective:1400px;cursor:pointer;scale:1!important;transform:none!important}
.babi-project-editorial .babi-photo-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.75,.2,1)}
.babi-project-editorial .babi-photo-card-flip.is-flipped .babi-photo-card-inner{transform:rotateY(180deg)}
.babi-project-editorial .babi-photo-card-face{position:absolute;inset:0;display:flex;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:0;overflow:hidden;box-shadow:none!important;border:0!important}
.babi-project-editorial .babi-photo-card-front{background:#0a0a0a}
.babi-project-editorial .babi-photo-card-front>img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:none;transition:filter .16s ease,transform .18s ease}
.babi-project-editorial .babi-photo-card-front::before,.babi-project-editorial .babi-photo-card-front::after{display:none!important}
.babi-project-editorial .babi-photo-card-back{transform:rotateY(180deg);background:#f4f0e8!important;color:#0a0a0a!important;padding:clamp(18px,3vw,48px);flex-direction:column;align-items:flex-start;font-family:"Courier New",monospace}
.babi-project-editorial .babi-card-index{font-size:clamp(7px,.65vw,10px);letter-spacing:.14em;color:#ff3b1f;margin-bottom:auto}
.babi-project-editorial .babi-card-back strong,.babi-project-editorial .babi-photo-card-back strong{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-style:normal;font-weight:900;font-size:clamp(23px,3vw,48px);line-height:.86;letter-spacing:-.06em;text-transform:uppercase;max-width:92%}
.babi-project-editorial .babi-card-meta{font-size:clamp(7px,.7vw,10px);line-height:1.55;letter-spacing:.11em;color:#3f3d39;margin-top:18px}
.babi-project-editorial .babi-card-credits{font:clamp(7px,.66vw,9px)/1.45 "Courier New",monospace;letter-spacing:.07em;color:#5d5952;margin-top:16px;text-transform:uppercase}
.babi-project-editorial .babi-card-note{font:400 clamp(12px,1.2vw,18px)/1.35 Arial,Helvetica,sans-serif;margin-top:18px;max-width:30ch;color:#181715}
.babi-project-editorial .babi-card-hint{font-size:7px;letter-spacing:.13em;color:#77736c;margin-top:auto}

.babi-project-video-card{position:relative;width:100%;aspect-ratio:var(--babi-media-ratio,16/9);background:#090909;overflow:hidden}
.babi-project-video-card video{display:block;width:100%;height:100%;object-fit:cover;background:#090909}
.babi-project-video-code{position:absolute;left:9px;bottom:8px;padding:5px 7px;background:rgba(5,5,5,.72);color:#f4f0e8;font:7px/1 "Courier New",monospace;letter-spacing:.12em;pointer-events:none}

/* Micro-interference only; the page stays photographic. */
.babi-project-interference{position:absolute;z-index:1;pointer-events:none;color:var(--babi-project-muted);font:7px/1 "Courier New",monospace;letter-spacing:.15em;opacity:.58}
.babi-project-interference-a{left:3.2vw;top:38%}.babi-project-interference-b{right:2.7vw;top:67%;writing-mode:vertical-rl}

.babi-project-editorial .babi-project-description{color:var(--babi-project-fg);opacity:.72;margin:0 8vw clamp(80px,12vh,160px) auto}
.babi-project-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:end;padding:clamp(44px,7vh,90px) var(--babi-gap);border-top:1px solid var(--babi-project-line);background:var(--babi-project-bg);color:var(--babi-project-fg)}
.babi-project-pagination-side{display:flex;flex-direction:column;gap:8px;min-width:0}.babi-project-pagination-side.is-next{text-align:right;align-items:flex-end}.babi-project-pagination-side>span{font:7px/1 "Courier New",monospace;letter-spacing:.14em;color:var(--babi-project-muted)}
.babi-project-pagination-side>a{font:900 clamp(26px,3.6vw,60px)/.82 "Arial Black",Arial,Helvetica,sans-serif;letter-spacing:-.07em;text-transform:uppercase;color:var(--babi-project-fg)!important;text-decoration:none!important;max-width:9ch}
.babi-project-pagination-all{font:8px/1 "Courier New",monospace;letter-spacing:.15em;color:var(--babi-project-muted)!important;text-decoration:underline!important;text-underline-offset:5px}

@media(hover:hover) and (pointer:fine){
  .babi-project-editorial .babi-photo-card-flip:not(.is-flipped):hover .babi-photo-card-front>img{filter:contrast(1.035);transform:scale(1.004)}
}

/* Mobile: still editorial, but gaps are deliberately tighter so the next image is always legible as part of the same project. */
@media(max-width:800px){
  .babi-project-editorial .babi-project-intro{padding:42px 14px 34px;display:block;border-bottom:1px solid var(--babi-project-line)}
  .babi-project-editorial .babi-kicker{margin-bottom:12px}
  .babi-project-editorial .babi-project-intro h1{font-size:clamp(54px,18vw,96px)!important;line-height:.76;max-width:100%;letter-spacing:-.085em}
  .babi-project-editorial .babi-project-meta{margin-top:26px;padding:12px 0 0;border-left:0;border-top:1px solid var(--babi-project-line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:7px!important;line-height:1.35}
  .babi-project-media-flow{padding:26px 0 68px}
  .babi-layout-hero{margin:0 0 30px}.babi-layout-hero .babi-media-stage{width:calc(100vw - 28px)}
  .babi-layout-large_air{margin:28px 0 42px}.babi-layout-large_air .babi-media-stage{width:82vw}
  .babi-layout-medium{margin:24px 0 38px}.babi-layout-medium .babi-media-stage{width:72vw}
  .babi-layout-video_wide{margin:26px 0 38px}.babi-layout-video_wide .babi-media-stage{width:calc(100vw - 28px)}
  .babi-layout-small_left{padding-left:14px;margin:26px 0 36px}.babi-layout-small_left .babi-media-stage{width:66vw}
  .babi-layout-small_right{padding-right:14px;margin:26px 0 36px}.babi-layout-small_right .babi-media-stage{width:66vw}
  .babi-layout-frame{margin:28px 0 42px}.babi-layout-frame .babi-media-stage{width:86vw;padding:34px 28px}.babi-layout-frame .babi-media-stage>.babi-photo-card-flip,.babi-layout-frame .babi-media-stage>.babi-project-video-card{width:76%}
  .babi-media-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px;margin:26px 0 38px}
  .babi-media-pair-stage{min-height:0;aspect-ratio:4/5}.babi-media-pair-item.is-framed .babi-media-pair-stage{padding:14px 10px}.babi-media-pair-item.is-framed .babi-photo-card-flip,.babi-media-pair-item.is-clean .babi-photo-card-flip,.babi-media-pair-item.is-framed .babi-project-video-card,.babi-media-pair-item.is-clean .babi-project-video-card{width:92%}
  .babi-project-editorial .babi-photo-card-back{padding:14px}.babi-project-editorial .babi-photo-card-back strong{font-size:clamp(18px,5vw,28px)}.babi-project-editorial .babi-card-note{font-size:11px;margin-top:10px}.babi-project-editorial .babi-card-meta{margin-top:10px}.babi-project-editorial .babi-card-credits{margin-top:9px}
  .babi-project-interference{display:none}
  .babi-project-pagination{grid-template-columns:1fr 1fr;padding:34px 14px;gap:16px}.babi-project-pagination-all{display:none}.babi-project-pagination-side>a{font-size:clamp(22px,8vw,38px)}
  .babi-archive-sample-1{width:24vw;right:6%;top:13%}.babi-archive-sample-2{width:17vw;right:36%;top:25%}.babi-archive-sample-3{width:15vw;right:4%;top:43%}.babi-archive-sample-4{width:14vw;right:24%;top:55%}.babi-archive-sample-5{width:13vw;right:51%;top:13%}.babi-archive-sample-6{width:12vw;right:8%;top:66%}.babi-archive-sample-7{width:10vw;right:43%;top:61%}
}

@media(prefers-reduced-motion:reduce){
  [data-babi-glitch-media].is-glitching .babi-glitch-slice,[data-babi-text-glitch].is-glitching,.babi-archive-sheet h1.is-glitching{animation:none!important}
  .babi-project-editorial .babi-photo-card-inner{transition:none}
}

/* Archive index hover uses the same video-slice language without changing the approved card layout. */
.babi-archive-card-thumb::before,.babi-archive-card-thumb::after{display:block!important;background-color:transparent!important;background-blend-mode:normal!important;mix-blend-mode:screen!important;clip-path:inset(0 0 100% 0);opacity:0;filter:contrast(1.12) saturate(1.55)}
.babi-archive-card-thumb::before{filter:contrast(1.12) saturate(1.8) sepia(.18) hue-rotate(325deg)}
.babi-archive-card-thumb::after{filter:contrast(1.12) saturate(1.5) hue-rotate(150deg)}
.babi-archive-card.is-glitching .babi-archive-card-thumb::before{animation:babi-video-slice-a .32s steps(1,end) 1!important}
.babi-archive-card.is-glitching .babi-archive-card-thumb::after{animation:babi-video-slice-b .32s steps(1,end) 1!important}
.babi-archive-sample{pointer-events:auto}
/* Keep the small previous/next control the user approved. */
.babi-project-pagination{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:20px!important;padding:28px max(var(--babi-gap),4vw) 44px!important;font:8px/1 "Courier New",monospace!important;letter-spacing:.13em!important}
.babi-project-pagination>span:last-child{text-align:right}
.babi-project-pagination a{font:inherit!important;letter-spacing:inherit!important;text-transform:uppercase!important;color:var(--babi-project-fg)!important;text-decoration:none!important;max-width:none!important}
.babi-project-pagination-all{color:#ff3b1f!important;text-decoration:underline!important;text-underline-offset:4px!important}
@media(max-width:800px){.babi-project-pagination{grid-template-columns:1fr 1fr!important;padding:24px 14px 34px!important}.babi-project-pagination-all{display:none!important}.babi-project-pagination>span:last-child{text-align:right}}

/* =========================================================
   v4.4.0 — About rebuild / global language switch / project media performance
   ========================================================= */

[hidden]{display:none!important}

/* Header shape: BABI + HOME / ARCHIVE / ABOUT / CONTACT + PT / EN everywhere. */
.babi-header .babi-nav{grid-auto-flow:column}
.babi-header .babi-nav a.babi-nav-contact{color:#f4f0e8!important}
.babi-header .babi-nav a.babi-nav-contact:hover,.babi-header .babi-nav a.babi-nav-contact:focus-visible{color:var(--babi-accent,#ff3b1f)!important;mix-blend-mode:normal!important}
.babi-language-switch{justify-self:end;display:flex;align-items:center;gap:6px;position:relative;z-index:7;color:#77736c;font:8px/1 "Courier New",monospace;letter-spacing:.14em;white-space:nowrap}
.babi-language-switch button{appearance:none!important;-webkit-appearance:none!important;border:0!important;margin:0!important;padding:0!important;background:transparent!important;color:#77736c!important;font:inherit!important;letter-spacing:inherit!important;line-height:1!important;min-width:0!important;min-height:0!important;box-shadow:none!important;text-decoration:none!important;transition:color .14s ease!important}
.babi-language-switch button:hover,.babi-language-switch button:focus-visible{color:var(--babi-accent,#ff3b1f)!important;background:transparent!important}
.babi-language-switch button.is-current{color:#f4f0e8!important}
.babi-language-switch>span{color:#55534f}
@media(hover:hover) and (pointer:fine){
  .babi-header .babi-nav a.babi-nav-contact:hover{color:var(--babi-accent,#ff3b1f)!important}
  .babi-header .babi-language-switch{position:relative;z-index:7!important}
}
@media(max-width:800px){
  .babi-header .babi-language-switch{grid-column:2;grid-row:1;align-self:center;justify-self:end;font-size:7px;gap:5px}
  .babi-header .babi-nav{grid-template-columns:repeat(4,1fr)!important}
  .babi-header .babi-nav a{font-size:7px!important;letter-spacing:.1em!important;padding:0 3px!important}
}

/* BABI Frame means a field, not a border: a genuinely small image inside a large color block. */
.babi-layout-frame .babi-media-stage{width:min(66vw,980px)!important;aspect-ratio:1/1!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--babi-frame-color,#ff3b1f)!important;overflow:hidden}
.babi-layout-frame .babi-media-stage>.babi-photo-card-flip,.babi-layout-frame .babi-media-stage>.babi-project-video-card{width:42%!important;max-width:42%!important}
.babi-media-pair-item.is-framed .babi-media-pair-stage{aspect-ratio:1/1!important;min-height:0!important;padding:0!important;background:var(--babi-frame-color,#ff3b1f)!important;overflow:hidden}
.babi-media-pair-item.is-framed .babi-photo-card-flip,.babi-media-pair-item.is-framed .babi-project-video-card{width:40%!important;max-width:40%!important}
.babi-media-pair-item.is-clean .babi-media-pair-stage{aspect-ratio:1/1!important;min-height:0!important;padding:0!important}
.babi-media-pair-item.is-clean .babi-photo-card-flip,.babi-media-pair-item.is-clean .babi-project-video-card{width:86%!important;max-width:86%!important}

/* Responsive project images are served by WordPress srcset. Keep the real aspect ratio and avoid layout shifts. */
.babi-project-responsive-image{display:block;width:100%;height:100%;object-fit:cover}
.babi-project-video-card video:not([src]){background:#090909}

@media(max-width:800px){
  .babi-layout-frame{margin:22px 0 32px!important}
  .babi-layout-frame .babi-media-stage{width:88vw!important}
  .babi-layout-frame .babi-media-stage>.babi-photo-card-flip,.babi-layout-frame .babi-media-stage>.babi-project-video-card{width:48%!important;max-width:48%!important}
  .babi-media-pair{margin:22px 0 32px!important}
  .babi-media-pair-item.is-framed .babi-photo-card-flip,.babi-media-pair-item.is-framed .babi-project-video-card{width:48%!important;max-width:48%!important}
  .babi-media-pair-item.is-clean .babi-photo-card-flip,.babi-media-pair-item.is-clean .babi-project-video-card{width:90%!important;max-width:90%!important}
}

body.babi-site{margin:0!important}

/* =========================================================
   v4.7.0 — About/Contact locked to one desktop viewport.
   Appearance controls can resize, widen and reposition each block.
   ========================================================= */
body.babi-page-about,body.babi-page-contact{overflow:hidden!important;height:100dvh!important;min-height:100dvh!important}
body.babi-page-about #page,body.babi-page-contact #page{min-height:0!important;height:100%!important;overflow:hidden!important}

.babi-about-v470,.babi-contact-v470{
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden!important;
  background:#050505!important;
}
.babi-about-v470 .babi-header,.babi-contact-v470 .babi-header{background:#050505!important}
.babi-about-v470 .babi-footer,.babi-contact-v470 .babi-footer{background:#050505!important;color:#77736c!important}

/* ABOUT: large text left, photos centered in the right side, two-column text below the photos. */
.babi-about-v470{color:#f4f0e8!important}
.babi-about-v470-main{
  position:relative;
  min-height:0;
  overflow:hidden!important;
  display:grid;
  grid-template-columns:minmax(0,42%) minmax(0,58%);
  gap:clamp(18px,2.2vw,34px);
  padding:clamp(14px,1.4vw,24px) var(--babi-gap) clamp(12px,1.4vw,22px);
  isolation:isolate;
}
.babi-about-v470-wordmark{
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  width:min(82vw,1120px);
  opacity:var(--about-wordmark-opacity,.06);
  transform:translate(calc(-50% + var(--about-wordmark-x,0px)),calc(-50% + var(--about-wordmark-y,0px))) scale(var(--about-wordmark-scale,.92));
  transform-origin:center;
  pointer-events:none;
}
.babi-about-v470-wordmark-image{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.babi-about-v470-intro{
  position:relative;
  z-index:2;
  align-self:stretch;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:1vh;
  transform:translate(var(--about-intro-x,0px),var(--about-intro-y,0px));
}
.babi-about-v470-lead{
  margin:0;
  width:min(var(--about-intro-width,92%),100%);
  max-width:none;
  font:400 min(var(--about-intro-size,44px),5.2vh)/.95 Georgia,"Times New Roman",serif;
  letter-spacing:-.05em;
  color:#f4f0e8;
}
.babi-about-v470-closing{
  margin-top:auto;
  width:var(--about-closing-width,190px);
  max-width:75%;
  transform:translate(var(--about-closing-x,0px),var(--about-closing-y,0px));
}
.babi-about-v470-closing img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(3648%) hue-rotate(355deg) brightness(103%) contrast(112%)}

.babi-about-v470-right{
  position:relative;
  z-index:2;
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:minmax(0,50%) minmax(0,50%);
  align-items:stretch;
}
.babi-about-v470-photos{
  align-self:center;
  justify-self:center;
  width:min(var(--about-photo-width,82%),100%);
  height:min(29vh,245px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:var(--about-photo-gap,8px);
  transform:translate(var(--about-photo-x,0px),var(--about-photo-y,0px)) scale(var(--about-photo-scale,.78));
  transform-origin:center;
  pointer-events:none;
}
.babi-about-v470-photo{position:relative;margin:0;overflow:visible;flex:0 0 auto;box-shadow:0 11px 30px rgba(0,0,0,.32)}
.babi-about-v470-photo img{display:block;width:100%;height:100%;object-fit:cover}
.babi-about-v470-photo .neg{position:absolute;inset:0;z-index:0;filter:grayscale(1) invert(1) contrast(1.34);opacity:.96}
.babi-about-v470-photo .color{position:relative;z-index:2}
.babi-about-v470-photo.p1{width:34%;aspect-ratio:3/2;margin-top:15%}
.babi-about-v470-photo.p2{width:25%;aspect-ratio:2/3;margin-top:0}
.babi-about-v470-photo.p3{width:35%;aspect-ratio:4/3;margin-top:20%}
.babi-about-v470-photo.p1 .neg{transform:translate(7px,7px)}
.babi-about-v470-photo.p2 .neg{transform:translate(-7px,7px)}
.babi-about-v470-photo.p3 .neg{transform:translate(7px,-7px)}

.babi-about-v470-copy{
  align-self:end;
  justify-self:center;
  width:min(var(--about-body-width,100%),100%);
  min-width:0;
  transform:translate(var(--about-body-x,0px),var(--about-body-y,0px));
}
.babi-about-v470-copy>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--about-body-gap,24px);
  align-items:start;
}
.babi-about-v470-copy p{
  margin:0;
  font:400 min(var(--about-body-size,15px),2.15vh)/1.16 Georgia,"Times New Roman",serif;
  letter-spacing:-.018em;
  color:#f4f0e8;
}

/* CONTACT: same approved composition, but every block can be repositioned. */
.babi-contact-v470{color:#050505!important}
.babi-contact-v470-main{position:relative;min-height:0;overflow:hidden!important;background:#d8d8d5;isolation:isolate}
.babi-contact-v470-texture{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('../images/babi-contact-texture.png');
  background-repeat:no-repeat;
  background-position:calc(50% + var(--contact-texture-x,0px)) calc(50% + var(--contact-texture-y,0px));
  background-size:var(--contact-texture-zoom,100%) auto;
  opacity:var(--contact-texture-opacity,.34);
  pointer-events:none;
}
.babi-contact-v470-content{position:absolute;inset:0;z-index:2}
.babi-contact-v470-phrase{
  position:absolute;
  left:5.7%;
  top:12.5%;
  width:var(--contact-phrase-width,430px);
  max-width:48vw;
  transform:translate(var(--contact-phrase-x,0px),var(--contact-phrase-y,0px));
}
.babi-contact-v470-phrase img{display:block;width:100%;height:auto}
.babi-contact-v470-info{
  position:absolute;
  left:51.5%;
  top:55%;
  width:var(--contact-info-width,430px);
  max-width:43vw;
  transform:translate(var(--contact-info-x,0px),calc(-50% + var(--contact-info-y,0px)));
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right;
  gap:0;
  font:600 min(var(--contact-info-size,24px),3.4vh)/1.08 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}
.babi-contact-v470-info a{color:#050505!important;text-decoration:none!important;white-space:nowrap;transition:color .14s ease}
.babi-contact-v470-info a:hover,.babi-contact-v470-info a:focus-visible{color:#ff3b1f!important}
.babi-contact-v470-side{
  position:absolute;
  right:2.2%;
  top:50%;
  width:min(19vw,250px);
  transform:translate(var(--contact-side-x,0px),calc(-50% + var(--contact-side-y,0px))) rotate(90deg) scale(var(--contact-side-scale,1));
  transform-origin:center;
  pointer-events:none;
}
.babi-contact-v470-side-wordmark{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(3648%) hue-rotate(355deg) brightness(103%) contrast(112%)}

/* WordPress admin bar: the site still fits exactly in the remaining screen. */
@media(min-width:783px){
  .admin-bar .babi-about-v470,.admin-bar .babi-contact-v470{height:calc(100dvh - 32px);min-height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}
  body.admin-bar.babi-page-about,body.admin-bar.babi-page-contact{height:calc(100dvh - 32px)!important;min-height:calc(100dvh - 32px)!important}
}
@media(max-width:782px){
  .admin-bar .babi-about-v470,.admin-bar .babi-contact-v470{height:calc(100dvh - 46px);min-height:calc(100dvh - 46px);max-height:calc(100dvh - 46px)}
  body.admin-bar.babi-page-about,body.admin-bar.babi-page-contact{height:calc(100dvh - 46px)!important;min-height:calc(100dvh - 46px)!important}
}

/* Compact screens: still no document scroll; content scales inside the viewport. */
@media(max-width:800px){
  .babi-about-v470-main{grid-template-columns:45% 55%;gap:10px;padding:10px 12px 10px}
  .babi-about-v470-lead{font-size:min(var(--about-intro-size,44px),4.2vh);line-height:.96}
  .babi-about-v470-right{grid-template-rows:45% 55%}
  .babi-about-v470-photos{height:min(23vh,190px);width:min(var(--about-photo-width,82%),100%)}
  .babi-about-v470-copy>div{grid-template-columns:1fr;gap:7px}
  .babi-about-v470-copy p{font-size:min(var(--about-body-size,15px),1.45vh);line-height:1.12}
  .babi-about-v470-closing{max-width:90%}
  .babi-about-v470-wordmark{width:108vw;left:4%}

  .babi-contact-v470-texture{background-size:auto var(--contact-texture-zoom,100%)}
  .babi-contact-v470-phrase{left:6%;top:10%;max-width:72vw}
  .babi-contact-v470-info{left:6%;top:58%;max-width:78vw;align-items:flex-start;text-align:left;transform:translate(var(--contact-info-x,0px),var(--contact-info-y,0px));font-size:min(var(--contact-info-size,24px),3.1vh)}
  .babi-contact-v470-side{right:-10%;width:min(50vw,220px)}
}

/* =========================================================
   v4.8.0 — About simplified + optional editable texture.
   No BABI background and no negative duplicates on About photos.
   Desktop stays compact; mobile becomes a normal readable page.
   ========================================================= */
.babi-about-v470-main{isolation:isolate}
.babi-about-v470-wordmark{display:none!important}
.babi-about-v470-texture{
  position:absolute;
  z-index:0;
  inset:-38%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  opacity:var(--about-texture-opacity,.2);
  transform:translate(var(--about-texture-x,0px),var(--about-texture-y,0px)) rotate(var(--about-texture-rotate,0deg)) scale(var(--about-texture-scale,1));
  transform-origin:center;
  pointer-events:none;
}
.babi-about-v470-intro,.babi-about-v470-right,.babi-about-v470-closing{position:relative;z-index:2}
.babi-about-v470-photo{box-shadow:none!important}
.babi-about-v470-photo .neg{display:none!important}
.babi-about-v470-photo img{display:block;width:100%;height:100%;object-fit:cover}
.babi-about-v470-closing{
  position:absolute;
  z-index:3;
  left:var(--babi-gap);
  bottom:clamp(12px,1.4vw,22px);
  margin:0;
  width:var(--about-closing-width,190px);
  max-width:36%;
  transform:translate(var(--about-closing-x,0px),var(--about-closing-y,0px));
}

@media(max-width:800px){
  html:has(body.babi-page-about),body.babi-page-about{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  body.babi-page-about #page{height:auto!important;min-height:100%!important;overflow:visible!important}
  .admin-bar .babi-about-v470,.babi-about-v470{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    overflow:visible!important;
  }
  .babi-about-v470-main{
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:22px 14px 32px!important;
  }
  .babi-about-v470-intro{display:block!important;padding-top:0!important;transform:none!important}
  .babi-about-v470-lead{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(32px,10.2vw,52px)!important;
    line-height:.96!important;
  }
  .babi-about-v470-right{
    display:grid!important;
    grid-template-rows:auto auto!important;
    gap:24px!important;
    min-height:0!important;
  }
  .babi-about-v470-photos{
    order:1;
    width:min(100%,520px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    transform:translate(var(--about-photo-x,0px),var(--about-photo-y,0px)) scale(var(--about-photo-scale,.78))!important;
    transform-origin:center!important;
    align-items:flex-start!important;
  }
  .babi-about-v470-photo.p1{width:34%!important;margin-top:14%!important}
  .babi-about-v470-photo.p2{width:25%!important;margin-top:0!important}
  .babi-about-v470-photo.p3{width:35%!important;margin-top:18%!important}
  .babi-about-v470-copy{
    order:2;
    align-self:auto!important;
    justify-self:stretch!important;
    width:100%!important;
    transform:none!important;
  }
  .babi-about-v470-copy>div{
    display:block!important;
  }
  .babi-about-v470-copy p{
    margin:0 0 1.15em!important;
    font-size:clamp(18px,5vw,25px)!important;
    line-height:1.16!important;
  }
  .babi-about-v470-copy p:last-child{margin-bottom:0!important}
  .babi-about-v470-closing{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    grid-column:1!important;
    width:min(var(--about-closing-width,190px),64vw)!important;
    max-width:none!important;
    margin-top:0!important;
    transform:translate(var(--about-closing-x,0px),var(--about-closing-y,0px))!important;
  }
  .babi-about-v470-texture{inset:-18%;}
}

/* v4.9.0 — Archive sem banner. */
.babi-archive-intro-simple{position:relative;background:#efede7;color:#090909;padding:clamp(28px,3.5vw,52px) var(--babi-gap) clamp(18px,2vw,28px);border-bottom:1px solid rgba(0,0,0,.20)}
.babi-archive-intro-simple h1{margin:0;font:900 min(var(--babi-archive-simple-title-size,180px),15vw)/.78 Arial Black,Arial,Helvetica,sans-serif;letter-spacing:-.09em;text-transform:uppercase;color:#090909}
.babi-archive-index{padding-top:0!important}
.babi-archive-index-head{padding-top:14px!important;padding-bottom:14px!important}
.babi-archive-page .babi-archive-filters{padding-top:13px!important;padding-bottom:13px!important}
@media(max-width:800px){
  .babi-archive-intro-simple{padding:22px 14px 16px}
  .babi-archive-intro-simple h1{font-size:min(var(--babi-archive-simple-title-size,180px),22vw);line-height:.80}
  .babi-archive-index-head{padding:12px 14px!important}
  .babi-archive-page .babi-archive-filters{padding:11px 14px!important}
}