.row-case{--lime:#91d41a;--case-blue:#538000;--case-navy:#111;--case-cyan:#91d41a}.row-case .case-page{background:#f6f6f2;color:#111}.row-case .case-opening h1{font-size:clamp(82px,10vw,150px);line-height:.9;letter-spacing:-.065em}.row-case .case-dot,.row-case .case-opening-grid strong{color:#538000}.row-caption{font-size:10px;color:#686861;margin:13px 0 0}.row-concept{background:#111;color:white;padding:85px 0}.row-concept .eyebrow{color:var(--lime)}.row-concept h2,.row-palette-heading h2,.row-graphic-title h2{font-size:clamp(36px,4.5vw,62px)}.row-lead{font-size:14px;line-height:1.9;max-width:710px;color:#666}.row-concept .row-lead{color:#c2c2b9}.row-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.row-process figure{margin:0;min-width:0}.row-process svg,.row-process-mark{background:#f6f6f2;color:#111;border-radius:12px}.row-process svg{display:block;width:100%;aspect-ratio:1;padding:20px}.row-process figcaption{font-size:10px;margin-top:15px;color:#c8c8bc}.row-process-mark{position:relative;padding:35px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;align-self:start}.row-process-mark img{width:auto;max-height:100%;height:250px;max-width:90%;object-fit:contain}.row-process-mark figcaption{position:absolute;top:100%;left:0}.row-small{font-size:10px;line-height:1.8;color:#74746c;margin-top:17px}.row-concept .row-small{margin-top:45px;color:#96968b}.row-black{filter:brightness(0)}.row-white{filter:brightness(0) invert(1)}.row-system{padding:85px 0 65px}.row-logo-stage{border-radius:12px;background:var(--lime);padding:70px;display:flex;justify-content:center;min-height:570px}.row-logo-stage img{height:440px;width:auto;max-width:80%;object-fit:contain}.row-palette-heading{margin-top:80px}.row-swatches{display:grid;grid-template-columns:2fr 1fr 1fr;border:1px solid #ddd;border-radius:12px;overflow:hidden}.row-swatches>div{height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:var(--lime);color:#111}.row-swatches>div:nth-child(2){background:#000;color:#fff}.row-swatches>div:nth-child(3){background:#fff;color:#111}.row-swatches strong{font-size:19px;letter-spacing:-.03em;font-weight:500}.row-swatches span{font-size:11px}.row-graphic-title{margin-top:80px;max-width:650px}.row-graphic-title p{font-size:14px;line-height:1.9;color:#666}.row-graphic-panel{background:var(--lime);height:450px;border-radius:12px;display:flex;overflow:hidden;gap:50px;justify-content:center;align-items:center;margin-top:35px}.row-graphic-panel img{height:700px;width:auto;max-width:none;flex-shrink:0;transform:rotate(-25deg)}.row-graphic-panel img:nth-child(2){transform:rotate(155deg)}.row-case .case-gallery-break p{margin-top:25px}.row-case .case-close h2{color:#111}.row-case .case-close .black{background:#111;color:var(--lime)}.row-finale{background:#111;color:#fff;padding:70px 0;margin:20px 0 0;overflow:hidden}.row-finale .eyebrow{color:var(--lime)}.row-finale img{display:block;width:100%;height:auto;margin:45px 0 35px}.row-finale p{color:var(--lime);font-size:clamp(25px,3vw,40px);line-height:1.3;letter-spacing:-.04em}.project-row img{object-position:center}.row-case .case-close{border:0}.row-case .case-credit{max-width:850px}.row-case .case-image img{object-fit:contain}.row-case .case-hero img{background:#111}
@media(max-width:950px){.row-process{gap:13px}.row-process-mark{padding:25px}.row-process-mark img{height:190px}.row-logo-stage{min-height:480px}.row-logo-stage img{height:350px}.row-swatches>div{padding:20px}.row-graphic-panel{height:350px}}
@media(max-width:620px){.row-case .case-opening h1{font-size:95px}.row-concept{padding:50px 0}.row-process{grid-template-columns:1fr;gap:35px}.row-process svg{aspect-ratio:1.2}.row-process-mark{aspect-ratio:1.2;margin-bottom:20px;width:100%}.row-process-mark img{height:230px}.row-concept .row-small{margin-top:30px}.row-lead{font-size:12px}.row-system{padding:50px 0}.row-logo-stage{padding:40px;min-height:410px}.row-logo-stage img{height:330px}.row-palette-heading,.row-graphic-title{margin-top:50px}.row-swatches{grid-template-columns:1fr}.row-swatches>div{height:120px;flex-direction:row;align-items:end}.row-swatches strong{font-size:17px}.row-graphic-title p{font-size:12px}.row-graphic-panel{height:300px;gap:20px}.row-graphic-panel img{height:470px}.row-finale{padding:45px 0}.row-finale img{margin:30px 0}.row-caption{font-size:8px}.row-case .case-image figcaption{flex-wrap:wrap}}