/* How We Work: live typography over the approved reference photography. */
.work-page .page {width:min(88.5%,1280px);}
.work-page .accent {color:#00dce7;margin-inline-start:.14em;}
.work-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.work-page .sub-hero {background:#041a2a;isolation:isolate;}
.work-page .sub-hero,.work-page .sub-hero-content {min-height:clamp(430px,37.4vw,600px);}
.work-hero-art,.work-globe-art,.work-card-art,.work-closing-art {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.work-page .sub-hero::after {background:linear-gradient(90deg,rgba(0,19,33,.27),transparent 75%);}
.work-page .sub-hero-content {padding-block:46px;justify-content:center;}
.work-page .sub-hero h1 {font-size:clamp(44px,5.7vw,80px);font-weight:500;line-height:1.12;letter-spacing:-.035em;max-width:75%;margin:0;}
.work-page .sub-hero h1::before {content:'';display:block;width:48px;height:2px;background:#00dbe7;margin-bottom:26px;}
.work-page .sub-hero-copy {max-width:55%;font-size:20px;line-height:1.5;color:#edf4f8;margin-top:16px;}
.work-page .sub-hero-copy span {background:none;padding:0;}
.work-page .sub-hero-copy span:first-child {font-size:clamp(22px,2.3vw,31px);font-weight:500;line-height:1.6;}
.work-page .hero-action {margin-top:25px;}
.work-page .pill {background:linear-gradient(100deg,#00d2e4,#00566e);color:#f7fcfe;border:1px solid #00daea;border-radius:6px;font-size:15px;font-weight:500;padding:15px 27px;line-height:1.5;}
.work-page .pill::after {content:'→';margin-left:14px;}
.work-process {position:relative;isolation:isolate;overflow:hidden;background:#031928;padding-block:46px 30px;}
.work-globe-art {height:310px;z-index:-2;}
.work-process::before {content:'';position:absolute;inset:0 0 auto;height:320px;background:linear-gradient(180deg,rgba(2,21,36,.08),rgba(2,21,36,.08) 70%,#031928);z-index:-1;}
.work-page .section-title {font-size:clamp(34px,3.6vw,49px);line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0;color:#f5f9fc;}
.work-page .section-title::before {width:48px;height:2px;margin-bottom:22px;}
.work-page .section-intro {max-width:69%;color:#e2ebf3;font-size:18px;line-height:1.55;margin-top:18px;}
.work-page .process-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px -36px 0;border:0;}
.work-page .process-row,.work-page .process-row:nth-child(even) {display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #0096a9;border-radius:7px;padding:0;min-height:410px;background:#041a2b;}
.work-card-art {z-index:-2;}
.work-page .process-row::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,20,35,.96),rgba(1,20,35,.78) 45%,rgba(1,20,35,.02));}
.work-page .process-copy,.work-page .process-row:nth-child(even) .process-copy {position:relative;display:block;width:64%;padding:30px 0 30px 32px;order:initial;}
.work-page .process-copy h3 {display:flex;align-items:center;gap:22px;font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.025em;color:#f4f8fb;margin:0 0 25px;}
.process-number {display:block;color:#00e2eb;font-size:31px;font-weight:300;line-height:1.2;letter-spacing:-.04em;position:relative;padding-block:10px;}
.process-number::before,.process-number::after {content:'';display:block;position:absolute;left:0;width:33px;height:2px;background:#00d4e2;}
.process-number::before {top:-4px;}.process-number::after {bottom:0;}
.work-page .process-copy .process-lead {font-size:21px;font-weight:500;line-height:1.35;color:#f1f6fb;margin:0 0 18px;}
.work-page .process-copy p:last-child {color:#dce7f0;font-size:16px;line-height:1.55;margin:0;}
.work-closing {position:relative;isolation:isolate;overflow:hidden;background:#073047;padding-block:40px;}
.work-closing-art {z-index:-2;}
.work-closing::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,25,43,.4),rgba(0,25,43,.15));}
.work-page .closing-cta {max-width:none;margin:0;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;text-align:left;align-items:center;}
.work-page .closing-cta h2 {font-size:clamp(27px,2.8vw,38px);font-weight:500;line-height:1.3;letter-spacing:-.025em;color:#f1f7fa;margin:0;}
.work-page .closing-cta h2::before {content:'';display:block;width:48px;height:2px;background:#00dce7;margin-bottom:22px;}
.work-page .closing-cta h2 .accent {margin-inline-start:0;}
.work-page .closing-cta>.pill {justify-self:end;text-align:center;}
@media(min-width:761px) and (max-width:1050px) {
 .work-page .process-list {margin-inline:-15px;}
 .work-page .process-copy {width:73%;padding-left:25px;}
 .work-page .process-copy h3 {font-size:25px;gap:15px;}
 .work-page .process-copy .process-lead {font-size:18px;}
 .work-page .process-copy p:last-child {font-size:14px;}
 .work-page .closing-cta {gap:25px;}
 .work-page .closing-cta>.pill {font-size:12px;padding-inline:16px;}
}
@media(max-width:760px) {
 .work-page .page {width:calc(100% - 40px);}
 .work-page .sub-hero,.work-page .sub-hero-content {min-height:420px;}
 .work-page .sub-hero-content {padding-block:36px;}
 .work-page .sub-hero h1 {font-size:43px;max-width:100%;}
 .work-page .sub-hero-copy {font-size:17px;max-width:100%;}
 .work-page .sub-hero-copy span:first-child {font-size:22px;}
 .work-page .sub-hero::after {background:rgba(0,20,34,.65);}
 .work-page .pill {font-size:13px;padding:13px 16px;white-space:normal;}
 .work-page .pill::after {margin-left:8px;}
 .work-process {padding-block:34px 26px;}
 .work-globe-art {height:350px;opacity:.6;}
 .work-page .section-title {font-size:32px;}
 .work-page .section-intro {max-width:100%;font-size:16px;}
 .work-page .process-list {grid-template-columns:1fr;margin:27px 0 0;gap:17px;}
 .work-page .process-row,.work-page .process-row:nth-child(even) {min-height:355px;}
 .work-page .process-copy,.work-page .process-row:nth-child(even) .process-copy {width:88%;padding:27px 0 27px 23px;}
 .work-page .process-row::before {background:linear-gradient(90deg,rgba(1,20,35,.95),rgba(1,20,35,.8) 65%,rgba(1,20,35,.25));}
 .work-page .process-copy h3 {font-size:27px;gap:19px;margin-bottom:20px;}
 .process-number {font-size:27px;}
 .work-page .process-copy .process-lead {font-size:19px;}
 .work-page .process-copy p:last-child {font-size:15px;line-height:1.6;}
 .work-closing {padding-block:32px;}
 .work-page .closing-cta {grid-template-columns:1fr;gap:24px;}
 .work-page .closing-cta h2 {font-size:28px;}
 .work-page .closing-cta>.pill {justify-self:start;}
}