.cap3-scope{--blue-wash:#e8eaf5;--soft:#e9ebe5;--header-h:78px;}
.cap3-scope *{box-sizing:border-box}
.cap3-scope{color:var(--ink);}
.cap3-scope a{color:inherit;text-decoration:none}
.cap3-scope button,.cap3-scope input,.cap3-scope select{font:inherit}
.cap3-scope button,.cap3-scope a,.cap3-scope input,.cap3-scope select{-webkit-tap-highlight-color:transparent}
.cap3-scope button{cursor:pointer}
.cap3-scope button:disabled{opacity:.5;cursor:wait}
.cap3-scope img{display:block;max-width:100%}
.cap3-scope figure{margin:0}
.cap3-scope h1,.cap3-scope h2,.cap3-scope h3,.cap3-scope h4,.cap3-scope p{margin:0}
.cap3-scope ::selection{background:#c7d0ff;color:#151615}
.cap3-scope :focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.cap3-scope [hidden]{display:none!important}
.cap3-scope .cap3-wrap{max-width:1840px;margin-inline:auto;padding-inline:var(--gutter)}
.cap3-scope .cap3-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cap3-scope .cap3-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
.cap3-scope .cap3-muted{color:var(--muted)}
.cap3-scope .cap3-period{color:var(--accent)}
.cap3-scope .cap3-hero{padding-top:37px;padding-bottom:70px}
.cap3-scope .cap3-hero-brow{display:flex;justify-content:space-between;align-items:start;gap:25px}
.cap3-scope .cap3-hero-brow a{color:var(--muted);border-bottom:1px solid transparent}
.cap3-scope .cap3-hero-brow a:hover{border-color:currentColor}
.cap3-scope .cap3-breadcrumb-separator{padding-inline:12px;color:#a0a49d}
.cap3-scope .cap3-hero-route{display:flex;gap:20px}
.cap3-scope .cap3-hero-route span:nth-child(even){color:var(--accent)}
.cap3-scope .cap3-hero h1{font-size:clamp(59px,12.5vw,212px);line-height:1;letter-spacing:-.079em;font-weight:540;margin:65px 0 54px;white-space:nowrap;transform:translateX(-.008em)}
.cap3-scope .cap3-hero-bottom{display:grid;grid-template-columns:.43fr .57fr;gap:50px;align-items:end}
.cap3-scope .cap3-hero-note{display:flex;align-items:end;gap:38px}
.cap3-scope .cap3-hero-note p{font-size:11px;line-height:1.65;max-width:190px}
.cap3-scope .cap3-connection-symbol{width:100px;height:100px;position:relative;flex:none;transform:rotate(-14deg)}
.cap3-scope .cap3-connection-symbol span{position:absolute;width:57px;height:57px;border:1.5px solid var(--accent);border-radius:50%}
.cap3-scope .cap3-connection-symbol span:nth-child(1){left:0;top:0}
.cap3-scope .cap3-connection-symbol span:nth-child(2){right:0;top:0}
.cap3-scope .cap3-connection-symbol span:nth-child(3){left:0;bottom:0}
.cap3-scope .cap3-connection-symbol span:nth-child(4){right:0;bottom:0;background:var(--accent);mix-blend-mode:multiply}
.cap3-scope .cap3-hero-message h2{font-size:clamp(26px,3vw,46px);font-weight:500;letter-spacing:-.055em;line-height:1.55;margin-bottom:24px}
.cap3-scope .cap3-hero-message p{font-size:14px;line-height:2.05;max-width:620px;color:#505650;text-wrap:pretty}
.cap3-scope .cap3-section-nav-shell{position:sticky;top:var(--header-h);z-index:60;background:var(--paper)}
.cap3-scope .cap3-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.cap3-scope .cap3-section-nav a{position:relative;min-width:0;padding:19px 20px 20px 0;display:grid;grid-template-columns:24px 1fr 14px;align-items:start;gap:9px;transition:color .2s}
.cap3-scope .cap3-section-nav a:not(:first-child){padding-left:22px;border-left:1px solid var(--line)}
.cap3-scope .cap3-section-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.cap3-scope .cap3-section-nav a:hover,.cap3-scope .cap3-section-nav a[aria-current="location"]{color:var(--accent)}
.cap3-scope .cap3-section-nav a[aria-current="location"]:after{transform:scaleX(1)}
.cap3-scope .cap3-nav-num{font-size:10px;line-height:1.75;color:var(--accent)}
.cap3-scope .cap3-nav-name{font-size:14px;line-height:1.5;letter-spacing:-.015em}
.cap3-scope .cap3-nav-arrow{font-size:17px;line-height:1.2}
.cap3-scope .cap3-capability{padding-top:105px;padding-bottom:105px;scroll-margin-top:173px}
.cap3-scope .cap3-capability+.cap3-capability{border-top:1px solid var(--line)}
.cap3-scope .cap3-chapter-meta{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:37px}
.cap3-scope .cap3-chapter-meta .cap3-index{display:flex;gap:26px;align-items:center}
.cap3-scope .cap3-chapter-meta .cap3-index strong{font-size:13px;font-weight:400;color:var(--accent)}
.cap3-scope .cap3-chapter-meta .cap3-descriptor{font-size:11px;line-height:1.75;color:var(--muted);letter-spacing:.015em;text-align:right}
.cap3-scope .cap3-chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,115px);align-items:start}
.cap3-scope .cap3-chapter-title{font-size:clamp(58px,6.5vw,110px);font-weight:500;line-height:.96;letter-spacing:-.068em}
.cap3-scope .cap3-chapter-copy{padding-top:2px;max-width:625px}
.cap3-scope .cap3-chapter-copy h3{font-size:clamp(24px,2.45vw,38px);line-height:1.58;font-weight:500;letter-spacing:-.045em;margin-bottom:23px}
.cap3-scope .cap3-chapter-copy p{font-size:14px;line-height:2.05;color:#4e554e;text-wrap:pretty}
.cap3-scope .cap3-chapter-copy p+p{margin-top:15px}
.cap3-scope .cap3-chapter-visuals{display:grid;grid-template-columns:1.63fr 1fr;gap:18px;margin-top:48px}
.cap3-scope .cap3-media-frame{position:relative;min-width:0;overflow:hidden;background:#e5e7df;aspect-ratio:1.56;isolation:isolate}
.cap3-scope .cap3-photo-slot .cap3-media-frame{background:#e9ebe5}
.cap3-scope .cap3-media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--pos,50% 50%);z-index:3}
.cap3-scope .cap3-media-image:not([src]),.cap3-scope .cap3-media-image[src=""]{display:none}
.cap3-scope .cap3-photo-slot[data-slot="digital-main"] .cap3-media-frame{background:#0c0b13}
.cap3-scope .cap3-photo-slot[data-slot="brand-main"] .cap3-media-frame{background:#fff}
.cap3-scope .cap3-concept-slot .cap3-media-frame{aspect-ratio:auto;height:100%;min-height:245px}
.cap3-scope .cap3-figure-stack{display:flex;flex-direction:column;min-width:0}
.cap3-scope .cap3-figure-stack .cap3-media-frame{flex:1}
.cap3-scope figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:11px;min-height:20px;font-size:10px;line-height:1.65;letter-spacing:.01em;color:var(--muted)}
.cap3-scope figcaption .cap3-caption-kind{white-space:nowrap;font-size:9px;letter-spacing:.08em;color:#767d75}
.cap3-scope figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
.cap3-scope .cap3-fallback-visual{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:32px;background:#e8ebe3;color:#3c4439}
.cap3-scope .cap3-fallback-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.cap3-scope .cap3-fallback-name{font-size:clamp(29px,4vw,68px);line-height:1.0;letter-spacing:-.05em;max-width:95%;font-weight:500}
.cap3-scope .cap3-fallback-bottom{font-size:10px;line-height:1.7;display:flex;justify-content:space-between;gap:15px}
.cap3-scope .cap3-fallback-note{max-width:300px;color:#596252}
.cap3-scope [data-slot="brand-main"] .cap3-fallback-visual{background:#e9e5d7;color:#514b3c}
.cap3-scope [data-slot="digital-main"] .cap3-fallback-visual{background:#131332;color:#eff0ff}
.cap3-scope [data-slot="digital-main"] .cap3-fallback-note{color:#bdbee4}
.cap3-scope [data-slot="experience-main"] .cap3-fallback-visual{background:#e7e9dc;color:#49523d}
.cap3-scope .cap3-offline-note{display:none}
.cap3-scope .cap3-media-slot[data-load="error"] .cap3-offline-note{display:inline}
.cap3-scope .cap3-concept{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.cap3-scope .cap3-concept-brow{font-size:9px;line-height:1.5;letter-spacing:.09em;display:flex;justify-content:space-between;gap:14px}
.cap3-scope .cap3-concept-foot{font-size:10px;line-height:1.7;display:flex;justify-content:space-between;gap:15px}
.cap3-scope .cap3-concept-business{background:var(--blue-wash);color:var(--accent)}
.cap3-scope .cap3-lifecycle{margin-block:20px;padding-left:22px;border-left:1px solid #a6acd7;position:relative}
.cap3-scope .cap3-lifecycle-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0;position:relative}
.cap3-scope .cap3-lifecycle-row:before{content:"";width:7px;height:7px;position:absolute;left:-26px;top:24px;border-radius:50%;background:var(--accent)}
.cap3-scope .cap3-lifecycle-row span{font-size:clamp(26px,3vw,47px);letter-spacing:-.06em;line-height:1.1}
.cap3-scope .cap3-lifecycle-row small{font-size:10px;white-space:nowrap}
.cap3-scope .cap3-loop-note{margin-top:7px;text-align:right;font-size:12px;letter-spacing:.01em}
.cap3-scope .cap3-concept-brand{background:#273a2b;color:#ecefda}
.cap3-scope .cap3-brand-idea{font-size:clamp(33px,4.4vw,70px);line-height:.98;letter-spacing:-.065em;margin-block:20px}
.cap3-scope .cap3-brand-idea em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.cap3-scope .cap3-concept-brand .cap3-concept-foot{border-top:1px solid #5e6c57;padding-top:17px;flex-wrap:wrap;row-gap:4px}
.cap3-scope .cap3-concept-digital{background:#e1e3ee;color:#2d3659}
.cap3-scope .cap3-interface-diagram{margin-block:18px;display:flex;align-items:center;gap:17px}
.cap3-scope .cap3-diagram-screen{width:43%;aspect-ratio:.78;border:1px solid #929bb8;border-radius:10px;padding:13px 11px;transform:rotate(-5deg);background:rgba(255,255,255,.25)}
.cap3-scope .cap3-diagram-screen>span{display:block;width:28%;height:3px;background:#7e8bb7;margin-bottom:16px}
.cap3-scope .cap3-diagram-screen .cap3-screen-block{height:35%;background:#b1bbdb;margin-bottom:10px}
.cap3-scope .cap3-diagram-screen .cap3-screen-line{height:4px;width:82%;background:#a4aecb;margin-block:8px}
.cap3-scope .cap3-diagram-screen .cap3-screen-line.cap3-short{width:55%}
.cap3-scope .cap3-diagram-labels{display:grid;gap:17px;font-size:11px;line-height:1.5}
.cap3-scope .cap3-diagram-labels span{display:block;font-size:10px;color:#667393;letter-spacing:.03em;margin-bottom:3px}
.cap3-scope .cap3-concept-experience{background:#dedfcf;color:#37412c}
.cap3-scope .cap3-journey{margin:20px 0 15px;display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}
.cap3-scope .cap3-journey>div{border-top:1px solid #9ca28c;padding-top:13px;position:relative}
.cap3-scope .cap3-journey b{font-size:clamp(20px,2.6vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1.1}
.cap3-scope .cap3-journey small{display:block;font-size:10px;margin-top:7px}
.cap3-scope .cap3-journey .cap3-step-no{position:absolute;right:0;top:13px;font-size:9px;color:#6a755a}
.cap3-scope .cap3-chapter-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,115px);margin-top:44px}
.cap3-scope .cap3-case-note{max-width:440px}
.cap3-scope .cap3-case-note>p{font-size:12px;line-height:2;color:#626960;margin-top:15px}
.cap3-scope .cap3-case-links{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:20px}
.cap3-scope .cap3-case-links a{font-size:12px;line-height:1.7;border-bottom:1px solid #aaaFA5;padding-block:5px;margin-bottom:8px;display:inline-flex;align-items:baseline;gap:16px}
.cap3-scope .cap3-case-links a:hover{color:var(--accent);border-color:var(--accent)}
.cap3-scope .cap3-service-list{list-style:none;margin:0;padding:0}
.cap3-scope .cap3-service-list li{border-top:1px solid var(--line);padding:18px 0 21px;display:grid;grid-template-columns:24px 1fr;gap:18px}
.cap3-scope .cap3-service-list li:last-child{border-bottom:1px solid var(--line)}
.cap3-scope .cap3-service-no{font-size:10px;color:var(--muted);padding-top:3px}
.cap3-scope .cap3-service-list h4{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:-.01em}
.cap3-scope .cap3-service-list p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:6px}
.cap3-scope .cap3-scope-note{margin-top:23px;font-size:11px;line-height:1.95;color:var(--muted)}
.cap3-scope .cap3-scope-note strong{display:block;font-size:10px;font-weight:500;color:var(--ink);margin-bottom:8px;letter-spacing:.02em}










.cap3-scope .cap3-panel-actions{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.cap3-scope .cap3-panel-actions button{font-size:11px;padding:13px;border:1px solid var(--ink);background:none;color:var(--ink)}

.cap3-scope .cap3-panel-hint{font-size:10px!important;border-top:1px solid var(--line);padding-top:14px}








.cap3-scope .cap3-media-slot[data-custom="true"] .cap3-caption-kind{color:var(--accent)}


@media (max-width:1100px){.cap3-scope .cap3-chapter-title{font-size:clamp(50px,6.5vw,80px)}
.cap3-scope .cap3-chapter-head,.cap3-scope .cap3-chapter-detail{gap:45px}
.cap3-scope .cap3-chapter-visuals{grid-template-columns:1.45fr 1fr}
.cap3-scope .cap3-hero-bottom{grid-template-columns:.4fr .6fr;gap:30px}
.cap3-scope .cap3-hero-note{gap:22px}
.cap3-scope .cap3-connection-symbol{width:80px;height:80px}
.cap3-scope .cap3-connection-symbol span{width:46px;height:46px}
.cap3-scope .cap3-concept{padding:24px}
.cap3-scope .cap3-interface-diagram{gap:12px}
.cap3-scope .cap3-approach-statement{gap:40px}}
@media (max-width:820px){.cap3-scope .cap3-section-nav a{grid-template-columns:18px 1fr 12px;gap:6px;padding-right:12px}
.cap3-scope .cap3-section-nav a:not(:first-child){padding-left:12px}
.cap3-scope .cap3-nav-name{font-size:12px}
.cap3-scope .cap3-chapter-title{font-size:clamp(46px,7vw,66px)}
.cap3-scope .cap3-chapter-head,.cap3-scope .cap3-chapter-detail{gap:32px}
.cap3-scope .cap3-chapter-copy h3{font-size:25px}
.cap3-scope .cap3-chapter-copy p{font-size:13px}
.cap3-scope .cap3-hero-note p{font-size:10px}
.cap3-scope .cap3-hero-note{align-items:start;flex-direction:column;gap:20px}
.cap3-scope .cap3-concept{padding:20px}
.cap3-scope .cap3-concept-brow{font-size:8px}
.cap3-scope .cap3-lifecycle-row span{font-size:31px}
.cap3-scope .cap3-lifecycle-row small{font-size:9px}
.cap3-scope .cap3-lifecycle-row:before{top:21px}
.cap3-scope .cap3-concept-foot{font-size:9px}
.cap3-scope .cap3-chapter-visuals{grid-template-columns:1.35fr 1fr}
.cap3-scope .cap3-photo-slot .cap3-media-frame{aspect-ratio:auto;min-height:280px}}
@media (max-width:620px){.cap3-scope{--header-h:66px;}
.cap3-scope .cap3-hero{padding-top:26px;padding-bottom:42px}
.cap3-scope .cap3-hero-route{display:none}
.cap3-scope .cap3-hero-brow{font-size:9px}
.cap3-scope .cap3-hero h1{font-size:clamp(46px,12.6vw,78px);margin:46px 0 35px;letter-spacing:-.075em}
.cap3-scope .cap3-hero-bottom{display:flex;flex-direction:column-reverse;align-items:stretch;gap:30px}
.cap3-scope .cap3-hero-message h2{font-size:28px;line-height:1.55;letter-spacing:-.055em;margin-bottom:18px}
.cap3-scope .cap3-hero-message p{font-size:13px;line-height:2.05;max-width:430px}
.cap3-scope .cap3-hero-note{display:flex;flex-direction:row;align-items:center;gap:18px}
.cap3-scope .cap3-connection-symbol{width:47px;height:47px;transform:rotate(-14deg)}
.cap3-scope .cap3-connection-symbol span{width:27px;height:27px;border-width:1px}
.cap3-scope .cap3-hero-note p{font-size:9px;max-width:240px;line-height:1.6}
.cap3-scope .cap3-section-nav-shell{position:static}
.cap3-scope .cap3-section-nav{grid-template-columns:1fr 1fr}
.cap3-scope .cap3-section-nav a{padding:17px 12px 16px 0;grid-template-columns:18px 1fr 12px;gap:6px}
.cap3-scope .cap3-section-nav a:not(:first-child){padding-left:0;border-left:0}
.cap3-scope .cap3-section-nav a:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
.cap3-scope .cap3-section-nav a:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}
.cap3-scope .cap3-nav-name{font-size:11px;line-height:1.6}
.cap3-scope .cap3-nav-num{font-size:9px}
.cap3-scope .cap3-nav-arrow{font-size:15px}
.cap3-scope .cap3-section-nav a[aria-current="location"]:after{display:none}
.cap3-scope .cap3-capability{padding-top:63px;padding-bottom:65px;scroll-margin-top:84px}
.cap3-scope .cap3-chapter-meta{margin-bottom:26px;flex-direction:column;gap:12px}
.cap3-scope .cap3-chapter-meta .cap3-descriptor{font-size:10px;text-align:left;line-height:1.8}
.cap3-scope .cap3-chapter-meta .cap3-index{gap:18px}
.cap3-scope .cap3-chapter-meta .cap3-eyebrow{font-size:9px}
.cap3-scope .cap3-chapter-head{grid-template-columns:1fr;gap:30px}
.cap3-scope .cap3-chapter-title{font-size:clamp(49px,12.8vw,76px);line-height:.98;letter-spacing:-.065em}
.cap3-scope .cap3-chapter-copy{max-width:none}
.cap3-scope .cap3-chapter-copy h3{font-size:25px;line-height:1.55;margin-bottom:18px}
.cap3-scope .cap3-chapter-copy p{font-size:14px;line-height:2.05}
.cap3-scope .cap3-chapter-copy p+p{margin-top:13px}
.cap3-scope .cap3-chapter-visuals{grid-template-columns:1fr;gap:22px;margin-top:30px}
.cap3-scope .cap3-photo-slot .cap3-media-frame{aspect-ratio:1.43;min-height:0}
.cap3-scope .cap3-concept-slot .cap3-media-frame{aspect-ratio:1.5;height:auto;min-height:210px}
.cap3-scope figcaption{font-size:9px;margin-top:9px;gap:10px;min-height:0}
.cap3-scope figcaption .cap3-caption-kind{font-size:8px}
.cap3-scope .cap3-concept{padding:23px}
.cap3-scope .cap3-concept-brow{font-size:8px}
.cap3-scope .cap3-concept-business .cap3-lifecycle{display:flex;border-left:0;padding-left:0;gap:0;border-top:1px solid #a6acd7;margin-block:24px 8px}
.cap3-scope .cap3-lifecycle-row{flex:1;display:block;padding-top:22px;padding-bottom:0}
.cap3-scope .cap3-lifecycle-row:before{left:0;top:-4px}
.cap3-scope .cap3-lifecycle-row span{font-size:30px;display:block}
.cap3-scope .cap3-lifecycle-row small{display:block;margin-top:9px;font-size:9px}
.cap3-scope .cap3-loop-note{font-size:10px;margin-top:10px}
.cap3-scope .cap3-brand-idea{font-size:45px;margin-block:14px}
.cap3-scope .cap3-concept-brand .cap3-concept-foot{padding-top:13px}
.cap3-scope .cap3-concept-digital .cap3-interface-diagram{position:absolute;top:45px;bottom:43px;left:24px;right:24px;margin:0;gap:38px;justify-content:center}
.cap3-scope .cap3-diagram-screen{height:100%;width:auto;aspect-ratio:.8;padding:9px}
.cap3-scope .cap3-diagram-screen>span{margin-bottom:9px}
.cap3-scope .cap3-diagram-screen .cap3-screen-block{margin-bottom:7px}
.cap3-scope .cap3-diagram-screen .cap3-screen-line{margin-block:6px;height:3px}
.cap3-scope .cap3-diagram-labels{gap:11px;font-size:10px}
.cap3-scope .cap3-diagram-labels span{font-size:8px;margin-bottom:1px}
.cap3-scope .cap3-concept-foot{font-size:9px}
.cap3-scope .cap3-concept-slot[data-slot="experience-concept"] .cap3-media-frame{min-height:270px;aspect-ratio:auto}
.cap3-scope .cap3-journey{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:19px 0}
.cap3-scope .cap3-journey>div{min-width:0;padding-top:11px}
.cap3-scope .cap3-journey b{font-size:24px}
.cap3-scope .cap3-journey .cap3-step-no{font-size:8px;top:14px}
.cap3-scope .cap3-journey small{font-size:9px}
.cap3-scope .cap3-chapter-detail{grid-template-columns:1fr;gap:30px;margin-top:31px}
.cap3-scope .cap3-case-note{max-width:none;order:2}
.cap3-scope .cap3-case-note>p{font-size:12px;line-height:2;margin-top:11px}
.cap3-scope .cap3-case-links{gap:0 19px;margin-top:13px}
.cap3-scope .cap3-case-links a{font-size:11px;gap:11px;margin-bottom:5px}
.cap3-scope .cap3-service-list li{padding:17px 0;gap:12px;grid-template-columns:20px 1fr}
.cap3-scope .cap3-service-list h4{font-size:14px}
.cap3-scope .cap3-service-list p{font-size:12px;line-height:1.9}
.cap3-scope .cap3-scope-note{font-size:12px;line-height:2;margin-top:19px}
.cap3-scope .cap3-scope-note strong{font-size:11px}
.cap3-scope .cap3-approach{padding-block:60px}
.cap3-scope .cap3-approach-top{margin-bottom:33px}
.cap3-scope .cap3-approach-top .cap3-eyebrow{font-size:9px}
.cap3-scope .cap3-approach-statement{grid-template-columns:1fr;gap:36px}
.cap3-scope .cap3-approach h2{font-size:48px}
.cap3-scope .cap3-approach-copy h3{font-size:26px;margin-bottom:17px}
.cap3-scope .cap3-approach-copy p{font-size:13px}







.cap3-scope .cap3-fallback-visual{padding:23px}
.cap3-scope .cap3-fallback-name{font-size:38px}
.cap3-scope .cap3-fallback-label,.cap3-scope .cap3-fallback-bottom{font-size:9px}}
@media (max-width:359px){.cap3-scope .cap3-hero-message h2{font-size:25px}
.cap3-scope .cap3-hero h1{font-size:43px}
.cap3-scope .cap3-nav-name{font-size:10px}
.cap3-scope .cap3-section-nav a:nth-child(2n){padding-left:10px}
.cap3-scope .cap3-chapter-title{font-size:46px}
.cap3-scope .cap3-chapter-copy h3{font-size:23px}
.cap3-scope .cap3-brand-idea{font-size:39px}
.cap3-scope .cap3-lifecycle-row span{font-size:26px}
.cap3-scope .cap3-journey b{font-size:22px}
.cap3-scope .cap3-journey{gap:15px 20px}}
@media (prefers-reduced-motion:reduce){.cap3-scope *,.cap3-scope *:before,.cap3-scope *:after{transition:none!important;animation:none!important}}
@media print{.cap3-scope .cap3-section-nav-shell{position:static}

.cap3-scope{print-color-adjust:exact;-webkit-print-color-adjust:exact;}
.cap3-scope .cap3-capability{break-before:page}
.cap3-scope .cap3-media-frame{break-inside:avoid}}
.cap3-scope .cap3-approach{--re-accent:#b4bfff;background:#191c18;color:var(--paper);padding-block:86px 64px;scroll-margin-top:168px}
.cap3-scope .cap3-approach .cap3-eyebrow{color:#aeb6aa}
.cap3-scope .cap3-approach-top{display:flex;justify-content:space-between;align-items:start;gap:26px;margin-bottom:50px}
.cap3-scope .cap3-approach-top-note{text-align:right}
.cap3-scope .cap3-approach-statement{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.cap3-scope .cap3-approach h2{font-size:clamp(56px,6.4vw,106px);line-height:1.03;letter-spacing:-.062em;font-weight:400}
.cap3-scope .cap3-approach h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.cap3-scope .cap3-approach-copy h3{font-size:clamp(25px,2.4vw,36px);font-weight:400;line-height:1.6;letter-spacing:-.045em;margin-bottom:22px}
.cap3-scope .cap3-approach-copy p{font-size:13px;line-height:2.1;color:#b8c0b3;max-width:530px;text-wrap:pretty}
.cap3-scope .cap3-approach-copy p+p{margin-top:14px}
.cap3-scope .cap3-re-framework{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;margin:64px 0 0;padding:0}
.cap3-scope .cap3-re-item{min-width:0;position:relative;border-top:1px solid #4b5446;padding:23px 0 34px}
.cap3-scope .cap3-re-item::before{content:"";height:1px;position:absolute;top:-1px;left:0;width:100%;background:var(--re-accent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.cap3-scope .cap3-re-item-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}
.cap3-scope .cap3-re-item-meta .cap3-eyebrow{font-size:9px;letter-spacing:.075em}
.cap3-scope .cap3-re-marker{width:5px;height:5px;border:1px solid #9ba693;border-radius:50%;flex-shrink:0;transition:background-color .28s,border-color .28s}
.cap3-scope .cap3-re-item h3{font-size:clamp(35px,4.05vw,66px);letter-spacing:-.06em;line-height:1.12;font-weight:400;margin:30px 0 23px;white-space:nowrap}
.cap3-scope .cap3-re-prefix{transition:color .28s ease}
.cap3-scope .cap3-re-period{color:#99a2a0}
.cap3-scope .cap3-re-item h4{font-size:clamp(16px,1.4vw,21px);line-height:1.7;letter-spacing:-.035em;font-weight:400;margin-bottom:15px}
.cap3-scope .cap3-re-item p{max-width:365px;font-size:13px;line-height:2.05;color:#b8c0b3;text-wrap:pretty}
.cap3-scope .cap3-approach-return{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-top:27px;margin-top:9px;border-top:1px solid #4b5446;align-items:start}
.cap3-scope .cap3-approach-return .cap3-eyebrow{font-size:9px;letter-spacing:.075em;line-height:2;color:#aeb6aa}
.cap3-scope .cap3-approach-return p{font-size:11px;line-height:2;color:#aeb6aa}
.cap3-scope .cap3-approach-return p span{display:block;color:#d6dccf;margin-bottom:3px}
.cap3-scope [data-cap-reveal]>.cap3-cap-reveal-band{display:flow-root;overflow:visible}
.cap3-scope .cap3-cap-reveal-surface{display:block;overflow:visible;padding:.14em .2em .34em .12em;margin:-.14em -.2em -.34em -.12em}
.cap3-scope .cap3-case-links a{transition:color .24s ease,border-color .24s ease}
.cap3-scope .cap3-case-links a>span,.cap3-scope .cap3-nav-arrow{display:inline-block;transition:transform .28s var(--ease)}









@media (hover:hover) and (pointer:fine){.cap3-scope .cap3-case-links a:hover>span{transform:translate(3px,-3px)}
.cap3-scope .cap3-section-nav a:hover .cap3-nav-arrow{transform:translateY(3px)}
.cap3-scope .cap3-re-item:hover::before{transform:scaleX(1)}
.cap3-scope .cap3-re-item:hover .cap3-re-prefix{color:var(--re-accent)}
.cap3-scope .cap3-re-item:hover .cap3-re-marker{background:var(--re-accent);border-color:var(--re-accent)}}
@media (max-width:1100px){.cap3-scope .cap3-approach-statement,.cap3-scope .cap3-approach-return{gap:42px}
.cap3-scope .cap3-re-framework{gap:27px}
.cap3-scope .cap3-re-item h3{font-size:clamp(32px,4.2vw,50px)}
.cap3-scope .cap3-re-item h4{font-size:17px}
.cap3-scope .cap3-re-item p{font-size:12px}}
@media (max-width:820px){.cap3-scope .cap3-approach-statement,.cap3-scope .cap3-approach-return{gap:32px}
.cap3-scope .cap3-approach h2{font-size:clamp(44px,7.1vw,62px)}
.cap3-scope .cap3-approach-copy h3{font-size:25px}
.cap3-scope .cap3-re-framework{gap:21px}
.cap3-scope .cap3-re-item h3{font-size:clamp(28px,4.25vw,35px)}
.cap3-scope .cap3-re-item h4{font-size:15px}}
@media (max-width:620px){.cap3-scope .cap3-approach{padding-block:56px 43px;scroll-margin-top:84px}
.cap3-scope .cap3-approach-top{margin-bottom:35px;gap:20px}
.cap3-scope .cap3-approach-top .cap3-eyebrow{font-size:8px}
.cap3-scope .cap3-approach-top-note{max-width:160px;font-size:7px!important;line-height:1.8}
.cap3-scope .cap3-approach-statement{grid-template-columns:1fr;gap:35px}
.cap3-scope .cap3-approach h2{font-size:54px}
.cap3-scope .cap3-approach-copy h3{font-size:26px;margin-bottom:17px}
.cap3-scope .cap3-approach-copy p{font-size:13px;line-height:2.1}
.cap3-scope .cap3-re-framework{grid-template-columns:1fr;gap:0;margin-top:38px}
.cap3-scope .cap3-re-item{padding:22px 0 30px}
.cap3-scope .cap3-re-item-meta .cap3-eyebrow{font-size:9px}
.cap3-scope .cap3-re-item h3{font-size:48px;margin:23px 0 18px}
.cap3-scope .cap3-re-item h4{font-size:19px;margin-bottom:11px}
.cap3-scope .cap3-re-item p{font-size:13px;max-width:none}
.cap3-scope .cap3-re-item.cap3-is-reading::before{transform:scaleX(1)}
.cap3-scope .cap3-re-item.cap3-is-reading .cap3-re-prefix{color:var(--re-accent)}
.cap3-scope .cap3-re-item.cap3-is-reading .cap3-re-marker{background:var(--re-accent);border-color:var(--re-accent)}
.cap3-scope .cap3-approach-return{grid-template-columns:1fr;gap:15px;padding-top:24px;margin-top:3px}
.cap3-scope .cap3-approach-return p{font-size:11px}}
@media (max-width:359px){.cap3-scope .cap3-approach h2{font-size:48px}
.cap3-scope .cap3-approach-copy h3{font-size:23px}
.cap3-scope .cap3-re-item h3{font-size:43px}
.cap3-scope .cap3-re-item h4{font-size:18px}}
:root[data-motion="off"] .cap3-scope{scroll-behavior:auto}
:root[data-motion="off"] .cap3-scope *,:root[data-motion="off"] .cap3-scope *::before,:root[data-motion="off"] .cap3-scope *::after{transition:none!important;animation:none!important}
:root[data-motion="off"] .cap3-scope :is(.cap3-cap-reveal-surface){mask:none!important;-webkit-mask:none!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){.cap3-scope .cap3-cap-reveal-surface{mask:none!important;-webkit-mask:none!important;opacity:1!important}}
@media print{.cap3-scope .cap3-cap-reveal-surface{mask:none!important;-webkit-mask:none!important;opacity:1!important}
.cap3-scope .cap3-re-item{break-inside:avoid}
.cap3-scope .cap3-approach{break-before:page}
.cap3-scope .cap3-re-item::before{display:none}}

/* Draft adapter: sticky section index follows the existing hide-on-scroll header. */
.cap3-scope{--header-h:78px;--cap3-header-offset:78px;--blue-wash:#e8eaf5;--soft:#e9ebe5}
.cap3-scope .cap3-section-nav-shell{top:var(--cap3-header-offset);transition:top .46s cubic-bezier(.22,1,.36,1)}
@media(max-width:760px){.cap3-scope{--header-h:67px;--cap3-header-offset:67px}}
@media(prefers-reduced-motion:reduce){.cap3-scope .cap3-section-nav-shell{transition:none}}
.cap3-scope .cap3-case-links a>span{transform:none}
@media(hover:hover) and (pointer:fine){.cap3-scope .cap3-case-links a:hover>span{transform:translateX(3px)}}


/* Draft 04: inherit the theme's body family; reuse the Japanese editorial heading role.
   Source: assets/css/home.css, .article-body h3. No font binaries or webfont added. */
.cap3-scope {
  --cap-jp-heading-font:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;
}
.cap3-scope .cap3-hero-message h2,
.cap3-scope .cap3-chapter-copy h3 {
  font-family:var(--cap-jp-heading-font);
  font-weight:500;
  font-size:clamp(20px,2.2vw,30px);
  line-height:1.56;
  letter-spacing:-.042em;
}
.cap3-scope .cap3-approach-copy h3 {
  font-family:var(--cap-jp-heading-font);
  font-weight:400;
  font-size:clamp(20px,2.2vw,30px);
  line-height:1.56;
  letter-spacing:-.042em;
}
.cap3-scope .cap3-re-item h4,
.cap3-scope .cap3-service-list h4 {font-family:var(--cap-jp-heading-font)}
/* Dark background. Static grain is in the shared opt-in surface stylesheet. */
.cap3-scope .cap3-approach {position:relative;isolation:isolate;background:#191c18}
.cap3-scope .cap3-approach::before {
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse at 22% 15%,#c1b89708,transparent 65%);
}
/* A continuous line behind each Re title. No moving text, orbiting dot or parallax. */
.cap3-scope .cap4-re-title {position:relative;isolation:isolate;margin:30px 0 23px}
.cap3-scope .cap4-re-title h3 {position:relative;z-index:1;margin:0}
.cap3-scope .cap4-re-loop {
  position:absolute;z-index:0;pointer-events:none;left:6%;top:50%;
  width:94%;height:125px;transform:translateY(-50%);overflow:visible;
}
.cap3-scope .cap4-loop-base {fill:none;stroke:#d6dccf;stroke-opacity:.09;stroke-width:1;vector-effect:non-scaling-stroke}
.cap3-scope .cap4-loop-trail {
  fill:none;stroke:#d6dccf;stroke-opacity:.30;stroke-width:1.15;stroke-linecap:round;
  stroke-dasharray:100 900;vector-effect:non-scaling-stroke;
  animation:cap4-infinity-trace 26s linear infinite;animation-play-state:paused;
}
.cap3-scope .cap3-re-item:nth-child(2) .cap4-loop-trail {animation-delay:-8.666s}
.cap3-scope .cap3-re-item:nth-child(3) .cap4-loop-trail {animation-delay:-17.333s}
@keyframes cap4-infinity-trace {from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
html[data-motion="on"][data-loop-motion="on"][data-page-active="true"] .cap4-loop-visible .cap4-loop-trail {animation-play-state:running}
.cap3-scope .cap4-approach-controls {display:flex;align-items:center;justify-content:space-between;gap:24px}
.cap3-scope .cap4-loop-toggle {
  display:inline-flex;align-items:center;gap:9px;flex:none;
  appearance:none;background:transparent;color:#bbc1b6;border:0;border-bottom:1px solid #5b6255;
  border-radius:0;font:inherit;font-size:10px;line-height:1.6;padding:3px 0;letter-spacing:.025em;
}
.cap3-scope .cap4-loop-toggle:hover {color:var(--paper);border-color:var(--paper)}
.cap3-scope .cap4-loop-toggle:disabled {opacity:.6;cursor:default}
.cap3-scope .cap4-loop-toggle-mark {display:inline-block;width:8px;height:8px;border-left:1px solid currentColor;border-right:1px solid currentColor}
.cap3-scope .cap4-loop-toggle[aria-pressed="true"] .cap4-loop-toggle-mark {border:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}




@media(max-width:820px){
  .cap3-scope .cap4-approach-controls{flex-wrap:wrap;gap:12px}
  .cap3-scope .cap4-re-loop{height:110px;left:0;width:100%}
}
@media(max-width:620px){
  .cap3-scope .cap3-hero-message h2,.cap3-scope .cap3-chapter-copy h3,.cap3-scope .cap3-approach-copy h3{font-size:24px}
  .cap3-scope .cap4-re-title {margin:23px 0 18px}
  .cap3-scope .cap4-re-loop {left:18%;width:82%;height:108px}
  .cap3-scope .cap4-approach-controls {justify-content:space-between;flex-wrap:nowrap;gap:15px}
}
@media(max-width:359px){
  .cap3-scope .cap3-hero-message h2,.cap3-scope .cap3-chapter-copy h3,.cap3-scope .cap3-approach-copy h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .cap3-scope .cap4-loop-trail {animation:none!important;opacity:0}
}
html[data-motion="off"] .cap3-scope .cap4-loop-trail {animation:none!important;opacity:0}
@media print{
  .cap3-scope .cap4-loop-trail{animation:none!important;opacity:0}
  .cap3-scope .cap4-loop-toggle{display:none}
  .cap3-scope .cap3-approach::after {opacity:.05}
}



/* Draft 06 / local exploration and a shared loop.
   Only decorative line opacity and dash offset animate. Text/layout stay still. */
.cap3-scope .cap5-re-system {
  position:relative;isolation:isolate;margin-top:64px;
}
.cap3-scope .cap5-re-system .cap3-re-framework {margin-top:0}
.cap3-scope .cap5-global-loop {
  position:absolute;inset:46px 0 auto;height:142px;z-index:-1;
  pointer-events:none;opacity:.55;
  animation:cap5-whole-emphasis 32s ease-in-out infinite;
  animation-play-state:paused;
}
.cap3-scope .cap5-global-svg {display:block;width:100%;height:100%;overflow:visible}
.cap3-scope .cap5-global-svg--vertical {display:none}
.cap3-scope .cap5-global-base {
  fill:none;stroke:#d6dccf;stroke-opacity:.20;stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.cap3-scope .cap5-global-trail {
  fill:none;stroke:#d6dccf;stroke-opacity:.38;stroke-width:1.15;
  stroke-linecap:round;stroke-dasharray:160 840;
  vector-effect:non-scaling-stroke;
  animation:cap4-infinity-trace 32s linear infinite;
  animation-play-state:paused;
}
.cap3-scope .cap5-re-system .cap4-re-loop {
  opacity:.7;animation:cap5-local-emphasis 32s ease-in-out infinite;
  animation-play-state:paused;
}
@keyframes cap5-local-emphasis {
  0%,18%,90%,100% {opacity:1}
  36%,68% {opacity:.24}
}
@keyframes cap5-whole-emphasis {
  0%,18%,90%,100% {opacity:.16}
  36%,68% {opacity:1}
}
html[data-motion="on"][data-loop-motion="on"][data-page-active="true"] .cap4-loop-visible :is(.cap5-global-loop,.cap5-global-trail,.cap4-re-loop) {
  animation-play-state:running;
}
/* Manual review states change emphasis, not the content or motion preference. */










@media (max-width:820px) and (min-width:621px) {
  .cap3-scope .cap5-global-loop {top:38px;height:126px}
}
@media (max-width:620px) {
  .cap3-scope .cap5-re-system {margin-top:38px}
  .cap3-scope .cap5-global-loop {top:36px;bottom:146px;left:4%;right:4%;height:auto}
  .cap3-scope .cap5-global-svg--horizontal {display:none}
  .cap3-scope .cap5-global-svg--vertical {display:block}
  .cap3-scope .cap5-global-base {stroke-opacity:.16}
  .cap3-scope .cap5-global-trail {stroke-opacity:.30}
}
@media (prefers-reduced-motion:reduce) {
  .cap3-scope .cap5-global-loop {animation:none!important;opacity:.55!important}
  .cap3-scope .cap5-re-system .cap4-re-loop {animation:none!important;opacity:.7!important}
  .cap3-scope .cap5-global-trail {animation:none!important;opacity:0}
}
html[data-motion="off"] .cap3-scope .cap5-global-loop {animation:none!important;opacity:.55!important}
html[data-motion="off"] .cap3-scope .cap5-re-system .cap4-re-loop {animation:none!important;opacity:.7!important}
html[data-motion="off"] .cap3-scope .cap5-global-trail {animation:none!important;opacity:0}
@media print {
  .cap3-scope .cap5-global-loop {animation:none!important;opacity:.5!important}
  .cap3-scope .cap5-re-system .cap4-re-loop {animation:none!important;opacity:.7!important}
  .cap3-scope .cap5-global-trail {animation:none!important;opacity:0}
}
@media (forced-colors:active) {
  .cap3-scope :is(.cap5-global-loop,.cap4-re-loop) {display:none}
}

/* v05.36.56 / An editorial canvas first, a photo second. */
.bbv5-site .cap3-scope .cap3-media-frame > .cap3-media-image{
  position:absolute;inset:0;width:100%;height:100%;min-width:100%;min-height:100%;
  max-width:none;max-height:none;object-fit:cover;object-position:var(--pos,50% 50%);
}
.cap3-scope .cap56-fallback-layer{position:absolute;inset:0;z-index:1}
.cap3-scope [data-has-image="true"]:not([data-load="error"]) .cap56-fallback-caption{display:none}
.cap3-scope [data-load="error"] .cap56-photo-caption{display:none}
.cap3-scope .cap56-fallback-editorial{gap:20px;padding:clamp(22px,3.2vw,48px)}
.cap3-scope .cap56-fallback-editorial .cap3-fallback-name{
  font-size:clamp(26px,3.8vw,66px);line-height:1.04;font-weight:500;letter-spacing:-.055em;
  max-width:100%;overflow-wrap:anywhere;
}
.cap3-scope .cap56-fallback-focus{font-size:12px;line-height:1.85;letter-spacing:.005em;margin-top:18px;max-width:95%}
.cap3-scope .cap56-fallback-related{border-top:1px solid currentColor;padding-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cap3-scope .cap56-fallback-related > span:first-child{font-size:8px;letter-spacing:.08em;flex-shrink:0}
.cap3-scope .cap56-fallback-related a{font-size:clamp(12px,1.3vw,20px);letter-spacing:-.025em;line-height:1.4;overflow-wrap:anywhere;text-align:right}
.cap3-scope .cap56-fallback-related a:hover{text-decoration:underline;text-underline-offset:4px}
.cap3-scope .cap56-fallback-discipline{font-size:9px;line-height:1.5;text-align:right}
/* Preserve the original green, lilac, paper-blue and sage concept backgrounds. */
.cap3-scope .cap56-brand-layout{display:grid;grid-template-columns:minmax(0,1fr) 34%;align-items:center;gap:14px;min-height:0}
.cap3-scope .cap56-brand-layout .cap3-brand-idea{font-size:clamp(28px,3vw,46px);margin-block:16px;min-width:0}
.cap3-scope .cap56-brand-drawing{display:block;width:100%;max-height:190px;opacity:.76;overflow:visible}
.cap3-scope .cap3-diagram-screen{
  position:relative;flex:0 0 auto;width:34%;max-width:125px;aspect-ratio:.49;
  padding:25px 10px 18px;border-radius:16px;border:1.3px solid #7e8bae;
  transform:rotate(-4deg);background:rgba(255,255,255,.2);
}
.cap3-scope .cap3-diagram-screen::before{
  content:"";position:absolute;top:8px;left:38%;width:24%;height:3px;border-radius:8px;background:#8b96b3;
}
.cap3-scope .cap3-diagram-screen::after{
  content:"";position:absolute;bottom:7px;left:34%;width:32%;height:2px;border-radius:8px;background:#8b96b3;
}
.cap3-scope .cap3-diagram-screen>span{width:30%;height:4px;margin-bottom:12px}
.cap3-scope .cap3-diagram-screen .cap3-screen-block{height:29%;border:1px solid #a3aecb;background:transparent;position:relative;overflow:hidden}
.cap3-scope .cap3-diagram-screen .cap3-screen-block::after{content:"";position:absolute;width:150%;height:1px;background:#b5bed4;left:-20%;top:50%;transform:rotate(-27deg)}
.cap3-scope .cap56-screen-cards{display:flex;gap:5px;margin-block:9px}
.cap3-scope .cap56-screen-cards i{display:block;flex:1;aspect-ratio:1.5;border:1px solid #a3aecb}
.cap3-scope .cap3-concept-experience{isolation:isolate}
.cap3-scope .cap56-space-plan{position:absolute;inset:18% 5% auto;width:90%;height:65%;z-index:-1;opacity:.16;pointer-events:none}
@media(max-width:1100px) and (min-width:621px){
 .cap3-scope .cap56-fallback-editorial{padding:24px;gap:15px}
 .cap3-scope .cap56-fallback-editorial .cap3-fallback-name{font-size:clamp(26px,3.4vw,42px)}
 .cap3-scope .cap56-brand-layout{gap:9px;grid-template-columns:minmax(0,1fr) 32%}
 .cap3-scope .cap56-brand-layout .cap3-brand-idea{font-size:clamp(24px,3vw,34px)}
 .cap3-scope .cap3-diagram-screen{padding:20px 8px 15px;border-radius:12px}
}
@media(max-width:620px){
 .cap3-scope .cap56-fallback-editorial{padding:22px;gap:13px}
 .cap3-scope .cap56-fallback-editorial .cap3-fallback-name{font-size:clamp(27px,7.6vw,44px)}
 .cap3-scope .cap56-fallback-focus{font-size:10px;margin-top:10px;line-height:1.8}
 .cap3-scope .cap56-fallback-related{padding-top:9px;gap:9px}
 .cap3-scope .cap56-fallback-related a{font-size:12px}
 .cap3-scope .cap56-fallback-related > span:first-child{font-size:7px}
 .cap3-scope .cap56-fallback-discipline{font-size:8px}
 .cap3-scope .cap56-brand-layout{grid-template-columns:minmax(0,1fr) 34%;gap:15px}
 .cap3-scope .cap56-brand-layout .cap3-brand-idea{font-size:clamp(28px,8.2vw,38px);margin-block:12px}
 .cap3-scope .cap56-brand-drawing{max-height:127px}
 .cap3-scope [data-slot="digital-concept"] .cap3-media-frame{min-height:250px}
 .cap3-scope .cap3-concept-digital .cap3-interface-diagram{gap:28px}
 .cap3-scope .cap3-diagram-screen{width:auto;height:100%;aspect-ratio:.49;max-height:182px;padding:20px 7px 13px;border-radius:12px}
 .cap3-scope .cap3-diagram-screen>span{margin-bottom:9px;height:3px}
 .cap3-scope .cap56-screen-cards{margin-block:6px;gap:4px}
 .cap3-scope .cap3-diagram-screen .cap3-screen-line{height:2px;margin-block:5px}
}
@media(max-width:360px){
 .cap3-scope .cap56-fallback-editorial{padding:18px;gap:10px}
 .cap3-scope .cap56-fallback-focus{font-size:9px}
 .cap3-scope .cap56-fallback-editorial .cap3-fallback-name{font-size:26px}
 .cap3-scope .cap56-fallback-related a{font-size:11px}
}

/* Transparent photos may reveal the colour, not the underlying editorial text. */
.cap3-scope [data-load="loaded"] .cap56-fallback-layer{visibility:hidden}
.cap3-scope [data-slot="business-concept"] .cap3-media-frame{background:var(--blue-wash)}
.cap3-scope [data-slot="brand-concept"] .cap3-media-frame{background:#273a2b}
.cap3-scope [data-slot="digital-concept"] .cap3-media-frame{background:#e1e3ee}
.cap3-scope [data-slot="experience-concept"] .cap3-media-frame{background:#dedfcf}
.cap3-scope .cap3-photo-slot[data-slot="brand-main"] .cap3-media-frame{background:#e9e5d7}
.cap3-scope .cap3-photo-slot[data-slot="business-main"] .cap3-media-frame{background:#e8ebe3}
.cap3-scope .cap3-photo-slot[data-slot="digital-main"] .cap3-media-frame{background:#131332}
.cap3-scope .cap3-photo-slot[data-slot="experience-main"] .cap3-media-frame{background:#e7e9dc}

/* v05.36.58 / Compose each concept for its actual canvas, not the page width. */
.cap3-scope .cap58-lifecycle-group{width:100%;max-width:330px;align-self:center}
.cap3-scope .cap3-concept-business .cap3-loop-note{
  margin-top:24px;padding-top:14px;border-top:1px solid rgba(52,71,212,.18);
  text-align:left;font-size:11px;line-height:1.7;letter-spacing:.01em;
}
@media(min-width:621px){
  .cap3-scope .cap58-lifecycle-group{margin-block:18px}
  .cap3-scope .cap3-concept-business .cap3-lifecycle{margin:0;padding-left:21px}
  .cap3-scope .cap3-concept-business .cap3-lifecycle-row{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:clamp(14px,1.8vw,28px);padding:8px 0;
  }
  .cap3-scope .cap3-concept-business .cap3-lifecycle-row::before{
    width:5px;height:5px;left:-24px;top:50%;transform:translateY(-50%);
  }
  .cap3-scope .cap3-concept-business .cap3-lifecycle-row span{
    font-size:clamp(28px,2.7vw,44px);line-height:1.16;letter-spacing:-.055em;
  }
  .cap3-scope .cap3-concept-business .cap3-lifecycle-row small{font-size:11px;line-height:1.7}
  .cap3-scope .cap3-concept-business .cap3-loop-note{margin-top:clamp(16px,1.8vw,26px);padding-left:21px}
  .cap3-scope .cap3-concept-digital .cap3-interface-diagram{
    width:100%;justify-content:center;gap:clamp(20px,2.2vw,36px);
  }
  .cap3-scope .cap3-concept-digital .cap3-diagram-screen{
    width:clamp(72px,8.7vw,125px);max-width:125px;
  }
  .cap3-scope .cap3-diagram-labels{flex:0 1 auto;min-width:0}
}
/* The plan is an independent illustration, never a background behind words. */
.cap3-scope .cap58-experience-body{
  display:flex;flex-direction:column;width:100%;gap:clamp(18px,2vw,28px);margin:16px 0;
}
.cap3-scope .cap3-concept-experience .cap56-space-plan{
  position:static;inset:auto;display:block;align-self:center;
  width:42%;max-width:160px;height:auto;max-height:104px;z-index:auto;opacity:.4;
}
.cap3-scope .cap58-experience-body .cap3-journey{margin:0;gap:20px 24px}
.cap3-scope .cap58-experience-body .cap3-journey>div{padding-top:12px}
.cap3-scope .cap58-experience-body .cap3-journey b{font-size:clamp(20px,2.25vw,35px);line-height:1.15}
.cap3-scope .cap58-experience-body .cap3-step-no{top:15px;font-size:9px}
@media(min-width:621px) and (max-width:1100px){
  .cap3-scope .cap3-concept-slot[data-slot="experience-concept"] .cap3-media-frame{min-height:330px}
  .cap3-scope .cap58-experience-body{gap:18px;margin:14px 0}
  .cap3-scope .cap3-concept-experience .cap56-space-plan{max-height:74px;width:40%}
  .cap3-scope .cap58-experience-body .cap3-journey{gap:17px 16px}
  .cap3-scope .cap58-experience-body .cap3-step-no{font-size:8px;top:14px}
}
@media(max-width:620px){
  .cap3-scope .cap58-lifecycle-group{max-width:none}
  .cap3-scope .cap3-concept-business .cap3-loop-note{margin-top:20px;padding-top:12px;font-size:10px}
  .cap3-scope [data-slot="business-concept"] .cap3-media-frame{min-height:250px}
  .cap3-scope .cap3-concept-slot[data-slot="experience-concept"] .cap3-media-frame{min-height:330px}
  .cap3-scope .cap58-experience-body{gap:18px;margin:15px 0}
  .cap3-scope .cap3-concept-experience .cap56-space-plan{height:70px;width:auto;max-width:115px}
  .cap3-scope .cap58-experience-body .cap3-journey{gap:18px 24px}
  .cap3-scope .cap58-experience-body .cap3-journey b{font-size:24px}
  .cap3-scope .cap58-experience-body .cap3-step-no{font-size:8px}
}
@media(max-width:360px){
  .cap3-scope .cap58-experience-body .cap3-journey b{font-size:22px}
}