/* A visible paper-and-cobalt opening, with an independent reading interval. */
.studio-arrival{--se-paper:#f7f7f2;--se-ink:#20231f;--se-muted:#7a7e76;--se-blue:#3032d8;--se-line:#dcdfd5;position:fixed;inset:0;z-index:2400;display:grid;grid-template-rows:78px minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh;background:var(--se-paper);color:var(--se-ink);font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;overscroll-behavior:none;transform-origin:50% 42%;box-sizing:border-box}
.studio-arrival *,.studio-arrival *::before,.studio-arrival *::after{box-sizing:border-box}
.studio-arrival [hidden]{display:none!important}
.studio-arrival :is(button,a){font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.studio-arrival :is(button,a):focus-visible{outline:2px solid var(--se-blue);outline-offset:5px}
.studio-arrival button{cursor:pointer;transition:opacity 150ms cubic-bezier(.23,1,.32,1);font:inherit}
.studio-arrival button:active{transform:none}
.studio-arrival button:disabled{cursor:default}
.studio-arrival .se-header{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 5.2%;border-bottom:1px solid var(--se-line);background:var(--se-paper)}
.studio-arrival .se-brand{display:flex;align-items:center;gap:15px}
.studio-arrival .se-brand strong{display:flex;align-items:flex-start;font-size:24px;font-weight:760;letter-spacing:-1.6px;line-height:1}
.studio-arrival .se-brand i{width:5px;height:5px;display:block;border-radius:50%;background:var(--se-blue);margin:2px 0 0 4px}
.studio-arrival .se-brand>span{font-size:10px;letter-spacing:.16em;border-left:1px solid #c3c7bd;padding-left:15px;line-height:1}
.studio-arrival .se-header-caption{font-size:10px;color:var(--se-muted);letter-spacing:.08em}
.studio-arrival .se-stage{cursor:pointer;position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;isolation:isolate;outline:none;scrollbar-width:thin;scrollbar-color:#c5cac0 transparent;display:flex;align-items:center;justify-content:center;padding:44px 9%;-webkit-overflow-scrolling:touch}
.studio-arrival .se-stage:focus{outline:none}
.studio-arrival .se-viewfinder{pointer-events:none;position:absolute;inset:30px 5.2%;z-index:-1}
.studio-arrival .se-viewfinder i{position:absolute;width:17px;height:17px;border-color:#b9c1b2;border-style:solid;border-width:0}
.studio-arrival .se-viewfinder i:nth-child(1){top:0;left:0;border-left-width:1px;border-top-width:1px}
.studio-arrival .se-viewfinder i:nth-child(2){top:0;right:0;border-right-width:1px;border-top-width:1px}
.studio-arrival .se-viewfinder i:nth-child(3){bottom:0;left:0;border-left-width:1px;border-bottom-width:1px}
.studio-arrival .se-viewfinder i:nth-child(4){bottom:0;right:0;border-right-width:1px;border-bottom-width:1px}
.studio-arrival .se-depth{pointer-events:none;position:absolute;inset:0;z-index:-2;overflow:hidden}
.studio-arrival .se-depth i{position:absolute;top:50%;left:50%;width:74%;height:115%;border:1px solid #e7e9e1;transform:translate(-50%,-50%) rotate(-11deg)}
.studio-arrival .se-depth i:nth-child(2){width:66%;height:98%;border-color:#dfe3dc88;transform:translate(-50%,-50%) rotate(-7deg)}
.studio-arrival .se-depth i:nth-child(3){width:57%;height:83%;border-color:#e6e8e188;transform:translate(-50%,-50%) rotate(-3deg)}
.studio-arrival .se-content{position:relative;z-index:1;width:min(100%,900px);margin:auto;text-align:center;flex-shrink:0}
.studio-arrival .se-greeting{font-size:12px;font-weight:450;letter-spacing:.035em;color:#62695e;margin:0 0 24px;line-height:1.6}
.studio-arrival .se-greeting>span{display:inline-block;margin:0 12px;color:#b2b8ad}
.studio-arrival .se-metrics{display:flex;align-items:center;justify-content:center;gap:48px;margin:0 0 28px}
.studio-arrival .se-metric{min-width:140px}
.studio-arrival .se-metric>span{font-size:10px;color:#81877c;letter-spacing:.065em;line-height:1.6}
.studio-arrival .se-metric p{display:flex;justify-content:center;align-items:baseline;gap:11px;margin:8px 0 0;line-height:1}
.studio-arrival .se-metric strong{font-size:74px;font-weight:480;letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:var(--se-blue);line-height:1}
.studio-arrival .se-metric small{font-size:11px;font-weight:400;color:#81867d;letter-spacing:0}
.studio-arrival .se-metric-divider{height:58px;width:1px;background:#d4dacf;display:block;transform:rotate(15deg)}
.studio-arrival .se-quote-group{max-width:100%;margin:auto}
.studio-arrival .se-quote-rule{display:block;width:28px;height:2px;background:var(--se-blue);margin:0 auto 22px;opacity:.8}
.studio-arrival .se-quote{font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(32px,4vw,59px);font-weight:520;font-style:normal;letter-spacing:-.045em;line-height:1.45;text-wrap:balance;word-break:normal;overflow-wrap:break-word;max-width:100%;margin:0}
.studio-arrival[data-long-quote=true] .se-quote{font-size:clamp(31px,3.6vw,52px)}
.studio-arrival .se-quote>span{display:block}

.studio-arrival .se-question{font-size:11px;color:#93998c;letter-spacing:.035em;line-height:1.8;margin:22px 0 0}
.studio-arrival .se-footer{position:relative;z-index:8;padding:22px 5.2% max(23px,env(safe-area-inset-bottom));background:var(--se-paper);border-top:1px solid var(--se-line)}
.studio-arrival .se-footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:25px}
.studio-arrival .se-status{display:grid;gap:5px;min-width:0;justify-self:start}
.studio-arrival .se-timing{font-size:11px;font-variant-numeric:tabular-nums;color:#555e4e;line-height:1.6}
.studio-arrival .se-storage{font-size:9px;color:#919a87;line-height:1.65}

.studio-arrival .se-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:45px;padding:12px 21px;border-radius:4px;font-size:12px;font-weight:450;line-height:1.5;white-space:nowrap;border:1px solid transparent;background:none;color:var(--se-ink)}
.studio-arrival .se-enter{grid-column:2;background:var(--se-blue);border-color:var(--se-blue);color:#fff;min-width:190px;min-height:50px;font-size:14px;justify-self:center}
.studio-arrival .se-enter>span{font-size:17px;line-height:1}
.studio-arrival .se-hold{justify-self:end;border-color:transparent;color:#66705c;min-width:105px;min-height:44px;padding-inline:12px;font-size:11px}
.studio-arrival .se-hold[aria-pressed=true]{border-color:#abafdf;color:var(--se-blue);background:#ededfa}
.studio-arrival .se-motion-note{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:17px;margin-top:16px;border-top:1px solid #e1e6da}
.studio-arrival .se-motion-note p{font-size:10px;color:#818b76;line-height:1.8;margin:0}
.studio-arrival .se-full-motion{border:0;background:none;padding:6px 0;min-height:35px;display:flex;align-items:center;gap:14px;color:var(--se-blue);font-size:10px;white-space:nowrap}
.studio-arrival .se-full-motion span{font-size:9px;color:#7f87b4}
.studio-arrival .se-progress{position:absolute;top:-1px;left:0;right:0;height:2px;overflow:hidden;background:#dce1d4;pointer-events:none}
.studio-arrival .se-progress i{display:block;width:100%;height:100%;background:var(--se-blue);transform:scaleX(1);transform-origin:0 50%;will-change:transform}

/* The artwork is fully local. Sheets travel independently; the content behind stays usable. */
.studio-arrival .se-opening-screen{position:absolute;inset:0;z-index:4;overflow:hidden;background:#3032d8;pointer-events:none;contain:paint}
.studio-arrival:not([data-phase=opening]) .se-opening-screen{display:none}
.studio-arrival .se-opening-aperture{position:absolute;inset:0 15%;background:linear-gradient(90deg,#4446e7,#e5e6fb 46%,#fafbf7 50%,#e5e6fb 54%,#4446e7);transform-origin:50% 50%}
.studio-arrival .se-shards{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr)}
.studio-arrival .se-shard{position:relative;display:block;height:100%;margin:0 -1px;transform-origin:50% 48%;background:linear-gradient(100deg,#f8f8f3 0%,#eeefe7 74%,#d5d9cc 100%);border-left:1px solid #bec5b4;will-change:transform}
.studio-arrival .se-shard:nth-child(even){background:linear-gradient(100deg,#e9ebe2,#fafbf6 44%,#e2e6d8)}
.studio-arrival .se-shard b{position:absolute;top:0;bottom:0;right:0;width:7px;background:#3032d8;opacity:.8}
.studio-arrival .se-shard-2,.studio-arrival .se-shard-4{background:linear-gradient(105deg,#e8eaf3,#f9faf7 77%,#b7bbec)}
.studio-arrival .se-shard-3{background:#3032d8!important;border-color:#2b2fc7}
.studio-arrival .se-shard-3 b{background:#9198ff;width:2px;opacity:.7}
.studio-arrival .se-opening-wordmark{position:absolute;z-index:2;top:50%;left:50%;margin-left:-36px;margin-top:-10px;font-size:18px;font-weight:650;letter-spacing:-.07em;line-height:1;color:#fff}

.studio-arrival[data-static=true] .se-depth{opacity:.6}
@media(hover:hover) and (pointer:fine){.studio-arrival .se-button:hover,.studio-arrival .se-full-motion:hover{opacity:.8}}
@media(max-height:800px) and (min-width:701px){.studio-arrival{grid-template-rows:66px minmax(0,1fr) auto}.studio-arrival .se-stage{padding-block:25px}.studio-arrival .se-greeting{margin-bottom:17px}.studio-arrival .se-metrics{margin-bottom:21px}.studio-arrival .se-metric strong{font-size:61px}.studio-arrival .se-quote{font-size:44px}.studio-arrival[data-long-quote=true] .se-quote{font-size:39px}.studio-arrival .se-quote-rule{margin-bottom:17px}.studio-arrival .se-question{margin-top:15px}.studio-arrival .se-footer{padding-top:16px;padding-bottom:18px}}
@media(max-width:700px){.studio-arrival{grid-template-rows:65px minmax(0,1fr) auto}.studio-arrival .se-header{margin:0 22px;gap:14px}.studio-arrival .se-brand{gap:12px}.studio-arrival .se-brand strong{font-size:22px}.studio-arrival .se-brand>span{font-size:9px;padding-left:12px}.studio-arrival .se-header-caption{font-size:8px;letter-spacing:0}.studio-arrival .se-stage{padding:34px 30px}.studio-arrival .se-viewfinder{inset:17px 17px}.studio-arrival .se-viewfinder i{width:11px;height:11px}.studio-arrival .se-depth i{width:119%;height:96%;transform:translate(-50%,-50%) rotate(-11deg)}.studio-arrival .se-depth i:nth-child(2){width:109%;height:85%}.studio-arrival .se-depth i:nth-child(3){width:99%;height:73%}.studio-arrival .se-greeting{font-size:11px;margin-bottom:27px}.studio-arrival .se-greeting>span{margin:0 8px}.studio-arrival .se-metrics{gap:22px;margin-bottom:28px}.studio-arrival .se-metric{min-width:105px}.studio-arrival .se-metric>span{font-size:9px;letter-spacing:.025em}.studio-arrival .se-metric p{gap:7px;margin-top:9px}.studio-arrival .se-metric strong{font-size:57px}.studio-arrival .se-metric small{font-size:9px}.studio-arrival .se-metric-divider{height:42px}.studio-arrival .se-quote-rule{width:23px;margin-bottom:22px}.studio-arrival .se-quote{font-size:31px;line-height:1.55;letter-spacing:-.055em}.studio-arrival[data-long-quote=true] .se-quote{font-size:27px;line-height:1.62;letter-spacing:-.045em}.studio-arrival .se-question{font-size:9px;margin-top:21px;letter-spacing:.02em}.studio-arrival .se-footer{padding:16px 22px max(20px,env(safe-area-inset-bottom))}.studio-arrival .se-footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}.studio-arrival .se-button{min-height:44px;min-width:0;font-size:11px;padding:11px 13px;gap:19px}.studio-arrival .se-enter{grid-column:1/-1;grid-row:1;width:min(220px,100%);min-height:50px;font-size:14px}.studio-arrival .se-hold{grid-column:2;grid-row:2;justify-self:end;min-height:44px}.studio-arrival .se-status{grid-row:2;grid-column:1;display:grid;gap:3px;align-self:center}.studio-arrival .se-timing{font-size:9px;white-space:nowrap}.studio-arrival .se-storage{font-size:8px;line-height:1.6;max-width:165px}.studio-arrival .se-motion-note{display:grid;gap:7px;padding-top:11px;margin-top:11px}.studio-arrival .se-motion-note p{font-size:8px;line-height:1.7}.studio-arrival .se-full-motion{font-size:10px;min-height:36px;justify-self:start}.studio-arrival .se-full-motion span{font-size:8px}.studio-arrival .se-opening-wordmark{font-size:14px;margin-left:-27px;margin-top:-8px}.studio-arrival .se-shard b{width:4px}}
@media(max-width:700px) and (max-height:720px){.studio-arrival{grid-template-rows:57px minmax(0,1fr) auto}.studio-arrival .se-stage{padding:24px 30px}.studio-arrival .se-greeting{margin-bottom:17px}.studio-arrival .se-metrics{margin-bottom:21px}.studio-arrival .se-metric strong{font-size:48px}.studio-arrival .se-quote{font-size:27px;line-height:1.5}.studio-arrival[data-long-quote=true] .se-quote{font-size:25px;line-height:1.55}.studio-arrival .se-quote-rule{margin-bottom:16px}.studio-arrival .se-question{margin-top:14px}.studio-arrival .se-footer{padding-top:13px;padding-bottom:max(15px,env(safe-area-inset-bottom))}.studio-arrival .se-footer-top{gap:10px}}
@media(max-height:540px){.studio-arrival{grid-template-rows:52px minmax(0,1fr) auto}.studio-arrival .se-stage{align-items:flex-start;padding-block:24px}.studio-arrival .se-content{margin:0 auto}.studio-arrival .se-greeting{margin-bottom:15px}.studio-arrival .se-metrics{margin-bottom:22px}.studio-arrival .se-metric strong{font-size:44px}.studio-arrival .se-quote{font-size:30px}.studio-arrival[data-long-quote=true] .se-quote{font-size:27px}.studio-arrival .se-footer{padding-top:12px;padding-bottom:12px}.studio-arrival .se-storage{display:none}.studio-arrival .se-motion-note{margin-top:9px;padding-top:8px}.studio-arrival .se-motion-note p{font-size:9px}.studio-arrival .se-footer-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.studio-arrival button{transition:none}.studio-arrival .se-depth i{transform:translate(-50%,-50%)}/* Full-motion override is explicit and managed by WAAPI for this one play only. */}