/* A shared purpose, a real beginning, and one editorial view of the three roles. */
.story-mobile-break{display:none}
.window.home.refined[data-edition="life-journey"] .belief{padding-bottom:15px}
.window.refined .jv-origin{margin-top:48px;margin-bottom:94px;padding-top:48px}
.window.refined .jv-origin-copy .story-origin-next{font-family:var(--serif);font-size:20px;line-height:1.95;margin-top:25px}
.window.home.refined[data-edition="life-journey"] .story-life-film{display:flex;flex-direction:column;gap:34px;margin-block:60px 70px;align-items:stretch}
.story-life-film .film-story-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.story-life-film .film-story-copy .eyebrow{margin-top:0}
.window.refined .story-life-film .film-story-copy h2{font-size:clamp(33px,3.9vw,54px);line-height:1.55;margin:20px 0 0}
.story-life-film h2 span{display:inline-block;white-space:nowrap}
.story-life-film .story-film-meaning>p:first-child{margin-top:0}
.story-life-film .story-film-meaning .text-link{margin-top:8px;font-size:15px;min-height:44px}
.window.refined .story-life-film>.film{width:100%;height:auto;aspect-ratio:16/9;max-height:760px;border-radius:14px 60px 14px 14px;overflow:hidden}
.window.refined .story-business{margin-block:0 100px;padding-top:32px;border-top:0}
.story-business-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:start;margin-bottom:48px}
.story-business-intro>.eyebrow{grid-column:1/-1;margin:0 0 21px}
.window.refined .story-business-intro h2{font:400 clamp(30px,3vw,42px)/1.7 var(--serif);letter-spacing:.025em;margin:0}
.story-business-purpose>p:first-child{font:400 20px/1.9 var(--serif);margin:0 0 18px}
.story-business-purpose>p:last-child{font:400 16px/2.05 var(--sans);margin:0;color:var(--muted)}
.story-business-ensemble{display:grid;grid-template-columns:1.18fr 1fr;gap:44px 6%;align-items:start}
.story-role{min-width:0}
.story-role--crew{grid-column:2;grid-row:1}
.story-role--stay{grid-column:2;grid-row:2}
.story-role--living{grid-column:1;grid-row:1/3;align-self:stretch;display:flex;flex-direction:column}
.story-role>header{display:grid;grid-template-columns:25px 1fr;column-gap:10px;align-items:baseline;margin-bottom:17px}
.story-role-number{font:400 12px/1.7 var(--sans);color:var(--journey-blue-ink)}
.window.refined .story-role h3{font:500 clamp(21px,2vw,28px)/1.3 var(--sans);letter-spacing:.065em;margin:0}
.story-role>header>p{grid-column:2;margin:5px 0 0;font:400 14px/1.75 var(--sans);color:var(--muted)}
.story-role-image{display:block;position:relative;text-decoration:none;background:transparent!important;box-shadow:none!important;transform:none!important;border-radius:0!important}
.story-role-image figure{position:relative;overflow:hidden;aspect-ratio:1.95;margin:0;border-radius:12px 42px 12px 12px}
.story-role-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}
.story-role--living .story-role-image{flex:1;min-height:0;display:flex;flex-direction:column}
.story-role--living .story-role-image figure{flex:1;aspect-ratio:auto;min-height:470px;border-radius:54px 12px 12px 12px}
.story-role--living .story-role-image img{position:absolute;inset:0;height:100%;border-radius:54px 12px 12px 12px}
.story-image-action{display:flex;align-items:center;justify-content:space-between;font:400 13px/1.7 var(--sans);color:var(--muted);padding:10px 0 5px;min-height:41px;box-sizing:border-box}
.story-image-action>span{font-size:25px;line-height:1;transition:transform .25s ease-out}
.story-role-copy{padding-top:13px}
.window.refined .story-role-copy h4{font:400 22px/1.7 var(--serif);letter-spacing:.02em;margin:0 0 12px}
.story-role-copy>p{font:400 15px/1.95 var(--sans);margin:0;text-wrap:pretty}
.window.refined .story-role--living h4{font-size:clamp(25px,2.6vw,36px);margin:8px 0 16px}
.story-role--living .story-role-copy>p{font-size:16px;line-height:2.05}
.story-role-copy>.story-media-note{font:400 12px/1.8 var(--sans);color:var(--muted);margin-top:14px}
.window.refined .story-role-image:is(:hover,:focus-visible,:active){background:transparent!important;box-shadow:none!important;transform:none!important}
.window.refined .story-role-image:focus-visible{outline:2px solid var(--journey-blue-ink);outline-offset:6px}
@media(hover:hover) and (pointer:fine){.story-role-image:hover img{transform:scale(1.018)}.story-role-image:hover .story-image-action>span{transform:translate(2px,-2px)}}
@media(max-width:1000px){
 .story-business-ensemble{column-gap:5%;grid-template-columns:1.05fr 1fr}
 .story-role>header{grid-template-columns:20px 1fr;column-gap:8px}
 .story-role>header>p{font-size:13px}
 .window.refined .story-role-copy h4{font-size:21px}
 .story-role--living .story-role-image figure{min-height:480px}
 .story-life-film .film-story-copy,.story-business-intro{column-gap:5%}
}
@media(max-width:650px){
 .story-mobile-break{display:block}
 .window.refined .jv-origin{margin-block:30px 62px;padding-top:38px}
 .window.refined .jv-origin-copy .story-origin-next{font-size:19px;margin-top:22px}
 .window.home.refined[data-edition="life-journey"] .story-life-film{margin-block:36px 46px;gap:25px}
 .story-life-film .film-story-copy,.story-business-intro{display:block}
 .window.refined .story-life-film .film-story-copy h2{font-size:34px;margin:14px 0 23px}
 .story-life-film .film-story-copy p:not(.eyebrow){font-size:15px;line-height:2.05}
 .window.refined .story-life-film>.film{aspect-ratio:4/3;max-height:none;border-radius:12px 38px 12px 12px}
 .window.refined .story-business{padding-top:20px;margin-block:0 65px}
 .story-business-intro{margin-bottom:33px}
 .story-business-intro>.eyebrow{font-size:12px;margin-bottom:15px}
 .window.refined .story-business-intro h2{font-size:31px;line-height:1.65;margin-bottom:23px}
 .story-business-purpose>p:first-child{font-size:18px;line-height:1.9;margin-bottom:15px}
 .story-business-purpose>p:last-child{font-size:15px;line-height:2}
 .story-business-ensemble{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 18px}
 .story-role--crew{grid-column:1;grid-row:1}
 .story-role--stay{grid-column:2;grid-row:1}
 .story-role--living{grid-column:1/-1;grid-row:2;display:block}
 .story-role>header{display:block;position:relative;margin-bottom:13px}
 .story-role-number{display:block;margin-bottom:6px;font-size:12px}
 .window.refined .story-role h3{font-size:clamp(17px,4.7vw,24px);letter-spacing:.04em;white-space:nowrap}
 .story-role>header>p{font-size:13px;line-height:1.8;margin-top:7px;min-height:3.6em}
 .story-role-image figure{aspect-ratio:1.03;border-radius:10px 27px 10px 10px}
 .story-role--stay .story-role-image figure{border-radius:10px 10px 27px 10px}
 .story-image-action{font-size:12px;padding-top:8px}
 .story-image-action>span{font-size:23px}
 .story-role-copy{padding-top:9px}
 .window.refined .story-role-copy h4{font-size:17px;line-height:1.8;margin-bottom:10px}
 .story-role-copy>p{font-size:14px;line-height:1.95}
 .story-role--living>header>p{min-height:0}
 .story-role--living .story-role-image{display:block}
 .story-role--living .story-role-image figure{min-height:0;aspect-ratio:1.25;border-radius:36px 10px 10px 10px}
 .story-role--living .story-role-image img{position:static;height:100%;border-radius:0}
 .window.refined .story-role--living h3{font-size:25px}
 .window.refined .story-role--living h4{font-size:27px;line-height:1.75;margin:4px 0 14px}
 .story-role--living .story-role-copy>p{font-size:15px;line-height:2.05}
 .story-role--living .story-role-copy>.story-media-note{font-size:12px;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.story-role-image img,.story-image-action>span{transition:none;transform:none!important}}

/* Read the roles in the same order on screen and with assistive technology.
   The photographic sequence is continuous; no single business is its parent. */
.story-business-ensemble{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.story-role--crew,.story-role--stay,.story-role--living{grid-column:auto;grid-row:auto;display:block}
.story-role--living .story-role-image{display:block}
.story-role-image figure,.story-role--living .story-role-image figure{aspect-ratio:3/2;min-height:0}
.story-role--living .story-role-image img{position:static;border-radius:0}
.window.refined .story-role h3{font-size:clamp(21px,2vw,28px)}
.story-role>header>p{min-height:1.75em}
.window.refined .story-role-copy h4,.window.refined .story-role--living h4{font-size:clamp(22px,1.8vw,26px);line-height:1.7;min-height:3.4em;margin:7px 0 15px;text-wrap:balance}
.story-role-copy>p,.story-role--living .story-role-copy>p{font-size:15px;line-height:2}
@media(max-width:1000px){
 .story-business-ensemble{grid-template-columns:1fr;gap:38px}
 .story-role{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}
 .story-role>header{grid-column:1/-1;display:grid;margin-bottom:18px}
 .story-role>header>p{min-height:0;font-size:14px}
 .story-role-image,.story-role--living .story-role-image{grid-column:1}
 .story-role-copy{grid-column:2;padding-top:0}
 .window.refined .story-role-copy h4,.window.refined .story-role--living h4{min-height:0;margin-top:0;font-size:24px}
}
@media(max-width:650px){
 .story-business-ensemble{gap:42px}
 .story-role{display:block}
 .story-role>header{grid-template-columns:24px 1fr;gap:4px 10px;margin-bottom:16px}
 .story-role-number{margin:0;grid-row:1}
 .window.refined .story-role h3,.window.refined .story-role--living h3{font-size:26px;letter-spacing:.06em}
 .story-role>header>p{grid-column:2;font-size:14px;line-height:1.75;margin:0}
 .story-role-image figure,.story-role--living .story-role-image figure{aspect-ratio:3/2;min-height:0}
 .story-role-copy{padding-top:14px}
 .window.refined .story-role-copy h4,.window.refined .story-role--living h4{font-size:25px;min-height:0;margin:0 0 14px;text-wrap:pretty}
 .story-role-copy>p,.story-role--living .story-role-copy>p{font-size:15px;line-height:2}
 .story-image-action{font-size:13px;min-height:44px}
}