/* ---------- case page ---------- */
body.uw-home-page .uw-home .cs-t{margin-top:16px;font:700 clamp(40px,6.2vw,94px)/1.04 var(--font-sans);letter-spacing:-.01em}
body.uw-home-page .uw-home .cs-cv{position:relative;margin-top:72px;aspect-ratio:1920/977;border:1px solid rgba(255,255,255,.3);border-radius:12px;overflow:clip;background:#131318;box-shadow:0 40px 120px rgba(59,84,255,.28)}
body.uw-home-page .uw-home .cs-cv img{display:block;width:100%;height:100%;object-fit:cover}
body.uw-home-page .uw-home .pas{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr 1.2fr;margin-top:70px;border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .pas>div{position:relative;padding:30px 24px 6px 0;border-inline-start:1px solid var(--ln)}
body.uw-home-page .uw-home .pas>div:first-child{border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .pas span.k{display:block;font-size:14px;color:var(--mut)}
body.uw-home-page .uw-home .pas b{display:block;margin-top:10px;font:500 clamp(22px,2.3vw,32px)/1.15 var(--font-sans)}
body.uw-home-page .uw-home .pas a{display:inline-flex;align-items:center;gap:10px;direction:rtl;transition:color .25s}
body.uw-home-page .uw-home .pas a:hover{color:#7d8dff}
body.uw-home-page .uw-home .pas a svg{width:16px;height:16px;transform:rotate(45deg)}
body.uw-home-page .uw-home .stp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:84px;border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .stp li{position:relative;padding:34px 30px 10px 0;border-inline-start:1px solid var(--ln)}
body.uw-home-page .uw-home .stp li:first-child{border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .stp .no{font-size:15px;color:#7d8dff}
body.uw-home-page .uw-home .stp h3{margin-top:14px;font:500 clamp(24px,2.3vw,32px)/1.2 var(--font-sans)}
body.uw-home-page .uw-home .stp p{margin-top:14px;font-size:16px;line-height:1.6;color:#b9b9c2}
body.uw-home-page .uw-home .shots{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:28px;align-items:start}
body.uw-home-page .uw-home .bw{margin:0;border:1px solid rgba(255,255,255,.3);border-radius:10px;overflow:clip;background:#131318;box-shadow:0 30px 90px rgba(0,0,0,.6)}
body.uw-home-page .uw-home .bw.b2{margin-top:130px}
body.uw-home-page .uw-home .shot{height:720px;overflow:clip}
body.uw-home-page .uw-home .b2 .shot{height:560px}
body.uw-home-page .uw-home .shot img{display:block;width:100%}
body.uw-home-page .uw-home .phs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;align-items:center}
body.uw-home-page .uw-home .phs img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
body.uw-home-page .uw-home .phs img:nth-child(even){margin-top:70px}
body.uw-home-page .uw-home .sty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.uw-home-page .uw-home .fnt,body.uw-home-page .uw-home .clr{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 28px 26px;border:1px solid var(--ln);border-radius:10px;background:#131318;overflow:clip;direction:ltr;text-align:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
body.uw-home-page .uw-home .fnt:hover,body.uw-home-page .uw-home .clr:hover{transform:translateY(-8px)}
body.uw-home-page .uw-home .fnt b{font-size:120px;line-height:1;font-weight:400;color:#fff}
body.uw-home-page .uw-home .fnt.f1 b,body.uw-home-page .uw-home .fnt.f1 span{font-family:Roboto,Arial,sans-serif}
body.uw-home-page .uw-home .fnt.f2 b,body.uw-home-page .uw-home .fnt.f2 span{font-family:Poppins,Arial,sans-serif}
body.uw-home-page .uw-home .fnt span{font-size:26px;font-weight:500}
body.uw-home-page .uw-home .fnt em{font:400 13px/1.4 ui-monospace,Menlo,Consolas,monospace;font-style:normal;color:#b9b9c2;letter-spacing:.06em}
body.uw-home-page .uw-home .clr i{display:block;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
body.uw-home-page .uw-home .clr b{font:500 30px/1 var(--font-sans)}
body.uw-home-page .uw-home .clr span{display:block;margin-top:8px;font:400 13px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em}
body.uw-home-page .uw-home .clr.c1{background:#0050b2;border-color:#0050b2}
body.uw-home-page .uw-home .clr.c1 i{background:#fff;border:0}
body.uw-home-page .uw-home .clr.c2{background:#f2fafe;color:#0f0f0f;border-color:#f2fafe}
body.uw-home-page .uw-home .clr.c2 i{background:#0050b2;border:0}
body.uw-home-page .uw-home .tmw{position:relative}
body.uw-home-page .uw-home .tm-bg{font:800 clamp(90px,17vw,260px)/.9 var(--font-sans);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22);white-space:nowrap}
body.uw-home-page .uw-home .tm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .tm li{position:relative;padding:30px 24px 0 0;border-inline-start:1px solid var(--ln)}
body.uw-home-page .uw-home .tm li:first-child{border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .tm b{display:block;font:500 clamp(44px,5vw,72px)/1 var(--font-sans);direction:ltr;unicode-bidi:isolate;text-align:right}
body.uw-home-page .uw-home .tm span{display:block;margin-top:10px;font-size:16px;color:#d0d0d6}
body.uw-home-page .uw-home .nxl{border-bottom:1px solid var(--ln)}
body.uw-home-page .uw-home .nxi{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:baseline;padding:26px 0 28px;border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .nxi b{display:block;width:max-content;max-width:100%;font:700 clamp(30px,5vw,72px)/1.06 var(--font-sans);direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65);transition:color .4s,translate .5s cubic-bezier(.2,.8,.2,1)}
body.uw-home-page .uw-home .nxi small{display:block;margin-top:8px;font-size:15px;color:#b9b9c2}
body.uw-home-page .uw-home .nxi:hover b{color:#fff;translate:-22px 0}
body.uw-home-page .uw-home .nxi img{position:absolute;left:3%;top:50%;z-index:3;width:360px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.3);translate:0 -50%;rotate:-5deg;scale:.8;opacity:0;pointer-events:none;box-shadow:0 30px 80px rgba(0,0,0,.7);transition:opacity .35s,scale .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1)}
body.uw-home-page .uw-home .nxi:hover img{opacity:1;scale:1;rotate:0deg}
@keyframes uwh-cvin{from{scale:.84;border-radius:40px}to{scale:1;border-radius:12px}}
@keyframes uwh-pan{from{translate:0 0}to{translate:0 calc(-100% + 720px)}}
@keyframes uwh-pan2{from{translate:0 0}to{translate:0 calc(-100% + 560px)}}
@keyframes uwh-pup{from{translate:0 70px}to{translate:0 -70px}}
@keyframes uwh-pdn{from{translate:0 -50px}to{translate:0 50px}}
@media (max-width:1024px){
body.uw-home-page .uw-home .cs-cv{margin-top:48px}
body.uw-home-page .uw-home .pas{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px}
body.uw-home-page .uw-home .pas>div{padding-bottom:24px}
body.uw-home-page .uw-home .pas>div:nth-child(4){border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .pas>div:nth-child(n+4){border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .pas>div:nth-child(5){grid-column:span 2}
body.uw-home-page .uw-home .stp{margin-top:56px}
body.uw-home-page .uw-home .stp li{padding:28px 20px 10px 0}
body.uw-home-page .uw-home .shots{gap:18px}
body.uw-home-page .uw-home .shot{height:560px}
body.uw-home-page .uw-home .b2 .shot{height:440px}
body.uw-home-page .uw-home .bw.b2{margin-top:80px}
body.uw-home-page .uw-home .phs{gap:14px}
body.uw-home-page .uw-home .phs img:nth-child(even){margin-top:44px}
body.uw-home-page .uw-home .sty{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.uw-home-page .uw-home .fnt,body.uw-home-page .uw-home .clr{min-height:240px}
body.uw-home-page .uw-home .nxi img{display:none}
}
@media (max-width:640px){
body.uw-home-page .uw-home .cs-t{font-size:40px}
body.uw-home-page .uw-home .cs-cv{margin-top:34px;border-radius:8px}
body.uw-home-page .uw-home .pas{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}
body.uw-home-page .uw-home .pas>div{padding:20px 12px 20px 0}
body.uw-home-page .uw-home .pas>div:nth-child(odd){border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .pas>div:nth-child(4){border-inline-start:1px solid var(--ln);padding-inline-start:0}
body.uw-home-page .uw-home .pas>div:nth-child(n+3){border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .pas>div:nth-child(5){grid-column:1/-1}
body.uw-home-page .uw-home .pas b{font-size:21px}
body.uw-home-page .uw-home .stp{grid-template-columns:minmax(0,1fr);margin-top:44px}
body.uw-home-page .uw-home .stp li{padding:26px 0 26px;border-inline-start:0;border-bottom:1px solid var(--ln)}
body.uw-home-page .uw-home .stp li:last-child{border-bottom:0}
body.uw-home-page .uw-home .shots{grid-template-columns:minmax(0,1fr)}
body.uw-home-page .uw-home .shot{height:460px}
body.uw-home-page .uw-home .b2 .shot{height:380px}
body.uw-home-page .uw-home .bw.b2{margin-top:0}
body.uw-home-page .uw-home .phs{display:flex;gap:14px;margin-inline:-20px;padding:0 20px 34px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
body.uw-home-page .uw-home .phs::-webkit-scrollbar{display:none}
body.uw-home-page .uw-home .phs img{flex:0 0 58%;width:58%;scroll-snap-align:center}
body.uw-home-page .uw-home .phs img:nth-child(even){margin-top:0}
body.uw-home-page .uw-home .sty{gap:12px}
body.uw-home-page .uw-home .fnt,body.uw-home-page .uw-home .clr{min-height:196px;padding:18px 16px}
body.uw-home-page .uw-home .fnt b{font-size:72px}
body.uw-home-page .uw-home .fnt span{font-size:19px}
body.uw-home-page .uw-home .clr i{width:52px;height:52px}
body.uw-home-page .uw-home .clr b{font-size:21px}
body.uw-home-page .uw-home .clr span{font-size:11px}
body.uw-home-page .uw-home .tm-bg{font-size:88px;-webkit-text-stroke-width:1px}
body.uw-home-page .uw-home .tm{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
body.uw-home-page .uw-home .tm li{padding:22px 12px 22px 0}
body.uw-home-page .uw-home .tm li:nth-child(odd){border-inline-start:0;padding-inline-start:0}
body.uw-home-page .uw-home .tm li:nth-child(n+3){border-top:1px solid var(--ln)}
body.uw-home-page .uw-home .tm b{font-size:44px}
body.uw-home-page .uw-home .nxi{grid-template-columns:38px minmax(0,1fr);padding:20px 0 22px}
body.uw-home-page .uw-home .nxi b{font-size:29px;-webkit-text-stroke-width:.8px}
body.uw-home-page .uw-home .nxi img{display:block;position:static;grid-column:1/-1;width:100%;margin-top:14px;translate:none;rotate:none;scale:1;opacity:1;box-shadow:none}
}
@supports (animation-timeline:view()){
body.uw-home-page .uw-home .cs-cv{animation:uwh-cvin linear both;animation-timeline:view();animation-range:entry 0% cover 46%}
body.uw-home-page .uw-home .shot img{animation:uwh-pan linear both;animation-timeline:view();animation-range:cover 12% cover 88%}
body.uw-home-page .uw-home .b2 .shot img{animation-name:uwh-pan2}
body.uw-home-page .uw-home .bw{animation:uwh-rv linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
body.uw-home-page .uw-home .phs img{animation:uwh-pup linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
body.uw-home-page .uw-home .phs img:nth-child(even){animation-name:uwh-pdn}
body.uw-home-page .uw-home .fnt,body.uw-home-page .uw-home .clr{animation:uwh-rv linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
body.uw-home-page .uw-home .sty>:nth-child(2){animation-range:entry 12% cover 31%}
body.uw-home-page .uw-home .sty>:nth-child(3){animation-range:entry 24% cover 36%}
body.uw-home-page .uw-home .sty>:nth-child(4){animation-range:entry 36% cover 41%}
body.uw-home-page .uw-home .tm-bg{animation:uwh-rvx linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
body.uw-home-page .uw-home .nxi{animation:uwh-rv linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
@media (max-width:1024px){
@keyframes uwh-pan{from{translate:0 0}to{translate:0 calc(-100% + 560px)}}
@keyframes uwh-pan2{from{translate:0 0}to{translate:0 calc(-100% + 440px)}}
}
@media (max-width:640px){
@keyframes uwh-pan{from{translate:0 0}to{translate:0 calc(-100% + 460px)}}
@keyframes uwh-pan2{from{translate:0 0}to{translate:0 calc(-100% + 380px)}}
body.uw-home-page .uw-home .phs img{animation:none}
}
}
