.project-brief{color:#172535;background:#fff}
body.premium-site:has(.project-brief){display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#05070a}
body.premium-site:has(.project-brief)>#ss-main{flex:1;background:#f2f5f8}
body.premium-site:has(.project-brief)>.ss-footer{flex:none}
.project-brief *{box-sizing:border-box}
.project-brief__wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.project-brief__hero{overflow:hidden;background:#101e2d;color:#fff}
.project-brief__hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(28px,4vw,68px);min-height:540px}
.project-brief__hero-copy{position:relative;left:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:68px 0}
.premium-site main .project-brief .project-brief__kicker{margin:0 0 20px;color:#9ec6fb;font-size:13px;font-weight:700;letter-spacing:.15em;line-height:1.5}
.premium-site main .project-brief__hero h1{margin:0;color:#fff;font-size:clamp(42px,4.3vw,72px);font-weight:600;line-height:1.05;letter-spacing:-.055em}
.project-brief__hero h1 span{color:#aacdff}
.premium-site main .project-brief__intro{max-width:580px;margin:22px 0 0;color:#d7e1ec;font-size:clamp(17px,1.5vw,20px);line-height:1.55}
.project-brief__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}
.project-brief__button,.project-brief__call{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;font-size:15px;font-weight:700;text-decoration:none}
.project-brief__button{padding:13px 18px;background:#0755ff;color:#fff}
.project-brief__button:hover{background:#0645cf;color:#fff}
.project-brief__call{color:#fff}
.project-brief__call:hover{text-decoration:underline;text-underline-offset:5px}
.premium-site main .project-brief__scope{display:flex;flex-wrap:wrap;gap:7px;margin:32px 0 0;color:#b7c6d7;font-size:13px;line-height:1.6}
.project-brief__scope span{color:#6e94c4}
.project-brief__hero-visual{position:relative;min-width:0;min-height:540px;margin:0;overflow:hidden;background:#324554}
.project-brief__hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.project-brief__hero-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#091727bd)}
.project-brief__hero-visual figcaption{position:absolute;z-index:1;right:26px;bottom:28px;left:26px;display:grid;gap:5px;color:#fff;font-size:15px;line-height:1.4}
.project-brief__hero-visual figcaption span{font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.project-brief__hero-visual figcaption strong{font-size:22px;font-weight:600}
.project-brief__steps{border-bottom:1px solid #dce4eb;background:#fff}
.project-brief__steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.project-brief__steps-grid>div{display:grid;grid-template-columns:34px 1fr;gap:0 12px;align-content:center;min-height:130px;padding:22px 28px;border-left:1px solid #dce4eb}
.project-brief__steps-grid>div:last-child{border-right:1px solid #dce4eb}
.project-brief__steps-grid>div>span{grid-row:1/3;color:#0755ff;font-size:13px;font-weight:700}
.project-brief__steps-grid strong{font-size:18px;line-height:1.35}
.premium-site main .project-brief__steps-grid p{margin:5px 0 0;color:#596b7b;font-size:14px;line-height:1.5}
.project-brief__contact{padding:78px 0 90px;background:#f2f5f8;scroll-margin-top:140px}
.project-brief__contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(34px,5vw,86px);align-items:start}
.project-brief__aside{min-width:0}
.premium-site main .project-brief__aside .project-brief__kicker{color:#0755c9}
.premium-site main .project-brief__aside h2{margin:0;color:#15293b;font-size:clamp(38px,3.5vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.05em}
.premium-site main .project-brief__aside-text{max-width:480px;margin:18px 0 0;color:#4a5d6d;font-size:17px;line-height:1.6}
.project-brief__screen{margin:36px 0 0;overflow:hidden;border:1px solid #d6e0e9;background:#fff}
.project-brief__screen img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.project-brief__screen figcaption{padding:11px 14px;color:#526579;font-size:13px;line-height:1.5}
.project-brief__direct{display:grid;gap:0;margin-top:26px;border-top:1px solid #ced8e2}
.project-brief__direct a{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid #ced8e2;color:#1a3856;text-decoration:none}
.project-brief__direct a:hover strong{text-decoration:underline;text-underline-offset:4px}
.project-brief__direct span{color:#65788a;font-size:13px}
.project-brief__direct strong{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.project-brief__form-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #d5dfe8;box-shadow:0 18px 50px #142f4914}
.project-brief__form-head{padding:30px 32px 4px}
.project-brief__form-head>span{color:#0755c9;font-size:13px;font-weight:700;letter-spacing:.12em}
.premium-site main .project-brief__form-head h2{margin:9px 0 6px;color:#182b3e;font-size:clamp(28px,2.6vw,36px);font-weight:600;line-height:1.18;letter-spacing:-.04em}
.premium-site main .project-brief__form-head p{margin:0;color:#607180;font-size:15px;line-height:1.5}
.premium-site main .project-brief__form-card .form{padding:24px 32px 32px;border:0;border-radius:0;gap:16px}
.premium-site main .project-brief__form-card .field label{font-size:13px;font-weight:600}
.premium-site main .project-brief__form-card .field :is(input,select,textarea){border-radius:3px;background:#fbfcfe}
.premium-site main .project-brief__form-card .project-details textarea{min-height:170px}
.premium-site main .project-brief__form-card .btn{min-height:50px;border-color:#0755df;background:#0755df;color:#fff}
.premium-site main .project-brief__form-card .btn:hover{background:#0647bc;border-color:#0647bc}
.project-brief :is(a,button,input,select,textarea):focus-visible{outline:3px solid #4d91ff;outline-offset:3px}
@media(max-width:1050px){.project-brief__hero-grid{min-height:450px}.project-brief__hero-visual{min-height:450px}.project-brief__contact-grid{gap:30px}.project-brief__steps-grid>div{padding-inline:18px}}
@media(max-width:800px){.project-brief__wrap{width:calc(100% - 40px)}.project-brief__hero-grid,.project-brief__contact-grid{grid-template-columns:1fr}.project-brief__hero-grid{gap:0}.project-brief__hero-copy{left:0;padding:55px 0 42px}.project-brief__hero-visual{min-height:0;height:330px}.project-brief__contact{padding:54px 0 64px}.project-brief__screen{max-width:550px;margin-top:25px}.project-brief__direct{max-width:550px;margin-bottom:12px}.project-brief__steps-grid>div{min-height:120px}}
@media(max-width:600px){.project-brief__wrap{width:calc(100% - 32px)}.project-brief__hero-copy{padding:42px 0 36px}.premium-site main .project-brief__hero h1{font-size:clamp(37px,9vw,52px)}.premium-site main .project-brief__intro{margin-top:17px;font-size:16px}.project-brief__actions{gap:12px 18px;margin-top:25px}.project-brief__button,.project-brief__call{font-size:14px}.premium-site main .project-brief__scope{margin-top:24px}.project-brief__hero-visual{height:240px}.project-brief__hero-visual figcaption{right:16px;bottom:16px;left:16px}.project-brief__hero-visual figcaption strong{font-size:18px}.project-brief__steps-grid{grid-template-columns:1fr}.project-brief__steps-grid>div,.project-brief__steps-grid>div:last-child{min-height:0;padding:17px 8px;border:0;border-bottom:1px solid #dce4eb}.project-brief__steps-grid>div:last-child{border-bottom:0}.project-brief__contact{padding:46px 0 55px}.premium-site main .project-brief__aside h2{font-size:40px}.premium-site main .project-brief__aside-text{font-size:16px}.project-brief__screen{margin-top:23px}.project-brief__direct{margin-top:20px}.project-brief__form-head{padding:23px 20px 2px}.premium-site main .project-brief__form-card .form{padding:20px;gap:14px}}
