/* Build / completion: three real slices of one authored project lock together.
   The finished site is always present in static and reduced-motion renderings. */
.svc-build .build-final{--bf-unjoined:0;position:relative;min-height:218svh;background:#0a0a0a;color:#f1f1f1;isolation:isolate}
.svc-build .build-final *{box-sizing:border-box}
.svc-build .build-final-stage{position:sticky;top:var(--bf-nav,146px);height:calc(100svh - var(--bf-nav,146px));min-height:540px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:22px clamp(32px,5.5vw,94px) 27px;gap:18px;background:#282828}
.svc-build .build-final-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:transparent;z-index:0}
.svc-build .build-final-top,.svc-build .build-final-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px}
.svc-build .build-final-top{border-top:1px solid #f1f1f155;padding-top:14px}
.svc-build .build-final-top>span:first-child,.svc-build .build-final-bottom>span{font:700 10px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.14em}
.svc-build .build-final-top>span:first-child{color:#e10600}
.svc-build .build-final-top>span:last-child{font:600 10px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#f1f1f191}
.svc-build .build-final-bottom{border-top:1px solid #f1f1f155;padding-top:15px;min-height:50px}
.svc-build .build-final-bottom>span{color:#f1f1f199}
.svc-build .build-final-bottom>a{color:#f1f1f1;font:700 14px/1.2 "ATU Service",Arial,Helvetica,sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:26px;padding:7px 0;border-bottom:1px solid #e10600}
.svc-build .build-final-bottom>a:hover,.svc-build .build-final-bottom>a:focus-visible{color:#fff;border-bottom-color:#fff}
.svc-build .build-final-bottom>a span[aria-hidden]{color:#e10600;font-size:19px}
.svc-build .build-final-core{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:clamp(25px,4vw,75px);align-items:center}
.svc-build .build-final-copy{align-self:center;z-index:3}
.svc-build .build-final-copy>span{display:block;color:#e10600;font:700 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.17em;margin-bottom:24px}
.svc-build .build-final-copy h2{font-size:clamp(51px,6vw,112px);line-height:.91;letter-spacing:-.075em;font-weight:600;max-width:9ch;margin:0;color:#f1f1f1}
.svc-build .build-final-copy h2 em{color:#e10600;font-style:normal}
.svc-build .build-final-copy p{font-size:clamp(16px,1.5vw,22px);line-height:1.35;max-width:31ch;margin:28px 0 0;color:#d7d7d7}
.svc-build .build-final-visual{position:relative;height:min(56vh,560px);min-height:300px;width:100%;margin:0;transform:perspective(1400px) rotateY(calc(var(--bf-unjoined)*-10deg)) rotateZ(calc(var(--bf-unjoined)*2deg)) scale(calc(1 - var(--bf-unjoined)*.08));transform-origin:50% 50%;filter:drop-shadow(0 30px 45px #0009)}
.svc-build .build-final-visual:after{content:"";position:absolute;inset:-7px;border:1px solid #f1f1f17a;pointer-events:none;z-index:2;opacity:calc(1 - var(--bf-unjoined)*.7)}
.svc-build .build-final-slices{width:100%;height:100%;display:flex;position:relative;overflow:visible}
.svc-build .build-final-slice{position:relative;display:block;width:33.33334%;height:100%;background-image:url("/media/ravorm-home-desktop-cp46.webp");background-size:300% auto;background-repeat:no-repeat;background-position:var(--bf-position) top;transform:translate3d(calc(var(--bf-unjoined)*var(--bf-offset-x)),calc(var(--bf-unjoined)*var(--bf-offset-y)),0) rotateZ(calc(var(--bf-unjoined)*var(--bf-angle)));z-index:1;box-shadow:0 0 0 1px #f1f1f130;will-change:transform}
.svc-build .build-final-slice:first-child{--bf-position:0%;--bf-offset-x:-74px;--bf-offset-y:48px;--bf-angle:-5deg}
.svc-build .build-final-slice:nth-child(2){--bf-position:50%;--bf-offset-x:0px;--bf-offset-y:-68px;--bf-angle:3deg;z-index:2}
.svc-build .build-final-slice:last-child{--bf-position:100%;--bf-offset-x:86px;--bf-offset-y:40px;--bf-angle:6deg}
.svc-build .build-final-visual[data-assembled=true] .build-final-slice{box-shadow:none}
.svc-build .build-final-datum{position:absolute;z-index:3;left:0;bottom:-17px;width:100%;height:3px;background:#e10600;transform:scaleX(calc(1 - var(--bf-unjoined)*.85));transform-origin:left center}
.svc-build .build-final-mark{position:absolute;z-index:3;right:0;top:-24px;color:#f1f1f1;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;transform:translateY(calc(var(--bf-unjoined)*-22px));opacity:calc(1 - var(--bf-unjoined))}
.svc-build .build-final-visual figcaption{position:absolute;z-index:3;left:0;bottom:-42px;color:#f1f1f19e;font:600 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;opacity:calc(1 - var(--bf-unjoined))}
@media(max-width:1000px){
 .svc-build .build-final-stage{padding-inline:32px}
 .svc-build .build-final-core{grid-template-columns:minmax(230px,.38fr) minmax(0,.62fr);gap:35px}
 .svc-build .build-final-visual{height:min(48vh,460px)}
 .svc-build .build-final-copy h2{font-size:clamp(49px,6.4vw,77px)}
}
@media(max-width:760px){
 .svc-build .build-final{min-height:0}
 .svc-build .build-final-stage{position:relative;top:auto;height:auto;min-height:0;padding:18px 22px 25px;gap:9px;grid-template-rows:auto minmax(0,1fr) auto}
 .svc-build .build-final-top>span:last-child{font-size:9px;text-align:right}
 .svc-build .build-final-core{display:block;min-height:0}
 .svc-build .build-final-copy{align-self:auto;flex:0 0 auto}
 .svc-build .build-final-copy>span{margin:4px 0 12px;font-size:9px}
 .svc-build .build-final-copy h2{font-size:clamp(43px,12vw,66px);line-height:.92;max-width:11ch}
 .svc-build .build-final-copy p{font-size:15px;line-height:1.35;margin:13px 0 0;max-width:29ch}
 .svc-build .build-final-visual{height:530px;min-height:530px;max-height:none;width:100%;margin:35px auto 43px;transform:perspective(900px) rotateY(calc(var(--bf-unjoined)*-7deg)) rotateZ(calc(var(--bf-unjoined)*1.5deg)) scale(calc(1 - var(--bf-unjoined)*.06))}
 .svc-build .build-final-visual:before{content:"";position:absolute;inset:0;z-index:0;background:url("/media/ravorm-home-desktop-cp46.webp") center/cover no-repeat;opacity:.16;filter:grayscale(1) blur(8px);pointer-events:none}
 .svc-build .build-final-slices{height:100%;width:auto;aspect-ratio:390 / 844;margin:0 auto}
 .svc-build .build-final-slice{background-image:url("/media/ravorm-home-mobile-cp46.webp")}
 .svc-build .build-final-slice:first-child{--bf-offset-x:-23px;--bf-offset-y:24px;--bf-angle:-5deg}
 .svc-build .build-final-slice:nth-child(2){--bf-offset-y:-29px;--bf-angle:3deg}
 .svc-build .build-final-slice:last-child{--bf-offset-x:27px;--bf-offset-y:18px;--bf-angle:5deg}
 .svc-build .build-final-visual figcaption{bottom:-34px;font-size:9px}
 .svc-build .build-final-bottom{gap:12px}
 .svc-build .build-final-bottom>span{font-size:8px;max-width:11ch}
 .svc-build .build-final-bottom>a{font-size:12px;gap:10px;white-space:nowrap}
}
@media(max-width:390px) and (max-height:720px){
 .svc-build .build-final-copy h2{font-size:39px}
 .svc-build .build-final-copy p{font-size:14px}
 .svc-build .build-final-visual{height:440px;min-height:440px;margin:28px auto 42px}
}
@media(prefers-reduced-motion:reduce){
 .svc-build .build-final{min-height:0}
 .svc-build .build-final-stage{position:relative;top:auto;height:auto;min-height:650px}
 .svc-build .build-final-visual{transform:none}
 .svc-build .build-final-slice{transform:none;will-change:auto;box-shadow:none}
 .svc-build .build-final-mark,.svc-build .build-final-visual figcaption{opacity:1}
}