/* UM-OCT27-F (Oct 27 2026, Gedalye emails). Undo: remove the 2 UM-OCT27-F tags in index.html (um-f.css / um-f.js) and the UM-OCT27-F guard line in site.js.
   1) 12:20 PM "when hovering on the logo it should become real color": um-f.js lays the original-colour file (logoNN.svg) exactly over each white
      strip logo (logoNN-w.svg); on desktop hover it fades in and the white one fades out, back to white on mouse-out. Strip stays white on blue. */
#ads+section .um-cwrap{position:relative;display:inline-block;line-height:0;flex:none}
#ads+section .um-cwrap>img{transition:opacity .35s ease!important}
#ads+section .um-cwrap>img.um-cc{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){
  #ads+section .um-client:hover .um-cwrap>img.um-cc{opacity:1}
  #ads+section .um-client:hover .um-cwrap>img:not(.um-cc){opacity:0!important}
}
/* 2) 12:21 PM "the flexible stretch is making problems" (contact / footer):
      a) the rubber-band "stretch" at the very bottom (site.js) pulled the whole page up under the header and stretched the giant "universe"
         wordmark ~2.5x tall: switched off (guard line in site.js, UM-HIDDEN-RUBBER).
      b) the "Let's Start Thinking." heading grew with the window width (9vw, up to 136px), so on a wide screen it became huge and much wider
         than the form; now capped so it sits in proportion with the form. Phones (<=640px) keep their 2-line size.
   UM-HIDDEN-CONTACT-FLUID (old rule, still in site.css line 374): #contact h2{font-size:clamp(3.4rem,9vw,8.5rem)!important} */
@media (min-width:641px){
  #contact h2{font-size:clamp(3.4rem,6vw,6rem)!important}
}
#contact{scroll-margin-top:0}
/* /UM-OCT27-F */

/* UM-OCT27-F item 4 (SMS 1:08 PM "I don't like that ads in gallery move around with hovering. It should just give a smooth zoom move"):
   the zoom used to grow from wherever the cursor was (hover.js / the inline script move transform-origin with the mouse, scale 1.14), so the ad
   slid around under the mouse. Now: always zoom from the centre, a gentle 1.05, smooth ease 0.55 s in and out; no lift, no translate, no rotate.
   UM-HIDDEN-ADS-HOVER (old, still in site.css "After-Effects style hover zoom (Oct 21 1:16)"): origin follows cursor, scale(1.14), .9s. Restore = delete this block. */
@media(hover:hover) and (pointer:fine){
  /* UM-HIDDEN-OCT29-ADS (this also killed the ads' rise-up-on-scroll animation): #ads .um-ad,#ads .um-ad:hover{translate:none!important;transform:none!important} */
  #ads .um-ad,#ads .um-ad:hover{translate:none!important} /* UM-OCT29-ADS: rise-up on scroll is back; hover still only zooms */
  #ads .um-ad img{transform-origin:50% 50%!important;transition:transform .55s cubic-bezier(.25,.46,.45,.94)!important}
  #ads .um-ad:hover img{transform:scale(1.05)!important}
}
/* UM-OCT27-F item 5 (email 1:45 PM "make the background same as the ad gallery. and the logos black. when hovering make it colorfull as now."):
   the logo strip now carries the ads gallery's own background, logos are black at rest (the white files shown through brightness(0), real files,
   nothing redrawn) and turn to their real colours on hover (item 1 above). The label is dark so it reads on the light background.
   UM-HIDDEN-STRIP-BLUE (old, still in site.css ~line 441): #ads+section{background:#488194} with white label / white logos. Restore = delete this block. */
#ads+section{background:linear-gradient(135deg,#fcfcfc 0%,#eef4f6 50%,#e2eaed 100%)!important;background-color:#eef4f6!important;border-color:transparent!important}
#ads+section p{color:rgba(30,53,63,.78)!important}
#ads+section .um-cwrap>img:not(.um-cc){filter:brightness(0)!important}
/* /UM-OCT27-F items 4-5 */

/* UM-OCT29-PH (Oct 29 email "wording make lighter opacity"): contact form placeholder words fainter. Undo: delete this block. */
/* UM-OCT29-PH2 5:22 'still not lighter': lighter = brighter; was rgba(102,149,163,.5) */
#contact input::placeholder,#contact textarea::placeholder{color:#ffffff!important;opacity:1}
/* /UM-OCT29-PH */

/* UM-OCT29-GRAD (Oct 29 email: "make the gradient a drop more visible and it should like follow the mouse"): hero glows a bit stronger,
   plus a soft light glow that follows the mouse (desktop). Undo: delete this block + the UM-OCT29-GRAD script tag in index.html. */
html body .um-hb-b1{background:radial-gradient(circle,rgba(130,200,222,.6),transparent 65%)!important}
html body .um-hb-b2{background:radial-gradient(circle,rgba(85,170,196,.7),transparent 65%)!important}
html body .um-hb-b3{background:radial-gradient(circle,rgba(25,50,62,.45),transparent 65%)!important}
.um-hb-mouse{position:absolute;left:0;top:0;width:46vw;height:46vw;margin:-23vw 0 0 -23vw;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(160,215,232,.42),transparent 62%);opacity:0;transition:opacity .6s ease;will-change:transform}
.um-hb-mouse.is-on{opacity:1}
.um-hb-mouse{display:none!important} /* v2: glow removed (4:45 PM) */
/* /UM-OCT29-GRAD */