.branding-projects{padding:80px 5%}.branding-projects-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:end;margin-bottom:40px}.branding-projects-heading h2{font-size:clamp(36px,4.5vw,64px);max-width:19ch;line-height:1.1;letter-spacing:-.045em;margin:0}.branding-projects-heading>p{font-size:18px;line-height:1.75;margin:0;max-width:42ch}.branding-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.branding-project-card{display:block}.branding-card-image{position:relative;overflow:hidden;border-radius:18px;background:#e9edf5;aspect-ratio:1.47;border:1px solid #21284f15}.branding-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.branding-project-card:hover .branding-card-image img{transform:scale(1.025)}.branding-card-image>span{position:absolute;right:15px;bottom:15px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#21284f;color:#f7f8fc;font-size:22px}.branding-card-copy{padding:22px 3px 0}.branding-card-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#65708a}.branding-card-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:12px 0}.branding-card-copy p{font-size:16px;line-height:1.7;max-width:58ch;margin:0}.branding-project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:10px}.branding-project-card:last-child .branding-card-copy{padding:0}.branding-work-visual img{object-fit:contain!important;background:#f8f9fb}
.brand-case .brand-case-hero{padding:55px 5% 65px}.brand-case .wp-kicker>a{background:#e8675a;border-radius:4px;padding:8px 12px}.brand-case .brand-case-hero h1{font-size:clamp(45px,6vw,88px);max-width:25ch;line-height:1.04;letter-spacing:-.05em;margin:0 0 35px}.brand-case-lead{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:42px}.brand-case-lead>p{font-size:19px;line-height:1.7;max-width:62ch;margin:0}.brand-case-lead .button{flex-shrink:0}.brand-case-cover{margin:0}.brand-case-cover>a{display:block;background:#f8f9fb;border:1px solid #21284f15;border-radius:22px;overflow:hidden}.brand-case-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.brand-case figcaption{font-size:12px;line-height:1.6;color:#65708a;margin-top:14px}.brand-case-content{padding:0 8% 40px;max-width:1450px;margin:auto}.brand-case .brand-case-content>section{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 9%;padding:42px 0;border-top:1px solid #21284f25}.brand-case-content .section-number{grid-column:1/-1;display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}.brand-case-content h2{font-size:clamp(30px,3.4vw,48px);max-width:20ch;line-height:1.1;letter-spacing:-.04em;margin:0}.brand-case-content p{font-size:17px;line-height:1.75;max-width:65ch;margin:0}.brand-case-content .text-link{grid-column:2;margin-top:20px}.brand-case .brand-case-gallery{padding:65px 5%;background:#e9edf5}.brand-case-gallery h2{font-size:clamp(34px,4vw,56px);max-width:23ch;line-height:1.12;letter-spacing:-.04em;margin:0 0 35px}.brand-case-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.brand-case-gallery-grid figure{margin:0}.brand-case-gallery-grid a{display:block;border:1px solid #21284f15;border-radius:14px;overflow:hidden;background:#f8f9fb}.brand-case-gallery-grid img{width:100%;height:auto;max-height:850px;object-fit:contain;display:block}.brand-case .brand-case-related{padding:65px 8%}.brand-case-related h2{font-size:clamp(32px,3.4vw,48px);margin:0 0 25px}.brand-case-related>div{display:flex;flex-wrap:wrap;gap:15px 30px}.brand-case-related a{display:flex;gap:25px;align-items:center;border-bottom:1px solid #21284f30;padding:15px 0;font-size:16px}.pool-branding-reference{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px 0;border-top:1px solid #21284f20;align-items:center}.pool-branding-reference img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #21284f15}.pool-branding-reference h2{font-size:42px;line-height:1.1}.pool-branding-reference p{font-size:17px;line-height:1.75}
@media(max-width:800px){.branding-projects{padding:45px 6%}.branding-projects-heading{display:block;margin-bottom:28px}.branding-projects-heading h2{font-size:38px}.branding-projects-heading>p{font-size:16px;margin-top:24px}.branding-project-grid{grid-template-columns:1fr;gap:32px}.branding-project-card:last-child{display:block;margin:0}.branding-project-card:last-child .branding-card-copy{padding-top:22px}.branding-card-copy h3{font-size:27px}.brand-case .brand-case-hero{padding:35px 6% 45px}.brand-case .brand-case-hero h1{font-size:clamp(38px,8.5vw,62px);max-width:23ch}.brand-case-lead{display:block}.brand-case-lead>p{font-size:17px;margin-bottom:25px}.brand-case-cover>a{border-radius:14px}.brand-case-content{padding:0 6% 20px}.brand-case .brand-case-content>section{display:block;padding:32px 0}.brand-case-content h2{font-size:32px;margin-bottom:22px}.brand-case-content p{font-size:16px}.brand-case .brand-case-gallery{padding:42px 6%}.brand-case-gallery h2{font-size:34px}.brand-case-gallery-grid{grid-template-columns:1fr;gap:28px}.brand-case .brand-case-related{padding:42px 6%}.brand-case-related h2{font-size:34px}.brand-case-related>div{display:block}.pool-branding-reference{display:block;padding:35px 0}.pool-branding-reference>a{display:block;margin-top:25px}.pool-branding-reference h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.branding-card-image img{transform:none!important;transition:none!important}}