.agency{isolation:isolate;overflow:hidden;padding:0 clamp(24px,5vw,80px) 100px;background:var(--black)}
.agency::before{content:"";position:absolute;z-index:-1;inset:10% -25% 0;background:radial-gradient(ellipse 34% 44% at 64% 58%,rgba(0,237,11,.095),rgba(0,237,11,.025) 48%,transparent 78%);pointer-events:none}
.agency-inner{max-width:1180px;margin:auto}
.agency-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid rgba(138,170,144,.15)}
.agency-brand{display:inline-flex;align-items:center;gap:14px;min-width:0}
.agency-brand img{display:block;width:52px;height:52px;object-fit:contain;filter:brightness(0) invert(1)}
.agency-brand span{font-size:clamp(14px,1.5vw,20px);font-weight:700;letter-spacing:.16em}
.agency-actions{display:flex;align-items:center;gap:14px}
.agency-control{display:grid;place-items:center;width:46px;height:46px;flex:none;color:var(--white);background:rgba(15,24,17,.5);border:1px solid #29382d;border-radius:50%;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.agency-control:hover,.agency-control:focus-visible,.agency-control[aria-expanded="true"]{color:var(--green);border-color:rgba(0,237,11,.5);background:rgba(10,29,13,.65)}
.agency-control:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.agency-control .icon{width:20px;height:20px}
.agency-menu{position:absolute;right:0;top:calc(100% + 12px);width:230px;display:grid;padding:12px;background:#080d09;border:1px solid #29382d;border-radius:14px;box-shadow:0 22px 55px #000b}
.agency-menu[hidden]{display:none}
.agency-menu a{font-size:15px;padding:14px 16px;border-radius:7px;color:#d1d9d2;transition:background .2s,color .2s}
.agency-menu a:hover,.agency-menu a:focus-visible{color:var(--green);background:#102014}
.agency-main{display:grid;grid-template-columns:1fr 1.08fr;grid-template-areas:"title visual" "copy visual";column-gap:clamp(24px,4vw,70px);padding-top:clamp(40px,6svh,76px)}
.agency-title{grid-area:title;align-self:end;margin:0;font-size:clamp(48px,5.9vw,86px);line-height:1.03;letter-spacing:-.055em;font-weight:750;text-transform:uppercase}
.agency-title span{display:block}
.agency-title .agency-outline{color:transparent;-webkit-text-stroke:1.35px #d5e0d7}
.agency-title .agency-accent{color:var(--green)}
.agency-visual{grid-area:visual;align-self:center;margin:0;width:100%;max-width:580px;justify-self:center}
.agency-visual img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 26px #0007)}
.agency-copy{grid-area:copy;align-self:start;margin-top:30px;max-width:445px}
.agency-copy p{margin:0;color:#aebbb1;font-size:clamp(17px,1.6vw,20px);line-height:1.65;letter-spacing:-.015em}
.agency-copy .text-link{margin-top:28px;gap:20px;font-size:14px;font-weight:500;color:var(--white)}
@media(min-width:901px){.agency-visual{max-width:min(100%,65svh)}}
@media(max-width:900px){
  .agency{padding:0 clamp(24px,5vw,48px) 110px}
  .agency::before{inset:15% -45% 0;background:radial-gradient(ellipse 33% 40% at 50% 61%,rgba(0,237,11,.105),rgba(0,237,11,.025) 55%,transparent 80%)}
  .agency-bar{padding:22px 0}
  .agency-brand{gap:10px}.agency-brand img{width:42px;height:42px}.agency-brand span{font-size:14px;letter-spacing:.13em}
  .agency-actions{gap:9px}.agency-control{width:40px;height:40px}.agency-control .icon{width:18px;height:18px}
  .agency-main{grid-template-columns:1fr;grid-template-areas:"title" "visual" "copy";gap:36px;padding-top:42px;text-align:center}
  .agency-title{font-size:clamp(40px,12vw,82px);line-height:1.035;letter-spacing:-.045em}
  .agency-visual{width:calc(100% + 16px);max-width:600px;margin:0 -8px}
  .agency-copy{margin:0 auto;max-width:560px}.agency-copy p{font-size:18px;line-height:1.65}
}
@media(max-width:359px){.agency-brand span{font-size:12px;letter-spacing:.10em}.agency-brand img{width:34px;height:34px}.agency-actions{gap:6px}.agency-control{width:36px;height:36px}.agency-bar{gap:12px}}
@media(prefers-reduced-motion:reduce){.agency-control,.agency-menu a{transition:none}}
@media(forced-colors:active){.agency-title .agency-outline{color:CanvasText;-webkit-text-stroke:0}.agency-control,.agency-menu{border-color:CanvasText}}
