/* Consistent, visible interaction affordances. */
#work .work-row:hover,#work .work-row:focus-visible{box-shadow:inset -3px 0 #35c3d7!important}
.experience-header a{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;border-bottom:0!important}
.experience-header a:after{display:none!important}
.experience-back-mark{position:relative;display:block;width:34px;height:24px;overflow:hidden;flex:0 0 34px}
.experience-back-mark svg{position:absolute;top:2px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.experience-back-mark svg:first-child{left:0;opacity:1}.experience-back-mark svg:last-child{left:10px;opacity:.32}
.experience-header a:hover .experience-back-mark svg{animation:experience-back 1.05s ease-in-out infinite}
.experience-header a:hover .experience-back-mark svg:last-child{animation-delay:.13s}
@keyframes experience-back{0%,100%{transform:translateX(0)}55%{transform:translateX(-5px)}}
.mt1-buttons{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.mt1-buttons button,.mt1-buttons .mt1-next,.ms-reader-prev,.ms-reader-next,[data-ms-prev],[data-ms-next],.portfolio-image-nav button{opacity:1!important;visibility:visible!important;background:#fffffff2!important;border:1px solid #dfe3e6!important;color:#25292c!important;box-shadow:0 3px 12px #101b2610!important;pointer-events:auto;transition:background .2s,box-shadow .2s!important}
.mt1-buttons button:hover,.ms-reader-prev:hover,.ms-reader-next:hover,[data-ms-prev]:hover,[data-ms-next]:hover,.portfolio-image-nav button:hover{background:#fff!important;box-shadow:0 5px 18px #101b2624!important}
.exp-button,.sailvan-case .sv-insight-cta,.sailvan-case .sv-detail-link,.sailvan-case .sv-social-foot a,.masobu-v2 .ms-migration-card a{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px!important;background:#fff!important;color:#242a2e!important;border:1px solid #cfd6da!important;border-radius:7px!important;text-decoration:none!important;font:500 16px/1.4 Manrope,Arial,sans-serif;box-sizing:border-box;box-shadow:0 3px 10px #14253306!important;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}
.exp-button:after,.sailvan-case .sv-insight-cta:after,.sailvan-case .sv-social-foot a:after{display:none!important}
.exp-button:hover,.sailvan-case .sv-insight-cta:hover,.sailvan-case .sv-detail-link:hover,.sailvan-case .sv-social-foot a:hover,.masobu-v2 .ms-migration-card a:hover{background:#f1f3f4!important;border-color:#727c82!important;box-shadow:0 6px 18px #14253312!important;transform:translateY(-1px)}
.exp-button:focus-visible{outline:2px solid #354e5b;outline-offset:4px}
.exp-icon-button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.4}
.exp-icon-button img{height:23px;width:76px;object-fit:contain;filter:brightness(0);margin:0!important}
.masobu-v2 .ms-creator-links{gap:12px;margin-top:25px;flex-wrap:wrap}
.masobu-v2 .ms-migration-card .exp-button{margin-top:18px}
.masobu-v2 .ms-shelf-progress{height:26px!important;max-width:260px;width:60%;margin:24px auto 0;position:relative;background:transparent!important;border:0!important;overflow:visible!important}
.masobu-v2 .ms-shelf-progress>i{display:none!important}
.exp-shelf-range{appearance:none;-webkit-appearance:none;width:100%;height:26px;margin:0;cursor:grab;background:transparent;touch-action:none}
.exp-shelf-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#d9e1e5}
.exp-shelf-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:8px;margin-top:-2px;border-radius:6px;background:#566875;border:0;box-shadow:0 1px 3px #16273120}
.exp-shelf-range:active{cursor:grabbing}.exp-shelf-range:focus-visible{outline:2px solid #7c9cae;outline-offset:5px;border-radius:6px}
.masobu-v2 .exp-comparison{align-items:stretch;gap:28px}
.masobu-v2.ms-v4 .exp-comparison-card{margin:0;background:#fff!important;border:1px solid #e4e9eb!important;border-radius:16px!important;box-shadow:0 8px 24px #1c30390c!important;padding:16px!important;min-width:0;overflow:hidden}
.masobu-v2.ms-v4 .exp-comparison-card :is(.ms-original-ip-image,.ms-creator-screen-image){border:0!important;box-shadow:none!important;border-radius:10px!important}
.masobu-v2 .exp-comparison-card figcaption{padding:17px 8px 8px;margin:0}
.masobu-v2 .exp-comparison-card .ms-ip-credit{padding:8px;margin:0;gap:14px}
.masobu-v2 .exp-comparison-card .ms-gallery-nav{padding:12px 8px 0;margin:0}
.masobu-v2 .exp-award-timeline{background:none!important;padding:24px 0 0!important;border:0!important}
.exp-award-timeline ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:0}
.exp-award-timeline li{position:relative;display:flex;flex-direction:column;padding:22px 8px 0 0;gap:9px;text-align:left}
.exp-award-timeline li:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#d9e7eb}
.exp-award-timeline li:last-child:before{right:80%}
.exp-timeline-dot{position:absolute;top:-5px;left:0;width:12px;height:12px;border:3px solid #fff;background:#09859c;border-radius:50%;box-shadow:0 0 0 1px #8abac4;box-sizing:border-box}
.exp-award-timeline li>span:not(.exp-timeline-dot){font-size:16px;color:#617078}
.exp-award-timeline strong{font-size:26px!important;line-height:1.2;font-weight:500;color:#09859c;letter-spacing:-.03em}
.masobu-v2 .exp-reversed{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sailvan-case .sv-role-scope{border:0!important;padding-top:0!important;gap:22px}
.sailvan-case .sv-scope-item{padding:26px 23px;background:#fff;border:1px solid #e3e8eb;border-radius:16px;box-shadow:0 8px 24px #1c30390c}
.sailvan-case .sv-social-foot{align-items:center;gap:14px;flex-wrap:wrap}
.sailvan-case .sv-social-foot a{min-width:140px}

/* Three stages, central Shopify hub, two branches, independent company route. */
.yola-commerce{padding:12px 0 0}
.yola-commerce-stages{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1.12fr) 34px minmax(0,1fr);align-items:stretch;gap:12px}
.yola-commerce-stage{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dce4e8;box-shadow:0 8px 25px #15253108;border-radius:16px;padding:26px 24px}
.yola-commerce-hub{border-color:#a2c6cb;box-shadow:0 10px 35px #20485910}
.yola-stage-number{font-size:13px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;font-weight:600;color:#687c83;display:block;margin-bottom:28px;white-space:nowrap}
.yola-platform-wordmark,.yola-shopify-mark{height:48px;display:flex;align-items:center;margin-bottom:24px;text-decoration:none!important}
.yola-shopify-mark img{width:136px;height:43px;object-fit:contain;object-position:left}
.yola-zoho-wordmark{gap:3px;letter-spacing:.04em;font-family:Arial,sans-serif;font-size:27px}
.yola-zoho-wordmark b{font-weight:600}.yola-zoho-wordmark b:nth-child(1){color:#e54342}.yola-zoho-wordmark b:nth-child(2){color:#339b65}.yola-zoho-wordmark b:nth-child(3){color:#3077bc}.yola-zoho-wordmark b:nth-child(4){color:#bc921b}
.yola-channel-symbol svg{width:60px;height:44px;fill:none;stroke:#344b57;stroke-width:1.4}
.yola-stage-main{min-height:262px}.yola-stage-main h3{font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 14px}
.yola-stage-main p,.yola-stage-branch p{font-size:16px;line-height:1.65;color:#657078;margin:0}
.yola-stage-branch{border-top:1px solid #e0e8eb;padding:22px 0 26px;position:relative;flex:1}
.yola-stage-branch>span{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#75858c;display:block;margin-bottom:11px}
.yola-stage-branch h4{font-size:18px;line-height:1.35;font-weight:600;margin:0 0 9px}
.yola-stage-channels{display:flex;flex-wrap:wrap;gap:20px;align-content:start;justify-content:space-between}
.yola-stage-channels>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:100%}
.yola-stage-channels img{width:100px;height:24px;object-fit:contain;object-position:left}
.yola-stage-channels img[alt=Target]{width:25px}
.yola-stage-channels span{font-size:13px;color:#657078;line-height:1.4}
.yola-commerce-stage>.exp-button{font-size:14px;width:100%;padding:11px 10px!important;margin-top:8px}
.yola-stage-connector{align-self:start;padding-top:138px}
.yola-stage-connector svg,.yola-company-connector svg{display:block;width:100%;height:24px;fill:none;stroke:#8499a3;stroke-width:1.3}
.yola-company-route{margin:30px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:28px;border-top:1px solid #dfe6e9;padding:30px 0 0}
.yola-company-route>div{display:flex;align-items:center;gap:22px}
.yola-company-route>div img{width:100px;height:36px;object-fit:contain}
.yola-company-route>div span{font-size:14px;line-height:1.55;color:#68757c}
.yola-company-connector{width:110px;text-align:center;flex:0 0 110px}
.yola-company-connector span{display:block;font-size:13px;color:#68757c;margin-bottom:7px}
.yola-role-dialog{width:660px!important;max-width:calc(100vw - 32px)!important;padding:40px!important}
.yola-role-dialog h2{font-size:32px;line-height:1.2;margin:0 35px 20px 0;letter-spacing:-.035em;font-weight:500}
.yola-role-dialog p,.yola-role-dialog li{font-size:17px;line-height:1.7;color:#586771}
.yola-role-dialog ul{padding-left:21px;margin:22px 0}.yola-role-dialog li+li{margin-top:12px}
.yola-role-dialog .yola-role-kicker{font-size:13px;text-transform:uppercase;color:#087f95;letter-spacing:.07em;margin:0 0 18px}
.yola-workbench{background:#f4f6f7;border:1px solid #e2e7ea;border-radius:10px;padding:22px;margin-top:24px}
.yola-workbench h3{font-size:20px;margin:0 0 12px}.yola-workbench p{font-size:16px;margin:0}.yola-workbench-flow{display:flex;gap:7px;margin-top:18px}.yola-workbench-flow span{background:white;border:1px solid #e1e7e9;border-radius:5px;flex:1;text-align:center;padding:12px 4px;font-size:13px;color:#536973}

/* Logo rendering is isolated from profile styling. No blending or rectangular glow layers. */
.yola-universe .yola-brand-star,.yola-universe .yola-star-mark{mix-blend-mode:normal!important;background:transparent!important;box-shadow:none!important;border:0!important}
.yola-universe .yola-star-mark{filter:none!important;overflow:visible;position:relative;z-index:1;transition:opacity .3s!important}
.yola-universe .yola-brand-star:focus{outline:none!important}
.yola-universe .yola-brand-star:after{content:'';position:absolute;inset:0 -8px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#9ed9ff38,transparent 68%);opacity:0;transform:scale(.8);transition:opacity .35s,transform .4s;pointer-events:none}
.yola-universe .yola-brand-star:hover:after,.yola-universe .yola-brand-star:focus-visible:after{opacity:1;transform:scale(1.3)}
.yola-universe .yola-brand-star:hover .yola-star-mark,.yola-universe .yola-brand-star:focus-visible .yola-star-mark{filter:none!important;opacity:1}
.yola-dearthing-svg{display:block;width:100%;height:100%;overflow:hidden}
.yola-universe .yola-dearthing-svg{filter:invert(1)}
.yola-brand-dialog .yola-brand-detail-mark,.yola-brand-dialog .yola-star-mark{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:transparent!important;border:0!important;box-shadow:none!important}
.yola-brand-dialog .yola-dearthing-svg{filter:none!important}
.yola-brand-detail-mark[hidden]{display:none!important}
.yola-brand-dialog[data-brand="dearthing"] .yola-brand-detail-mark img{filter:none!important;clip-path:inset(0 0 8% 0)}
.yola-brand-dialog .yola-brand-detail-mark .yola-star-mark img{filter:brightness(0)!important}
.yola-brand-dialog[data-brand="hana by hince"] .yola-brand-detail-mark img{filter:none!important}

@media(max-width:1250px){.yola-commerce-stages{gap:7px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1.08fr) 22px minmax(0,1fr)}.yola-commerce-stage{padding:24px 18px}.yola-stage-number{font-size:12px}.yola-stage-main h3{font-size:22px}.yola-stage-main{min-height:290px}.yola-company-route{gap:18px}.yola-company-route>div{gap:16px}}
@media(max-width:760px){
 .mt1-buttons,.ms-gallery-nav button,.ms-reader-nav,.portfolio-image-dialog .portfolio-image-nav{display:none!important}
 .experience-back-mark{width:30px;flex-basis:30px}.experience-header a{gap:8px}
 .masobu-v2 .ms-shelf-progress{height:4px!important;background:#d9e1e5!important;max-width:200px;margin:20px auto 0;border-radius:5px}.masobu-v2 .ms-shelf-progress>i{display:block!important;background:#728995!important}.exp-shelf-range{display:none}
 .masobu-v2 .exp-comparison{gap:22px}.masobu-v2.ms-v4 .exp-comparison-card{padding:12px!important}.masobu-v2 .exp-comparison-card .ms-gallery-pagination{margin:18px 8px 7px}
 .exp-award-timeline strong{font-size:23px!important}.exp-award-timeline li>span:not(.exp-timeline-dot){font-size:14px;line-height:1.45;height:48px!important;min-height:48px}
 .masobu-v2 .exp-reversed{grid-template-columns:1fr}.masobu-v2 .exp-reversed>.ms-system-copy{order:0}.masobu-v2 .exp-reversed>.ms-workbook-preview{order:1}
 .sailvan-case .sv-scope-item{padding:24px 21px}.sailvan-case .sv-social-foot a{width:100%}
 .yola-commerce-stages{grid-template-columns:minmax(0,1fr);gap:0}.yola-commerce-stage{padding:26px}.yola-stage-main{min-height:0;padding-bottom:24px}.yola-stage-number{font-size:13px;margin-bottom:22px}.yola-stage-main h3{font-size:25px}.yola-stage-branch{padding-bottom:18px}.yola-stage-connector{padding:12px 0;justify-self:center;width:26px;height:45px;box-sizing:content-box;display:grid;place-items:center}.yola-stage-connector svg{width:40px;transform:rotate(90deg)}
 .yola-commerce-stage>.exp-button{font-size:16px}.yola-company-route{justify-content:center;flex-direction:column;gap:20px;padding-top:28px;margin-top:28px}.yola-company-route>div{width:100%;justify-content:center}.yola-company-connector{flex-basis:auto;width:110px}.yola-company-connector svg{width:35px;margin:15px auto;transform:rotate(90deg)}
 .yola-role-dialog{padding:32px 25px!important}.yola-role-dialog h2{font-size:27px}.yola-role-dialog p,.yola-role-dialog li{font-size:16px}.yola-workbench{padding:20px}.yola-workbench-flow{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.experience-header a:hover .experience-back-mark svg{animation:none}.yola-universe .yola-brand-star:after{transition:none}}