@import url("palette.css");
/* Review direction: Work, in the wild. Page styles stay outside shared components. */
.work-story-page{background:var(--merge-dark-green);color:var(--merge-web);--ws-green:var(--merge-dark-green);--ws-mint:var(--merge-mint);--ws-paper:var(--merge-warm-gray)}
.work-story-page [hidden]{display:none!important}
.work-story-page .ws-header{position:absolute;mix-blend-mode:normal;padding:18px 3.5vw 10px 1.7vw;color:var(--merge-web)}
.work-story-page.is-work-ready .ws-header{position:fixed}
.work-story-page[data-scrolled] .ws-header{background:color-mix(in srgb, var(--merge-dark-green) 94.118%, transparent);backdrop-filter:blur(12px)}
.work-story-page[data-head="light"] .ws-header{color:var(--merge-dark-green)}
.work-story-page[data-head="light"][data-scrolled] .ws-header{background:color-mix(in srgb, var(--merge-warm-gray) 94.118%, transparent)}
.work-story-page[data-header-surface="paper"][data-scrolled] .ws-header{background:color-mix(in srgb, var(--merge-warm-gray) 94.118%, transparent)}
.work-story-page[data-head="light"] .ws-header .brand-symbol img{filter:url(#ws-logo-green)}
.work-story-page[data-head="light"] .ws-header .menu-toggle i{border-color:color-mix(in srgb, var(--merge-dark-green) 43.922%, transparent)}
.work-story-page[data-head="light"] .ws-header .menu-toggle:hover i{background:var(--merge-warm-gray)}
.work-story-page[data-head="light"] .ws-header .menu-toggle:hover{color:var(--merge-dark-green)}
.ws-header-label{font-size:10px;letter-spacing:.02em;margin-left:4px;opacity:.7}
.ws-header .brand-lockup{opacity:1}
.ws-header [data-merge-menu]{margin-left:auto}
#work-story-main{overflow:clip}
#work-story-main *{box-sizing:border-box}
#work-story-main h1,#work-story-main h2,#work-story-main h3,#work-story-main p{margin:0}
#work-story-main h1,#work-story-main h2,#work-story-main h3{font-weight:400}
#work-story-main em{font-family:Fraunces,Georgia,serif;font-weight:300;font-style:italic}
#work-story-main button:focus-visible,#work-story-main a:focus-visible,#work-story-main input:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ws-kicker{font-size:10px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
/* Fourteen small prints share one tactile studio surface. */
.ws-hero{position:relative;min-height:max(900px,100svh);padding:135px 4.5vw 75px;isolation:isolate;background:var(--merge-warm-gray);color:var(--merge-dark-green)}
.ws-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.09;mix-blend-mode:multiply}
.ws-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.13}
.ws-thread path{fill:none;stroke:var(--merge-charcoal);stroke-width:1;vector-effect:non-scaling-stroke}
.ws-hero-heading{position:absolute;z-index:1;left:50%;top:49%;width:30%;transform:translate(-50%,-50%);text-align:center}
#work-story-main #ws-title{font-size:clamp(58px,5vw,86px);line-height:.98;letter-spacing:-.075em;margin:0}
#ws-title>span{display:block}
#ws-title>em{display:block;font-size:1.05em;letter-spacing:-.075em;color:var(--merge-dark-green);line-height:.9;margin-top:10px}
.ws-stage{display:contents}
.ws-slide{position:absolute;z-index:2;width:clamp(150px,12.6vw,210px);padding:7px 7px 3px;background:var(--merge-web);box-shadow:2px 4px 6px color-mix(in srgb, var(--merge-dark-green) 7.843%, transparent),5px 12px 23px color-mix(in srgb, var(--merge-dark-green) 12.941%, transparent);transform:rotate(var(--postcard-angle));transform-origin:50% 50%;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s}
.ws-slide[data-slide="0"]{left:3.5%;top:17%;--postcard-angle:-8deg}
.ws-slide[data-slide="1"]{left:24%;top:14%;--postcard-angle:6deg}
.ws-slide[data-slide="2"]{right:24%;top:14%;--postcard-angle:-6deg}
.ws-slide[data-slide="3"]{right:3.5%;top:19%;--postcard-angle:8deg}
.ws-slide[data-slide="4"]{left:3.7%;top:41%;--postcard-angle:5deg}
.ws-slide[data-slide="5"]{left:20%;top:43%;--postcard-angle:-5deg}
.ws-slide[data-slide="6"]{right:20%;top:41%;--postcard-angle:5deg}
.ws-slide[data-slide="7"]{right:3.7%;top:44%;--postcard-angle:-5deg}
.ws-slide[data-slide="8"]{left:3.5%;top:67%;--postcard-angle:-7deg}
.ws-slide[data-slide="9"]{left:24%;top:73%;--postcard-angle:5deg}
.ws-slide[data-slide="10"]{right:24%;top:72%;--postcard-angle:-5deg}
.ws-slide[data-slide="11"]{right:3.5%;top:68%;--postcard-angle:7deg}
.ws-slide[data-slide="12"]{left:43%;top:14%;--postcard-angle:-4deg}
.ws-slide[data-slide="13"]{left:43.7%;top:76%;--postcard-angle:3deg}
.ws-postcard-link{display:block;color:inherit;text-decoration:none}
.ws-postcard-link:is(:hover,:focus-visible){color:var(--merge-viridian)}
.ws-stage .ws-feature-image{position:relative;display:block;aspect-ratio:1.5;background:var(--merge-warm-gray);overflow:hidden;transform:none;box-shadow:none}
.ws-feature-image>img{width:100%;height:100%;display:block;object-fit:cover}
.ws-slide[data-project="t-mobile"] .ws-feature-image{background:#dd1882}
.ws-slide[data-project="irhythm"] .ws-feature-image{background:var(--merge-dark-green)}
.ws-stage .ws-feature-image>.ws-client-logo{position:absolute;left:6px;top:6px;z-index:2;width:75px;height:32px;padding:6px 8px;transform:none;box-shadow:2px 3px 0 color-mix(in srgb, var(--merge-dark-green) 14.902%, transparent)}
.ws-stage .ws-feature-image>.logo-gone-rogue{width:44px;height:38px;padding:4px}
.ws-stage .ws-feature-image>.logo-burton{width:37px;height:36px;padding:5px}
.ws-stage .ws-feature-image>.logo-michigan{width:85px;height:29px;padding:6px}
.ws-stage .ws-feature-image>.logo-cancer{width:80px;height:45px;padding:6px;background:var(--merge-dark-green)}
.ws-image-action{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--merge-viridian);color:var(--merge-on-viridian);font-size:18px;line-height:1}
.ws-feature-caption{display:flex;align-items:center;min-height:33px;padding:6px 2px}
.ws-feature-caption h2{font-size:12px;line-height:1.3;letter-spacing:-.025em;font-weight:500!important}
.work-story-page[data-postcard-motion] .ws-slide:focus-within{z-index:4;transform:translateY(-7px) rotate(0deg) scale(1.035);box-shadow:4px 8px 12px color-mix(in srgb, var(--merge-dark-green) 9.412%, transparent),8px 19px 28px color-mix(in srgb, var(--merge-dark-green) 14.902%, transparent)}
@media(hover:hover) and (pointer:fine){.work-story-page[data-postcard-motion] .ws-slide:hover{z-index:4;transform:translateY(-7px) rotate(0deg) scale(1.035);box-shadow:4px 8px 12px color-mix(in srgb, var(--merge-dark-green) 9.412%, transparent),8px 19px 28px color-mix(in srgb, var(--merge-dark-green) 14.902%, transparent)}}
.work-story-page:not([data-postcard-motion]) .ws-slide{transition:none}
.work-story-page[data-postcard-toss] .ws-slide{touch-action:pan-y;transition:box-shadow .2s;user-select:none;-webkit-user-select:none}
.work-story-page[data-postcard-toss] .ws-postcard-link{cursor:grab;touch-action:pan-y;-webkit-user-drag:none}
.work-story-page[data-postcard-toss] .ws-slide:is(:hover,:focus-within){transform:rotate(var(--postcard-angle));box-shadow:4px 8px 12px color-mix(in srgb, var(--merge-dark-green) 9.412%, transparent),8px 19px 28px color-mix(in srgb, var(--merge-dark-green) 14.902%, transparent)}
.work-story-page[data-postcard-toss] .ws-slide:is(.is-dragging,.is-keyboard-held){cursor:grabbing;box-shadow:5px 14px 17px color-mix(in srgb, var(--merge-dark-green) 12.549%, transparent),13px 29px 38px color-mix(in srgb, var(--merge-dark-green) 21.961%, transparent)}
.work-story-page[data-postcard-toss] .ws-slide:is(.is-dragging,.is-keyboard-held) .ws-postcard-link{cursor:grabbing}
.work-story-page[data-postcard-toss] .ws-hero-heading{z-index:10000;pointer-events:none}
.ws-toss-prompt{display:none}.work-story-page[data-postcard-toss] .ws-toss-prompt{display:inline}.work-story-page[data-postcard-toss] .ws-static-prompt{display:none}
.ws-cross{position:absolute;z-index:-1;right:3vw;bottom:32px;font-size:30px;line-height:1;color:var(--merge-dark-green)}
@media(max-width:1199px){
 .ws-hero{min-height:0;padding:135px 7vw 90px}
 .ws-hero-heading{position:relative;left:auto;top:auto;width:100%;max-width:650px;margin:0 auto 45px;transform:none}
 #work-story-main #ws-title{font-size:clamp(58px,7vw,80px)}
 #ws-title>span{display:inline}#ws-title>span:first-child:after{content:' '}
 #ws-title>em{margin-top:7px}#ws-title>em br{display:none}
 .ws-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 6%;align-items:start}
 .ws-slide{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;max-width:240px;justify-self:center;--postcard-angle:-4deg!important}
 .ws-slide:nth-child(3n+2){margin-top:22px;--postcard-angle:4deg!important}
 .ws-slide:nth-child(3n){margin-top:7px;--postcard-angle:-2deg!important}
}
@media(max-width:600px){
 .ws-hero{padding:118px 6vw 65px}.ws-hero-heading{margin-bottom:36px}
 #work-story-main #ws-title{font-size:clamp(46px,12vw,66px);line-height:1.02}
 #ws-title>span{display:block}#ws-title>em{line-height:.95}#ws-title>em br{display:block}
 .ws-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 7%}
 .ws-slide{padding:6px 6px 2px;margin-top:0!important;--postcard-angle:-3deg!important}.ws-slide:nth-child(even){margin-top:18px!important;--postcard-angle:3deg!important}
 .ws-stage .ws-feature-image>.ws-client-logo{left:5px;top:5px;width:65px;height:28px;padding:5px 6px}
 .ws-stage .ws-feature-image>.logo-gone-rogue{width:35px;height:32px;padding:3px}.ws-stage .ws-feature-image>.logo-burton{width:31px;height:30px;padding:4px}.ws-stage .ws-feature-image>.logo-michigan{width:73px;height:25px}
 .ws-stage .ws-feature-image>.logo-cancer{width:66px;height:38px;padding:5px}
 .ws-image-action{width:23px;height:23px;font-size:17px;right:5px;bottom:5px}
 .ws-feature-caption{min-height:31px;padding:6px 1px}.ws-feature-caption h2{font-size:11px;line-height:1.3}
}
.ws-gallery{position:relative;isolation:isolate;background:var(--merge-dark-green);color:var(--merge-warm-gray);padding:100px 5.5vw 70px;scroll-margin-top:0;overflow:hidden}






.ws-projects{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:6vw;row-gap:105px;align-items:start}
.ws-project{grid-column:span 7;min-width:0;scroll-margin-top:125px;--poster:var(--merge-viridian);--poster-ink:var(--merge-on-viridian);--poster-turn:-1.8deg}
.ws-project-land{--poster:var(--merge-viridian);--poster-ink:var(--merge-on-viridian);--poster-turn:-1.8deg}
.ws-project-tmobile{--poster:#d8006b;--poster-ink:var(--merge-web);--poster-turn:2.2deg}
.ws-project-ge{--poster:var(--merge-warm-gray);--poster-ink:var(--merge-dark-green);--poster-turn:1.4deg}
.ws-project-irhythm{--poster:var(--merge-forest-green);--poster-ink:var(--merge-web);--poster-turn:-1.3deg}
.ws-project-rogue{--poster:var(--merge-warm-gray);--poster-ink:var(--merge-dark-green);--poster-turn:-2deg}
.ws-project-carrabbas{--poster:var(--merge-dark-green);--poster-ink:var(--merge-web);--poster-turn:2deg}
.ws-project-michigan{--poster:var(--merge-web);--poster-ink:var(--merge-dark-green);--poster-turn:1.6deg}
.ws-project-kraft{--poster:var(--merge-viridian);--poster-ink:var(--merge-on-viridian);--poster-turn:-1.5deg}
.ws-project-bvi{--poster:var(--merge-warm-gray);--poster-ink:var(--merge-dark-green);--poster-turn:-1.2deg}
.ws-project-black-diamond{--poster:var(--merge-forest-green);--poster-ink:var(--merge-web);--poster-turn:1.7deg}
.ws-project-burton{--poster:var(--merge-viridian);--poster-ink:var(--merge-on-viridian);--poster-turn:1.5deg}
.ws-project-cancer-grand-challenges{--poster:var(--merge-web);--poster-ink:var(--merge-dark-green);--poster-turn:-1.7deg}
.ws-project-lg{--poster:var(--merge-dark-green);--poster-ink:var(--merge-web);--poster-turn:-1.2deg}
.ws-project-kroger{--poster:var(--merge-warm-gray);--poster-ink:var(--merge-dark-green);--poster-turn:1.5deg}
.ws-project:nth-child(4n+2),.ws-project:nth-child(4n+3){grid-column:span 5}
.ws-project:nth-child(4n+2){margin-top:170px}
.ws-project:nth-child(4n+4){margin-top:90px}
.ws-gallery.has-search[data-view="wall"] .ws-project{grid-column:span 6;margin-top:0}
.ws-gallery.has-search[data-view="wall"] .ws-project .ws-project-image{aspect-ratio:1.39}
.ws-project-poster{position:relative;background:var(--poster);color:var(--poster-ink);padding-bottom:22px;transform:rotate(var(--poster-turn));box-shadow:8px 16px 0 #0002,0 25px 65px #0003;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.ws-project-poster:hover,.ws-project-poster:focus-within{transform:rotate(0) translateY(-7px);box-shadow:4px 9px 0 #0002,0 35px 75px #0005}
.ws-project-poster>a{position:relative;display:block;color:inherit;padding:23px 23px 20px}
#work-story-main .ws-project-poster>a:focus-visible{outline:3px solid var(--merge-mint);outline-offset:9px}
.ws-project-brand{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:21px}
.ws-client-logo{display:flex;align-items:center;justify-content:center;background:var(--merge-web);flex-shrink:0;width:174px;height:77px;padding:16px 20px;box-shadow:3px 3px 0 #0001}
.ws-client-logo>svg{display:block;width:100%;height:100%;overflow:visible}
.ws-client-name{display:block;max-width:75%;font:600 clamp(19px,2.1vw,32px)/1.15 Epilogue,Arial,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}
.ws-client-logo.logo-tmobile{background:#e20074;box-shadow:none}
.ws-client-logo.logo-gone-rogue{width:130px;height:110px;background:var(--merge-dark-green);padding:11px 17px}
.ws-client-logo.logo-michigan{width:198px;padding:14px 17px}
.ws-client-logo.logo-ge{padding:15px 18px}
.ws-client-logo.logo-kraft{padding:19px 17px}
.ws-client-logo.logo-cancer{width:180px;height:100px;padding:13px 17px}
.ws-client-logo.logo-burton{width:95px;height:85px;padding:12px}
.ws-brand-edition{font-size:8px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;text-align:right}
.ws-feature-image>.ws-client-logo{position:absolute;left:20px;top:20px;z-index:2;width:156px;height:68px;padding:13px 17px;transform:rotate(4deg);box-shadow:3px 5px 0 color-mix(in srgb, var(--merge-dark-green) 20%, transparent)}
.ws-project-image{position:relative;overflow:hidden;aspect-ratio:1.39;background:var(--merge-dark-green);isolation:isolate;transform:translateZ(0)}
.ws-project:nth-child(4n+2) .ws-project-image,.ws-project:nth-child(4n+3) .ws-project-image{aspect-ratio:1.02}
.ws-project-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,.68,0,1);will-change:auto}
.ws-project-tmobile .ws-project-image>img{object-position:53% center}
.ws-project-irhythm .ws-project-image>img{object-fit:contain;background:var(--merge-dark-green)}
.ws-project-poster>a:hover .ws-project-image>img,.ws-project-poster>a:focus-visible .ws-project-image>img{transform:scale(1.045)}
.ws-project-number{display:none}
.ws-project-open{position:absolute;bottom:17px;right:17px;width:57px;height:57px;border-radius:50%;background:var(--poster);color:var(--poster-ink);display:grid;place-items:center;font-size:32px;transition:transform .3s,background .3s}
.ws-project-poster>a:hover .ws-project-open{transform:rotate(45deg);background:var(--merge-web);color:var(--merge-dark-green)}
.ws-project-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin:19px 0 20px;font-size:9px;line-height:1.6;letter-spacing:.02em}
.ws-project-meta>span:first-child{font-weight:600}
.ws-project-meta>span:last-child{color:inherit;opacity:.8}
.ws-project h3{font-size:clamp(32px,3.6vw,60px);line-height:1.04;letter-spacing:-.06em}
.ws-project h3 em{font-size:1.12em}
#work-story-main .ws-project-description{max-width:330px;font-size:11px;line-height:1.7;color:inherit;opacity:.8;margin-top:18px}
#work-story-main .ws-project-result{margin-top:27px;max-width:390px;line-height:1.6;font-size:11px;border-top:1px solid currentColor;padding-top:17px}
.ws-project-result>strong{font-size:34px;letter-spacing:-.075em;font-weight:400;line-height:1.1;margin-right:8px}
.ws-project-result>small{display:block;font-size:9px;color:inherit;opacity:.8;margin-top:7px}
.ws-case-link{display:flex;justify-content:space-between;align-items:center;max-width:220px;font-size:10px;border-bottom:1px solid currentColor;padding:15px 0 8px;margin-top:10px}
.ws-case-link>span{font-size:20px;line-height:1}
.ws-project-poster>a:hover .ws-case-link{border-color:currentColor}
.ws-empty{padding:90px 0;min-height:270px}
.ws-empty h3{font-size:45px;letter-spacing:-.05em}
.ws-empty p{font-size:12px;margin-top:15px!important}
.ws-collection-close{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid color-mix(in srgb, var(--merge-mint) 40%, transparent);padding-top:32px;margin-top:120px;font-size:12px;line-height:1.7}
.ws-collection-close>a{display:flex;align-items:center;gap:30px;padding:15px 0;border-bottom:1px solid currentColor;flex-shrink:0;font-size:11px}
.ws-collection-close>a:hover{color:var(--merge-mint)}
.ws-collection-close>a>span{font-size:24px;line-height:1}
.ws-invitation{position:relative;background:var(--merge-warm-gray);color:var(--merge-dark-green);padding:80px 5.5vw 105px;isolation:isolate;overflow:hidden}
.ws-invitation>div{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:25px}
.ws-invitation h2{font-size:clamp(50px,7vw,120px);line-height:1;letter-spacing:-.06em;position:relative;z-index:1}
.ws-contact{display:flex;align-items:center;gap:35px;background:var(--merge-mint);color:var(--merge-dark-green);border-radius:60px;padding:10px 10px 10px 28px;font-size:21px;flex-shrink:0;position:relative;z-index:1}
.ws-contact>span{display:grid;place-items:center;width:56px;height:56px;font-size:32px;background:var(--merge-dark-green);border-radius:50%;color:var(--merge-mint);transition:transform .3s}
.ws-contact:hover{color:var(--merge-dark-green);background:var(--merge-mint)}
.ws-contact:hover>span{transform:rotate(45deg)}
.ws-invitation-flower{position:absolute;right:14%;top:-.28em;font-size:520px;line-height:1;color:var(--merge-warm-gray);z-index:-1;transform:rotate(13deg)}
.ws-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The same collection can become a compact, image-led index. */
[data-view="index"] .ws-projects{display:block}
[data-view="index"] .ws-project-poster{display:contents;color:var(--merge-warm-gray)}

[data-view="index"] .ws-project{margin:0;border-bottom:1px solid color-mix(in srgb, var(--merge-mint) 25.098%, transparent)}
[data-view="index"] .ws-project-poster>a{display:grid;grid-template-columns:130px 155px minmax(0,1fr) 38px;align-items:center;gap:14px 30px;padding:25px 0;background:transparent;color:var(--merge-warm-gray);box-shadow:none;transform:none}
[data-view="index"] .ws-project-poster>a:hover{background:var(--merge-dark-green);transform:none;box-shadow:none}
[data-view="index"] .ws-project .ws-project-image{grid-column:1;grid-row:1/3;aspect-ratio:1.1}
[data-view="index"] .ws-project-image>img{object-fit:cover}
[data-view="index"] .ws-project-number{top:7px;left:7px;width:24px;height:24px;font-size:7px}
[data-view="index"] .ws-project-open{display:none}
[data-view="index"] .ws-project-brand{grid-column:2;grid-row:1;margin:0;align-self:end}
[data-view="index"] .ws-client-logo{width:145px;height:58px;padding:12px 15px}
[data-view="index"] .ws-client-logo.logo-gone-rogue{width:100px;height:85px;padding:8px}
[data-view="index"] .ws-brand-edition{display:none}
[data-view="index"] .ws-client-name{max-width:100%;font-size:17px;line-height:1.25}
[data-view="index"] .ws-project-meta{grid-column:2;grid-row:2;display:flex;flex-direction:column;margin:0;gap:3px;font-size:8px;align-self:start}
[data-view="index"] .ws-project h3{grid-column:3;grid-row:1;font-size:clamp(26px,2.65vw,42px)}
[data-view="index"] .ws-project h3>br{display:none}
[data-view="index"] .ws-project h3>em:before{content:' '}
[data-view="index"] .ws-project-description,[data-view="index"] .ws-project-result{grid-column:3;margin:0!important;padding:0!important;border:0!important;max-width:none!important}
[data-view="index"] .ws-project-description{display:none}
[data-view="index"] .ws-project-result{font-size:10px!important;grid-row:2;margin-top:0!important;align-self:start}
[data-view="index"] .ws-project-result>strong{font-size:21px}
[data-view="index"] .ws-project-result>small{display:inline;margin-left:4px}
[data-view="index"] .ws-case-link{grid-column:4;grid-row:1/3;font-size:0;border:0;margin:0;padding:0}
[data-view="index"] .ws-case-link>span{font-size:28px}
@media(min-width:1800px){.ws-gallery{padding-left:max(5.5vw,calc((100vw - 1700px)/2));padding-right:max(5.5vw,calc((100vw - 1700px)/2))}}
@media(max-width:1100px) and (min-width:761px){.ws-projects{column-gap:5vw}.ws-project-meta{font-size:8px}.ws-project h3{font-size:4.3vw}[data-view="index"] .ws-project-poster>a{grid-template-columns:120px 130px minmax(0,1fr) 30px;gap:22px}}
@media(max-width:760px){
 .work-story-page .ws-header{padding:10px 6vw 0 0}.ws-header-label{display:none}
 .ws-gallery{padding:65px 6vw 45px;scroll-margin-top:0}
 .ws-projects{display:block}.ws-project{margin:0 0 55px!important}.ws-project:last-child{margin-bottom:0!important}.ws-project-image{aspect-ratio:1.26!important}.ws-project:nth-child(even){margin-left:10%!important}.ws-project:nth-child(4n+3){margin-right:10%!important}.ws-project-meta{font-size:7px;gap:6px 12px;margin:16px 0}.ws-project h3{font-size:10vw;line-height:1.04}.ws-project-number{width:28px;height:28px;font-size:8px;top:12px;left:12px}.ws-project-open{width:45px;height:45px;font-size:26px;right:12px;bottom:12px}
 .ws-gallery.has-search[data-view="wall"] .ws-project{margin:0 0 55px!important}
 #work-story-main .ws-project-description{font-size:10px;margin-top:15px;max-width:290px}.ws-project-result{margin-top:21px!important;padding-top:14px!important;font-size:10px!important}.ws-project-result>strong{font-size:30px}.ws-project-result>small{font-size:8px}.ws-case-link{font-size:9px;max-width:200px;padding-top:14px;margin-top:7px}
 .ws-collection-close{display:block;margin-top:55px;padding-top:25px;font-size:10px}.ws-collection-close>a{font-size:10px;width:fit-content;margin-top:18px;gap:45px}
 .ws-invitation{padding:50px 6vw 55px}.ws-invitation>.ws-kicker{font-size:8px}.ws-invitation>div{display:block;margin-top:25px}.ws-invitation h2{font-size:12vw;line-height:1.02}.ws-contact{width:fit-content;font-size:17px;gap:40px;margin-top:30px;padding-left:22px}.ws-contact>span{width:48px;height:48px;font-size:28px}.ws-invitation-flower{font-size:350px;right:-25%;top:0}
 [data-view="index"] .ws-project{margin:0!important}.ws-gallery[data-view="index"] .ws-project-poster>a{grid-template-columns:75px minmax(0,1fr) 22px;gap:10px 16px;padding:20px 0}.ws-gallery[data-view="index"] .ws-project-image{grid-column:1;grid-row:1/3;aspect-ratio:.9!important}.ws-gallery[data-view="index"] .ws-project-meta{grid-column:2;grid-row:1;flex-direction:row;gap:3px 10px;font-size:7px;align-self:end}.ws-gallery[data-view="index"] .ws-project h3{grid-column:2;grid-row:2;font-size:22px;align-self:start;line-height:1.1}.ws-gallery[data-view="index"] .ws-project-number{display:none}.ws-gallery[data-view="index"] .ws-case-link{grid-column:3;grid-row:1/3}.ws-gallery[data-view="index"] .ws-case-link>span{font-size:22px}.ws-gallery[data-view="index"] .ws-project-result{grid-column:2/-1;grid-row:3;margin:5px 0 0!important;font-size:8px!important;line-height:1.5}.ws-gallery[data-view="index"] .ws-project-result>strong{font-size:18px}.ws-gallery[data-view="index"] .ws-project-result>small{font-size:7px;display:block;margin-left:0;margin-top:5px}
}
/* One search bar serves the complete collection; tags remain separate from case-study links. */
.ws-browser-controls{position:relative;z-index:2;display:grid;gap:12px;margin-bottom:42px}
#ws-search-form{display:block;width:100%;min-width:0}
.ws-search-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.48fr) minmax(170px,.4fr) minmax(160px,.4fr);align-items:center;min-width:0;border:1px solid color-mix(in srgb, var(--merge-mint) 25.098%, transparent);border-radius:8px;background:color-mix(in srgb, var(--merge-dark-green) 50.196%, transparent)}
.ws-search-field{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 20px}
.ws-search-field>svg{flex-shrink:0;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.3}
#ws-search{font:400 16px/1.4 Epilogue,Arial,sans-serif;color:var(--merge-warm-gray);border:0;border-radius:0;padding:12px 0;min-height:48px;background:transparent;width:100%;min-width:0;-webkit-appearance:none;appearance:none}
#ws-search::placeholder{color:var(--merge-pale-mint);opacity:1}
.ws-filter-field{display:grid;gap:4px;min-width:0;margin:12px 0;padding:0 16px;border-left:1px solid color-mix(in srgb, var(--merge-mint) 18.824%, transparent)}
.ws-filter-field>span{font-size:10px;line-height:1.4;color:var(--merge-pale-mint)}
.ws-filter-field>select{width:100%;min-width:0;min-height:30px;padding:0 15px 0 0;background:transparent;color:var(--merge-warm-gray);border:0;border-radius:0;font:400 13px/1.5 Epilogue,Arial,sans-serif;color-scheme:dark;cursor:pointer}
.ws-filter-field option{background:var(--merge-dark-green);color:var(--merge-warm-gray)}
.ws-filter-field>select:focus-visible{outline:2px solid var(--merge-mint);outline-offset:4px}
.ws-browser-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
#work-story-main .ws-browser-meta .ws-results-status{flex:1;margin:0;padding:0;font-size:11px;line-height:1.6;color:var(--merge-pale-mint)}
#ws-search-clear{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;min-height:40px;padding:6px 0;font-size:11px;color:var(--merge-warm-gray)}
#ws-search-clear>span{font-size:19px}
#ws-search-clear:hover{text-decoration:underline;text-underline-offset:4px}
.ws-view-switch{display:flex;gap:4px;flex-shrink:0}
.ws-view-switch>button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;padding:9px 14px;min-height:40px;border:1px solid transparent;border-radius:50px;color:var(--merge-warm-gray)}
.ws-view-switch>button[aria-pressed="true"]{border-color:var(--merge-mint);background:var(--merge-mint);color:var(--merge-dark-green)}
.ws-view-switch svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1}
.ws-view-switch button:hover{background:var(--merge-dark-green);color:var(--merge-warm-gray)}
.ws-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 23px;padding-top:5px}
.ws-project-tags>button{display:block;font-size:8px;line-height:1.5;min-height:32px;padding:7px 11px;border:1px solid currentColor;border-radius:30px;color:inherit;background:transparent;transition:background .2s,color .2s}
.ws-project-tags>button:hover{background:var(--merge-web);color:var(--merge-dark-green)}
#work-story-main .ws-project-tags>button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ws-empty>button{display:flex;align-items:center;gap:30px;margin-top:24px;min-height:48px;padding:10px 18px;background:var(--merge-mint);color:var(--merge-dark-green);border-radius:30px;font-size:12px}
.ws-empty>button>span{font-size:22px}
[data-view="index"] .ws-project-tags{margin:0 65px 22px 315px;color:var(--merge-pale-mint)}
[data-view="index"] .ws-project-poster:hover{transform:none;box-shadow:none}

/* The campaign wall keeps its color and client identity at every size. */
@media(max-width:1100px) and (min-width:761px){
 .ws-project-poster>a{padding:18px 18px 20px}.ws-project-brand{gap:12px;margin-bottom:17px}.ws-client-logo{width:143px;height:65px;padding:13px 16px}.ws-client-logo.logo-michigan{width:160px}.ws-brand-edition{font-size:6px}
 .ws-search-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-search-field{grid-column:1/-1;border-bottom:1px solid color-mix(in srgb, var(--merge-mint) 18.824%, transparent)}.ws-filter-field:nth-child(2){border-left:0}.ws-project-tags{margin-left:18px;margin-right:18px}[data-view="index"] .ws-project-tags{margin-left:274px}
 .ws-gallery[data-view="index"] .ws-project-poster>a{grid-template-columns:95px 135px minmax(0,1fr) 28px;gap:12px 22px}.ws-gallery[data-view="index"] .ws-client-logo{width:130px;height:54px}
}
@media(max-width:760px){
 .ws-feature-image>.ws-client-logo{left:12px;top:12px;width:118px;height:50px;padding:10px 12px;transform:rotate(3deg)}
 .ws-gallery{padding-top:84px}.ws-project{margin-bottom:70px!important}
 .ws-project-poster{padding-bottom:19px;box-shadow:5px 9px 0 #0003,0 15px 35px #0003}.ws-project-poster>a{padding:15px 15px 18px}.ws-project-brand{margin-bottom:16px;gap:12px}.ws-client-logo{width:143px;height:62px;padding:12px 16px}.ws-client-logo.logo-michigan{width:166px;padding:12px 15px}.ws-client-logo.logo-kraft{padding:16px 15px}.ws-client-logo.logo-ge{padding:12px 15px}.ws-brand-edition{font-size:6px;max-width:75px}.ws-project h3{font-size:9.5vw}
 .ws-search-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-search-field{grid-column:1/-1;padding:7px 14px;border-bottom:1px solid color-mix(in srgb, var(--merge-mint) 18.824%, transparent)}.ws-filter-field{margin:12px 0;padding:0 14px}.ws-filter-field:nth-child(2){border-left:0}.ws-filter-field>select{font-size:12px}.ws-sort-field{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 14px;border-left:0;border-top:1px solid color-mix(in srgb, var(--merge-mint) 18.824%, transparent)}.ws-sort-field>select{width:auto;max-width:70%}.ws-browser-meta{gap:6px 12px}#work-story-main .ws-browser-meta .ws-results-status{flex:1 1 90px;font-size:10px}.ws-view-switch{margin-left:auto}.ws-view-switch>button{padding:9px 11px;gap:7px}#ws-search-clear{order:3}.ws-browser-controls{margin-bottom:32px}
 .ws-project-tags{margin:0 15px;gap:6px}.ws-project-tags>button{font-size:8px;min-height:34px;padding:7px 10px}.ws-gallery[data-view="index"] .ws-project-tags{margin:0 0 22px 91px;color:var(--merge-pale-mint)}.ws-gallery[data-view="index"] .ws-project-poster{padding:0;box-shadow:none}
 .ws-project:nth-child(even){margin-left:5%!important}.ws-project:nth-child(4n+3){margin-right:5%!important}.ws-gallery.has-search[data-view="wall"] .ws-project{margin:0 0 60px!important}
 .ws-project-meta{font-size:7px;gap:6px 10px}
 .ws-gallery[data-view="index"] .ws-project-poster>a{grid-template-columns:75px minmax(0,1fr) 22px;gap:11px 16px;padding:20px 0;background:transparent;color:var(--merge-warm-gray);transform:none;box-shadow:none}
 .ws-gallery[data-view="index"] .ws-project .ws-project-image{grid-column:1;grid-row:1/4;align-self:start;aspect-ratio:.78!important}
 .ws-gallery[data-view="index"] .ws-project-brand{grid-column:2;grid-row:1;margin:0;align-self:start}.ws-gallery[data-view="index"] .ws-client-logo{width:125px;height:49px;padding:9px 12px}
 .ws-gallery[data-view="index"] .ws-client-logo.logo-gone-rogue{width:100px;height:85px;padding:8px}
 .ws-gallery[data-view="index"] .ws-project-meta{grid-column:2;grid-row:2;font-size:7px;line-height:1.5;align-self:start}.ws-gallery[data-view="index"] .ws-project-meta>span:first-child{position:absolute;display:block;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .ws-gallery[data-view="index"] .ws-project h3{grid-column:2;grid-row:3;align-self:start;font-size:22px;line-height:1.08}.ws-gallery[data-view="index"] .ws-project-result{grid-column:2/-1;grid-row:4;margin:0!important}.ws-gallery[data-view="index"] .ws-case-link{grid-column:3;grid-row:1/4}
}
@media(prefers-reduced-motion:reduce){#work-story-main *,#work-story-main *:before,#work-story-main *:after{transition:none!important;animation:none!important}}

.work-story-page[data-static-work] .ws-hero *,.work-story-page[data-static-work] .ws-hero *:before,.work-story-page[data-static-work] .ws-hero *:after{transition:none}
.work-story-page[data-static-work] .ws-feature-image:hover>img,.work-story-page[data-static-work] .ws-feature-image:focus-visible>img{transform:none}