/* FASE 2 - APPROVAL DRAFT: only projects featured panel, no changes to the approved Hero. */
.featured-panel {
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(6,17,31,.98),rgba(2,8,18,.995));
  border:1px solid rgba(66,97,153,.34);
  border-radius:13px;
  padding:24px 24px 27px;
  box-shadow:inset 0 1px 0 rgba(143,190,245,.055);
}
.featured-panel:before {content:'';position:absolute;top:-140px;left:-100px;width:600px;height:220px;pointer-events:none;background:radial-gradient(ellipse,rgba(73,49,190,.09),transparent 70%)}
.featured-panel .panel-heading {position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;}
.featured-panel .panel-title {display:flex;align-items:center;gap:13px;}
.featured-panel .tiny-rule {display:block;width:31px;height:2px;background:linear-gradient(90deg,#b89aff,#608eff);box-shadow:0 0 13px rgba(131,87,255,.45)}
.featured-panel .panel-heading h2 {font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.235em;color:#f3f6ff;margin:0;}
.featured-panel .subtle-link {font-size:12px;white-space:nowrap;color:#baa9ff;transition:color .2s;display:inline-flex;align-items:center;gap:10px;}
.featured-panel .subtle-link:hover {color:#fff}
.featured-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch;}
.featured-card {position:relative;display:flex;flex-direction:column;min-height:478px;border-radius:12px;border:1px solid #274063;background:linear-gradient(180deg,#071229,#030b16);overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.17);transition:transform .24s,border-color .24s,box-shadow .24s;}
.featured-card:hover,.featured-card:focus-within{transform:translateY(-5px);border-color:#7653cf;box-shadow:0 18px 55px rgba(72,43,175,.21);}
.featured-visual {position:relative;flex:none;height:268px;overflow:hidden;background:radial-gradient(ellipse at 50% 23%,rgba(27,37,92,.6),transparent 63%),#061324;isolation:isolate;}
.featured-visual:before {content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,22,.18),transparent 50%,rgba(3,9,19,.17)),linear-gradient(180deg,rgba(4,10,21,.08) 0%,transparent 56%,#030b16 100%);}
.featured-visual img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.92;filter:contrast(1.08) saturate(1.16);transition:transform .4s,filter .3s;}
.featured-card:hover .featured-visual img {transform:scale(1.045);filter:contrast(1.08) saturate(1.22);}
.featured-card.khernel .featured-visual img {object-position:center 8%;}
.featured-card.finance .featured-visual {background:radial-gradient(circle at 55% 35%,rgba(0,208,188,.20),transparent 54%),linear-gradient(105deg,#03111e,#081d2a 56%,#030913)}
.featured-card.finance .featured-visual:after {content:'';position:absolute;inset:12px 18% -26px 18%;border:1px solid rgba(55,219,200,.07);border-radius:18px;pointer-events:none;background:radial-gradient(ellipse at 50% 24%,rgba(0,221,204,.10),transparent 78%);}
.featured-card.finance .featured-visual img {inset:12px auto auto 50%;width:43%;height:275px;transform:translateX(-50%);object-fit:cover;object-position:center top;border:2px solid rgba(129,161,190,.25);border-radius:14px 14px 0 0;box-shadow:0 0 35px rgba(18,210,198,.11),15px 8px 24px rgba(0,0,0,.4);opacity:1;}
.featured-card.finance:hover .featured-visual img {transform:translateX(-50%) scale(1.045);}
.featured-card.office .featured-visual img {object-position:center 12%;}
.featured-panel .project-flag {top:15px;left:15px;z-index:4;border:1px solid rgba(198,157,255,.25);background:linear-gradient(125deg,#7e37ef,#5322df);padding:7px 13px;border-radius:18px;font-size:10px;letter-spacing:.02em;font-weight:800;box-shadow:0 4px 18px rgba(64,23,167,.3);}
.featured-detail {display:flex;flex-direction:column;position:relative;z-index:2;flex:1;padding:5px 20px 20px;background:linear-gradient(180deg,#030b16,#030a14);}
.featured-detail h3 {font-family:'DM Sans',Arial,sans-serif;color:#f9fbff;font-size:26px;font-weight:800;line-height:1.13;letter-spacing:-.045em;margin:0 0 5px;}
.featured-detail .feature-subtitle {color:#bba6ff;font-size:13px;font-weight:500;line-height:1.35;margin:0 0 9px;}
.featured-detail .description {max-width:390px;color:#c3d1e6;font-size:12.5px;line-height:1.55;margin:0 0 12px;min-height:40px;}
.featured-card .card-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;}
.featured-card .tech-chips {display:flex;flex-wrap:wrap;gap:6px;}
.featured-card .tech-chips span {font-size:10px;line-height:1.2;white-space:nowrap;border:1px solid #33476a;border-radius:20px;padding:5px 9px;background:rgba(13,23,45,.74);color:#d5e3fa;}
.featured-card .round-arrow {width:34px;height:34px;flex:none;background:rgba(20,14,45,.66);color:#cdb9ff;border:1px solid #8e60f3;border-radius:50%;font-size:19px;display:grid;place-items:center;transition:background .2s,transform .2s;cursor:pointer;}
.featured-card .round-arrow:hover,.featured-card .round-arrow:focus-visible {background:#5d2cbd;transform:translateX(2px)}
@media(min-width:1500px) {.featured-card{min-height:502px}.featured-visual{height:292px}.featured-detail{padding:4px 22px 22px}}
@media(max-width:1080px) and (min-width:761px){.featured-panel{padding:20px}.featured-grid{gap:12px}.featured-card{min-height:470px}.featured-visual{height:225px}.featured-detail{padding:6px 14px 15px}.featured-detail h3{font-size:23px}.featured-detail .description{font-size:11.5px}.featured-card .tech-chips span{font-size:9px;padding:5px 7px}}
@media(max-width:760px){.featured-panel{padding:20px 15px 22px}.featured-panel .panel-heading{margin-bottom:16px;gap:10px}.featured-panel .panel-heading h2{font-size:10px;letter-spacing:.12em}.featured-panel .tiny-rule{width:22px}.featured-panel .subtle-link{font-size:10px}.featured-grid{grid-template-columns:1fr;gap:13px}.featured-card{min-height:0}.featured-visual{height:240px}.featured-detail{min-height:172px;padding:4px 16px 17px}.featured-detail h3{font-size:24px}.featured-detail .description{min-height:0;font-size:12px;margin-bottom:11px}.featured-card.finance .featured-visual img{height:255px;width:40%}.featured-card .tech-chips span{font-size:10px}}
@media(max-width:390px){.featured-panel{padding:17px 12px 18px}.featured-panel .panel-heading h2{font-size:9px}.featured-visual{height:215px}.featured-card.finance .featured-visual img{height:235px}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-visual img,.featured-card .round-arrow{transition:none!important}}
/* Review pass: stronger screenshots, denser editorial card proportions. */
@media(min-width:761px){.featured-card{min-height:448px}.featured-visual{height:246px}.featured-detail{padding:4px 20px 19px}}
.featured-visual img{filter:brightness(1.16) contrast(1.11) saturate(1.15);opacity:1}
.featured-card.office .featured-visual img{filter:brightness(1.32) contrast(1.11) saturate(1.12)}
.featured-card:hover .featured-visual img{filter:brightness(1.22) contrast(1.13) saturate(1.17)}
.featured-card.office:hover .featured-visual img{filter:brightness(1.38) contrast(1.13) saturate(1.18)}
.featured-visual:before{background:linear-gradient(90deg,rgba(4,9,22,.06),transparent 50%,rgba(3,9,19,.10)),linear-gradient(180deg,rgba(4,10,21,.01) 0%,transparent 54%,#030b16 100%)}
@media(max-width:760px){.featured-card{min-height:0}.featured-visual{height:223px}.featured-detail{min-height:0;padding:5px 16px 17px}.featured-card.finance .featured-visual img{height:250px}}
@media(max-width:390px){.featured-visual{height:210px}.featured-card.finance .featured-visual img{height:232px}}