/* Work uses the same full-height cinematic stage, warm thoughts and restrained cuts. */
.living-opening[data-stage=work] .lo-visual{top:0;bottom:0;height:100%}
.living-opening[data-stage=work]:not(.lo-arrived) .lo-cut{opacity:1}
.living-opening[data-stage=work] .lo-cut{transition:opacity .17s ease-out}
.living-opening[data-stage=work]:not(.lo-arrived) .lo-dock{visibility:hidden}
.living-opening[data-stage=work] .lo-heading h2{font-size:19px}
.living-opening[data-stage=work] .lo-dock{bottom:calc(76px + var(--safe-bottom));max-height:none}
.living-opening[data-stage=work] .lo-line{font-size:clamp(17px,4.5vw,21px);line-height:1.35}
.living-opening[data-stage=work] .lo-choices{pointer-events:auto;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.living-opening[data-stage=work] .lo-choice{min-height:48px!important;text-align:center;font-size:14px!important;padding:10px 9px;background:#26302de8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.living-opening[data-stage=work][data-kind=choice] .lo-thought{padding:13px 16px}
.living-opening[data-stage=work][data-kind=choice] .lo-line{font-size:17px}
.living-opening[data-stage=work] .lo-boundary span{display:block}
.wo-phone{position:absolute;z-index:2;transform-origin:0 0;overflow:hidden;background:#faf9f5;color:#27352f;pointer-events:none;outline:none;box-sizing:border-box;font:32px/1.27 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-shadow:none;letter-spacing:0}
.wo-ad-content{padding:37px 23px 20px}
.wo-app-name{display:block;font-size:18px;letter-spacing:.07em;line-height:1.3;color:#69786c;margin-bottom:29px;font-weight:600}
.wo-ad-title{font-size:40px;line-height:1.1;letter-spacing:-.02em;margin:0 0 21px;font-weight:650;color:#23382e}
.wo-ad-location{font-size:24px;line-height:1.3;margin:0 0 29px;color:#667269}
.wo-ad-line{margin:0 0 23px;font-size:32px;line-height:1.27}
.wo-ad-author{font-size:22px;line-height:1.3;margin:29px 0 0;border-top:1px solid #b3c0b4;padding-top:20px;color:#4d5e51}
.wo-list{padding:38px 23px}
.wo-list-title{font-size:40px;line-height:1.1;margin:0 0 26px}
.wo-list-card{padding:20px 16px;margin:0 0 22px;border:2px solid #d3d9cd;border-radius:20px;background:#fff}
.wo-list-card strong{font-size:29px;line-height:1.15;font-weight:550;display:block}
.wo-list-card p{font-size:23px;line-height:1.3;margin:12px 0 0;color:#687469}
.wo-reading{display:none}
@media(orientation:landscape){
 .living-opening[data-stage=work] .lo-heading{top:auto;bottom:18px;left:16px;max-width:42%;padding:7px 9px;background:#17211ecc;border-radius:8px}
 .living-opening[data-stage=work] .lo-heading h2{font-size:15px}.living-opening[data-stage=work] .lo-heading p{font-size:7px;margin-bottom:3px}
 .living-opening[data-stage=work] .lo-visual{width:min(48vw,calc(100dvh * .667));left:calc((48vw - min(48vw,calc(100dvh * .667))) / 2)}
 .living-opening[data-stage=work] .hp-balance{left:50%}
 .living-opening[data-stage=work] .lo-top-controls{left:auto;right:18px}
 .living-opening[data-stage=work] .lo-dock{bottom:calc(66px + var(--safe-bottom))}
 .wo-reading{display:block;color:#28382e;background:#f5f1e9ed;border:1px solid #fff5d7a0;border-radius:20px;box-shadow:0 10px 30px #141b1833;outline:none}
 .wo-reading .wo-ad-content{padding:18px 22px}
 .wo-reading .wo-app-name{font-size:9px;margin-bottom:10px}
 .wo-reading .wo-ad-title{font-size:24px;margin-bottom:9px}
 .wo-reading .wo-ad-location{font-size:13px;margin-bottom:14px}
 .wo-reading .wo-ad-line{font-size:17px;line-height:1.3;margin-bottom:10px}
 .wo-reading .wo-ad-author{font-size:12px;margin:14px 0 0;padding-top:12px}
}
@media(max-height:670px) and (orientation:portrait){
 .living-opening[data-stage=work] .lo-dock{bottom:calc(65px + var(--safe-bottom))}
 .living-opening[data-stage=work] .lo-thought{padding:11px 14px}
 .living-opening[data-stage=work] .lo-line{font-size:16px;line-height:1.3}
 .living-opening[data-stage=work] .lo-choice{min-height:44px!important;font-size:13px!important;padding:8px}
}
@media(max-height:620px) and (orientation:portrait){
 .living-opening[data-stage=work] .lo-heading{max-width:125px}
 .living-opening[data-stage=work] .lo-heading h2{font-size:16px}
 .living-opening[data-stage=work][data-kind=choice] .lo-line{font-size:15px}
}
@media(orientation:landscape) and (max-height:600px){
 .living-opening[data-stage=work] .lo-line{font-size:16px;line-height:1.3}
 .living-opening[data-stage=work] .lo-thought{padding:11px 14px}
 .living-opening[data-stage=work][data-kind=choice] .lo-line{font-size:15px}
 .living-opening[data-stage=work] .lo-choices{margin-top:8px;gap:6px}
 .living-opening[data-stage=work] .lo-choice{font-size:13px!important;min-height:44px!important;padding:8px}
 .wo-reading .wo-ad-content{padding:11px 14px}
 .wo-reading .wo-app-name{font-size:8px;margin-bottom:6px}
 .wo-reading .wo-ad-title{font-size:18px;margin-bottom:5px}
 .wo-reading .wo-ad-location{font-size:11px;margin-bottom:7px}
 .wo-reading .wo-ad-line{font-size:14px;line-height:1.25;margin-bottom:7px}
 .wo-reading .wo-ad-author{font-size:10px;margin-top:8px;padding-top:7px}
}

/* The vacancy is the subject of this close-up, so keep chapter type off its glass. */
.living-opening[data-stage=work][data-kind=vacancy] .lo-heading{display:none}
.wo-phone.wo-compact .wo-ad-content{padding:24px 18px 16px}
.wo-phone.wo-compact .wo-app-name{font-size:16px;margin-bottom:18px}
.wo-phone.wo-compact .wo-ad-title{font-size:36px;margin-bottom:15px}
.wo-phone.wo-compact .wo-ad-location{font-size:22px;margin-bottom:18px}
.wo-phone.wo-compact .wo-ad-line{font-size:34px;line-height:1.2;margin-bottom:14px}
.wo-phone.wo-compact .wo-ad-author{font-size:22px;margin-top:18px;padding-top:15px}

/* Messages stay inside the phone; short or wide screens use one readable companion card. */
.living-opening[data-segment=work-marina][data-kind=correspondence] .lo-heading,
.living-opening[data-segment=work-marina][data-kind=work-notification] .lo-heading{display:none}
.wo-phone[data-mode=chat]{background:#eff2f2;color:#26353c}
.wm-conversation{padding:30px 22px}
.wm-chat-app{display:block;font-size:18px;line-height:1.3;letter-spacing:.05em;color:#5a6a72;margin-bottom:12px}
.wm-chat-name{font-size:39px;line-height:1.2;font-weight:600;margin:0 0 5px}
.wm-chat-subtitle{display:block;font-size:21px;line-height:1.25;color:#64727a;margin-bottom:27px}
.wm-chat-bubble{border-radius:20px 20px 20px 4px;background:#dae7f0;border:1px solid #c3d4e0;padding:24px 20px}
.wm-chat-bubble[data-direction=outgoing]{border-radius:20px 20px 4px 20px;background:#efe7d7;border-color:#ddcfb7}
.wm-sender{display:block;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:.02em;margin-bottom:14px;color:#465c6b}
.wm-chat-bubble[data-direction=outgoing] .wm-sender{color:#67583e}
.wm-text{font-size:32px;line-height:1.35;margin:0}
.wo-phone[data-mode=notification]{background:transparent;color:#f7f3eb}
.wm-lock{padding:140px 24px 30px}
.wm-notification{border-radius:26px;background:#e8eef2ed;color:#243440;padding:27px 24px;box-shadow:0 8px 24px #0003}
.wm-notification .wm-chat-app{margin-bottom:18px}
.wm-notification .wm-chat-name{margin-bottom:12px}
.wo-reading .wm-conversation{padding:20px}
.wo-reading .wm-chat-app{font-size:10px;margin-bottom:5px}
.wo-reading .wm-chat-name{font-size:23px;margin-bottom:4px}
.wo-reading .wm-chat-subtitle{font-size:12px;margin-bottom:14px}
.wo-reading .wm-chat-bubble{padding:15px 17px;border-radius:16px}
.wo-reading .wm-sender{font-size:11px;margin-bottom:8px}
.wo-reading .wm-text{font-size:18px;line-height:1.4}
.wo-reading .wm-lock{padding:18px}
.wo-reading .wm-notification{padding:15px;border-radius:16px;box-shadow:none}
.wo-reading[data-mode=chat]{background:#eff2f2f5}
.wo-reading[data-mode=notification]{background:#25333cdc;color:#fff}
@media(orientation:portrait) and (max-height:620px){
 .living-opening[data-segment=work-marina][data-kind=correspondence] .wo-reading{display:block}
 .wo-reading .wm-conversation{padding:13px}
 .wo-reading .wm-chat-name{font-size:21px}
 .wo-reading .wm-chat-subtitle{font-size:11px;margin-bottom:10px}
 .wo-reading .wm-chat-bubble{padding:12px}
 .wo-reading .wm-text{font-size:16px;line-height:1.3}
 .wo-reading .wm-sender{margin-bottom:6px}
 .living-opening[data-segment=work-marina][data-kind=choice] .lo-line{font-size:15px;line-height:1.25}
}
@media(orientation:landscape) and (max-height:600px){
 .wo-reading .wm-conversation{padding:12px 14px}
 .wo-reading .wm-chat-app{font-size:8px;margin-bottom:3px}
 .wo-reading .wm-chat-name{font-size:17px;margin-bottom:2px}
 .wo-reading .wm-chat-subtitle{font-size:10px;margin-bottom:7px}
 .wo-reading .wm-chat-bubble{padding:10px 12px}
 .wo-reading .wm-sender{font-size:9px;margin-bottom:5px}
 .wo-reading .wm-text{font-size:15px;line-height:1.25}
 .living-opening[data-segment=work-marina][data-kind=choice] .lo-line{font-size:15px;line-height:1.25}
}

.wo-phone.wm-narrow .wm-conversation{padding:22px 15px}
.wo-phone.wm-narrow .wm-chat-name{font-size:32px}
.wo-phone.wm-narrow .wm-chat-subtitle{font-size:17px;margin-bottom:19px}
.wo-phone.wm-narrow .wm-chat-bubble{padding:18px 14px}
.wo-phone.wm-narrow .wm-text{font-size:26px;line-height:1.3}
.wo-phone.wm-narrow .wm-sender{font-size:16px;margin-bottom:10px}
/* Keep the entire question visible inside both illustrated handset sizes. */
.wo-phone[data-mode=chat] .wm-conversation{padding:24px 18px}
.wo-phone[data-mode=chat] .wm-chat-name{font-size:33px}
.wo-phone[data-mode=chat] .wm-chat-subtitle{font-size:18px;margin-bottom:21px}
.wo-phone[data-mode=chat] .wm-chat-bubble{padding:20px 16px}
.wo-phone[data-mode=chat] .wm-text{font-size:27px;line-height:1.3}
.wo-phone.wm-narrow[data-mode=chat] .wm-conversation{padding:22px 15px}
.wo-phone.wm-narrow[data-mode=chat] .wm-chat-subtitle{font-size:16px;margin-bottom:16px}
.wo-phone.wm-narrow[data-mode=chat] .wm-chat-bubble{padding:16px 13px}
.wo-phone.wm-narrow[data-mode=chat] .wm-text{font-size:24px;line-height:1.28}
@media(orientation:landscape) and (max-height:360px){
 .wo-reading .wm-conversation{padding:9px 11px}
 .wo-reading .wm-chat-app,.wo-reading .wm-chat-subtitle{display:none}
 .wo-reading .wm-chat-name{font-size:16px;margin-bottom:6px}
 .wo-reading .wm-chat-bubble{padding:8px 10px}
 .wo-reading .wm-sender{font-size:9px;margin-bottom:4px}
 .wo-reading .wm-text{font-size:14px;line-height:1.24}
}

.living-opening[data-segment=work-marina] .wo-reading{color:#28383e;border-radius:20px;border:1px solid #e3e9ec;box-shadow:0 10px 30px #141b1833;outline:none}
/* Four reflection answers need more width than the earlier two-way choices. */
@media(orientation:landscape) and (max-height:400px){
 .living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=reason] .lo-dock{left:36%;right:12px;bottom:calc(64px + var(--safe-bottom));overflow:visible}
 .living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=reason] .lo-speaker{display:none}
 .living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=reason] .lo-thought{padding:8px 11px}
 .living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=reason] .lo-line{font-size:14px;line-height:1.25;margin:0}
 .living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=reason] .lo-choice{font-size:13px!important;padding:7px;line-height:1.22}
}
/* Work results include tomorrow's agreement, never tomorrow's pay in today's balance. */
.day-work .day-work-note{color:#f2d9ae;border-top:1px solid #ecd5ab30;padding-top:7px}
.day-work .day-money-note{color:#ddd2ba}
@media(orientation:portrait) and (min-height:761px){
 .living-opening.da-result[data-kind=day-result] .day-finale.day-work{top:25%;padding:15px 18px}
 .day-work .day-results{gap:9px}
 .day-work .day-awards{gap:6px}
 .day-work .day-dream h3{font-size:18px}
}
@media(orientation:landscape) and (max-height:600px){
 .living-opening.da-result[data-kind=day-result] .day-finale.day-work{bottom:calc(66px + var(--safe-bottom));top:calc(60px + var(--safe-top));left:33%;right:12px}
 .day-work .day-award-detail{display:none}
 .day-work .day-dream h3{font-size:15px;margin:4px 0}
 .day-work .day-dream p{font-size:12px;line-height:1.25}
 .day-work .day-results{gap:6px 13px}
 .day-work .day-work-note{padding-top:5px}
}
@media(orientation:landscape) and (max-height:400px) and (max-width:700px){
 .living-opening.da-result[data-kind=day-result] .day-finale.day-work{left:12px;top:calc(57px + var(--safe-top));padding:9px 12px}
 .day-work .day-results{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
 .day-work .day-pattern-awards{margin-top:3px}
 .day-work .day-dream{padding-top:4px}
}
@media(orientation:portrait) and (min-height:761px) and (max-height:820px){
 .living-opening.da-result[data-kind=day-result] .day-finale.day-work{top:22%}
}
/* Narrator passages retain the established lilac voice, distinct from the hero. */
.living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=narration] .lo-thought{background:var(--narrator-panel);border-color:var(--narrator-border);border-radius:20px}
.living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=narration] .lo-speaker{color:var(--narrator-label)}

.living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=narration] .lo-thought::before,.living-opening:is([data-segment=work-marina],[data-segment=work-search])[data-kind=narration] .lo-thought::after{display:none}

/* Showroom vacancy and an explicit, readable application; no external service is contacted. */
.living-opening[data-segment=work-search][data-kind=correspondence] .lo-heading{display:none}
.wo-phone[data-mode^="search-"]{background:#f7f3eb;color:#29382f}
.ws-content{padding:32px 21px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-shadow:none;letter-spacing:0}
.ws-app{display:block;font-size:18px;letter-spacing:.05em;color:#68796a;margin-bottom:23px}
.ws-title{font-size:37px;line-height:1.15;margin:0 0 18px;color:#253d30}
.ws-subtitle{font-size:23px;line-height:1.3;color:#58695c;margin:0 0 24px}
.ws-copy{font-size:29px;line-height:1.3;margin:0 0 22px}
.ws-status{font-size:22px;line-height:1.3;color:#596b5b;margin:20px 0 0}
.ws-application{background:#e9e1cf;border:1px solid #d5c7aa;border-radius:20px 20px 4px 20px;padding:20px 17px}
.ws-application .ws-copy{font-size:27px;line-height:1.28;margin:0}
.ws-list-card{border:1px solid #d4d9ce;background:#fff9;border-radius:18px;padding:19px 13px;margin-bottom:22px}
.ws-list-card strong{font-size:28px;line-height:1.2;display:block}
.ws-list-card p{font-size:22px;line-height:1.3;color:#637262;margin:12px 0 0}
.wo-phone.wm-narrow .ws-content{padding:22px 15px}
.wo-phone.wm-narrow .ws-app{font-size:15px;margin-bottom:13px}
.wo-phone.wm-narrow .ws-title{font-size:29px;margin-bottom:12px}
.wo-phone.wm-narrow .ws-subtitle{font-size:18px;margin-bottom:18px}
.wo-phone.wm-narrow .ws-copy{font-size:25px;line-height:1.26;margin-bottom:16px}
.wo-phone.wm-narrow .ws-status{font-size:18px;margin-top:14px}
.wo-phone.wm-narrow .ws-application{padding:15px 12px}
.wo-phone.wm-narrow .ws-application .ws-copy{font-size:23px;line-height:1.25;margin:0}
.wo-reading .ws-content{padding:17px 20px}
.wo-reading .ws-app{font-size:9px;margin-bottom:9px}
.wo-reading .ws-title{font-size:23px;margin-bottom:8px}
.wo-reading .ws-subtitle{font-size:12px;margin-bottom:12px}
.wo-reading .ws-copy{font-size:17px;line-height:1.3;margin-bottom:10px}
.wo-reading .ws-status{font-size:12px;margin-top:10px}
.wo-reading .ws-application{padding:13px 14px;border-radius:14px}
.wo-reading .ws-application .ws-copy{font-size:17px;line-height:1.3;margin:0}
@media(orientation:portrait) and (max-height:620px){
 .living-opening[data-segment=work-search][data-kind=correspondence] .wo-reading{display:block;background:#f7f3ebf5;color:#29382f;border-radius:18px}
 .wo-reading .ws-content{padding:12px 14px}
 .wo-reading .ws-title{font-size:21px}
 .wo-reading .ws-subtitle{margin-bottom:9px}
 .wo-reading .ws-application .ws-copy{font-size:16px;line-height:1.3}
}
@media(orientation:landscape) and (max-height:600px){
 .wo-reading .ws-content{padding:10px 13px}
 .wo-reading .ws-app{font-size:8px;margin-bottom:5px}
 .wo-reading .ws-title{font-size:18px;margin-bottom:5px}
 .wo-reading .ws-subtitle{font-size:10px;margin-bottom:7px}
 .wo-reading .ws-copy{font-size:14px;line-height:1.25;margin-bottom:7px}
 .wo-reading .ws-status{font-size:10px;margin-top:6px}
 .wo-reading .ws-application{padding:9px 11px}
 .wo-reading .ws-application .ws-copy{font-size:14px;line-height:1.25}
}
@media(orientation:landscape) and (max-height:360px){
 .wo-reading .ws-app,.wo-reading .ws-subtitle{display:none}
 .wo-reading .ws-title{font-size:16px}
}

/* Leave breathing room at the rounded bottom of both illustrated phone screens. */
.wo-phone .ws-content{padding:24px 21px}
.wo-phone .ws-copy{margin-bottom:17px}
.wo-phone .ws-application .ws-copy{font-size:25px;line-height:1.28;margin:0}
.wo-phone.wm-narrow .ws-content{padding:18px 15px}
.wo-phone.wm-narrow .ws-copy{margin-bottom:12px}
.wo-phone.wm-narrow .ws-status{margin-top:10px}

.ws-application .ws-copy{overflow-wrap:anywhere}

/* Long allowed names keep their full text; decorative labels yield before type shrinks. */
.wo-phone .ws-long-copy .ws-app,.wo-phone .ws-long-copy .ws-subtitle{display:none}
@media(orientation:landscape) and (max-height:360px){
 .living-opening[data-segment=work-search][data-kind=correspondence] .lo-dock{left:12px;right:12px;max-width:none}
}