.entrance{position:fixed;inset:0;z-index:100000;overflow:hidden;transition:opacity .28s ease;overscroll-behavior:contain;--load:0;display:grid;place-items:center}.loading-complete{opacity:0;pointer-events:none}.entrance h2{font-weight:400;margin:0;font-size:22px;line-height:1.5}.entrance *{box-sizing:border-box}
/* A: cinematic panels reveal vertically; distinct cinematic artwork. */
.loading-drama{background:#080b10;color:#f5f7fb;font-family:'Space Grotesk',sans-serif}.cinema-intro{width:min(980px,88vw)}.cinema-brand{font-size:clamp(26px,4vw,50px);font-weight:700;letter-spacing:-.06em;line-height:1;margin-bottom:25px}.cinema-brand span{font-weight:400;margin-left:8px}.cinema-cuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:clamp(180px,35vh,350px)}.cinema-cut{overflow:hidden;position:relative;clip-path:inset(calc(max(0,1 - var(--load)*3)*100%) 0 0)}.cinema-cut img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.cinema-cut b{position:absolute;bottom:12px;left:15px;font-size:24px;font-weight:500;color:#fff}.cinema-cut.cut-1{clip-path:inset(calc(max(0,1.6 - var(--load)*3)*100%) 0 0)}.cinema-cut.cut-2{clip-path:inset(calc(max(0,2.2 - var(--load)*3)*100%) 0 0)}.cinema-caption{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:24px;align-items:center}.cinema-caption>span{grid-column:1/-1;font-size:9px;letter-spacing:.22em;color:#6495ff}.cinema-dots{display:flex;gap:7px}.cinema-dots i{width:8px;height:8px;border-radius:50%;background:#243345}.cinema-dots i:first-child,.loading-drama[data-phase='1'] .cinema-dots i:nth-child(2),.loading-drama[data-phase='2'] .cinema-dots i,.loading-drama[data-phase='3'] .cinema-dots i{background:#73a1ff}
/* B: a conversational exchange builds as bubbles, entirely different composition. */
.loading-social{background:#f4d9c8;color:#62304b;font-family:var(--font,sans-serif)}.conversation-intro{width:min(650px,86vw)}.conversation-brand{display:block;font:600 28px 'Playfair Display',serif;letter-spacing:-1.3px;text-align:center}.conversation-stage{height:310px;position:relative;margin:25px 0}.conversation-hello,.conversation-reply{position:absolute;font:40px/1.2 'Playfair Display',serif;border-radius:28px;padding:25px 40px;box-shadow:0 15px 35px #65274318;transition:opacity .2s,transform .3s}.conversation-hello{left:0;top:25px;background:#fff8ef;opacity:clamp(0,var(--load)*4,1);transform:translateY(calc(max(0,1 - var(--load)*4)*30px)) rotate(-5deg)}.conversation-hello i{font-style:normal;color:#d67a54;margin-left:35px}.conversation-reply{right:0;top:145px;background:#693854;color:#fff4e9;opacity:clamp(0,(var(--load) - .3)*4,1);transform:translateY(calc(max(0,1.3 - var(--load)*3)*35px)) rotate(4deg);max-width:85%}.conversation-reply>span{font-family:sans-serif;margin-left:25px}.conversation-typing{position:absolute;bottom:0;left:15%;display:flex;gap:8px;background:#ffffff80;border-radius:30px;padding:15px 22px}.conversation-typing i{width:7px;height:7px;border-radius:50%;background:#985d78;animation:conversation-bounce .85s infinite alternate}.conversation-typing i:nth-child(2){animation-delay:.15s}.conversation-typing i:nth-child(3){animation-delay:.3s}.conversation-intro h2{text-align:center;font:23px/1.5 'Playfair Display',var(--font,serif)}@keyframes conversation-bounce{to{transform:translateY(-5px);opacity:.3}}
/* C: precision engraving around a typographic monogram. */
.loading-luxury{background:#f2eee6;color:#514338}.vault-intro{text-align:center;width:min(580px,84vw)}.vault-edition{font:9px sans-serif;letter-spacing:.28em;color:#89745e}.vault-emblem{width:min(300px,65vw);height:min(300px,65vw);position:relative;margin:30px auto}.vault-emblem svg{width:100%;height:100%;fill:none;stroke:#b19b7b;stroke-width:.6}.vault-outline{opacity:.22}.vault-engraving{stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--load)*100);transform:rotate(-90deg);transform-origin:center}.vault-axis{stroke:#89745e}.vault-emblem>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.vault-emblem b{font:80px/1 'Playfair Display',Georgia,serif;letter-spacing:-6px}.vault-emblem div span{font:10px sans-serif;letter-spacing:.45em;padding-left:.45em;margin-top:15px}.vault-intro h2{font:italic 23px/1.5 'Playfair Display',var(--font,serif)}.vault-chapters{display:flex;gap:12px;justify-content:center;margin-top:30px}.vault-chapters i{height:5px;width:5px;background:#c9bca8;transform:rotate(45deg)}.loading-luxury[data-phase='1'] .vault-chapters i:first-child,.loading-luxury[data-phase='2'] .vault-chapters i:nth-child(-n+2),.loading-luxury[data-phase='3'] .vault-chapters i{background:#67513b}
/* D: a paper checklist is assembled on a working desk. */
.loading-career{background:#dbe5e6;background-image:linear-gradient(#67839012 1px,transparent 1px),linear-gradient(90deg,#67839012 1px,transparent 1px);background-size:40px 40px;color:#203c4a}.desk-intro{width:min(540px,85vw);position:relative;transform:rotate(-3deg)}.desk-document{padding:35px;background:#fffdf6;box-shadow:13px 14px 0 #9bb4b766,0 25px 70px #15374722;position:relative}.desk-document-top{display:flex;justify-content:space-between;border-bottom:1px solid #c9d6d8;padding-bottom:18px;font:11px 'Space Grotesk',sans-serif;letter-spacing:.12em}.desk-document-top i{font-style:normal;font-size:24px}.desk-document h2{font:30px/1.25 'Space Grotesk',var(--font,sans-serif);margin:30px 0}.desk-document ol{padding:0;list-style:none}.desk-task{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e0e5df;font:13px var(--font,sans-serif)}.desk-task>b{width:21px;height:21px;border:1px solid #b1c3c7;display:grid;place-items:center;font:12px sans-serif}.desk-task i{width:5px;height:5px;background:#d5ddd7;border-radius:50%;margin-left:auto}.loading-career[data-phase='1'] .task-0 b:after,.loading-career[data-phase='2'] .task-0 b:after,.loading-career[data-phase='2'] .task-1 b:after,.loading-career[data-phase='3'] .desk-task b:after{content:'✓';color:#23734e}.desk-stamp{position:absolute;right:30px;bottom:42px;border:2px solid #d66a3c;color:#d66a3c;padding:7px 10px;font:700 20px 'Space Grotesk',sans-serif;transform:rotate(-12deg) scale(calc(.8 + var(--load)*.2));opacity:clamp(0,(var(--load) - .82)*7,1)}.desk-pencil{position:absolute;right:-20px;top:35%;width:11px;height:190px;background:linear-gradient(90deg,#d79a53 33%,#f4c685 33%,#f4c685 66%,#ba783e 66%);transform:rotate(15deg);border-radius:2px}
/* E: room outlines and furnishings trace into an architectural drawing. */
.loading-property{background:#172e3b;color:#d8e5e8}.blueprint-intro{width:min(650px,88vw);text-align:center}.blueprint-brand{font:25px 'Playfair Display',serif;letter-spacing:.15em}.blueprint-sheet{position:relative;margin:30px auto;max-width:560px;border:1px solid #5e839044;padding:20px}.blueprint-sheet>span{position:absolute;right:20px;top:15px;font:10px sans-serif;letter-spacing:.2em;color:#7199a7}.blueprint-sheet svg{width:100%;stroke:#aac5ca;fill:none;stroke-width:1}.blueprint-sheet pattern path{stroke:#456272;stroke-width:.35}.blueprint-walls{stroke:#dae8e7;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--load)*100)}.blueprint-furniture{stroke:#a6c9d3;opacity:clamp(0,(var(--load) - .5)*3,1)}.blueprint-pin{stroke:#e5bd90;opacity:clamp(0,(var(--load) - .8)*5,1)}.blueprint-intro h2{font:italic 24px/1.5 'Playfair Display',var(--font,serif);max-width:550px;margin:auto}
@media(max-width:600px){.entrance h2{font-size:19px}.cinema-caption{grid-template-columns:1fr}.cinema-dots{margin-top:5px}.cinema-cuts{height:220px;gap:6px}.cinema-cut b{font-size:16px;left:8px}.conversation-hello,.conversation-reply{font-size:29px;padding:22px 25px}.conversation-stage{height:290px}.conversation-reply>span{margin-left:10px}.desk-document{padding:25px}.desk-document h2{font-size:25px}.desk-pencil{right:-10px}.desk-stamp{right:20px;bottom:35px;font-size:17px}.blueprint-sheet{padding:5px}.vault-emblem b{font-size:65px}}@media(prefers-reduced-motion:reduce){.entrance{transition:none}.conversation-typing i{animation:none}.conversation-hello,.conversation-reply{transition:none;transform:none}.desk-intro{transform:none}}

.entrance-status{position:absolute;left:6%;right:6%;bottom:28px;display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-items:end;max-width:100%;color:inherit;font-family:'Space Grotesk',var(--font),sans-serif}.entrance-status>span{font-size:10px;letter-spacing:.08em;opacity:.7}.entrance-status>strong{font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.entrance-status-track{grid-column:1/-1;height:2px;background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden}.entrance-status-track i{display:block;width:100%;height:100%;background:currentColor;transform-origin:left;transform:scaleX(var(--load))}.entrance>div:first-child{max-height:calc(100vh - 130px)}@media(max-height:600px){.entrance-status{bottom:16px}.entrance-status>strong{font-size:24px}.entrance h2{font-size:16px}.cinema-cuts{height:140px}}