/* Promotional campaign — Figma 14:5543. Shared portfolio typography and motion. */
.jibbitz-cover{display:flex;align-items:flex-start;justify-content:center;gap:4%;padding:9.7% 8.2% 0;overflow:hidden;border-radius:40px;background:var(--black)}
.jibbitz-cover>.iphone{width:48%;flex:none;padding:.9%}
.jibbitz-cover:hover{text-decoration:none!important}
.project-copy .entry-meta{margin-top:16px;color:rgba(42,34,22,.8);opacity:.8}
.jib-page .case-title{margin-bottom:96px}
.jib-page .case-copy p,.jib-page .case-copy li{font-weight:400;font-size:20px;line-height:24px}
.jib-page .case-copy{max-width:410px;min-width:0}
.jib-page .case-copy ul{padding-left:30px;margin:0}
.jib-page .case-copy li+li{margin-top:12px}
.jib-intro{display:grid;grid-template-columns:2.6fr 1fr;gap:6%;align-items:start}
.jib-hero{margin:0;overflow:hidden;background:var(--black);border-radius:31px}
.jib-hero img{width:100%;height:auto;display:block;aspect-ratio:1080/609;object-fit:cover}
.jib-context{display:grid;gap:64px}
.jib-phones{display:flex;justify-content:center;align-items:flex-start;gap:2.1%;padding:4.2% 5.3%;background:var(--black)}
.jib-phones>.iphone{flex:1;max-width:270px;padding:.5%}
.jib-flow{margin-top:88px}
.jib-task{margin:40px 0 88px calc((100% - 48px)/3 + 24px);display:grid;grid-template-columns:1fr 1fr;gap:64px}
.jib-task>.case-copy:last-child{padding-top:46px;max-width:354px}
.jib-row{display:grid;grid-template-columns:1fr 2fr;gap:6%;align-items:center;margin-top:96px}
.jib-row.media-first{grid-template-columns:2.6fr 1fr}
.jib-mechanic{padding:6.7% 10.5%;gap:3%}
.jib-mechanic>.iphone{padding:.7%;max-width:none}
.jib-board{padding:6.2% 7.7%;overflow:hidden}
.jib-board-art{position:relative}
.jib-board-art>img{width:100%;height:auto;display:block}
.board-device{position:absolute;top:0;width:22.8%;height:76%;border-radius:13% / 6.1%;box-shadow:0 0 0 2px #55585c,0 0 0 4px #161719;pointer-events:none}
.first-device{left:0}.second-device{left:25.65%}
.jib-cat-demo{margin:0 13%;padding:64px 32px;min-height:0;background:var(--black)}
.jib-cat-demo .demo-device{width:min(100%,360px);padding:7px}
.jib-cat-demo .phone-video{aspect-ratio:590/1280}
.jib-cat-demo .video-toggle{background:#f8f7f0;color:var(--text)}
.jib-reviews{display:flex;align-items:flex-end;justify-content:center;gap:2%;padding:6% 8%;background:var(--black);min-width:0}
.jib-reviews>.iphone{width:30%;padding:.6%;flex:none}
.jib-reviews>.iphone:nth-child(2){width:33.2%}
.review-linkedin{aspect-ratio:303.596/596}
.review-linkedin img{position:absolute;top:-10.82%;height:110.82%!important;width:100%;object-fit:fill}
.review-comment{position:relative;overflow:hidden;aspect-ratio:293.803/243.437;border-radius:14%;width:32.8%;flex:none}
.review-comment img{position:absolute;width:100%;height:262.3%;top:-68.85%;object-fit:fill}
.related-lavka{display:flex;height:auto;align-items:flex-start;justify-content:center;padding:11% 18% 0;overflow:hidden;background:var(--black)}
.related-lavka>.iphone{width:100%;flex:none}
@media(max-width:1100px){
 .jib-page .case-title{margin-bottom:64px}
 .jib-intro{grid-template-columns:1fr;gap:48px}
 .jib-context{grid-template-columns:1fr 1fr;gap:40px}
 .jib-flow{margin-top:64px;padding:40px 32px;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start}
 .jib-flow::-webkit-scrollbar{display:none}
 .jib-flow>.iphone{flex:0 0 200px;scroll-snap-align:center;padding:4px}
 .jib-task{margin:48px 0 64px;gap:40px}
 .jib-row,.jib-row.media-first{grid-template-columns:1fr;gap:40px;margin-top:64px}
 .jib-row.text-first>.case-panel{grid-row:1}
 .jib-row>.case-copy{max-width:650px}
 .jib-cat-demo{margin:0;padding:48px 32px}
 .jib-board{padding:48px}
 .jibbitz-cover{padding-top:9.7%}
}
@media(max-width:650px){
 .jibbitz-cover{border-radius:24px}
 .jib-context,.jib-task{display:flex;flex-direction:column;gap:40px}
 .jib-task>.case-copy:last-child{padding-top:0;max-width:none}
 .jib-page .case-copy p,.jib-page .case-copy li{font-size:18px;line-height:24px}
 .jib-page .case-copy{max-width:none}
 .jib-page .case-title h1{font-size:clamp(40px,10vw,48px);line-height:1.02}
 .jib-page .case-title{margin-bottom:48px}
 .jib-flow{padding:32px 24px;gap:20px}
 .jib-flow>.iphone{flex-basis:210px}
 .jib-mechanic{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;padding:32px 24px;gap:20px}
 .jib-mechanic::-webkit-scrollbar{display:none}
 .jib-mechanic>.iphone{flex:0 0 210px;padding:4px;scroll-snap-align:center}
 .jib-board{padding:24px 16px;overflow-x:auto;scrollbar-width:none}
 .jib-board::-webkit-scrollbar{display:none}
 .jib-board-art{min-width:680px}
 .board-device{box-shadow:0 0 0 1px #55585c,0 0 0 2px #161719}
 .jib-cat-demo{padding:32px 24px 72px}
 .jib-reviews{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;padding:32px 24px;gap:20px}
 .jib-reviews::-webkit-scrollbar{display:none}
 .jib-reviews>.iphone,.jib-reviews>.iphone:nth-child(2),.jib-reviews>.review-comment{width:230px;flex:0 0 230px;scroll-snap-align:center}
 .jib-reviews>.iphone{padding:4px}
}
