.hero.welcome{padding:65px 0 90px;--pointer-x:0px;--pointer-y:0px}.welcome .hero-copy{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:55px}.welcome-intro{min-width:0}.welcome .hero-copy h1{font-size:clamp(40px,4.2vw,65px)}.welcome-background{inset:-5%;animation:workshop-drift 15s ease-in-out infinite alternate;translate:var(--pointer-x) var(--pointer-y)}.welcome-background:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#8de3ff24 48%,transparent 66%);background-size:250% 100%;animation:holo-sweep 9s ease-in-out infinite;mix-blend-mode:screen}.welcome-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#59ccff22,transparent 45%),radial-gradient(ellipse at 55% 85%,#4db7d914,transparent 30%);animation:ambient-glow 6s ease-in-out infinite alternate}.cad-highlights{min-width:0;perspective:1200px;translate:calc(var(--pointer-x) * -.45) calc(var(--pointer-y) * -.45)}.cad-highlights>p{font:12px var(--mono);letter-spacing:2px;color:#cce7f0;margin-bottom:20px}.cad-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cad-panel{display:block;position:relative;overflow:hidden;text-align:left;width:100%;padding:0;background:linear-gradient(140deg,#162c38ed,#081721ee);border:1px solid #80c9e670;border-radius:9px;box-shadow:0 18px 50px #0005,inset 0 0 30px #71c9f00a;animation:cad-hover 7s ease-in-out infinite;transform-origin:center;transition:border-color .2s,box-shadow .2s}.cad-panel:first-child{grid-column:1/-1;animation-delay:-2s}.cad-panel:nth-child(2){animation-delay:-4s}.cad-panel:hover,.cad-panel:focus-visible{border-color:#c3f2ff;box-shadow:0 20px 50px #0005,0 0 25px #79d7ff33}.cad-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#aeecff18 48%,transparent 65%);background-size:250% 100%;animation:holo-sweep 7s ease-in-out infinite;z-index:1}.cad-panel img{width:100%;height:145px;object-fit:contain;background:#e8eef0;padding:10px}.cad-panel:first-child img{height:235px;padding:14px}.cad-label{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;gap:12px;color:#eefaff;font-size:15px;line-height:1.35}.cad-label small{display:block;font:11px var(--mono);color:#a7c8d5;margin-bottom:5px;letter-spacing:1px}.cad-label b{font-size:21px;font-weight:400;color:var(--accent)}.cad-highlights .cad-note{font-size:12px;color:#bed0d8;margin:18px 0 0;letter-spacing:0;font-family:Arial,sans-serif}.welcome.motion-paused *,.welcome.motion-paused *:before,.welcome.motion-paused *:after,.welcome.motion-offscreen *,.welcome.motion-offscreen *:before,.welcome.motion-offscreen *:after{animation-play-state:paused!important}.welcome-motion{z-index:2}
@keyframes cad-hover{0%,100%{transform:translateY(0) rotateY(-3deg) rotateX(1deg)}50%{transform:translateY(-9px) rotateY(1deg) rotateX(-1deg)}}
@keyframes holo-sweep{0%{background-position:150% 0}100%{background-position:-100% 0}}
@keyframes ambient-glow{from{opacity:.35}to{opacity:1}}
@keyframes workshop-drift{from{transform:scale(1) translate(-.5%,0)}to{transform:scale(1.09) translate(.5%,-1%)}}
@media(min-width:1500px){.welcome .container{width:min(1560px,calc(100% - 104px))}.cad-panel:first-child img{height:285px}.cad-panel img{height:175px}}
@media(max-width:950px){.welcome .hero-copy{grid-template-columns:1fr;gap:35px}.welcome .hero-copy h1{max-width:700px}.cad-highlights{max-width:620px;width:100%}.cad-panel:first-child img{height:230px}.welcome .hero-footnote{margin-bottom:0}.hero.welcome{padding-top:45px}.cad-highlights>p{font-size:12px}}
@media(max-width:500px){.welcome .hero-copy h1{font-size:39px}.cad-panels{gap:12px}.cad-panel img{height:110px;padding:5px}.cad-panel:first-child img{height:200px}.cad-label{font-size:14px;padding:12px 10px}.cad-label small{font-size:10px;letter-spacing:.3px}.cad-highlights{perspective:none}.cad-panel{animation-name:cad-mobile}.welcome-background{translate:0 0}.cad-highlights{translate:0 0}}
@keyframes cad-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.welcome:not(.motion-enabled) *,.welcome:not(.motion-enabled) *:before,.welcome:not(.motion-enabled) *:after{animation:none!important;translate:none!important}}
