/* GeneralExperts-IT / First impression. Native cinematic welcome. */
.welcome{--wl-white:#f5f7fc;--wl-muted:#a9b1c0;--wl-line:rgba(220,229,255,.16);position:relative;padding:0;margin:0;background:#030405;isolation:isolate;overflow-x:clip}
.wl-stage{position:relative;isolation:isolate;overflow:hidden;background:#030405}
.wl-art{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden}
.wl-art img{position:absolute;width:110%;height:110%;max-width:none;inset:-5%;object-fit:cover;object-position:center;opacity:.6;transform-origin:73% 48%;will-change:transform,opacity}
.wl-art::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 37%,rgba(0,0,0,.54),transparent 75%),linear-gradient(0deg,#030405,transparent 32%,transparent 78%,rgba(3,4,5,.42));pointer-events:none}
.wl-dust{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.75}
.wl-ambient{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 80% 60%,rgba(255,122,24,.045),transparent 40%),radial-gradient(ellipse at 15% 55%,rgba(19,222,137,.045),transparent 37%)}
.wl-aperture{position:absolute;left:50%;top:50%;width:64vw;height:64vw;border:1px solid rgba(217,232,255,.16);border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;z-index:-1;box-shadow:0 0 80px rgba(224,239,255,.045),inset 0 0 60px rgba(224,239,255,.025);pointer-events:none}
.wl-scene{position:relative;padding:155px 24px 100px;text-align:center;color:var(--wl-white);max-width:1500px;margin:auto}
.wl-copy{width:100%;min-width:0}
.wl-opening{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wl-opening .wl-headline>span{animation:wl-arrive .85s cubic-bezier(.2,.7,.2,1) both}
.wl-opening .wl-headline>span:nth-child(2){animation-delay:.1s}
@keyframes wl-arrive{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.wl-kicker{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.75rem;font-family:ui-monospace,Consolas,monospace;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:#b6c1d0;margin-bottom:30px}
.wl-kicker i{width:6px;height:6px;background:#25db91;border-radius:50%;box-shadow:0 0 16px rgba(37,219,145,.65)}
.wl-headline{font-size:clamp(3.5rem,8.5vw,9.5rem);line-height:.96;font-weight:400;letter-spacing:-.065em;color:#f6f8fc;text-wrap:balance;margin:0;text-shadow:0 2px 35px rgba(0,0,0,.25)}
.wl-headline>span{display:block}
.wl-headline em{font:italic 1.07em/.94 Georgia,'Times New Roman',serif;letter-spacing:-.065em;background:linear-gradient(160deg,#fff 12%,#edf2ff 55%,#8596b5);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl-intro{max-width:47ch;margin:29px auto 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.7;color:#b9c1ce;letter-spacing:-.01em;text-wrap:pretty}
.wl-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:31px}
.wl-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;border:1px solid transparent;border-radius:6px;padding:15px 22px;background:#ff942f;color:#180b00;text-decoration:none;font:500 .9375rem/1.4 var(--font);letter-spacing:-.01em;transition:background .2s,box-shadow .2s,transform .2s}
.wl-button:hover{background:#ffad5c;box-shadow:0 6px 38px rgba(255,138,31,.18);transform:translateY(-2px)}
.wl-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.wl-link{display:inline-flex;align-items:center;gap:13px;color:#e2e7f0;text-decoration:none;font-size:.9375rem;padding:14px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.wl-link:hover{border-color:#a4b0c2;color:#fff}
.wl-link span{font-size:1.2rem}
.wl-facts{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;list-style:none;margin:32px auto 0;padding:0;color:#a7b2c3;font-size:.8125rem}
.wl-facts li{font-size:.8125rem;display:flex;align-items:center;gap:9px}
.wl-facts li::before{content:'';height:4px;width:4px;background:#25db91;border-radius:50%}
.wl-facts li:last-child::before{background:#ff942f}
.wl-work{padding-top:90px;padding-bottom:80px}
.wl-work .wl-headline{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.03}
.wl-work .wl-kicker{margin-bottom:20px}
.wl-work .wl-intro{margin-top:18px;max-width:60ch}
.wl-deck{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:1280px;margin:65px auto 0;padding-inline:24px;perspective:1400px}
.wl-project{display:block;min-width:0;text-decoration:none;color:white;transform-style:preserve-3d;transform-origin:center;text-align:left;outline-offset:8px;border-radius:10px}
.wl-project-window{position:relative;border:1px solid rgba(199,215,244,.32);border-radius:9px;overflow:hidden;background:#101219;box-shadow:0 35px 100px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.18) inset}
.wl-window-bar{display:flex;align-items:center;gap:5px;height:29px;padding:0 13px;background:#13161c;border-bottom:1px solid rgba(255,255,255,.09)}
.wl-window-bar i{width:4px;height:4px;border-radius:50%;background:#536071}
.wl-window-bar i:first-child{background:#d18a57}.wl-window-bar i:last-of-type{background:#54a489}
.wl-window-bar span{margin:auto;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;color:#a4adba;padding-right:20px}
.wl-project img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:filter .3s}
.wl-project:hover .wl-project-window{border-color:rgba(255,255,255,.65)}
.wl-project-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:19px;font-size:.9375rem}
.wl-project-meta b{font-weight:500}.wl-project-meta small{font-size:.75rem;color:#aab3c3;font-weight:400;margin-left:10px}.wl-project-meta>span:last-child{font-size:1.1rem}
.wl-close .wl-headline{font-size:clamp(3.5rem,7.6vw,8.4rem)}
.wl-close .wl-kicker{color:#cbd1df}
.wl-close .wl-button{padding-inline:25px;min-height:58px}
.wl-aftercare{max-width:50ch;margin:34px auto 0;color:#8d98ac;font-size:.875rem;line-height:1.6}
.wl-bottom{display:none;position:absolute;bottom:30px;left:4.5%;right:4.5%;align-items:center;justify-content:space-between;z-index:20}
.wl-scroll{display:flex;align-items:center;gap:15px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#bcc4d1;text-decoration:none;font-family:ui-monospace,Consolas,monospace}
.wl-scroll-mark{height:40px;width:26px;border:1px solid #4b5463;border-radius:20px;position:relative}.wl-scroll-mark::after{content:'';position:absolute;top:9px;left:11px;height:7px;width:2px;border-radius:2px;background:#d4dce9}
.wl-skip{padding:12px 0;min-height:44px;font-size:.8125rem;color:#9aa6b9;text-decoration:none}.wl-skip:hover{color:#fff}
.wl-bottom-tag{font-size:.75rem;color:#6e7a8f;font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em}
/* Enhanced mode changes presentation only; the static document is complete. */
.welcome.is-cinematic{height:340svh}
.is-cinematic .wl-stage{position:sticky;top:0;height:100svh;min-height:min(620px,100svh)}
.is-cinematic .wl-scene{position:absolute;inset:0;padding:0;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform,opacity;margin:0}
.is-cinematic .wl-scene[aria-hidden='true']{pointer-events:none}
.is-cinematic .wl-scene[aria-hidden='true'] a{pointer-events:none}
.is-cinematic .wl-opening{padding:100px 24px 110px}
.is-cinematic .wl-work{justify-content:flex-start;padding:clamp(110px,15svh,165px) 24px 0;opacity:0}
.is-cinematic .wl-close{padding:100px 24px 115px;opacity:0}
.is-cinematic .wl-deck{position:absolute;top:44%;left:50%;width:100%;height:43%;max-width:none;display:block;margin:0;padding:0;perspective:1500px}
.is-cinematic .wl-project{position:absolute;left:0;top:0;width:min(39vw,58svh,690px);will-change:transform,opacity;backface-visibility:hidden}
.is-cinematic .wl-project-meta{margin-top:15px}
.is-cinematic .wl-bottom{display:flex}
.is-cinematic .wl-art img{opacity:.76}
.welcome.is-flat .wl-art{position:absolute;height:110svh;opacity:.4}.welcome.is-flat .wl-dust{display:none}
.welcome.is-flat .wl-aperture{display:none}.welcome.is-flat .wl-project{transform:none!important;opacity:1!important}
.welcome.is-flat .wl-scene{opacity:1!important;transform:none!important}.welcome.is-flat .wl-close{border-top:1px solid rgba(255,255,255,.12)}
body:has(.welcome) header{border-bottom-color:rgba(255,255,255,.07)}
body.welcome-active header::before{background:linear-gradient(rgba(3,4,5,.8),rgba(3,4,5,.18));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(min-width:1600px){.is-cinematic .wl-deck{top:45%}.is-cinematic .wl-project{width:min(38vw,57svh,730px)}}
@media(max-width:900px){
  .wl-headline{font-size:clamp(3.8rem,10.5vw,6.8rem)}
  .wl-work .wl-headline{font-size:clamp(2.7rem,6vw,4rem)}
  .is-cinematic .wl-project{width:43vw}
  .wl-project-meta small{display:none}
  .wl-bottom-tag{display:none}
}
@media(max-width:600px){
  .welcome.is-cinematic{height:360svh}
  .wl-scene{padding:125px 24px 80px}
  .wl-kicker{font-size:.75rem;letter-spacing:.08em;gap:8px;margin-bottom:25px}
  .wl-headline{font-size:clamp(3.2rem,12.7vw,5.2rem);line-height:1.02;letter-spacing:-.06em}
  .wl-headline em{line-height:1.02}
  .wl-intro{font-size:1rem;line-height:1.65;max-width:31ch;margin-top:25px}
  .wl-actions{gap:12px;margin-top:26px}
  .wl-button{min-height:51px;font-size:.875rem;padding:14px 19px;gap:18px}
  .wl-link{font-size:.875rem}
  .wl-facts{max-width:340px;gap:10px 18px;margin-top:28px}
  .wl-facts li{font-size:.75rem}
  .wl-art img{object-position:69% center;width:150%;left:-25%;height:100%;top:0}
  .wl-art::after{background:radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.65),transparent 100%),linear-gradient(0deg,#030405,transparent 45%,rgba(3,4,5,.15))}
  .is-cinematic .wl-opening{padding:100px 22px 110px}
  .is-cinematic .wl-work{padding:clamp(110px,17svh,155px) 24px 0}
  .wl-work .wl-kicker{margin-bottom:20px}
  .wl-work .wl-headline{font-size:clamp(2.5rem,10vw,3.9rem)}
  .wl-work .wl-intro{max-width:28ch;font-size:.9375rem;margin-top:20px}
  .is-cinematic .wl-deck{top:48%;height:42%}
  .is-cinematic .wl-project{width:86vw}
  .wl-project-meta{font-size:.875rem;padding-inline:2px}
  .wl-project-meta small{display:inline;font-size:.75rem}
  .wl-project-window{border-radius:7px}
  .wl-close .wl-headline{font-size:clamp(3rem,12vw,5rem)}
  .wl-close .wl-actions{flex-direction:column;gap:9px}
  .wl-close .wl-button{font-size:.875rem;padding-inline:20px;min-height:54px}
  .wl-aftercare{font-size:.8125rem;max-width:29ch;margin-top:23px}
  .wl-bottom{left:24px;right:24px;bottom:20px;gap:16px}
  .wl-scroll{font-size:.75rem;letter-spacing:.03em;gap:10px}.wl-scroll-mark{height:33px;width:23px}.wl-scroll-mark::after{left:9.5px}
  .wl-skip{font-size:.75rem;text-align:right}
  .wl-deck{grid-template-columns:1fr;gap:36px;padding:0;margin-top:36px}
  .wl-aperture{width:150vw;height:150vw}
}
@media(max-height:760px) and (min-width:601px){
  .wl-headline{font-size:clamp(4rem,7.8vw,6rem)}
  .wl-kicker{margin-bottom:19px}.wl-intro{margin-top:23px}.wl-actions{margin-top:25px}.wl-facts{margin-top:24px}
  .wl-work .wl-headline{font-size:2.8rem}.is-cinematic .wl-work{padding-top:100px}.wl-work .wl-kicker{margin-bottom:16px}.wl-work .wl-intro{margin-top:14px}
  .is-cinematic .wl-deck{top:46%}.is-cinematic .wl-project{width:min(33vw,48svh,520px)}
  .wl-close .wl-headline{font-size:clamp(3.4rem,6.9vw,5.7rem)}
}
@media(prefers-reduced-motion:reduce){.wl-art img{will-change:auto;transform:none!important}.wl-dust,.wl-aperture{display:none}.wl-button{transition:none}}
