.studio-editorial{--grid-columns:16;--grid-margin:clamp(16px, calc(2.896px + 3.36vw), 60px);--grid-gap:clamp(4px, calc(-1.967px + 1.53vw), 24px);--grid-half-gap:calc(var(--grid-gap) * .5);--grid-padding:calc(var(--grid-margin) - var(--grid-half-gap));--grid-width:calc(100vw - var(--grid-margin) * 2);--8-4:clamp(4px, calc(2.791px + .31vw), 8px);--12-8:clamp(8px, calc(6.791px + .31vw), 12px);--16-8:clamp(8px, calc(5.621px + .61vw), 16px);--16-12:clamp(12px, calc(10.791px + .31vw), 16px);--24-16:clamp(16px, calc(13.621px + .61vw), 24px);--32-16:clamp(16px, calc(11.242px + 1.22vw), 32px);--32-24:clamp(24px, calc(21.621px + .61vw), 32px);--48-24:clamp(24px, calc(16.863px + 1.83vw), 48px);--64-32:clamp(32px, calc(22.484px + 2.44vw), 64px);--80-32:clamp(32px, calc(17.726px + 3.66vw), 80px);--96-48:clamp(48px, calc(33.726px + 3.66vw), 96px);--120-64:clamp(64px, calc(47.347px + 4.27vw), 120px);--144-48:clamp(48px, calc(19.413px + 7.33vw), 144px);--180-64:clamp(64px, calc(29.485px + 8.85vw), 180px);--216-140:clamp(140px, calc(117.38px + 5.8vw), 216px);--280-120:clamp(120px, calc(72.381px + 12.21vw), 280px);--studio-paper:var(--canvas);--studio-dark:var(--chrome);--studio-accent:var(--primary);--studio-white:var(--daylight);--studio-ink:var(--foreground);--studio-ink-muted:var(--muted-foreground);--studio-pale-bg:var(--background);--studio-card-bg:var(--card);--cols-1:calc((100vw - 2 * var(--grid-padding)) / 16 - var(--grid-gap));--cols-2:calc((100vw - 2 * var(--grid-padding)) / 8 - var(--grid-gap));--cols-4:calc((100vw - 2 * var(--grid-padding)) / 4 - var(--grid-gap));--cols-6:calc((100vw - 2 * var(--grid-padding)) / 2.6667 - var(--grid-gap));--cols-8:calc((100vw - 2 * var(--grid-padding)) / 2 - var(--grid-gap));--cols-10:calc((100vw - 2 * var(--grid-padding)) / 1.6 - var(--grid-gap));--cols-12:calc((100vw - 2 * var(--grid-padding)) / 1.3333 - var(--grid-gap));--cols-14:calc((100vw - 2 * var(--grid-padding)) / 1.1429 - var(--grid-gap));--cols-16:var(--grid-width)}.journey-showcase{background:var(--chrome);width:100%;min-height:100svh;color:var(--daylight);box-sizing:border-box;justify-content:center;align-items:center;padding-block:clamp(40px,6vw,80px);display:flex;position:relative;overflow:clip}.journey-showcase,.journey-showcase *,.journey-showcase :before,.journey-showcase :after{box-sizing:border-box}.journey-showcase__stage{grid-template-columns:minmax(260px,1fr) minmax(320px,400px) minmax(260px,1fr);align-items:center;column-gap:clamp(32px,5vw,80px);width:min(100% - clamp(40px,8vw,140px),1360px);min-height:min(760px,100svh - 100px);margin-inline:auto;display:grid;position:relative}.journey-showcase__column{align-items:center;min-width:0;min-height:240px;display:flex}.journey-showcase__column--left{justify-content:flex-end}.journey-showcase__column--right{justify-content:flex-start}.journey-showcase__column--center{z-index:2;justify-content:center;position:relative}.journey-showcase__copy{text-align:left;will-change:opacity, transform, filter;width:min(100%,380px);transition:opacity .54s cubic-bezier(.16,1,.3,1),transform .54s cubic-bezier(.16,1,.3,1),filter .54s}.journey-showcase__copy--active{opacity:1;filter:blur();pointer-events:auto;transform:translateY(0)scale(1)}.journey-showcase__copy--inactive{opacity:0;filter:blur(5px);pointer-events:none;transform:translateY(16px)scale(.98)}.journey-showcase__step-badge{color:var(--chrome-muted);margin-bottom:12px;font-size:14px;font-weight:500;line-height:20px;display:inline-block}.journey-showcase__title{color:var(--daylight);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,3.6vw,2.75rem);font-weight:600;line-height:1.08;transition:transform .54s cubic-bezier(.16,1,.3,1)}.journey-showcase__desc{color:var(--chrome-muted);text-wrap:pretty;max-width:34ch;margin-top:18px;margin-bottom:0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.56;transition:transform .54s cubic-bezier(.16,1,.3,1)}.journey-showcase__phone-wrapper{perspective:1200px;width:100%;max-width:272px;height:min(65svh,560px);min-height:440px;transform-style:preserve-3d;will-change:transform, opacity, filter;justify-content:center;align-items:center;display:flex;position:relative}.journey-showcase__phone-outline-glow{border:1px solid var(--chrome-line);pointer-events:none;z-index:1;border-radius:46px;position:absolute;inset:-6px}.journey-showcase__phone-bezel{z-index:2;background:#0c0f1e;border:2px solid #3a4266;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000073}.journey-showcase__dynamic-island{z-index:6;pointer-events:none;background:#000;border:1px solid #ffffff1a;border-radius:12px;width:72px;height:18px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.journey-showcase__screen{background:#000;border-radius:40px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.journey-showcase__video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.journey-showcase__home-indicator{z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6;border-radius:3px;width:80px;height:3.5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.journey-showcase__bottom-bar{z-index:10;background:var(--chrome-raised);border:1px solid var(--chrome-line);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:clamp(24px,3.5vw,44px);left:clamp(24px,5vw,80px)}.journey-showcase__play-btn{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .15s;display:flex}.journey-showcase__play-btn:hover{background:#ffffff47;transform:scale(1.05)}.journey-showcase__tabs{align-items:center;gap:4px;display:flex}.journey-showcase__tab{color:#ffffffb3;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.journey-showcase__tab--inactive{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.journey-showcase__tab--inactive:hover{color:#fff;background:#ffffff26}.journey-showcase__tab--active{color:#fff;background:#ffffff3d;border-radius:999px;gap:8px;padding:3px 12px 3px 4px}.journey-showcase__ring-wrap{place-items:center;width:26px;height:26px;display:grid;position:relative}.journey-showcase__ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.journey-showcase__ring-track{fill:none;stroke:#ffffff40;stroke-width:2.5px}.journey-showcase__ring-progress{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:97.3893;transition:stroke-dashoffset 50ms linear}.journey-showcase__tab-num{z-index:1;color:#fff;font-size:.65rem;font-weight:700;position:relative}.journey-showcase__tab-label{letter-spacing:-.01em;white-space:nowrap;font-size:.75rem;font-weight:600}.journey-showcase__restart-btn{background:var(--daylight);color:var(--ruang);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:background .2s;display:flex}.journey-showcase__restart-btn:hover{background:#fff}@keyframes journey-slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.journey-showcase{flex-direction:column;min-height:auto;padding-block:80px 100px}.journey-showcase__stage{grid-template-columns:1fr;row-gap:32px;min-height:auto}.journey-showcase__column--center{order:1}.journey-showcase__column--left,.journey-showcase__column--right{text-align:center;order:2;justify-content:center;min-height:auto}.journey-showcase__copy{text-align:center}.journey-showcase__desc{margin-inline:auto}.journey-showcase__bottom-bar{order:3;justify-content:center;margin-top:36px;position:static}}@media (max-width:600px){.journey-showcase__phone-wrapper{max-width:230px;height:min(54svh,460px);min-height:360px}.journey-showcase__phone-bezel{border-radius:34px}.journey-showcase__phone-outline-glow{border-radius:38px;inset:-4px}.journey-showcase__dynamic-island{border-radius:8px;width:58px;height:14px;top:8px}.journey-showcase__title{font-size:clamp(1.85rem,6vw,2.4rem)}.journey-showcase__bottom-bar{gap:4px;padding:4px 8px}}@media (prefers-reduced-motion:reduce){.journey-showcase__phone-wrapper{filter:none!important;opacity:1!important;transform:none!important}.journey-showcase__copy--in{animation:none}.journey-showcase__ring-progress{transition:none}}.studio-editorial{background:var(--canvas)}.studio-editorial :is(h1,h2,.font-serif){font-family:var(--font-sans-stack);letter-spacing:-.02em;font-weight:600}