/* Premium core trades — technical naval editorial */
.services#trades{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(8rem,12vw,12rem) 5vw clamp(7rem,10vw,10rem) 10vw;
  background:
    radial-gradient(circle at 78% 13%,rgba(49,91,126,.28),transparent 26%),
    linear-gradient(135deg,#06101d 0%,#091827 54%,#050c15 100%);
  color:#f4f3ee;
}
.services#trades:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:linear-gradient(rgba(155,192,214,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(155,192,214,.065) 1px,transparent 1px);
  background-size:25vw 25vw;
  mask-image:linear-gradient(120deg,#000 0%,rgba(0,0,0,.82) 46%,transparent 95%);
}
.services#trades:after{
  content:"";
  position:absolute;
  z-index:-2;
  width:68vw;
  height:68vw;
  right:-29vw;
  top:-27vw;
  border:1px solid rgba(143,186,212,.15);
  border-radius:50%;
  box-shadow:0 0 0 11vw rgba(143,186,212,.025),0 0 0 22vw rgba(143,186,212,.018);
}
.services-blueprint{position:absolute;inset:0;z-index:-1;pointer-events:none}
.services-blueprint i:first-child{position:absolute;left:10vw;right:5vw;top:clamp(7rem,10vw,10rem);height:1px;background:linear-gradient(90deg,rgba(185,211,226,.38),rgba(185,211,226,.05))}
.services-blueprint i:last-child{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(185,211,226,.09) 20%,rgba(185,211,226,.09) 80%,transparent)}
.services-watermark{position:absolute;right:-.05em;bottom:-.14em;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(181,210,227,.045);font:900 clamp(18rem,38vw,45rem)/.72 'Montserrat',sans-serif;letter-spacing:-.12em;user-select:none}
.services#trades .section-label{left:4.5vw;top:clamp(8.5rem,12vw,12.5rem);color:rgba(218,231,238,.58)}
.services#trades .section-label span{color:#718fff}
.services#trades .services-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:6vw}
.services#trades .services-head>div:first-child{max-width:1000px}
.services#trades .eyebrow{margin-bottom:2rem;color:#9bb8c8}
.services#trades .services-head h2{margin:0;color:#f4f2ed;font-size:clamp(3.4rem,6vw,7.15rem);line-height:.87;letter-spacing:-.07em}
.services#trades .services-head h2 em{color:#f4f2ed!important}
.services-intro{padding:1.5rem 0 0 2rem;border-left:1px solid rgba(190,215,229,.24)}
.services-intro>span{display:block;margin-bottom:1.2rem;color:#a6c5d6;font:700 .68rem/1 'Inter',sans-serif;letter-spacing:.17em;text-transform:uppercase}
.services#trades .services-intro p{margin:0;color:rgba(218,229,235,.7);font:400 1rem/1.7 'Inter',sans-serif}
.services-intro small{display:block;margin-top:2.2rem;color:rgba(178,205,220,.42);font:600 .59rem/1 'Inter',sans-serif;letter-spacing:.13em}
.services#trades .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2vw,2rem);margin-top:clamp(4rem,7vw,7rem);border:0;background:transparent}
.services#trades .service-grid article{position:relative;min-width:0;min-height:clamp(36rem,47vw,47rem);overflow:hidden;padding:0 clamp(1.8rem,2.5vw,3rem) 2rem;background:linear-gradient(180deg,rgba(11,31,50,.98),rgba(4,17,30,.99));border:1px solid rgba(58,169,235,.82);border-radius:999px 999px 8px 8px;color:#f4f2ed;box-shadow:inset 0 0 50px rgba(42,133,187,.055);transition:transform .7s cubic-bezier(.16,.8,.22,1),border-color .5s,box-shadow .5s}
.services#trades .service-grid article:hover{transform:translateY(-10px);border-color:rgba(104,190,241,.96);box-shadow:inset 0 0 75px rgba(46,145,201,.09),0 28px 60px rgba(0,7,15,.32)}
.services#trades .service-grid article:nth-child(2){background:linear-gradient(180deg,rgba(12,34,55,.98),rgba(5,19,33,.99))}
.service-top{position:absolute;z-index:4;top:clamp(4.6rem,7vw,7rem);left:clamp(2.6rem,3.6vw,4.25rem);right:clamp(2.6rem,3.6vw,4.25rem);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.service-top span,.service-top b{font:600 .59rem/1 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.service-top span{color:#eef7fc;font-size:clamp(.9rem,1.25vw,1.2rem);font-weight:400;letter-spacing:0}
.service-top span:after{content:"";display:block;width:1.8rem;height:1px;margin-top:.65rem;background:rgba(102,190,241,.9)}
.service-top b{display:none}
.service-visual{position:relative;overflow:hidden;margin:0 calc(clamp(1.8rem,2.5vw,3rem) * -1) clamp(2rem,3vw,3rem);height:clamp(21rem,30vw,30rem)}
.services#trades .service-visual img{display:block;width:100%;height:100%;object-fit:cover;margin:0;filter:saturate(.65) contrast(1.08) brightness(.76);transition:transform 1.2s cubic-bezier(.16,.8,.22,1),filter .8s}
.services#trades .service-grid article:hover .service-visual img{transform:scale(1.035);filter:saturate(.78) contrast(1.06) brightness(.84)}
.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,21,.08) 45%,rgba(4,17,30,.98) 100%)}
.service-visual small{display:none}
.services#trades .service-grid h3{margin:0;color:#f5f3ee;font-family:'Cormorant Garamond','Times New Roman',serif;font-size:clamp(2.8rem,4vw,4.7rem);font-weight:500;line-height:.92;letter-spacing:-.035em}
.services#trades .service-grid h3:after{content:"";display:block;width:2.5rem;height:1px;margin-top:1.25rem;background:#4db8f2}
.services#trades .service-grid article>p{min-height:6rem;margin:1.2rem 0 1.8rem;color:rgba(220,231,237,.78);font:400 clamp(.92rem,1.1vw,1.08rem)/1.55 'Inter',sans-serif}
.services#trades .service-grid ul{display:none}
.services#trades .service-grid article:after{content:"→";display:block;margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(103,177,218,.45);color:#83c9f2;font:300 1.6rem/1 'Inter',sans-serif;text-align:right}

@media(max-width:1000px){
  .services#trades{padding-left:7vw;padding-right:7vw}
  .services#trades .section-label{position:static;writing-mode:initial;transform:none;margin-bottom:3rem}
  .services#trades .services-head{grid-template-columns:1fr}
  .services-intro{max-width:620px}
  .services#trades .service-grid{grid-template-columns:1fr}
  .services#trades .service-grid{gap:1.5rem}
  .services#trades .service-grid article{display:block;min-height:0;border-radius:999px 999px 8px 8px}
  .service-visual{height:clamp(24rem,62vw,38rem)}
  .services#trades .service-grid article>p{min-height:0}
}
@media(max-width:650px){
  .services#trades{padding:6rem 6vw}
  .services#trades .services-head h2{font-size:12vw;line-height:.92}
  .services-intro{padding-left:1.25rem}
  .services#trades .service-grid article{padding:0 1.3rem 1.6rem;border-radius:999px 999px 8px 8px}
  .service-top{top:4.3rem;left:2.3rem;right:2.3rem}
  .service-visual{height:25rem;margin:0 -1.3rem 1.8rem}
  .services#trades .service-grid article>p{min-height:0}
  .services-watermark{font-size:70vw}
}