/*
 Tamiyouz Join Us — Premium Motion Layer 2026-10-23
 High-motion brand polish without masking the native form or overriding V80 shell.
*/
body.joinus-v2-page {--joinus-brass:#f2d48c;--joinus-blue:#7ab5ed;--joinus-shadow:rgba(0,0,0,.28)}
/* Legacy theme clearfix pseudo-elements were creating extra grid cells. */
body.joinus-v2-page .joinus-hero-grid::before,
body.joinus-v2-page .joinus-hero-grid::after {display:none!important;content:none!important}
body.joinus-v2-page .joinus-read-progress{
  position:fixed;top:0;right:0;left:0;height:3px;z-index:10050;
  pointer-events:none;transform:scaleX(0);transform-origin:right center;
  background:linear-gradient(90deg,#9c672d,#f6d88d 48%,#fff3bd);box-shadow:0 0 13px rgba(241,201,111,.6);
}
body.joinus-v2-page .joinus-hero {--joinus-mouse-x:50%;--joinus-mouse-y:50%;background-size:115% 115%;animation:joinus-ambient-gradient 15s ease-in-out infinite alternate}
body.joinus-v2-page .joinus-hero::before {animation:joinus-grid-breathe 9s ease-in-out infinite}
body.joinus-v2-page .joinus-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse 36% 34% at var(--joinus-mouse-x) var(--joinus-mouse-y),rgba(244,207,137,.1),transparent 75%);
  transition:background .25s linear;
}
body.joinus-v2-page .joinus-hero .joinus-orb-a{animation:joinus-ambient-one 15s ease-in-out infinite alternate}
body.joinus-v2-page .joinus-hero .joinus-orb-b{animation:joinus-ambient-two 17s ease-in-out infinite alternate}
body.joinus-v2-page .joinus-hero-copy {animation:joinus-hero-arrive .9s cubic-bezier(.2,.8,.2,1) both}
body.joinus-v2-page .joinus-hero .joinus-eyebrow {animation:joinus-hero-arrive 1.05s .08s cubic-bezier(.2,.8,.2,1) both}
body.joinus-v2-page .joinus-hero h1 {text-wrap:balance;animation:joinus-hero-arrive 1.1s .15s cubic-bezier(.2,.8,.2,1) both}
body.joinus-v2-page .joinus-hero h1 span{
  background:linear-gradient(102deg,#bd8741 0%,#fce4aa 27%,#f2c873 49%,#fff0c0 59%,#bd8741 100%);
  color:transparent!important;background-size:245% auto;
  background-clip:text;-webkit-background-clip:text;
  animation:joinus-foil 9s linear infinite;
}
body.joinus-v2-page .joinus-hero .joinus-hero-actions {animation:joinus-hero-arrive 1.04s .35s cubic-bezier(.2,.8,.2,1) both}
body.joinus-v2-page .joinus-hero .joinus-hero-caption {animation:joinus-hero-arrive 1.04s .45s cubic-bezier(.2,.8,.2,1) both}
body.joinus-v2-page .joinus-hero .joinus-eyebrow-mark{animation:joinus-beacon 2.9s ease-in-out infinite}
body.joinus-v2-page .joinus-hero .joinus-art{
  animation:joinus-art-enter 1.1s .12s cubic-bezier(.16,1,.3,1) both;
  perspective:1100px;
}
body.joinus-v2-page .joinus-hero .joinus-art-frame{
  position:relative;overflow:hidden;will-change:transform;
  transform:perspective(1100px) rotate(-5deg) rotateX(var(--joinus-tilt-x,0deg)) rotateY(var(--joinus-tilt-y,0deg));
  transition:transform .36s cubic-bezier(.2,.7,.2,1), box-shadow .36s;
  box-shadow:0 32px 90px rgba(0,0,0,.4), 0 0 65px rgba(238,184,88,.13),inset 0 1px 0 rgba(255,243,199,.14);
}
body.joinus-v2-page .joinus-hero .joinus-art-frame::after{
  content:"";position:absolute;inset:-125% -160%;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,239,197,.045) 46%,rgba(255,244,217,.24) 50%,rgba(255,239,197,.045) 54%,transparent 60%);
  transform:translateX(55%) rotate(6deg);animation:joinus-shine 9s ease-in-out infinite;
}
body.joinus-v2-page .joinus-art-center .joinus-art-symbol{display:inline-block;animation:joinus-symbol-pulse 4.4s ease-in-out infinite}
body.joinus-v2-page .joinus-art-ring-one{animation:joinus-orbit 36s linear infinite}
body.joinus-v2-page .joinus-art-ring-two{animation:joinus-orbit-reverse 27s linear infinite}
body.joinus-v2-page .joinus-mini-card-one{animation:joinus-mini-float 6s ease-in-out infinite}
body.joinus-v2-page .joinus-mini-card-two{animation:joinus-mini-float 6.5s -3s ease-in-out infinite}
body.joinus-v2-page .joinus-sparkle{position:absolute;z-index:1;pointer-events:none;color:#f7d693;font-size:18px;line-height:1;opacity:.7;animation:joinus-twinkle 4s ease-in-out infinite}
body.joinus-v2-page .joinus-sparkle-a{top:18%;right:45%;font-size:21px;animation-delay:.2s}
body.joinus-v2-page .joinus-sparkle-b{top:63%;left:13%;font-size:12px;animation-delay:1.2s}
body.joinus-v2-page .joinus-sparkle-c{bottom:17%;right:19%;font-size:15px;animation-delay:2.3s}
body.joinus-v2-page .joinus-sparkle-d{top:25%;left:26%;font-size:9px;animation-delay:3s}
body.joinus-v2-page .joinus-hero .joinus-btn-gold,
body.joinus-v2-page .joinus-submit {
  position:relative;overflow:hidden;isolation:isolate;
}
body.joinus-v2-page .joinus-hero .joinus-btn-gold::after,
body.joinus-v2-page .joinus-submit::after{
  content:"";position:absolute;inset:-60% -45%;pointer-events:none;z-index:1;
  transform:translateX(140%) rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation:joinus-btn-sweep 6.8s ease-in-out infinite;
}
body.joinus-v2-page .joinus-btn {transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s}
body.joinus-v2-page .joinus-btn:hover {transform:translateY(-4px)}
body.joinus-v2-page .joinus-btn-gold:hover {box-shadow:0 22px 44px rgba(230,174,77,.3)}
body.joinus-v2-page .joinus-btn:active {transform:scale(.985)}
body.joinus-v2-page .joinus-motion-strip{
  position:relative;z-index:1;overflow:hidden;
  height:51px;display:flex;align-items:center;
  background:linear-gradient(100deg,#112a44,#1b3955 55%,#0b223b);
  border-top:1px solid rgba(232,197,128,.2);
  border-bottom:1px solid rgba(232,197,128,.23);
  color:#e7c88a;
}
body.joinus-v2-page .joinus-motion-strip::before,
body.joinus-v2-page .joinus-motion-strip::after{
  content:"";position:absolute;z-index:2;top:0;bottom:0;width:65px;pointer-events:none;
}
body.joinus-v2-page .joinus-motion-strip::before{right:0;background:linear-gradient(270deg,#102a44,transparent)}
body.joinus-v2-page .joinus-motion-strip::after{left:0;background:linear-gradient(90deg,#102a44,transparent)}
body.joinus-v2-page .joinus-marquee-track{
  display:flex;flex:0 0 max-content;width:max-content;align-items:center;
  gap:38px;white-space:nowrap;direction:ltr;
  animation:joinus-marquee 42s linear infinite;
}
body.joinus-v2-page .joinus-motion-strip:hover .joinus-marquee-track {animation-play-state:paused}
body.joinus-v2-page .joinus-marquee-item{
  display:inline-flex;align-items:center;gap:15px;
  letter-spacing:.12em;font:700 10px Arial,sans-serif;
}
body.joinus-v2-page .joinus-marquee-item b{font-size:15px;color:#f7df9c}
body.joinus-v2-page .joinus-apply-section{
  position:relative;
  background:
    radial-gradient(ellipse at 88% 15%,rgba(36,80,121,.18),transparent 45%),
    radial-gradient(ellipse at 7% 72%,rgba(228,171,84,.075),transparent 34%),
    linear-gradient(180deg,#071829,#0b2036);
}
body.joinus-v2-page .joinus-apply-section::before{
  content:"";position:absolute;pointer-events:none;inset:0 0 auto;height:240px;
  background:linear-gradient(180deg,rgba(228,185,110,.06),transparent);
}
body.joinus-v2-page .joinus-native-panel{
  position:relative;isolation:isolate;
  border-color:rgba(233,198,134,.45);
  background:linear-gradient(142deg,rgba(19,48,76,.96),rgba(7,22,40,.98));
  box-shadow:0 32px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(250,231,177,.07);
}
body.joinus-v2-page .joinus-native-panel::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  border-radius:26px 26px 0 0;
  background:linear-gradient(90deg,rgba(237,193,114,.0),#e8b966 25%,#fff1c3 51%,#d4a053 75%,transparent);
  background-size:240% 100%;animation:joinus-foil 11s linear infinite;
}
body.joinus-v2-page .joinus-native-intro {position:relative}
body.joinus-v2-page .joinus-native-intro h3 span{
  color:#f4cc7a;text-shadow:0 0 30px rgba(241,202,126,.12)
}
body.joinus-v2-page .joinus-form-progress-box{
  margin-top:24px;padding:16px 19px;border-radius:14px;
  border:1px solid rgba(229,190,121,.25);
  background:rgba(6,22,39,.48);
}
body.joinus-v2-page .joinus-progress-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:12px;color:#bbcfdf;font-weight:800;margin-bottom:11px;
}
body.joinus-v2-page .joinus-progress-head strong{color:#efd08e;font:800 16px Arial,sans-serif}
body.joinus-v2-page .joinus-progress-rail{
  background:#213d56;height:6px;border-radius:99px;
  overflow:hidden;position:relative;
}
body.joinus-v2-page #joinusFormProgressFill{
  display:block;width:0;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#c18d47,#fce1a2,#fff1c6);
  box-shadow:0 0 16px rgba(244,201,125,.35);
  transition:width .44s cubic-bezier(.22,.8,.25,1);
}
body.joinus-v2-page .joinus-native-subheading>span{
  box-shadow:inset 0 1px 0 rgba(255,227,159,.17),0 0 24px rgba(240,178,79,.09);
  transition:transform .35s,background .35s;
}
body.joinus-v2-page .joinus-native-subheading:hover>span{
  transform:rotate(-8deg) scale(1.05);background:rgba(231,185,98,.19);
}
body.joinus-v2-page .joinus-field {transition:transform .22s}
body.joinus-v2-page .joinus-field:focus-within {transform:translateY(-2px)}
body.joinus-v2-page .joinus-field>span{transition:color .2s}
body.joinus-v2-page .joinus-field:focus-within>span{color:#f7d58a}
body.joinus-v2-page .joinus-field input,
body.joinus-v2-page .joinus-field select,
body.joinus-v2-page .joinus-field textarea{
  transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;
}
body.joinus-v2-page .joinus-field input:hover,
body.joinus-v2-page .joinus-field select:hover,
body.joinus-v2-page .joinus-field textarea:hover{border-color:rgba(239,201,137,.58)}
body.joinus-v2-page .joinus-cv-label{
  background:linear-gradient(150deg,rgba(242,193,99,.075),rgba(36,84,129,.1));
  transition:transform .33s,background .33s,border-color .33s,box-shadow .33s;
}
body.joinus-v2-page .joinus-cv-label:hover,
body.joinus-v2-page .joinus-cv-label:focus-within{
  transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.16);
  background:linear-gradient(150deg,rgba(242,193,99,.15),rgba(36,84,129,.13));
  border-color:#efca83;
}
body.joinus-v2-page .joinus-cv-icon{animation:joinus-upload-float 3.5s ease-in-out infinite}
body.joinus-v2-page .joinus-value{
  overflow:hidden;border:1px solid rgba(224,190,127,.24);
  background:linear-gradient(145deg,rgba(22,55,84,.95),rgba(9,29,49,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.14);
  transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s,border-color .42s;
}
body.joinus-v2-page .joinus-value::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(125deg,transparent 25%,rgba(241,198,118,.065) 50%,transparent 75%);
  transform:translateX(120%);transition:transform .78s cubic-bezier(.2,.7,.2,1);
}
body.joinus-v2-page .joinus-value:hover{
  border-color:rgba(242,203,130,.65);
  transform:translateY(-9px);
  box-shadow:0 30px 75px rgba(0,0,0,.24),0 0 42px rgba(217,169,77,.065);
}
body.joinus-v2-page .joinus-value:hover::before{transform:translateX(-120%)}
body.joinus-v2-page .joinus-value-icon{transition:transform .35s,box-shadow .35s}
body.joinus-v2-page .joinus-value:hover .joinus-value-icon{
  transform:rotate(-12deg) scale(1.08);box-shadow:0 0 26px rgba(236,191,113,.18);
}
body.joinus-v2-page .joinus-culture{
  background:radial-gradient(ellipse at 50% -25%,rgba(49,91,135,.22),transparent 58%),#081b30;
  position:relative;
}
body.joinus-v2-page .joinus-section-heading h2 span{
  color:#f5d590;text-shadow:0 0 30px rgba(242,204,136,.12)
}
body.joinus-v2-page .joinus-last{
  background:radial-gradient(ellipse at 5% 35%,rgba(234,182,87,.09),transparent 50%),#0a2139;
}
body.joinus-v2-page .joinus-last h2 span{background:linear-gradient(95deg,#c18d45,#ffdfa0,#c99d56);color:transparent!important;background-clip:text;-webkit-background-clip:text}
body.joinus-v2-page [data-joinus-reveal]{transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1)}
body.joinus-v2-page.joinus-motion-on [data-joinus-reveal]:not(.joinus-is-inview){
  opacity:.86;transform:translateY(19px);
}
body.joinus-v2-page.joinus-motion-on [data-joinus-reveal].joinus-is-inview{
  opacity:1;transform:translateY(0);
}
body.joinus-v2-page.joinus-tab-hidden .joinus-hero *,
body.joinus-v2-page.joinus-tab-hidden .joinus-motion-strip *{animation-play-state:paused!important}
@keyframes joinus-hero-arrive{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes joinus-art-enter{from{opacity:.2;transform:scale(.91) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes joinus-grid-breathe{0%,100%{opacity:.14}50%{opacity:.31}}
@keyframes joinus-ambient-gradient{from{background-position:0% 0%}to{background-position:100% 90%}}
@keyframes joinus-ambient-one{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(80px,40px,0) scale(1.2)}}
@keyframes joinus-ambient-two{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-65px,-50px,0) scale(1.2)}}
@keyframes joinus-foil{to{background-position:245% 50%}}
@keyframes joinus-shine{0%,67%,100%{transform:translateX(75%) rotate(6deg)}76%{transform:translateX(-75%) rotate(6deg)}}
@keyframes joinus-orbit{to{transform:rotate(360deg)}}
@keyframes joinus-orbit-reverse{from{transform:rotate(25deg)}to{transform:rotate(-335deg)}}
@keyframes joinus-mini-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes joinus-symbol-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}}
@keyframes joinus-twinkle{0%,100%{opacity:.15;transform:scale(.65) rotate(0)}55%{opacity:1;transform:scale(1.3) rotate(22deg)}}
@keyframes joinus-btn-sweep{0%,60%,100%{transform:translateX(140%) rotate(25deg)}75%{transform:translateX(-140%) rotate(25deg)}}
@keyframes joinus-beacon{0%,100%{box-shadow:0 0 0 5px rgba(232,191,114,.12)}50%{box-shadow:0 0 0 9px rgba(232,191,114,.035)}}
@keyframes joinus-upload-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes joinus-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:780px){
  body.joinus-v2-page .joinus-hero{background-size:auto}
  body.joinus-v2-page .joinus-read-progress{height:2px}
  body.joinus-v2-page .joinus-motion-strip{height:43px}
  body.joinus-v2-page .joinus-marquee-track{gap:26px;animation-duration:55s}
  body.joinus-v2-page .joinus-hero .joinus-art-frame{
    will-change:auto;transform:rotate(-5deg);
  }
  body.joinus-v2-page .joinus-hero .joinus-art-frame::after{display:none}
  body.joinus-v2-page .joinus-hero .joinus-art-ring-one{animation-duration:45s}
  body.joinus-v2-page .joinus-sparkle-b,body.joinus-v2-page .joinus-sparkle-d{display:none}
  body.joinus-v2-page .joinus-native-panel{box-shadow:0 14px 45px rgba(0,0,0,.2)}
  body.joinus-v2-page .joinus-form-progress-box{padding:12px 13px}
  body.joinus-v2-page .joinus-value:hover{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
  body.joinus-v2-page .joinus-main *,body.joinus-v2-page .joinus-main *::before,body.joinus-v2-page .joinus-main *::after,
  body.joinus-v2-page .joinus-read-progress{
    animation:none!important;transition:none!important;
    scroll-behavior:auto!important;
  }
  body.joinus-v2-page .joinus-hero .joinus-art-frame{transform:rotate(-5deg)!important}
  body.joinus-v2-page [data-joinus-reveal]{opacity:1!important;transform:none!important}
  body.joinus-v2-page .joinus-hero h1 span{background:none!important;color:#edc477!important}
}
