/* shared media components: learnable, jekaeat */
.folder{border-top-color:#111}
.swap{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:var(--ink);border-radius:18px;padding:22px 26px}
.swap .lg{background:#000;border-radius:12px;padding:18px;display:grid;place-items:center;min-height:120px}
.swap .lg img{max-width:100%;max-height:90px;display:block}
.swap .lg.l{background:#fff}
.swap .ar{font-family:"Six Caps";font-size:70px;color:var(--yel);line-height:.8}
.swap small{display:block;text-align:center;color:#fffa;font-size:11px;letter-spacing:.16em;margin-top:8px}
.hshot{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px;box-shadow:6px 6px 0 var(--ink)}
.hshot img{width:100%;display:block;border-radius:6px}
.hshot figcaption,.shots2 figcaption{font-size:12px;margin-top:6px}
.shots2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;margin-top:16px}
.shots2 figure{margin:0;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px;transform:rotate(var(--r,0));transition:transform .3s}
.shots2 figure:nth-child(odd){--r:-1deg}.shots2 figure:nth-child(even){--r:1deg}.shots2 figure:hover{transform:rotate(0) scale(1.02)}
.shots2 img{width:100%;display:block;border-radius:6px}
.chans{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}
.chans div{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px;text-align:center}
.chans b{display:block;font-family:"Six Caps";font-weight:400;font-size:46px;line-height:.85;color:var(--mag)}
.chans span{font-size:12px;line-height:1.3;display:block;margin-top:4px}
.chans div:first-child{background:var(--ink);color:#fff}.chans div:first-child b{color:var(--yel)}
.ft{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ft div{border:2px solid var(--ink);border-radius:14px;padding:16px 18px;background:#fff8}
.ft b{display:block;font-size:11px;letter-spacing:.16em;color:var(--mag);margin-bottom:8px}
.ft p{font-size:15px;line-height:1.5;margin:0 0 8px}
.ft s{opacity:.55}
.ft strong{font-size:17px}
.ft div:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}.ft div:last-child b{color:var(--yel)}
.role3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.role3 div{background:#fff8;border:2px solid var(--ink);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.45}
.role3 b{display:block;font-size:11px;letter-spacing:.16em;color:var(--mag);margin-bottom:4px}
.role3 .me{background:var(--mag);color:#fff;border-color:var(--mag)}.role3 .me b{color:var(--yel)}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tools span{background:var(--yel);border:2px solid var(--ink);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:700}
.ws{display:grid;grid-template-columns:.8fr 1.4fr;gap:18px;align-items:center}
.lemfi{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:20px 22px}
.lemfi small{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:700;background:var(--yel);color:var(--ink);padding:5px 10px;border-radius:99px}
.lemfi h3{font-family:"Six Caps";font-weight:400;font-size:58px;line-height:.88;color:var(--yel);margin:10px 0 6px}
.lemfi p{font-size:15px;line-height:1.5}
.words p{font-size:17px;line-height:1.6}
.words p:first-child:before{content:"“";font-family:Pinyon;font-size:70px;line-height:0;vertical-align:-26px;color:var(--mag);margin-right:4px}
.rv{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:22px;margin-top:16px}
.rv video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:12px;border:3px solid var(--yel);background:#fff}
.rv small{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:700;background:var(--yel);color:var(--ink);padding:5px 10px;border-radius:99px}
.rv h3{font-family:"Six Caps";font-weight:400;font-size:58px;line-height:.88;color:var(--yel);margin:10px 0 8px}
.rv p{font-size:15px;line-height:1.55}.rv a,.lemfi a{display:inline-block;margin-top:10px;color:var(--yel);font-weight:700}
.posts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:start;margin-top:16px}
.posts a{display:block;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:6px;transform:rotate(var(--r,0));transition:transform .3s}
.posts a:nth-child(odd){--r:-1.5deg}.posts a:nth-child(even){--r:1.5deg}.posts a:hover{transform:rotate(0) scale(1.05)}
.posts img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:6px}
.lemfi video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:12px;border:3px solid var(--yel)}
.lemfi blockquote{margin:10px 0 0;font-size:15px;line-height:1.5;border-left:3px solid var(--yel);padding-left:12px}
.lemfi cite{display:block;font-style:normal;font-size:12px;opacity:.7;margin-top:6px}
.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;align-items:start}
.phones figure{margin:0;background:var(--ink);border-radius:22px;padding:8px;transform:rotate(var(--r,0));transition:transform .3s}
.phones figure:nth-child(1){--r:-1.5deg}.phones figure:nth-child(3){--r:1.5deg}.phones figure:hover{transform:rotate(0) scale(1.02)}
.phones img{width:100%;display:block;border-radius:15px}
.phones figcaption{color:#fff;font-size:12px;padding:8px 6px 2px}
@media (max-width:560px){.phones{grid-template-columns:1fr 1fr}}
.hol{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center;margin-top:20px}
.hol img{width:100%;display:block;border-radius:14px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.hol h3{font-size:19px;margin-bottom:6px}
@media (max-width:700px){.hol{grid-template-columns:1fr}.hol img{max-width:280px}}
@media (max-width:860px){.posts{grid-template-columns:repeat(3,1fr)}.rv,.lemfi{grid-template-columns:1fr}.rv video{max-width:300px;margin:0 auto}.lemfi video{max-width:220px;margin:0 auto}}
@media (max-width:860px){.shots2{grid-template-columns:1fr 1fr}.chans{grid-template-columns:repeat(3,1fr)}.ft,.ws,.role3{grid-template-columns:1fr}}
@media (max-width:560px){.swap{grid-template-columns:1fr;text-align:center}.swap .ar{transform:rotate(90deg);justify-self:center}.shots2{grid-template-columns:1fr}.chans{grid-template-columns:repeat(2,1fr)}}