.creative-portfolio-strip{display:grid;grid-template-columns:1fr 1fr;background:#11110e;padding:8vw 4.5vw;gap:1px}.creative-strip-card{min-height:620px;display:grid;grid-template-rows:1fr auto;overflow:hidden;color:#f7f2e8;background:#22221e}.creative-strip-art{min-height:420px;display:grid;place-items:center;padding:4vw;background:#f7f2e8;overflow:hidden}.creative-strip-art img{width:88%;max-height:300px;object-fit:contain;transition:transform .7s}.creative-strip-card:hover .creative-strip-art img{transform:scale(1.04)}.creative-strip-copy{padding:2rem;display:grid;grid-template-columns:1fr auto;align-items:end}.creative-strip-copy small{grid-column:1/-1;font-size:.68rem;letter-spacing:.14em;color:#b8b1a5}.creative-strip-copy h2{font-size:clamp(3rem,5vw,6rem);line-height:.85;letter-spacing:-.065em;margin:2rem 0 0}.creative-strip-copy>span{border-bottom:1px solid #c99a35;padding-bottom:.4rem}.social-strip-card{background:#c99a35;color:#11110e}.social-strip-art{min-height:420px;background:#ded6ca;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0}.social-strip-art i{font-style:normal;background:#11110e;color:#f7f2e8;display:grid;place-items:center;font-weight:700;font-size:clamp(1rem,2vw,2.3rem);letter-spacing:-.03em;transition:.35s}.social-strip-card:hover .social-strip-art i:nth-child(odd){background:#c99a35;color:#11110e}.social-strip-card:hover .social-strip-art i:nth-child(even){background:#f7f2e8;color:#11110e}.social-strip-art img{width:100%;height:100%;object-fit:cover}.website-portfolio .project-list{gap:140px}.website-portfolio .project-card,.website-portfolio .project-card:nth-child(even){display:block}.website-portfolio .project-card:nth-child(even) .project-visual,.website-portfolio .project-card:nth-child(even) .project-copy{order:initial}.website-portfolio .project-visual{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:22px;background:#151512;padding-top:38px;box-shadow:0 35px 80px #211a0d18}.website-portfolio .project-visual img{height:calc(100% - 38px);margin-top:38px;position:absolute;inset:0;object-fit:cover;object-position:top center;border-radius:0 0 18px 18px}.browser-chrome{position:absolute!important;z-index:3;left:0!important;right:0!important;top:0!important;bottom:auto!important;height:38px!important;padding:0 16px!important;background:#1a1a18!important;display:flex!important;align-items:center!important;gap:7px!important;border-radius:18px 18px 0 0!important;color:#aaa!important}.browser-chrome i{display:block;width:8px;height:8px;border-radius:50%;background:#e77065}.browser-chrome i:nth-child(2){background:#e4bd54}.browser-chrome i:nth-child(3){background:#66bd76}.browser-chrome b{position:absolute;left:50%;transform:translateX(-50%);max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:400}.website-portfolio .project-copy{display:grid;grid-template-columns:80px 1fr 1fr;gap:2vw;padding-top:2.5rem;align-items:start}.website-portfolio .project-number{margin:0}.website-portfolio .project-title-block h3{font-size:clamp(3rem,6vw,7rem);margin:.8rem 0;line-height:.85}.website-portfolio .project-description{padding-top:1.5rem}.website-portfolio .project-description p{font-size:1.05rem;line-height:1.6}.website-portfolio .project-card:nth-child(even) .project-copy{order:initial}.website-portfolio .case-arrow{z-index:4;top:58px}.website-portfolio .filter-groups{position:sticky;top:95px;z-index:10;background:#fffdf8;padding:1px 0}.website-portfolio .filter-groups .filters:first-child{margin-bottom:10px}.website-portfolio .filter-groups .filters:last-child{margin-top:0}.hero-sticker span{max-width:75px;line-height:1.1;margin:auto}@media(max-width:900px){.creative-portfolio-strip{grid-template-columns:1fr}.website-portfolio .project-copy{grid-template-columns:70px 1fr}.website-portfolio .project-description{grid-column:2}.website-portfolio .project-visual{aspect-ratio:16/10}.website-portfolio .filter-groups{top:80px}}@media(max-width:600px){.creative-portfolio-strip{padding:70px 20px}.creative-strip-card{min-height:520px}.creative-strip-art,.social-strip-art{min-height:330px}.creative-strip-copy{display:block;padding:1.5rem}.creative-strip-copy h2{font-size:3.4rem}.creative-strip-copy>span{display:inline-block;margin-top:1.5rem}.website-portfolio .project-list{gap:90px}.website-portfolio .project-visual{aspect-ratio:16/11;border-radius:14px;padding-top:32px}.website-portfolio .project-visual img{height:calc(100% - 32px);margin-top:32px;border-radius:0 0 11px 11px}.browser-chrome{height:32px!important;border-radius:11px 11px 0 0!important}.browser-chrome b{display:none}.website-portfolio .case-arrow{top:46px;width:48px;height:48px}.website-portfolio .project-copy{grid-template-columns:52px 1fr;gap:1rem;padding-top:1.5rem}.website-portfolio .project-description{grid-column:1/-1;padding-top:0}.website-portfolio .project-title-block h3{font-size:2.8rem}.website-portfolio .filter-groups{position:static}}