/* OKITA editorial image system — CMS controlled • white/orange • Montserrat */
:root{--ed-ink:#252525;--ed-muted:#777;--ed-orange:#fa5a13;--ed-rule:#eae6e1;--ed-canvas:#f9f8f6}
#ung-dung.application-section{background:#fff;padding:clamp(80px,8vw,140px) 0 115px}
#ung-dung .applications-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:50px}
#ung-dung .applications-head h2{max-width:800px}
#ung-dung .applications-head h2 em{font-style:normal;color:var(--ed-orange)}
#ung-dung .editorial-app-description{max-width:315px;font-size:13px;line-height:1.85;color:var(--ed-muted);margin:0 0 10px}
.editorial-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,46px)}
.editorial-app-card{display:block;min-width:0;color:var(--ed-ink);text-decoration:none!important;outline-offset:8px}
.editorial-app-card .app-image{aspect-ratio:1/1;width:100%;border-radius:50%;position:relative;overflow:hidden;background:#f0ede9;display:block}
.editorial-app-card .app-image:after{content:'';position:absolute;inset:0;border:1px solid #e8e4dfaa;border-radius:50%;pointer-events:none}
.editorial-app-card .app-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.17,.67,.2,1)}
.editorial-app-card:hover .app-image img,.editorial-app-card:focus-visible .app-image img{transform:scale(1.095)}
.editorial-app-card .app-index{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--ed-orange);margin:24px 0 12px}
.editorial-app-card h3{font-size:clamp(15px,1.45vw,21px);line-height:1.43;letter-spacing:-.035em;font-weight:650;max-width:260px;margin:0 0 10px}
.editorial-app-card p{font-size:12px;line-height:1.72;color:var(--ed-muted);margin:0;max-width:260px}
.editorial-app-card .app-link{display:inline-flex;align-items:center;gap:10px;margin-top:21px;color:var(--ed-orange);font-size:10px;letter-spacing:.14em;font-weight:700;transition:gap .25s}
.editorial-app-card:hover .app-link{gap:18px}
#ung-dung .catalogue-note{font-size:11px;margin-top:34px;color:#999}
/* Stop the legacy CMS document from appearing as a wall of paragraphs. All copy remains in Wix. */
.sitemap-overview{padding:0!important;background:#fff!important;border-top:0!important}
.sitemap-overview .editorial-story-wrap{border-top:1px solid var(--ed-rule);padding:clamp(80px,10vw,150px) clamp(26px,5.5vw,100px)}
.editorial-story{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);align-items:center;column-gap:clamp(45px,7vw,130px)}
.story-visual{min-height:540px;position:relative;display:block}
.story-orb{position:absolute;display:block;width:73%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#f1eeea;isolation:isolate}
.story-orb img{width:100%;height:100%;object-fit:cover;display:block}
.story-orb.first{left:0;top:0}.story-orb.second{right:0;bottom:0;width:66%;box-shadow:0 0 0 12px #fff}
.story-copy{padding:20px 0}
.story-copy .section-kicker,.editorial-catalog-head .section-kicker{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--ed-orange)}
.story-copy h2{font-size:clamp(35px,4.4vw,68px);line-height:1.16;letter-spacing:-.055em;font-weight:650;color:var(--ed-ink);margin:24px 0 26px}
.story-copy h2 em,.editorial-catalog-head h2 em{font-style:normal;color:var(--ed-orange)}
.story-copy .story-lead{font-size:clamp(14px,1.23vw,17px);line-height:1.95;color:#686868;max-width:590px;margin:0 0 32px}
.story-points{margin:0 0 34px;padding:0;list-style:none;border-top:1px solid var(--ed-rule)}
.story-points li{border-bottom:1px solid var(--ed-rule);display:flex;gap:22px;align-items:baseline;padding:17px 0;font-size:13px;line-height:1.65;color:#4b4b4b}
.story-points li b{font-size:10px;letter-spacing:.12em;color:var(--ed-orange);flex-shrink:0}
.story-copy>a{font-size:10px;font-weight:750;letter-spacing:.12em;text-decoration:none;color:#333;border-bottom:1px solid var(--ed-orange);padding-bottom:9px}
.story-copy>a:hover{color:var(--ed-orange)}
.editorial-catalog{padding:clamp(90px,9vw,140px) clamp(26px,5.5vw,100px);background:var(--ed-canvas)}
.editorial-catalog-inner{max-width:1400px;margin:auto}
.editorial-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:44px}
.editorial-catalog-head h2{font-size:clamp(36px,4.5vw,72px);line-height:1.14;letter-spacing:-.052em;font-weight:650;color:var(--ed-ink);margin:19px 0 0}
.editorial-catalog-head p{font-size:13px;line-height:1.88;color:var(--ed-muted);max-width:385px;margin-bottom:8px}
.editorial-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.editorial-category-card{display:block;overflow:hidden;text-decoration:none!important;color:var(--ed-ink);background:#fff;border:1px solid #edeae6;min-width:0;transition:box-shadow .3s,transform .3s}
.editorial-category-card:hover,.editorial-category-card:focus-visible{box-shadow:0 24px 50px rgba(60,43,26,.07);transform:translateY(-5px)}
.editorial-category-card .category-visual{position:relative;aspect-ratio:1.39;display:block;overflow:hidden;background:#f0eeeb}
.editorial-category-card .category-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.23,1)}
.editorial-category-card:hover .category-visual img{transform:scale(1.07)}
.editorial-category-card .image-note{position:absolute;bottom:12px;left:13px;font-size:8px;letter-spacing:.12em;color:#606060;background:#ffffffda;padding:7px 10px}
.editorial-category-card .category-copy{padding:25px 27px 29px;min-height:205px;display:flex;flex-direction:column;align-items:start}
.editorial-category-card .category-counter{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--ed-orange)}
.editorial-category-card h3{font-size:clamp(17px,1.62vw,24px);letter-spacing:-.035em;line-height:1.38;font-weight:650;margin:14px 0 9px}
.editorial-category-card .category-description{font-size:12px;line-height:1.75;color:#777;margin:0 0 19px}
.editorial-category-card .category-cta{margin-top:auto;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--ed-orange);display:flex;gap:12px;transition:gap .25s}
.editorial-category-card:hover .category-cta{gap:19px}
.editorial-knowledge{padding:clamp(76px,8vw,120px) clamp(26px,5.5vw,100px);background:#fff;border-top:1px solid var(--ed-rule)}
.editorial-knowledge-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:.83fr 1.2fr;gap:60px;align-items:start}
.editorial-knowledge-head h2{font-size:clamp(32px,3.5vw,50px);line-height:1.17;letter-spacing:-.05em;margin:18px 0 22px;color:var(--ed-ink);font-weight:650}
.editorial-knowledge-head p{font-size:13px;color:#777;line-height:1.85;margin:0;max-width:400px}
.editorial-knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ed-rule)}
.editorial-knowledge-grid a{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;color:#3b3b3b;font-size:13px;line-height:1.5;border-bottom:1px solid var(--ed-rule);text-decoration:none!important;font-weight:600}
.editorial-knowledge-grid a:nth-child(odd){padding-right:25px}.editorial-knowledge-grid a:nth-child(even){padding-left:25px}
.editorial-knowledge-grid a span{color:var(--ed-orange);font-size:20px;flex-shrink:0}
.editorial-knowledge-grid a:hover{color:var(--ed-orange)}
/* Image details on real category/application pages */
.editorial-page-image{margin:0 0 48px;position:relative;border:1px solid #f0ece7;background:#f8f5f2;overflow:hidden}
.editorial-page-image img{width:100%;aspect-ratio:1.8;object-fit:cover;display:block;max-height:540px}
.editorial-page-image figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#888;line-height:1.5;padding:13px 18px;background:#fff}
.solution-orb.editorial-illustrated{background-size:cover!important;background-position:center center!important}
.solution-orb.editorial-illustrated>*{opacity:0!important}
@media(max-width:1150px){.editorial-app-grid{gap:20px}.story-visual{min-height:450px}.story-orb.first{width:75%}.editorial-category-card .category-copy{padding:23px}}
@media(max-width:900px){.editorial-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 30px}.editorial-app-card .app-image{width:min(100%,320px)}.editorial-story{grid-template-columns:1fr 1fr;gap:35px}.story-visual{min-height:360px}.editorial-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-knowledge-inner{grid-template-columns:1fr;gap:38px}}
@media(max-width:680px){#ung-dung.application-section{padding:75px 0 85px}#ung-dung .applications-head{display:block;margin-bottom:40px}.editorial-app-description{margin-top:20px!important}.editorial-app-grid{gap:32px 19px}.editorial-app-card .app-index{margin:18px 0 8px}.editorial-app-card h3{font-size:15px}.editorial-app-card p{font-size:11px}.editorial-app-card .app-link{font-size:9px;margin-top:15px}.sitemap-overview .editorial-story-wrap{padding:74px 27px}.editorial-story{grid-template-columns:1fr;gap:35px}.story-visual{min-height:360px;max-width:480px;width:100%;margin:auto}.story-orb{width:65%}.story-orb.second{width:59%}.story-copy h2{font-size:clamp(34px,8vw,49px)}.story-copy .story-lead{font-size:14px}.editorial-catalog{padding:75px 27px}.editorial-catalog-head{display:block}.editorial-catalog-head p{margin:20px 0 0}.editorial-catalog-grid{grid-template-columns:1fr;gap:22px}.editorial-category-card .category-visual{aspect-ratio:1.55}.editorial-category-card .category-copy{min-height:0;padding:22px 22px 26px}.editorial-knowledge{padding:78px 27px}.editorial-knowledge-grid{grid-template-columns:1fr}.editorial-knowledge-grid a:nth-child(even),.editorial-knowledge-grid a:nth-child(odd){padding:17px 0}.editorial-page-image{margin:0 0 30px}.editorial-page-image img{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){.editorial-app-card .app-image img,.editorial-category-card .category-visual img,.editorial-category-card,.editorial-app-card .app-link{transition:none!important}}