.project-page{max-width:1440px;margin-inline:auto;padding-top:55px;color:#303030}.project-layout{display:grid;grid-template-columns:671fr 765fr;padding-right:4px;border-top:1px solid #777}.project-story{min-width:0;display:grid;grid-template-rows:minmax(169px,auto) minmax(151px,auto) minmax(159px,auto) minmax(233px,auto) minmax(279px,auto) minmax(456px,auto) minmax(321px,auto) minmax(231px,auto) minmax(296px,auto) auto;align-content:start}.project-title{position:relative;margin-right:88px;padding:36px 0 18px 56px;border-bottom:1px solid #777;color:#1e1e1e}.project-title h1{position:static;font-size:40.125px;line-height:45.5px;letter-spacing:-.6px;font-weight:300;margin:0;width:auto}.project-title p{font-size:15px;line-height:18px;margin:8px 0 0;letter-spacing:-.3px}.project-title>.arrow{position:absolute;right:0;bottom:22px;width:44px;height:45px}.project-intro{padding:22px 72px 0 56px}.project-meta{display:flex;align-items:center;gap:16px}.project-meta h2{font-size:50px;line-height:60px;font-weight:300;letter-spacing:-1px;margin:0;color:#1e1e1e}.project-pills{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.project-pills>span{border:.6px solid #888;border-radius:20px;padding:2px 13px;font-size:15px;line-height:18px;white-space:nowrap;font-weight:200}.project-meta .project-pills{flex-wrap:nowrap;gap:10px}.project-meta .project-pills>span{padding-inline:12px}.project-intro>p{font-size:15px;line-height:18px;margin:0;font-weight:300;letter-spacing:-.2px}.story-section{padding:0 72px 0 56px;min-width:0;font-size:15px;line-height:18px;font-weight:300;letter-spacing:-.18px}.story-section h3{font-size:15px;line-height:18px;font-weight:400;margin:0 0 16px;color:#1e1e1e}.story-section p{margin:0 0 18px}.story-section strong{font-weight:400}.role-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px}.role-heading h3{margin:0;white-space:nowrap}.role-heading .project-pills{flex-wrap:nowrap;gap:12px}.role-heading .project-pills>span{padding-inline:14px}.story-section .story-lead{font-size:25px;line-height:30px;margin:0 0 12px;letter-spacing:-.4px}.story-section ul{padding-left:23px;margin:0}.story-section .slash-list{list-style:none;margin:0;padding:0}.slash-list li::before{content:'// ';}.story-section .idea-caption{margin-bottom:7px}.story-section .brand-idea{margin-bottom:3px}.story-section .brand-promise{color:rgb(30 30 30 / 17%);margin-bottom:27px}.story-section .result-caption{margin-bottom:0}.project-conclusion{font-size:25px;line-height:30px;padding:0 72px 0 56px;margin:0;color:#1e1e1e;letter-spacing:-.25px}.project-gallery{min-width:0;display:flex;flex-direction:column;gap:6px}.project-figure{margin:0}.project-figure img{display:block;width:100%;height:auto}.inline-figure{display:none}.project-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;min-height:122px;padding:18px 40px 34px 0}.project-footer nav{display:flex;align-items:flex-end;gap:34px}.project-footer nav a{font-size:40px;line-height:50px;font-weight:300;border-bottom:1px solid #777;display:flex;align-items:center;gap:29px;padding:0 0 17px 14px;letter-spacing:-.65px;white-space:nowrap}.project-footer nav a:first-child{padding-left:56px;gap:30px}.project-footer .arrow{width:44px;height:45px}.project-year{font-size:40px;line-height:50px;letter-spacing:-.5px}
@media(min-width:1101px) and (max-width:1390px){.project-title{margin-right:44px;padding-left:40px}.project-title h1{font-size:35px;line-height:1.15}.project-title p{max-width:90%;font-size:14px}.project-intro,.story-section,.project-conclusion{padding-left:40px;padding-right:36px}.project-meta{gap:10px}.project-meta h2{font-size:42px}.project-meta .project-pills{gap:6px}.project-meta .project-pills>span{font-size:12px;padding-inline:8px}.role-heading{flex-wrap:wrap}.project-story{grid-template-rows:auto;gap:30px}.project-intro{padding-top:0}.desktop-break{display:none}.project-conclusion{padding-bottom:36px}}
@media(max-width:1100px){.project-page{padding-top:28px}.project-layout{display:block;padding-right:0}.project-gallery{display:none}.project-story{display:block}.project-title{padding:28px 32px 24px;margin-right:32px}.project-title h1{font-size:clamp(30px,5.5vw,42px);line-height:1.13;letter-spacing:-.5px;max-width:90%}.project-title p{font-size:15px;line-height:1.4;max-width:85%;margin-top:13px}.project-title>.arrow{width:33px;height:34px;right:0;bottom:27px}.project-intro{padding:22px 32px 28px}.project-meta{gap:14px;flex-wrap:wrap}.project-meta h2{font-size:43px;line-height:1.2}.project-meta .project-pills{flex-wrap:wrap;gap:8px}.project-meta .project-pills>span{font-size:13px;padding-inline:10px}.project-intro>p{font-size:16px;line-height:1.45;margin-top:12px}.desktop-break{display:none}.inline-figure{display:block;margin:0 16px 36px}.story-section{padding:0 32px;margin:0 0 34px;font-size:16px;line-height:1.48;letter-spacing:0}.story-section h3{font-size:16px;line-height:1.4;margin-bottom:15px}.story-section p{margin-bottom:18px}.role-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:18px}.role-heading .project-pills{flex-wrap:wrap;gap:8px}.role-heading .project-pills>span{font-size:14px;white-space:normal}.story-section .story-lead{font-size:25px;line-height:1.22;letter-spacing:-.3px;margin-bottom:15px}.story-section .brand-promise{color:#858585}.project-conclusion{padding:0 32px;margin:0 0 36px;font-size:26px;line-height:1.23;max-width:670px}.project-footer{padding:0 24px 26px;min-height:90px;gap:15px}.project-footer nav{gap:22px}.project-footer nav a,.project-footer nav a:first-child{padding:0 0 10px;font-size:24px;line-height:1.3;gap:13px;letter-spacing:-.4px}.project-footer .arrow{width:28px;height:29px;flex-basis:28px}.project-year{font-size:24px;line-height:40px}}
@media(max-width:440px){.project-page{padding-top:20px}.project-title{padding:26px 20px 22px;margin-right:20px}.project-title h1{font-size:29px;max-width:100%;letter-spacing:-.6px}.project-title p{font-size:13px;max-width:88%}.project-title>.arrow{width:25px;height:26px;bottom:25px}.project-intro{padding-inline:20px}.project-meta h2{font-size:40px}.project-meta .project-pills{gap:6px}.project-meta .project-pills>span{font-size:12px;padding-inline:8px}.story-section{padding-inline:20px}.inline-figure{margin-inline:0}.project-conclusion{padding-inline:20px;font-size:25px}.project-footer{padding-inline:20px;flex-wrap:wrap}.project-footer nav{width:100%;justify-content:space-between;gap:16px}.project-footer nav a,.project-footer nav a:first-child{font-size:21px;gap:12px}.project-footer .arrow{width:25px;height:26px;flex-basis:25px}.project-year{margin-left:auto;font-size:21px}}

.pilki-before{position:relative;container-type:inline-size}.before-collage{position:relative;aspect-ratio:765/417}.before-collage img{position:absolute;height:auto}.before-collage .before-base{width:52.026%;left:0;top:0}.before-collage .before-promo{width:47.32%;right:0;bottom:0}.before-collage .before-shirt{width:24.444%;left:39.2%;top:28.3%;z-index:1}.before-copy{position:absolute;left:53%;right:1%;top:5%;font-size:2cqw;line-height:1.2;font-weight:300}.before-copy p{margin:0 0 1.9cqw}.before-copy ul{margin:0;padding-left:2.7cqw}
@media(max-width:1100px){.pilki-before.inline-figure{display:flex;flex-direction:column}.before-copy{position:static;order:-1;padding:0 20px 20px;font-size:16px;line-height:1.4}.before-copy p{margin:0 0 14px}.before-copy ul{padding-left:20px}}