
.project-request-section{background:#fff;padding-block:30px 85px}.project-request-panel{position:relative;isolation:isolate;overflow:hidden;background:#052a2b;color:#fff;border-radius:9px;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center;min-height:300px;padding:48px 55px}.project-request-copy{position:relative;z-index:2}.project-request-kicker{font:600 14px/1.8 Cairo,Tahoma,Arial,sans-serif;color:#ffbd35;margin:0 0 12px}.project-request-panel h2{font:800 clamp(30px,3vw,42px)/1.5 Cairo,Tahoma,Arial,sans-serif;color:#fff;letter-spacing:-.4px;margin:0 0 16px}.project-request-copy>p:not(.project-request-kicker){font:400 15px/2 Cairo,Tahoma,Arial,sans-serif;color:#fff;margin:0;max-width:620px}.project-request-action{display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.project-request-button{position:relative;z-index:2;background:#ffbd35;color:#05382f;min-height:59px;min-width:235px;justify-content:space-between;padding-inline:27px;border-radius:5px;font:800 19px/1.8 Cairo,Tahoma,Arial,sans-serif;box-shadow:none}.project-request-button:hover{background:#ffd16e;color:#05382f}.project-request-button:focus-visible{outline:2px solid #fff;outline-offset:5px}.request-blueprint{position:absolute;inset:-60px -50px -60px -80px;pointer-events:none;background-image:linear-gradient(#1db28a20 1px,transparent 1px),linear-gradient(90deg,#1db28a20 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent);z-index:0}.request-blueprint>i{position:absolute;display:block;width:90px;height:170px;border:2px solid #20aa8740;bottom:40px;left:30px}.request-blueprint>i:nth-child(2){left:135px;height:220px;width:70px}.request-blueprint>i:nth-child(3){left:220px;height:140px;width:100px}
@media(max-width:950px){.project-request-panel{gap:25px;padding:38px 34px}.project-request-button{min-width:200px;font-size:17px}}
@media(max-width:650px){.project-request-section{padding-block:15px 55px}.project-request-panel{grid-template-columns:minmax(0,1fr);gap:25px;padding:32px 25px;min-height:0}.project-request-panel h2{font-size:32px}.project-request-copy>p:not(.project-request-kicker){font-size:15px}.project-request-action{justify-content:flex-start;min-height:65px}.project-request-button{min-width:220px;min-height:55px;font-size:17px}.request-blueprint{inset:-60px -40px -60px -30px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.project-request-kicker{font-size:12px}}
/* Gentle architectural motion, with a quiet resting state. */
.project-request-panel{background:radial-gradient(ellipse at 12% 60%,#0d4942 0,transparent 48%),#052a2b;transition:box-shadow .3s}.project-request-panel:before{content:'';position:absolute;z-index:-1;width:430px;height:430px;left:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,#27ad8b28,transparent 68%);animation:request-glow-drift 12s ease-in-out infinite alternate;pointer-events:none}.project-request-panel:after{content:'';position:absolute;bottom:0;right:55px;width:85px;height:3px;background:#ffbd35;border-radius:3px;box-shadow:0 0 20px #ffbd3545;pointer-events:none}.request-blueprint{background-size:30px 30px;opacity:.9;animation:request-grid-drift 24s linear infinite}.request-blueprint>i{border-color:#37c9a84d;background:linear-gradient(0deg,#22b68c10,transparent);animation:request-building-glow 6s ease-in-out infinite}.request-blueprint>i:nth-child(2){animation-delay:-2s}.request-blueprint>i:nth-child(3){animation-delay:-4s}.request-blueprint:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#59d8b514 48%,transparent 61%);animation:request-light-pass 10s ease-in-out infinite}.project-request-button{overflow:hidden;border:1px solid #ffd067;box-shadow:0 8px 30px #0002;transition:transform .25s,box-shadow .25s,background .25s}.project-request-button:before{content:'';position:absolute;inset:-80% -60%;background:linear-gradient(110deg,transparent 40%,#fff7 50%,transparent 60%);transform:translateX(80%);animation:request-button-light 7s ease-in-out infinite;pointer-events:none}.project-request-button .icon{transition:transform .25s}.project-request-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ffbd352a}.project-request-button:hover .icon{transform:translateX(-5px)}.project-request-button:active{transform:translateY(-1px)}.request-service-marks{position:absolute;inset:0;pointer-events:none;z-index:1}.request-service-mark{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:1px solid #5bc6aa45;border-radius:10px;background:#0d3c36;color:#8cddc6;box-shadow:0 6px 18px #0001;animation:request-mark-float 5s ease-in-out infinite}.request-service-mark .icon{width:20px;height:20px}.request-service-mark:nth-child(1){top:10px;left:18%;color:#ffcd6b;animation-delay:-1s}.request-service-mark:nth-child(2){bottom:8px;left:43%;animation-delay:-3s}.request-service-mark:nth-child(3){top:28px;left:73%;animation-delay:-2s}
@keyframes request-glow-drift{to{transform:translate(90px,70px)}}@keyframes request-grid-drift{to{background-position:30px 30px}}@keyframes request-building-glow{0%,100%{border-color:#37c9a838}50%{border-color:#6de5c778;box-shadow:0 0 25px #1caf8910}}@keyframes request-light-pass{0%,20%{transform:translateX(-80%)}80%,100%{transform:translateX(80%)}}@keyframes request-button-light{0%,65%{transform:translateX(80%)}85%,100%{transform:translateX(-80%)}}@keyframes request-mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:650px){.project-request-panel:after{right:25px;width:65px}.request-service-mark{width:31px;height:31px;border-radius:8px}.request-service-mark .icon{width:17px;height:17px}.request-service-mark:nth-child(1){top:-12px;left:8%}.request-service-mark:nth-child(2){bottom:-15px;left:60%}.request-service-mark:nth-child(3){top:-14px;left:88%}}
@media(prefers-reduced-motion:reduce){.project-request-panel:before,.request-blueprint,.request-blueprint>i,.request-blueprint:after,.project-request-button:before,.request-service-mark{animation:none}.project-request-button:before{display:none}.project-request-button,.project-request-button .icon,.project-request-panel{transition:none}.project-request-button:hover,.project-request-button:active,.project-request-button:hover .icon{transform:none}}
