/* Four domains, one image at a time. The original detail remains one link away. */
.dc-explorer{--dc-paper:#e8f2f5;--dc-cyan:#72dbe7;--dc-muted:#aec9d4;--dc-line:rgba(128,186,208,.29);grid-column:1/-1;min-width:0;margin-top:-20px;color:var(--dc-paper);font-family:"Inter","Noto Sans JP",sans-serif}
.dc-explorer *{box-sizing:border-box}
.dc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 22px;border-bottom:1px solid var(--dc-line)}
.dc-tabs[hidden],.dc-panel[hidden]{display:none!important}
.dc-tabs .dc-tab{position:relative;display:block;border:0;background:transparent;border-radius:0;padding:17px 24px 22px;color:#91aebd;text-align:left;cursor:pointer;font-family:inherit;min-width:0;transition:color .25s ease}
.dc-tab:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--dc-cyan);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.dc-tab-name{display:flex;align-items:baseline;gap:17px}
.dc-tab-name small{font-size:10px;line-height:1.5;letter-spacing:.08em;font-weight:500;color:#7b9fae}
.dc-tab-name b{font-size:24px;line-height:1.4;letter-spacing:.025em;font-weight:700}
.dc-tab-role{display:block;margin:7px 0 0 31px;font-size:11px;line-height:1.6;letter-spacing:0}
.dc-tabs .dc-tab[aria-selected="true"]{color:var(--dc-paper)}
.dc-tab[aria-selected="true"]:after{transform:scaleX(1)}
.dc-tab[aria-selected="true"] small,.dc-tab[aria-selected="true"] .dc-tab-role{color:var(--dc-cyan)}
.dc-tabs .dc-tab:hover{color:var(--dc-cyan)}
.dc-panel{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;height:clamp(550px,58vw,760px);overflow:hidden;isolation:isolate;background:#020d17;border:1px solid var(--dc-line);scroll-margin-top:92px}
.dc-panel+.dc-panel{margin-top:26px}
[data-dc-enhanced="true"] .dc-panel+.dc-panel{margin-top:0}
.dc-panel .dc-art{position:absolute;inset:0;z-index:-3;display:block;margin:0;width:100%;height:100%}
.dc-panel .dc-art>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% center;filter:saturate(.67) contrast(1.06)}
.dc-panel .dc-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#02101ce3 0%,#02101c55 47%,#02111d00 76%),linear-gradient(0deg,#020e19f2 0%,#02101c80 23%,transparent 65%)}
.dc-panel-top{display:flex;align-items:center;gap:25px;margin:0;padding:24px 36px;border-bottom:1px solid var(--dc-line);font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.08em;color:#9bd8e6;background:#061d2c60}
.dc-panel-top>span:last-child{margin-left:auto;font-size:9px;color:#a9c7d5;font-weight:500;text-align:right}
.dc-panel .dc-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:44px 5% 42px;min-width:0}
.dc-panel .dc-copy h3{padding:0;margin:0;color:var(--dc-paper);font-size:clamp(34px,4.3vw,60px);font-weight:900;line-height:1.35;letter-spacing:-.045em;max-width:100%;background:none;border:0;text-shadow:0 2px 20px #020b1250}
.dc-copy-foot{margin-top:auto;padding-top:90px;max-width:min(100%,490px)}
.dc-copy-foot>p{margin:0;color:#c4dbe3;font-size:14px;line-height:2;letter-spacing:0;font-weight:400}
.dc-panel .dc-link{display:flex;align-items:center;justify-content:space-between;gap:28px;width:340px;max-width:100%;padding:15px 0;margin:18px 0 0;border:0;border-bottom:1px solid #8cc6d581;background:none;color:#b9e2ed;text-decoration:none;font-size:13px;font-weight:700;line-height:1.8;letter-spacing:0}
.dc-link>span{font-size:25px;line-height:1;color:var(--dc-cyan);font-weight:400;transition:transform .25s ease}
.dc-link:hover>span{transform:translate(3px,-3px)}
.dc-tab:focus-visible,.dc-panel:focus-visible,.dc-link:focus-visible{outline:2px solid #83f0ef;outline-offset:5px}
[data-dc-enhanced="true"] .dc-panel:not([hidden]) .dc-copy{animation:dc-copy-in .6s cubic-bezier(.16,1,.3,1) both}
[data-dc-enhanced="true"] .dc-panel:not([hidden]) .dc-art{animation:dc-image-in .85s ease both}
@keyframes dc-copy-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes dc-image-in{from{opacity:.25}to{opacity:1}}
@media(max-width:900px){.dc-tabs .dc-tab{padding-inline:16px}.dc-tab-name{gap:12px}.dc-tab-role{margin-left:26px;font-size:10px}.dc-panel{height:630px}.dc-panel .dc-copy{padding:38px 32px}.dc-panel .dc-copy h3{font-size:42px}.dc-panel .dc-art>img{object-position:64% center}.dc-copy-foot{max-width:450px}.dc-copy-foot>p{font-size:13px}}
@media(max-width:600px){.dc-explorer{margin-top:0}.dc-tabs{margin-bottom:16px}.dc-tabs .dc-tab{padding:14px 5px 16px;text-align:center}.dc-tab-name{justify-content:center;gap:6px;flex-wrap:wrap}.dc-tab-name b{font-size:20px}.dc-tab-name small{font-size:8px}.dc-tab-role{font-size:9px;margin:6px 0 0;letter-spacing:-.04em}.dc-panel{height:630px;max-height:none}.dc-panel-top{padding:19px 20px;gap:12px;font-size:9px}.dc-panel-top>span:last-child{font-size:7px;letter-spacing:.04em}.dc-panel .dc-copy{padding:32px 24px}.dc-panel .dc-copy h3{font-size:clamp(29px,8.5vw,38px);line-height:1.4}.dc-panel .dc-art>img{object-position:center;filter:saturate(.65) contrast(1.06)}.dc-panel .dc-shade{background:linear-gradient(180deg,#020d1799 0%,#020d1700 36%,#020d1733 52%,#020e19f5 82%),linear-gradient(90deg,#020e194d,transparent 80%)}.dc-copy-foot{max-width:100%;padding-top:160px}.dc-copy-foot>p{font-size:12px;line-height:2;max-width:300px}.dc-panel .dc-link{font-size:11px;margin-top:17px;gap:16px;width:300px}.dc-link>span{font-size:23px}}
@media(max-width:360px){.dc-tab-name b{font-size:18px}.dc-tab-role{font-size:8px}.dc-panel .dc-copy{padding-inline:20px}.dc-panel-top{padding-inline:18px}.dc-panel-top>span:last-child{font-size:6px}.dc-panel .dc-copy h3{font-size:29px}.dc-panel{height:610px}}
:is(html,body).motion-paused .dc-explorer *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.dc-explorer *{animation:none!important;transition:none!important}}

/* Give the four photographs the full page width; keep the introduction and
   tab row in their existing reading column. Container units omit scrollbars. */
.owned-position-preview #connected-growth:has(.dc-explorer){overflow:clip}
.owned-position-preview #connected-growth .dc-panels{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}
.owned-position-preview #connected-growth .dc-panel{border-inline:0}
@supports(width:100cqw){
  .owned-position-preview #connected-growth:has(.dc-explorer){--dc-column-gutter:36px;container-type:inline-size;padding-inline:0}
  .owned-position-preview #connected-growth:has(.dc-explorer)>.container{width:calc(100% - var(--dc-column-gutter) * 2)}
  .owned-position-preview #connected-growth .dc-panels{width:100cqw;margin-inline:calc(50% - 50cqw)}
}
@media(max-width:760px){.owned-position-preview #connected-growth:has(.dc-explorer){--dc-column-gutter:20px}}
@media(max-width:360px){.owned-position-preview #connected-growth:has(.dc-explorer){--dc-column-gutter:16px}}
