/* STEP 3: approved WHAT I DO. All styling is isolated to this section. */
#what-i-do{position:relative;isolation:isolate;background:#0a121c;color:#f3f6fa;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark;padding-bottom:32px;scroll-margin-top:var(--header-height)}
#what-i-do::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 5%,#19374a66,transparent 55%),linear-gradient(145deg,#0a121c,#0c1824 70%,#0a121c)}
#what-i-do .wd-shell{max-width:1440px;margin:0 auto;padding:0 56px}
#what-i-do .wd-section-label,#what-i-do .wd-service-number{font-family:monospace;font-weight:400;letter-spacing:1.5px}
#what-i-do .wd-capabilities{padding-top:44px}
#what-i-do .wd-section-label{display:flex;justify-content:space-between;font-size:10px;color:#a9ccdf}
#what-i-do .wd-introduction{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:30px 0 48px}
#what-i-do .wd-heading{font-size:clamp(72px,8.4vw,121px);font-weight:900;line-height:.95;letter-spacing:-.065em;white-space:nowrap;margin:0}
#what-i-do .wd-heading>span{color:#8be1ef}
#what-i-do .wd-intro-copy{font-size:21px;font-weight:400;line-height:1.75;letter-spacing:.025em;color:#c6d2da;margin:0 0 2px;flex-shrink:0}
#what-i-do .wd-services{list-style:none;padding:0;margin:0;border-top:1px solid #b3d1e347}
#what-i-do .wd-service{display:grid;grid-template-columns:48px minmax(0,1fr) 300px;column-gap:24px;align-items:center;padding:36px 0;min-height:150px;border-bottom:1px solid #b3d1e347;cursor:default}
#what-i-do .wd-service-number{font-size:10px;color:#8fa1af;align-self:center;white-space:nowrap}
#what-i-do .wd-service .wd-service-title{font-size:clamp(42px,4.45vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.06;margin:0;text-wrap:balance;min-width:0}
#what-i-do .wd-service:nth-child(1) .wd-service-title{color:#A9DDF3}
#what-i-do .wd-service:nth-child(2) .wd-service-title{color:#BBB5EE}
#what-i-do .wd-service:nth-child(3) .wd-service-title{color:#E7BB92}
#what-i-do .wd-service:nth-child(4) .wd-service-title{color:#ADD4C7}
#what-i-do .wd-service-description{font-size:14px;font-weight:400;line-height:1.95;letter-spacing:.025em;color:#c1cdd5;margin:0}
@media(min-width:701px) and (max-width:1100px){#what-i-do .wd-shell{padding:0 32px}
#what-i-do .wd-introduction{align-items:flex-start;flex-direction:column;gap:28px}
#what-i-do .wd-heading{font-size:96px}
#what-i-do .wd-intro-copy{font-size:19px}
#what-i-do .wd-intro-break{display:none}
#what-i-do .wd-service{grid-template-columns:32px minmax(0,1fr) 230px;column-gap:18px}
#what-i-do .wd-service .wd-service-title{font-size:clamp(32px,4.3vw,47px)}
#what-i-do .wd-service-description{font-size:13px}}
@media(max-width:700px){#what-i-do .wd-shell{padding:0 22px}
#what-i-do .wd-capabilities{padding-top:35px}
#what-i-do .wd-section-label{font-size:9px;letter-spacing:1.3px}
#what-i-do .wd-introduction{display:block;padding:24px 0 32px}
#what-i-do .wd-heading{font-size:clamp(50px,15vw,85px);line-height:1;letter-spacing:-.065em}
#what-i-do .wd-intro-copy{font-size:17px;line-height:1.8;letter-spacing:.015em;margin:24px 0 0}
#what-i-do .wd-intro-break{display:none}
#what-i-do .wd-service{display:block;min-height:0;padding:26px 0 30px}
#what-i-do .wd-service-number{display:block;font-size:10px;margin-bottom:17px}
#what-i-do .wd-service .wd-service-title{font-size:42px;line-height:1.06;letter-spacing:-.04em;max-width:100%;text-wrap:balance}
#what-i-do .wd-service-description{font-size:13px;line-height:1.95;letter-spacing:.015em;margin-top:19px;max-width:34em}}
@media(max-width:350px){#what-i-do .wd-shell{padding:0 20px}
#what-i-do .wd-service .wd-service-title{font-size:36px}
#what-i-do .wd-intro-copy{font-size:16px}
#what-i-do .wd-service{padding-top:25px;padding-bottom:28px}}
#what-i-do .wd-service-description{font-size:15px;font-weight:400;color:#D0DAE1;line-break:strict;word-break:normal;overflow-wrap:normal}
#what-i-do .wd-service-description .wd-phrase{display:inline-block;white-space:nowrap}
@media(min-width:1101px){#what-i-do .wd-service-description{width:calc(100% + 28px);margin-left:-28px}}
@media(min-width:701px) and (max-width:1100px){#what-i-do .wd-service-description{font-size:14px}}
@media(max-width:700px){#what-i-do .wd-service-description{font-size:14px}}
@media(max-width:700px){#what-i-do .wd-intro-copy .wd-intro-break{display:initial}}