:root{--cliply-bg:#090a10;--cliply-ink:#f5f6fb;--cliply-muted:#a2a5b4;--cliply-accent:#c9fc72;--cliply-line:rgba(255,255,255,.11)}
*,*::before,*::after{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--cliply-bg);-webkit-text-size-adjust:100%;overflow-x:hidden}
body{min-width:280px;min-height:100vh;margin:0;background:radial-gradient(ellipse 38% 40% at 6% 14%,rgba(84,54,149,.21),transparent 80%),radial-gradient(ellipse 45% 42% at 94% 87%,rgba(34,66,104,.16),transparent 85%),#090a10;color:var(--cliply-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}
.cliply-site{min-height:100vh;padding:clamp(20px,3.5vw,45px) 18px 65px;display:flex;align-items:flex-start}
.cliply-shell{width:min(100%,1392px);margin:0 auto;min-width:0}
.cliply-masthead{display:flex;align-items:center;justify-content:center;margin-bottom:clamp(32px,4vw,60px)}
.cliply-brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;line-height:1;letter-spacing:-1.35px;font-weight:860;white-space:nowrap}
.cliply-brand:focus-visible{outline:2px solid var(--cliply-accent);outline-offset:7px;border-radius:4px}
.cliply-brand-mark{height:37px;width:37px;border-radius:12px;display:grid;place-items:center;background:var(--cliply-accent);color:#131821;box-shadow:0 2px 30px rgba(201,252,114,.18);transform:rotate(-8deg)}
.cliply-brand-mark svg{width:21px;height:21px;fill:currentColor;transform:rotate(8deg) translateX(1px)}
.cliply-brand-dot{color:var(--cliply-accent)}
.cliply-custom-logo img{display:block;height:auto;width:auto;max-height:55px;max-width:245px}
.cliply-intro{text-align:center;margin:0 auto 35px;max-width:730px}
.cliply-intro h1{font-size:clamp(27px,3.8vw,49px);letter-spacing:-.05em;font-weight:770;line-height:1.12;margin:0 0 10px;color:var(--cliply-ink);text-wrap:balance}
.cliply-intro p{font-size:clamp(13px,1.4vw,15px);margin:0;color:var(--cliply-muted);letter-spacing:.005em}
.cliply-theme-gallery{width:100%;min-width:0}
/* Vertical grid: new cards automatically create new rows, never a horizontal carousel. */
.cliply-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px;width:100%;min-width:0;padding:2px 0 6px;overflow:visible;scroll-snap-type:none;touch-action:auto}
.cliply-card{--card-top:#372668;--card-bottom:#0c1f3b;position:relative;isolation:isolate;display:block;width:100%;min-width:0;aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(155deg,var(--card-top),var(--card-bottom));box-shadow:0 12px 25px rgba(0,0,0,.23);transform:translateY(0);transition:transform .28s cubic-bezier(.18,.8,.2,1),box-shadow .28s,border-color .28s;outline-offset:4px}
a.cliply-card{cursor:pointer}
a.cliply-card:hover,a.cliply-card:focus-visible{transform:translateY(-4px);border-color:rgba(201,252,114,.69);box-shadow:0 18px 40px rgba(0,0,0,.42)}
a.cliply-card:focus-visible{outline:2px solid var(--cliply-accent)}
.cliply-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.15,.65,.18,1),filter .35s;user-select:none;-webkit-user-drag:none}
a.cliply-card:hover .cliply-cover{transform:scale(1.055)}
.cliply-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 36%,rgba(6,5,12,.22) 61%,rgba(4,5,12,.93) 100%)}
.cliply-play{position:absolute;z-index:2;left:50%;top:47%;width:78px;height:78px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff;background:rgba(6,9,20,.62);border:1px solid rgba(255,255,255,.62);border-radius:50%;box-shadow:0 12px 38px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .28s cubic-bezier(.18,.8,.2,1),background .28s,border-color .28s,color .28s,box-shadow .28s;pointer-events:none}
.cliply-play:before{position:absolute;content:"";inset:-12px;border:1px solid rgba(255,255,255,.14);border-radius:50%;transition:transform .28s,opacity .28s}
.cliply-play-icon{display:grid;place-items:center;transition:opacity .18s,transform .18s}
.cliply-play-icon svg{width:35px;height:35px;fill:currentColor;transform:translateX(2px);filter:drop-shadow(0 1px 3px rgba(0,0,0,.12))}
a.cliply-card:hover .cliply-play,a.cliply-card:focus-visible .cliply-play{transform:translate(-50%,-50%) scale(1.1);background:var(--cliply-accent);border-color:var(--cliply-accent);color:#11161b;box-shadow:0 0 42px rgba(201,252,114,.30)}
a.cliply-card:hover .cliply-play:before{transform:scale(1.14);opacity:.33}
.cliply-spinner{position:absolute;left:50%;top:50%;width:27px;height:27px;margin:-13.5px 0 0 -13.5px;border:3px solid rgba(11,19,27,.18);border-top-color:#11171b;border-radius:50%;opacity:0;transform:scale(.6)}
.cliply-card.is-opening{border-color:var(--cliply-accent)}
.cliply-card.is-opening .cliply-cover{filter:blur(2px) brightness(.7);transform:scale(1.12)}
.cliply-card.is-opening .cliply-play{transform:translate(-50%,-50%) scale(1.05);background:var(--cliply-accent);color:#11161b;border-color:var(--cliply-accent);box-shadow:0 0 0 20px rgba(201,252,114,.06),0 0 50px rgba(201,252,114,.35)}
.cliply-card.is-opening .cliply-play-icon{opacity:0;transform:scale(.6)}
.cliply-card.is-opening .cliply-spinner{opacity:1;animation:cliply-rotate .7s linear infinite}
@keyframes cliply-rotate{to{transform:rotate(360deg)}}
.cliply-card-text{position:absolute;z-index:2;left:15px;bottom:18px;right:15px;text-align:center;pointer-events:none}
.cliply-card-text strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(14px,1.5vw,20px);line-height:1.17;font-weight:820;letter-spacing:-.032em;margin-bottom:7px;color:#fff;text-wrap:balance}
.cliply-card-text>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.43;color:#dbdce5}
.cliply-card-demo{cursor:default}
.cliply-card-demo .cliply-play{background:rgba(6,9,20,.62)}
/* Tablet widths continue as a vertical grid, with narrower columns. */
@media(max-width:1023px){.cliply-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:760px){.cliply-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cliply-play{width:69px;height:69px}}
/* Mobile: exactly ONE portrait per row, scroll DOWN to the next portrait. */
@media(max-width:600px){
  .cliply-site{min-height:100svh;padding:21px 14px 44px}
  .cliply-brand{font-size:21px;gap:8px}
  .cliply-brand-mark{width:32px;height:32px;border-radius:10px}
  .cliply-brand-mark svg{width:18px;height:18px}
  .cliply-masthead{margin-bottom:34px}
  .cliply-intro{margin-bottom:23px}
  .cliply-intro h1{font-size:clamp(26px,7.5vw,35px);letter-spacing:-1.2px;margin-bottom:7px}
  .cliply-intro p{font-size:13px}
  .cliply-rail{grid-template-columns:minmax(0,1fr);max-width:410px;margin:0 auto;gap:22px;overflow:visible}
  .cliply-card{width:100%;aspect-ratio:9 / 16;border-radius:17px}
  .cliply-play{width:73px;height:73px;top:46%;border:2px solid rgba(255,255,255,.75);box-shadow:0 7px 30px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.08)}
  .cliply-play-icon svg{width:33px;height:33px}
  .cliply-play:before{inset:-9px}
  .cliply-card-text{left:16px;right:16px;bottom:19px}
  .cliply-card-text strong{font-size:clamp(17px,5vw,23px);margin-bottom:5px}
  .cliply-card-text>span{font-size:12px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* v1.3: multiple vertically stacked topic grids and useful standalone WordPress pages. */
.cliply-content-section{width:100%;min-width:0;max-width:100%;}
.cliply-subtheme-section{border-top:1px solid rgba(255,255,255,.11);margin-top:58px;padding-top:48px}
.cliply-content-section .cliply-intro h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.045em;font-weight:780;line-height:1.14;margin:0 0 9px;color:var(--cliply-ink);text-align:center}
.cliply-page-content{min-width:0;width:100%}
.cliply-page-content .cliply-intro{margin-bottom:28px}
.cliply-page-content .cliply-content-section{margin:0;padding:0;border:0}
.cliply-page-content>h1,.cliply-page-content>h2{color:#fff;text-align:center}
.cliply-page-content>p{color:var(--cliply-muted)}
/* Prevent WordPress content wrappers, theme styles or stale slider rules forcing width. */
.cliply-site,.cliply-shell,.cliply-content-section,.cliply-rail{box-sizing:border-box;min-width:0;max-width:100%;}
.cliply-site{width:100%;overflow-x:hidden}
.cliply-rail{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow-x:visible!important;scroll-snap-type:none!important;transform:none!important;touch-action:pan-y!important;}
.cliply-rail>.cliply-card{max-width:100%!important;min-width:0!important;flex:initial!important;position:relative;}
.cliply-intro,.cliply-intro h1,.cliply-intro h2,.cliply-intro p{text-align:center!important}
@media (max-width:1023px){.cliply-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:767px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .cliply-site{padding-left:clamp(12px,4vw,18px);padding-right:clamp(12px,4vw,18px);overflow:hidden!important}
  .cliply-shell,.cliply-content-section,.cliply-page-content{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
  .cliply-rail{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;width:100%!important;max-width:410px!important;min-width:0!important;justify-content:stretch!important;gap:23px!important;margin:0 auto!important;overflow:visible!important;scroll-snap-type:none!important;scroll-behavior:auto!important;transform:none!important;touch-action:pan-y!important;white-space:normal!important;}
  .cliply-rail>.cliply-card{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;aspect-ratio:9 / 16!important;margin:0!important;}
  .cliply-subtheme-section{margin-top:43px;padding-top:33px}
  .cliply-page-content .cliply-intro{margin-bottom:23px}
}