.telescope-study{--journey-opening:1;--journey-ending:0;background:#17202b;height:460svh;position:relative}.telescope-study-sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.telescope-study-stage{background:#272b32;position:absolute;inset:0}.telescope-study-poster,.telescope-study-poster img{object-fit:cover;object-position:55% center;width:100%;height:100%;position:absolute;inset:0}.telescope-study-stage canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.telescope-study.is-ready .telescope-study-stage canvas{opacity:1}.telescope-study-stage:after{content:"";z-index:1;height:clamp(100px,26svh,300px);opacity:var(--journey-ending);pointer-events:none;background:linear-gradient(#0000,#303a4c);position:absolute;inset:auto 0 0}.telescope-study-scroll{z-index:2;bottom:max(35px, env(safe-area-inset-bottom));white-space:nowrap;color:#edf0f6;letter-spacing:.16em;opacity:var(--journey-opening);pointer-events:none;text-shadow:0 1px 8px #0008;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.telescope-study-scroll span{background:linear-gradient(#0000,#e2e8f2);width:1px;height:30px;display:block}@media (max-width:640px){.telescope-study{height:400svh}}@media (prefers-reduced-motion:reduce){.telescope-study{height:220svh}}.brand-process{--process-expansion-start:22;--process-film:360;--process-delay:0;--expand-progress:0;height:calc((var(--process-expansion-start) + var(--process-delay) + 200 + var(--process-film)) * 1svh);background:#fff;position:relative}.brand-process-sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.brand-process-intro{top:max(8%, calc(var(--uju-header-height,80px) + 24px));z-index:3;opacity:1;width:84%;transition:opacity .45s,transform .8s cubic-bezier(.22,.75,.2,1);position:absolute;left:8%}.brand-process-intro h2{color:#202329;letter-spacing:-.045em;font-size:clamp(32px,3.7vw,64px);font-weight:600;line-height:1.35}.brand-process-intro h2 span{color:#245ec4;-webkit-text-fill-color:transparent;background:linear-gradient(#1c2d49 0%,#1f3e73 42%,#2565d5 100%);-webkit-background-clip:text;background-clip:text}.brand-process-intro p{color:#808b9b;letter-spacing:-.025em;word-break:keep-all;margin-top:24px;font-size:clamp(13px,1.12vw,20px);line-height:1.85}.brand-process:not([data-phase=intro]) .brand-process-intro{opacity:0;pointer-events:none;transform:translateY(-35px)}.brand-process-gallery{inset:0;top:calc(var(--uju-header-height,80px) * (1 - var(--expand-progress)));width:100%;height:calc(100% - var(--uju-header-height,80px) * (1 - var(--expand-progress)));pointer-events:none;position:absolute}.brand-process-card,.brand-process-tile{--column-width:17.75%;--photo-height:34%;--tile-height:32%;--tile-gap:2.5svh;--column-x:12.5%;--photo-y:25%}.brand-process-card-1,.brand-process-tile-1{--column-x:32%;--photo-y:32%}.brand-process-card-2,.brand-process-tile-2{--column-x:51.5%;--photo-y:39%}.brand-process-card-3,.brand-process-tile-3{--column-x:71%;--photo-y:46%}.brand-process-card{left:var(--column-x);top:var(--photo-y);width:var(--column-width);height:var(--photo-height);z-index:2;opacity:1;transition:left .95s cubic-bezier(.22,.75,.2,1),top .95s cubic-bezier(.22,.75,.2,1),width .95s cubic-bezier(.22,.75,.2,1),height .95s cubic-bezier(.22,.75,.2,1),filter .45s;position:absolute}.brand-process-card-float,.brand-process-placeholder{border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.brand-process-placeholder{background:#edf0f4}.brand-process-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-process-card-0 .brand-process-image{object-position:68% 50%}.brand-process-card-1 .brand-process-image{object-position:50% 67%}.brand-process-card-2 .brand-process-image{object-position:50% 70%}.brand-process[data-phase=intro] .brand-process-card,.brand-process[data-phase=moving] .brand-process-card{width:19.5%;height:49%}.brand-process[data-phase=intro] .brand-process-card-0{top:44%;left:8%}.brand-process[data-phase=intro] .brand-process-card-1{top:39%;left:29.5%}.brand-process[data-phase=intro] .brand-process-card-2{top:34%;left:51%}.brand-process[data-phase=intro] .brand-process-card-3{top:29%;left:72.5%}.brand-process[data-phase=moving] .brand-process-card-0{top:15%;left:8%}.brand-process[data-phase=moving] .brand-process-card-1{top:20%;left:29.5%}.brand-process[data-phase=moving] .brand-process-card-2{top:25%;left:51%}.brand-process[data-phase=moving] .brand-process-card-3{top:30%;left:72.5%}.brand-process-tile{left:var(--column-x);width:var(--column-width);height:var(--tile-height);color:#4c6895;opacity:0;transform:translateY(var(--tile-enter));border-radius:28px;padding:clamp(15px,1.8vw,32px);transition:opacity .65s,transform .9s cubic-bezier(.22,.75,.2,1);position:absolute;overflow:hidden}.brand-process-tile-top{top:calc(var(--photo-y) - var(--tile-height) - var(--tile-gap));--tile-enter:-90px}.brand-process-tile-0.brand-process-tile-top{--tile-height:24%}.brand-process-tile-bottom{top:calc(var(--photo-y) + var(--photo-height) + var(--tile-gap));--tile-enter:90px}.brand-process-tile-0{background:radial-gradient(at 85% 100%,#c8e0f4,#0000 75%),#eaf0fa}.brand-process-tile-1{color:#786295;background:radial-gradient(at 100% 0,#d9d0f0,#0000 75%),#f0edf7;transition-delay:60ms}.brand-process-tile-2{color:#598a83;background:radial-gradient(at 0 100%,#cae8e1,#0000 75%),#edf6f2;transition-delay:.12s}.brand-process-tile-3{color:#a17a64;background:radial-gradient(at 80% 100%,#f1d9c9,#0000 75%),#faf0e8;transition-delay:.18s}.brand-process-tile-bottom{filter:saturate(.8)}.brand-process-tile-0.brand-process-tile-bottom{background:linear-gradient(145deg,#ebe8f9,#e0effa)}.brand-process-tile-1.brand-process-tile-bottom{color:#638b9f;background:linear-gradient(145deg,#e9f8fa,#d7eaf6)}.brand-process-tile-2.brand-process-tile-bottom{color:#7b82a7;background:linear-gradient(145deg,#e5eafb,#f1edf7)}.brand-process-tile-3.brand-process-tile-bottom{color:#95835a;background:linear-gradient(145deg,#faf3dc,#f2e9e5)}.brand-process-tile:before{content:"";aspect-ratio:1;border:1px solid #ffffff70;border-radius:50%;width:150%;position:absolute;top:18%;left:20%;box-shadow:0 0 0 24px #ffffff15,0 0 0 48px #ffffff15}.brand-process-tile-word{letter-spacing:.075em;font-size:clamp(10px,1.05vw,18px);font-weight:550;display:block;position:relative}.brand-process-tile-top .brand-process-tile-word{letter-spacing:-.025em}.brand-process-tile-icon{opacity:.7;width:clamp(36px,4.2vw,74px);height:clamp(36px,4.2vw,74px);position:absolute;bottom:19%;right:15%}.brand-process-tile-number{letter-spacing:.1em;opacity:.5;font-size:10px;position:absolute;bottom:13%;left:13%}.brand-process-edge{opacity:0;flex-direction:column;gap:2.5svh;width:17.75%;transition:opacity .8s .15s;display:flex;position:absolute;top:-20%;bottom:-20%}.brand-process-edge-left{left:-7%}.brand-process-edge-right{top:12%;right:-7%}.brand-process-edge span{background:linear-gradient(145deg,#fbfbfc,#f4f5f7);border-radius:28px;flex:0 0 32svh;display:block}.brand-process[data-phase=mosaic] .brand-process-tile,.brand-process[data-phase=steps] .brand-process-tile{opacity:1;transform:translateY(0)}.brand-process[data-phase=mosaic] .brand-process-edge,.brand-process[data-phase=steps] .brand-process-edge{opacity:1}.brand-process-hint{display:none}.brand-process-sequence-anchor{top:calc((var(--process-expansion-start) + var(--process-delay) + 100) * 1svh);pointer-events:none;width:1px;height:1px;position:absolute;left:0}.brand-process[data-expanding] .brand-process-card-3{left:calc(var(--column-x) * (1 - var(--expand-progress)));top:calc(var(--photo-y) * (1 - var(--expand-progress)));width:calc(var(--column-width) + (100% - var(--column-width)) * var(--expand-progress));height:calc(var(--photo-height) + (100% - var(--photo-height)) * var(--expand-progress));z-index:10;transition:none}.brand-process[data-expanding] .brand-process-card-3 .brand-process-card-float,.brand-process[data-expanding] .brand-process-card-3 .brand-process-placeholder{border-radius:calc(28px * (1 - var(--expand-progress)))}.brand-process[data-expanding] .brand-process-tile,.brand-process[data-expanding] .brand-process-edge,.brand-process[data-expanding] .brand-process-card:not(.brand-process-card-3){opacity:max(0, calc(1 - var(--expand-progress) * 4));pointer-events:none;transition:none}.telescope-study.telescope-study-embedded{width:100%;height:100%;position:absolute;inset:0}.telescope-study-embedded .telescope-study-sticky{height:100%;position:absolute;inset:0}.brand-process:not([data-film]) .telescope-study-scroll{visibility:hidden}@media (max-width:700px){.brand-process{--process-film:300}.brand-process-intro{left:7%;top:max(8%, calc(var(--uju-header-height,68px) + 24px));width:86%}.brand-process-intro h2{font-size:clamp(27px,6.6vw,40px)}.brand-process-intro p{margin-top:20px;font-size:14px}.brand-process-intro p br{display:none}.brand-process-card,.brand-process-tile{--column-width:21%;--photo-height:18%;--tile-height:16%;--tile-gap:1.3svh;--column-x:4.5%;--photo-y:23%}.brand-process-card-1,.brand-process-tile-1{--column-x:27.8%;--photo-y:28%}.brand-process-card-2,.brand-process-tile-2{--column-x:51.1%;--photo-y:33%}.brand-process-card-3,.brand-process-tile-3{--column-x:74.4%;--photo-y:38%}.brand-process-card-float,.brand-process-placeholder,.brand-process-tile{border-radius:16px}.brand-process[data-phase=intro] .brand-process-card,.brand-process[data-phase=moving] .brand-process-card{width:20%;height:32%}.brand-process[data-phase=intro] .brand-process-card-0{top:52%;left:6%}.brand-process[data-phase=intro] .brand-process-card-1{top:48%;left:28.5%}.brand-process[data-phase=intro] .brand-process-card-2{top:44%;left:51%}.brand-process[data-phase=intro] .brand-process-card-3{top:40%;left:73.5%}.brand-process[data-phase=moving] .brand-process-card-0{top:20%;left:6%}.brand-process[data-phase=moving] .brand-process-card-1{top:25%;left:28.5%}.brand-process[data-phase=moving] .brand-process-card-2{top:30%;left:51%}.brand-process[data-phase=moving] .brand-process-card-3{top:35%;left:73.5%}.brand-process-tile-0.brand-process-tile-top{--tile-height:16%}.brand-process-tile{padding:13px 8px}.brand-process-tile-word{letter-spacing:.02em;font-size:clamp(6px,1.8vw,10px)}.brand-process-tile-icon{width:30px;height:30px}.brand-process-tile-number{font-size:7px}.brand-process-edge{display:none}.brand-process[data-expanding] .brand-process-card-3 .brand-process-card-float,.brand-process[data-expanding] .brand-process-card-3 .brand-process-placeholder{border-radius:calc(16px * (1 - var(--expand-progress)))}}@media (prefers-reduced-motion:reduce){.brand-process{height:auto;padding:80px 8%}.brand-process-sticky{height:auto;position:relative;overflow:visible}.brand-process-intro{width:100%;margin-bottom:60px;transition:none;position:static;opacity:1!important;transform:none!important}.brand-process-gallery{width:100%;height:220svh;display:block;position:relative;inset:auto}.brand-process-tile,.brand-process-edge,.brand-process-card:not(.brand-process-card-3),.brand-process-sequence-anchor{display:none}.brand-process .brand-process-gallery .brand-process-card-3{width:100%;height:100svh;transition:none;position:sticky;top:0;left:0}.brand-process .telescope-study-scroll{visibility:visible}}