/* Three simple routes. Each row reads from source to destination. */
.yola-flow{border:1px solid #e3eaeb;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 35px #23333c06}
.yola-flow-row{display:grid;grid-template-columns:250px 125px minmax(0,1fr);align-items:center;gap:30px;padding:32px 36px}
.yola-flow-row+.yola-flow-row{border-top:1px solid #e3eaeb}
.yola-flow-row:nth-child(2){background:#f6fafb}
.yola-flow-label{display:block;color:#09859c;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px}
.yola-flow-source img{height:27px;width:145px;object-fit:contain;object-position:left;display:block;margin-bottom:8px}
.yola-flow h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 10px}
.yola-flow p,.yola-flow-sources span{font-size:16px;line-height:1.5;color:#637078;margin:0}
.yola-flow-arrow{display:grid;gap:12px;color:#617e85;text-align:center}
.yola-flow-arrow span{font-size:14px;line-height:1.4}
.yola-flow-arrow svg{width:100%;height:18px;fill:none;stroke:#80abb4;stroke-width:1.2}
.yola-flow-channelset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;align-items:center}
.yola-flow-channelset>div{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.yola-flow-channelset img{max-width:135px;width:100%;height:28px;object-fit:contain}
.yola-flow-channelset img[alt=Target]{width:29px}
.yola-flow-channelset span{font-size:14px;line-height:1.4;color:#637078;text-align:center}
.yola-flow-sources strong{font-size:20px;line-height:1.3;font-weight:500;display:block;margin-bottom:4px}
.yola-flow-plus{display:block;color:#80abb4!important;margin:8px 0!important;font-size:20px!important}
.yola-flow-erp{padding:16px 24px;border-left:3px solid #35c3d7}
.yola-flow-erp .yola-flow-label{margin-bottom:12px}
.yola-flow-discovery{padding-block:28px}
.yola-flow-discovery>div:not(.yola-flow-arrow) img{width:120px;height:28px;object-fit:contain;object-position:left;margin-bottom:10px;display:block}
.yola-flow-discovery>div:last-child{padding-left:24px}

/* Bare light marks, individually sized; the glow belongs to the logo. */
.yola-universe .yola-brand-star{appearance:none;border:0;background:transparent;box-shadow:none;padding:0;width:150px;min-height:75px;cursor:pointer;color:#fff;border-radius:10px}
.yola-universe .yola-brand-star:before{width:3px;height:3px;margin:0 auto 14px;background:#d6ecff;box-shadow:0 0 8px #a3dfff;opacity:.7;animation:none}
.yola-universe .yola-star-mark{width:var(--mark-width);max-width:100%;height:48px;margin:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 1px #b5dfff20);transition:filter .4s,opacity .4s;opacity:.82}
.yola-universe .yola-star-mark img{filter:brightness(0) invert(1)!important;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.yola-universe .yola-star-mark span{color:#fff;font-size:22px;font-weight:500;letter-spacing:-.025em}
.yola-universe .yola-brand-star:hover .yola-star-mark,.yola-universe .yola-brand-star:focus-visible .yola-star-mark{opacity:1;filter:drop-shadow(0 0 7px #c0e9ff90) drop-shadow(0 0 17px #8bbcff65)}
.yola-universe .yola-brand-star:hover{transform:translate(-50%,-50%) scale(1.05)}
.yola-universe .yola-brand-star:focus-visible{outline:1px solid #cae9ffa8;outline-offset:5px}
.yola-universe .yola-brand-star[data-brand-name="hana by hince"] .yola-star-mark{height:65px}
.yola-universe .yola-brand-star[data-brand-name="hana by hince"]{mix-blend-mode:screen}
.yola-universe .yola-brand-star[data-brand-name="hana by hince"] .yola-star-mark{mix-blend-mode:screen}
.yola-universe .yola-brand-star[data-brand-name="hana by hince"] .yola-star-mark img{filter:grayscale(1) invert(1) brightness(2) contrast(3)!important}
.yola-universe .yola-brand-star[data-brand-name="First Edition"] .yola-star-mark span{font-family:Georgia,serif;font-style:italic;font-size:23px}
.yola-universe .yola-constellation-lines{opacity:.13}

.yola-brand-dialog{position:fixed;inset:0;margin:auto;width:420px;max-width:calc(100vw - 32px);box-sizing:border-box;max-height:calc(100dvh - 48px);padding:42px;border:1px solid #e1e7ea;border-radius:18px;background:#fff;color:#20272b;box-shadow:0 25px 100px #0003;overflow:auto;text-align:left}
.yola-brand-dialog::backdrop{background:#07111db3;backdrop-filter:blur(5px)}
.yola-brand-dialog[open]{animation:yola-profile-in .2s ease-out}
.yola-brand-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e6e9eb;border-radius:50%;background:#fff;cursor:pointer;color:#334047;line-height:0}
.yola-brand-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.yola-brand-close:hover{background:#eff7f8}
.yola-brand-close:focus-visible{outline:2px solid #09859c;outline-offset:3px}
.yola-brand-detail-mark{height:76px;margin:4px 0 26px;display:flex;align-items:center}
.yola-brand-detail-mark .yola-star-mark{display:flex;width:180px;height:64px;max-width:100%;padding:0;border:0;background:none;box-shadow:none;border-radius:0;justify-content:flex-start}
.yola-brand-detail-mark .yola-star-mark img{width:100%;height:100%;object-fit:contain;object-position:left;filter:brightness(0)!important}
.yola-brand-detail-mark .yola-star-mark span{font-size:30px;color:#20272b;line-height:1.2}
.yola-brand-dialog .yola-brand-category{font-size:14px!important;line-height:1.5;color:#09859c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}
.yola-brand-dialog .yola-brand-name{font-size:32px!important;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0 0 18px}
.yola-brand-dialog .yola-brand-description{font-size:18px!important;line-height:1.65;color:#617078;margin:0 0 28px}
.yola-brand-dialog .yola-site-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;margin:0;width:100%;box-sizing:border-box;background:#20272b;border:1px solid #20272b;border-radius:6px;color:#fff;font-size:16px;text-decoration:none;transition:background .2s}
.yola-brand-dialog .yola-site-button:hover{background:#087f95;border-color:#087f95}
.yola-brand-dialog .yola-site-button:focus-visible{outline:2px solid #09859c;outline-offset:4px}
.yola-brand-dialog[data-brand="hana by hince"] .yola-brand-detail-mark img{filter:none!important}
@keyframes yola-profile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.yola-flow-row{grid-template-columns:210px 90px minmax(0,1fr);gap:22px;padding:28px}.yola-flow-channelset img{max-width:110px}}
@media(max-width:760px){
 .yola-flow-row{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 24px;text-align:center}
 .yola-flow-source img{margin:0 auto 10px;object-position:center}
 .yola-flow-arrow{justify-items:center;gap:5px}.yola-flow-arrow svg{height:18px;width:44px;margin:13px 0;transform:rotate(90deg)}
 .yola-flow-label{margin-bottom:16px}.yola-flow h3{font-size:26px}.yola-flow-channelset{gap:24px 18px}.yola-flow-channelset img{max-width:120px}
 .yola-flow-sources strong{font-size:20px}.yola-flow-sources span,.yola-flow p{font-size:16px}
 .yola-flow-erp{border-left:0;border-top:2px solid #35c3d7;padding:22px 0 0}
 .yola-flow-discovery>div:not(.yola-flow-arrow) img{margin:0 auto 10px;object-position:center}.yola-flow-discovery>div:last-child{padding-left:0}
 .yola-universe .yola-brand-star{width:90px;min-height:62px}.yola-universe .yola-star-mark{width:calc(var(--mark-width)*.72);height:36px}.yola-universe .yola-star-mark span{font-size:17px}.yola-universe .yola-brand-star[data-brand-name="First Edition"] .yola-star-mark span{font-size:18px}.yola-universe .yola-brand-star:before{margin-bottom:10px}.yola-universe .yola-brand-star[data-brand-name="hana by hince"] .yola-star-mark{height:48px}
 .yola-brand-dialog{padding:35px 28px 28px}.yola-brand-detail-mark{height:65px;margin:4px 0 22px}
}
@media(max-width:360px){.yola-universe .yola-brand-star{width:76px}.yola-universe .yola-star-mark{width:calc(var(--mark-width)*.62)}}
@media(prefers-reduced-motion:reduce){.yola-brand-dialog[open]{animation:none}.yola-universe .yola-star-mark{transition:none}}

.yola-brand-star[data-brand-name="dearthing"],.yola-brand-star[data-brand-name="dearthing"] .yola-star-mark{mix-blend-mode:screen}.yola-case .yola-brand-star[data-brand-name="dearthing"] img{filter:grayscale(1) invert(1) brightness(2) contrast(3)!important;clip-path:inset(0 0 8% 0)}.yola-brand-dialog[data-brand="dearthing"] img{filter:none;clip-path:inset(0 0 8% 0)}