/* One material for MASOBU: white paper, quiet edge, soft elevation. */
.masobu-v2.ms-v4{--ms-card-shadow:0 8px 24px #1c30390c;--ms-card-edge:#e4e9eb}
.masobu-v2.ms-v4 :is(.ms-role-card,.ms-research-card,.ms-feature-card,.ms-metric-card,.ms-creator-program,.ms-migration-card,.ms-economy-board,.ms-workbook-preview,.ms-board-preview,.ms-brand-gallery,.ms-original-ip-image,.ms-creator-screen-image,.ms-game-tile){background:#fff!important;border:1px solid var(--ms-card-edge)!important;border-radius:16px!important;box-shadow:var(--ms-card-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.masobu-v2.ms-v4 #masobu-research .ms-brand-grid,.masobu-v2.ms-v4 .ms-system-row,.masobu-v2.ms-v4 .ms-data-section{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
.masobu-v2.ms-v4 .ms-system-row{margin-bottom:64px;gap:6%}
.masobu-v2.ms-v4 .ms-data-section{margin-bottom:64px}
.masobu-v2.ms-v4 .ms-brand-gallery{padding:26px;overflow:hidden}
.masobu-v2.ms-v4 .ms-brand-gallery :is(.ms-gallery-track,.ms-brand-page){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.masobu-v2.ms-v4 .ms-brand-gallery .ms-brand-page{padding:10px 0 0}
.masobu-v2.ms-v4 .ms-character-sheet{background:none!important;border:0!important;box-shadow:none!important}
.masobu-v2.ms-v4 .ms-board-preview{padding:14px;overflow:hidden}
.masobu-v2.ms-v4 .ms-board-preview button{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:8px;overflow:hidden}
.masobu-v2.ms-v4 .ms-workbook-preview{padding:14px;overflow:hidden}
.masobu-v2.ms-v4 .ms-workbook-preview img{border-radius:8px}
.masobu-v2.ms-v4 .ms-data-heading{display:block;margin-bottom:24px}
.masobu-v2.ms-v4 .ms-data-heading p{margin:18px 0 0;max-width:760px}
.masobu-v2.ms-v4 .ms-metrics-gallery{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center}
.masobu-v2.ms-v4 .ms-metric-categories{grid-column:1;grid-row:1;margin:0!important;min-width:0;padding-block:6px}
.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-nav{grid-column:2;grid-row:1;position:static!important;margin:0!important;padding:0!important;display:flex;gap:8px;align-self:center}
.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-nav [data-ms-count],.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-pagination [data-ms-count]{display:none!important}
.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-track{grid-column:1/-1;grid-row:2;margin:8px 0 0;padding:12px 4px 24px;gap:24px}
.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-pagination{grid-column:1/-1;grid-row:3}
.masobu-v2.ms-v4 .ms-metric-card{padding:25px;height:500px;min-height:500px;max-height:500px}
.masobu-v2.ms-v4 .ms-metric-tag{display:inline-block;font:500 14px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.025em;color:#087e93;background:#edf8fa;border-radius:5px;padding:6px 9px;margin-bottom:15px}
.masobu-v2.ms-v4 .ms-metric-card h3{min-height:60px;margin:0 0 16px}
.masobu-v2.ms-v4 .ms-metric-card .ms-metric-visual{min-height:145px;background:#f6f8f8}
.masobu-v2.ms-v4 .ms-metric-card p{margin:18px 0 0}
.masobu-v2.ms-v4 .ms-metric-categories button,.masobu-v2.ms-v4 .ms-system-tabs button{background:#fff;border:1px solid #e4e9eb;box-shadow:none;backdrop-filter:none}
.masobu-v2.ms-v4 .ms-metric-categories button[aria-pressed=true],.masobu-v2.ms-v4 .ms-system-tabs button[aria-selected=true]{color:#087e93;background:#edf8fa;box-shadow:none;border:1px solid #d0e6eb}
.masobu-v2.ms-v4 .ms-chapter>summary{background:#fff;box-shadow:var(--ms-card-shadow);backdrop-filter:none;border:1px solid var(--ms-card-edge)!important;border-radius:16px}
.masobu-v2.ms-v4 .ms-feature-card:focus-visible,.masobu-v2.ms-v4 .ms-feature-card:hover{box-shadow:0 14px 32px #1c303918!important;transform:translateY(-4px)}

/* The full row is the link. No repeated action label. */
#work .work-action{display:none!important}
#work .work-row{cursor:pointer;transition:background .25s,box-shadow .25s}
#work .work-row:hover{background:#f4f8f8;box-shadow:inset 3px 0 #35c3d7}
#work .work-row:focus-visible{outline:2px solid #09859c;outline-offset:4px;background:#f4f8f8}
#work .work-row .work-desc{transition:color .25s,transform .25s}
#work .work-row:hover .work-desc{color:#087e93;transform:translateX(3px)}

/* Yola's commerce system: a readable map, with no claim of universal automation. */
.yola-case .yola-system-map{background:#f6f9f9;border:1px solid #e1e9e9;border-radius:20px;padding:32px;display:grid;grid-template-columns:1.7fr 1fr;gap:28px}
.yola-system-lane{min-width:0}
.yola-map-hub{background:#fff;border:1px solid #dae6e7;box-shadow:0 6px 20px #172c3509;border-radius:12px;padding:24px;position:relative}
.yola-map-hub h3{font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}
.yola-map-hub p{font-size:16px;line-height:1.55;color:#627075;margin:0}
.yola-map-hub .yola-map-label{display:block;color:#09859c;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.yola-map-branch{position:relative;margin:28px 0 0;padding-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #bbd5d9}
.yola-map-branch:before{content:'';position:absolute;left:50%;top:-29px;height:28px;border-left:1px solid #bbd5d9}
.yola-map-end{position:relative;background:#fff;border:1px solid #e1e8e9;border-radius:10px;padding:18px 12px;text-align:center;min-width:0}
.yola-map-end:before{content:'';position:absolute;height:28px;top:-29px;left:50%;border-left:1px solid #bbd5d9}
.yola-map-end img{width:100%;max-width:125px;height:29px;object-fit:contain;margin:2px auto 13px;display:block}
.yola-map-end strong{display:block;font-size:17px;font-weight:500;line-height:1.3;margin-bottom:10px}
.yola-map-end p{font-size:14px;line-height:1.5;color:#657279;margin:0}
.yola-map-end img[alt="Skin Note"]{height:29px;max-width:110px}
.yola-map-zoho .yola-map-branch{grid-template-columns:1fr}
.yola-map-zoho .yola-map-end{padding:22px}
.yola-map-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #dce5e7;padding-top:24px}
.yola-map-footer p{font-size:16px;line-height:1.65;color:#617178;margin:0}
.yola-map-footer strong{font-weight:500;color:#263338}
.yola-map-footnote{font-size:14px!important;line-height:1.6!important;color:#727d82!important;margin-top:18px!important}

/* Each brand is a star in one connected, lightweight CSS constellation. */
.yola-universe{position:relative;height:620px;isolation:isolate;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 48% 49%,#26384f 0,#17243a 32%,#0b1324 72%);color:#fff}
.yola-universe:before,.yola-universe:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff9 .7px,transparent 1px),radial-gradient(circle,#b5dbe8a6 1px,transparent 1.4px);background-size:61px 73px,137px 113px;background-position:10px 16px,34px 48px;opacity:.45;z-index:-1}
.yola-universe:after{transform:rotate(17deg) scale(1.3);opacity:.2;background-size:103px 97px,181px 151px;animation:yola-stars-glow 8s ease-in-out infinite alternate}
.yola-constellation-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9dc8dd;stroke-width:.1;opacity:.24;pointer-events:none}
.yola-universe-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:146px;height:146px;border:1px solid #aac7d44d;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f8ffff18,transparent 72%);box-shadow:0 0 70px #aeddfb18}
.yola-universe-center:before{content:'';position:absolute;inset:-18px;border:1px solid #c5e7ff12;border-radius:50%}
.yola-universe-center img{width:105px;filter:brightness(0) invert(1)}
.yola-brand-star{position:absolute;left:var(--star-x);top:var(--star-y);transform:translate(-50%,-50%);width:124px;text-align:center;transition:transform .35s;z-index:1}
.yola-brand-star:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#e4f5ff;box-shadow:0 0 10px 3px #8bc8ee80;margin:0 auto 12px;animation:yola-stars-glow 4s ease-in-out infinite alternate;animation-delay:var(--star-delay)}
.yola-brand-star:hover{transform:translate(-50%,-50%) scale(1.07)}
.yola-star-mark{height:56px;width:124px;box-sizing:border-box;padding:14px;background:#fffffff2;border-radius:7px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #b9d7ed10}
.yola-star-mark img{display:block;width:100%;height:100%;object-fit:contain}
.yola-star-mark img[alt="Judydoll"],.yola-star-mark img[alt="2aN"]{filter:brightness(0)}
.yola-star-mark span{font:500 16px/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#222}
.yola-channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:32px}
.yola-channel-logo{height:116px;background:#fff;border:1px solid #e2e7e9;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:23px;box-shadow:0 7px 20px #102c3507}
.yola-channel-logo img{width:100%;max-width:150px;height:52px;object-fit:contain}
.yola-channel-logo img[alt="Target"],.yola-channel-logo img[alt="MINISO"]{max-width:66px;height:66px}
.yola-channel-logo img[alt="99 Ranch Market"]{height:65px}
.yola-channel-copy{max-width:810px}
.yola-case .yola-web-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yola-case .yola-web-project{display:flex;flex-direction:column}
.yola-case .yola-web-scroll{height:250px}
.yola-case .yola-web-scroll img{min-height:250px;object-fit:cover;object-position:top}
.yola-case .yola-web-copy{display:flex;flex-direction:column;flex:1;padding:25px}
.yola-case .yola-web-copy h3{font-size:25px}
.yola-case .yola-web-copy p{font-size:16px;line-height:1.75}
.yola-case .yola-site-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:6px;border:1px solid #24292b;color:#fff;background:#24292b;font-size:15px;text-decoration:none;margin-top:auto;align-self:flex-start;transition:background .2s,box-shadow .2s}
.yola-case .yola-site-button:hover{background:#087f95;border-color:#087f95;box-shadow:0 5px 14px #087f951c}
.yola-case .yola-site-button:focus-visible{outline:2px solid #09859c;outline-offset:4px}
@keyframes yola-stars-glow{from{opacity:.4}to{opacity:1}}
@media(max-width:900px){.yola-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yola-case .yola-web-grid{grid-template-columns:1fr}.yola-case .yola-web-project{display:grid;grid-template-columns:1fr 1fr}.yola-case .yola-browser-bar{grid-column:1/-1}.yola-case .yola-web-scroll{height:310px}.yola-case .yola-web-scroll img{min-height:310px}.yola-system-map{gap:20px!important;padding:24px!important}.yola-map-branch{grid-template-columns:1fr}.yola-map-end:before{display:none}.yola-map-end{padding:16px}.yola-brand-star,.yola-star-mark{width:100px}.yola-star-mark{height:50px;padding:11px}.yola-universe-center{width:125px;height:125px}.yola-universe-center img{width:88px}}
@media(max-width:760px){
 .masobu-v2.ms-v4 .ms-system-row,.masobu-v2.ms-v4 .ms-data-section{margin-bottom:36px}
 .masobu-v2.ms-v4 .ms-brand-gallery{padding:22px}.masobu-v2.ms-v4 .ms-metrics-gallery{display:block}.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-nav{display:none!important}
 .masobu-v2.ms-v4 .ms-metric-card{height:500px;min-height:500px;max-height:500px;padding:23px}
 .masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-track{gap:16px;padding:12px 2px 22px;margin-top:8px}
 .masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-pagination{display:flex;width:100%}.masobu-v2.ms-v4 .ms-metrics-gallery .ms-gallery-progress{flex:1}
 .yola-case .yola-system-map{grid-template-columns:1fr;padding:20px!important;gap:32px!important}
 .yola-map-branch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.yola-map-end{padding:15px 8px}.yola-map-end p{font-size:14px}.yola-map-end img{height:22px}.yola-map-end strong{font-size:16px}.yola-map-branch .yola-map-end:before{display:block}
 .yola-map-footer{grid-template-columns:1fr;gap:18px}.yola-map-hub{padding:22px}.yola-map-hub h3{font-size:24px}
 .yola-universe{height:880px;border-radius:16px}.yola-constellation-lines{display:none}.yola-universe-center{top:43%;width:110px;height:110px}.yola-brand-star{left:var(--star-mobile-x);top:var(--star-mobile-y);width:90px}.yola-star-mark{width:90px;height:48px;padding:10px}.yola-star-mark span{font-size:14px}.yola-brand-star:before{margin-bottom:10px}
 .yola-channel-grid{gap:12px}.yola-channel-logo{height:98px;padding:16px}.yola-channel-logo img{height:44px}.yola-channel-logo img[alt="Target"],.yola-channel-logo img[alt="MINISO"]{height:52px}
 .yola-case .yola-web-project{display:flex}.yola-case .yola-web-scroll{height:260px}.yola-case .yola-web-scroll img{min-height:260px}.yola-case .yola-web-copy{padding:24px}.yola-case .yola-site-button{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.yola-universe:after,.yola-brand-star:before{animation:none}.yola-brand-star,#work .work-row,#work .work-row .work-desc{transition:none}}
.yola-order-link{grid-column:1/-1;display:flex;align-items:center;gap:18px;color:#4c6872;font-size:14px;padding:4px 0}.yola-order-link i{flex:1;height:1px;background:#a4c6ce;position:relative}.yola-order-link i:last-of-type:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #a4c6ce;border-right:1px solid #a4c6ce;transform:rotate(45deg)}
@media(max-width:760px){.yola-order-link{gap:10px;flex-wrap:wrap;font-size:14px}.yola-order-link span:first-child,.yola-order-link span:last-child{max-width:85px}.yola-order-link i{min-width:10px}}
.deck-mode #work .work-row{grid-template-columns:170px minmax(0,1fr) 180px;gap:26px}.deck-mode #work .work-row:hover{background:#f4f8f8}
@media(max-width:1000px){.deck-mode #work .work-row{grid-template-columns:150px minmax(0,1fr) 150px;gap:22px}}
@media(max-width:760px){.deck-mode #work .work-row{grid-template-columns:104px minmax(0,1fr);column-gap:16px}.deck-mode #work .work-row .work-dates{display:none}}
.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-track{grid-auto-columns:calc((100% - 48px)/3)}
.masobu-v2.ms-v4 .ms-metric-tag{width:max-content;max-width:100%;align-self:flex-start;font-size:14px!important}
@media(max-width:1100px){.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:760px){.masobu-v2.ms-v4 .ms-metrics-gallery>.ms-gallery-track{grid-auto-columns:calc(100% - 24px)}}
@media(max-width:760px){.yola-map-branch{grid-template-columns:1fr;gap:10px}.yola-map-branch .yola-map-end{display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 14px;text-align:left;align-items:center;padding:16px}.yola-map-branch .yola-map-end:before{display:none}.yola-map-branch .yola-map-end img{grid-column:1;grid-row:1/3;margin:0;width:88px;max-width:88px;height:30px}.yola-map-end strong{grid-column:2;grid-row:1;margin:0}.yola-map-end p{grid-column:2;grid-row:2;margin:0}.yola-map-zoho .yola-map-end{display:block}.yola-map-zoho .yola-map-end strong{margin-bottom:10px}}
@media(max-width:360px){.yola-brand-star,.yola-star-mark{width:78px}.yola-star-mark{padding:9px}.yola-universe-center{width:92px;height:92px}.yola-universe-center img{width:70px}}
.yola-map-route{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:10px}.yola-map-route>div{min-width:0;text-align:center}.yola-map-route img{height:27px;width:100%;max-width:100px;object-fit:contain;margin:0 auto 8px;display:block}.yola-map-route img[alt="Target"]{height:32px}.yola-map-route strong{font-size:16px;display:block;margin-bottom:8px;font-weight:500}.yola-map-route span{display:block;font-size:14px;line-height:1.5;color:#617178}.yola-route-connector{align-self:center}.yola-route-connector span{font-size:13px!important}.yola-route-connector i{display:block;height:1px;background:#a4c6ce;position:relative;margin-top:8px}.yola-route-connector i:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #a4c6ce;border-right:1px solid #a4c6ce;transform:rotate(45deg)}
@media(max-width:760px){.yola-map-route{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:8px}.yola-map-route img{max-width:78px}.yola-map-route span{font-size:14px}}
.masobu-v2.ms-v4 .ms-metrics-gallery .ms-progress-count{display:none!important}
.masobu-v2.ms-v4 .ms-metrics-gallery .ms-gallery-pagination{grid-template-columns:1fr!important}