/* WEB-LABS PORTFOLIO / Immersive HUD skin — v1.0.23.
   Opt-in ONLY for the /projects/ page. Reuses existing portfolio shortcodes.
   No web fonts, images, or third-party assets. */
.wl-portfolio-page {min-height:100vh;background:#07111f;color:#c1d4e1;overflow:hidden;--wlp-cyan:#50d6ff;--wlp-blue:#38bdf8;--wlp-green:#52e6ac;}
.wl-portfolio-page__article {max-width:none;margin:0;padding:0;}
.wl-portfolio-page__article > p:empty {display:none;}
.wl-portfolio-page__article > .wl-portfolio-hero:first-child {margin-top:0;}
.wl-portfolio-page .wl-container {max-width:1280px;}
/* Full-bleed hero with in-house CSS-only holographic system. */
.wl-portfolio-hero {position:relative;min-height:760px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 74% 47%,rgba(17,127,164,.155),transparent 39%),radial-gradient(circle at 26% 35%,rgba(21,93,151,.14),transparent 42%),linear-gradient(115deg,#07111f 10%,#091929 62%,#07111f);border-bottom:1px solid rgba(80,214,255,.15);}
.wl-portfolio-hero::after{position:absolute;z-index:1;left:0;right:0;bottom:0;height:180px;content:"";background:linear-gradient(transparent,#07111f);pointer-events:none;}
.wl-portfolio-hero__grid{position:absolute;inset:-12%;opacity:.27;background-image:linear-gradient(rgba(65,185,219,.115) 1px,transparent 1px),linear-gradient(90deg,rgba(65,185,219,.115) 1px,transparent 1px);background-size:56px 56px;transform:perspective(500px) rotateX(12deg);animation:wlp-grid 28s linear infinite;pointer-events:none;}
.wl-portfolio-hero__flare{position:absolute;width:550px;height:550px;border-radius:50%;opacity:.47;filter:blur(95px);pointer-events:none;}
.wl-portfolio-hero__flare--one{top:-280px;right:-200px;background:rgba(20,165,219,.2);animation:wlp-flare 16s ease-in-out infinite alternate;}
.wl-portfolio-hero__flare--two{bottom:-450px;left:0;background:rgba(29,114,185,.15);animation:wlp-flare 19s ease-in-out infinite alternate-reverse;}
.wl-portfolio-hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.03fr);align-items:center;gap:35px;position:relative;z-index:3;min-height:760px;padding-block:148px 105px;}
.wl-portfolio-hero__content{position:relative;z-index:4;}
.wl-portfolio-hero__kicker{display:inline-flex;gap:12px;align-items:center;font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em;color:#86d9f1;}
.wl-portfolio-hero__kicker i,.wl-portfolio-hero__status span,.wl-portfolio-stats__kicker i{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--wlp-green);box-shadow:0 0 16px rgba(82,230,172,.85);animation:wlp-status 2.6s ease-in-out infinite;}
/* Heading typography matches the other WEB-LABS landing pages.
   A dedicated line per word prevents orphaned Cyrillic letters on every viewport. */
.wl-article-content .wl-portfolio-hero .wl-portfolio-hero__title{
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;max-width:100%;margin:32px 0 0;
  color:#f4fbff;font-size:clamp(36px,4.35vw,64px);font-weight:760;
  line-height:1.065;letter-spacing:-.052em;
  word-break:normal;overflow-wrap:normal;hyphens:none;
}
.wl-portfolio-hero__title-main,
.wl-portfolio-hero__title-accent{display:block;max-width:100%;white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none;}
.wl-portfolio-hero__title-main{color:#f4fbff;}
.wl-portfolio-hero__title-accent{color:#55d5f7;text-shadow:0 0 38px rgba(62,195,242,.19);}
.wl-portfolio-page .wl-portfolio-hero__lead{max-width:580px;margin:30px 0 0;color:#b1c5d0;font-size:clamp(15px,1.2vw,18px);line-height:1.8;}
.wl-portfolio-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
.wl-article-content .wl-portfolio-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:15px 22px;font-size:13px;line-height:1.2;font-weight:700;border:1px solid rgba(89,212,255,.36);text-decoration:none;transition:background .2s,border .2s,transform .2s;}
.wl-portfolio-hero__button span{font-size:19px;line-height:1;}
.wl-article-content .wl-portfolio-hero__button--primary{background:#48c7e9;color:#042238;border-color:#70dafa;box-shadow:0 0 26px rgba(53,170,218,.15);}
.wl-article-content .wl-portfolio-hero__button--ghost{background:rgba(38,101,140,.06);color:#c9eaff;}
.wl-portfolio-hero__button:hover{transform:translateY(-3px);}
.wl-article-content .wl-portfolio-hero__button--primary:hover{background:#8ee5f8;color:#062337;}
.wl-article-content .wl-portfolio-hero__button--ghost:hover{border-color:#56c8f2;background:rgba(38,161,216,.13);}
.wl-portfolio-hero__button:focus-visible,.wl-portfolio-hero__scroll:focus-visible{outline:2px solid #9af0ff;outline-offset:4px;}
.wl-portfolio-hero__status{display:flex;align-items:center;gap:11px;margin-top:43px;color:#7c9eae;font:600 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.14em;}
.wl-portfolio-hero__scroll{position:absolute;z-index:5;bottom:24px;left:50%;display:grid;place-items:center;width:42px;height:42px;color:#79c9e4;border:1px solid rgba(80,214,255,.22);border-radius:50%;transform:translateX(-50%);text-decoration:none;}
.wl-portfolio-hero__scroll span{animation:wlp-down 2.3s ease-in-out infinite;}
/* Glowing hologram panel and floating telemetry cards */
.wl-portfolio-holo{position:relative;align-self:center;width:100%;height:520px;max-width:675px;margin-inline:auto;contain:layout paint;}
.wl-portfolio-holo__screen{position:absolute;inset:13px 3px 26px;overflow:hidden;border:1px solid rgba(71,178,219,.15);background:radial-gradient(ellipse at 50% 54%,rgba(48,189,236,.12),transparent 50%),linear-gradient(160deg,rgba(9,36,59,.62),rgba(4,17,32,.2) 65%);box-shadow:inset 0 0 85px rgba(0,130,200,.055),0 24px 90px rgba(0,0,0,.15);}
.wl-portfolio-holo__noise{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(#62dfff 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse at center,black,transparent 70%);pointer-events:none;}
.wl-portfolio-holo__screen::before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(0deg,rgba(90,211,249,.18) 0 1px,transparent 1px 8px);pointer-events:none;}
.wl-portfolio-holo__axis{position:absolute;z-index:0;background:linear-gradient(90deg,transparent,rgba(65,205,236,.27),transparent);}
.wl-portfolio-holo__axis--h{height:1px;left:0;right:0;top:50%;}
.wl-portfolio-holo__axis--v{height:100%;width:1px;left:50%;top:0;background:linear-gradient(transparent,rgba(65,205,236,.27),transparent);}
.wl-portfolio-holo__orbit{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;}
.wl-portfolio-holo__orbit--outer{width:390px;height:390px;border:1px dashed rgba(65,203,242,.32);animation:wlp-orbit 44s linear infinite;}
.wl-portfolio-holo__orbit--middle{width:300px;height:300px;border:1px solid rgba(72,211,241,.33);border-top-color:rgba(72,211,241,.84);border-bottom-color:transparent;box-shadow:0 0 32px rgba(44,184,240,.045);animation:wlp-orbit 18s linear infinite reverse;}
.wl-portfolio-holo__orbit--inner{width:218px;height:218px;border:2px dotted rgba(52,188,232,.35);animation:wlp-orbit 15s linear infinite;}
.wl-portfolio-holo__orbit--outer::before,.wl-portfolio-holo__orbit--outer::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#83ebff;box-shadow:0 0 18px #46c9fa;}
.wl-portfolio-holo__orbit--outer::before{left:17%;top:13%;}.wl-portfolio-holo__orbit--outer::after{right:10%;bottom:20%;background:#4bebb1;}
.wl-portfolio-holo__scan{position:absolute;z-index:0;top:50%;left:50%;width:188px;height:188px;transform-origin:0 0;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(54,194,225,.17) 344deg,transparent 360deg);border-radius:50%;animation:wlp-radar 8s linear infinite;}
.wl-portfolio-holo__core{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:144px;height:144px;transform:translate(-50%,-50%);border:1px solid rgba(91,226,255,.62);border-radius:50%;background:radial-gradient(circle,rgba(36,140,173,.35),rgba(4,20,40,.94) 72%);box-shadow:0 0 70px rgba(26,191,249,.11),inset 0 0 30px rgba(14,196,229,.18);animation:wlp-core 4.8s ease-in-out infinite;}
.wl-portfolio-holo__core::after{position:absolute;inset:10px;content:"";border-radius:50%;border:1px dashed rgba(114,222,240,.3);}
.wl-portfolio-holo__core-inner{text-align:center;color:#dbf9ff;}
.wl-portfolio-holo__core-inner span{display:block;font:800 40px/1.1 ui-monospace,Consolas,monospace;letter-spacing:-.1em;}
.wl-portfolio-holo__core-inner small{display:block;margin-top:8px;color:#65cce7;font:700 9px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.2em;}
.wl-portfolio-holo__node{position:absolute;z-index:3;display:flex;flex-direction:column;min-width:145px;padding:10px 13px;border:1px solid rgba(77,201,239,.37);background:linear-gradient(115deg,rgba(14,49,68,.94),rgba(8,25,42,.86));box-shadow:0 8px 25px rgba(0,0,0,.25),inset 3px 0 rgba(74,219,255,.44);color:#bcecf7;animation:wlp-float 6s ease-in-out infinite;}
.wl-portfolio-holo__node span{color:#6b9ba9;font:700 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.11em;}
.wl-portfolio-holo__node b{font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.06em;}
.wl-portfolio-holo__node i{position:absolute;right:11px;top:11px;width:5px;height:5px;border-radius:50%;background:#4de8b0;box-shadow:0 0 9px #4de8b0;}
.wl-portfolio-holo__node--one{top:9%;left:2%;animation-delay:-1s;}
.wl-portfolio-holo__node--two{top:18%;right:1%;animation-delay:-3s;}
.wl-portfolio-holo__node--three{bottom:18%;left:0;animation-delay:-4.5s;}
.wl-portfolio-holo__node--four{bottom:8%;right:4%;animation-delay:-2.3s;}
.wl-portfolio-holo__corner{position:absolute;width:23px;height:23px;border-color:rgba(105,229,250,.66);border-style:solid;}
.wl-portfolio-holo__corner--tl{top:0;left:0;border-width:2px 0 0 2px;}
.wl-portfolio-holo__corner--tr{top:0;right:0;border-width:2px 2px 0 0;}
.wl-portfolio-holo__corner--bl{bottom:0;left:0;border-width:0 0 2px 2px;}
.wl-portfolio-holo__corner--br{bottom:0;right:0;border-width:0 2px 2px 0;}
.wl-portfolio-holo__telemetry{position:absolute;bottom:0;left:15px;right:15px;display:flex;align-items:center;gap:9px;color:#628ca0;font:700 9px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em;}
.wl-portfolio-holo__telemetry i{display:inline-block;width:5px;height:5px;background:#50e4ab;border-radius:50%;}
/* Editorial statistics signal strip. */
.wl-portfolio-stats{position:relative;padding:26px 0 35px;background:linear-gradient(90deg,#071725,#0a1c2b 50%,#071725);border-bottom:1px solid rgba(79,204,244,.16);}
.wl-portfolio-stats__kicker{display:flex;align-items:center;gap:9px;color:#6b9bad;font:700 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.17em;}
.wl-portfolio-stats__kicker i{width:5px;height:5px;}
.wl-portfolio-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;}
.wl-portfolio-stats__item{position:relative;min-width:0;display:flex;flex-direction:column;gap:5px;padding:12px 30px;border-left:1px solid rgba(61,185,223,.19);}
.wl-portfolio-stats__item:first-child{padding-left:0;border-left:0;}
.wl-portfolio-stats__item strong{color:#e6faff;font:750 clamp(31px,3.4vw,52px)/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
.wl-portfolio-stats__item:nth-child(4) strong{color:#6ce5b6;}
.wl-portfolio-stats__item span{color:#84abbc;font:600 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.03em;}
.wl-portfolio-page .wl-portfolio-stats__note{margin:17px 0 0;color:#708e9d;font-size:11px;line-height:1.65;}
/* Editorial intro with glow trace and animated edge. */
.wl-portfolio-intro{position:relative;padding:95px 0 76px;background:#07111f;}
.wl-portfolio-intro .wl-container{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(280px,.8fr);gap:30px 90px;align-items:end;}
.wl-portfolio-intro__eyebrow{grid-column:1/-1;color:#58d6f6;font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.17em;}
.wl-article-content .wl-portfolio-intro h2{margin:0;color:#f1f9ff;font-size:clamp(37px,4.5vw,66px);line-height:1.06;letter-spacing:-.055em;}
.wl-portfolio-intro h2 span{color:#60cde9;}
.wl-portfolio-page .wl-portfolio-intro p{margin:0;color:#adbfcd;font-size:15px;line-height:1.9;}
.wl-portfolio-page .wl-portfolio-intro__aside{grid-column:2;margin-top:-20px;padding:15px 19px!important;border-left:2px solid rgba(87,214,255,.53);background:rgba(45,158,199,.045);font-size:12px!important;color:#90adbc!important;}
/* Larger, glowing case cards with digital motifs and mouse-follow spotlight. */
.wl-portfolio-page .wl-portfolio{width:min(calc(100% - 40px),1280px);margin:0 auto 0;padding:34px 0 95px;scroll-margin-top:100px;}
.wl-portfolio-page .wl-portfolio__heading{margin-bottom:30px;padding-bottom:29px;}
.wl-portfolio-page .wl-portfolio__heading h2{font-size:clamp(38px,4vw,62px);}
.wl-portfolio-page .wl-portfolio__heading p{max-width:790px;}
.wl-portfolio-page .wl-portfolio__filters{gap:11px;margin:24px 0 32px;}
.wl-portfolio-page .wl-portfolio__filter{position:relative;min-height:48px;padding:11px 18px;overflow:hidden;border-radius:4px;background:rgba(13,39,58,.69);font-size:13px;}
.wl-portfolio-page .wl-portfolio__filter.is-active{box-shadow:inset 0 -2px 0 #59d6fb,0 0 25px rgba(52,177,227,.09);}
.wl-portfolio-page .wl-portfolio__grid{gap:23px;}
.wl-portfolio-page .wl-portfolio__card{--wlp-card-rgb:56,189,248;min-height:450px;padding:29px 31px 27px;border-color:rgba(74,189,229,.23);border-radius:7px;background:radial-gradient(280px circle at var(--wlp-x,88%) var(--wlp-y,0%),rgba(var(--wlp-card-rgb),.15),transparent 90%),linear-gradient(145deg,#102235,#0a1726 75%);transform-style:preserve-3d;}
.wl-portfolio-page .wl-portfolio__card--web{--wlp-card-rgb:69,229,173;}
.wl-portfolio-page .wl-portfolio__card--education{--wlp-card-rgb:163,130,247;}
.wl-portfolio-page .wl-portfolio__card--servers{--wlp-card-rgb:73,169,244;}
.wl-portfolio-page .wl-portfolio__card--security{--wlp-card-rgb:240,181,90;}
.wl-portfolio-page .wl-portfolio__card:hover{transform:translateY(-6px);border-color:rgba(var(--wlp-card-rgb),.64);box-shadow:0 23px 55px rgba(0,0,0,.29),0 0 30px rgba(var(--wlp-card-rgb),.09),inset 0 0 21px rgba(var(--wlp-card-rgb),.04);}
.wl-portfolio-page .wl-portfolio__card::after{border-color:rgba(var(--wlp-card-rgb),.75);transition:height .3s,width .3s;}
.wl-portfolio-page .wl-portfolio__card:hover::after{height:67px;width:67px;}
.wl-portfolio-page .wl-portfolio__category{max-width:77%;font-size:10px;color:#98c4d9;}
.wl-portfolio-page .wl-portfolio__card-head{margin-bottom:96px;}
.wl-portfolio-page .wl-portfolio__metric{color:rgba(var(--wlp-card-rgb),1);font-size:12px;}
.wl-portfolio-page .wl-portfolio__card h3{max-width:480px;font-size:clamp(23px,2.6vw,32px);}
.wl-portfolio-page .wl-portfolio__description{font-size:14px;}
.wl-portfolio-page .wl-portfolio__link{padding-top:23px;font-size:13px;color:#7ddbfc;}
.wl-portfolio__card-art{position:absolute;top:62px;right:12%;display:block;width:116px;height:116px;pointer-events:none;opacity:.7;animation:wlp-artfloat 9s ease-in-out infinite;}
.wl-portfolio__card-art-ring{position:absolute;inset:11px;border:1px dashed rgba(var(--wlp-card-rgb),.62);border-radius:50%;animation:wlp-orbit 22s linear infinite;}
.wl-portfolio__card-art-ring::after{content:"";position:absolute;right:15%;top:12%;width:7px;height:7px;border-radius:50%;background:rgba(var(--wlp-card-rgb),.9);box-shadow:0 0 15px rgba(var(--wlp-card-rgb),.8);}
.wl-portfolio__card-art-core{position:absolute;inset:33px;border:2px solid rgba(var(--wlp-card-rgb),.6);border-radius:8px;transform:rotate(45deg);box-shadow:inset 0 0 22px rgba(var(--wlp-card-rgb),.14),0 0 35px rgba(var(--wlp-card-rgb),.13);}
.wl-portfolio__card-art-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--wlp-card-rgb),.6),transparent);}
.wl-portfolio-page .wl-portfolio__count{font-size:11px;margin-top:30px!important;}
/* Approach section with ambient afterglow. */
.wl-portfolio-method{position:relative;overflow:hidden;padding:85px 0 120px;border-top:1px solid rgba(74,189,229,.15);background:radial-gradient(circle at 80% 15%,rgba(27,120,161,.12),transparent 36%),#091727;}
.wl-portfolio-method::before{content:"";position:absolute;inset:0;opacity:.16;background:linear-gradient(90deg,transparent 49%,rgba(55,198,246,.1) 50%,transparent 51%);background-size:60px 60px;pointer-events:none;}
.wl-portfolio-method .wl-container{position:relative;z-index:1;}
.wl-portfolio-page .wl-portfolio-method__kicker{margin:0 0 14px;color:#50d6f7;font:700 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.18em;}
.wl-article-content .wl-portfolio-method h2{margin:0 0 32px;font-size:clamp(35px,4vw,58px);}
.wl-portfolio-page .wl-portfolio-method p{color:#a4bdca;}
.wl-portfolio-page .wl-portfolio-method .wl-article-flow{margin-bottom:34px;}
/* Scroll reveal only when JS and IO are available. All content otherwise visible. */
.wl-portfolio-page.wlp-enhanced .wlp-reveal{opacity:0;transform:translateY(26px);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s ease;}
.wl-portfolio-page.wlp-enhanced .wlp-reveal.is-visible{opacity:1;transform:translateY(0);}
.wl-portfolio-page.wlp-enhanced .wl-portfolio__card.wlp-reveal:nth-child(2n){transition-delay:90ms;}
@keyframes wlp-grid{0%{background-position:0 0;}100%{background-position:56px 56px;}}
@keyframes wlp-flare{0%{transform:translate(0,0);}100%{transform:translate(60px,-40px);}}
@keyframes wlp-status{0%,100%{opacity:.65;box-shadow:0 0 10px rgba(82,230,172,.55);}50%{opacity:1;box-shadow:0 0 22px rgba(82,230,172,1);}}
@keyframes wlp-down{0%,100%{transform:translateY(-3px);}50%{transform:translateY(4px);}}
@keyframes wlp-orbit{from{rotate:0deg;}to{rotate:360deg;}}
@keyframes wlp-radar{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes wlp-core{0%,100%{box-shadow:0 0 40px rgba(26,191,249,.09),inset 0 0 30px rgba(14,196,229,.18);}50%{box-shadow:0 0 78px rgba(26,191,249,.26),inset 0 0 34px rgba(14,196,229,.29);}}
@keyframes wlp-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes wlp-artfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* Ensure layout remains legible with laptop, tablet, and smartphone viewports. */
@media(max-width:1150px){
  .wl-portfolio-hero__layout{grid-template-columns:minmax(0,1fr) minmax(360px,.87fr);gap:15px;}
  .wl-article-content .wl-portfolio-hero .wl-portfolio-hero__title{font-size:clamp(36px,4.35vw,55px);}
  .wl-portfolio-holo{height:460px;}
  .wl-portfolio-holo__orbit--outer{width:330px;height:330px;}
  .wl-portfolio-holo__orbit--middle{width:245px;height:245px;}
  .wl-portfolio-holo__orbit--inner{width:170px;height:170px;}
  .wl-portfolio-holo__core{width:115px;height:115px;}
  .wl-portfolio-holo__node{min-width:110px;padding:8px 9px;}
  .wl-portfolio-holo__node b{font-size:9px;}
  .wl-portfolio-intro .wl-container{gap:35px;}
}
@media(max-width:850px){
  .wl-portfolio-hero__layout{grid-template-columns:1fr;padding-top:130px;padding-bottom:70px;gap:15px;}
  .wl-portfolio-hero{min-height:0;}
  .wl-article-content .wl-portfolio-hero .wl-portfolio-hero__title{font-size:clamp(34px,8.3vw,57px);}
  .wl-portfolio-holo{max-width:650px;height:430px;}
  .wl-portfolio-holo__screen{inset:10px 0 19px;}
  .wl-portfolio-hero__scroll{display:none;}
  .wl-portfolio-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;}
  .wl-portfolio-stats__item:nth-child(3){padding-left:0;border-left:0;}
  .wl-portfolio-intro .wl-container{grid-template-columns:1fr;gap:20px;}
  .wl-portfolio-intro__eyebrow,.wl-portfolio-page .wl-portfolio-intro__aside{grid-column:1;}
  .wl-portfolio-page .wl-portfolio-intro__aside{margin:0;}
  .wl-portfolio-page .wl-portfolio__card-head{margin-bottom:78px;}
}
@media(max-width:560px){
  .wl-portfolio-hero__layout{padding-block:110px 50px;}
  .wl-portfolio-hero__kicker{font-size:9px;letter-spacing:.11em;}
  .wl-article-content .wl-portfolio-hero .wl-portfolio-hero__title{margin-top:24px;line-height:1.11;letter-spacing:-.048em;}
  .wl-portfolio-page .wl-portfolio-hero__lead{margin-top:22px;font-size:15px;}
  .wl-portfolio-hero__actions{flex-direction:column;}
  .wl-article-content .wl-portfolio-hero__button{width:100%;}
  .wl-portfolio-hero__status{font-size:9px;letter-spacing:.06em;}
  .wl-portfolio-holo{height:300px;max-width:360px;}
  .wl-portfolio-holo__screen{inset:0 0 15px;}
  .wl-portfolio-holo__orbit--outer{width:235px;height:235px;}
  .wl-portfolio-holo__orbit--middle{width:170px;height:170px;}
  .wl-portfolio-holo__orbit--inner{width:130px;height:130px;}
  .wl-portfolio-holo__core{width:88px;height:88px;}
  .wl-portfolio-holo__core-inner span{font-size:27px;}
  .wl-portfolio-holo__core-inner small{font-size:7px;}
  .wl-portfolio-holo__scan{width:120px;height:120px;}
  .wl-portfolio-holo__node{min-width:83px;padding:7px;}
  .wl-portfolio-holo__node span{font-size:7px;}
  .wl-portfolio-holo__node b{font-size:8px;}
  .wl-portfolio-holo__node--one{top:6%;left:1%;}
  .wl-portfolio-holo__node--two{top:17%;right:1%;}
  .wl-portfolio-holo__node--three{bottom:12%;left:1%;}
  .wl-portfolio-holo__node--four{bottom:3%;right:1%;}
  .wl-portfolio-holo__telemetry{font-size:7px;}
  .wl-portfolio-stats{padding-block:20px 30px;}
  .wl-portfolio-stats__item{padding:7px 14px;}
  .wl-portfolio-stats__item strong{font-size:33px;}
  .wl-portfolio-stats__item span{font-size:10px;}
  .wl-portfolio-intro{padding-block:65px 45px;}
  .wl-article-content .wl-portfolio-intro h2{font-size:clamp(33px,8vw,46px);}
  .wl-portfolio-page .wl-portfolio{width:calc(100% - 30px);padding-top:25px;padding-bottom:70px;}
  .wl-portfolio-page .wl-portfolio__heading h2{font-size:35px;}
  .wl-portfolio-page .wl-portfolio__filters{margin-bottom:18px;}
  .wl-portfolio-page .wl-portfolio__card{min-height:0;padding:24px 20px 22px;}
  .wl-portfolio-page .wl-portfolio__card-head{margin-bottom:80px;}
  .wl-portfolio__card-art{top:56px;right:13%;width:90px;height:90px;}
  .wl-portfolio-page .wl-portfolio__card h3{font-size:24px;}
  .wl-portfolio-method{padding:65px 0 85px;}
}
@media(prefers-reduced-motion:reduce){
  .wl-portfolio-hero__grid,.wl-portfolio-hero__flare,.wl-portfolio-holo__orbit,.wl-portfolio-holo__scan,.wl-portfolio-holo__core,.wl-portfolio-holo__node,.wl-portfolio__card-art,.wl-portfolio__card-art-ring,.wl-portfolio-hero__scroll span,.wl-portfolio-hero__kicker i,.wl-portfolio-hero__status span,.wl-portfolio-stats__kicker i{animation:none!important;}
  .wl-portfolio-page.wlp-enhanced .wlp-reveal{opacity:1;transform:none;transition:none;}
  .wl-portfolio-page .wl-portfolio__card:hover,.wl-portfolio-hero__button:hover{transform:none;}
}

/* Case library improvements 1.0.23 — part of the canonical theme stylesheet. */
.wl-portfolio-page .wl-portfolio__toolbar{display:flex;align-items:center;justify-content:flex-start;margin:0 0 24px;gap:14px;}
.wl-portfolio-page .wl-portfolio__search{display:flex;align-items:center;gap:12px;width:min(100%,520px);min-height:52px;padding:0 16px;background:linear-gradient(110deg,rgba(15,46,65,.92),rgba(10,28,45,.85));border:1px solid rgba(93,204,238,.32);border-radius:5px;transition:border-color .2s,box-shadow .2s;}
.wl-portfolio-page .wl-portfolio__search:focus-within{border-color:#67e8f9;box-shadow:0 0 0 3px rgba(56,189,248,.1);}
.wl-portfolio-page .wl-portfolio__search-icon{font-size:25px;color:#67e8f9;line-height:1;}
.wl-portfolio-page .wl-portfolio__search input{width:100%;min-width:0;padding:13px 0;border:0;outline:0;background:transparent;color:#e7f8ff;font-size:14px;font-weight:500;line-height:1.5;font-family:inherit;box-shadow:none;}
.wl-portfolio-page .wl-portfolio__search input::placeholder{color:#819eaf;opacity:1;}
.wl-portfolio-page .wl-portfolio__filter-count{margin-left:3px;}
.wl-portfolio-page .wl-portfolio__more{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px auto 0;padding:14px 28px;min-height:49px;border:1px solid rgba(87,210,246,.49);border-radius:4px;background:linear-gradient(110deg,rgba(31,116,151,.16),rgba(8,40,63,.7));color:#c6f3ff;font-size:13px;font-weight:700;line-height:1.4;font-family:inherit;cursor:pointer;transition:transform .2s,background .2s,border-color .2s;}
.wl-portfolio-page .wl-portfolio__more:hover,.wl-portfolio-page .wl-portfolio__more:focus-visible{transform:translateY(-2px);border-color:#67e8f9;background:rgba(56,189,248,.17);}
.wl-portfolio-page .wl-portfolio__more:focus-visible{outline:2px solid #67e8f9;outline-offset:3px;}
.wl-portfolio-page .wl-portfolio__more[hidden]{display:none!important;}
.wl-portfolio-page .wl-portfolio__card--seo{--wlp-card-rgb:94,223,153;}
.wl-portfolio-page .wl-portfolio__card--support{--wlp-card-rgb:150,183,241;}
.wl-portfolio-page .wl-portfolio__card--seo .wl-portfolio__metric{letter-spacing:.055em;}
@media(max-width:560px){.wl-portfolio-page .wl-portfolio__toolbar{margin:6px 0 18px;}.wl-portfolio-page .wl-portfolio__search{width:100%;min-height:48px;}.wl-portfolio-page .wl-portfolio__more{width:100%;}}
@media(prefers-reduced-motion:reduce){.wl-portfolio-page .wl-portfolio__more{transition:none;}.wl-portfolio-page .wl-portfolio__more:hover{transform:none;}}