/*
 * TRG client work showcase, homepage process, and dedicated case studies.
 * All selectors are scoped so existing site components retain their styling.
 */
.trg-work-container{width:min(100% - 40px,1240px);margin-inline:auto}
.trg-work-page{background:#06111e;color:#f5f9fd;overflow:hidden}
.trg-work-page .trg-work-container{max-width:1240px}
.trg-work-kicker{font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.19em;color:#65dfff}
.trg-work-section-intro{max-width:800px;margin:0 0 45px}
.trg-work-section-intro h2{font-family:Inter,system-ui,sans-serif;font-weight:760;letter-spacing:-.035em;line-height:1.13;font-size:clamp(2.05rem,4.8vw,3.6rem);margin:14px 0 18px;color:#f9fcff}
.trg-work-section-intro>p:last-child{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.75;color:#b6c7d6;max-width:69ch}
.trg-work-page section.trg-work-hero{padding:164px 22px 100px;background:radial-gradient(ellipse 70% 80% at 89% 32%,rgba(15,155,191,.15),transparent 72%),#071523}
.trg-work-hero-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(38px,5vw,85px)}
.trg-work-hero-copy{min-width:0}
.trg-work-back{display:inline-flex;align-items:center;gap:9px;color:#a2bdcf;text-decoration:none;font-size:.9rem;margin-bottom:46px;transition:color .2s ease}
.trg-work-back:hover,.trg-work-back:focus-visible{color:#65dfff}
.trg-work-client{font-size:clamp(1.02rem,2.2vw,1.25rem);font-weight:720;letter-spacing:-.015em;color:#eff8ff;margin:13px 0 12px}
.trg-work-hero-copy h1{font-family:Inter,system-ui,sans-serif;font-size:clamp(2.65rem,5.4vw,5rem);font-weight:790;letter-spacing:-.055em;line-height:1.06;max-width:15ch;margin:0 0 27px;color:#fff}
.trg-work-lead{font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.76;color:#b6cad9;max-width:54ch}
.trg-work-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}
.trg-work-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:14px 21px;font-size:.93rem;font-weight:740;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:12px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.trg-work-button:hover{transform:translateY(-2px)}
.trg-work-button-primary{color:#061725;background:#50d4f5}
.trg-work-button-primary:hover{color:#061725;background:#9beaff}
.trg-work-button-secondary{color:#f8fcff;background:rgba(255,255,255,.035);border-color:rgba(210,234,246,.23)}
.trg-work-button-secondary:hover{color:#fff;background:rgba(66,206,240,.1);border-color:rgba(86,210,242,.65)}
.trg-work-feature-visual{min-width:0;position:relative;isolation:isolate}
.trg-work-feature-visual::before{content:"";position:absolute;inset:10% -5% -8%;background:radial-gradient(ellipse,rgba(0,190,228,.12),transparent 70%);filter:blur(18px);z-index:-1}
.trg-work-browser{overflow:hidden;border-radius:18px;border:1px solid rgba(176,220,237,.35);box-shadow:0 34px 80px rgba(0,0,0,.37);background:#142839}
.trg-work-browser-bar{min-height:40px;display:flex;align-items:center;gap:7px;padding:9px 16px;background:#102436;border-bottom:1px solid rgba(176,220,237,.17)}
.trg-work-browser-bar>span{width:9px;height:9px;border-radius:50%;background:#5b8194}
.trg-work-browser-bar>span:first-child{background:#c27679}
.trg-work-browser-bar>span:nth-child(2){background:#d3b673}
.trg-work-browser-bar>span:nth-child(3){background:#7baaa1}
.trg-work-browser-domain{min-width:0;flex:1;text-align:center;font-size:.71rem;color:#abc0ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px}
.trg-work-browser img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;background:#12283a}
.trg-work-visual-note{margin:14px 0 0;font-size:.75rem;color:#91acbf;display:flex;align-items:center;gap:8px}
.trg-work-note-dot{width:7px;height:7px;border-radius:50%;background:#5bdcc3}
.trg-work-page section.trg-work-section{padding:97px 22px}
.trg-work-story{background:#091826}
.trg-work-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trg-work-story-panel{padding:32px;border:1px solid rgba(142,196,217,.15);border-radius:18px;background:#102331;min-width:0}
.trg-work-story-index{display:block;color:#6ad5ec;font-weight:760;font-size:.75rem;letter-spacing:.14em;margin-bottom:42px}
.trg-work-story-panel h3{font-size:1.3rem;letter-spacing:-.03em;font-weight:740;color:#fff;margin:0 0 13px}
.trg-work-story-panel p{font-size:.99rem;line-height:1.75;color:#b4c8d7;margin:0}
.trg-work-capabilities{background:#06111e}
.trg-work-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.trg-work-feature-card{min-height:252px;display:flex;flex-direction:column;padding:28px 24px;min-width:0;border:1px solid rgba(155,209,230,.18);border-radius:18px;background:#0b1e2e;transition:border-color .25s,transform .25s,background-color .25s}
.trg-work-feature-card:hover{border-color:rgba(73,201,232,.6);transform:translateY(-5px);background:#112b3d}
.trg-work-feature-number{display:block;font-family:Inter,system-ui,sans-serif;font-size:2.25rem;letter-spacing:-.04em;color:#61cbe5;font-weight:720}
.trg-work-feature-line{display:block;margin:21px 0 24px;width:40px;height:1px;background:rgba(100,207,232,.58)}
.trg-work-feature-card h3{font-size:1.17rem;line-height:1.35;font-weight:720;color:#fff;letter-spacing:-.014em;margin:0 0 25px}
.trg-work-feature-bottom{font-size:.72rem;color:#8fa8b9;margin-top:auto}
.trg-work-private-note{margin-top:22px;color:#7e9caf;font-size:.85rem;line-height:1.6}
.trg-work-page section.trg-work-quote{background:#092232;padding-block:60px}
.trg-work-quote-card{max-width:1050px;margin:auto;padding:50px;border-left:3px solid #51cde9;background:rgba(0,0,0,.1)}
.trg-work-quote-card blockquote{font-size:clamp(1.35rem,2.8vw,2.6rem);letter-spacing:-.03em;line-height:1.45;font-weight:620;color:#fff;margin:16px 0 26px}
.trg-work-quote-attribution{font-size:.85rem;color:#b1c7d7}
.trg-work-next{background:#081827}
.trg-work-next-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.trg-work-next-head h2{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.17;font-weight:750;letter-spacing:-.04em;max-width:750px;margin:15px 0 0}
.trg-work-text-link{color:#77e4ff;text-decoration:none;font-size:.91rem;font-weight:710;display:inline-flex;align-items:center;gap:8px;padding-block:6px;border-bottom:1px solid rgba(117,228,255,.45);transition:color .2s,border-color .2s}
.trg-work-text-link:hover,.trg-work-text-link:focus-visible{color:#fff;border-color:#fff}
.trg-work-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.trg-work-related-card{display:grid;grid-template-columns:132px 1fr auto;align-items:center;gap:20px;border:1px solid rgba(154,208,230,.16);background:#102331;color:#fff;text-decoration:none;border-radius:15px;padding:12px 22px 12px 12px;overflow:hidden;transition:border-color .2s,transform .2s}
.trg-work-related-card:hover{transform:translateY(-3px);border-color:rgba(106,217,243,.65)}
.trg-work-related-card img{display:block;width:132px;height:85px;object-fit:cover;object-position:top;border-radius:9px}
.trg-work-related-card span:nth-child(2){font-weight:700;line-height:1.35}
.trg-work-related-card span:last-child{color:#75daf1;font-size:1.35rem}
.trg-work-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(190,228,241,.18);margin-top:70px;padding-top:50px}
.trg-work-final-cta h2{font-size:clamp(1.7rem,3.5vw,2.9rem);font-weight:760;line-height:1.17;letter-spacing:-.04em;max-width:700px;margin:12px 0}
section.trg-work-gallery-section{padding:100px 22px;background:#071723}
.trg-work-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trg-work-gallery-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#112331;border:1px solid rgba(154,205,224,.18);border-radius:17px;transition:transform .3s ease,border-color .3s ease}
.trg-work-gallery-card:hover{transform:translateY(-5px);border-color:rgba(90,211,239,.63)}
.trg-work-gallery-image{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#0b2333}
.trg-work-gallery-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.trg-work-gallery-card:hover .trg-work-gallery-image img{transform:scale(1.04)}
.trg-work-image-corner{position:absolute;bottom:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;font-size:1.3rem;color:#061725;background:#62d9f2;border-radius:50%}
.trg-work-gallery-body{padding:27px 27px 30px;display:flex;flex-direction:column;flex:1}
.trg-work-gallery-sector{font-size:.71rem!important;letter-spacing:.1em;text-transform:uppercase;color:#7adbf0!important;line-height:1.5!important;margin:0 0 12px!important}
.trg-work-gallery-body h3{font-size:clamp(1.25rem,1.75vw,1.55rem);line-height:1.25;letter-spacing:-.025em;color:#f9fcff;font-weight:760;margin:0 0 14px}
.trg-work-gallery-body>p:not(.trg-work-gallery-sector){color:#b7cad8;line-height:1.65;font-size:.94rem;margin:0 0 20px;flex:1}
.trg-work-gallery-body .trg-work-text-link{align-self:flex-start}
.trg-work-gallery-more{text-align:center;margin-top:38px}
section.trg-work-process-section{padding:92px 22px;background:#0c1b2b}
.trg-work-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:15px;padding:0;margin:0}
.trg-work-process-step{min-width:0;border-top:2px solid rgba(97,215,241,.53);padding:27px 8px 15px 0}
.trg-work-process-number{font-size:2.1rem;font-weight:720;letter-spacing:-.04em;color:#6edcf4}
.trg-work-process-step h3{font-size:1.11rem;line-height:1.3;font-weight:740;color:#f8fcff;margin:15px 0 12px}
.trg-work-process-step p{font-size:.91rem;line-height:1.65;color:#acc3d3;margin:0}
.trg-work-page a:focus-visible,.trg-work-gallery-section a:focus-visible,.trg-work-process-section a:focus-visible{outline:3px solid #a2f1ff;outline-offset:4px}
@media (prefers-reduced-motion:no-preference){
  .trg-motion-ready [data-trg-reveal]:not(.trg-is-visible){opacity:1;transform:translateY(12px)}
  .trg-motion-ready [data-trg-reveal]{transition:opacity .67s ease,transform .67s cubic-bezier(.22,1,.36,1)}
  .trg-motion-ready [data-trg-reveal].trg-is-visible{opacity:1;transform:translateY(0)}
}
@media(max-width:1050px){
  .trg-work-hero-layout{grid-template-columns:1fr}
  .trg-work-hero-copy h1{max-width:20ch}
  .trg-work-feature-visual{max-width:780px;width:100%;margin:auto}
  .trg-work-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trg-work-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trg-work-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .trg-work-container{width:min(100% - 32px,1240px)}
  .trg-work-page section.trg-work-hero{padding:120px 8px 65px}
  .trg-work-back{margin-bottom:30px}
  .trg-work-hero-copy h1{font-size:clamp(2.4rem,10vw,3.5rem)}
  .trg-work-page section.trg-work-section,section.trg-work-gallery-section,section.trg-work-process-section{padding:68px 8px}
  .trg-work-story-grid,.trg-work-gallery-grid,.trg-work-related-grid{grid-template-columns:1fr}
  .trg-work-story-panel{padding:26px}
  .trg-work-story-index{margin-bottom:20px}
  .trg-work-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .trg-work-feature-card{min-height:205px;padding:24px 18px}
  .trg-work-feature-card h3{font-size:1rem}
  .trg-work-related-card{grid-template-columns:100px 1fr auto;gap:12px}
  .trg-work-related-card img{width:100px;height:75px}
  .trg-work-next-head,.trg-work-final-cta{display:block}
  .trg-work-next-head>a,.trg-work-final-cta>a{margin-top:20px}
  .trg-work-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trg-work-quote-card{padding:30px 23px}
}
@media(max-width:400px){
  .trg-work-feature-grid,.trg-work-process-grid{grid-template-columns:1fr}
  .trg-work-actions{display:grid}
  .trg-work-gallery-body{padding:23px}
}
@media(prefers-reduced-motion:reduce){
  .trg-work-page *, .trg-work-gallery-section *, .trg-work-process-section *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}