/* Dorna v3.0.8 — stricter portfolio reference */
.page-portfolio{background:#fff}
.portfolio-reference-page{background:linear-gradient(180deg,#f6faff 0,#fff 32%);min-height:100vh}
.portfolio-ref-hero{padding:34px 0 12px;position:relative;overflow:hidden}
.portfolio-ref-hero:before{content:'';position:absolute;left:-160px;top:35px;width:390px;height:390px;background:radial-gradient(circle at center,#edf5ff 0,#edf5ff 58%,transparent 59%);opacity:.85}
.portfolio-ref-hero:after{content:'';position:absolute;left:110px;top:175px;width:220px;height:220px;background:radial-gradient(circle at center,#f4f8ff 0,#f4f8ff 58%,transparent 59%);opacity:.95}
.portfolio-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:190px minmax(0,1fr) 280px;gap:34px;align-items:center}
.portfolio-success-card{background:#f7faff;border:1px solid #e4edf8;border-radius:26px;padding:18px 18px 18px 20px;min-height:148px;box-shadow:0 12px 30px rgba(34,78,140,.05);position:relative}
.portfolio-success-card .trend-icon{position:absolute;left:16px;top:18px;width:50px;height:50px;border-radius:16px;background:#eef5ff;color:#0e68f7;display:grid;place-items:center;font-size:30px;font-weight:900}
.portfolio-success-card strong{display:block;color:#0d68f7;font:900 42px/1.05 var(--font-head);margin-bottom:4px}
.portfolio-success-card b{display:block;font:800 26px/1.35 var(--font-head);color:#0d1f42}
.portfolio-success-card p{margin:12px 0 0;color:#718198;font-size:14px;line-height:1.95;max-width:145px}
.portfolio-hero-copy{text-align:center;padding-top:4px}
.portfolio-kicker{display:inline-flex;align-items:center;background:#eef5ff;color:#1769ef;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:800}
.portfolio-hero-copy h1{font:900 74px/1.2 var(--font-head);letter-spacing:-2px;margin:14px 0 12px;color:#0a1b3f}
.portfolio-hero-copy h1 em{font-style:normal;color:#0d68f7}
.portfolio-hero-copy p{font-size:19px;line-height:2.05;color:#66778e;margin:0 auto;max-width:860px}
.portfolio-hand-note{display:flex;justify-content:flex-end;align-items:center;min-height:170px;padding-left:8px}
.portfolio-hand-note img{display:block;width:250px;max-width:100%;height:auto;opacity:.98}
.portfolio-ref-content{padding-bottom:42px}.portfolio-filter-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:center;margin:20px 0 22px}.portfolio-filter-bar a{height:56px;border:1px solid #dce6f3;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:800;color:#34455e;box-shadow:0 5px 18px rgba(36,79,137,.025)}.portfolio-filter-bar a.active{background:#0d6efd;color:#fff;border-color:#0d6efd;box-shadow:0 10px 26px rgba(13,104,247,.18)}.filter-icon{font-size:22px;line-height:1}
.portfolio-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.portfolio-showcase-card{background:#fff;border:1px solid #e1e9f4;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(36,79,138,.05)}.portfolio-card-media{position:relative;display:block;height:220px;background:#eef3fa;overflow:hidden}.portfolio-card-media img{width:100%;height:100%;object-fit:cover}.portfolio-media-label{position:absolute;left:16px;bottom:14px;display:inline-flex;align-items:center;background:#eaf8ef;color:#13a364;border:1px solid #cfefd9;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;box-shadow:0 5px 18px rgba(14,120,70,.08)}.portfolio-showcase-card:nth-child(2) .portfolio-media-label{background:#eef5ff;color:#0d68f7;border-color:#d7e6fb}.portfolio-showcase-card:nth-child(3) .portfolio-media-label{background:#f3edff;color:#714dde;border-color:#e4d9ff}.portfolio-showcase-card:nth-child(4) .portfolio-media-label,.portfolio-media-label.pink{background:#fff0f5;color:#ee4f82;border-color:#ffd7e5}.portfolio-card-body{padding:18px 20px 20px;text-align:right}.portfolio-card-body h2{font:800 34px/1.45 var(--font-head);margin:0 0 8px;color:#0d1f40}.portfolio-card-body p{font-size:18px;line-height:1.95;color:#728198;margin:0;min-height:84px}.portfolio-card-body>a{display:inline-flex;align-items:center;gap:8px;color:#0d68f7;font-size:19px;font-weight:800;margin-top:14px}.portfolio-placeholder-card{opacity:.97}
.portfolio-case-study{margin-top:28px;border:1px solid #e0e9f5;border-radius:28px;background:linear-gradient(110deg,#fff 0,#f8fbff 53%,#eef6ff 100%);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;min-height:500px;box-shadow:0 12px 34px rgba(36,79,138,.035)}.case-study-copy{padding:34px 36px;display:flex;flex-direction:column;justify-content:center}.case-study-badge{display:inline-flex;width:max-content;background:#edf5ff;color:#1769ef;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800}.case-study-copy h2{font:900 58px/1.25 var(--font-head);margin:14px 0 4px;color:#0c1e42}.case-study-copy h2 em{font-style:normal;color:#0d68f7}.case-study-copy h3{font:600 28px/1.65 var(--font-head);color:#697990;margin:0 0 10px}.case-study-copy>p{font-size:12px;line-height:2.05;color:#5f7087;margin:0;max-width:600px}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.case-metrics div{background:#fff;border:1px solid #dfe8f4;border-radius:12px;padding:9px 10px}.case-metrics b{display:block;color:#0d68f7;font:900 19px/1.2 var(--font-head)}.case-metrics span{display:block;color:#7b899c;font-size:8.5px;margin-top:2px}.case-techs{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:#fff;border:1px solid #e1e9f4;border-radius:12px;padding:9px 12px;width:max-content;max-width:100%}.case-techs>b{font-size:9px;color:#52647c}.case-techs>div{display:flex;gap:7px;flex-wrap:wrap}.case-techs span{font-size:8px;color:#496075;background:#f5f8fc;border-radius:7px;padding:4px 7px}.case-button{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:42px;border-radius:10px;background:#0d68f7;color:#fff;padding:0 18px;font-size:11px;font-weight:800;margin-top:13px;box-shadow:0 9px 20px rgba(13,104,247,.18)}.case-study-visual{position:relative;background:linear-gradient(135deg,#f0f7ff,#e7f1ff);display:flex;align-items:flex-end;justify-content:center;padding:18px 20px 0;overflow:hidden}.case-study-visual:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#d9eaff 0,#eef6ff 58%,transparent 59%);left:50%;top:46%;transform:translate(-50%,-50%)}.case-study-visual>img{position:relative;z-index:2;width:88%;height:290px;object-fit:cover;object-position:center top;border-radius:18px 18px 0 0;box-shadow:0 18px 50px rgba(31,78,142,.14)}.case-brand{position:absolute;z-index:3;right:24px;top:18px;background:#fff;border:1px solid #dfe8f5;border-radius:14px;padding:9px 13px;box-shadow:0 10px 22px rgba(38,80,140,.08)}.case-brand strong{display:block;color:#0d68f7;font:900 16px/1.35 var(--font-head)}.case-brand small{font-size:8px;color:#8794a5}.case-floating-card{position:absolute;z-index:3;left:28px;bottom:34px;background:#fff;border:1px solid #dfe8f5;border-radius:14px;padding:10px 13px;font-size:9px;color:#61728a;box-shadow:0 10px 25px rgba(38,80,140,.09)}.case-floating-card b{color:#0d1f40}
@media(max-width:1100px){.portfolio-hero-inner{grid-template-columns:150px 1fr 150px}.portfolio-filter-bar{grid-template-columns:repeat(4,1fr)}.portfolio-cards-grid{grid-template-columns:repeat(2,1fr)}.portfolio-case-study{grid-template-columns:1fr}.case-study-visual{min-height:330px}.case-study-visual>img{height:280px}.portfolio-hero-copy h1{font-size:46px}}
@media(max-width:720px){.portfolio-ref-hero{padding-top:22px}.portfolio-hero-inner{grid-template-columns:1fr}.portfolio-success-card,.portfolio-hand-note{display:none}.portfolio-hero-copy h1{font-size:34px}.portfolio-hero-copy p{font-size:12px}.portfolio-filter-bar{grid-template-columns:1fr 1fr;gap:8px}.portfolio-filter-bar a{font-size:10px;height:43px}.portfolio-cards-grid{grid-template-columns:1fr}.portfolio-card-media{height:210px}.portfolio-case-study{margin-top:18px}.case-study-copy{padding:20px}.case-study-copy h2{font-size:25px}.case-metrics{grid-template-columns:1fr}.case-techs{grid-template-columns:1fr;width:100%}.case-study-visual{min-height:270px}.case-study-visual>img{height:230px;width:96%}}