/* TheSupplier portfolio styles — v1.0 — Station 3: teaser (Station 4 appends showcase) */

/* ===== Teaser band ===== */
.ptf-teaser-card{
  position:relative;
  background:linear-gradient(160deg,#0C1E44,#0A1730);
  color:#fff;
  border-radius:var(--radius-lg);
  padding:46px;
}
@media (max-width:600px){
  .ptf-teaser-card{padding:32px 20px;border-radius:var(--radius)}
}
.ptf-teaser-head{max-width:680px;margin-bottom:34px}
.ptf-teaser-head .lead{color:rgba(255,255,255,.78);max-width:620px}
.ptf-teaser-cta{margin-top:34px;display:flex;justify-content:center}

/* ===== Category grid ===== */
.ptf-cats{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
  list-style:none;
  margin:0;
  padding:0;
}
.ptf-cats > :nth-child(-n+2){grid-column:span 3}
.ptf-cats > :nth-child(n+3){grid-column:span 2}

@media (max-width:960px){
  .ptf-cats{grid-template-columns:repeat(2,1fr)}
  .ptf-cats > :nth-child(-n+2),
  .ptf-cats > :nth-child(n+3){grid-column:span 1}
}

@media (max-width:600px){
  .ptf-cats{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:16px;
    padding-bottom:6px;
    margin:0 -20px;
    padding-left:20px;
    padding-right:20px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ptf-cats::-webkit-scrollbar{display:none}
  .ptf-cats > *{
    flex:0 0 78%;
    grid-column:auto;
    scroll-snap-align:center;
  }
}

/* ===== Card anatomy ===== */
.ptf-cat{
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius);
  background:rgba(255,255,255,.05);
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  transition:transform .22s ease,border-color .22s ease;
  will-change:transform;
}
.ptf-cat-media{
  margin:0;
  aspect-ratio:800/500;
  overflow:hidden;
  background:rgba(255,255,255,.06);
}
.ptf-cat-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .26s ease;
}
.ptf-cat-body{padding:20px 22px 24px;position:relative;z-index:1}
.ptf-cat-body h3{font-size:1.12rem;font-weight:700;margin:0 0 6px}
.ptf-cat-body p{margin:0 0 14px;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.72)}
.ptf-count{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}
.ptf-arrow{
  position:absolute;
  right:18px;bottom:18px;
  width:2.3em;height:2.3em;
  display:inline-grid;place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  font-size:1rem;
  color:#fff;
  transition:background .22s ease,transform .18s ease;
  transform:scaleX(var(--arrow-flip,1)) translate(var(--ax,0),var(--ay,0));
}
html.rtl .ptf-arrow{--arrow-flip:-1;right:auto;left:18px}

/* Cursor glow — desktop only, positioned via --mx/--my written by JS */
.ptf-glow{
  position:absolute;inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .22s ease;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),
    color-mix(in srgb, var(--acc) 28%, transparent), transparent 70%);
}

/* ===== Hover — fine pointer only ===== */
@media (hover:hover) and (pointer:fine){
  .ptf-cat:hover{transform:translateY(-4px);border-color:var(--acc)}
  .ptf-cat:hover .ptf-glow{opacity:1}
  .ptf-cat:hover .ptf-cat-media img{
    transform:scale(1.06) translate(var(--px,0),var(--py,0));
  }
  .ptf-cat:hover .ptf-arrow{background:var(--acc);color:var(--navy)}
}

/* ===== Touch ===== */
.ptf-cat:active{transform:scale(.985)}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion:reduce){
  .ptf-cat,.ptf-cat-media img,.ptf-arrow,.ptf-glow{transition:none}
  .ptf-glow{opacity:.5;background:radial-gradient(220px circle at 50% 50%,
    color-mix(in srgb, var(--acc) 16%, transparent), transparent 70%)}
  .ptf-cat:hover{transform:none;border-color:var(--acc)}
  .ptf-cat:hover .ptf-cat-media img{transform:none}
  .ptf-cat:hover .ptf-arrow{background:var(--acc);color:var(--navy);transform:scaleX(var(--arrow-flip,1))}
}

/* ============================================================
   Station 4 — Showcase page (/digital-portfolio)
   ============================================================ */

/* ===== Hero ===== */
.ptf-hero{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(180deg,#0A1730,#0C1E44 60%,#10265c);
  color:#fff;
}
.ptf-hero::before{
  content:"";position:absolute;inset:0;opacity:.04;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:120px 120px;
}
.ptf-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ptf-aurora-blob{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.ptf-aurora-1{width:520px;height:520px;background:radial-gradient(circle,var(--blue) 0%,transparent 70%);opacity:.16;top:-12%;left:-8%;animation:ptfDrift1 22s ease-in-out infinite}
.ptf-aurora-2{width:460px;height:460px;background:radial-gradient(circle,var(--lime) 0%,transparent 70%);opacity:.14;bottom:-16%;right:-10%;animation:ptfDrift2 26s ease-in-out infinite}
.ptf-aurora-3{width:400px;height:400px;background:radial-gradient(circle,#7C5CFF 0%,transparent 70%);opacity:.12;top:28%;right:18%;animation:ptfDrift3 18s ease-in-out infinite}
@keyframes ptfDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes ptfDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-30px)}}
@keyframes ptfDrift3{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,50px)}}

.ptf-hero-inner{position:relative;z-index:1;text-align:center;padding:120px 22px 60px;max-width:760px;margin:0 auto}
.ptf-hero-eyebrow{color:var(--lime);display:block;opacity:0;animation:ptfRise .7s cubic-bezier(.2,.75,.2,1) forwards}
.ptf-hero-h1{color:#fff;font-size:clamp(2.6rem,7vw,4.6rem);margin:.3em auto .4em;line-height:1.08}
.ptf-hero-h1 .ptf-line{display:block;overflow:hidden;clip-path:inset(0 0 100% 0);transform:translateY(30%);animation:ptfLineReveal .7s cubic-bezier(.2,.75,.2,1) forwards}
.ptf-hero-h1 .ptf-line:nth-child(2){animation-delay:.12s}
.ptf-hero-lead{color:rgba(255,255,255,.72);max-width:560px;margin:0 auto;opacity:0;animation:ptfRise .7s .24s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes ptfRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ptfLineReveal{from{clip-path:inset(0 0 100% 0);transform:translateY(30%)}to{clip-path:inset(0 0 0% 0);transform:translateY(0)}}

.ptf-counters{display:flex;justify-content:center;gap:clamp(24px,5vw,56px);margin-top:40px;flex-wrap:wrap;opacity:0;animation:ptfRise .7s .36s cubic-bezier(.2,.75,.2,1) forwards}
.ptf-counter-item{text-align:center}
.ptf-counter,.ptf-counter-suffix{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#fff}
.ptf-counter-suffix{color:var(--lime)}
.ptf-counter-label{display:block;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-top:4px}

.ptf-scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:1}
.ptf-scroll-cue span{display:block;width:1px;height:40px;background:rgba(255,255,255,.28);position:relative;overflow:hidden}
.ptf-scroll-cue span::after{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:#fff;animation:ptfScrollCue 2s ease-in-out infinite}
@keyframes ptfScrollCue{0%{top:-40%}100%{top:100%}}

/* ===== Category rail ===== */
.ptf-rail{position:sticky;top:74px;z-index:40;background:rgba(250,248,242,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ptf-rail-inner{display:flex;gap:8px;padding:12px 22px;overflow-x:auto;scrollbar-width:none;max-width:var(--maxw);margin:0 auto}
.ptf-rail-inner::-webkit-scrollbar{display:none}
.ptf-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:.5em 1.1em;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--ink);background:transparent;transition:.2s ease;flex:none;text-decoration:none}
.ptf-chip-count{font-size:.7rem;opacity:.55;font-weight:700}
.ptf-chip.is-active{background:var(--acc);color:#fff}
.ptf-chip.is-active .ptf-chip-count{color:rgba(255,255,255,.85);opacity:1}
.ptf-rail-progress{height:2px;background:var(--line);overflow:hidden}
.ptf-rail-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--blue),var(--lime));transform:scaleX(0);transform-origin:0 0;will-change:transform}
html.rtl .ptf-rail-progress span{transform-origin:100% 0}

/* ===== Chapters ===== */
.ptf-chapter{padding-block:96px;content-visibility:auto;contain-intrinsic-size:1200px}
.ptf-chapter.ptf-dark{background:var(--navy);color:#fff}
.ptf-chapter-inner{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.ptf-chapter-head{max-width:680px;margin-bottom:48px}
.ptf-chapter-tagline{color:var(--muted);margin-top:8px}
.ptf-dark .ptf-chapter-tagline{color:rgba(255,255,255,.72)}
.ptf-chapter-rule{height:2px;width:64px;background:var(--acc);margin-top:18px;transform:scaleX(0);transform-origin:0 0;transition:transform .6s ease}
html.rtl .ptf-chapter-rule{transform-origin:100% 0}
.ptf-chapter-head.in .ptf-chapter-rule{transform:scaleX(1)}
@media (max-width:760px){.ptf-chapter{padding-block:64px}}

/* ===== Project cards ===== */
.ptf-proj-feature{display:flex;align-items:stretch;margin-bottom:24px;border-radius:var(--radius-lg);overflow:hidden}
.ptf-dark .ptf-proj-feature{flex-direction:row-reverse}
.ptf-proj-feature .ptf-proj-media{flex:0 0 58%}
.ptf-proj-feature .ptf-proj-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px}
.ptf-proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ptf-proj-grid .ptf-frame-phone{max-width:160px}
@media (max-width:760px){
  .ptf-proj-feature{flex-direction:column!important}
  .ptf-proj-grid{grid-template-columns:1fr}
}

.ptf-proj{
  --ty:24px;
  position:relative;display:block;text-decoration:none;color:inherit;
  border-radius:var(--radius);background:var(--card);border:1px solid var(--line);
  overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;
  opacity:0;transform:translateY(var(--ty));
  transition:transform .5s ease,opacity .5s ease,box-shadow .3s ease;
  perspective:900px;
}
.ptf-dark .ptf-proj{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.ptf-proj.in{opacity:1;--ty:0px}
.ptf-proj:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ptf-proj-media{position:relative;padding:20px 20px 0;background:linear-gradient(160deg,#eef1f8,#e3e7f2);transform-style:preserve-3d}
.ptf-dark .ptf-proj-media{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.ptf-proj-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .22s ease;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%);}

.ptf-frame-browser{border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 20px 40px rgba(11,27,59,.18);background:#fff}
.ptf-frame-browser-bar{height:26px;background:#e9ebf0;display:flex;align-items:center;gap:6px;padding:0 10px}
.ptf-frame-browser-bar span{width:7px;height:7px;border-radius:50%;background:#c7cbd6}
.ptf-frame-browser img{display:block;width:100%;aspect-ratio:1440/900;object-fit:cover}

.ptf-frame-phone{position:relative;max-width:200px;margin:0 auto;border-radius:34px;background:#111;padding:8px;box-shadow:0 20px 40px rgba(11,27,59,.22)}
.ptf-frame-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:58px;height:16px;border-radius:10px;background:#111;z-index:1}
.ptf-frame-phone img{display:block;width:100%;aspect-ratio:780/1622;object-fit:cover;border-radius:26px}

.ptf-proj-body{padding:22px 22px 24px}
.ptf-proj-feature .ptf-proj-body{padding:40px}
.ptf-proj-body h3{font-size:1.2rem;margin:0 0 2px}
.ptf-proj-sub{font-size:.82rem;color:var(--muted);margin:0 0 10px;font-weight:600}
.ptf-dark .ptf-proj-sub{color:rgba(255,255,255,.6)}
.ptf-proj-tagline{font-size:.9rem;color:var(--muted);margin:0 0 14px;line-height:1.55}
.ptf-dark .ptf-proj-tagline{color:rgba(255,255,255,.72)}
.ptf-proj-stack{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.ptf-chip-sm{font-size:.7rem;font-weight:700;padding:.32em .75em;border-radius:999px;background:rgba(11,27,59,.06);color:var(--muted)}
.ptf-dark .ptf-chip-sm{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.ptf-proj-modules{font-size:.72rem;color:var(--muted-2);margin-bottom:16px;display:block}
.ptf-dark .ptf-proj-modules{color:rgba(255,255,255,.5)}
.ptf-proj-cta{display:inline-flex;align-items:center;gap:.5em;font-size:.85rem;font-weight:700;padding:.6em 1.15em;border-radius:999px;border:1.5px solid var(--acc-text,var(--acc));color:var(--acc-text,var(--acc));transition:.2s ease;width:fit-content}
.ptf-proj:hover .ptf-proj-cta,.ptf-proj:focus-visible .ptf-proj-cta{background:var(--acc-hover,var(--acc));color:#fff}

@media (hover:hover) and (pointer:fine){
  .ptf-proj-media{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.75,.3,1.1)}
  .ptf-proj-media .ptf-frame-browser,.ptf-proj-media .ptf-frame-phone{transform:translateZ(24px);transition:transform .4s cubic-bezier(.2,.75,.3,1.1)}
  .ptf-proj:hover{box-shadow:var(--shadow)}
  .ptf-proj:hover .ptf-proj-glow{opacity:1}
}
@media (max-width:760px){
  .ptf-proj-media{transform:none!important}
}

/* ===== Overlay (case file) ===== */
.ptf-overlay{position:fixed;top:74px;left:0;right:0;bottom:0;z-index:60;background:var(--cream);display:flex;opacity:0;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease}
.ptf-overlay[hidden]{display:none}
.ptf-overlay.in{opacity:1;transform:translateY(0)}
.ptf-overlay-inner{display:flex;width:100%;height:100%;overflow:hidden}
.ptf-overlay-gallery{flex:0 0 62%;background:#12142a;position:relative;display:flex;flex-direction:column;overflow-y:auto}
.ptf-overlay-content{flex:1;overflow-y:auto;padding:44px clamp(20px,4vw,56px) 100px}
.ptf-overlay-close{position:absolute;top:18px;right:18px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;border:0;color:var(--ink)}
html.rtl .ptf-overlay-close{right:auto;left:18px}

.ptf-gallery-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:60px 60px 20px;min-height:260px;max-height:70vh}
.ptf-gallery-stage img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.35);transition:opacity .22s ease}
.ptf-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;z-index:2}
.ptf-gallery-arrow.prev{left:16px}
.ptf-gallery-arrow.next{right:16px}
/* Physical transport controls stay put in RTL — left-arrow keeps its "previous" semantics
   rather than mirroring like text/layout does (spec: 05-STATION-5 §5.4.3). */
.ptf-gallery-caption{text-align:center;color:rgba(255,255,255,.7);font-size:.85rem;padding:0 20px 16px}
.ptf-gallery-thumbs{display:flex;gap:10px;padding:0 20px 20px;overflow-x:auto}
.ptf-gallery-thumb{flex:0 0 72px;aspect-ratio:800/500;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;opacity:.55;transition:.2s ease;padding:0;background:none}
.ptf-gallery-thumb.is-active{opacity:1;border-color:#2E63F6}
.ptf-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ptf-gallery-dots{display:none;gap:6px;justify-content:center;padding:4px 0 14px}
.ptf-gallery-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.32)}
.ptf-gallery-dots span.is-active{background:#fff;width:16px;border-radius:3px}

.ptf-overlay-eyebrow{color:var(--blue);display:block}
.ptf-overlay-content h2{font-size:clamp(1.6rem,3.4vw,2.1rem);margin:.2em 0 2px}
.ptf-overlay-sub{color:var(--muted);font-weight:600;margin-bottom:16px}
.ptf-overlay-desc{color:var(--muted);line-height:1.75;margin-bottom:26px}
.ptf-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;list-style:none;margin:0 0 26px;padding:0}
.ptf-feature-list li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.86rem;font-weight:600}
.ptf-feature-list li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--lime)}
.ptf-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.ptf-stat{text-align:center;padding:14px 8px;border-radius:var(--radius-sm);background:rgba(11,27,59,.04)}
.ptf-stat-v{display:block;font-weight:800;font-size:1.1rem;color:var(--ink)}
.ptf-stat-k{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
.ptf-overlay-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ptf-overlay-credit{font-size:.78rem;color:var(--muted-2);margin-bottom:28px}
.ptf-overlay-cta{background:linear-gradient(160deg,#0C1E44,#0A1730);color:#fff;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.ptf-overlay-cta-buttons{display:flex;gap:10px;flex-wrap:wrap}
.ptf-overlay-cta-note{font-size:.76rem;color:rgba(255,255,255,.55);margin:0}
.ptf-wa-btn{background:#25D366;color:#fff}
.ptf-wa-btn svg{width:1.1em;height:1.1em}

@media (max-width:900px){
  .ptf-overlay-inner{flex-direction:column}
  .ptf-overlay-gallery{flex:none;height:48vh}
  .ptf-gallery-thumbs{display:none}
  .ptf-gallery-dots{display:flex}
  .ptf-gallery-stage{padding:30px 50px 6px}
  .ptf-overlay-content{padding:26px 20px 20px}
  .ptf-overlay-cta{position:sticky;bottom:0;margin:20px -20px calc(-20px - env(safe-area-inset-bottom, 0px));border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}
}

/* ===== Finale ===== */
.ptf-finale-wrap{position:relative;padding-top:40px}
.ptf-marquee{overflow:hidden;white-space:nowrap;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ptf-marquee-track{display:inline-flex;gap:40px;animation:ptfMarquee 40s linear infinite;will-change:transform}
.ptf-marquee-track span{font-size:1.4rem;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(11,27,59,.18);white-space:nowrap}
@keyframes ptfMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html.rtl .ptf-marquee-track{animation-name:ptfMarqueeRtl}
html.rtl .ptf-hero-h1{line-height:1.3}
@keyframes ptfMarqueeRtl{from{transform:translateX(0)}to{transform:translateX(50%)}}

.ptf-finale{text-align:center;padding:56px 46px}
.ptf-finale-cta{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap}
@media (max-width:600px){.ptf-finale{padding:40px 26px}}

/* ===== Noscript fallback ===== */
.ptf-noscript{padding:80px 22px;max-width:var(--maxw);margin:0 auto}
.ptf-noscript-cat{margin-top:30px}
.ptf-noscript-cat h3{color:var(--blue)}
.ptf-noscript-cat ul{list-style:none;padding:0;margin:0}
.ptf-noscript-cat li{padding:8px 0;border-bottom:1px solid var(--line)}
.ptf-noscript-cat a{color:var(--ink);font-weight:600}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion:reduce){
  .ptf-hero-h1 .ptf-line,.ptf-hero-eyebrow,.ptf-hero-lead,.ptf-counters{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
  .ptf-aurora-blob{animation:none}
  .ptf-scroll-cue span::after{animation:none;top:0;height:100%}
  .ptf-chapter-rule{transition:none}
  .ptf-proj{transition:opacity .3s ease;transform:none!important}
  .ptf-proj-media{transform:none!important;transition:none}
  .ptf-proj.in{opacity:1}
  .ptf-marquee-track{animation:none}
  .ptf-overlay{transition:opacity .18s ease;transform:none!important}
  .ptf-gallery-stage img{transition:none}
}