.works-intro{grid-template-columns:1fr 1fr auto;align-items:end;gap:25px;padding:34px 4.5vw 30px;display:grid}.works-intro .eyebrow{margin:0 0 12px;font-size:10px}.works-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(54px,5.5vw,84px);font-weight:500;line-height:.95}.works-intro h1>span{color:var(--b-blue)}.works-intro-copy{color:#60685b;margin:0;font-size:13px;line-height:1.85}.works-intro-mark{color:#70796a;white-space:nowrap;font-size:10px}.case-library{padding:0 4.5vw 60px}.browse-field{background:var(--b-ink);color:var(--b-paper);padding:12px 18px 0}.browse-caption{letter-spacing:.06em;color:#aeb7a7;justify-content:space-between;gap:20px;padding-bottom:10px;font-size:9px;display:flex}.browse-categories{border:0;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.browse-categories button{text-align:left;min-height:76px;color:inherit;cursor:pointer;font:inherit;background:0 0;border-top:1px solid #53594f;border-bottom:0;border-left:0;border-right:1px solid #53594f;grid-template-columns:15px 42px 1fr auto;align-items:center;gap:10px;padding:9px 14px;transition:background .18s,color .18s;display:grid;position:relative}.browse-categories button:last-child{border-right:0}.browse-categories button[aria-pressed=true]{background:var(--b-lime);color:var(--b-ink);border-top-color:var(--b-lime)}.browse-categories button:focus-visible{outline:2px solid var(--b-blue);outline-offset:-3px}.browse-categories svg{width:42px;height:auto;overflow:visible}.browse-signature-shape{transform-origin:48px 48px;transition:transform .22s;transform:scale(.85)}.browse-categories button[aria-pressed=true] .browse-signature-shape{transform:scale(1)}.browse-id,.browse-count{opacity:.7;font-size:10px}.browse-name{letter-spacing:.025em;font-size:12px;font-weight:500}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.library-toolbar output{font-size:17px}.library-toolbar output span{letter-spacing:.07em;color:#60695a;margin-left:8px;font-size:10px}.library-type-select{color:#616b5a;align-items:center;gap:12px;font-size:9px;display:flex}.library-type-select select{font:inherit;max-width:230px;color:var(--b-ink);background:0 0;border:0;border-bottom:1px solid #a9b29f;padding:7px 26px 7px 8px;font-size:12px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;animation:.18s ease-out library-switch;display:grid}.library-case{min-width:0}.library-case>a{flex-direction:column;height:100%;display:flex}.library-photo{background:#e9ece3;place-items:center;height:clamp(160px,17vw,245px);display:grid;overflow:hidden}.library-photo img{object-fit:contain;width:100%;height:100%;min-height:0;transition:transform .3s}.library-case:hover img{transform:scale(1.025)}.library-caption{border-bottom:1px solid #c4cbbd;flex:1;padding:13px 24px 13px 0;position:relative}.library-meta{color:#727b69;align-items:center;gap:10px;font-size:10px;display:flex}.library-meta>span:first-child{color:#272e23}.library-caption h2{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(16px,1.35vw,21px);font-weight:500;line-height:1.35}.library-arrow{font-size:18px;transition:transform .2s;position:absolute;bottom:16px;right:0}.library-case:hover .library-arrow{transform:translate(2px,-2px)}.library-feature{background:#e4e9d7;grid-column:span 2}.library-feature>a{grid-template-columns:1.12fr 1fr;gap:20px;padding:18px;display:grid}.library-feature .library-photo{background:#f0f2e9;height:100%;min-height:230px;max-height:290px}.library-feature .library-caption{border:0;align-self:center;padding:12px 0}.library-feature h2{font-size:clamp(20px,2vw,29px)}.library-feature p{color:#616b58;margin:15px 0;font-size:12px;line-height:1.85}.library-focus{margin-left:auto;font-size:8px}.library-view{border-top:1px solid #a9b69a;justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.library-view>span{font-size:21px}.library-type>a .library-caption{flex:0;order:-1;padding-top:0;padding-bottom:14px}.library-compact{border-top:1px solid #a9b49d;border-bottom:1px solid #a9b49d;grid-column:1/-1;padding:18px 0}.library-compact>a{grid-template-columns:180px 1fr;align-items:center;gap:24px;display:grid}.library-compact .library-photo{height:110px}.library-compact .library-caption{border:0;max-width:650px}.library-empty{padding:45px 0 70px}.library-empty>span{color:var(--b-blue);font-size:40px}.library-empty h2{font-size:24px}.library-empty p{color:#66715c;margin:18px 0;font-size:14px}.library-empty button,.library-more{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:10px 0}.library-more{margin:30px auto 0;display:block}.behance-callout{border-top:1px solid #a9b49d;border-bottom:1px solid #a9b49d;justify-content:space-between;align-items:end;gap:36px;margin:2px 4.5vw 62px;padding:28px 0 25px;display:flex}.behance-callout .eyebrow{color:#65705d;margin:0 0 12px;font-size:10px}.behance-callout h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:500}.behance-callout p:not(.eyebrow){color:#60695a;margin:10px 0 0;font-size:12px;line-height:1.7}.behance-callout a{min-height:48px;color:var(--b-ink);border-bottom:1px solid;flex:none;align-items:center;gap:36px;padding:0 0 0 16px;font-size:12px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.behance-callout a span{font-size:22px;line-height:1}.behance-callout a:hover{color:var(--b-blue);gap:43px}@keyframes library-switch{0%{opacity:.7}to{opacity:1}}@media (min-width:1001px){.library-photo.ratio-square img{max-width:85%}}@media (max-width:1100px){.browse-categories button{grid-template-columns:1fr auto;gap:6px;padding:10px}.browse-id{display:none}.browse-categories svg{grid-area:1/1;width:30px}.browse-count{grid-area:1/2}.browse-name{grid-area:2/1/auto/-1;font-size:10px}.works-intro-mark{display:none}}@media (min-width:701px) and (max-width:1000px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-photo{height:220px}}@media (max-width:700px){.works-intro{grid-template-columns:1fr auto;gap:16px;padding:24px 22px}.works-intro h1{font-size:52px}.works-intro-copy{max-width:155px;font-size:11px}.case-library{padding:0 22px 45px}.browse-field{padding:10px 8px 0}.browse-caption{font-size:8px}.browse-caption>span:last-child{display:none}.browse-categories button{min-height:65px;padding:8px 5px}.browse-name{letter-spacing:0;font-size:8px}.browse-count{font-size:8px}.browse-categories svg{width:27px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.library-photo{height:145px}.library-caption{padding:10px 15px 10px 0}.library-caption h2{font-size:14px}.library-meta{gap:7px;font-size:8px}.library-arrow{font-size:14px;bottom:12px}.library-feature{grid-column:1/-1}.library-feature>a{gap:13px;padding:12px}.library-feature .library-photo{min-height:175px;max-height:210px}.library-feature h2{font-size:19px}.library-feature p{margin:10px 0;font-size:10px}.library-focus{display:none}.library-type-select select{max-width:175px}.library-toolbar{gap:8px;min-height:55px}.library-toolbar output span{margin-left:5px;font-size:8px}.library-compact>a{grid-template-columns:100px 1fr;gap:16px}.library-compact .library-photo{height:85px}.library-type>a .library-photo{min-height:145px}.library-feature+.library-image:last-child{grid-column:1/-1}.behance-callout{flex-direction:column;align-items:flex-start;gap:16px;margin:0 22px 44px;padding:21px 0 18px}.behance-callout h2{font-size:24px}.behance-callout p:not(.eyebrow){max-width:295px;font-size:11px}.behance-callout a{justify-content:space-between;width:100%;padding-left:0}}@media (prefers-reduced-motion:reduce){.library-grid{animation:none}.library-photo img,.library-arrow,.browse-categories button,.browse-signature-shape{transition:none}.library-case:hover img,.library-case:hover .library-arrow{transform:none}}.library-type>a .library-photo{flex:none}@media (max-width:1000px){.library-image:nth-child(9n+3){grid-column:1/-1}.library-image:nth-child(9n+3)>a{grid-template-columns:40% 1fr;align-items:center;gap:18px;display:grid}.library-image:nth-child(9n+3) .library-photo{height:130px}.library-image:nth-child(9n+3) .library-caption{border:0}}@media (max-width:700px){.browse-name{font-size:9px}.library-type>a .library-photo{height:145px}}.works-intro-mark,.library-meta,.library-focus{color:#515b49;font-size:12px}.library-meta{flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.behance-callout a{transition:none}.behance-callout a:hover{gap:36px}}