.work-page{--wp-bg:#080d12;--wp-surface:#101921;--wp-line:#34434b;--wp-ink:#f3f5f7;--wp-muted:#a6b1bd;--wp-accent:#91b7e2;background:var(--wp-bg);color:var(--wp-ink)}
.work-page h1,.work-page h2,.work-page h3,.work-page h4{font-family:Syne,'Space Grotesk',sans-serif}
.work-hero,.work-projects,.work-proof,.work-cta{padding-left:5vw;padding-right:5vw}
.work-hero{min-height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:space-between;padding-top:30px;padding-bottom:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 42%,#283b50 0,transparent 35%),linear-gradient(135deg,#0b151d,#080d12 66%)}
.work-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#d4e4f70b 1px,transparent 1px),linear-gradient(90deg,#d4e4f70b 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(100deg,transparent 25%,#000 85%)}
.work-hero:after{content:'M';position:absolute;right:2%;top:10%;font:700 min(47vw,680px)/.8 Syne,sans-serif;color:#8babd009;letter-spacing:-.13em;pointer-events:none}
.work-hero-top,.work-hero-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.18em;font-weight:700;color:#acb8c5;position:relative;z-index:1}
.work-hero-top{border-top:1px solid #44606a;padding-top:14px}
.work-hero-bottom{border-top:1px solid #44606a;padding-top:18px}
.work-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:60px;align-items:end;position:relative;z-index:1;padding:80px 0 90px}
.work-overline{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--wp-accent);margin:0 0 24px}
.work-hero h1{font-size:clamp(58px,8.5vw,142px);line-height:.93;letter-spacing:-.08em;font-weight:600;margin:0}
.work-hero h1 em,.work-section-heading h2 em{font-style:normal;color:var(--wp-accent)}
.work-hero-aside{border-left:1px solid #58687b;padding-left:28px}
.work-hero-aside p{font-size:clamp(15px,1.3vw,19px);line-height:1.65;color:#d0d7e0;margin:0 0 28px;max-width:390px}
.work-hero-aside a{display:inline-flex;justify-content:space-between;gap:25px;min-width:205px;border-bottom:1px solid var(--wp-accent);padding-bottom:12px;font-size:12px;font-weight:700;color:var(--wp-accent);transition:gap .2s,color .2s}
.work-hero-aside a:hover{gap:40px;color:#fff}
.work-projects,.work-proof{padding-top:105px;padding-bottom:105px}
.work-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:25px 60px;align-items:end;border-top:1px solid var(--wp-line);padding-top:23px;margin-bottom:65px}
.work-section-heading>p{grid-column:1/-1;margin:0;color:var(--wp-accent);font-size:10px;font-weight:700;letter-spacing:.2em}
.work-section-heading h2{font-size:clamp(42px,5.3vw,82px);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin:0}
.work-section-heading>span{color:var(--wp-muted);line-height:1.65;font-size:14px}
.work-case{border-top:1px solid var(--wp-line);padding:28px 0 58px}
.work-case:last-child{border-bottom:1px solid var(--wp-line)}
.work-case-heading{display:grid;grid-template-columns:66px 1fr;gap:25px;align-items:start}
.work-case-no{font:600 22px Syne,sans-serif;color:var(--wp-accent);line-height:1.1}
.work-case-category{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--wp-accent);margin:0 0 18px}
.work-case h3{font-size:clamp(26px,3.3vw,48px);line-height:1.1;letter-spacing:-.05em;font-weight:600;margin:0 0 13px}
.work-case-subtitle{margin:0;color:#9eabb9;font-size:13px}
.work-case-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:40px;align-items:stretch;margin:44px 0 0 91px}
.work-case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:42px 0 0 91px}
.work-case-body .work-case-story{grid-template-columns:1fr;gap:0;margin:0}
.work-case-story>div{border-left:1px solid #49606a;padding-left:17px}
.work-case-story h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wp-accent);margin:0 0 11px}
.work-case-story p{color:#c0c8d2;line-height:1.68;font-size:14px;margin:0;max-width:480px}
.work-case-body .work-case-story>div+div{margin-top:20px}
.work-case-screen-link{display:inline-flex;align-items:center;gap:22px;margin:28px 0 0 91px;padding:0 0 8px;border-bottom:1px solid var(--wp-accent);color:var(--wp-accent);font-size:12px;font-weight:700;transition:gap .2s,color .2s}
.work-case-screen-link:hover{gap:32px;color:var(--wp-ink)}
.work-case-screen-link:focus-visible{outline:2px solid var(--wp-accent);outline-offset:5px}
.work-case-schematic{border:1px solid #496772;min-height:375px;background:linear-gradient(145deg,#1a313a,#0e1b24);display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;overflow:hidden}
.work-case-schematic:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b9cee713 1px,transparent 1px),linear-gradient(90deg,#b9cee713 1px,transparent 1px);background-size:27px 27px;pointer-events:none}
.work-schematic-header,.work-schematic-footer{position:relative;font-size:9px;font-weight:700;letter-spacing:.13em;color:#b8c8da}
.work-schematic-header{display:flex;justify-content:space-between;gap:10px}.work-schematic-header span:last-child{color:#89a5c4}
.work-schematic-main{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;margin:20px 0}
.work-schematic-node,.work-schematic-core{border:1px solid #7c9fc6;background:#203d47;color:#e6edf6;text-align:center;font-size:11px;font-weight:700;letter-spacing:.07em;box-shadow:0 12px 26px #0005}
.work-schematic-node{padding:16px 8px}.work-schematic-core{grid-column:1/-1;max-width:220px;width:100%;justify-self:center;padding:22px 15px;background:#b5cae1;color:#132840;line-height:1.3}
.work-schematic-footer{border-top:1px solid #52657a;padding-top:12px}
.work-proof{background:#111a21}
.work-proof-group{border-top:1px solid #3f535c;padding-top:23px;scroll-margin-top:96px}
.work-proof-group+.work-proof-group{margin-top:72px}
.work-proof-group-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:24px 50px;align-items:end;margin-bottom:29px}
.work-proof-group-head p{color:var(--wp-accent);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 15px}
.work-proof-group-head h3{font-size:clamp(28px,3.2vw,44px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:0}
.work-proof-group-head>span{color:#b9c6d6;font-size:13px;line-height:1.65}
.work-proof-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.work-proof-mobile-grid figure{margin:0;min-width:0;background:#0b141b;border:1px solid #3f535c;display:flex;flex-direction:column}
.work-proof-mobile-grid figure>a{display:flex;justify-content:center;align-items:flex-start;overflow:hidden;padding:25px 24px;background:linear-gradient(160deg,#233a51,#10202d);min-height:0}
.work-proof-mobile-grid figure>a:focus-visible{outline:3px solid var(--wp-accent);outline-offset:-3px}
.work-proof-mobile-grid img{display:block;width:min(100%,280px);height:auto;border:5px solid #071521;border-radius:22px;box-shadow:0 24px 38px #0007;transition:transform .25s}
.work-proof-mobile-grid figure>a:hover img{transform:translateY(-5px)}
.work-proof-mobile-grid figcaption{padding:19px 22px 23px;margin-top:auto}
.work-proof-mobile-grid figcaption span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--wp-accent);margin-bottom:11px}
.work-proof-mobile-grid figcaption strong{display:block;font:600 22px Syne,sans-serif;letter-spacing:-.04em}
.work-proof-mobile-grid figcaption p{font-size:13px;line-height:1.55;color:#b9c2cd;margin:8px 0 0}
.work-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.work-proof figure{margin:0;background:#0b141b;border:1px solid #3f535c;min-width:0}
.work-proof figure a{display:block;overflow:hidden;background:#f4f6f8;aspect-ratio:16/10}
.work-proof figure a:focus-visible{outline:3px solid var(--wp-accent);outline-offset:-3px}
.work-proof img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .35s}
.work-proof figure a:hover img{transform:scale(1.025)}
.work-proof figcaption{padding:22px 25px 25px}
.work-proof figcaption span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--wp-accent);margin-bottom:12px}
.work-proof figcaption strong{display:block;font:600 25px Syne,sans-serif;letter-spacing:-.04em}
.work-proof figcaption p{font-size:13px;line-height:1.55;color:#b9c2cd;margin:8px 0 0}
.work-proof-note{font-size:12px;line-height:1.6;color:#a4b2c2;border-top:1px solid #3f535c;padding-top:18px;margin:25px 0 0}
.work-proof .work-proof-mobile-grid figure>a{display:flex;justify-content:center;align-items:flex-start;aspect-ratio:auto;min-height:0;padding:18px;background:linear-gradient(160deg,#233a51,#10202d)}
.work-proof .work-proof-mobile-grid img{width:min(100%,240px);height:auto;object-fit:contain;object-position:center;border:5px solid #071521;border-radius:22px;box-shadow:0 24px 38px #0007}
.work-cta{padding-top:90px;padding-bottom:100px;background:#c1d2e5;color:#10232b;display:grid;grid-template-columns:1fr minmax(260px,360px);gap:30px 70px;align-items:end}
.work-cta>p{grid-column:1/-1;font-size:10px;font-weight:700;letter-spacing:.2em;margin:0}
.work-cta h2{font-size:clamp(52px,6vw,95px);line-height:.98;letter-spacing:-.07em;margin:0;font-weight:600}
.work-cta>div>p{font-size:16px;line-height:1.6;margin:0 0 25px}
.work-cta .button.primary{background:#10232b;color:#e2ebf6}
.work-cta .button.primary:hover{background:#243b55;color:#fff}
body.light .work-page{--wp-bg:#e9ecf0;--wp-surface:#f7f8fa;--wp-line:#a9b5c3;--wp-ink:#142831;--wp-muted:#4e5d6e;--wp-accent:#17467b}
body.light .work-hero{background:radial-gradient(ellipse at 82% 42%,#ced8e4,transparent 35%),#e9ecf0}
body.light .work-hero-top,body.light .work-hero-bottom,body.light .work-hero-aside p,body.light .work-case-story p,body.light .work-case-subtitle{color:#384b61}
body.light .work-case-schematic,body.light .work-proof{color:#f3f5f7}
body.light .work-proof{background:#dce2e8}body.light .work-proof figure{background:#12232c}body.light .work-proof-note{color:#405164}
body.light .work-proof-group-head>span{color:#405164}
body.light .work-proof>.work-section-heading,body.light .work-proof-group-head{color:#142831}
body.light .work-proof-mobile-grid figcaption span,body.light .work-proof-grid figcaption span{color:#9bc8f6}
@media(max-width:1000px){.work-hero-grid{grid-template-columns:1fr;gap:45px}.work-hero-aside{max-width:520px}.work-case-body{grid-template-columns:1fr}.work-case-schematic{min-height:320px}.work-case-story{grid-template-columns:1fr 1fr}.work-cta{grid-template-columns:1fr}}
@media(max-width:700px){.work-hero{min-height:calc(100svh - 68px);padding-top:22px}.work-hero-grid{padding:70px 0}.work-hero h1{font-size:clamp(47px,12vw,75px)}.work-hero-top span:last-child,.work-hero-bottom span:last-child{display:none}.work-hero-bottom{font-size:8px}.work-projects,.work-proof{padding-top:75px;padding-bottom:75px}.work-section-heading{grid-template-columns:1fr;margin-bottom:45px}.work-section-heading h2{font-size:clamp(42px,10vw,62px)}.work-case{padding:23px 0 42px}.work-case-heading{grid-template-columns:41px 1fr;gap:12px}.work-case-no{font-size:17px}.work-case h3{font-size:clamp(24px,6vw,35px)}.work-case-story,.work-case-body{margin-left:53px;margin-top:30px}.work-case-screen-link{margin-left:53px}.work-case-story{grid-template-columns:1fr;gap:20px}.work-case-body{gap:28px}.work-proof-group-head{grid-template-columns:1fr}.work-proof-mobile-grid{grid-template-columns:1fr}.work-proof-mobile-grid figure>a{padding:22px}.work-proof-grid{grid-template-columns:1fr}.work-cta{padding-top:70px;padding-bottom:80px}.work-cta h2{font-size:clamp(49px,11vw,72px)}}
@media(max-width:430px){.work-hero-aside{padding-left:16px}.work-hero-grid{padding:60px 0}.work-hero-top,.work-hero-bottom{font-size:8px}.work-case-heading{grid-template-columns:32px 1fr;gap:10px}.work-case-story,.work-case-body,.work-case-screen-link{margin-left:42px}.work-case-schematic{padding:12px;min-height:285px}.work-schematic-header,.work-schematic-footer{font-size:7px}.work-schematic-node{font-size:8px}.work-proof figcaption{padding:18px}}
@media(prefers-reduced-motion:reduce){.work-hero-aside a,.work-proof img,.work-proof-mobile-grid img,.work-case-screen-link{transition:none}}
@media print{.work-page{background:#fff;color:#000}.work-hero,.work-projects,.work-proof,.work-cta{padding:25px 0;background:#fff;color:#000}.work-hero{min-height:0}.work-hero:before,.work-hero:after{display:none}.work-hero-grid{display:block;padding:25px 0}.work-hero h1,.work-section-heading h2,.work-cta h2{font-size:36pt}.work-hero h1 em,.work-section-heading h2 em{color:#000}.work-hero-aside{border:0;padding:0}.work-hero-aside p,.work-case-story p,.work-case-subtitle{color:#333}.work-case{break-inside:avoid}.work-case-body{display:block}.work-case-schematic,.work-proof-grid,.work-proof-mobile-grid{display:none}.work-case-story{display:block}.work-case-story>div{margin-bottom:15px}.work-cta .button{display:none}.work-proof-note{color:#333}}