/* One transparent team photograph over the original cinematic background. */
.preloader--with-group .preloader__content { transform:translateY(-12px); }
.preloader__group {
 position:absolute;
 z-index:2;
 left:50%;
 bottom:0;
 width:min(1100px,96vw);
 height:clamp(180px,36vh,360px);
 transform:translateX(-50%);
 pointer-events:none;
 animation:introGroupArrive 450ms ease-out both;
}
.preloader__group::before {
 content:"";
 position:absolute;
 z-index:-1;
 inset:-12% -12% -10%;
 background:radial-gradient(ellipse at 50% 78%,#20a6ae52,transparent 66%);
 filter:blur(22px);
}
.preloader__group::after {
 content:"";
 position:absolute;
 z-index:-1;
 left:18%;
 right:18%;
 bottom:6%;
 height:2px;
 border-radius:50%;
 background:linear-gradient(90deg,transparent,#7ceff0b3,transparent);
 box-shadow:0 0 30px 9px #20a6ae33;
 filter:blur(3px);
}
.preloader__group img {
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center bottom;
 filter:drop-shadow(0 -1px 2px #bceff045) drop-shadow(0 0 16px #20a6ae66) drop-shadow(0 10px 20px #00102d99);
 -webkit-mask-image:linear-gradient(#000 88%,transparent);
 mask-image:linear-gradient(#000 88%,transparent);
}
@keyframes introGroupArrive {
 from { opacity:0; transform:translate(-50%,12px); }
 to { opacity:1; transform:translate(-50%,0); }
}
.preloader__motivation { position:absolute; z-index:4; inset:0; pointer-events:none; }
.preloader__quote { position:absolute; }
.preloader__quote--top { top:auto; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%); }
.preloader__quote--left { top:70px; left:max(-250px,calc(364px - 50vw)); }
.preloader__quote--right { top:70px; right:max(-250px,calc(364px - 50vw)); }
.preloader__quote-body {
 display:flex;
 align-items:center;
 gap:.55rem;
 min-height:48px;
 padding:.8rem 1rem;
 border:1px solid #b6f0f23d;
 border-radius:999px;
 background:linear-gradient(135deg,#0b2a4cc9,#0d555d80);
 color:#f1ffff;
 font-size:clamp(.95rem,1.12vw,1.125rem);
 font-weight:650;
 line-height:1.3;
 white-space:nowrap;
 box-shadow:0 10px 30px #00142940,0 0 20px #20a6ae16,inset 0 1px 0 #ffffff0d;
 backdrop-filter:blur(10px);
 animation:introQuoteReveal 350ms ease-out var(--quote-delay) both,introQuoteDrift 3.6s ease-in-out calc(var(--quote-delay) + 350ms) infinite;
}
.preloader__quote svg { flex:0 0 auto; width:22px; height:22px; color:#79e5e8; }
.preloader__quote-short { display:none; }
@keyframes introQuoteReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes introQuoteDrift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
@media(max-height:850px) {
 .preloader--with-group .preloader__content { transform:translateY(-38px); }
}
@media(min-width:1001px) {
 .preloader__group { width:min(1500px,96vw); height:min(50vh,580px); }
 .preloader--with-group .preloader__content { transform:translateY(min(-19vh,-150px)); }
}
@media(min-width:1001px) and (max-height:740px) {
 .preloader--with-group .preloader__logo { width:320px; }
}
@media(min-width:1001px) and (max-height:650px) {
 .preloader--with-group .preloader__logo { width:280px; }
 .preloader--with-group .preloader__content { transform:translateY(-128px); }
 .preloader__quote--top { bottom:calc(100% - 6px); }
}
@media(max-width:1000px) {
 .preloader__motivation { inset:auto; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%); width:min(680px,94vw); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; }
 .preloader__motivation .preloader__quote { position:static; inset:auto; transform:none; }
 .preloader__quote-body { min-height:44px; padding:.75rem .9rem; font-size:.9rem; }
 .preloader__quote svg { width:20px; height:20px; }
}
@media(max-width:1200px) {
 .preloader__quote-full { display:none; }
 .preloader__quote-short { display:inline; }
}
@media(max-width:600px) {
 .preloader__quote-body { min-height:40px; padding:.6rem .75rem; font-size:.8125rem; gap:.45rem; }
 .preloader__quote svg { width:18px; height:18px; }
 .preloader__quote-full { display:none; }
 .preloader__quote-short { display:inline; }
}
@media(max-height:560px) {
 .preloader--with-group .preloader__logo { width:min(240px,68vw); }
 .preloader--with-group .preloader__content { transform:translateY(-58px); gap:.65rem; }
 .preloader__motivation .preloader__quote--top { display:none; }
}
@media(min-width:1001px) and (max-height:560px) {
 .preloader--with-group .preloader__content { transform:translateY(-128px); }
}
@media(max-height:500px) and (min-width:601px) {
 .preloader__group { height:min(190px,44vh); }
 .preloader--with-group .preloader__content { align-self:start; margin-top:16px; transform:none; gap:.4rem; padding:.6rem !important; }
 .preloader--with-group .preloader__logo { width:210px; }
 .preloader__motivation { inset:0; width:auto; display:block; transform:none; }
 .preloader__motivation .preloader__quote--top { display:none; }
 .preloader__motivation .preloader__quote--left { position:absolute; top:48px; left:calc(18px - 5vw); }
 .preloader__motivation .preloader__quote--right { position:absolute; top:48px; right:calc(18px - 5vw); }
 .preloader__quote-full { display:none; }
 .preloader__quote-short { display:inline; }
 .preloader__quote-body { min-height:40px; padding:.6rem .75rem; font-size:.8125rem; }
}
@media(prefers-reduced-motion:reduce) {
 .preloader__group,.preloader__quote-body { animation:none; }
}
