.work-page{background:#f7f5ed;color:var(--ink)}
.work-page .site-header{background:linear-gradient(90deg,#061727 0%,#071c2d 64%,#061727 100%)}
.work-page .site-header a{color:#fff}.work-page .site-header .nav-cta{color:var(--ink)}
.work-page footer{width:100%;margin:0;padding-right:max(5vw,calc((100vw - var(--max))/2));padding-left:max(5vw,calc((100vw - var(--max))/2))}
.work-page .featured-copy h2,.work-page .cw-case h2,.work-page .cocoa-case h2,.work-page .vale-case h2,.work-page .work-section-heading h2,.work-page .work-cta h2{line-height:.92}
.vale-case .project-actions{display:none}
.work-hero{position:relative;min-height:590px;padding:130px max(5vw,calc((100vw - var(--max))/2)) 86px;display:flex;align-items:center;color:#fff;overflow:hidden;border-bottom:8px solid #fff;background-color:var(--navy);background-image:linear-gradient(90deg,rgba(6,23,39,.98) 0%,rgba(6,23,39,.94) 37%,rgba(6,23,39,.72) 60%,rgba(6,23,39,.12) 84%),url("assets/comic-texture-v1.webp");background-size:cover;background-position:center}.work-hero:after{content:"";position:absolute;inset:0;background:url("assets/halftone-overlay.webp") center/cover;opacity:.18;pointer-events:none}.work-hero-copy{position:relative;z-index:1;width:min(100%,690px)}.work-hero .eyebrow{margin:0 0 1.3rem;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.work-hero h1{margin:0;text-transform:uppercase;font:italic 900 clamp(4.1rem,6.6vw,7.7rem)/.88 Impact,"Arial Narrow",sans-serif;letter-spacing:.01em;text-shadow:5px 6px 0 rgba(0,0,0,.3)}.work-hero h1 strong,.work-section-heading strong,.work-cta strong{color:var(--green);font-weight:inherit}.work-hero-copy>p:last-of-type{max-width:620px;margin:1.5rem 0 0;font-size:clamp(1.25rem,1.5vw,1.38rem);line-height:1.55}.work-hero-cta{display:inline-flex;gap:.55rem;margin-top:1.7rem;padding-bottom:.35rem;color:var(--green);background:linear-gradient(var(--green),var(--green)) left bottom/100% 2px no-repeat;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;transition:background-size .2s ease}.work-hero-cta span{font-size:1.2em;transition:transform .2s ease}.work-hero-cta:hover,.work-hero-cta:focus-visible{background-size:42% 2px}.work-hero-cta:hover span,.work-hero-cta:focus-visible span{transform:translateY(.3rem)}.work-hero-note{position:absolute;z-index:1;right:clamp(6%,12vw,16%);top:34%;margin:0;color:#b7f6d4;font:italic 900 clamp(1rem,1.5vw,1.5rem)/.92 Impact,"Arial Narrow",sans-serif;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-7deg)}.work-hero-note:after{content:"";display:block;width:88%;height:3px;margin:.35rem 0 0;background:var(--green);transform:rotate(-4deg)}.work-hero-projects{position:absolute;z-index:2;bottom:1.25rem;left:max(5vw,calc((100vw - var(--max))/2));display:inline-flex;gap:.65rem;align-items:center;color:var(--green);font-size:.66rem;font-weight:900;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.work-hero-projects:before{content:"";width:clamp(4rem,11vw,10rem);height:2px;background:var(--green)}
.work-page .work-hero h1{line-height:.94}

/* Featured case study: printed project board, editorial stats and restrained annotations. */
.featured-work.featured-case{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:clamp(3rem,6vw,7rem);overflow:hidden}.featured-case .featured-copy{display:flex;flex-direction:column}.featured-case .project-type{order:1}.featured-case h2{order:2;font-size:clamp(3.5rem,5.4vw,6.5rem);line-height:.82}.featured-case .project-summary{order:3;max-width:500px;margin:1.35rem 0 0;font-size:clamp(1.25rem,1.7vw,1.55rem);font-weight:800;line-height:1.42}.featured-case .project-stats{order:4;display:flex;gap:1.25rem;margin:1.7rem 0 .75rem}.project-stats>div{display:grid;align-content:start;min-width:0;padding:.25rem 1rem .3rem 0;border-right:2px solid rgba(6,23,39,.18)}.project-stats>div:last-child{border:0}.project-stats b{font:italic 900 clamp(2.7rem,4vw,4.3rem)/.8 Impact,"Arial Narrow",sans-serif;color:#087b49}.project-stats strong{margin-top:.45rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.project-stats span{margin-top:.25rem;font-size:.72rem;line-height:1.35}.featured-case .project-facts{order:5;margin:1.3rem 0}.featured-case .project-facts>div{padding:1rem 0;border-color:rgba(6,23,39,.22)}.featured-case .project-actions{order:6;margin-top:.4rem}.featured-case .featured-visual{position:relative;isolation:isolate;overflow:visible;padding:14px;background:#fffdf4;border:7px solid var(--navy);box-shadow:13px 14px 0 var(--green),0 23px 23px rgba(6,23,39,.13);transform:rotate(-1deg);transition:transform .25s ease,box-shadow .25s ease}.featured-case .featured-visual:hover{transform:rotate(0) scale(1.015);box-shadow:16px 17px 0 var(--green),0 25px 25px rgba(6,23,39,.16)}.featured-case .featured-visual img{position:relative;z-index:1;border:0}.project-index{position:absolute;z-index:-1;left:-3.5rem;top:-4.5rem;color:rgba(6,23,39,.12);font:italic 900 clamp(8rem,15vw,16rem)/1 Impact,"Arial Narrow",sans-serif}.project-annotation,.project-sticker{position:absolute;z-index:2;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.project-annotation{color:#087b49;text-shadow:0 1px 7px #fff}.annotation-rebuild{right:-5%;top:4%;transform:rotate(5deg)}.annotation-booking{left:-9%;bottom:28%;transform:rotate(-6deg)}.annotation-admin{right:-4%;bottom:7%;transform:rotate(4deg)}.project-sticker{left:-4%;top:68%;padding:.5rem .6rem;color:#fff;border:2px solid #fffdf4;background:var(--navy);box-shadow:3px 4px 0 var(--green);line-height:1.05;transform:rotate(-6deg)}
.featured-case .featured-visual{aspect-ratio:1456/1088}
@media(max-width:1000px){.featured-work.featured-case{grid-template-columns:1fr}.featured-case .featured-copy{order:-1;max-width:780px}.featured-case .featured-visual{width:min(100%,850px);margin:1rem auto 0}.annotation-booking{left:1%}}
@media(max-width:760px){.featured-case .project-stats{gap:.9rem}.project-stats>div{padding-right:.75rem}.project-stats b{font-size:2.5rem}.project-stats span{font-size:.65rem}.featured-case .featured-visual{padding:7px;border-width:5px;box-shadow:7px 8px 0 var(--green)}.project-index{left:-1rem;top:-2.8rem;font-size:7rem}.project-annotation{font-size:.53rem}.annotation-rebuild{right:0}.annotation-booking{left:0;bottom:22%}.annotation-admin{right:0;bottom:3%}.project-sticker{left:3%;top:65%;font-size:.56rem}.featured-case .project-summary{font-size:1.15rem}}

/* CW Estate Agents: quieter, property-editorial counterpart to the football project. */
.cw-case{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,6vw,7rem);align-items:center;padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));overflow:hidden;color:#3d3d3f;background-color:#fffaf4;background-image:radial-gradient(rgba(245,176,200,.42) .75px,transparent .9px),linear-gradient(90deg,transparent 49.9%,rgba(61,61,63,.07) 50%,transparent 50.1%);background-size:7px 7px,100% 100%}.cw-copy{position:relative;z-index:2}.cw-case .project-type{color:#b45478}.cw-case h2{margin:0;text-transform:uppercase;font:italic 900 clamp(3.8rem,5.6vw,6.5rem)/.82 Impact,"Arial Narrow",sans-serif}.cw-case h2 strong{color:#3d3d3f;text-decoration:underline 5px #f5b0c8;text-underline-offset:.12em}.cw-summary{max-width:540px;margin:1.4rem 0;font-size:clamp(1.22rem,1.65vw,1.5rem);font-weight:800;line-height:1.45}.cw-outcome{display:grid;gap:.55rem;max-width:420px;margin:1.6rem 0;padding:1rem 1.1rem;border-left:5px solid #f5b0c8;background:rgba(245,176,200,.16)}.cw-outcome b{font:italic 900 1.55rem/.9 Impact,"Arial Narrow",sans-serif;text-transform:uppercase}.cw-outcome span{line-height:1.45}.cw-features{display:grid;gap:.45rem;max-width:610px;margin:1.6rem 0;padding:.85rem 0;border-top:2px solid #3d3d3f;border-bottom:2px solid #3d3d3f;font-size:.76rem;line-height:1.55}.cw-features b{letter-spacing:.1em;text-transform:uppercase}.cw-facts{margin:1.7rem 0}.cw-facts>div{padding:1rem 0;border-top:1px solid rgba(61,61,63,.25)}.cw-facts dt{margin-bottom:.35rem;color:#b45478;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cw-facts dd{margin:0;line-height:1.55}.cw-visual{position:relative;isolation:isolate;padding:12px;border:6px solid #3d3d3f;background:#fffdf8;box-shadow:12px 13px 0 #f5b0c8,0 22px 22px rgba(61,61,63,.12);transform:rotate(1deg);transition:transform .25s ease,box-shadow .25s ease}.cw-visual:hover{transform:rotate(0) scale(1.015);box-shadow:15px 16px 0 #f5b0c8,0 25px 25px rgba(61,61,63,.16)}.cw-visual img{width:100%;display:block}.cw-index{position:absolute;z-index:-1;right:-3rem;top:-5rem;color:rgba(61,61,63,.1);font:italic 900 clamp(8rem,15vw,16rem)/1 Impact,"Arial Narrow",sans-serif}.cw-annotation,.cw-sticker{position:absolute;z-index:2;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.cw-annotation{color:#a9456d;text-shadow:0 1px 7px #fff}.cw-property{right:-5%;top:7%;transform:rotate(5deg)}.cw-chester{left:-8%;bottom:22%;transform:rotate(-6deg)}.cw-sticker{left:-4%;top:68%;padding:.52rem .62rem;color:#fff;border:2px solid #fffdf8;background:#3d3d3f;box-shadow:3px 4px 0 #f5b0c8;line-height:1.05;transform:rotate(-6deg)}
@media(max-width:1000px){.cw-case{grid-template-columns:1fr}.cw-copy{order:-1;max-width:780px}.cw-visual{width:min(100%,850px);margin:1rem auto 0}.cw-chester{left:1%}}
@media(max-width:760px){.cw-case{padding:4.5rem 20px;gap:2.4rem}.cw-case h2{font-size:clamp(3.2rem,13vw,4.8rem)}.cw-summary{font-size:1.12rem}.cw-visual{padding:6px;border-width:4px;box-shadow:7px 8px 0 #f5b0c8}.cw-index{right:-1rem;top:-2.5rem;font-size:7rem}.cw-annotation{font-size:.52rem}.cw-property{right:0}.cw-chester{left:0;bottom:18%}.cw-sticker{left:3%;top:66%;font-size:.55rem}}

/* Cocoa & Crumbs: warm product-led collage with restrained bakery cues. */
.cocoa-case{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(3rem,6vw,7rem);align-items:center;padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));overflow:hidden;color:#48272b;background-color:#fffaf4;background-image:radial-gradient(rgba(154,81,88,.18) .7px,transparent .85px);background-size:7px 7px}.cocoa-copy{position:relative;z-index:2}.cocoa-case .project-type{color:#98535b}.cocoa-case h2{margin:0;text-transform:uppercase;font:italic 900 clamp(3.8rem,5.6vw,6.5rem)/.82 Impact,"Arial Narrow",sans-serif}.cocoa-case h2 strong{color:#98535b;text-decoration:underline 4px #e7b9a6;text-underline-offset:.14em}.cocoa-summary{max-width:530px;margin:1.4rem 0;font-size:clamp(1.22rem,1.65vw,1.5rem);font-weight:800;line-height:1.45}.cocoa-outcome{display:grid;gap:.55rem;max-width:420px;margin:1.6rem 0;padding:1rem 1.1rem;border-left:5px solid #e7b9a6;background:rgba(231,185,166,.18)}.cocoa-outcome b{font:italic 900 1.55rem/.9 Impact,"Arial Narrow",sans-serif;text-transform:uppercase}.cocoa-outcome span{line-height:1.45}.cocoa-features{display:grid;gap:.45rem;max-width:620px;margin:1.6rem 0;padding:.85rem 0;border-top:2px solid #48272b;border-bottom:2px solid #48272b;font-size:.76rem;line-height:1.55}.cocoa-features b{letter-spacing:.1em;text-transform:uppercase}.cocoa-facts{margin:1.7rem 0}.cocoa-facts>div{padding:1rem 0;border-top:1px solid rgba(72,39,43,.25)}.cocoa-facts dt{margin-bottom:.35rem;color:#98535b;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cocoa-facts dd{margin:0;line-height:1.55}.cocoa-visual{position:relative;isolation:isolate;padding:12px;border:6px solid #48272b;background:#fffdf8;box-shadow:12px 13px 0 #e7b9a6,0 22px 22px rgba(72,39,43,.12);transform:rotate(-1deg);transition:transform .25s ease,box-shadow .25s ease}.cocoa-visual:hover{transform:rotate(0) scale(1.015);box-shadow:15px 16px 0 #e7b9a6,0 25px 25px rgba(72,39,43,.16)}.cocoa-visual img{width:100%;display:block}.cocoa-index{position:absolute;z-index:-1;left:-3rem;top:-5rem;color:rgba(72,39,43,.1);font:italic 900 clamp(8rem,15vw,16rem)/1 Impact,"Arial Narrow",sans-serif}.cocoa-annotation,.cocoa-sticker{position:absolute;z-index:2;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.cocoa-annotation{color:#98535b;text-shadow:0 1px 7px #fff}.cocoa-premium{right:-5%;top:7%;transform:rotate(5deg)}.cocoa-cakes{left:-9%;bottom:25%;transform:rotate(-6deg)}.cocoa-enquiries{right:-4%;bottom:7%;transform:rotate(4deg)}.cocoa-sticker{left:-4%;top:67%;padding:.52rem .62rem;color:#fff;border:2px solid #fffdf8;background:#48272b;box-shadow:3px 4px 0 #e7b9a6;line-height:1.05;transform:rotate(-6deg)}
@media(max-width:1000px){.cocoa-case{grid-template-columns:1fr}.cocoa-copy{order:-1;max-width:780px}.cocoa-visual{width:min(100%,850px);margin:1rem auto 0}.cocoa-cakes{left:1%}}
@media(max-width:760px){.cocoa-case{padding:4.5rem 20px;gap:2.4rem}.cocoa-case h2{font-size:clamp(3.2rem,13vw,4.8rem)}.cocoa-summary{font-size:1.12rem}.cocoa-visual{padding:6px;border-width:4px;box-shadow:7px 8px 0 #e7b9a6}.cocoa-index{left:-1rem;top:-2.5rem;font-size:7rem}.cocoa-annotation{font-size:.52rem}.cocoa-premium{right:0}.cocoa-cakes{left:0;bottom:19%}.cocoa-enquiries{right:0;bottom:3%}.cocoa-sticker{left:3%;top:66%;font-size:.55rem}}

/* Preserve the supplied project artwork exactly; no cropped or stretched treatment. */
.cw-visual,.cocoa-visual{aspect-ratio:1456/1088;display:grid;place-items:center}.cw-visual img,.cocoa-visual img{width:100%;height:100%;object-fit:contain}.featured-case .project-actions .button,.cw-case .project-actions .button,.cocoa-case .project-actions .button{display:none}

/* Vale Royal River Park: a darker operational case study with the workflow outcome up front. */
.vale-case{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,6vw,7rem);align-items:center;padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));overflow:hidden;color:#fff;background-color:var(--navy);background-image:radial-gradient(rgba(17,227,119,.16) .7px,transparent .85px);background-size:7px 7px}.vale-copy{position:relative;z-index:2}.vale-case .project-type{color:var(--green)}.vale-case h2{margin:0;text-transform:uppercase;font:italic 900 clamp(3.8rem,5.5vw,6.4rem)/.82 Impact,"Arial Narrow",sans-serif}.vale-case h2 strong{color:var(--green)}.vale-summary{max-width:520px;margin:1.4rem 0 .7rem;font-size:clamp(1.22rem,1.65vw,1.5rem);font-weight:800;line-height:1.45}.vale-caption{margin:0 0 1.4rem;color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.vale-stat{display:grid;gap:.15rem;margin:1.4rem 0;padding:1rem 1.1rem;color:var(--navy);border-left:5px solid #fff;background:var(--green);transform:rotate(-1deg)}.vale-stat b{font:italic 900 clamp(4rem,6vw,6rem)/.72 Impact,"Arial Narrow",sans-serif}.vale-stat strong{font:italic 900 1.4rem/.9 Impact,"Arial Narrow",sans-serif;text-transform:uppercase}.vale-stat span{font-size:.8rem;font-weight:800}.vale-change{display:grid;gap:.45rem;margin:1.6rem 0;padding:.85rem 0;border-top:2px solid var(--green);border-bottom:2px solid var(--green);font-size:.76rem;line-height:1.55}.vale-change b{letter-spacing:.1em;text-transform:uppercase}.vale-facts{margin:1.6rem 0}.vale-facts>div{padding:1rem 0;border-top:1px solid rgba(255,255,255,.24)}.vale-facts dt{margin-bottom:.35rem;color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.vale-facts dd{margin:0;line-height:1.55}.vale-visual{position:relative;isolation:isolate;padding:12px;border:6px solid #fffdf4;background:#fffdf4;box-shadow:12px 13px 0 var(--green),0 22px 22px rgba(0,0,0,.25);transform:rotate(1deg);transition:transform .25s ease,box-shadow .25s ease}.vale-visual:hover{transform:rotate(0) scale(1.015);box-shadow:15px 16px 0 var(--green),0 25px 25px rgba(0,0,0,.3)}.vale-visual img{display:block;width:100%;aspect-ratio:1536/1088;height:auto;object-fit:contain}.vale-index{position:absolute;z-index:-1;right:-3rem;top:-5rem;color:rgba(17,227,119,.14);font:italic 900 clamp(8rem,15vw,16rem)/1 Impact,"Arial Narrow",sans-serif}.vale-sticker{position:absolute;z-index:2;left:-4%;top:69%;padding:.52rem .62rem;color:#fff;border:2px solid #fffdf4;background:var(--navy);box-shadow:3px 4px 0 var(--green);font-size:.67rem;letter-spacing:.09em;line-height:1.05;text-transform:uppercase;transform:rotate(-6deg)}
.work-page .more-work,.work-page .case-details{display:none}
@media(max-width:1000px){.vale-case{grid-template-columns:1fr}.vale-copy{order:-1;max-width:780px}.vale-visual{width:min(100%,850px);margin:1rem auto 0}}
@media(max-width:760px){.vale-case{padding:4.5rem 20px;gap:2.4rem}.vale-case h2{font-size:clamp(3.2rem,13vw,4.8rem)}.vale-summary{font-size:1.12rem}.vale-visual{padding:6px;border-width:4px;box-shadow:7px 8px 0 var(--green)}.vale-index{right:-1rem;top:-2.5rem;font-size:7rem}.vale-sticker{left:3%;top:66%;font-size:.55rem}}
@media(max-width:760px){.work-page .work-hero{padding:122px 24px 78px;background-image:linear-gradient(90deg,rgba(6,23,39,.98),rgba(6,23,39,.8)),url("assets/comic-texture-v1.webp");background-position:62% center}.work-page .work-hero h1{font-size:clamp(3.3rem,13.5vw,4.8rem);line-height:.9}.work-page .work-hero-copy>p:last-of-type{margin-top:1.4rem;font-size:1.05rem}.work-hero-note{right:7%;top:23%;font-size:.78rem;opacity:.75}.work-hero-projects{bottom:1rem;left:24px}.work-hero-projects:before{width:3rem}}
.featured-work{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:clamp(3rem,6vw,7rem);align-items:center;padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));background:linear-gradient(176deg,var(--navy) 0 26px,transparent 27px),#f7f5ed}.featured-visual{position:relative;aspect-ratio:1440/1000;padding:12px;background:#fff;border:8px solid var(--navy);box-shadow:11px 12px 0 var(--green);clip-path:polygon(2% 0,100% 3%,97% 100%,0 96%);transform:rotate(-1deg)}.featured-visual img{width:100%;height:100%;object-fit:contain;object-position:center;border:2px solid #dfe5e8}.project-type{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900;color:#087b49}.featured-copy h2,.work-section-heading h2,.case-panel h2,.work-cta h2{margin:0;text-transform:uppercase;font:italic 900 clamp(3.2rem,5vw,6rem)/.86 Impact,"Arial Narrow",sans-serif;letter-spacing:.01em}.project-facts{margin:2rem 0}.project-facts>div{padding:1rem 0;border-top:2px solid rgba(6,23,39,.14)}.project-facts dt{text-transform:uppercase;font-weight:900;font-size:.75rem;letter-spacing:.12em;color:#087b49}.project-facts dd{margin:.35rem 0 0;line-height:1.55;max-width:590px}.project-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.live-link{color:var(--navy);font-weight:900;text-underline-offset:5px;text-decoration-thickness:3px;text-decoration-color:var(--green)}
.more-work{position:relative;padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));background:var(--navy);color:#fff;overflow:hidden}.more-work:after{content:"";position:absolute;inset:0;background:url("assets/halftone-overlay.webp") center/cover;opacity:.1;pointer-events:none}.work-section-heading,.project-grid{position:relative;z-index:1}.work-section-heading{margin-bottom:3rem}.work-section-heading h2{font-size:clamp(3rem,5vw,5.5rem)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project-card{background:#fff;color:var(--ink);border:7px solid #fff;box-shadow:9px 10px 0 var(--green);transform:rotate(.4deg)}.workflow-visual{min-height:330px;padding:3rem;display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(145deg,#07382f,#061727);overflow:hidden}.workflow-visual span{display:grid;place-items:center;min-height:90px;padding:1rem;background:#fff;border:4px solid var(--ink);box-shadow:6px 7px 0 var(--green);font-weight:900;text-align:center;transform:rotate(-2deg)}.workflow-visual span:nth-of-type(2){transform:rotate(2deg)}.workflow-visual i{color:var(--green);font:900 2rem Impact,sans-serif}.project-card-copy{padding:2rem}.project-card-copy h3{margin:.2rem 0 .8rem;font:italic 900 clamp(2.2rem,3vw,3.5rem)/.95 Impact,sans-serif;text-transform:uppercase}.project-card-copy>p:not(.project-type){max-width:620px;line-height:1.6}.project-card-copy>a{display:inline-flex;gap:1rem;margin-top:.5rem;color:var(--navy);font-weight:900;text-decoration-thickness:3px;text-decoration-color:var(--green);text-underline-offset:5px}
.case-details{padding:clamp(5rem,8vw,8rem) max(4vw,calc((100vw - var(--max))/2));display:grid;gap:2rem;background:#f7f5ed}.case-panel{padding:clamp(2rem,4vw,4.5rem);background:#fff;border:6px solid var(--navy);box-shadow:10px 11px 0 var(--green);scroll-margin-top:110px}.case-panel-green{background:var(--green)}.case-panel header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:2rem;border-bottom:3px solid var(--navy)}.case-panel header>span{font:italic 900 3rem Impact,sans-serif;color:#087b49}.case-panel h2{font-size:clamp(3rem,5vw,5.4rem)}.case-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2.2rem 0}.case-columns h3{margin:0 0 .7rem;text-transform:uppercase;font:italic 900 1.6rem Impact,sans-serif}.case-columns p{margin:0;line-height:1.65}.case-panel .button{margin-top:.5rem}
.work-cta{position:relative;padding:clamp(4rem,7vw,7rem) max(5vw,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#fff;border-top:7px solid #fff;border-bottom:7px solid #fff;overflow:hidden}.work-cta h2{font-size:clamp(3.5rem,6vw,7rem)}.work-cta>*{position:relative;z-index:1}.work-cta .button{font-size:1.15rem;padding:1.25rem 2.2rem}.work-page footer{color:#fff;background:var(--navy)}
@media(max-width:1000px){.featured-work{grid-template-columns:1fr}.featured-copy{max-width:780px}.project-grid{grid-template-columns:1fr}.case-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.work-hero{min-height:0;padding:120px 20px 65px}.work-hero h1{font-size:clamp(3.4rem,14vw,5.2rem)}.work-hero-copy>p:last-child{font-size:1.05rem}.featured-work{gap:2.6rem;padding:4.5rem 20px}.featured-visual{border-width:5px;box-shadow:7px 8px 0 var(--green)}.featured-copy h2,.work-section-heading h2,.case-panel h2{font-size:clamp(2.8rem,12vw,4.5rem)}.project-facts dd{font-size:.96rem}.more-work,.case-details{padding:4.5rem 20px}.workflow-visual{min-height:280px;padding:2rem 1rem;gap:.45rem}.workflow-visual span{min-height:76px;padding:.6rem;font-size:.75rem;border-width:3px}.workflow-visual i{font-size:1.2rem}.project-card{box-shadow:6px 7px 0 var(--green)}.project-card-copy{padding:1.5rem}.case-panel{padding:1.6rem;border-width:4px;box-shadow:6px 7px 0 var(--green)}.case-panel header{gap:1rem}.case-panel header>span{font-size:2rem}.case-columns{grid-template-columns:1fr;gap:1.6rem}.work-cta{align-items:flex-start;flex-direction:column;padding:4.5rem 20px}.work-cta h2{font-size:clamp(3.2rem,14vw,5rem)}}
