/* Clean customer theme. Every shared override is scoped to the selected theme. */
html[data-site-theme="light"]{
  --bg:#fff;--bg-card:#fff;--text:#142c43;--muted:#526478;--border:#e0e7ee;
  --indigo:#225bcb;--sky:#155da6;--accent-grad:linear-gradient(100deg,#155da6,#225bcb);
  --l-soft:#f6f8fb;--l-blue-soft:#edf4fc;--l-shadow:0 8px 32px rgba(20,44,67,.05);
  color-scheme:light;
}
html[data-site-theme="light"] body{background:#fff;color:var(--text);font-weight:400;line-height:1.6}
html[data-site-theme="light"] :is(h1,h2,h3,h4){color:var(--text)}
html[data-site-theme="light"] :is(p.sec-sub,.card p,.why-item p,.contact-info p,.page-hero p,.shop-card .desc,.prod-desc,.perk,.prod-vers-label){color:var(--muted);font-weight:400}
html[data-site-theme="light"] :is(.site-header,.site-header.scrolled,body.menu-open .site-header){background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 2px 14px rgba(20,44,67,.025);backdrop-filter:blur(12px)}
html[data-site-theme="light"] .logo{color:var(--text);font-size:1.35rem;font-weight:700}
html[data-site-theme="light"] .logo .l-site-logo{display:block;width:112px;height:56px;object-fit:contain}
html[data-site-theme="light"] .logo span{color:var(--indigo);background:none;-webkit-text-fill-color:var(--indigo)}
html[data-site-theme="light"] :is(.logo .sparkle,.logo-sparkle){display:none}
html[data-site-theme="light"] :is(.menu-trigger,.menu-link,.btn-signin){color:var(--text);font-weight:400}
html[data-site-theme="light"] :is(.dropdown-panel,.mobile-panel){background:#fff;border-color:var(--border);box-shadow:0 14px 42px rgba(20,44,67,.1)}
html[data-site-theme="light"] :is(.dd-item:hover,.dd-simple a:hover,.menu-trigger:hover,.btn-signin:hover,.menu-toggle:hover){background:var(--l-soft)}
html[data-site-theme="light"] :is(.dd-item .t,.dd-simple a,.dd-foot a){color:var(--text)}
html[data-site-theme="light"] .dd-icon{background:var(--l-blue-soft);color:var(--indigo)}
html[data-site-theme="light"] :is(.btn-start,.btn-primary,.btn-buy:not(.ghost),.pm-pay){background:var(--indigo);border:1px solid var(--indigo);color:#fff;box-shadow:none;font-weight:500;border-radius:8px}
html[data-site-theme="light"] :is(.btn-start,.btn-primary,.btn-buy:not(.ghost)):hover{background:#1749ad;border-color:#1749ad;box-shadow:0 6px 20px #225bcb20;transform:translateY(-2px)}
html[data-site-theme="light"] :is(.btn-ghost,.btn-buy.ghost,.btn-signin,.hiring-btn){background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none;border-radius:8px}
html[data-site-theme="light"] :is(.btn-ghost,.btn-buy.ghost):hover{background:var(--l-soft);border-color:#a8bbcf}
html[data-site-theme="light"] .btn-buy.shiny{animation:none;--bcol:var(--indigo);background:var(--indigo);border:1px solid var(--indigo);color:#fff;box-shadow:none}
html[data-site-theme="light"] .btn-buy.shiny::after{display:none}
html[data-site-theme="light"] :is(.pricing-fx,.horizon,.cyber-fx,.svc-bg,.svc-glow,.oc-rays,.hero-fade,.dot-canvas,.logo-sparkles,#pm-tubes,.pm-topglow,.pm-hgrid,.pm-spinbg,.pm-spingrad){display:none!important}
html[data-site-theme="light"] :is(.prod-page::before,.prod-page::after){display:none}
html[data-site-theme="light"] section{padding-block:5rem}
html[data-site-theme="light"] .sec-tag{border:0;background:none;color:var(--indigo);font-weight:500;letter-spacing:.02em;padding:0;margin-bottom:.7rem}
html[data-site-theme="light"] h2.sec-title{font-size:clamp(1.7rem,3.2vw,2.45rem);font-weight:700;letter-spacing:-.025em}
html[data-site-theme="light"] :is(.card,.shop-card,.why-item,.member,.tst-card,.contact-box,.prod-main,.prod-buy,.acct-panel,.acct-head,.acct-kpi,.cta-strip,.pm-cell,.pm-pk){background:#fff;border-color:var(--border);border-radius:14px;box-shadow:var(--l-shadow);color:var(--text)}
html[data-site-theme="light"] :is(.card,.shop-card,.why-item,.tst-card){padding:1.6rem}
html[data-site-theme="light"] :is(.card::before,.shop-card::before,.why-item::before){display:none}
html[data-site-theme="light"] :is(.card:hover,.shop-card:hover,.tst-card:hover){transform:translateY(-3px);border-color:#c2d3e5;box-shadow:0 10px 32px rgba(20,44,67,.08)}
html[data-site-theme="light"] .why-grid .why-item.reveal:hover{transform:translateY(-3px)!important;box-shadow:var(--l-shadow)}
html[data-site-theme="light"] :is(.card .icon,.shop-ico,.prod-ico,.plan .plan-ico,.acct-kpi .ak-ico){background:var(--l-blue-soft);border-color:#dde9f7;border-radius:12px}
html[data-site-theme="light"] :is(.card h3,.shop-card h3,.why-item h3){color:var(--text);font-weight:600}
html[data-site-theme="light"] .why-item .num{color:var(--indigo);background:none;-webkit-text-fill-color:var(--indigo);font-size:2.1rem}
html[data-site-theme="light"] .why{background:var(--l-soft);max-width:none}
html[data-site-theme="light"] .why-grid{max-width:1100px;margin-inline:auto}
html[data-site-theme="light"] :is(.team-sec,.clients-sec){background:#fff}
html[data-site-theme="light"] .clients-sec{border-block:1px solid var(--border);padding-block:2.6rem;max-width:none}
html[data-site-theme="light"] .clients-title{color:var(--muted);font-size:1rem;font-weight:400}
html[data-site-theme="light"] .clients-title .hl{color:var(--text);background:none;-webkit-text-fill-color:var(--text)}
html[data-site-theme="light"] .logo-row{gap:clamp(1.25rem,4vw,3.5rem);margin-top:1.5rem}
html[data-site-theme="light"] .clogo{color:#526478;background:none;-webkit-text-fill-color:#526478;filter:none;font-size:1.4rem;opacity:1}
html[data-site-theme="light"] :is(.member .m-name,.tst-quote,.tst-name){color:var(--text);font-weight:500}
html[data-site-theme="light"] :is(.member .m-role,.tst-role,.tst-since){color:var(--muted)}
html[data-site-theme="light"] .tst-stars{color:#a96800}
html[data-site-theme="light"] :is(.tst-foot-ico,.tst-logo){background:var(--l-blue-soft);color:var(--indigo)}
html[data-site-theme="light"] .pswitch{background:var(--l-soft);border-color:var(--border);padding:4px}
html[data-site-theme="light"] .popt{color:var(--muted);font-size:.9rem}
html[data-site-theme="light"] .popt.active{color:#fff}
html[data-site-theme="light"] .pthumb{background:var(--indigo);border:0;box-shadow:none}
html[data-site-theme="light"] .popt .save{color:#255c29;background:#e7f4e8}
html[data-site-theme="light"] .plan{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--l-shadow);padding:1.8rem;border-radius:14px}
html[data-site-theme="light"] .plan.popular{border:2px solid var(--indigo);box-shadow:0 10px 36px #225bcb12}
html[data-site-theme="light"] .plan .badge{background:var(--indigo);box-shadow:none;color:#fff}
html[data-site-theme="light"] :is(.plan .per,.plan .desc,.plan .includes li){color:var(--muted);font-weight:400}
html[data-site-theme="light"] .plan h3{font-size:1.35rem;font-weight:600}
html[data-site-theme="light"] .plan .price{font-weight:600;font-size:2.4rem}
html[data-site-theme="light"] .plan .cta{background:var(--l-blue-soft);color:var(--indigo);border-color:#dbe8f8;box-shadow:none;font-size:1rem;font-weight:500}
html[data-site-theme="light"] .plan.popular .cta{background:var(--indigo);color:#fff;border-color:var(--indigo);box-shadow:none}
html[data-site-theme="light"] .plan .includes{border-color:var(--border)}
html[data-site-theme="light"] .plan .includes li::before{background:#2f8b69;width:5px;height:5px}
html[data-site-theme="light"] :is(.faq-trigger,.faq-trigger .q){color:var(--text)}
html[data-site-theme="light"] .contact-box{background:var(--l-soft);box-shadow:none;gap:3rem}
html[data-site-theme="light"] :is(input,textarea,select){background:#fff;color:var(--text);border-color:#d2dde8;accent-color:var(--indigo)}
html[data-site-theme="light"] :is(input,textarea)::placeholder{color:#627589;opacity:1}
html[data-site-theme="light"] :is(input,textarea,select):focus{border-color:var(--indigo);box-shadow:0 0 0 3px #225bcb14}
html[data-site-theme="light"] select option{background:#fff!important;color:var(--text)!important}
/* Keep the existing spam trap out of view without extending RTL page width. */
html[data-site-theme="light"] input[name="contact_website"]{position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden}
html[data-site-theme="light"] .form-msg{color:#166b46}
html[data-site-theme="light"] .cm-msg.ok{color:#166b46}
html[data-site-theme="light"] .cm-msg.err{color:#b42332}
html[data-site-theme="light"] footer{background:#f6f8fb;border-top:1px solid var(--border);color:var(--muted)}
html[data-site-theme="light"] :is(.f-divider,.s-link,.totop){border-color:#d2dce8}
html[data-site-theme="light"] .f-links .f-head{font-weight:600}
html[data-site-theme="light"] .f-about{font-size:.85rem}
html[data-site-theme="light"] :is(.s-link:hover,.totop:hover){background:#fff;color:var(--indigo);border-color:var(--indigo)}
html[data-site-theme="light"] .page-hero{background:var(--l-soft);border-bottom:1px solid var(--border);padding:8rem 1rem 3.5rem;max-width:none}
html[data-site-theme="light"] .page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}
html[data-site-theme="light"] :is(.page-hero h1 em,.shop-price .val,.stat .val,.pm-price span:first-child){color:var(--indigo);background:none;-webkit-text-fill-color:var(--indigo)}
html[data-site-theme="light"] :is(.shop-tag,.prod-tag,.prod-ver,.cat-btn.active){color:var(--indigo);background:var(--l-blue-soft);border-color:#d2e3f7}
html[data-site-theme="light"] .prod-desc-html code{background:var(--l-soft)}
html[data-site-theme="light"] .prod-wrap{padding-top:6.5rem}
html[data-site-theme="light"] .acct-sec{padding-top:7.5rem}
html[data-site-theme="light"] :is(.pay-modal,.cm-modal){background:#fff;border-color:var(--border);color:var(--text);box-shadow:0 24px 80px #142c4338}
html[data-site-theme="light"] :is(.cm-video,.cm-modal::before,.cm-modal::after){display:none}
html[data-site-theme="light"] :is(.cm-head p,.cm-label){color:var(--muted)}
html[data-site-theme="light"] :is(.cm-field input,.cm-field textarea){background:#fff;color:var(--text);border-color:#d2dde8}
html[data-site-theme="light"] :is(.cm-field input,.cm-field textarea)::placeholder{color:var(--muted)}
html[data-site-theme="light"] :is(.cm-close,.pm-close,.pm-copy){background:var(--l-soft);color:var(--text)}
html[data-site-theme="light"] :is(.pm-alt,.pm-bank-row,.pm-opt,.pm-auth-ico){background:var(--l-soft);color:var(--text);border-color:var(--border)}
html[data-site-theme="light"] .pm-alt.active{color:var(--indigo);background:var(--l-blue-soft);border-color:var(--indigo)}
html[data-site-theme="light"] :is(.pm-msg,.acct-alert.ok,.apill.paid,.apill.active){color:#166b46}
html[data-site-theme="light"] :is(.acct-alert.err,.apill.cancelled){color:#b42332}
html[data-site-theme="light"] :is(.apill.pending,.apill.paused){color:#8b5700}
html[data-site-theme="light"] :is(.acct-table th,.acct-table td,.acct-sep){border-color:var(--border)}
html[data-site-theme="light"] .acct-table tr:hover td{background:var(--l-soft)}
html[data-site-theme="light"] :is(.ath-bubble,.ticket-bubble){background:var(--l-soft);color:var(--text)}
html[data-site-theme="light"] :is(.oc-hero,.pm-hero){background:var(--l-soft)}
html[data-site-theme="light"] :is(.pm-shiny,.pm-pk .pbtn.main,.pm-lead button){background:var(--indigo);border-color:var(--indigo);color:#fff;animation:none;box-shadow:none}
html[data-site-theme="light"] :is(.pm-strip-in .it,.pm-pk li){color:var(--muted)}
html[data-site-theme="light"] :is(.pm-strip-in .it svg,.pm-ic){color:var(--indigo)}
html[data-site-theme="light"] :is(.pm-badge,.pm-head .tag){color:var(--indigo);background:var(--l-blue-soft);border-color:#d2e3f7}
html[data-site-theme="light"] :is(.pm-hero h1 .grad,.pm-head h2 .grad,.pm-final h2 .grad){color:var(--indigo);background:none;-webkit-text-fill-color:var(--indigo)}
html[data-site-theme="light"] .pm-cell:hover{box-shadow:var(--l-shadow)}
html[data-site-theme="light"] .pm-pk.feat{background:#fff;border-color:var(--indigo);box-shadow:var(--l-shadow)}
html[data-site-theme="light"] :is(.gd-num,.ga-body pre){color:var(--text)}
html[data-site-theme="light"] .ga-body pre{background:var(--l-soft)}
html[data-site-theme="light"] .gd-num{background:#eaf0f6}
html[data-site-theme="light"] :focus-visible{outline:3px solid #225bcb;outline-offset:3px}
html[data-site-theme="light"] .reveal{transition-duration:.35s}

/* The new home hero is independent of the orbital theme markup and scripts. */
.l-hero{max-width:none!important;background:#fff;border-bottom:1px solid var(--border);padding:9.25rem 1.5rem 5.5rem!important;overflow:hidden}
.l-hero-inner{max-width:1140px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4.5rem}
.l-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--indigo);font-size:.84rem;font-weight:500;margin-bottom:1.5rem}
.l-eyebrow>span{width:7px;height:7px;background:#2e8966;border-radius:50%}
.l-hero-copy h1{font-size:clamp(2.1rem,4.2vw,3.65rem);font-weight:700;line-height:1.22;letter-spacing:-.04em;margin-bottom:1.5rem}
.l-hero-copy h1 em{font-style:normal;color:var(--indigo)}
.l-hero-copy>p{color:var(--muted);font-size:1.04rem;line-height:1.95;max-width:32rem;margin-bottom:2rem}
.l-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.l-hero-actions>a{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 20px;font-size:.91rem}
.l-hero-notes{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:1.8rem;color:var(--muted);font-size:.73rem}
.l-hero-notes>span{display:flex;align-items:center;gap:5px}
.l-hero-notes svg{width:15px;height:15px;stroke:#2e8966;fill:none;stroke-width:2}
.l-showcase{position:relative;min-width:0;padding-bottom:38px}
.l-showcase::before{content:"";position:absolute;inset:-35px -30px 10px;border-radius:36px;background:#f2f6fb;transform:rotate(-4deg)}
.l-browser{position:relative;z-index:1;background:#fff;border:1px solid #dce5ee;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(20,44,67,.1);transform:rotate(1.5deg)}
.l-browser-chrome{height:36px;background:#fafbfc;border-bottom:1px solid #e7ebf0;display:flex;gap:20px;align-items:center;padding:0 14px;direction:ltr}
.l-browser-dots{display:flex;gap:5px}.l-browser-dots i{width:6px;height:6px;border-radius:50%;background:#d2dae3}
.l-address{flex:1;text-align:center;font:10px Arial,sans-serif;color:#738496}.l-lock{font-size:14px;color:#9aabba}
.l-store-nav{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#74816e;font-size:10px;gap:14px}
.l-store-nav strong{font:700 15px Arial,sans-serif;color:#354732;letter-spacing:-.8px;white-space:nowrap}
.l-store-nav strong span{font-weight:400}.l-store-nav svg{width:16px;height:16px;stroke:#354732;fill:none;stroke-width:1.5;flex-shrink:0}
.l-store-banner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10px;min-height:222px;margin:0 16px;background:#eff0e9;padding:22px;border-radius:5px;overflow:hidden}
.l-store-tag{font-size:9px;color:#697363}.l-store-banner h2{font-size:clamp(17px,2vw,25px);color:#354732!important;font-weight:500;line-height:1.4;margin:10px 0 14px}
.l-store-cta{font-size:9px;padding:7px 12px;background:#354732;color:#fff;border-radius:3px;display:inline-block}
.l-vase-scene{position:relative;height:170px;isolation:isolate}
.l-scene-disc{position:absolute;width:135px;height:135px;background:#e3e5d8;border-radius:50%;top:12px;left:50%;transform:translateX(-50%);z-index:-1}
.l-vase{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:62px;height:92px;background:linear-gradient(90deg,#bfb9a8,#ede8da 44%,#c7c0af);border-radius:11px 11px 22px 22px;box-shadow:8px 8px 14px #59654a18}
.l-vase::before{content:"";position:absolute;top:-6px;left:20px;width:24px;height:14px;border-radius:4px 4px 0 0;background:#d9d3c2}
.l-stem{position:absolute;bottom:82px;left:50%;width:2px;height:83px;background:#7d8b63;transform-origin:bottom}
.l-stem.s1{transform:rotate(-20deg)}.l-stem.s2{height:72px;transform:rotate(27deg)}
.l-stem::before,.l-stem::after{content:"";position:absolute;width:21px;height:10px;border-radius:100% 0 100% 0;background:#82946e;top:8px;left:0;transform:rotate(-12deg)}
.l-stem::after{top:28px;left:-20px;transform:rotate(35deg)}
.l-store-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 16px 20px}
.l-store-products>div{min-width:0}.l-store-products span,.l-store-products b{display:block;color:#354732;font-size:8px;line-height:1.7;text-align:right;margin-top:5px;font-weight:500}
.l-store-products b{color:#7c8878;font-size:7px;font-weight:400;margin-top:0}
.l-product-art{position:relative;background:#f6f5f1;height:96px;border-radius:4px;display:flex;justify-content:center;align-items:center}
.l-art-vase i{width:28px;height:46px;background:linear-gradient(90deg,#c5b8a8,#e1d6c8,#b5a48e);border-radius:8px 8px 12px 12px}
.l-art-lamp{background:#f0f0e9}.l-art-lamp i{position:relative;width:42px;height:28px;background:#d4bd93;border-radius:50% 50% 8% 8%;margin-top:-12px}
.l-art-lamp i::after{content:"";position:absolute;top:26px;left:19px;width:4px;height:22px;background:#8a7f6a}
.l-art-lamp i::before{content:"";position:absolute;top:47px;left:9px;width:24px;height:3px;background:#8a7f6a;border-radius:50%}
.l-art-pot{background:#f1f3ed}.l-art-pot i{position:relative;width:26px;height:26px;background:#b99b81;border-radius:2px 2px 8px 8px;margin-top:25px}
.l-art-pot i::before{content:"";position:absolute;bottom:25px;left:11px;width:3px;height:26px;background:#6b8256}
.l-art-pot i::after{content:"";position:absolute;bottom:34px;left:0;width:26px;height:16px;background:#809967;border-radius:70% 0 70% 0;transform:rotate(-25deg)}
.l-showcase-note{position:absolute;z-index:2;bottom:16px;inset-inline-start:-28px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #142c4312}
.l-note-icon{width:36px;height:36px;background:#eaf4ef;border-radius:10px;display:grid;place-items:center}
.l-note-icon svg{width:20px;height:20px;fill:none;stroke:#2e8966;stroke-width:1.6}
.l-showcase-note strong{display:block;font-size:.8rem;font-weight:500;color:var(--text)}.l-showcase-note small{font-size:.68rem;color:var(--muted)}
.l-showcase-caption{position:absolute;bottom:-8px;inset-inline-end:0;font-size:10px;color:#526478}
.l-showcase-photo::before{display:none}
.l-opencart-photo{display:block;width:100%;height:auto;border-radius:18px}
.l-showcase-photo .l-showcase-note{inset-inline-start:0;bottom:10px;padding:10px 14px}
@media(max-width:1000px){
  .l-hero-inner{gap:3rem}.l-hero-copy h1{font-size:2.6rem}
  html[data-site-theme="light"] .mobile-panel{background:#fff;height:calc(100dvh - 3.5rem);box-shadow:none}
  html[data-site-theme="light"] .mobile-panel a{min-height:44px}
}
@media(max-width:760px){
  .l-hero{padding:7rem 1.25rem 3rem!important}.l-hero-inner{grid-template-columns:minmax(0,1fr);gap:3.5rem}
  .l-hero-copy h1{font-size:clamp(2rem,7.5vw,3.1rem)}.l-hero-copy>p{font-size:.97rem;max-width:none}
  .l-showcase{max-width:490px;width:100%;margin-inline:auto;padding-inline:6px}.l-showcase::before{inset:-14px 0 14px}
  .l-showcase-note{inset-inline-start:0;padding:12px 16px}.l-browser{transform:none}
  html[data-site-theme="light"] section{padding-block:3.5rem}
  html[data-site-theme="light"] .acct-sec{padding-top:6rem}
  html[data-site-theme="light"] :is(.shop-grid,.grid,.pricing-grid,.why-grid,.contact-box){grid-template-columns:minmax(0,1fr)}
  html[data-site-theme="light"] :is(.prod-main,.prod-buy,.contact-box){padding:1.4rem}
  html[data-site-theme="light"] :is(.btn-primary,.btn-ghost,.btn-buy,.pm-close,.cm-close,.menu-toggle){min-height:44px}
  html[data-site-theme="light"] :is(input,textarea,select){font-size:16px;max-width:100%}
  html[data-site-theme="light"] .plan.popular{margin-top:12px}
}
@media(max-width:380px){.l-hero-actions{align-items:stretch}.l-hero-actions>a{width:100%}.l-store-banner{padding:14px;min-height:190px}.l-vase-scene{height:150px}.l-store-nav{padding:0 16px}.l-store-nav>span{display:none}.l-product-art{height:76px}}
@media(prefers-reduced-motion:reduce){html[data-site-theme="light"] .reveal{transition:none}}

/* Real project screenshots in the light home page. */
.l-portfolio{max-width:1188px;margin-inline:auto;padding-inline:24px;scroll-margin-top:90px}
.l-portfolio-heading{text-align:center;margin-bottom:32px}
.l-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.l-work-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e7ee;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #142c4309}
.l-work-preview{display:block;background:#f6f8fb;overflow:hidden;border-bottom:1px solid #e0e7ee}
.l-work-chrome{display:flex;direction:ltr;align-items:center;gap:5px;padding:10px 12px;background:#f6f8fb}
.l-work-chrome i{width:6px;height:6px;border-radius:50%;background:#bdcbd9}
.l-work-preview img{display:block;width:100%;height:auto;aspect-ratio:1080/750;object-fit:cover;object-position:top;transition:transform .25s}
.l-work-preview:hover img{transform:scale(1.025)}
.l-work-body{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.l-work-type{color:#225bcb;background:#edf4fc;border-radius:5px;padding:3px 8px;font-size:.72rem;margin-bottom:10px}
.l-work-body h3{width:100%;text-align:right;font-size:1.3rem;font-weight:600;margin-bottom:10px}
.l-work-body p{color:#526478;font-size:.9rem;line-height:1.8;margin:0 0 20px}
.l-work-link{display:inline-flex;align-items:center;gap:10px;color:#225bcb;font-size:.88rem;font-weight:500;margin-top:auto;min-height:44px}
.l-work-link:hover{text-decoration:underline}
.l-work-preview:focus-visible,.l-work-link:focus-visible{outline:3px solid #225bcb;outline-offset:-3px}
.l-work-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.l-portfolio-contact{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:32px;color:#526478;font-size:.9rem}
.l-portfolio-contact a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px}
@media(max-width:900px){.l-portfolio-grid{gap:16px}.l-work-body{padding:18px}}
@media(max-width:650px){.l-portfolio{padding-inline:20px}.l-portfolio-grid{grid-template-columns:minmax(0,1fr)}.l-portfolio-contact{gap:12px;text-align:center}.l-work-body{padding:22px}}
@media(prefers-reduced-motion:reduce){.l-work-preview img{transition:none}}

/* OpenCart overview and contextual internal links. */
.l-oc-intro{max-width:1188px;margin-inline:auto;padding-inline:24px}
.l-oc-intro-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:center}
.l-oc-intro-inner p{color:#526478;font-size:.97rem;line-height:1.95;margin:16px 0}
.l-oc-intro-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.l-oc-intro-links .btn-ghost{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:.88rem}
.l-oc-intro-note{background:#f6f8fb;border:1px solid #e0e7ee;border-radius:16px;padding:28px}
.l-oc-intro-note h3{font-size:1.25rem;line-height:1.6;font-weight:600;margin-top:12px}
.l-oc-intro-note p{font-size:.88rem;margin-bottom:0}
@media(max-width:768px){.l-oc-intro{padding-inline:20px}.l-oc-intro-inner{grid-template-columns:minmax(0,1fr);gap:24px}.l-oc-intro-note{padding:24px}}