:root { --noe-ink:#080b12; --noe-paper:#f5f5f1; --noe-violet:#7d71ff; --noe-mint:#71f2d0; --noe-coral:#ff9b7b; }
.brand-intro[hidden] { display:none; }
.brand-intro {
  --intro-pointer-x:50%;--intro-pointer-y:50%;
  position:relative;z-index:2;width:100%;height:150vh;height:150svh;min-height:720px;
  box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;
  color:#f5f5f1;background:linear-gradient(180deg,#28222d 0%,#27212c 68%,#080b12 100%);cursor:default;isolation:isolate;-webkit-tap-highlight-color:transparent;
}
.brand-intro-sticky {position:sticky;top:0;width:100%;height:100vh;height:100svh;min-height:480px;overflow:hidden;background:linear-gradient(180deg,#28222d 0%,#27212c 72%,#080b12 100%);isolation:isolate;}
.intro-morph {position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%);}
.brand-intro-field {display:none;}
.brand-intro-lockup {position:absolute;left:50%;top:45%;width:var(--intro-logo-width,80vw);transform:translate(-50%,-50%);pointer-events:none;}
.brand-intro-lockup img {position:relative;z-index:1;display:block;width:100%;height:auto;opacity:0;transform:none;filter:none;transition:opacity .62s cubic-bezier(.2,.75,.25,1);}
.brand-intro-gradient-logo {
  position:absolute;z-index:2;inset:0;display:block;opacity:0;
  background:
    radial-gradient(circle at var(--intro-pointer-x) var(--intro-pointer-y),#fff0c3 0%,#ffc06f 8%,rgba(245,119,82,.96) 17%,rgba(199,78,128,.76) 27%,rgba(132,83,174,.34) 38%,transparent 51%);
  background-size:100% 100%;background-position:center;
  -webkit-mask:url('assets/brand/noeworks-white.svg') center/100% 100% no-repeat;
  mask:url('assets/brand/noeworks-white.svg') center/100% 100% no-repeat;
  filter:saturate(1.03) drop-shadow(0 0 18px rgba(244,150,113,.1));
  transition:opacity .5s cubic-bezier(.2,.75,.25,1),filter .5s cubic-bezier(.2,.75,.25,1);
  will-change:opacity,background;
}
.brand-intro-gradient-logo::after {content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--intro-pointer-x) var(--intro-pointer-y),rgba(255,248,220,.25) 0%,rgba(255,170,111,.08) 19%,transparent 39%);mix-blend-mode:screen;}
.brand-intro-tagline {position:absolute;top:100%;left:50%;width:max-content;max-width:90vw;transform:translate(-50%,7px);margin-top:34px;color:#c8c2d1;font:400 13px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.15em;opacity:0;transition:opacity .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1);}
.brand-intro-hint {position:absolute;left:50%;bottom:max(6.5vh,30px,env(safe-area-inset-bottom));transform:translate(-50%,10px);display:flex;flex-direction:column;align-items:center;gap:9px;white-space:nowrap;color:#e9e5ee;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.16em;opacity:0;pointer-events:none;transition:opacity .55s cubic-bezier(.2,.75,.25,1),transform .55s cubic-bezier(.2,.75,.25,1);}
.brand-intro-hint::after {content:'↓';color:#c8c0d2;font-size:18px;font-weight:300;line-height:1;letter-spacing:0;animation:intro-scroll-cue 1.8s cubic-bezier(.45,0,.25,1) infinite;}
@keyframes intro-scroll-cue {0%,100%{opacity:.38;transform:translateY(-2px)}50%{opacity:1;transform:translateY(5px)}}
@keyframes intro-logo-warm-flow {0%{background-position:center,0% 45%}50%{background-position:center,55% 52%}100%{background-position:center,100% 44%}}
.brand-intro.is-transforming {cursor:default;}
.brand-intro.is-resolved .brand-intro-lockup img {opacity:1;}
.brand-intro.is-holding .brand-intro-lockup img {opacity:1;}
.brand-intro.is-holding.is-logo-hovered .brand-intro-lockup img {opacity:1;}
.brand-intro.is-holding.is-logo-hovered .brand-intro-gradient-logo {opacity:1;filter:saturate(1.06) drop-shadow(0 0 18px rgba(244,150,113,.12));}
.brand-intro.is-holding .brand-intro-tagline {opacity:1;transform:translate(-50%,0);}
.brand-intro.is-holding .brand-intro-hint {opacity:.82;transform:translate(-50%,0);}
.brand-intro.has-fallback .brand-intro-sticky::before {content:'';position:absolute;inset:0;background:url('assets/brand/lifeform-violet.png') center 42%/min(100vw,960px) auto no-repeat;}
.brand-intro.has-fallback.is-resolved .brand-intro-sticky::before {opacity:0;transition:opacity .3s;}
.noeworks-wordmark { display:block;width:124px;max-width:100%;height:auto; }
.site-header .noeworks-wordmark,.closing-footer .noeworks-wordmark,.mobile-header .brand .noeworks-wordmark { width:126px;height:auto; }
.insight-brand-logo { display:block;width:138px;height:auto;margin-bottom:7px; }
.noeworks-cta-mark { width:min(46vw,440px)!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important; }
.noeworks-cta-mark .noeworks-wordmark { width:100%; }

@media(max-width:760px) {
  .brand-intro-tagline {font-size:11px;margin-top:28px;letter-spacing:.09em;}
  .brand-intro-hint {font-size:11px;letter-spacing:.12em;bottom:max(5.5vh,24px,env(safe-area-inset-bottom));}
  .mobile-header .brand .noeworks-wordmark {width:116px;}
}
@media(max-height:500px) {.brand-intro-hint {bottom:max(20px,env(safe-area-inset-bottom));} .brand-intro-tagline {margin-top:20px;}}
@media(prefers-reduced-motion:reduce) {.brand-intro,.brand-intro * {animation:none!important;transition:none!important;} .brand-intro-gradient-logo {background-position:center,50% 50%;}}