@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#141113;--paper:#f1ede6;--orange:#efb24d;--muted:#a8a0a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit}img{display:block;max-width:100%}.site-header{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;position:relative;z-index:2}.brand,.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 19px/.8 'DM Sans',sans-serif;letter-spacing:-.05em}.brand-sub{display:block;font-size:11px;letter-spacing:.22em;margin-top:6px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font:900 24px 'DM Sans',sans-serif;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:13px;font-weight:700;color:#d2cdd0;transition:color .2s}nav a:hover,.secondary-link:hover{color:var(--orange)}.intro{min-height:650px;display:grid;grid-template-columns:52% 43% 5%;border-bottom:1px solid #ffffff20}.intro-copy{padding:clamp(80px,10vw,150px) 5vw 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font:800 12px/1.5 'DM Sans',sans-serif;letter-spacing:.19em;margin:0 0 22px}.intro .eyebrow{color:var(--orange);display:flex;align-items:center;gap:12px}.line{width:22px;height:1px;background:currentColor}.intro h1{font:800 clamp(48px,5.5vw,94px)/.99 'DM Sans',sans-serif;letter-spacing:-.065em;margin:0 0 32px}.intro h1 em{font-weight:500;color:var(--orange)}.intro-copy>p:not(.eyebrow){max-width:520px;color:#c5bec0;line-height:1.8;margin:0 0 40px;font-size:16px}.text-link{font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:10px}.text-link span{margin-left:30px;color:var(--orange)}.intro-image{background:linear-gradient(90deg,#14111322,#14111300 20%),url('assets/fate-gameplay.png') center/cover;position:relative;min-height:480px}.image-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font:800 11px 'DM Sans',sans-serif;letter-spacing:.16em;text-shadow:0 1px 8px #000}.intro-side{writing-mode:vertical-rl;display:grid;place-items:center;color:#827878;font-size:10px;letter-spacing:.2em;border-left:1px solid #ffffff20}.games-heading{display:flex;justify-content:space-between;align-items:end;padding:105px 5vw 45px;gap:20px}.games-heading .eyebrow{color:var(--orange);margin-bottom:12px}.games-heading h2{font:800 clamp(34px,4vw,64px) 'DM Sans',sans-serif;letter-spacing:-.055em;margin:0}.games-heading>p{font-size:14px;color:#b9b0b2;margin-bottom:9px}.game{margin:0 5vw 28px;overflow:hidden}.game-wonder{display:grid;grid-template-columns:49% 51%;background:#e7e7ce;color:#1c322a;min-height:650px}.game-info{padding:54px clamp(30px,5vw,90px) 60px 5vw;display:flex;flex-direction:column;align-items:flex-start}.game-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:auto}.number{font:800 12px 'DM Sans',sans-serif;letter-spacing:.12em;opacity:.65}.pill{padding:8px 12px;border-radius:100px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.11em;white-space:nowrap}.released{border:1px solid #467756;color:#326247}.game-title-lockup{display:flex;align-items:center;gap:20px;margin-top:48px}.game-title-lockup img{border-radius:20px;box-shadow:0 8px 18px #183a2830}.game-title-lockup .eyebrow{color:#4b7456;margin:0 0 6px}.game h3{font:800 clamp(46px,5vw,84px)/1 'DM Sans',sans-serif;letter-spacing:-.07em;margin:0}.game-lede{font-size:24px;line-height:1.3;font-weight:800;margin:27px 0 14px;letter-spacing:-.025em}.game-description{font-size:16px;line-height:1.8;max-width:510px;margin:0;color:#43594d}.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 36px}.feature-row span{border:1px solid currentColor;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:700;opacity:.82}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:17px 21px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:#193c31;color:#fff}.button span{font-size:18px}.secondary-link{font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0}.wonder-art{position:relative;background:radial-gradient(circle at 58% 30%,#add78f,#498c76 70%);min-height:650px;display:flex;justify-content:center;align-items:center;overflow:hidden}.park-glow{position:absolute;width:80%;aspect-ratio:1;border:1px solid #ffffff60;border-radius:50%;box-shadow:0 0 0 90px #ffffff0d,0 0 0 180px #ffffff0a}.wonder-art img{position:relative;border:7px solid #193c31;border-radius:27px;box-shadow:0 30px 60px #122c2880;object-fit:cover}.wonder-main{width:min(36%,240px);height:auto;transform:rotate(-7deg) translate(20px,3px);z-index:1}.wonder-secondary{width:min(32%,205px);height:auto;transform:rotate(8deg) translate(-5px,50px)}.art-label{position:absolute;bottom:26px;left:28px;color:#fff;font:800 11px 'DM Sans',sans-serif;letter-spacing:.2em}.game-fate{background:#211617;color:#f2e8db;margin-bottom:0}.fate-main-art{height:clamp(300px,39vw,590px);position:relative;overflow:hidden;background:#312322}.fate-main-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#211617 0%,transparent 35%)}.fate-main-art img{width:100%;height:100%;object-fit:cover;object-position:center}.art-corner{position:absolute;z-index:1;top:28px;right:30px;font:800 11px 'DM Sans',sans-serif;letter-spacing:.17em;background:#211617cc;padding:12px}.fate-content{padding:0 5vw 58px;max-width:1120px;margin:auto}.fate-content .game-topline{margin:0 0 48px}.developing{border:1px solid #d88b68;color:#e5a582}.fate-content .eyebrow{color:#e4a17f;margin-bottom:15px}.game-fate h3{font-size:clamp(70px,9vw,150px);line-height:.9}.game-fate h3 em{color:#edb386;font-weight:500}.fate-content .game-lede{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:28px;color:#edb386;margin-top:36px}.fate-content .game-description{color:#d2bfc0;max-width:640px}.game-fate .feature-row{color:#deb8a7;margin-bottom:0}.fate-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff22}.fate-gallery figure{margin:0;min-width:0;background:#160f11}.fate-gallery img{width:100%;aspect-ratio:2.17;object-fit:cover}.fate-gallery figcaption{padding:14px 22px 22px;color:#bfaeae;font:800 11px 'DM Sans',sans-serif;letter-spacing:.17em}footer{margin:0 5vw;min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a9a0a0}footer .footer-brand{color:#f1ede6;font-size:15px;letter-spacing:-.03em}footer p,footer a{font-size:13px}footer a{text-decoration:none;border-bottom:1px solid #a9a0a0;padding-bottom:4px}a:focus-visible{outline:3px solid #f8ca73;outline-offset:4px}@media(max-width:900px){.site-header{height:72px}.intro{grid-template-columns:1fr 1fr}.intro-side{display:none}.intro h1{font-size:clamp(48px,6vw,72px)}.game-wonder{grid-template-columns:1fr 1fr}.game-info{padding:40px}.game h3{font-size:clamp(44px,5vw,70px)}.wonder-art{min-height:600px}.wonder-main{width:43%}.wonder-secondary{width:38%}}@media(max-width:700px){.site-header{padding:0 20px}.site-header nav{gap:16px}.site-header nav a{font-size:12px}.site-header nav a:nth-child(2){display:none}.intro{display:flex;flex-direction:column;min-height:0}.intro-copy{padding:78px 24px 65px}.intro h1{font-size:clamp(52px,12vw,76px)}.intro-image{min-height:290px;background-position:center}.image-caption{font-size:9px}.games-heading{padding:80px 24px 30px;display:block}.games-heading>p{margin-top:15px}.game{margin:0 14px 18px}.game-wonder{display:flex;flex-direction:column}.game-info{padding:30px 25px 40px}.game-topline{margin-bottom:0}.game-title-lockup{margin-top:45px;gap:14px}.game-title-lockup img{width:62px;height:62px;border-radius:15px}.game h3{font-size:clamp(44px,11vw,70px)}.game-lede{font-size:21px}.wonder-art{min-height:480px}.wonder-main{width:min(38%,215px)}.wonder-secondary{width:min(34%,190px)}.fate-main-art{height:300px}.fate-content{padding:20px 25px 45px}.fate-content .game-topline{margin-bottom:37px}.game-fate h3{font-size:clamp(68px,15vw,100px)}.fate-gallery{grid-template-columns:1fr}.fate-gallery figure:nth-child(n+3){display:none}.fate-gallery img{aspect-ratio:2.2}.fate-gallery figcaption{padding-bottom:18px}footer{min-height:190px;flex-wrap:wrap;justify-content:flex-start;align-content:center;gap:10px 30px;margin:0 24px}footer p{width:100%;margin:0}footer a{margin-left:auto}}@media(max-width:390px){.brand{font-size:16px}.brand-mark{width:32px;height:32px;font-size:20px}.site-header nav a:nth-child(1){display:none}.intro h1{font-size:48px}.wonder-art{min-height:390px}.wonder-main{width:45%}.wonder-secondary{width:40%}}
/* Studio details */
::selection{background:#efb24d;color:#141113}
.site-header{background:#141113ed;backdrop-filter:blur(16px)}
.brand-mark{transform:rotate(-8deg);box-shadow:4px 4px 0 #8e4e34;transition:transform .25s ease}
.brand:hover .brand-mark{transform:rotate(5deg)}
nav a{position:relative;padding:8px 0}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:#efb24d;transition:right .25s ease}
nav a:hover:after,nav a:focus-visible:after{right:0}
.intro-copy{background:radial-gradient(circle at 8% 7%,#9e4a262b,transparent 45%)}
.intro-copy>*{animation:rise-in .75s both}
.intro-copy h1{animation-delay:.08s}
.intro-copy>p:not(.eyebrow){animation-delay:.16s}
.intro-copy .text-link{animation-delay:.24s}
.intro-image{isolation:isolate;overflow:hidden;transition:background-size .6s ease}
.intro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141113a6 0%,transparent 50%);z-index:-1}
.intro-image-wordmark{position:absolute;z-index:1;left:8%;bottom:95px;font:800 clamp(54px,7.5vw,126px)/.78 'DM Sans',sans-serif;letter-spacing:-.08em;color:#f1ede6;text-shadow:0 8px 38px #0008;transform:rotate(-4deg)}
.wordmark-star{color:#efb24d;font-size:.36em;vertical-align:top;margin-left:8px;display:inline-block;transform:rotate(20deg)}
.image-caption{z-index:1}
.studio-ribbon{overflow:hidden;background:#efb24d;color:#241512;border-block:1px solid #edba63;transform:rotate(-1deg) scale(1.02);position:relative;z-index:1;box-shadow:0 12px 30px #0005}
.ribbon-track{display:flex;width:max-content;animation:marquee 68s linear infinite}
.ribbon-group{display:flex;flex:none;white-space:nowrap}
.ribbon-track span{display:inline-block;white-space:nowrap;padding:13px 24px;font:800 14px 'DM Sans',sans-serif;letter-spacing:.19em}
.ribbon-track i{font-style:normal;padding:0 28px;color:#914633}
.game{box-shadow:0 20px 55px #0002}
.game-wonder{background:radial-gradient(circle at 5% 98%,#f5e7aa 0,transparent 30%),#e7e7ce}
.game-info,.fate-content{position:relative;isolation:isolate}
.game-info>*:not(.card-watermark),.fate-content>*:not(.card-watermark){position:relative;z-index:1}
.card-watermark{position:absolute;right:20px;bottom:-70px;font:800 clamp(220px,24vw,360px)/1 'DM Sans',sans-serif;letter-spacing:-.12em;opacity:.06;pointer-events:none;z-index:0}
.game-wonder .card-watermark{color:#17402d}
.game-fate .card-watermark{color:#e99c79;bottom:-45px}
.wonder-art{isolation:isolate}
.wonder-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#fff4 0%,transparent 45%,#173d3140 100%);pointer-events:none}
.wonder-art img{transition:transform .45s cubic-bezier(.2,.7,.25,1),box-shadow .45s}
.wonder-art:hover .wonder-main{transform:rotate(-3deg) translate(11px,-9px);box-shadow:0 35px 70px #122c2899}
.wonder-art:hover .wonder-secondary{transform:rotate(4deg) translate(2px,30px)}
.art-label{z-index:2;text-shadow:0 2px 8px #18392b}
.fate-main-art img{transition:transform .7s ease}
.game-fate:hover .fate-main-art img{transform:scale(1.045)}
.fate-gallery a{display:block;overflow:hidden;outline-offset:-4px}
.fate-gallery img{transition:transform .4s ease,filter .4s ease}
.fate-gallery a:hover img,.fate-gallery a:focus-visible img{filter:brightness(1.08)}
.fate-gallery figcaption:after{content:"↗";float:right;font-size:16px;line-height:10px;color:#edb386}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.intro-image-wordmark{font-size:clamp(66px,17vw,110px);bottom:70px}.ribbon-track span{font-size:12px;padding:10px 18px}.ribbon-track i{padding:0 18px}.card-watermark{font-size:230px}.game-fate .card-watermark{bottom:-20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-copy>*{animation:none}.ribbon-track{animation:none}.wonder-art img,.fate-main-art img,.fate-gallery img,.brand-mark{transition:none}}

/* Fate Lost drag-to-reveal artwork */
.fate-reveal{--split:52%;isolation:isolate;cursor:ew-resize}
.fate-reveal>.reveal-original,.fate-reveal .reveal-treated img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.fate-reveal .reveal-treated{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 0 var(--split));pointer-events:none}
.fate-reveal .reveal-treated img{filter:sepia(.45) saturate(2.3) hue-rotate(-14deg) contrast(1.28) brightness(.78)}
.fate-reveal .reveal-treated:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ff8a1300 5%,#ff5b172e 48%,#b615383a 100%);mix-blend-mode:screen}
.fate-reveal:after{z-index:2;pointer-events:none}
.fate-reveal .art-corner{z-index:4;pointer-events:none}
.reveal-prompt{position:absolute;z-index:4;top:28px;left:30px;border:1px solid #ffffff8a;border-radius:100px;padding:11px 14px;background:#1c1213a8;color:#fff;font:800 11px 'DM Sans',sans-serif;letter-spacing:.14em;pointer-events:none}
.reveal-hints{position:absolute;z-index:4;left:28px;right:28px;bottom:26px;display:flex;justify-content:space-between;pointer-events:none;font:800 12px 'DM Sans',sans-serif;letter-spacing:.18em;text-shadow:0 2px 10px #000}
.reveal-hints span:last-child{color:#ffbb8d}
.reveal-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:#fff9e7;box-shadow:0 0 22px 5px #ffad6870;pointer-events:none}
.reveal-knob{position:absolute;top:50%;left:50%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff9e7;border-radius:50%;background:#241314dc;color:white;box-shadow:0 0 0 7px #24131475,0 8px 30px #0008;font:800 22px 'DM Sans',sans-serif;white-space:nowrap;letter-spacing:-.2em;padding-right:5px;transition:transform .2s,background .2s}
.fate-reveal:hover .reveal-knob{transform:translate(-50%,-50%) scale(1.08);background:#9c3f27}
.reveal-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:ew-resize;appearance:none;background:transparent}
.reveal-range::-webkit-slider-runnable-track{height:100%;background:transparent}
.reveal-range::-webkit-slider-thumb{appearance:none;width:44px;height:100%;background:transparent}
.reveal-range::-moz-range-track{height:100%;background:transparent}
.reveal-range::-moz-range-thumb{width:44px;height:100%;border:0;background:transparent}
.fate-reveal:has(.reveal-range:focus-visible) .reveal-knob{outline:4px solid #efb24d;outline-offset:9px}
@media(max-width:700px){.reveal-hints{left:15px;right:15px;bottom:18px;font-size:10px}.reveal-knob{width:54px;height:54px;font-size:18px}.fate-reveal .art-corner{top:16px;right:16px;font-size:9px}.reveal-prompt{top:16px;left:16px;font-size:9px;padding:10px}}

/* Full-width Fate Lost gallery */
.fate-gallery{display:block;background:#171012;padding:80px clamp(24px,5vw,90px) 85px}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 30px}
.gallery-heading .eyebrow{color:#e9a98b;margin-bottom:10px}
.gallery-heading h4{font:800 clamp(36px,4vw,62px)/1.05 'DM Sans',sans-serif;letter-spacing:-.06em;margin:0}
.gallery-heading>p{color:#b9a6a5;font-size:14px;margin:0 0 6px}
.gallery-stage{background:#090709;border:1px solid #6c4d4a;box-shadow:0 20px 50px #0008;overflow:hidden}
.gallery-full-image{display:block;overflow:hidden;line-height:0}
.fate-gallery .gallery-stage img{width:100%;height:auto;aspect-ratio:2048/941;object-fit:contain;display:block;transition:filter .25s}
.gallery-full-image:hover img{filter:brightness(1.12)}
.gallery-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;color:#e6d4cf;font:800 12px 'DM Sans',sans-serif;letter-spacing:.13em;background:#241719}
.gallery-stage-footer a{text-decoration:none;border-bottom:1px solid #efb386;padding-bottom:5px;color:#efb386;white-space:nowrap}
.gallery-stage-footer a:hover{color:white;border-color:white}
.gallery-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.gallery-choice{display:block;text-align:left;background:#211719;color:#c6b8b6;border:1px solid #715252;padding:0;cursor:pointer;font:700 14px 'DM Sans',sans-serif;transition:transform .25s,border-color .25s,background .25s}
.gallery-choice:hover{transform:translateY(-5px);border-color:#efb386}
.gallery-choice[aria-pressed="true"]{background:#3b2524;color:#fff;border:2px solid #efb386}
.gallery-choice img{width:100%;height:auto;aspect-ratio:2048/941;object-fit:contain;display:block;filter:brightness(.8);transition:filter .25s}
.gallery-choice:hover img,.gallery-choice[aria-pressed="true"] img{filter:brightness(1)}
.gallery-choice span{display:flex;align-items:center;gap:16px;padding:14px 18px;color:#e8a987;font:800 12px 'DM Sans',sans-serif;letter-spacing:.1em}
.gallery-choice strong{font-size:14px;letter-spacing:0;color:#f1e7e0}
.gallery-choice:focus-visible{outline:3px solid #efb24d;outline-offset:4px}
@media(max-width:700px){.fate-gallery{padding:55px 18px 60px}.gallery-heading{display:block;margin-bottom:22px}.gallery-heading>p{margin-top:12px}.gallery-stage-footer{padding:15px;display:block;font-size:11px}.gallery-stage-footer a{display:inline-block;margin-top:12px}.gallery-choices{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;gap:10px}.gallery-choice{flex:0 0 55%;scroll-snap-align:start}.gallery-choice span{padding:10px;gap:9px;font-size:11px}.gallery-choice strong{font-size:12px}}