@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
.king-page{--red:#c49b35;--accent:#c49b35;--king-ink:#111510;--king-gold:#c49b35;--king-olive:#5d6039;--king-paper:#f7f6f2;background:var(--king-paper);color:var(--king-ink);font-family:'Space Grotesk',sans-serif}
.king-page main{max-width:1680px;margin:auto;padding:0 clamp(20px,4.5vw,78px)}
.king-page .mono,.king-label,.king-section-label,.king-back,.king-button,.king-hero-visual>span,.king-stats span,.king-steps article>span,.king-pipeline-grid b,.king-takeaways article>span,.king-cta>span,.king-return{font:500 .75rem/1.4 'DM Mono',monospace;letter-spacing:.08em}
.king-page h1,.king-page h2,.king-page h3,.king-cta>a:first-of-type{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.025em;text-transform:uppercase}
.king-page h1 em,.king-page h2 em{font-style:normal;color:var(--king-gold)}
.king-back{display:inline-flex;gap:11px;align-items:center;margin:26px 0 0;color:var(--king-olive);border-bottom:1px solid currentColor;padding-bottom:7px;transition:gap .3s}.king-back:hover{gap:18px}.king-back span{font-size:1.25rem}
.king-hero{display:grid;grid-template-columns:minmax(350px,.78fr) minmax(480px,1.22fr);gap:clamp(30px,4.5vw,75px);align-items:center;padding:clamp(38px,5vw,78px) 0 clamp(65px,7vw,115px);border-bottom:1px solid var(--king-ink)}
.king-hero-copy{max-width:650px}.king-label{display:block;color:var(--king-olive);margin-bottom:30px}.king-hero h1{font-size:clamp(5rem,8vw,10.5rem);line-height:.74;margin:0 0 30px}.king-deck{font:400 clamp(1.6rem,2.35vw,2.8rem)/1.06 'Instrument Serif',serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 23px}.king-hero-copy>p:not(.king-deck){font-size:1rem;line-height:1.55;max-width:530px;margin:0 0 24px;color:#444840}
.king-button{display:inline-flex;gap:55px;align-items:center;justify-content:space-between;background:var(--king-ink);color:#fff;padding:16px 19px;transition:background .3s,transform .3s}.king-button:hover,.king-button:focus-visible{background:var(--king-olive);transform:translateY(-3px)}
.king-hero-visual{display:block;position:relative;border:1px solid var(--king-ink);overflow:hidden;box-shadow:18px 18px 0 #e1ded2}.king-hero-visual img{width:100%;aspect-ratio:1406/1022;object-fit:cover;transition:transform .75s}.king-hero-visual:hover img{transform:scale(1.025)}.king-hero-visual>span{position:absolute;bottom:0;right:0;padding:13px 17px;background:var(--king-ink);color:white}.king-hero-visual>span b{font-size:1.15rem;margin-left:12px}
.king-section{display:grid;grid-template-columns:18% 1fr;gap:clamp(25px,4vw,68px);padding:clamp(65px,7vw,112px) 0;border-bottom:1px solid #c7c7bf}.king-section-label{color:var(--king-olive);padding-top:12px}.king-section-main{min-width:0}.king-section h2{font-size:clamp(3.8rem,6vw,7.5rem);line-height:.84;margin:0 0 38px;max-width:1100px}.king-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,80px);max-width:1030px}.king-columns p,.king-wide-copy,.king-steps p,.king-pipeline-grid p,.king-takeaways p,.king-closing{font-size:1rem;line-height:1.6;margin:0;color:#393d36}.king-columns p+p{margin-top:16px}.king-origin .king-columns p:first-child{font-size:1.14rem;color:var(--king-ink)}
.king-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--king-ink);border-bottom:1px solid var(--king-ink);margin-bottom:28px}.king-stats>div{padding:20px 18px 22px;border-left:1px solid #c7c7bf;display:grid;gap:6px}.king-stats>div:first-child{border-left:0;padding-left:0}.king-stats strong{font:700 clamp(3.5rem,6vw,7rem)/.9 'Barlow Condensed',sans-serif;color:var(--king-olive)}.king-stats span{font-size:.68rem}.king-wide-copy{max-width:880px;margin-bottom:37px}
.king-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--king-ink);border:1px solid var(--king-ink)}.king-steps article{background:var(--king-paper);padding:21px 20px 35px;min-height:225px;transition:background .35s}.king-steps article:hover{background:#eeece3}.king-steps article>span{color:var(--king-olive)}.king-steps h3{font-size:clamp(2rem,2.6vw,3rem);line-height:.9;margin:32px 0 12px}
.king-evidence{background:var(--king-ink);color:#f7f6f2;margin:0 calc(-1 * clamp(20px,4.5vw,78px));padding:clamp(44px,6vw,90px) clamp(20px,4.5vw,78px);display:grid;grid-template-columns:18% 1fr;gap:clamp(25px,4vw,68px)}.king-evidence .king-section-label{color:var(--king-gold)}.king-evidence p{font:400 clamp(1.9rem,3.2vw,4.1rem)/1.06 'Instrument Serif',serif;text-transform:uppercase;max-width:1050px;margin:0}.king-evidence small{grid-column:2;color:#aaa99d;font:400 .76rem 'DM Mono',monospace}
.king-pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--king-ink);border-bottom:1px solid var(--king-ink)}.king-pipeline-grid>div{padding:22px 20px 30px;border-left:1px solid #c7c7bf}.king-pipeline-grid>div:first-child{border-left:0;padding-left:0}.king-pipeline-grid b{color:var(--king-olive)}.king-pipeline-grid p{margin-top:16px}.king-economics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:37px}.king-economics p{font-size:.88rem;line-height:1.35;color:#444840;margin:0}.king-economics strong{font:700 clamp(2rem,3vw,4rem)/1 'Barlow Condensed',sans-serif;color:var(--king-olive);display:block;margin-bottom:7px}
.king-failure h3{font-size:2.3rem;line-height:1;margin:0 0 18px}.king-failure .king-columns>div{border-top:1px solid var(--king-ink);padding-top:20px}
.king-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--king-ink);padding-top:25px}.king-takeaways article+article{border-left:1px solid #c7c7bf;padding-left:30px}.king-takeaways article>span{color:var(--king-olive)}.king-takeaways h3{font-size:clamp(1.8rem,2.3vw,2.7rem);line-height:.96;margin:27px 0 14px}.king-closing{font:400 clamp(1.7rem,2.5vw,3rem)/1.1 'Instrument Serif',serif;text-transform:uppercase;max-width:980px;margin-top:65px}
.king-cta{background:var(--king-ink);color:#f7f6f2;margin:0 calc(-1 * clamp(20px,4.5vw,78px));padding:clamp(60px,8vw,125px) clamp(20px,4.5vw,78px);display:flex;flex-direction:column;align-items:flex-start;gap:24px}.king-cta>span{color:var(--king-gold)}.king-cta>a:first-of-type{font-size:clamp(4rem,9vw,11rem);line-height:.8;transition:color .3s,transform .5s}.king-cta>a:first-of-type:hover{color:var(--king-gold);transform:translateX(12px)}.king-cta>a b{font-size:.55em;font-weight:400}.king-return{border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:30px}.king-return:hover{color:var(--king-gold)}
.king-page .site-footer{background:var(--king-paper)}
.king-video-section{display:grid;grid-template-columns:18% 1fr;gap:clamp(25px,4vw,68px);padding:clamp(55px,6vw,95px) 0;border-bottom:1px solid #c7c7bf}.king-video-section>div{min-width:0}.king-video-section h2{font-size:clamp(3.8rem,6vw,7.5rem);line-height:.84;margin:0 0 30px}.king-video-section h2 em{font-style:normal;color:var(--king-gold)}.king-video-section video{display:block;width:100%;max-width:1050px;aspect-ratio:16/9;background:#111;object-fit:contain;border:1px solid var(--king-ink)}.king-video-section p{font-size:.9rem;line-height:1.5;color:#50534d;margin:14px 0 0;max-width:780px}
@media(max-width:760px){.king-video-section{grid-template-columns:1fr;gap:18px;padding:65px 0}.king-video-section h2{font-size:12vw}}
@media(prefers-reduced-motion:no-preference){.king-page.case-motion-ready .king-section h2,.king-page.case-motion-ready .king-section .king-columns,.king-page.case-motion-ready .king-section .king-stats,.king-page.case-motion-ready .king-section .king-steps,.king-page.case-motion-ready .king-section .king-pipeline-grid,.king-page.case-motion-ready .king-section .king-takeaways{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .9s cubic-bezier(.2,.75,.2,1)}.king-page.case-motion-ready .king-section.case-in-view h2,.king-page.case-motion-ready .king-section.case-in-view .king-columns,.king-page.case-motion-ready .king-section.case-in-view .king-stats,.king-page.case-motion-ready .king-section.case-in-view .king-steps,.king-page.case-motion-ready .king-section.case-in-view .king-pipeline-grid,.king-page.case-motion-ready .king-section.case-in-view .king-takeaways{opacity:1;transform:none}.king-page.case-motion-ready .king-section .king-columns,.king-page.case-motion-ready .king-section .king-steps,.king-page.case-motion-ready .king-section .king-pipeline-grid,.king-page.case-motion-ready .king-section .king-takeaways{transition-delay:.2s}}
@media(max-width:1100px){.king-hero{grid-template-columns:1fr}.king-hero-copy{max-width:850px}.king-hero h1{font-size:clamp(5rem,12vw,9rem)}.king-pipeline-grid{grid-template-columns:repeat(2,1fr)}.king-pipeline-grid>div:nth-child(3){border-left:0}.king-pipeline-grid>div:nth-child(n+3){border-top:1px solid #c7c7bf}}
@media(max-width:760px){.king-page main{padding:0 20px}.king-hero{padding:35px 0 65px}.king-hero h1{font-size:18vw}.king-hero-visual{box-shadow:9px 9px 0 #e1ded2}.king-section{grid-template-columns:1fr;gap:18px;padding:65px 0}.king-section-label{padding:0}.king-section h2{font-size:12vw;margin-bottom:28px}.king-columns,.king-takeaways{grid-template-columns:1fr;gap:28px}.king-evidence{margin:0 -20px;padding:50px 20px;grid-template-columns:1fr;gap:18px}.king-evidence small{grid-column:1}.king-stats{grid-template-columns:repeat(3,1fr)}.king-stats strong{font-size:3.6rem}.king-steps{grid-template-columns:1fr}.king-steps article{min-height:0;padding-bottom:22px}.king-steps h3{margin-top:20px}.king-pipeline-grid{grid-template-columns:1fr}.king-pipeline-grid>div{border-left:0;border-top:1px solid #c7c7bf;padding-left:0}.king-pipeline-grid>div:first-child{border-top:0}.king-economics{grid-template-columns:1fr 1fr}.king-takeaways article+article{border-left:0;border-top:1px solid #c7c7bf;padding:22px 0 0}.king-closing{margin-top:38px}.king-cta{margin:0 -20px;padding:65px 20px}.king-cta>a:first-of-type{font-size:15vw}}
@media(max-width:520px){.king-stats{grid-template-columns:1fr}.king-stats>div{border-left:0;border-top:1px solid #c7c7bf;padding-left:0}.king-stats>div:first-child{border-top:0}.king-economics{grid-template-columns:1fr}}
/* Sequence: the system reveals its order of operations. */
.king-stats>div{opacity:.22;transform:translateY(15px);transition:opacity .55s,transform .7s cubic-bezier(.2,.75,.2,1)}
.king-stats>div.sequence-in{opacity:1;transform:none}
.king-stats .stat-animals.sequence-in strong{animation:kingStatArrive .7s cubic-bezier(.2,.75,.2,1)}
.king-stats .stat-simulations.sequence-in strong{animation:slotGlow .7s .2s both}
.king-stats .stat-fight.sequence-in strong{animation:kingSlam .58s cubic-bezier(.16,1.4,.35,1) both}
@keyframes kingStatArrive{0%{opacity:0;transform:translateX(-28px) scale(.88)}100%{opacity:1;transform:none}}
@keyframes slotGlow{0%{color:var(--king-gold);text-shadow:0 0 0 transparent}100%{color:var(--king-olive);text-shadow:none}}
@keyframes kingSlam{0%{opacity:0;transform:translateY(-32px) scale(1.35);filter:blur(3px)}60%{opacity:1;transform:translateY(5px) scale(.96);filter:none}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.king-stats>div{opacity:1;transform:none}}

.money-number{font-variant-numeric:tabular-nums;min-width:4ch}
.money-reel{display:inline-block;vertical-align:baseline;height:1em;line-height:1;overflow:hidden}.money-reel-strip{display:flex;flex-direction:column;line-height:1;transform:translateY(0);animation:moneyRegister 2s cubic-bezier(.16,.8,.16,1) var(--reel-delay) both}.money-reel-strip>span{display:block;height:1em;line-height:1}
@keyframes moneyRegister{to{transform:translateY(calc(var(--reel-steps) * -1em))}}
@media(prefers-reduced-motion:reduce){.money-reel-strip{animation:none}}
.king-failure h3,.king-takeaways h3{transition:color .3s ease}
.king-failure h3:hover,.king-takeaways h3:hover{color:var(--king-gold)!important}
@media(prefers-reduced-motion:no-preference){.king-page.case-motion-ready .king-section .king-section-main{color:#aaa9a1;transition:color .8s ease}.king-page.case-motion-ready .king-section.case-in-view .king-section-main{color:var(--king-ink)}.king-page.case-motion-ready .king-section .king-section-main p,.king-page.case-motion-ready .king-section .king-section-main h2,.king-page.case-motion-ready .king-section .king-section-main h3,.king-page.case-motion-ready .king-section .king-section-main strong{color:inherit}.king-page.case-motion-ready .king-section .king-section-main .king-section-label{color:var(--king-olive)}}

/* More readable explanation and metadata throughout the game case study. */
.king-page main{max-width:2100px}
.king-hero p:not(.king-deck),.king-columns p,.king-wide-copy,.king-steps p,.king-pipeline-grid p,.king-takeaways p{font-size:1.2rem;line-height:1.5}
.king-origin .king-columns p:first-child{font-size:1.3rem}
.king-economics p,.king-video-section p{font-size:1.08rem;line-height:1.5}
.king-page .mono,.king-label,.king-section-label,.king-back,.king-button,.king-stats span,.king-steps article>span,.king-pipeline-grid b,.king-takeaways article>span,.king-return{font-size:.9rem}
.king-steps article{padding:28px 27px 42px}.king-pipeline-grid>div{padding:29px 27px 38px}
@media(max-width:640px){.king-hero p:not(.king-deck),.king-columns p,.king-wide-copy,.king-steps p,.king-pipeline-grid p,.king-takeaways p{font-size:1.06rem}.king-steps article{padding:24px 18px 34px}}
.king-section h2,.king-hero h1,.king-steps h3,.king-takeaways h3{letter-spacing:-.035em;word-spacing:.12em;font-kerning:normal;font-feature-settings:'kern' 1;text-rendering:optimizeLegibility}
.king-section p,.king-steps p,.king-pipeline-grid p,.king-takeaways p{max-width:72ch;line-height:1.55}