/* Flat Medya — Projects Archive
   Scoped to .fm-project-archive. */

.fm-project-archive{overflow:hidden}
.fm-project-archive__hero{
  position:relative;
  padding:150px 0 88px;
  background:
    radial-gradient(circle at 13% 72%,rgba(105,236,211,.06),transparent 31%),
    radial-gradient(circle at 84% 14%,rgba(111,84,255,.09),transparent 34%);
}
.fm-project-archive__hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.72fr);
  gap:clamp(60px,7vw,112px);
  align-items:end;
  margin-top:34px;
}
.fm-project-archive__hero-copy h1{
  max-width:900px;
  margin:14px 0 0;
  font-size:clamp(54px,5vw,76px);
  line-height:.99;
  letter-spacing:-.052em;
  font-weight:800;
}
.fm-project-archive__hero-copy h1 em,
.fm-project-archive__section-head h2 em,
.fm-project-archive__method h2 em,
.fm-project-archive__cta h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#69ecd3,#8ab8ff 58%,#806eff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fm-project-archive__hero-copy>p{
  max-width:760px;
  margin:27px 0 0;
  color:#b8c7ce;
  font-size:18px;
  line-height:1.7;
  font-weight:500;
}
.fm-project-archive__hero-panel{
  position:relative;
  min-height:390px;
  padding:28px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(151,204,220,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 80% 14%,rgba(116,88,255,.15),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(105,236,211,.08),transparent 38%),
    linear-gradient(150deg,rgba(12,28,41,.91),rgba(6,15,25,.98));
  box-shadow:0 24px 64px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.fm-project-archive__hero-panel:after{
  content:"";
  position:absolute;
  right:-70px;
  top:25px;
  width:255px;
  height:255px;
  border:1px solid rgba(105,236,211,.08);
  border-radius:50%;
  box-shadow:inset 0 0 0 43px rgba(112,87,255,.026),inset 0 0 0 86px rgba(105,236,211,.018);
}
.fm-project-archive__hero-panel-top{
  position:absolute;
  z-index:2;
  top:26px;
  left:28px;
  right:28px;
  display:flex;
  justify-content:space-between;
  color:#708891;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}
.fm-project-archive__hero-panel-top i{color:#69ecd3;font-style:normal}
.fm-project-archive__hero-panel>strong{
  position:relative;
  z-index:2;
  font-size:clamp(30px,2.45vw,40px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:800;
}
.fm-project-archive__hero-panel>strong em{color:#69ecd3;font-style:normal}
.fm-project-archive__hero-panel>p{
  position:relative;
  z-index:2;
  margin:16px 0 20px;
  color:#aebdc4;
  font-size:15.5px;
  line-height:1.62;
  font-weight:500;
}
.fm-project-archive__hero-metrics{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  padding-top:18px;
  border-top:1px solid rgba(151,204,220,.09);
}
.fm-project-archive__hero-metrics>div+div{padding-left:18px;border-left:1px solid rgba(151,204,220,.09)}
.fm-project-archive__hero-metrics b{display:block;font-size:25px;font-weight:800}
.fm-project-archive__hero-metrics small{display:block;margin-top:5px;color:#7e929b;font-size:11px;font-weight:650}

.fm-project-archive__work,
.fm-project-archive__method,
.fm-project-archive__cta{padding:104px 0}
.fm-project-archive__method{background:rgba(8,17,28,.38)}
.fm-project-archive__section-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.65fr);
  gap:64px;
  align-items:end;
  margin-bottom:34px;
}
.fm-project-archive__section-head h2,
.fm-project-archive__method h2,
.fm-project-archive__cta h2{
  margin:13px 0 0;
  font-size:clamp(42px,3.45vw,56px);
  line-height:1.04;
  letter-spacing:-.042em;
  font-weight:800;
}
.fm-project-archive__section-head>p{
  margin:0;
  color:#b7c6cd;
  font-size:18px;
  line-height:1.68;
  font-weight:500;
}

.fm-project-archive__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.fm-project-archive-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(151,204,220,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 7%,rgba(110,85,255,.045),transparent 29%),
    linear-gradient(150deg,rgba(12,29,42,.9),rgba(6,16,25,.98));
  box-shadow:0 20px 54px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .3s ease,border-color .3s ease;
}
.fm-project-archive-card:hover{transform:translateY(-4px);border-color:rgba(105,236,211,.23)}
.fm-project-archive-card__visual{
  position:relative;
  display:block;
  height:390px;
  margin:7px 7px 0;
  overflow:hidden;
  border-radius:17px;
  background:#08131f;
}
.fm-project-archive-card__visual>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.fm-project-archive-card:hover .fm-project-archive-card__visual>img{transform:scale(1.025)}
.fm-project-archive-card__visual>.fm-project-scene{width:100%;height:100%}
.fm-project-archive-card__sector{
  position:absolute;
  left:14px;
  top:14px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(105,236,211,.24);
  border-radius:999px;
  background:rgba(7,23,30,.86);
  color:#ecf7f5;
  font-size:10px;
  line-height:1;
  font-weight:850;
}
.fm-project-archive-card__sector i{width:6px;height:6px;border-radius:50%;background:#69ecd3;box-shadow:0 0 8px rgba(105,236,211,.55)}
.fm-project-archive-card__metric{
  position:absolute;
  right:14px;
  bottom:14px;
  min-width:82px;
  padding:11px 12px;
  border:1px solid rgba(105,236,211,.16);
  border-radius:13px;
  background:rgba(7,20,29,.9);
}
.fm-project-archive-card__metric strong{display:block;font-size:22px;line-height:1;font-weight:850}
.fm-project-archive-card__metric small{display:block;margin-top:5px;color:#69ecd3;font-size:10px;font-weight:750}
.fm-project-archive-card__body{padding:22px 22px 20px}
.fm-project-archive-card__copy small{color:#69ecd3;font-size:10px;font-weight:850;letter-spacing:.08em}
.fm-project-archive-card__copy h3{margin:7px 0 0;font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.03em}
.fm-project-archive-card__copy h3 a{color:#f1f6f5}
.fm-project-archive-card__copy p{max-width:600px;margin:11px 0 0;color:#aebfc6;font-size:15.5px;line-height:1.6;font-weight:500}
.fm-project-archive-card__footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid rgba(151,204,220,.08);
}
.fm-project-archive-card__services{display:flex;flex-wrap:wrap;gap:7px}
.fm-project-archive-card__services span{
  padding:7px 9px;
  border:1px solid rgba(151,204,220,.1);
  border-radius:999px;
  color:#8ea2ab;
  font-size:9.5px;
  line-height:1;
  font-weight:750;
  letter-spacing:.03em;
}
.fm-project-archive-card__arrow{
  flex:0 0 36px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(105,236,211,.18);
  border-radius:50%;
  color:#69ecd3;
  background:rgba(105,236,211,.03);
}
.fm-project-archive__empty{
  grid-column:1/-1;
  min-height:260px;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(151,204,220,.10);
  border-radius:20px;
  background:#07121d;
}
.fm-project-archive__empty strong{font-size:28px}
.fm-project-archive__empty p{max-width:620px;color:#adbdc4}

.fm-project-archive .navigation.pagination{grid-column:1/-1;margin-top:34px}
.fm-project-archive .nav-links{display:flex;justify-content:center;gap:8px}
.fm-project-archive .page-numbers{
  min-width:38px;height:38px;padding:0 12px;display:grid;place-items:center;
  border:1px solid rgba(151,204,220,.11);border-radius:10px;color:#aebfc6;background:#08131f
}
.fm-project-archive .page-numbers.current{color:#061410;background:#69ecd3;border-color:#69ecd3;font-weight:800}

.fm-project-archive__method-panel{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:18px;
}
.fm-project-archive__method-copy{
  min-height:480px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(151,204,220,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 82% 13%,rgba(115,88,255,.13),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(105,236,211,.07),transparent 38%),
    linear-gradient(150deg,rgba(12,29,42,.92),rgba(6,16,25,.98));
}
.fm-project-archive__method-copy>p{
  max-width:650px;
  margin:17px 0 22px;
  color:#b6c5cb;
  font-size:16px;
  line-height:1.67;
  font-weight:500;
}
.fm-project-archive__method-copy>a{display:inline-flex;align-items:center;gap:10px;width:max-content;color:#eef5f4;font-size:14px;font-weight:750}
.fm-project-archive__method-copy>a span{color:#69ecd3}
.fm-project-archive__method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fm-project-archive__method-grid article{
  min-height:235px;
  padding:24px;
  border:1px solid rgba(151,204,220,.10);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(12,28,41,.88),rgba(7,16,25,.96))
}
.fm-project-archive__method-grid span{color:#69ecd3;font-size:11px;font-weight:850}
.fm-project-archive__method-grid b{display:block;margin-top:62px;font-size:24px;font-weight:800}
.fm-project-archive__method-grid p{margin:9px 0 0;color:#adbdc4;font-size:14.5px;line-height:1.56;font-weight:500}

.fm-project-archive__cta-panel{
  padding:38px 42px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
  border:1px solid rgba(151,204,220,.11);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 12%,rgba(115,88,255,.13),transparent 33%),
    linear-gradient(150deg,rgba(12,29,42,.92),rgba(6,16,25,.98));
}
.fm-project-archive__cta p{max-width:720px;margin:16px 0 0;color:#b5c4cb;font-size:16.5px;line-height:1.65;font-weight:500}

@media(max-width:1100px){
  .fm-project-archive__hero-grid,
  .fm-project-archive__section-head,
  .fm-project-archive__method-panel,
  .fm-project-archive__cta-panel{grid-template-columns:1fr}
  .fm-project-archive__hero-panel{min-height:330px}
  .fm-project-archive__cta-panel .btn{width:max-content}
}
@media(max-width:760px){
  .fm-project-archive__hero{padding:118px 0 68px}
  .fm-project-archive__hero-copy h1{font-size:clamp(43px,12.2vw,59px)}
  .fm-project-archive__hero-copy>p{font-size:16.5px}
  .fm-project-archive__work,.fm-project-archive__method,.fm-project-archive__cta{padding:78px 0}
  .fm-project-archive__section-head{gap:18px}
  .fm-project-archive__section-head h2,.fm-project-archive__method h2,.fm-project-archive__cta h2{font-size:clamp(34px,9vw,44px)}
  .fm-project-archive__section-head>p{font-size:16.5px}
  .fm-project-archive__grid{grid-template-columns:1fr}
  .fm-project-archive-card__visual{height:300px}
  .fm-project-archive-card__copy h3{font-size:25px}
  .fm-project-archive-card__footer{align-items:flex-end}
  .fm-project-archive__method-copy{min-height:360px;padding:26px}
  .fm-project-archive__method-grid{grid-template-columns:1fr}
  .fm-project-archive__cta-panel{padding:28px}
}