.cif{width:min(calc(100% - 40px),1240px);margin:0 auto;padding:84px 0;color:inherit;--cif-gap:18px}
.cif-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.cif-eyebrow{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6b7280}
.cif h2{margin:0;font:800 clamp(30px,4vw,54px)/.98 Inter,system-ui,sans-serif;letter-spacing:-.045em}
.cif-profile{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;font-size:13px;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:4px}
.cif-slider-shell{position:relative;overflow:visible}
.cif-grid{display:grid;grid-template-columns:repeat(var(--cif-cols,3),minmax(0,1fr));gap:var(--cif-gap);perspective:1400px}
.cif-card{min-width:0;position:relative;transition:transform .42s cubic-bezier(.2,.72,.2,1),opacity .32s ease,filter .32s ease}
.cif-media{position:relative;width:100%;aspect-ratio:9/16;display:block;overflow:hidden;border:0;padding:0;background:#0f172a;border-radius:20px;cursor:pointer;text-align:left;box-shadow:0 16px 36px rgba(15,23,42,.12)}
.cif--ratio-4x5 .cif-media{aspect-ratio:4/5}.cif--ratio-1x1 .cif-media{aspect-ratio:1/1}
.cif-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.72,.2,1)}
.cif.has-hover-zoom .cif-media:hover img{transform:scale(1.035)}
.cif-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#101827,#1f2937)}
.cif-instagram-mark{font-size:46px;color:#fff;opacity:.85}
.cif-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,.04) 38%,rgba(0,0,0,.68) 100%);color:#fff}
.cif-play{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.96);color:#111;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.24)}
.cif-type{font-size:10px;font-weight:850;letter-spacing:.14em}.cif-caption{margin:11px 2px 0;color:#667085;font-size:13px;line-height:1.55}
.cif-fallback{display:inline-block;margin:9px 2px 0;color:inherit;text-decoration:none;font-size:12px;font-weight:700}
.cif-embed-shell{position:absolute;inset:0;background:#fff;overflow:auto;z-index:5;border-radius:inherit}
.cif-arrow{position:absolute;top:50%;z-index:10;width:48px;height:48px;border-radius:999px;border:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.97);color:#111827;box-shadow:0 14px 34px rgba(15,23,42,.16);display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);font-size:0;transition:transform .2s ease,box-shadow .2s ease}
.cif-arrow::before{content:"";display:block;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.cif-prev::before{transform:rotate(-135deg);margin-left:4px}.cif-next::before{transform:rotate(45deg);margin-right:4px}
.cif-arrow:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 18px 42px rgba(15,23,42,.22)}
.cif-prev{left:-18px}.cif-next{right:-18px}.cif-progress{height:3px;margin-top:20px;background:rgba(17,24,39,.09);overflow:hidden;border-radius:999px}.cif-progress span{display:block;width:0;height:100%;background:currentColor;border-radius:inherit;transition:width .35s ease}
.cif.has-glow .cif-card.is-active .cif-media{box-shadow:0 24px 60px rgba(15,23,42,.24)}
.cif--slider .cif-grid,.cif--perspective .cif-grid{display:flex;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:var(--cif-gap);padding:26px 28px 30px;scrollbar-width:none;-ms-overflow-style:none}.cif--slider .cif-grid::-webkit-scrollbar,.cif--perspective .cif-grid::-webkit-scrollbar{display:none}
.cif--slider .cif-card,.cif--perspective .cif-card{flex:0 0 calc((100% - (var(--cif-gap) * 2))/3);scroll-snap-align:center}
.cif--perspective.is-perspective .cif-card{opacity:.58;transform:scale(.88) rotateY(7deg);filter:saturate(.82)}
.cif--perspective.is-perspective .cif-card.is-before{transform:scale(.88) rotateY(8deg) translateX(14px)}
.cif--perspective.is-perspective .cif-card.is-after{transform:scale(.88) rotateY(-8deg) translateX(-14px)}
.cif--perspective.is-perspective .cif-card.is-active{opacity:1;transform:scale(1.045) rotateY(0);filter:none;z-index:3}
@media(max-width:980px){.cif--slider .cif-card,.cif--perspective .cif-card{flex-basis:calc((100% - var(--cif-gap))/2)}}
@media(max-width:680px){.cif{width:min(calc(100% - 28px),1240px);padding:56px 0}.cif-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.cif-arrow{display:none}.cif-grid,.cif--slider .cif-grid,.cif--perspective .cif-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:8px 0 14px;perspective:none}.cif-card,.cif--slider .cif-card,.cif--perspective .cif-card{flex:0 0 100%;scroll-snap-align:center;opacity:1!important;transform:none!important;filter:none!important}.cif.has-mobile-preview .cif-card{flex-basis:84%}.cif-media{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.cif-card,.cif-media img,.cif-progress span{transition:none!important}.cif-grid{scroll-behavior:auto!important}}
.cif-media[role="button"]{cursor:pointer}
.cif-media[role="button"]:focus-visible{outline:3px solid rgba(47,98,255,.28);outline-offset:4px}
.cif-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(6,10,18,.78);backdrop-filter:blur(14px)}
.cif-modal[hidden]{display:none!important}
.cif-modal-dialog{position:relative;width:min(94vw,560px);max-height:92vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.cif-modal-content{min-height:300px}
.cif-modal-content blockquote{margin:0!important;min-width:0!important;width:100%!important}
.cif-modal-close{position:absolute;top:12px;right:12px;z-index:4;width:40px;height:40px;border:0;border-radius:50%;background:rgba(17,24,39,.88);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.cif-modal-open{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 14px 16px;padding:11px 14px;border-radius:12px;background:#111827;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
body.cif-modal-lock{overflow:hidden}
@media(max-width:680px){.cif-modal{padding:10px}.cif-modal-dialog{width:100%;max-height:96vh;border-radius:16px}}

.cif-preview-frame{
  position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;
  pointer-events:none;transform:scale(1.015);transform-origin:center;
}
.cif-media{user-select:none;-webkit-user-select:none}
.cif-media::after{content:"";position:absolute;inset:0;z-index:2}
.cif-overlay{z-index:3;pointer-events:none}
.cif-play,.cif-type{pointer-events:none}
.cif-media.is-clickable{cursor:pointer}
.cif-track-dragging{cursor:grabbing!important;scroll-snap-type:none!important}

/* v1.1.4 — inline playback */
.cif-inline-player{
  position:absolute;inset:0;z-index:8;background:#000;border-radius:inherit;overflow:hidden;
}
.cif-inline-player iframe{
  display:block;width:100%;height:100%;border:0;background:#000;
}
.cif-inline-close{
  position:absolute;top:10px;right:10px;z-index:10;width:36px;height:36px;border:0;border-radius:999px;
  background:rgba(12,18,30,.86);color:#fff;display:grid;place-items:center;font-size:21px;line-height:1;
  cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24);backdrop-filter:blur(8px);
}
.cif-media.is-playing::after{display:none}
.cif-media.is-playing>.cif-overlay,
.cif-media.is-playing>.cif-preview-frame,
.cif-media.is-playing>img,
.cif-media.is-playing>.cif-placeholder{visibility:hidden}