.csn-construction{--csn-blue-950: #061a33;--csn-blue-900: #082d5d;--csn-blue-800: #0b3f88;--csn-blue-700: #1252a2;--csn-yellow: #f4bf19;--csn-yellow-light: #ffd95e;--csn-white: #fff;--csn-ink: #17243a;--csn-muted: #5b6575;--csn-line: #d8e1ec;--csn-surface: #f4f7fb;color:var(--csn-ink);background:var(--csn-surface)}.csn-construction *,.csn-construction *:before,.csn-construction *:after{box-sizing:border-box}.csn-construction h1,.csn-construction h2,.csn-construction h3,.csn-construction p,.csn-construction figure{margin-top:0}.csn-construction-shell{width:min(1320px,calc(100% - 48px));margin-inline:auto}.csn-construction-kicker{margin-bottom:11px;color:#9c6900;font-size:1.55rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.csn-construction-heading{max-width:1040px;margin-bottom:18px;color:var(--csn-blue-900);font-size:clamp(3.5rem,5vw,6.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.02}.csn-construction-lead{max-width:900px;margin-bottom:0;color:var(--csn-muted);font-size:1.75rem;line-height:1.62}.csn-construction-hero{padding:72px 0;overflow:hidden;color:var(--csn-white);background:linear-gradient(125deg,var(--csn-blue-950),var(--csn-blue-800))}.csn-construction-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(34px,6vw,84px);align-items:center}.csn-construction-hero .csn-construction-kicker{color:#ffd23f}.csn-construction-hero h1{max-width:820px;margin-bottom:22px;color:var(--csn-white);font-size:clamp(4.4rem,6.5vw,7.7rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.csn-construction-hero__copy>p:not(.csn-construction-kicker){max-width:760px;margin-bottom:0;color:#dce8f6;font-size:1.85rem;line-height:1.62}.csn-construction-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.csn-construction-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 23px;border:1px solid transparent;border-radius:7px;font-size:1.5rem;font-weight:850;text-decoration:none}.csn-construction-button--yellow{color:var(--csn-blue-950);background:var(--csn-yellow)}.csn-construction-button--yellow:hover{color:var(--csn-blue-950);background:var(--csn-yellow-light)}.csn-construction-button--outline{color:var(--csn-white);border-color:#ffffff73}.csn-construction-button--outline:hover{color:var(--csn-white);border-color:var(--csn-white)}.csn-construction-hero__media{position:relative;overflow:hidden;margin:0;border:7px solid rgba(255,255,255,.15);border-radius:18px;background:#0c376c;box-shadow:0 22px 54px #00000040}.csn-construction-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#061a330a 45%,#061a3394)}.csn-construction-hero__media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center bottom;filter:saturate(.92) contrast(1.04)}.csn-construction-hero__media figcaption{position:absolute;z-index:1;right:20px;bottom:17px;left:20px;margin:0;color:#eff6ff;font-size:1.25rem;line-height:1.4}.csn-construction-proof{position:relative;z-index:2;margin-top:-22px}.csn-construction-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:12px;background:var(--csn-blue-900);box-shadow:0 16px 40px #061a332e}.csn-construction-proof__grid>div{min-height:142px;padding:27px;border-right:1px solid rgba(255,255,255,.14)}.csn-construction-proof__grid>div:last-child{border-right:0}.csn-construction-proof strong,.csn-construction-proof span{display:block}.csn-construction-proof strong{margin-bottom:8px;color:#ffd23f;font-size:1.8rem}.csn-construction-proof span{color:#e1ebf6;font-size:1.55rem;line-height:1.55}.csn-construction-section{padding:76px 0}.csn-construction-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.csn-construction-services article{min-height:250px;padding:30px 27px;border:1px solid var(--csn-line);border-top:5px solid var(--csn-yellow);border-radius:12px;background:var(--csn-white);box-shadow:0 10px 28px #082d5d12}.csn-construction-service__icon{display:grid;width:48px;height:48px;margin-bottom:23px;place-items:center;border-radius:9px;color:var(--csn-blue-900);background:#f4bf1938}.csn-construction-service__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.csn-construction-services h3{margin-bottom:12px;color:var(--csn-blue-900);font-size:2.15rem;line-height:1.18}.csn-construction-services p{margin-bottom:0;color:var(--csn-muted);font-size:1.62rem;line-height:1.62}.csn-construction-section--dark{color:var(--csn-white);background:var(--csn-blue-950)}.csn-construction-section--dark .csn-construction-kicker{color:#ffd23f}.csn-construction-section--dark .csn-construction-heading{color:var(--csn-white)}.csn-construction-section--dark .csn-construction-lead{color:#cbd9ea}.csn-construction-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.csn-construction-project{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#10345f}.csn-construction-project__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(145deg,#123965,#0b294d)}.csn-construction-project__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a}.csn-construction-project__media img{display:block;width:100%;height:100%;padding:8px;object-fit:contain;object-position:center;image-rendering:auto}.csn-construction-project__body{padding:22px}.csn-construction-project h3{margin-bottom:8px;color:var(--csn-white);font-size:2rem;line-height:1.2}.csn-construction-project p{margin-bottom:0;color:#d8e4f2;font-size:1.56rem;line-height:1.6}.csn-construction-process{background:#eaf1f8}.csn-construction-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.csn-construction-steps article{padding:27px 23px;border:1px solid var(--csn-line);border-radius:11px;background:var(--csn-white)}.csn-construction-steps span{display:inline-block;margin-bottom:30px;color:#9c6900;font-size:1.7rem;font-weight:900;letter-spacing:.12em}.csn-construction-steps h3{margin-bottom:10px;color:var(--csn-blue-900);font-size:2rem}.csn-construction-steps p{margin-bottom:0;color:var(--csn-muted);font-size:1.55rem;line-height:1.58}.csn-construction-cta{padding:66px 0;color:var(--csn-white);background:linear-gradient(125deg,var(--csn-blue-900),var(--csn-blue-700))}.csn-construction-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.csn-construction-cta .csn-construction-kicker{color:#ffd23f}.csn-construction-cta h2{max-width:900px;margin-bottom:14px;color:var(--csn-white);font-size:clamp(3.3rem,4.5vw,5.6rem);line-height:1.04}.csn-construction-cta p:not(.csn-construction-kicker){max-width:820px;margin-bottom:0;color:#dce8f6;font-size:1.65rem;line-height:1.58}.csn-construction-cta .csn-construction-button{flex-shrink:0}@media(max-width:1000px){.csn-construction-hero__grid{grid-template-columns:1fr}.csn-construction-proof__grid{grid-template-columns:repeat(2,1fr)}.csn-construction-proof__grid>div:nth-child(2){border-right:0}.csn-construction-proof__grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.csn-construction-services,.csn-construction-gallery,.csn-construction-steps{grid-template-columns:repeat(2,1fr)}.csn-construction-cta__inner{display:block}.csn-construction-cta .csn-construction-button{margin-top:27px}}@media(max-width:650px){.csn-construction-shell{width:calc(100% - 28px)}.csn-construction-hero{padding:54px 0 72px}.csn-construction-hero h1{font-size:clamp(3.8rem,12vw,5.5rem)}.csn-construction-hero__copy>p:not(.csn-construction-kicker){font-size:1.65rem}.csn-construction-proof{margin-top:-35px}.csn-construction-proof__grid,.csn-construction-services,.csn-construction-gallery,.csn-construction-steps{grid-template-columns:1fr}.csn-construction-proof__grid>div{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.csn-construction-proof__grid>div:last-child{border-bottom:0}.csn-construction-section{padding:50px 0}.csn-construction-services article{min-height:0}.csn-construction-hero__media figcaption{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.csn-construction-project__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/csn-construction.css.map */