/* Portfolio chrome follows the editorial homepage; product artwork is preserved. */
:root{--page-bg:#f5f5f5;--card-bg:#fff;--text-primary:#202222;--text-secondary:#666b6b;--brand-primary:#5850ec;--border:#dedfdf;--radius-card:12px;--font-body:Satoshi,Arial,sans-serif;--ease-out:cubic-bezier(.2,.65,.3,1)}
html{scroll-padding-top:120px}.page-oxeye.oxeye-editorial{font:400 17px/1.65 var(--font-body);background:var(--page-bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:5px}::selection{background:#e0ddff;color:#202222}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:24px;z-index:2000;background:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:16px}
.oxeye-editorial .portfolio-header{font-family:var(--font-body);font-size:14px;width:390px;--nav-shadow:0 1px 6px #00000009;--nav-active:#f0f0f0;--nav-border:transparent}.oxeye-editorial .portfolio-nav{border:1px solid #e7e7e7;background:#ffffffed;backdrop-filter:blur(12px)}.oxeye-editorial .portfolio-header a.portfolio-nav-contact{min-width:104px;box-shadow:none}.oxeye-editorial .portfolio-header a{font-weight:500}
.oxeye-editorial .ox{width:min(1320px,calc(100% - 112px));margin:auto;padding:160px 0 0;--ox-w:100%}.oc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(72px,7vw,120px);align-items:start}.oc-story{min-width:0}.oc-summary{position:sticky;top:140px;align-self:start;padding-top:10px;max-height:calc(100dvh - 164px);overflow-y:auto;scrollbar-width:thin}.oc-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--text-secondary)}.oc-back:hover,.oc-project-contact:hover{color:var(--brand-primary)}.oc-project-identity{margin-top:64px}.oc-project-identity .ox-logo{width:144px;height:38px;object-fit:contain;object-position:left}.oc-project-identity p{margin-top:24px;font-size:18px;line-height:1.4}.oc-project-identity p span{display:block;margin-top:6px;font-size:14px;color:var(--text-secondary)}.oc-index{margin-top:40px}.oc-index summary{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:236px;min-height:44px;font-size:14px;cursor:pointer;list-style:none}.oc-index summary::-webkit-details-marker{display:none}.oc-index summary>span{font-size:22px;font-weight:400;transition:transform .2s}.oc-index[open] summary>span{transform:rotate(45deg)}.oc-index nav{display:grid;margin:8px 0 12px}.oc-index nav a{font-size:13px;color:var(--text-secondary);min-height:36px;display:flex;align-items:center;padding:4px 0}.oc-index nav a:hover,.oc-index nav a[aria-current]{color:var(--brand-primary)}.oc-project-contact{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:14px;margin-top:28px}
.oxeye-editorial .ox-hero{gap:28px;display:flex;flex-direction:column;align-items:stretch}.oxeye-editorial .ox h1,.oxeye-editorial .ox h2,.oxeye-editorial .ox h3{font-weight:400;text-wrap:pretty}.oxeye-editorial .ox-hero h1{max-width:none;font-size:clamp(32px,2.8vw,42px);line-height:1.15;letter-spacing:-.035em}.oxeye-editorial .ox-lead{font-size:18px;line-height:1.7;max-width:64ch}.oxeye-editorial .ox-stats{margin:8px 0 12px;gap:28px}.oxeye-editorial .ox-stats div{padding:0;border:0}.oxeye-editorial .ox-stats dt{font-size:21px;color:var(--text-primary);font-weight:400;line-height:1.3;letter-spacing:-.02em}.oxeye-editorial .ox-stats dd{font-size:13px;line-height:1.5;margin-top:7px}.oxeye-editorial .ox-hero-media{margin:0;background:#e8e8f0;border-radius:12px}.oxeye-editorial .ox-source{text-decoration-color:#b6b8bb;text-underline-offset:4px}.oxeye-editorial .ox-source:hover{color:var(--brand-primary)}
.oxeye-editorial .ox-section{padding-top:128px;gap:40px;scroll-margin-top:112px}.oxeye-editorial .ox-section-head{grid-template-columns:48px minmax(0,1fr);gap:20px}.oxeye-editorial .ox-section-head-plain{grid-template-columns:1fr}.oxeye-editorial .ox-section-icon{width:48px;height:48px;object-fit:contain}.oxeye-editorial .ox-section-head h2{font-size:32px;line-height:1.2;letter-spacing:-.03em}.oxeye-editorial .ox-section-head>div{gap:20px}.oxeye-editorial .ox-kicker{font-size:12px;text-transform:none;letter-spacing:0;color:var(--text-secondary)}.oxeye-editorial .ox-split{grid-template-columns:1fr 1fr;gap:40px}.oxeye-editorial .ox-steps li{border:0;padding:16px 0;grid-template-columns:24px 1fr;column-gap:12px}.oxeye-editorial .ox-steps li::before{color:#898c8c;font-size:12px}.oxeye-editorial .ox-steps strong{font-weight:500;font-size:16px}.oxeye-editorial .ox-steps span{font-size:15px}.oxeye-editorial .ox-cards{gap:28px}.oxeye-editorial .ox-card{padding:0;border:0;gap:12px}.oxeye-editorial .ox-card img{width:72px;height:56px;margin-bottom:8px}.oxeye-editorial .ox-card:hover img{transform:none}.oxeye-editorial .ox-card h3{font-size:20px}.oxeye-editorial .ox-card p{font-size:15px}.oxeye-editorial .ox-card-more{font-size:13px;min-height:44px;display:flex;align-items:center;gap:8px}.oxeye-editorial .ox-card-more>span{margin-left:8px}
.oc-zoom{display:block;position:relative;border-radius:12px;overflow:hidden;cursor:zoom-in}.oc-zoom .ox-img{width:100%;display:block;border:0;background:transparent;border-radius:12px;transition:transform .7s var(--ease-out)}.oc-zoom-cue{position:absolute;bottom:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:#222;box-shadow:0 1px 8px #0000000a;border-radius:50%;font-size:19px;opacity:0;transition:opacity .2s}.oc-zoom:focus-visible .oc-zoom-cue{opacity:1}.oxeye-editorial .ox-figure{gap:16px}.oxeye-editorial .ox-figure figcaption,.oxeye-editorial .ox-annot figcaption{font-size:14px;line-height:1.6;max-width:64ch}.oxeye-editorial .ox-gallery{grid-template-columns:1fr;gap:48px}.oxeye-editorial .ox-gallery-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.oxeye-editorial .ox-gallery-3>.ox-figure:last-child:nth-child(odd){grid-column:1/-1;max-width:65%;justify-self:center}.oxeye-editorial #product .ox-gallery-3>.ox-figure:first-child{grid-column:1/-1;max-width:78%;justify-self:center}.oxeye-editorial #product .ox-gallery-3>.ox-figure:last-child{grid-column:auto;max-width:none;justify-self:stretch}.oxeye-editorial .ox-gallery-tall{grid-template-columns:1fr 1fr;gap:32px}.oxeye-editorial .ox-problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}.oxeye-editorial .ox-problems div{border:0;padding:0;gap:8px}.oxeye-editorial .ox-problems h3{font-size:18px}.oxeye-editorial .ox-block{padding-top:24px;gap:24px}.oxeye-editorial .ox-block>h3{font-size:24px;letter-spacing:-.025em}.oxeye-editorial .ox-block>p{font-size:17px;line-height:1.7}.oxeye-editorial .ox-flow{gap:20px;padding:28px;background:#eceef0;border-radius:12px}.oxeye-editorial .ox-flow-row{gap:10px}.oxeye-editorial .ox-flow-row>span{width:100%;font-size:12px}.oxeye-editorial .ox-flow-row b{font-size:16px;font-weight:400}.oxeye-editorial .ox-flow-new b{color:var(--text-primary)}.oxeye-editorial .ox-map{gap:24px;margin-top:0}.oxeye-editorial .ox-map h4{font-weight:400}.oxeye-editorial .ox-map span{border:0;font-size:14px}.oxeye-editorial .ox-options{gap:24px}.oxeye-editorial .ox-option-text{border:0;padding:0}.oxeye-editorial .ox-options .is-chosen .ox-option-text{border:0;padding:0}.oxeye-editorial .ox-options .pro,.oxeye-editorial .ox-options .con{font-size:13px;line-height:1.6}.oxeye-editorial .ox-options h4{font-weight:500}.oxeye-editorial .ox-wire{border:0;background:#eceef0;border-radius:12px}.oxeye-editorial .is-chosen .ox-wire{background:#e8e6f3}
/* Keep the annotation content; numbered references replace intersecting leader lines. */
.oxeye-editorial .ox-annot{display:flex;flex-direction:column;gap:24px;margin:0}.oxeye-editorial .ox-annot-media{order:0;width:100%;align-self:center}.oxeye-editorial .ox-annot-side .ox-annot-media{max-width:640px}.oxeye-editorial .ox-notes-top{order:1}.oxeye-editorial .ox-notes-main{order:2}.oxeye-editorial .ox-annot figcaption{order:3}.oxeye-editorial .ox-notes,.oxeye-editorial .ox-annot-wide .ox-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.oxeye-editorial .ox-annot-wide .ox-notes-top li:first-child{grid-column:auto}.oxeye-editorial .ox-notes li{border:0;padding:0;column-gap:10px;grid-template-columns:22px 1fr}.oxeye-editorial .ox-notes strong{font-weight:500;font-size:15px}.oxeye-editorial .ox-notes p{font-size:14px;line-height:1.65}.oxeye-editorial .ox-num{width:22px;height:22px;border:0;background:#e7e5f3;color:#4d4698;font-size:11px}.oxeye-editorial .ox-pin{pointer-events:none;background:#5850ec;width:19px;height:19px;font-size:10px;box-shadow:0 0 0 2px #fff}.oxeye-editorial .ox-annot-media video{border:0;border-radius:12px;background:#fff}.oxeye-editorial .ox-annot+.ox-annot{margin-top:48px}
.oxeye-editorial .ox-brand-cell{border:0;padding:0}.oxeye-editorial .ox-brand-grid{gap:40px}.oxeye-editorial .ox-brand-cell h3{font-size:19px}.oxeye-editorial .ox-swatches{gap:16px}.oxeye-editorial .ox-swatches li{font-size:12px}.oxeye-editorial .ox-swatches span{height:52px;border-radius:8px}.oxeye-editorial .ox-type{font-family:Inter,Arial,sans-serif;color:#202222!important}.oxeye-editorial .ox-icons{margin-top:16px}.oxeye-editorial .ox-quote{background:none;color:var(--text-primary);padding:64px 0 0;border-radius:0;margin-top:96px;gap:28px}.oxeye-editorial .ox-quote p{color:var(--text-primary);font-size:26px;line-height:1.5;letter-spacing:-.025em;max-width:none}.oxeye-editorial .ox-quote strong{color:inherit;font-weight:500}.oxeye-editorial .ox-quote-by span{color:var(--text-secondary);font-size:13px}
.oxeye-editorial .portfolio-footer{width:100%;max-width:none;margin:0;padding:144px 0 32px}.oxeye-editorial .footer-invitation{display:flex;justify-content:space-between;align-items:center;gap:32px}.oxeye-editorial .portfolio-footer h2{font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.15;letter-spacing:-.04em}.oxeye-editorial .portfolio-footer p{color:var(--text-secondary);font-size:15px;margin-top:16px}.oxeye-editorial .footer-contact{display:inline-flex;align-items:center;gap:20px;min-height:48px;font-size:18px}.oxeye-editorial .footer-contact:hover{color:var(--brand-primary)}.oxeye-editorial .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:72px;font-size:13px;color:var(--text-secondary)}.oxeye-editorial .footer-links,.oxeye-editorial .footer-utilities{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.oxeye-editorial .footer-bottom a,.oxeye-editorial .footer-bottom button{display:inline-flex;align-items:center;min-height:44px}.oxeye-editorial .footer-bottom a:hover,.oxeye-editorial .footer-bottom button:hover{color:var(--brand-primary)}.oxeye-editorial .footer-bottom button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit}
.oc-lightbox{position:fixed;inset:0;margin:auto;width:calc(100vw - 48px);max-width:1600px;height:calc(100dvh - 48px);max-height:none;padding:20px;background:#f5f5f5;color:#202222;border:0;border-radius:16px;overflow:hidden}.oc-lightbox::backdrop{background:#111b;backdrop-filter:blur(6px)}.oc-lightbox[open]{display:flex;flex-direction:column;gap:16px}.oc-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.oc-close{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px;height:44px;background:#fff;color:#222;border:0;border-radius:100px;cursor:pointer;font-size:14px}.oc-close span{font-size:24px}.oc-original{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:12px}.oc-lightbox-scroll{flex:1;min-height:0;overflow:auto;display:grid;place-items:center}.oc-lightbox-scroll img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.oc-lightbox-caption{font-size:13px;line-height:1.5;margin:0;color:#666b6b;flex-shrink:0}body:has(.oc-lightbox[open]){overflow:hidden}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.oc-zoom:hover .ox-img{transform:scale(1.012)}.oc-zoom:hover .oc-zoom-cue{opacity:1}}
@media(min-width:1800px){.oxeye-editorial .ox{width:min(1440px,calc(100% - 160px))}.oc-layout{grid-template-columns:300px minmax(0,1fr);gap:140px}}
@media(max-width:1150px){.oxeye-editorial .ox{width:calc(100% - 64px)}.oc-layout{grid-template-columns:220px minmax(0,1fr);gap:56px}.oxeye-editorial .ox-hero h1{font-size:34px}.oxeye-editorial .ox-stats{gap:16px}.oxeye-editorial .ox-stats dt{font-size:19px}.oxeye-editorial .ox-cards{grid-template-columns:1fr}.oxeye-editorial .ox-card{display:grid;grid-template-columns:72px 1fr;gap:4px 20px}.oxeye-editorial .ox-card img{grid-row:span 3}.oxeye-editorial .ox-split{grid-template-columns:1fr}.oxeye-editorial .ox-split .ox-figure{max-width:440px;justify-self:center}.oxeye-editorial .ox-options{grid-template-columns:1fr}.oxeye-editorial .ox-options>div{grid-template-columns:1fr 1fr;align-items:center;gap:24px}.oxeye-editorial .ox-options .ox-option-text{display:grid}.oxeye-editorial .ox-brand-grid{grid-template-columns:1fr}.oxeye-editorial .ox-gallery-tall{grid-template-columns:1fr}.oxeye-editorial .ox-notes,.oxeye-editorial .ox-annot-wide .ox-notes{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.oxeye-editorial .ox{padding-top:128px;width:calc(100% - 48px)}.oc-layout{display:block}.oc-summary{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:56px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.oc-back{grid-column:1/-1}.oc-project-identity{margin:0}.oc-project-identity p{margin-top:16px}.oc-index{margin:0;min-width:220px;max-width:260px}.oc-project-contact{display:none}.oxeye-editorial .ox-hero h1{font-size:38px}.oxeye-editorial .ox-section{padding-top:88px;gap:32px}.oxeye-editorial .ox-split{grid-template-columns:1fr 1fr}.oxeye-editorial .ox-section-head h2{font-size:30px}.oxeye-editorial .ox-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oxeye-editorial .ox-card{display:flex;gap:10px}.oxeye-editorial .ox-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oxeye-editorial .ox-options>div{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}.oxeye-editorial .ox-brand-grid{grid-template-columns:2fr 1fr}.oxeye-editorial .ox-quote{margin-top:64px;padding-top:24px}.oxeye-editorial .portfolio-footer{padding-top:96px}}
@media(max-width:600px){.oxeye-editorial .ox{padding-top:104px;width:calc(100% - 40px)}.oxeye-editorial .portfolio-header{width:100%}.oxeye-editorial .portfolio-mobile-bar{background:var(--page-bg);border-radius:24px}.oc-summary{grid-template-columns:1fr;margin-bottom:40px;gap:20px}.oc-back{font-size:13px}.oc-project-identity .ox-logo{width:124px;height:33px}.oc-project-identity p{font-size:17px}.oc-index{min-width:0;max-width:none;width:100%}.oc-index summary{max-width:none;justify-content:flex-start;gap:24px}.oc-index nav{grid-template-columns:1fr 1fr;gap:2px 12px}.oc-index nav a{min-height:44px}.oxeye-editorial .ox-hero h1{font-size:30px;line-height:1.2}.oxeye-editorial .ox-lead{font-size:17px;line-height:1.7}.oxeye-editorial .ox-hero{gap:24px}.oxeye-editorial .ox-stats{grid-template-columns:1fr;gap:20px;margin:0 0 8px}.oxeye-editorial .ox-stats div{padding:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:baseline}.oxeye-editorial .ox-stats dt{font-size:19px}.oxeye-editorial .ox-stats dd{font-size:13px;margin:0}.oxeye-editorial .ox-section{padding-top:72px;gap:28px}.oxeye-editorial .ox-section-head{grid-template-columns:36px minmax(0,1fr);gap:14px}.oxeye-editorial .ox-section-head-plain{grid-template-columns:1fr}.oxeye-editorial .ox-section-head>div{gap:16px}.oxeye-editorial .ox-section-icon{width:36px;height:36px}.oxeye-editorial .ox-section-head h2{font-size:27px}.oxeye-editorial .ox-split,.oxeye-editorial .ox-cards,.oxeye-editorial .ox-brand-grid{grid-template-columns:1fr}.oxeye-editorial .ox-card{display:grid;grid-template-columns:60px 1fr;gap:4px 16px}.oxeye-editorial .ox-card img{width:60px;height:48px}.oxeye-editorial .ox-problems{gap:24px;grid-template-columns:1fr 1fr}.oxeye-editorial .ox-problems h3{font-size:17px}.oxeye-editorial .ox-problems p{font-size:14px}.oxeye-editorial .ox-flow{padding:20px}.oxeye-editorial .ox-flow-row{gap:6px}.oxeye-editorial .ox-flow-row b{font-size:13px}.oxeye-editorial .ox-map{grid-template-columns:1fr}.oxeye-editorial .ox-map>i{transform:rotate(90deg);justify-self:center}.oxeye-editorial .ox-options{grid-template-columns:1fr;gap:32px}.oxeye-editorial .ox-gallery-3,.oxeye-editorial .ox-notes,.oxeye-editorial .ox-annot-wide .ox-notes{grid-template-columns:1fr}.oxeye-editorial .ox-gallery-3>.ox-figure:last-child:nth-child(odd),.oxeye-editorial #product .ox-gallery-3>.ox-figure:first-child{grid-column:auto;max-width:none}.oxeye-editorial .ox-gallery{gap:36px}.oxeye-editorial .ox-quote p{font-size:23px}.oxeye-editorial .ox-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oxeye-editorial .footer-invitation{display:block}.oxeye-editorial .footer-contact{margin-top:20px;font-size:16px}.oxeye-editorial .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:48px}.oxeye-editorial .footer-links,.oxeye-editorial .footer-utilities{gap:24px}.oc-zoom-cue{opacity:1;width:32px;height:32px;font-size:16px;bottom:10px;right:10px}.oc-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:14px;border-radius:12px}.oc-original{font-size:12px}.oc-lightbox-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.oc-zoom:hover .ox-img{transform:none}}
/* The original Figma illustration, separated into independently animated layers. */
.ox-path-art{position:relative;aspect-ratio:1;isolation:isolate;max-width:480px;width:100%}.ox-path-art img{display:block;width:100%;height:100%;object-fit:contain}.ox-path-base{opacity:.28}.ox-path-layer,.ox-path-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ox-path-layer[data-layer="0"]{clip-path:inset(0 0 74% 28%)}.ox-path-layer[data-layer="1"]{clip-path:inset(26% 0 50% 28%)}.ox-path-layer[data-layer="2"]{clip-path:inset(50% 0 28% 28%)}.ox-path-layer[data-layer="3"]{clip-path:inset(72% 0 0 28%)}.oxeye-editorial .ox-path-trace{overflow:visible;max-width:none}.ox-path-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.ox-path-controls button{border:0;background:transparent;padding:10px 0;color:var(--text-secondary);font:inherit;cursor:pointer;min-height:44px}.ox-path-controls button:hover{color:var(--brand-primary)}.ox-path-packet,.ox-path-node,.ox-path-line{opacity:0}.ox-explainer.is-running .ox-steps li{opacity:.7;transition:opacity .4s}.ox-explainer.is-running .ox-steps li.is-active{opacity:1}.ox-explainer.is-running .ox-steps li.is-active::before{color:#b72987}.oxeye-editorial .ox-path-figure{width:100%;min-width:0}
/* Compact six-slide product gallery; all slides stay readable without JS. */
.ox-product-gallery{min-width:0;width:100%}.ox-product-stage{display:grid;gap:32px}.ox-gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;color:var(--text-secondary)}.ox-gallery-controls>div{display:flex;gap:10px}.ox-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cfd1d1;border-radius:50%;background:transparent;color:var(--text-primary);font:400 22px Satoshi,Arial,sans-serif;cursor:pointer;transition:background .2s}.ox-gallery-controls button:hover{background:#fff}.ox-gallery-controls button:disabled{opacity:.3;cursor:default}.ox-product-gallery[data-ready] .ox-product-stage{gap:0}.ox-product-gallery[data-ready] .ox-figure{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none;align-content:start}.ox-product-gallery[data-ready] .ox-figure.is-current{visibility:visible;pointer-events:auto}.ox-product-gallery[data-ready] .oc-zoom{height:clamp(240px,49vh,560px);display:flex;align-items:center;justify-content:center;background:#eeeff2;border-radius:12px;padding:16px}.ox-product-gallery[data-ready] .oc-zoom img{width:100%;height:100%;object-fit:contain;border-radius:6px}.ox-product-gallery[data-ready] figcaption{min-height:70px}.oxeye-editorial #product{gap:28px}.oxeye-editorial #product .ox-section-head{margin-bottom:0}
@media(max-width:600px){.ox-path-art{max-width:380px;margin:auto}.ox-path-controls{font-size:11px}.ox-product-gallery[data-ready] .oc-zoom{height:310px;padding:10px}.ox-product-gallery[data-ready] figcaption{min-height:110px}.oxeye-editorial #product{gap:24px}}
@media(prefers-reduced-motion:reduce){.ox-path-base{opacity:1}.ox-path-layer{display:none}.ox-explainer.is-running .ox-steps li{opacity:1}}
/* Concise case-study narrative, November 2026. */
.oxeye-editorial .ox-hero{gap:24px}.oxeye-editorial .ox-hero h1{font-size:clamp(34px,3.2vw,48px);max-width:24ch}.ox-story-eyebrow{font-size:13px;color:var(--text-secondary)}.ox-story-credit{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:13px;color:var(--text-secondary)}.ox-story-credit a{display:inline-flex;gap:8px;align-items:center;color:var(--text-primary);min-height:36px}.ox-story-credit img{width:22px;height:22px}.oxeye-editorial .ox-story-intro{padding-top:64px;gap:20px}.ox-story-intro h2{font-size:24px;font-weight:400}.ox-story-copy{display:grid;gap:16px;max-width:65ch}.ox-story-copy h3{font-size:21px;font-weight:400}.ox-story-copy p,.ox-story-body{font-size:17px;line-height:1.7;color:var(--text-secondary);max-width:65ch}.ox-story-result strong{font-weight:500;color:var(--text-primary)}
.ox-story-details{min-width:0;width:100%}.ox-story-details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;cursor:pointer;font-size:14px;list-style:none;color:var(--text-secondary)}.ox-story-details>summary::-webkit-details-marker{display:none}.ox-story-details>summary:hover{color:var(--brand-primary)}.ox-story-details>summary>span{font-size:23px;transition:transform .2s}.ox-story-details[open]>summary>span{transform:rotate(45deg)}.ox-story-details-body{display:grid;gap:32px;padding-top:24px}.ox-story-details-body .ox-hero-media{margin:0}.ox-story-details-body .ox-kicker{display:none}.ox-story-details-body .ox-annot{margin:0}.ox-story-details-body .ox-section-head{display:none}.ox-story-details-body .ox-notes{order:initial}.ox-story-details-body .ox-notes-main+.ox-notes-top{margin-top:16px}
.ox-story-gallery{min-width:0;width:100%}.ox-story-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;font-size:13px;color:var(--text-secondary)}.ox-story-controls>div{display:flex;gap:10px}.ox-story-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cfd1d1;border-radius:50%;background:transparent;color:var(--text-primary);font:400 22px Satoshi,Arial,sans-serif;cursor:pointer}.ox-story-controls button:hover{background:#fff}.ox-story-controls button:disabled{opacity:.3;cursor:default}
.ox-story-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4c4cc transparent;scroll-snap-type:x proximity;border-radius:12px}.ox-story-track{display:flex;align-items:flex-start}.ox-story-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;padding-right:0}.ox-story-gallery.is-scroll-driven .ox-story-viewport{scroll-snap-type:none;scrollbar-width:none}.ox-story-gallery[data-ready] .ox-story-slide>.ox-figure,.ox-story-gallery[data-ready] .ox-story-slide>.ox-annot{display:flex;flex-direction:column;gap:16px;margin:0!important;max-width:none}.ox-story-gallery .oc-zoom,.ox-story-gallery .ox-annot-media{height:clamp(240px,48vh,560px);width:100%;max-width:none!important;display:flex;align-items:center;justify-content:center;background:#eeeff2;border-radius:12px;padding:16px;position:relative}.ox-story-gallery .ox-annot-media .oc-zoom{height:100%;padding:0;background:none}.ox-story-gallery .oc-zoom img,.ox-story-gallery .ox-annot-media video{width:100%;height:100%;object-fit:contain;border-radius:6px}.ox-story-gallery .ox-annot-media video{background:transparent}.ox-story-gallery figcaption{min-height:72px;padding-right:20px}.ox-story-gallery .ox-pin{display:none}.ox-story-gallery:not([data-ready]) .ox-story-track{display:grid;gap:32px}.ox-story-gallery:not([data-ready]) .ox-story-slide{width:100%}.oxeye-editorial .ox-story-details-body .ox-gallery{gap:32px}
@media(max-width:600px){.oxeye-editorial .ox-hero h1{font-size:32px}.oxeye-editorial .ox-story-intro{padding-top:44px}.ox-story-credit{font-size:12px}.ox-story-body,.ox-story-copy p{font-size:16px}.ox-story-gallery .oc-zoom,.ox-story-gallery .ox-annot-media{height:300px;padding:10px}.ox-story-gallery figcaption{min-height:115px;padding-right:12px}.ox-story-details>summary{font-size:13px}.ox-story-gallery .ox-pin{width:16px;height:16px}}
.ox-story-intro-title{display:flex;gap:16px;align-items:center}.ox-story-intro-title img{width:40px;height:40px;object-fit:contain}
/* Figma's transparent light-background Oxeye logo; retain its native proportions. */
.oc-project-identity img.ox-logo{height:auto}

/* White media canvases throughout the Oxeye case-study galleries. */
.oxeye-editorial:not(.page-bold) :is(.ox-story-gallery,.ox-product-gallery,.ox-gallery) :is(.oc-zoom,.ox-annot-media){background:#fff}

/* Diagram playback controls and keyboard-accessible chapter selection. */
.ox-path-playback{display:flex;align-items:center;gap:18px}
.ox-step-select{font:inherit;color:inherit;text-align:left;padding:0;border:0;background:none;cursor:pointer;min-height:30px}
.ox-step-select:focus-visible,.ox-path-controls button:focus-visible{outline:2px solid #b72987;outline-offset:5px;border-radius:2px}
.ox-step-select:hover{color:#b72987}
.ox-path-branches{opacity:0}
.ox-explainer.is-running .ox-steps li{opacity:.58;transition:opacity .45s}
.ox-explainer.is-running .ox-steps li.is-active{opacity:1}
@media(max-width:380px){.ox-path-playback{gap:12px}.ox-path-controls{gap:8px;font-size:10px}}

@media(prefers-reduced-motion:reduce){.ox-explainer.is-running .ox-path-layer{display:block}.ox-explainer.is-running .ox-path-base{opacity:.28}}

/* Consistent compact media heights across story slides. */
body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-annot-media,
body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-story-slide>.ox-figure>.oc-zoom{height:clamp(240px,30vw,400px);padding:var(--ox-gallery-padding,12px)}
body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-annot-media>.oc-zoom{height:100%;width:100%;padding:0}
body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-annot-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
body.page-oxeye:not(.page-bold) #website .ox-story-track{align-items:flex-start;height:auto;min-height:0}
body.page-oxeye:not(.page-bold) #website .ox-story-gallery figcaption{min-height:0;padding-bottom:4px}
body.page-oxeye:not(.page-bold) #website .ox-quote.ox-case-card{background:#020058;color:#fff}
body.page-oxeye:not(.page-bold) #website .ox-quote.ox-case-card :is(p,blockquote,cite,strong,span){color:inherit}
body.page-oxeye:not(.page-bold) #website .ox-quote.ox-case-card :is(small,figcaption){color:#d8d8f0}
@media(max-width:600px){body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-annot-media,body.page-oxeye:not(.page-bold) #website .ox-story-gallery .ox-story-slide>.ox-figure>.oc-zoom{height:260px;padding:var(--ox-gallery-padding,10px)}}