.ogs .ocloser{width:100%;max-width:1240px;margin:0 auto;padding:96px 40px;color:#07060f}.ogs .ocloser h2{font-size:80px;line-height:1.02!important;letter-spacing:-.025em;font-weight:600;max-width:945px;margin:0 0 48px}.ocloser-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#f5f5f7;aspect-ratio:1198/760}.ocloser-image{position:absolute;inset:0;opacity:0;transform:translateX(-24px);transition:opacity 600ms cubic-bezier(.16,1,.3,1),transform 600ms cubic-bezier(.16,1,.3,1);pointer-events:none}.ocloser-image[aria-hidden=false]{opacity:1;transform:none}.ogs .ocloser-image img{width:100%;height:100%;object-fit:cover;max-width:none}.ocloser-menu{position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:2;max-width:calc(100% - 180px)}.ocloser-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.ocloser-menu li{max-width:100%;margin:0;padding:0}.ocloser-chip{appearance:none;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:12px 16px;background:#e8e8edb8;backdrop-filter:blur(10px);box-shadow:inset 0 0 .5px #0000001c;color:#07060f;cursor:pointer;font:600 18px/24px var(--font-body-family,Arial,sans-serif);letter-spacing:-.374px;text-align:left}.ocloser-chip:hover{background:#e0e0e6}.ocloser-chip svg{width:24px;height:24px;flex-shrink:0;fill:none}.ocloser-chip circle{stroke:currentColor;stroke-width:1;opacity:.3}.ocloser-chip path{stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.ocloser-detail{width:423px;max-width:100%;border-radius:18px;background:#ffffffe6;backdrop-filter:blur(12px);padding:16px 20px;box-shadow:0 2px 12px #00000014}.ogs .ocloser-detail p{font-size:18px;line-height:25px;letter-spacing:-.374px;color:#1d1d1f;margin:0}.ocloser-detail strong{font-weight:600}.ocloser-close{position:absolute;right:24px;top:24px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#0000001a;backdrop-filter:blur(8px);color:#07060f;cursor:pointer;padding:0}.ocloser-close svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.ocloser-progress{position:absolute;right:calc(100% + 24px);top:0;bottom:0;width:3px;border-radius:3px;background:#07060f26;opacity:0;transition:opacity .3s}.ocloser-stage.is-open .ocloser-progress{opacity:1}.ocloser-progress span{display:block;width:100%;height:var(--closer-progress,0%);background:#07060f;border-radius:3px;transition:height .5s}.ocloser [hidden]{display:none!important}
@media(max-width:1023px){.ogs .ocloser{padding:64px 32px}.ogs .ocloser h2{font-size:52px;margin-bottom:32px}.ocloser-stage{aspect-ratio:39/70}.ocloser-image{transform:none;transition:opacity 450ms cubic-bezier(.16,1,.3,1)}.ocloser-menu{left:24px;top:29px;transform:none;max-width:calc(100% - 48px)}.ocloser-menu ul{gap:9px}.ocloser-chip{min-height:46px;max-width:100%;padding:11px 18px 11px 11px;gap:9px;font-size:14px;line-height:20px;border:1px solid #ffffff8c;background:#e7e7e79e;backdrop-filter:blur(14px);letter-spacing:normal}.ocloser-chip svg{width:22px;height:22px}.ocloser-chip circle{stroke-width:1.2}.ocloser-detail{width:306px;padding:16px 18px;border-radius:20px;border:1px solid #ffffff8c;background:#e7e7e7b8;backdrop-filter:blur(16px);box-shadow:none}.ogs .ocloser-detail p{font-size:14px;line-height:21px;letter-spacing:normal;color:#07060f}.ocloser-close{right:20px;top:20px;width:36px;height:36px;border:1px solid #ffffff8c;background:#e7e7e79e;backdrop-filter:blur(14px)}.ocloser-close svg{width:11px;height:11px}.ocloser-progress{display:none}}
@media(max-width:639px){.ogs .ocloser{padding-inline:20px}.ogs .ocloser h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ocloser-image,.ocloser-progress,.ocloser-progress span{transition:none}}
.ogs .ocloser .ocloser-chip{font-weight:600!important}
.ogs .ocloser .ocloser-chip{font-size:18px!important;line-height:24px!important}
@media(max-width:1023px){.ogs .ocloser .ocloser-chip{font-size:14px!important;line-height:20px!important}}
/* Timed orange rail, shared by mobile and desktop. */
.ocloser .ocloser-progress{display:block;background:#fc5f2b26;overflow:hidden}
.ocloser .ocloser-progress span{background:#fc5f2b;transition:none;box-shadow:0 0 8px #fc5f2b50}
@media(max-width:1023px){.ocloser .ocloser-progress{right:calc(100% + 10px);width:2px}}

/* Straight progress rail on the open detail; orange icons invite discovery. */
.ocloser .ocloser-progress{display:none!important}
.ocloser .ocloser-detail{position:relative}
.ocloser-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none}
.ocloser-arc path{stroke:#fc5f2b;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}

.ocloser-chip:not(.is-visited) svg{color:#fc5f2b}
.ocloser-chip:not(.is-visited) circle{opacity:1}
.ocloser-chip svg{transition:color .25s}