/* Selected design elements merged into the original Yavera site. */
html.yavera-creative{
 --creative-ease:cubic-bezier(.18,.78,.2,1);--creative-night:#081e15;
 --gold:#a3844c;--gold-ink:#795f32;--gold-soft:rgba(200,164,90,.3);
 --gradient-gold:linear-gradient(100deg,#795f32 0%,#c8a45a 27%,#a3844c 51%,#c8a45a 73%,#a3844c 100%);
 --gradient-gold-light:linear-gradient(100deg,#c8a45a,#fff0bf 26%,#dfbd72 52%,#fff0bf 74%,#a3844c);
}
html.yavera-creative body{background:var(--ivory)}
html.yavera-creative .nav-in{max-width:1320px;padding:14px 22px;border-radius:18px}
html.yavera-creative.static-opening{--nav-brand-w:132px}
html.yavera-creative.static-opening .nav-brand{visibility:hidden;pointer-events:none}
html.yavera-creative.static-opening.brand-docked .nav-brand{visibility:visible;pointer-events:auto}
html.yavera-creative.static-opening .nav-peek{display:none!important}
html.yavera-creative .nav-links{gap:25px}
html.yavera-creative .nav-links>a{font-size:12px}
html.yavera-creative .nav-actions .btn.small{padding:12px 19px;border-radius:10px}
html.yavera-creative .brand-headline.headline-solid .headline-accent{background-image:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html.yavera-creative.static-opening[data-hero-design="settle"] .stage{background:var(--creative-night)}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell{align-items:flex-start;justify-content:center;padding:145px 7vw 150px;background:var(--creative-night);text-align:left;min-height:100%;overflow:hidden}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell::before{height:110px;background:linear-gradient(180deg,rgba(8,30,21,0),#081e15);z-index:3}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell::after{display:none!important}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy{width:min(1040px,86vw);text-align:left;scale:1;translate:0 calc(var(--hero-exit,0)*-40px)}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-brand{
 display:block;width:220px;height:auto;margin:0 0 30px;opacity:1;animation:none;
 transform:none;transition:opacity .4s ease,translate .55s var(--creative-ease);
}
html.yavera-creative.static-opening.brand-docked[data-hero-design="settle"] .static-hero-brand{opacity:0;translate:0 -18px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-kicker{font-size:10px;letter-spacing:.22em;color:#dfbd72;gap:13px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-kicker::before{width:34px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-kicker::after{display:none}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1{margin:27px 0 0;font-size:clamp(65px,7.9vw,120px);line-height:1.04;letter-spacing:-.066em;text-wrap:nowrap}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1>span{font-family:var(--sans);font-size:.78em;font-weight:500;letter-spacing:-.065em;color:var(--ivory);line-height:1.2}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1 em{font-family:var(--serif);font-size:1.08em;line-height:1.13;margin-inline:0;letter-spacing:-.055em;filter:drop-shadow(0 2px 20px rgba(4,18,11,.4));background-image:linear-gradient(100deg,#c8a45a,#fff0bf 26%,#dfbd72 52%,#fff0bf 74%,#a3844c);background-size:200% 100%;background-repeat:repeat;padding:.06em .08em .12em 0;margin-block:0}
html.yavera-creative.static-opening[data-hero-design="settle"] .hero-spark{display:none}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-support{width:460px;max-width:70%;text-align:left;margin-top:27px;translate:0 calc(var(--hero-exit,0)*-22px)}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-support p{font-size:15px;line-height:1.75;color:#d8ded4;max-width:44ch}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-actions{justify-content:flex-start;margin-top:27px;gap:25px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-actions .btn{background:var(--ivory);color:var(--green-dark);padding:17px 24px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);font-size:11px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-text-link{font-size:11px;color:var(--ivory);border:0}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-proof{left:7vw;right:auto;bottom:45px;color:#d6d4b5;font-size:9px;letter-spacing:.18em;justify-content:flex-start}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-cue-wrap{display:block;left:auto;right:7vw;bottom:39px;color:#d6d4b5}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-cue{flex-direction:row;gap:14px;font-size:8px}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-cue i{height:32px}
/* The original typing clip occupies the full background, under the selected type. */
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-media{
 inset:0;width:100%;height:100%;z-index:0;border:0;border-radius:0;box-shadow:none;
 translate:none;scale:1;transform:none;
}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-media img,
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-film{
 width:100%;height:100%;object-fit:cover;object-position:52% 50%;
 filter:saturate(.75) contrast(1.03);animation:none;
}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-media::after{
 background:linear-gradient(90deg,rgba(4,22,13,.91),rgba(4,22,13,.77) 32%,rgba(4,22,13,.25) 75%,rgba(4,22,13,.18)),
 linear-gradient(180deg,rgba(4,22,13,.16),transparent 50%,rgba(4,22,13,.55));
}
html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-film-control{
 top:auto;bottom:94px;right:7vw;width:40px;height:40px;z-index:6;
 background:rgba(8,30,21,.64);border:1px solid rgba(255,240,191,.3);
 opacity:calc(1 - var(--hero-exit,0)*3.4);
}
/* The incoming page meets the ivory already revealed inside the opening. */
html.yavera-creative .page-over{border-radius:0;box-shadow:none}
html.yavera-creative .page-over::before{display:none!important}
@media(prefers-reduced-motion:no-preference){
 @keyframes atelier-gold{to{background-position:-200% 50%}}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1 em{animation:hero-arrive 1.2s var(--creative-ease) .4s both,atelier-gold 18s linear 1.6s infinite}
}
@media(max-width:1050px){
 html.yavera-creative .nav-links{gap:16px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell{padding-left:6vw;padding-right:6vw}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1{font-size:clamp(64px,9vw,94px)}
}
@media(max-width:760px){
 html.yavera-creative .nav-in{padding:10px 14px;border-radius:16px;gap:14px}
 html.yavera-creative.static-opening{--nav-brand-w:110px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-brand{width:168px;margin-bottom:26px}
 html.yavera-creative .nav-links{gap:0}
 html.yavera-creative.static-opening .stage,html.yavera-creative.static-opening .stage-pin{height:100svh!important;min-height:740px!important}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell{padding:146px 6vw 160px;justify-content:center}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy{width:88vw}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-kicker{font-size:8px;letter-spacing:.17em}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1{font-size:clamp(42px,11.8vw,80px);margin-top:26px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1>span{font-size:.96em;line-height:1.22}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1 em{font-size:1.14em}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-support{max-width:100%;width:88vw;margin-top:25px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-support p{font-size:13px;max-width:34ch;color:#e0e3d9}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-actions{gap:20px;flex-wrap:wrap;margin-top:26px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-actions .btn{font-size:9px;padding:15px 18px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-text-link{font-size:9px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-proof{left:6vw;bottom:61px;display:grid;gap:7px;font-size:7px;letter-spacing:.15em}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-proof li+li::before{display:none}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-cue-wrap{display:none}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-film{object-position:60% 50%}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-media img{object-position:60% 50%}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-media::after{
  background:linear-gradient(90deg,rgba(4,22,13,.84),rgba(4,22,13,.65) 60%,rgba(4,22,13,.4)),
  linear-gradient(180deg,rgba(4,22,13,.16),transparent 55%,rgba(4,22,13,.6));
 }
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-film-control{right:6vw;bottom:60px;width:42px;height:42px}
}
@media(max-height:740px) and (max-width:760px){html.yavera-creative.static-opening .stage{position:relative!important}}
@media(max-width:360px){
 html.yavera-creative.static-opening{--nav-brand-w:96px}
 html.yavera-creative .nav-in{padding-inline:10px;gap:8px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1{font-size:39px}
}


/* Selected role directory. */
html.yavera-creative .roles.container{padding-block:80px 90px;max-width:1320px;border-top:1px solid var(--line)}
html.yavera-creative .roles-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:65px;align-items:start}
html.yavera-creative .roles-intro{position:sticky;top:140px;padding-top:7px}
html.yavera-creative .roles-intro .eyebrow{font-size:10px;letter-spacing:.2em}
html.yavera-creative .roles-head{font-size:clamp(46px,5.2vw,72px);line-height:1.05;letter-spacing:-.045em;margin:25px 0}
html.yavera-creative .roles-intro p{font-size:14px;line-height:1.8;color:var(--dim);max-width:28ch}
html.yavera-creative .roles-location{display:block;margin-top:32px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}
html.yavera-creative .role-row{grid-template-columns:35px minmax(0,1fr) auto;gap:10px;padding:26px 10px}
html.yavera-creative .role-row .t{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
html.yavera-creative .role-row .d{font-size:9px}
html.yavera-creative .role-row .n{font-size:15px}
html.yavera-creative .role-choice-inner{grid-template-columns:1fr;gap:18px}
html.yavera-creative .role-choice-prompt h3{font-size:24px}
html.yavera-creative .role-choice-prompt p{display:none}
html.yavera-creative .role-path{padding:18px 15px}
html.yavera-creative .careers{border-radius:12px;margin-top:55px;padding:35px 40px;background:linear-gradient(115deg,#e8eadd,#efeadc);border:1px solid #dce0cc}
html.yavera-creative .careers::before,html.yavera-creative .careers::after{display:none}
html.yavera-creative .careers h3{font-size:32px}
html.yavera-creative .careers .btn{border-radius:10px}


/* Artwork is exclusive to Careers. */
html.yavera-creative.careers-page .top{
 inset:16px 4vw auto;height:70px;border-radius:16px;border:1px solid transparent;
 background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
 transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
html.yavera-creative.careers-page .top-in{padding-inline:24px}
html.yavera-creative.careers-page .top-in img{filter:brightness(0) invert(1);opacity:.95}
html.yavera-creative.careers-page .top-back,
html.yavera-creative.careers-page .top-li{color:#dfbd72}
html.yavera-creative.careers-page .top-back{font-size:10px;letter-spacing:.08em}
html.yavera-creative.careers-page .top-back:hover,
html.yavera-creative.careers-page .top-li:hover{color:#fff0bf}
html.yavera-creative.careers-page .top-li svg{fill:currentColor}
html.yavera-creative.careers-page.has-scrolled .top{
 background:rgba(8,30,21,.92);border-color:rgba(223,189,114,.18);
 box-shadow:0 8px 30px rgba(8,30,21,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
html.yavera-creative.careers-page .hero{padding:190px 0 85px;background:var(--creative-night);color:var(--ivory)}
html.yavera-creative.careers-page .hero::before{z-index:0;inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(8,30,21,.85),rgba(8,30,21,.35) 60%,rgba(8,30,21,0));pointer-events:none}
html.yavera-creative.careers-page .hero>.container{position:relative;z-index:1}
html.yavera-creative .careers-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;z-index:-1;opacity:.8}
html.yavera-creative.careers-page .hero .eyebrow{color:#dfbd72}
html.yavera-creative.careers-page .hero h1{font-size:clamp(42px,6.4vw,88px);letter-spacing:-.05em;line-height:1.09;color:var(--ivory)}
html.yavera-creative.careers-page .hero .headline-accent{background-image:var(--gradient-gold-light);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html.yavera-creative.careers-page .hero p{font-size:14px;color:#c7d0c4;max-width:49ch}
html.yavera-creative.careers-page .hero-meta{gap:14px 22px;font-size:9px;color:#dfbd72}
html.yavera-creative.careers-page .hero-meta span{padding:0;background:transparent;border:0;border-radius:0}
html.yavera-creative.careers-page .jobs{position:relative;background:var(--ivory);border-radius:24px 24px 0 0;margin-top:-24px;padding-top:60px}
html.yavera-creative.careers-page .job{border-radius:12px}
html.yavera-creative.careers-page .job.is-live{background:#fffdf7;border-color:#c8a45a}
html.yavera-creative.careers-page .job.is-live h3{font-size:clamp(30px,3.7vw,46px);letter-spacing:-.04em}
html.yavera-creative.careers-page .live-note{border-radius:12px;background:#123426}
@media(max-width:1050px){
 html.yavera-creative .roles-layout{gap:35px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
 html.yavera-creative .role-row .d{font-size:0}
 html.yavera-creative .role-row .d::after{font-size:22px;margin:0}
}
@media(max-width:760px){
 html.yavera-creative .nav-actions{margin-left:auto}
 html.yavera-creative.static-opening .nav-actions{justify-content:flex-end}
 html.yavera-creative .roles.container{padding-block:60px}
 html.yavera-creative .roles-layout{grid-template-columns:1fr;gap:32px}
 html.yavera-creative .roles-intro{position:static}
 html.yavera-creative .roles-head{font-size:52px;margin:20px 0}
 html.yavera-creative .roles-intro p{max-width:32ch}
 html.yavera-creative .roles-location{margin-top:22px}
 html.yavera-creative .role-row{grid-template-columns:26px minmax(0,1fr) 20px;padding:23px 4px;align-items:center}
 html.yavera-creative .role-row .t{font-size:23px}
 html.yavera-creative .role-row .d{grid-column:3}
 html.yavera-creative .role-choice-actions{grid-template-columns:1fr}
 html.yavera-creative .careers{padding:27px 22px;margin-top:32px}
 html.yavera-creative .careers h3{font-size:30px}
 html.yavera-creative.careers-page .top{inset:10px 12px auto;height:64px;border-radius:14px}
 html.yavera-creative.careers-page .top-in{padding-inline:14px;gap:10px}
 html.yavera-creative.careers-page .top-in img{width:105px;height:34px}
 html.yavera-creative.careers-page .top-back{font-size:9px;letter-spacing:0}
 html.yavera-creative.careers-page .hero{padding:140px 0 75px}
 html.yavera-creative.careers-page .hero h1{font-size:clamp(38px,10vw,65px)}
 html.yavera-creative .careers-art{object-position:65% center;opacity:.45}
 html.yavera-creative.careers-page .hero::before{background:linear-gradient(90deg,rgba(8,30,21,.9),rgba(8,30,21,.4))}
 html.yavera-creative.careers-page .hero p{font-size:13px}
 html.yavera-creative.careers-page .hero-meta{font-size:8px;gap:12px 18px}
 html.yavera-creative.careers-page .jobs{padding-top:40px}
}

/* Preserve readable reduced-motion content alongside the original process. */
html.yavera-creative .how-media{overflow:clip}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){html.yavera-creative.mobile-experience .how .steps{pointer-events:none}}
@media(prefers-reduced-motion:reduce){
 html.yavera-creative .static-hero-copy,html.yavera-creative .static-hero-support{translate:none!important;opacity:1!important}
 html.yavera-creative .how-grid.container{display:block}
 html.yavera-creative .how-media{display:none}
 html.yavera-creative .how .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0}
 html.yavera-creative .how .step{opacity:1;transform:none;visibility:visible;min-height:0;height:auto}
 html.yavera-creative.mobile-experience .how .step{padding:28px 20px}
 html.yavera-creative .how .step-copy{width:auto;padding:0}
 html.yavera-creative .how .step .step-accent{background:none;-webkit-text-fill-color:currentColor}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){html.yavera-creative .how .steps{grid-template-columns:1fr;gap:12px}}

/* A single champagne-gold family replaces the older multicolour closing sweep. */
html.yavera-creative .cta .cta-signature{
 background-image:linear-gradient(105deg,#c8a45a 0%,#e9cf8d 25%,#fff0bf 48%,#dfbd72 72%,#c8a45a 100%);
 background-size:175% 100%;background-position:38% 50%;background-repeat:no-repeat;
 -webkit-text-fill-color:transparent;animation:none;will-change:auto;
}
html.yavera-creative .cta .btn{background:linear-gradient(115deg,#c8a45a,#dfbd72 55%,#c8a45a);border:1px solid rgba(255,240,191,.3)}
html.yavera-creative .cta .btn:hover{background:linear-gradient(115deg,#dfbd72,#fff0bf 55%,#dfbd72)}
@media(prefers-reduced-motion:no-preference){
 @keyframes yavera-soft-gold{from{background-position:10% 50%}to{background-position:90% 50%}}
 html.yavera-creative .cta.is-motion-active .cta-signature{animation:yavera-soft-gold 9s ease-in-out infinite alternate}
}
@media(min-width:761px) and (max-height:840px){
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-shell{padding-top:118px;padding-bottom:125px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-brand{width:175px;margin-bottom:22px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-copy h1{font-size:clamp(64px,7.3vw,103px);margin-top:20px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-support{margin-top:18px}
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-actions{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 html.yavera-creative.static-opening .nav-brand,
 html.yavera-creative.static-opening[data-hero-design="settle"] .static-hero-brand{transition:none;translate:none}
}

/* Careers: the artwork dissolves through a soft edge into the warm paper. */
html.yavera-creative.careers-page .hero{
 min-height:min(860px,94svh);padding-top:180px;padding-bottom:170px;
}

html.yavera-creative.careers-page .careers-art{
 opacity:.9;transform:translate3d(var(--career-art-x,0px),var(--career-art-y,0px),0) scale(1.07);
 transform-origin:65% 40%;transition:transform 1.1s var(--creative-ease);
}
html.yavera-creative.careers-page .hero .rv{transition-duration:1.05s;transition-timing-function:var(--creative-ease)}
html.yavera-creative.careers-page .hero .hero-meta{max-width:600px}
html.yavera-creative.careers-page .career-explore{
 display:inline-flex;align-items:center;gap:28px;margin-top:30px;min-height:44px;padding:8px 0;
 color:#dfbd72;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
}
html.yavera-creative.careers-page .career-explore span{
 display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(223,189,114,.3);border-radius:50%;
 transition:transform .4s var(--creative-ease),background .4s ease;
}
html.yavera-creative.careers-page .career-explore:hover span{transform:translateY(4px);background:rgba(223,189,114,.1)}
html.yavera-creative.careers-page .jobs{border-radius:0;margin-top:-1px;padding-top:26px;scroll-margin-top:110px}
html.yavera-creative.careers-page .jobs-head{margin-bottom:32px;padding-bottom:22px}
html.yavera-creative.careers-page .jobs-head h2{font-size:clamp(32px,3.3vw,46px);letter-spacing:-.035em}
html.yavera-creative.careers-page .active-layout{gap:26px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
html.yavera-creative.careers-page .job{border-radius:16px;transition:transform .6s var(--creative-ease),box-shadow .6s ease,border-color .5s ease}
html.yavera-creative.careers-page .job.is-live{
 padding:36px;background:linear-gradient(145deg,#fffef9,#f8f4e9);border-color:#c8a45a;
 box-shadow:inset 0 1px 0 #fff,0 16px 42px -25px rgba(29,49,32,.24);
}
html.yavera-creative.careers-page .job.is-live .job-go{margin-top:28px;padding-top:22px}
html.yavera-creative.careers-page .job-top .n{font-size:19px}
html.yavera-creative.careers-page .job:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
html.yavera-creative.careers-page .live-note{
 border-radius:16px;padding:36px;background:radial-gradient(ellipse at 90% 5%,rgba(200,164,90,.12),transparent 62%),linear-gradient(145deg,#143c2b,#0c291c);
 border:1px solid rgba(200,164,90,.17);position:relative;overflow:hidden;
}
html.yavera-creative.careers-page .live-note b{font-size:clamp(27px,2.8vw,36px);letter-spacing:-.025em}
html.yavera-creative.careers-page .talent-pool{margin-top:85px}
html.yavera-creative.careers-page .pool-head{gap:55px}
html.yavera-creative.careers-page .pool-note{border-left-width:1px;background:transparent;padding-left:28px}
html.yavera-creative.careers-page .jobs-grid{gap:22px}
html.yavera-creative.careers-page .job.is-pool{background:rgba(255,253,247,.64)}
html.yavera-creative.careers-page .terms{border-radius:16px;box-shadow:none;background:linear-gradient(120deg,#ececde,#f5f0e3);border-color:#dce0cc}
html.yavera-creative.careers-page .top-li:hover{background:rgba(223,189,114,.1);border-color:rgba(223,189,114,.2)}
@media(prefers-reduced-motion:no-preference) and (hover:hover){
 html.yavera-creative.careers-page .job:hover{transform:translateY(-5px);box-shadow:0 25px 50px -24px rgba(25,47,32,.27);border-color:#c8a45a}
}
@media(max-width:760px){
 html.yavera-creative.careers-page .hero{min-height:0;padding-top:135px;padding-bottom:145px}
 html.yavera-creative.careers-page .careers-art{opacity:.7}
 html.yavera-creative.careers-page .career-explore{font-size:10px;margin-top:23px}
 html.yavera-creative.careers-page .jobs{padding-top:20px;scroll-margin-top:90px}
 html.yavera-creative.careers-page .active-layout{grid-template-columns:1fr;gap:18px}
 html.yavera-creative.careers-page .job.is-live,html.yavera-creative.careers-page .live-note{padding:27px 24px}
 html.yavera-creative.careers-page .talent-pool{margin-top:60px}
 html.yavera-creative.careers-page .pool-head{gap:22px}
 html.yavera-creative.careers-page .pool-note{padding:0;border:0}
}
@media(prefers-reduced-motion:reduce){
 html.yavera-creative.careers-page .careers-art{transform:none;transition:none}
 html.yavera-creative.careers-page .job:hover,html.yavera-creative.careers-page .career-explore:hover span{transform:none}
}

/* The light moves through the pinned image; the content follows on solid paper.
   Scroll changes both the front position and its depth, so this is a growing
   dissolve inside the opening, rather than a fixed blur on a moving panel. */
html.yavera-creative .opening-wash{
 position:absolute;inset:0;z-index:7;pointer-events:none;
 --wash-start:calc(100% - 140px);--wash-depth:140px;
 background:linear-gradient(180deg,
  rgba(247,244,239,0) var(--wash-start),
  rgba(247,244,239,.002) calc(var(--wash-start) + var(--wash-depth)*.1),
  rgba(247,244,239,.016) calc(var(--wash-start) + var(--wash-depth)*.2),
  rgba(247,244,239,.058) calc(var(--wash-start) + var(--wash-depth)*.3),
  rgba(247,244,239,.135) calc(var(--wash-start) + var(--wash-depth)*.4),
  rgba(247,244,239,.255) calc(var(--wash-start) + var(--wash-depth)*.5),
  rgba(247,244,239,.413) calc(var(--wash-start) + var(--wash-depth)*.6),
  rgba(247,244,239,.597) calc(var(--wash-start) + var(--wash-depth)*.7),
  rgba(247,244,239,.784) calc(var(--wash-start) + var(--wash-depth)*.8),
  rgba(247,244,239,.91) calc(var(--wash-start) + var(--wash-depth)*.88),
  rgba(247,244,239,.975) calc(var(--wash-start) + var(--wash-depth)*.94),
  #f7f4ef calc(var(--wash-start) + var(--wash-depth)));
}
html.yavera-creative.careers-page .hero::after{display:none}
html.yavera-creative.careers-page .jobs{z-index:2}
html.yavera-creative.careers-page footer{position:relative;background:var(--green-dark);z-index:2}
@media(prefers-reduced-motion:no-preference){
 html.yavera-creative.opening-motion .opening-wash{--wash-start:100%;--wash-depth:0px}
 html.yavera-creative.careers-page.opening-motion .hero{
  position:sticky;top:var(--opening-pin-top,0px);z-index:0;min-height:100svh;
 }
 html.yavera-creative.careers-page.opening-motion .hero>.container{
  translate:0 calc(var(--opening-progress,0)*-32px);
 }
}
@media(prefers-reduced-motion:reduce){
 html.yavera-creative.static-opening .stage{position:relative!important}
 html.yavera-creative .opening-wash{--wash-start:calc(100% - 110px);--wash-depth:110px}
}