.reading-progress{z-index:30;pointer-events:none;background:#0005;width:100%;height:2px;position:fixed;top:1px;left:0}.reading-progress>span{background:var(--accent);transform-origin:0;border-radius:8px;width:100%;height:100%;display:block;transform:scaleX(0)}.study{--space-chapter:clamp(144px, 16vw, 256px);--space-block:clamp(56px, 6vw, 104px);--space-tight:clamp(32px, 4vw, 64px);--study-radius:clamp(12px, 1.4vw, 22px);--study-body:clamp(17px, 1.2vw, 22px);overflow-x:clip}.study :where(h1,h2,h3,p,figure,blockquote,dl,dd):where(:not(.home-contact *)){margin:0}.study-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.study-hero{padding:clamp(136px, 20vh, 216px) var(--gutter) 0}.study-hero .home-in{animation-name:home-fade}.study-hero-grid{align-items:end}.study-title{font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.04em;text-wrap:balance;grid-column:1/span 9;margin-left:-.05em;font-size:clamp(min(46px,12vw),8.2vw,150px);font-weight:500;line-height:.9}.study-title-long{font-size:clamp(min(40px,10.4vw),6vw,110px);line-height:.92}.study-title-line{display:block}.study-title .split-part>span{animation:home-rise 1.3s var(--ease-out) both;animation-delay:calc((var(--i) + var(--line-start,0)) * 70ms + .15s)}.study-summary{color:var(--ink-2);text-wrap:pretty;grid-column:10/-1;gap:14px;padding-bottom:.6em;font-size:17px;line-height:1.5;animation-delay:.42s;display:grid}.study-overview{margin-top:var(--space-block)}.study-facts{grid-area:1/1/auto/span 3;display:grid}.study-facts>div{border-top:1px solid var(--line);grid-template-columns:7em 1fr;align-items:baseline;gap:16px;padding-block:14px;display:grid}.study-facts>div:last-child{border-bottom:1px solid var(--line)}.study-facts dd{color:var(--ink);font-size:17px}.study-facts>div:has(.study-client){align-items:center}.study-client{width:auto;height:15px;display:block}.study-intro{max-width:34em;color:var(--ink);text-wrap:pretty;grid-area:1/5/auto/span 7;font-size:clamp(20px,1.6vw,26px);line-height:1.5}.study-media{border-radius:var(--study-radius);background:#151517;position:relative;overflow:clip}.study-media-hero,.study-media-wide{aspect-ratio:2}.study-media-hero{animation:study-open 1.6s var(--ease-out) .45s both;margin-top:clamp(32px,5vh,64px)}.study-media-hero img{animation:study-settle 1.9s var(--ease-out) .45s both}.study-artwork{height:100%;display:block}.study-media :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.study-figure{gap:14px;display:grid}@font-face{font-family:Medodica;src:url(/sites/daniel-munzar/case-studies/pink-monster-hero/game/font/MedodicaRegular.otf)format("opentype");font-display:swap}.study-pink-monster-hero :is(.study-title,.study-chapter-title,.study-stat-value,.study-quote p){font-family:Medodica, var(--font-geist-mono), monospace;font-synthesis:none;letter-spacing:0;font-weight:400;line-height:1.05}.study-media-wide.study-game-desktop{aspect-ratio:auto;padding:clamp(24px,4vw,72px)}.study-game{aspect-ratio:5/3;border-radius:calc(var(--study-radius) * .6);background:#242b48;width:min(100%,166.667svh - 266.667px);margin-inline:auto;position:relative;overflow:clip}.study-media .study-game-poster,.study-game-frame{object-fit:contain;border:0;width:100%;height:100%;display:block}.study-game-cover{cursor:pointer;background:#0b0b0c4d;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.study-game[data-state=paused] .study-game-cover{background:#0b0b0c99}.study-game-cover .home-label{color:var(--ink)}.study-game-pill{cursor:pointer}.study-game .study-game-pill .pill-icon svg{transform:none}.study-game .study-game-pill .pill-icon svg:last-child{transform:translate(-230%)}@media (hover:hover) and (pointer:fine){.study-game .study-game-pill:hover .pill-icon svg:first-child{transform:translate(230%)}.study-game .study-game-pill:hover .pill-icon svg:last-child{transform:none}}.study-game-phone{display:none}@keyframes study-open{0%{clip-path:inset(10% 5% 0 round var(--study-radius))}to{clip-path:inset(0 round var(--study-radius))}}@keyframes study-settle{0%{transform:scale(1.12)}}.study-chapter{padding:var(--space-chapter) var(--gutter) 0}.study-chapter>*+*{margin-top:var(--space-block)}.study-chapter-head+*{margin-top:var(--space-tight)}.study-chapter-head{justify-items:start;gap:clamp(14px,1.4vw,22px);display:grid}.study-chapter-kicker{align-items:baseline;gap:1.2em;display:flex}.study-chapter-index{letter-spacing:0;color:var(--study-accent,var(--signal));font-size:clamp(20px,1.9vw,30px)}.study-chapter-title{max-width:16ch;font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.035em;font-size:clamp(44px,5.6vw,104px);font-weight:500;line-height:.92}.study-side-head{color:var(--ink);grid-column:1/span 8;margin-bottom:16px}.study-copy{max-width:34em;font-size:var(--study-body);color:var(--ink-2);text-wrap:pretty;grid-column:1/span 8;gap:1.1em;line-height:1.65;display:grid}.study-code{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink);overflow-wrap:anywhere;background:#efeee914;border-radius:6px;padding:.1em .35em;font-size:.86em}.study-quote p{font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.03em;color:var(--ink);grid-column:1/span 10;font-size:clamp(32px,4.4vw,74px);font-weight:500;line-height:1.02}.study-quote footer{text-align:left;border-top:0;grid-column:1/span 10;margin-top:24px;padding:0}.study-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.study-pair .study-figure+.study-figure{margin-top:clamp(48px,8vw,144px)}.study-pair .study-media{aspect-ratio:1}.study-stat{border-top:1px solid var(--line);align-items:baseline;padding-block:22px 30px}.study-stat:last-child{border-bottom:1px solid var(--line)}.study-stat dt{grid-column:1/span 4}.study-stat-value{font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:5/-1;font-size:clamp(36px,4vw,72px);font-weight:500;line-height:.95}.study-stat-baseline{grid-column:5/-1;margin-top:14px}.study-stat-highlight{padding-block:28px 40px}.study-stat-highlight dt{color:var(--ink)}.study-stat-highlight .study-stat-value{letter-spacing:-.04em;color:var(--study-accent,var(--signal));font-size:clamp(52px,7.6vw,144px);line-height:.9}.study-timeline{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:24px;margin-bottom:0;padding:0;list-style:none;display:grid}.study-timeline li{border-top:1px solid var(--line);color:var(--ink-2);align-content:start;gap:12px;padding-top:14px;font-size:17px;line-height:1.5;display:grid}.study-timeline-title{font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.03em;color:var(--ink);margin-top:6px;font-size:clamp(28px,2.6vw,44px);font-weight:500;line-height:1}.study-timeline li:last-child{border-top-color:var(--study-accent,var(--signal))}.study-timeline li:last-child .home-label{color:var(--study-accent,var(--signal))}.study-compare-row{border-top:1px solid var(--line);align-items:baseline;padding-block:22px 26px}.study-compare-row:last-child{border-bottom:1px solid var(--line)}.study-compare-row dt{grid-column:1/span 4}.study-compare-row dd{grid-column:5/-1;gap:12px;min-width:0;display:grid}.study-compare-row code{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word;font-size:clamp(18px,2vw,32px);line-height:1.2}.study-compare-before code{color:var(--mute);text-decoration:line-through;text-decoration-thickness:1px}.study-compare-after dt{color:var(--ink)}.study-compare-note{text-transform:none;letter-spacing:0}.study-list-row{border-top:1px solid var(--line);align-items:baseline;padding-block:18px 20px}.study-list-row:last-child{border-bottom:1px solid var(--line)}.study-list-row dt{color:var(--ink);grid-column:1/span 4}.study-list-row dd{max-width:34em;font-size:var(--study-body);color:var(--ink-2);grid-column:5/span 7;line-height:1.55}.study-next{z-index:2;padding:var(--space-chapter) var(--gutter) clamp(80px, 10vw, 160px);background:var(--bg);position:relative}.study-next-title{margin-bottom:var(--space-block);font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.035em;font-size:clamp(44px,5.6vw,104px);font-weight:500;line-height:.92}.study-more{gap:var(--space-block) 24px;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.study-more>li{grid-column:span 2}.study-more>li:nth-child(-n+2){grid-column:span 3}.study-card{gap:14px;display:grid}.study-card .home-case-media{aspect-ratio:4/3;margin-bottom:14px}.study-more>li:nth-child(-n+2) .home-case-media{aspect-ratio:2}.study-card-title{font-family:var(--font-clash-display), Arial, sans-serif;letter-spacing:-.03em;font-size:clamp(28px,2.6vw,44px);font-weight:500;line-height:1}.study-card-text{max-width:34em;color:var(--ink-2);gap:12px;font-size:17px;line-height:1.5;display:grid}@media (prefers-reduced-motion:no-preference){.motion-ready .home :is(.study-text,.study-facts,.study-intro,.study-stat,.study-card-text,.study-timeline li,.study-compare-row,.study-list-row).reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(18px)}.motion-ready .home :is(.study-text,.study-facts,.study-intro,.study-stat,.study-card-text,.study-timeline li,.study-compare-row,.study-list-row).reveal.visible{opacity:1;transform:none}.motion-ready .home .study-chapter-head.reveal .study-chapter-index{opacity:0;transition:opacity 1s var(--ease-out)}.motion-ready .home .study-chapter-head.reveal.visible .study-chapter-index{opacity:1}.motion-ready .home .study-quote.reveal.visible .split-part>span{transition-delay:calc(min(var(--i), 16) * 45ms)}.motion-ready .home .study-media.reveal{clip-path:inset(8% 4% 0 round var(--study-radius));transition:clip-path 1.4s var(--ease-out)}.motion-ready .home .study-media.reveal :is(img,video){transition:transform 1.6s var(--ease-out);transform:scale(1.12)}.motion-ready .home .study-media.reveal.visible{clip-path:inset(0 round var(--study-radius))}.motion-ready .home .study-media.reveal.visible :is(img,video){transform:none}@media (min-width:768px){.motion-ready .home .study-facts.reveal{transition-delay:.12s}.motion-ready .home .study-more li:nth-child(2n) :is(.reveal,.reveal img){transition-delay:.14s}.motion-ready .home .study-more li:nth-child(5) :is(.reveal,.reveal img){transition-delay:.28s}}}@media (max-width:1023px){.study-summary{grid-column:1/-1;max-width:40ch;margin-top:28px;padding-bottom:0}.study-intro{grid-column:1/-1}.study-facts{grid-area:2/1/auto/-1;margin-top:40px}.study-copy,.study-title,.study-quote :is(p,footer){grid-column:1/-1}}@media (max-width:767px){.study-media-hero,.study-media-wide{aspect-ratio:1}.study-media-wide.study-media-keep-wide{aspect-ratio:2}.study-game-desktop{display:none}.study-game-phone{display:block}.study-row,.study-pair{grid-template-columns:minmax(0,1fr)}.study-more{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-user-select:none;user-select:none;gap:12px;display:flex;overflow-x:auto}.study-more::-webkit-scrollbar{display:none}.study-more>li{scroll-snap-align:start;flex:0 0 min(82vw,420px)}.study-more>li:nth-child(-n+2) .home-case-media{aspect-ratio:4/3}.study-more.is-free{scroll-snap-type:none}@media (pointer:fine){.study-more,.study-more a{cursor:grab}.study-more.is-dragging,.study-more.is-dragging a{cursor:grabbing}}.study-row>*{grid-column:1/-1}.study-pair{row-gap:12px}.study-pair .study-figure+.study-figure{margin-top:0}.study-timeline{grid-auto-flow:row;gap:32px}.study-compare-row :is(dt,dd),.study-list-row :is(dt,dd){grid-column:1/-1}.study-compare-row dt,.study-list-row dt{margin-bottom:10px}.study-stat :is(dt,dd){grid-column:1/-1}.study-stat dt{margin-bottom:12px}.study-stat-highlight .study-stat-value{font-size:min(10.4vw,64px)}}@media (prefers-reduced-motion:reduce){.study-media-hero,.study-media-hero img{animation:none}.motion-ready .home .study-media.reveal{clip-path:none}.motion-ready .home .study-media.reveal :is(img,video){transform:none}}