:root{--bg:#050505;--blue:#0745fa;--lime:#e1ff01}
body{color:#fff;font-family:'General Sans','Inter Tight',sans-serif}
button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.portfolio-bar{position:fixed;inset:0 0 auto;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:19px 28px;background:#050505;border-bottom:1px solid #ffffff25;font-size:18px}
.portfolio-bar a{text-decoration:none;color:#fff}.portfolio-bar>a{font-weight:700;letter-spacing:-.04em}.portfolio-bar span{font:11px 'DM Mono',monospace;color:#999;margin-left:16px;letter-spacing:0}.portfolio-bar>div{display:flex;align-items:center;gap:12px}.portfolio-bar button,.portfolio-bar>div>a{background:none;border:1px solid #ffffff40;color:#fff;border-radius:8px;padding:10px 16px;font-size:12px}.portfolio-bar>div>a{background:var(--lime);border-color:var(--lime);color:#050505}
.canvas,.slide{border-radius:0}.controls{bottom:20px;right:28px;gap:16px}.nav-btn:disabled{opacity:.25;cursor:default;transform:none}.deck-caption{position:fixed;bottom:33px;left:28px;font:11px 'DM Mono',monospace;color:#aaa;max-width:60vw}.deck-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#222;z-index:65}.deck-progress span{height:100%;display:block;background:var(--lime);transition:width .3s}.editorial-cover{height:100%;padding:72px 90px;background:#0745fa;display:flex;flex-direction:column;color:#fff}.ec-top,.ec-foot{display:flex;justify-content:space-between;font:18px 'DM Mono',monospace}.ec-top{padding-bottom:30px;border-bottom:1px solid #ffffff65}.ec-top>span:first-child{font:700 36px 'General Sans','Inter Tight',sans-serif;letter-spacing:-2px}.ec-kicker{margin-top:95px;font:18px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:2px}.editorial-cover h1{font:500 220px/.93 'General Sans','Inter Tight',sans-serif;letter-spacing:-12px;margin:45px 0 55px}.editorial-cover em{font-family:'Instrument Serif',serif;font-weight:400;color:var(--lime)}.ec-bottom{display:flex;justify-content:space-between;align-items:end}.ec-bottom p{font-size:28px;line-height:1.5}.ec-bottom button{border:0;border-radius:12px;padding:26px 42px;background:var(--lime);font-size:25px}.ec-foot{margin-top:auto;padding-top:28px;border-top:1px solid #ffffff65;color:#ffffffb0}.thanks-kicker{color:var(--lime)}
#projectIndex{position:fixed;margin:auto;width:min(690px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:30px;background:#101010;color:#fff;border:1px solid #555;border-radius:8px}#projectIndex::backdrop{background:#000b;backdrop-filter:blur(8px)}.index-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.index-heading h2{font:400 44px 'Instrument Serif',serif}.index-heading button{background:none;color:#fff;border:0;padding:12px}#projectLinks button{display:flex;align-items:center;gap:20px;width:100%;text-align:left;padding:19px 0;border:0;border-top:1px solid #333;color:#fff;background:none}#projectLinks button:hover{color:var(--lime)}#projectLinks strong{flex:1;font-size:19px;font-weight:500}#projectLinks span{font:11px 'DM Mono',monospace;color:#999}
body.reading{overflow:auto}body.reading .viewport,body.reading .controls,body.reading .deck-caption,body.reading .deck-progress{display:none}#reader{max-width:1100px;margin:80px auto 0;padding:0 30px}#reader section,#reader article{padding:65px 0;border-bottom:1px solid #333;scroll-margin-top:85px}.reader-kicker{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);margin-bottom:25px}#reader h1{font-size:clamp(62px,10vw,130px);letter-spacing:-.065em;line-height:.95;margin:25px 0 40px}#reader h2{font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-.04em;max-width:800px;margin-bottom:24px}#reader em{font-family:'Instrument Serif',serif;font-weight:400;color:var(--lime)}#reader p{max-width:650px;line-height:1.75;color:#bbb;font-size:17px;margin-bottom:20px}.reader-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0}.reader-gallery img,.reader-gallery video{width:100%;height:auto;max-height:650px;object-fit:contain;background:#151515}.reader-gallery>:only-child{grid-column:1/-1}#reader button,#reader a{color:var(--lime);background:none;border:0;border-bottom:1px solid #777;padding:12px 0;text-decoration:none}.reader-intro{min-height:60vh}
@media(max-width:700px){.portfolio-bar{padding:14px 16px;font-size:17px}.portfolio-bar span,.portfolio-bar>div>a{display:none}.portfolio-bar>div{gap:7px}.portfolio-bar button{padding:9px 11px;font-size:11px}#reader{padding:0 20px;margin-top:60px}#reader section,#reader article{padding:45px 0}.reader-gallery{grid-template-columns:1fr;gap:12px}#reader p{font-size:16px}.deck-caption{display:none}.controls{bottom:15px;left:50%;right:auto;transform:translateX(-50%)}.index-heading h2{font-size:35px}#projectIndex{padding:22px}.ec-top{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#figmaCursor{display:none!important}.reader-brand-panel{min-height:220px;display:flex;align-items:center;justify-content:center;padding:30px;background:#171717}.reader-brand-panel svg{width:100%;max-height:260px}.reader-brand-panel .cs-cell-tag{display:none}#reader .reader-metadata{font:11px/1.8 'DM Mono',monospace;color:#888}
/* Contents uses the homepage's ruled service and experience rows. */
.toc-slide{background:#050505;color:#fff;padding:60px 80px 35px;display:flex;flex-direction:column}
.toc-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:40px}.toc-heading .toc-left-kicker{font:14px 'DM Mono',monospace;color:#999;letter-spacing:.1em;margin-bottom:20px}.toc-heading h2{font:500 104px/.98 'General Sans','Inter Tight',sans-serif;letter-spacing:-.055em}.toc-heading h2 em{font:400 118px/.9 'Instrument Serif',serif;color:#e1ff01;letter-spacing:-.04em}.toc-heading p{font:13px/1.8 'DM Mono',monospace;color:#888;text-align:right;margin-bottom:4px}
.toc-slide .toc-list{display:flex;flex-direction:column;flex:1;min-height:0;border-top:1px solid #ffffff30}
.toc-slide .toc-row{display:grid;grid-template-columns:70px 1.2fr 1fr 95px;align-items:center;gap:22px;flex:1;min-height:0;width:100%;text-align:left;background:none;color:#fff;border:0;border-bottom:1px solid #ffffff30;padding:0;cursor:pointer;transform:none;animation:none;transition:background .2s,padding .2s}
.toc-number{font:13px 'DM Mono',monospace;color:#e1ff01}.toc-slide .toc-title{font:500 38px/1.1 'General Sans','Inter Tight',sans-serif;letter-spacing:-.035em;text-transform:none;color:#fff}.toc-description{font:19px/1.45 'General Sans','Inter Tight',sans-serif;color:#888}.toc-slide .toc-page{display:flex;justify-content:space-between;align-items:center;font:13px 'DM Mono',monospace;color:#888}.toc-page>span{font:26px 'General Sans','Inter Tight',sans-serif;color:#fff}.toc-slide .toc-row:hover{padding-left:12px;padding-right:12px;background:#ffffff06}.toc-slide .toc-row:hover .toc-title,.toc-slide .toc-row:hover .toc-page>span{color:#e1ff01}.toc-slide .toc-footer{font:12px 'DM Mono',monospace;letter-spacing:0;color:#666;border:0;margin-top:24px;padding:0;animation:none;display:flex;justify-content:space-between}
.toc-heading h2 em{font-style:italic}
.portfolio-game-slide{padding:50px 80px 35px;background:#080809;display:flex;flex-direction:column;gap:25px}.game-slide-top{display:flex;justify-content:space-between;font:14px 'DM Mono',monospace;color:#888;border-bottom:1px solid #ffffff25;padding-bottom:25px}.portfolio-game-host{width:100%;min-height:0;flex:1;display:flex;align-items:center}.portfolio-game-host iframe{display:block;width:100%;height:800px;border:0;background:#080809;color-scheme:dark;flex:none;max-height:100%}.game-slide-bottom{display:flex;gap:32px;align-items:center;border-top:1px solid #ffffff25;padding-top:24px;font:16px 'General Sans','Inter Tight',sans-serif}.game-slide-bottom a{color:#bbb;text-decoration:none}.game-slide-bottom a:first-child{margin-right:auto;font-size:26px;font-weight:700;color:#fff}.game-slide-bottom a:hover{color:#e1ff01}#reader .reader-game{background:#080809;padding:30px 0}#reader .portfolio-game-host{display:block}#reader .portfolio-game-host iframe{max-height:none}#reader .game-slide-bottom a{border:0}body.reading:has(.reader-game){background:#080809}
.portfolio-game-slide{align-items:stretch;text-align:left;justify-content:flex-start}.portfolio-game-slide .game-slide-top,.portfolio-game-slide .game-slide-bottom{width:100%;flex:none}

/* Match the homepage's final font settings. Brand type specimens retain their own fonts. */
:root{--body:'General Sans','Inter Tight',sans-serif;--disp:'General Sans','Inter Tight',sans-serif;--mono:'DM Mono',monospace}
body,button,input{font-family:var(--body)}
.cs-cover-title,.svid-title,.r2-headline h2,.s15-title,.sbrd-kicker{font-family:var(--body);font-weight:500;letter-spacing:-.04em}
.cs-script-kicker,.cs-cover-kicker,.r2-kicker,.svid-kicker{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.editorial-cover h1,.toc-heading h2,#reader h1,#reader h2{font-family:var(--body);font-weight:500}
.editorial-cover h1 em,.toc-heading h2 em,#reader em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic}
.portfolio-bar>a,.ec-top>span:first-child,.game-slide-bottom a:first-child{font-family:'Syne',sans-serif;font-weight:700;letter-spacing:-.025em}
/* The same sans and italic serif pairing used for homepage highlights. */
.cs-cover-title em,.r2-headline h2 em,.svid-title em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;letter-spacing:-.01em;font-size:1.1em;line-height:.85}
.r2-headline h2 em{color:inherit}
.r2-headline h2 em{margin-left:.08em}
#fullscreenExit{display:none;position:fixed;top:16px;right:16px;z-index:90;padding:10px 16px;border:1px solid #ffffff50;border-radius:8px;background:#080809db;color:#fff;font:12px var(--body);cursor:pointer;backdrop-filter:blur(10px)}
.presentation-fullscreen .portfolio-bar,.presentation-fullscreen .deck-caption{display:none}.presentation-fullscreen #fullscreenExit{display:block}.presentation-fullscreen .viewport{display:block;overflow-y:auto;overflow-x:hidden}.presentation-fullscreen .viewport::before{content:'';display:block;height:var(--expanded-slide-height)}.presentation-fullscreen .canvas{position:absolute;top:0;left:0;margin:0;transform-origin:top left;box-shadow:none}.presentation-fullscreen .controls{background:#080809d9;border:1px solid #ffffff25;border-radius:8px;padding:8px 14px;bottom:16px;right:16px;backdrop-filter:blur(10px)}
@media(max-width:700px){.portfolio-bar>div{gap:5px}.portfolio-bar button{padding:8px;font-size:10px}.portfolio-bar>a{font-size:14px}.presentation-fullscreen .controls{left:50%;right:auto}}
/* Keep composition inside the slide and balance intentional photo crops. */
.cs-body,.cs-gallery,.cs-showcase,.cs-feed-grid,.bibilin-app-grid,.bibilin-app-bottom{min-height:0}
.cs-feed-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.cs-feed-grid>.cs-media{min-height:0;min-width:0}
.cs-media img,.cs-media video,.cs-media.story img,.cs-full-media img,.spkg-cart-media img{object-position:50% 50%}
.cs-media:hover{transform:translateY(-3px);box-shadow:0 20px 40px -22px #0008}
.s15-standee-card{align-items:center;padding:20px 18px;position:relative}
.s15-standee-card img{width:54%;height:100%;min-height:0;object-fit:contain;object-position:center}
.s15-standee-card img:hover{transform:scale(1.015)}
.spkg-pouch-back{top:0;height:71%}.spkg-pouch-front{top:24%;height:71%}
.sbrd-stage{margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sbrd-page.full{position:relative;left:auto;top:auto;width:auto;height:100%;max-width:100%;max-height:100%;background:transparent;box-shadow:none;animation:none!important;transform:none!important;opacity:1;overflow:visible}
.sbrd-page.full img{width:100%;height:100%;object-fit:contain;object-position:center}
.sbrd-page.full:hover{transform:none;box-shadow:none}
.windo-mag-panel{height:100%;margin:0;align-items:center;justify-content:center;overflow:hidden}
.windo-mag-panel img{height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center}
.mawatu-mag-panel,.mawatu-social-panel{min-height:0;overflow:hidden;align-items:center}
.mawatu-mag-panel img,.mawatu-social-panel img{height:100%;width:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.mawatu-social-grid-media{padding:90px 30px 30px}
.mawatu-social-grid-media img{object-position:center}
.grissac-balloon img{object-position:center}.grissac-bottle img{object-position:center}

/* Fullscreen fits the complete slide in both dimensions without scrolling. */
body.presentation-fullscreen{overflow:hidden}
.presentation-fullscreen .viewport{display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:none}
.presentation-fullscreen .viewport::before{display:none}
.presentation-fullscreen .canvas{position:absolute;top:50%;left:50%;margin-top:-600px;margin-left:-960px;transform-origin:center center}

/* In fullscreen the slide itself adopts the display ratio, filling both axes. */
.presentation-fullscreen .canvas{height:var(--fullscreen-canvas-height);top:0;left:0;margin:0;transform-origin:top left}
.presentation-fullscreen .slide{height:100%;width:100%}
.presentation-fullscreen .cs-slide:not(.full-bleed){padding-top:46px;padding-bottom:40px}
.presentation-fullscreen .cs-topbar{margin-bottom:30px;padding-bottom:20px}
.presentation-fullscreen .cs-cover-title{font-size:58px;margin-bottom:22px}
.presentation-fullscreen .cs-cover-title[style]{font-size:46px!important}
.presentation-fullscreen .cs-sub{margin-bottom:26px}
.presentation-fullscreen .editorial-cover{padding:45px 70px}
.presentation-fullscreen .ec-kicker{margin-top:40px}
.presentation-fullscreen .editorial-cover h1{font-size:185px;margin:30px 0}
.presentation-fullscreen .ec-bottom p{font-size:25px}
.presentation-fullscreen .toc-slide{padding-top:40px;padding-bottom:25px}
.presentation-fullscreen .toc-heading{margin-bottom:25px}
.presentation-fullscreen .toc-heading h2{font-size:86px}
.presentation-fullscreen .toc-heading h2 em{font-size:98px}
.presentation-fullscreen .portfolio-game-slide{padding-top:30px;padding-bottom:25px}
.presentation-fullscreen .portfolio-game-host iframe{max-height:100%}
.portfolio-bar>a .brand-dot,.ec-top>span:first-child .brand-dot,.game-slide-bottom a:first-child .brand-dot{font:inherit;color:#4f46e5;margin:0;letter-spacing:inherit}
/* Original design-canvas cover, updated to the current homepage palette and type. */
.cover2-slide{background:#0745fa}
.cover2-bg{background-image:linear-gradient(#0745fa55,#0745fa55),url('../images/Slides/slide-cover.webp')}
.cover2-title{font-family:var(--body);font-weight:700;letter-spacing:-.04em}
.cover2-subtitle,.fp-label,.ep-text{font-family:var(--body)}
.cover2-subtitle b{font-weight:500}
.title-select-box{border-color:#e1ff01}.title-select-box .handle{background:#e1ff01}
.cover2-slide .fp-key,.cover2-slide .ep-text{font-family:var(--mono)}
/* A deeper design canvas, with purposeful navigation and pointer depth. */
.cover2-bg{background-image:linear-gradient(110deg,#02143144,#0745fa30),url('../images/Slides/slide-cover.webp');filter:saturate(1.2);transform:scale(1.18);}
.cover-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 35%,#0745fa66,transparent 58%),linear-gradient(0deg,#020817aa,transparent 35%)}
.cover-masthead{position:absolute;top:48px;left:70px;right:70px;display:flex;justify-content:space-between;align-items:start;color:#fff}.cover-masthead>span:first-child{font:700 30px 'Syne',sans-serif;letter-spacing:-.025em}.cover-brand-dot{color:#e1ff01}.cover-masthead>span:last-child{font:13px/1.7 var(--mono);text-align:right;color:#ffffffa6}
.cover2-stage{top:46%;transform:translate(calc(-50% + var(--cover-x,0px)),calc(-50% + var(--cover-y,0px))) rotate(-2.2deg);transition:transform .5s ease-out}
.cover2-title span{text-shadow:4px 4px 0 #9aacf0,9px 9px 0 #6277c4,16px 18px 0 #273e8e,24px 30px 28px #001a5880}
.cover2-title span:hover{text-shadow:4px 4px 0 #e1ff01,10px 12px 0 #82952d,20px 25px 25px #00184390}
.title-select-box{box-shadow:0 0 35px #e1ff0115,inset 0 0 30px #e1ff0108}
.cover-selection-label{position:absolute;left:calc(50% - 490px);top:calc(46% - 325px);font:12px var(--mono);letter-spacing:.1em;color:#e1ff01;background:#111c;padding:10px 15px;border:1px solid #e1ff0140;transform:rotate(-2.2deg)}
.cover2-subtitle{letter-spacing:0;font-size:22px}.cover2-subtitle b{color:#fff}
.cover2-slide .floating-panel{box-shadow:0 35px 65px #0008;border:1px solid #ffffff24}
.cover-invite{position:absolute;right:80px;bottom:145px;display:flex;flex-direction:column;align-items:end;gap:22px}.cover-invite>span{font:400 italic 30px/1.08 'Instrument Serif',serif;color:#fff;text-align:right}.cover-invite button{background:#e1ff01;color:#050505;border:0;border-radius:8px;padding:19px 24px;display:flex;align-items:center;gap:30px;font:500 19px var(--body);box-shadow:0 10px 35px #0003;transition:transform .2s,background .2s}.cover-invite button:hover{transform:translateY(-4px);background:#edff73}.cover-invite b{font-weight:400;font-size:25px}
.cover2-slide .cover-nav{left:70px;bottom:90px;transform:rotate(-1deg);padding:10px 14px;gap:12px}.cover-nav button{border:0;background:none;color:#eee;padding:12px;font:15px var(--body);display:flex;gap:20px;align-items:center;border-radius:6px}.cover-nav button:hover{background:#ffffff15}.cover-nav button span{font:11px var(--mono);color:#a0a0a0}
.cover-bottom-note{position:absolute;bottom:35px;left:70px;right:70px;display:flex;justify-content:space-between;font:11px var(--mono);color:#ffffff85;letter-spacing:.03em;border-top:1px solid #ffffff25;padding-top:17px}
.cover2-slide .edition-pill{left:160px;top:760px}
@media(prefers-reduced-motion:reduce){.cover2-stage{transition:none}}
.cover2-slide .cover-nav{left:50%;transform:translateX(-50%);bottom:90px;justify-content:center}
#nextBtn.next-hint{position:relative;border-color:#e1ff01;color:#e1ff01;animation:nextInvite 2.4s ease-in-out infinite}
#nextBtn.next-hint::before{content:'Start here';position:absolute;right:calc(100% + 20px);top:50%;transform:translateY(-50%);white-space:nowrap;font:11px var(--mono);color:#e1ff01;pointer-events:none}
#nextBtn.next-hint::after{content:'';position:absolute;inset:-6px;border:1px solid #e1ff0180;border-radius:50%;pointer-events:none;animation:nextRing 2.4s ease-out infinite}
@keyframes nextInvite{0%,100%{box-shadow:0 0 0 #e1ff0100}50%{box-shadow:0 0 18px #e1ff012b}}
@keyframes nextRing{0%{transform:scale(.9);opacity:0}20%{opacity:.8}90%,100%{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){#nextBtn.next-hint,#nextBtn.next-hint::after{animation:none}}
@media(max-width:700px){#nextBtn.next-hint::before{content:'Next →';right:0;top:-20px;transform:none}}
#nextBtn.next-hint::before{right:0;top:-28px;transform:none}

/* Chicky case study */
.chicky-slide{--chicky-red:#e12f1f;--chicky-cream:#fff3e4;background:var(--chicky-cream);color:#281712}
.chicky-slide .cs-topbar{margin-bottom:32px;border-color:#28171238}
.chicky-slide .cs-breadcrumb,.chicky-slide .cs-breadcrumb span,.chicky-slide .cs-breadcrumb b,.chicky-slide .cs-page-label,.chicky-slide .cs-page-label b{color:inherit}
.chicky-slide .cs-media{min-height:0;min-width:0;border-radius:12px;overflow:hidden}
.chicky-slide .cs-media img,.chicky-slide .cs-media video{display:block;width:100%;height:100%;object-fit:contain}
.chicky-system{padding:48px 62px 40px}
.chicky-slide .chicky-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.chicky-slide .chicky-gallery .feed{grid-column:span 4;min-height:0}
.chicky-slide .chicky-gallery .feed:nth-child(1),.chicky-slide .chicky-gallery .feed:nth-child(6){grid-column:span 3}
.chicky-slide .chicky-gallery .feed:nth-child(2),.chicky-slide .chicky-gallery .feed:nth-child(5){grid-column:span 5}
.chicky-slide .chicky-gallery .feed img{object-fit:cover}
.chicky-slide .chicky-gallery .feed:hover{transform:none;box-shadow:none}
.chicky-campaign .svid-video-stage{position:absolute;inset:-2px;width:auto;height:auto}
.chicky-campaign .svid-copy{right:90px;top:30%;width:700px}
.chicky-campaign .svid-title{font-size:68px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ffffff40}
.chicky-campaign .svid-desc{margin-bottom:32px}
.chicky-campaign .s12-info-table{margin:0 0 26px;padding:0;border:0}
.chicky-campaign .s12-info-row span{color:#ffffffa8;font-size:13px}
.chicky-campaign .s12-info-row b{font-size:18px}
.chicky-tools{display:flex;align-items:center;gap:12px;margin:0;font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.chicky-tools img{display:block;width:28px;height:28px;object-fit:contain}
.chicky-intro .chicky-hero:hover{transform:none;box-shadow:none}
.chicky-play{margin-top:44px;padding:8px 0;border:0;background:transparent;color:#fff;font:700 15px var(--body)}
.chicky-play:hover{text-decoration:underline;text-underline-offset:4px}
#chickyPlayer{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto;width:min(960px,calc(100vw - 32px));max-width:none;padding:16px;border:1px solid #ffffff30;border-radius:12px;background:#151515;color:white}
#chickyPlayer::backdrop{background:#000c}
#chickyPlayer .index-heading{margin-bottom:12px}
#chickyPlayer h2{margin:0}
#chickyPlayer video{display:block;width:100%;aspect-ratio:16/9;max-height:72vh;object-fit:contain}
@media(prefers-reduced-motion:reduce){.chicky-campaign .svid-video-stage video{visibility:hidden}.chicky-campaign .svid-video-stage{background:center/cover url('../images/case-studies/chicky/campaign-poster.webp')}}

.chicky-gallery-loop img + img{position:absolute;inset:0;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .active-slide .chicky-gallery-loop img:nth-child(2){animation:chicky-gallery-second 9s infinite}
  .active-slide .chicky-gallery-loop img:nth-child(3){animation:chicky-gallery-third 9s infinite}
}
@keyframes chicky-gallery-second{
  0%,30%,70%,100%{opacity:0}
  33.333%,66.667%{opacity:1}
}
@keyframes chicky-gallery-third{
  0%,63%,100%{opacity:0}
  66.667%,96.667%{opacity:1}
}

.airin-mockup-loop img + img{position:absolute;inset:0;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .active-slide .airin-mockup-loop img + img{animation:airin-mockup-swap 8s infinite}
  .active-slide .airin-row-bottom .airin-mockup-loop:first-child img + img{animation-delay:1.3s}
  .active-slide .airin-row-bottom .airin-mockup-loop:nth-child(2) img + img{animation-delay:2.6s}
}
@keyframes airin-mockup-swap{
  0%,44%,100%{opacity:0}
  50%,94%{opacity:1}
}

.varesse-feed-loops .feed img + img{position:absolute;inset:0;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .active-slide .varesse-feed-loops img:nth-child(2){animation:varesse-banner-second 18s var(--loop-delay) infinite}
  .active-slide .varesse-feed-loops img:nth-child(3){animation:varesse-banner-third 18s var(--loop-delay) infinite}
}
@keyframes varesse-banner-second{
  0%,33.333%,68.667%,100%{opacity:0}
  35.333%,66.667%{opacity:1}
}
@keyframes varesse-banner-third{
  0%,66.667%,100%{opacity:0}
  68.667%,98%{opacity:1}
}