/* Immersive architectural opening and closing scenes. */
.reference-home .top{background:#03121e}.opening-scene,.closing-scene{position:relative;isolation:isolate;overflow:hidden;background:#03121e;color:#f7fbff}.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,18,30,.88) 0%,rgba(3,18,30,.62) 34%,rgba(3,18,30,.06) 67%),linear-gradient(0deg,rgba(3,18,30,.4),transparent 24%)}.opening-content{padding:65px 0 28px;min-height:740px;display:flex;flex-direction:column;align-items:flex-start}.scene-kicker{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:2px;color:#99d9ff;margin-bottom:34px}.scene-kicker>span{border-left:1px solid #6c8497;padding-left:20px;letter-spacing:.3px;color:#a8becf;font-size:13px}.reference-home .opening-scene h1{font-size:clamp(54px,6vw,91px);line-height:1.04;font-weight:600;letter-spacing:-.055em;margin:0;max-width:850px}.opening-scene em,.closing-scene em{color:#7bceff;font-style:normal}.opening-content>p,.closing-content>p{font-size:22px;line-height:1.5;color:#c4d4e0;margin:30px 0;max-width:600px}.scene-actions{display:flex;align-items:center;gap:32px;margin-top:7px}.reference-home .opening-scene .button,.reference-home .closing-scene .button{background:#e9f6ff;color:#06243a;border:1px solid #e9f6ff;border-radius:7px;padding:17px 25px;min-height:58px;font-size:16px;gap:30px}.reference-home .opening-scene .button:hover,.reference-home .closing-scene .button:hover{background:#bde7ff;border-color:#bde7ff}.scene-secondary{display:flex;gap:20px;align-items:center;font-size:15px;color:#eef8ff;padding:15px 0;border-bottom:1px solid #69869a}.scene-bottom{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;align-items:end;gap:35px;width:100%;color:#abc4d6;font-size:13px;line-height:1.6}.scene-bottom>a{display:flex;align-items:center;gap:25px;font-size:14px;color:#d9eefa}.scene-bottom>a>span{border:1px solid #829cad;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:20px}.closing-content{padding:85px 0 65px;min-height:800px;position:relative}.reference-home .closing-scene h2{font-size:clamp(48px,5.5vw,83px);font-weight:500;line-height:1.06;letter-spacing:-.05em;max-width:760px}.closing-scene .scene-shade{background:linear-gradient(90deg,rgba(3,18,30,.92),rgba(3,18,30,.65) 37%,rgba(3,18,30,.05) 75%)}.closing-content>p{font-size:21px;max-width:570px}.closing-brief{margin-top:45px;display:flex;gap:22px;flex-wrap:wrap;max-width:700px;font-size:13px;color:#c4d8e5}.closing-brief>span{width:100%;color:#8caabf;font-size:12px}.closing-brief>div{display:flex;gap:9px;align-items:center}.closing-brief b{font-weight:400;color:#79c9fb;font-size:11px}.closing-email{display:inline-flex;align-items:center;gap:35px;font-size:27px;letter-spacing:-.02em;color:white;margin-top:32px;border-bottom:1px solid #738fa2;padding-bottom:10px}.reference-home .section-heading{row-gap:25px}.reference-home .solution-card p{max-width:290px}.reference-home .ref-structure figcaption{right:0;max-width:165px}.reference-home .ref-structure figcaption span{border-left:1px solid #5cc1ff;background:#001727e8;padding:10px 15px;border-radius:3px 0 0 3px}.reference-home .ref-ai img{object-fit:contain;background:#001525}.reference-home .article:not(:first-child){padding:22px 8px 22px 0}.reference-home .article:not(:first-child):hover h3{color:#007bbd}.reference-home .faqs summary{line-height:1.4}.reference-home .solution-card .card-link{line-height:1.4}.reference-home .reference-home .top{color:white}
@media(min-width:1650px){.opening-content{min-height:840px;padding-top:95px}.closing-content{min-height:880px;padding-top:110px}}
@media(max-width:1100px){.opening-content{min-height:700px}.reference-home .opening-scene h1{font-size:69px}.scene-background{object-position:58% center}.scene-kicker{gap:14px}.scene-kicker>span{font-size:12px;padding-left:14px}.reference-home .closing-scene h2{font-size:67px}.closing-content{min-height:750px}.scene-shade{background:linear-gradient(90deg,#03121eeb,#03121e99 45%,#03121e15)}.closing-email{font-size:25px}}
@media(max-width:800px){.opening-content{min-height:700px;padding-top:50px}.reference-home .opening-scene h1{font-size:61px;max-width:650px}.opening-content>p{font-size:21px}.scene-background{object-position:63% center}.scene-actions{gap:25px}.reference-home .closing-scene h2{font-size:60px}.closing-content{padding-top:70px;min-height:760px}.closing-scene .scene-background{object-position:64% center}.closing-scene .scene-shade{background:linear-gradient(90deg,#03121eee,#03121e99 55%,#03121e33)}.reference-home .ref-ai img{height:auto;max-height:430px}}
@media(max-width:540px){.opening-content{padding-top:35px;min-height:760px;padding-bottom:25px}.scene-kicker{display:block;font-size:11px;margin-bottom:27px}.scene-kicker>span{display:block;border:0;padding:10px 0 0;font-size:12px}.reference-home .opening-scene h1{font-size:clamp(39px,10.6vw,55px);line-height:1.07}.opening-content>p{font-size:18px;margin:22px 0;max-width:340px}.desktop-break{display:none}.scene-actions{flex-direction:column;align-items:start;gap:9px}.reference-home .opening-scene .button,.reference-home .closing-scene .button{padding:16px 22px;font-size:15px;min-height:54px}.scene-secondary{font-size:14px;padding:14px 0}.opening-scene .scene-background{height:100%;object-position:65% center;opacity:.75}.opening-scene .scene-shade{background:linear-gradient(180deg,#03121eee 0%,#03121ecc 38%,#03121e30 78%,#03121eaa),linear-gradient(90deg,#03121e66,transparent)}.scene-bottom{padding-top:80px;font-size:12px}.scene-bottom>a{gap:12px}.closing-content{min-height:800px;padding:50px 0 35px}.reference-home .closing-scene h2{font-size:clamp(39px,10.5vw,53px)}.closing-content>p{font-size:18px;line-height:1.6;max-width:340px}.closing-scene .scene-background{object-position:68% center;opacity:.65}.closing-scene .scene-shade{background:linear-gradient(180deg,#03121eee,#03121ecc 50%,#03121e44),linear-gradient(90deg,#03121e99,transparent)}.closing-brief{gap:14px 22px;margin-top:30px;max-width:330px}.closing-email{font-size:22px;gap:15px;margin-top:35px;overflow-wrap:anywhere}.reference-home .ref-structure figcaption{font-size:11px;max-width:120px}.reference-home .ref-ai img{max-height:none;object-fit:contain}.reference-home .scene-kicker{letter-spacing:1.5px}}