/* Development belongs to the same quiet, open landscape as the life stories. */
.window.refined .jv-company-intro{max-width:33em;font:400 17px/2 var(--sans);color:var(--muted)}
.window.refined .jv-world-intro.jv-company-intro{max-width:36em}
.window.refined .jv-world-intro.jv-company-intro p{font:400 17px/2 var(--sans)}
.window.refined .jv-current-purpose,.window.refined .jv-partner-development{font:400 16px/2 var(--sans);max-width:34em;margin-top:24px;color:var(--muted)}
.window.refined .jv-development-link{font-size:15px;line-height:1.8;min-height:44px;margin-top:18px;gap:16px}
.window.refined .jv-development{--dev-blue:#507782;--dev-line:#a8c4cb;display:grid;grid-template-columns:.85fr 1.35fr;gap:42px 7%;align-items:center;padding-block:clamp(72px,8vw,120px);border-top:1px solid var(--line);scroll-margin-top:150px}
.window.refined .jv-development-intro .eyebrow{font-size:13px;letter-spacing:.12em;margin:0 0 24px;color:var(--dev-blue)}
.window.refined .jv-development-intro h2{font:400 clamp(30px,3.1vw,44px)/1.6 var(--serif);letter-spacing:.025em;margin:0 0 27px}
.window.refined .jv-development-intro>p:not(.eyebrow){font:400 16px/2.1 var(--sans);max-width:27em;margin:0;color:var(--muted)}
.window.refined .jv-development-map{margin:0;min-width:0}
.window.refined .jv-development-map figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 16px/1.8 var(--sans);color:var(--ink);margin-bottom:25px}
.window.refined .jv-development-map figcaption span{font-size:14px;color:var(--muted)}
.window.refined .jv-dev-cycle{position:relative;padding:0 30px 0 42px}
.window.refined .jv-dev-icon{display:block;flex:none;width:34px;height:34px;color:var(--dev-blue);stroke-width:1.5;margin:0 auto 12px}
.window.refined .jv-dev-hq{position:relative;text-align:center;padding:8px 0 27px}
.window.refined .jv-dev-hq h3{font:400 27px/1.45 var(--sans);letter-spacing:-.025em;margin:0 0 9px}
.window.refined .jv-dev-hq h3 span{display:block;font-size:14px;letter-spacing:.1em;margin-top:5px;color:var(--muted)}
.window.refined .jv-dev-hq p{font:400 16px/1.8 var(--sans);margin:0}
.window.refined .jv-dev-hq:after{content:"";position:absolute;bottom:-19px;left:50%;height:19px;border-left:2px solid var(--dev-line)}
.window.refined .jv-dev-operations{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:19px;padding-top:30px;padding-bottom:32px}
.window.refined .jv-dev-operations:before,.window.refined .jv-dev-operations:after{content:"";position:absolute;left:25%;right:25%;height:24px;border:2px solid var(--dev-line);border-bottom:0;border-radius:12px 12px 0 0;top:0}
.window.refined .jv-dev-operations:after{top:auto;bottom:0;transform:rotate(180deg)}
.window.refined .jv-dev-operation{text-align:center;min-width:0;padding-block:9px 4px}
.window.refined .jv-dev-operation .jv-dev-icon{width:31px;height:31px}
.window.refined .jv-dev-operation h3{font:400 20px/1.55 var(--serif);letter-spacing:.015em;margin:0 0 6px}
.window.refined .jv-dev-operation h3 span{white-space:nowrap}
.window.refined .jv-dev-operation p{font:400 14px/1.9 var(--sans);margin:0;color:var(--muted)}
.window.refined .jv-dev-operation a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font:400 14px/1.6 var(--sans);letter-spacing:.045em;color:var(--dev-blue);text-decoration:underline;text-decoration-color:var(--dev-line);text-underline-offset:5px;margin-top:2px}
.window.refined .jv-dev-operation a:hover{text-decoration-color:var(--dev-blue)}
.window.refined .jv-dev-learning{position:relative;text-align:center;padding-top:34px}
.window.refined .jv-dev-learning:before{content:"";position:absolute;top:0;height:22px;left:50%;border-left:2px solid var(--dev-line)}
.window.refined .jv-dev-learning .jv-dev-icon{width:28px;height:28px;margin-bottom:9px}
.window.refined .jv-dev-learning p{font:400 20px/1.65 var(--serif);margin:0 0 5px}
.window.refined .jv-dev-learning>span{font:400 14px/1.9 var(--sans);color:var(--muted)}
.window.refined .jv-dev-return{pointer-events:none;position:absolute;left:0;top:58px;bottom:32px;width:calc(50% - 76px);border:2px solid var(--dev-line);border-right:0;border-radius:42px 0 0 42px}
.window.refined .jv-dev-return:before{content:"";position:absolute;right:0;top:-5px;width:8px;height:8px;border-top:2px solid var(--dev-blue);border-right:2px solid var(--dev-blue);transform:rotate(45deg)}
.window.refined .jv-dev-return span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);writing-mode:vertical-rl;letter-spacing:.1em;font:400 12px/1.8 var(--sans);color:var(--dev-blue);background:var(--paper);padding:14px 3px}
.window.refined .jv-dev-next{display:flex;align-items:center;justify-content:center;gap:13px;font:400 17px/1.8 var(--serif);border-top:1px solid var(--line);margin:27px 0 0;padding-top:22px;color:var(--ink)}
.window.refined .jv-dev-next .jv-dev-icon{width:25px;height:25px;margin:0}
.window.refined .jv-dev-details{grid-column:1/-1;border-block:1px solid var(--line);margin-top:8px}
.window.refined .jv-dev-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;min-height:70px;font:400 16px/1.8 var(--sans);padding-block:18px;color:var(--ink)}
.window.refined .jv-dev-details summary::-webkit-details-marker{display:none}
.window.refined .jv-dev-details summary>span{transform:none;font:inherit;letter-spacing:inherit}
.window.refined .jv-dev-toggle{position:relative;width:20px;height:20px;flex:none;color:var(--dev-blue)}
.window.refined .jv-dev-toggle:before,.window.refined .jv-dev-toggle:after{content:"";position:absolute;top:9px;left:3px;width:14px;border-top:1.5px solid;transition:transform .25s ease-out}
.window.refined .jv-dev-toggle:after{transform:rotate(90deg)}
.window.refined .jv-dev-details[open] .jv-dev-toggle:after{transform:rotate(0)}
.window.refined .jv-dev-detail-body{padding:18px 0 34px}
.window.refined .jv-dev-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
.window.refined .jv-dev-detail-body h3{font:400 21px/1.7 var(--serif);margin:0 0 14px}
.window.refined .jv-dev-detail-body p{font:400 16px/2 var(--sans);color:var(--muted);margin:0}
.window.refined .jv-dev-crossing,.window.refined .jv-dev-future{display:grid;grid-template-columns:1fr 2fr;gap:0 5%;padding-top:28px;margin-top:30px;border-top:1px solid var(--line)}
.window.refined .jv-dev-crossing .text-link{grid-column:2;font-size:15px;margin-top:14px;justify-self:start}
.window.refined .jv-dev-future h3{font-size:20px}
.window.refined .jv-development :is(a,summary):focus-visible{outline:2px solid var(--dev-blue);outline-offset:5px}
@media(max-width:1000px){
 .window.refined .jv-development{grid-template-columns:.85fr 1.2fr;column-gap:5%}
 .window.refined .jv-dev-cycle{padding-inline:28px 0}
 .window.refined .jv-dev-operation h3 span{display:block}
 .window.refined .jv-dev-operation h3{font-size:19px}
 .window.refined .jv-dev-return{width:calc(50% - 60px)}
}
@media(max-width:800px){
 .window.refined .jv-development{display:block;padding-block:64px}
 .window.refined .jv-development-intro{margin-bottom:40px}
 .window.refined .jv-development-intro>p:not(.eyebrow){max-width:36em}
 .window.refined .jv-development-map{max-width:560px;margin-inline:auto}
 .window.refined .jv-dev-operation h3 span{display:inline}
 .window.refined .jv-dev-details{margin-top:36px}
 .window.refined .jv-dev-role-grid{grid-template-columns:1fr;gap:26px}
 .window.refined .jv-dev-role-grid>div+div{padding-top:25px;border-top:1px solid var(--line)}
 .window.refined .jv-dev-crossing,.window.refined .jv-dev-future{display:block}
}
@media(max-width:480px){
 .window.refined .jv-company-intro,.window.refined .jv-world-intro.jv-company-intro p{font-size:16px}
 .window.refined .jv-development-map figcaption{font-size:15px;gap:8px}
 .window.refined .jv-development-map figcaption span{font-size:14px}
 .window.refined .jv-dev-cycle{padding-left:22px}
 .window.refined .jv-dev-hq h3{font-size:25px}
 .window.refined .jv-dev-operation h3{font-size:18px}
 .window.refined .jv-dev-operation h3 span{display:block;font:400 13px/1.8 var(--sans);color:var(--muted);margin-top:2px}
 .window.refined .jv-dev-operations{gap:12px}
 .window.refined .jv-dev-operation p{font-size:13px}
 .window.refined .jv-dev-return{width:calc(50% - 60px)}
 .window.refined .jv-dev-learning>span{font-size:13px}
 .window.refined .jv-dev-details summary{font-size:15px}
 .window.refined .jv-development-link{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.window.refined .jv-dev-toggle:after{transition:none}}