@font-face{font-family:Marlboro;src:url('assets/marlboro.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#171612;color:#ece5d2;font-family:Arial,Helvetica,sans-serif;line-height:1.5}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #e1b270;outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:#eee;color:#111;z-index:20}.skip:focus{top:10px}.masthead{max-width:1376px;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #ffffff16;font-size:10px;letter-spacing:1.8px;font-weight:700}.studio{display:flex;align-items:center;gap:12px}.spade{font-size:28px;color:#bf653e}nav{display:flex;align-items:center;gap:34px}nav a{transition:color .2s}nav a:hover{color:#d6925c}.nav-play{border-bottom:1px solid #b66743;padding:9px 0}.nav-play span{margin-left:14px;color:#d6925c}main{overflow:hidden}.hero{max-width:1024px;margin:auto;text-align:center;padding:48px 32px 0;position:relative}.hero::before{content:"";position:absolute;z-index:-1;inset:0 -25vw auto;height:850px;background:radial-gradient(ellipse at 50% 24%,#6a4e2820,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:700;color:#b49a75;margin:0}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:15px}.hero>.eyebrow span{width:25px;height:1px;background:#b49a7560}h1{margin:12px auto 0;line-height:0;width:min(100%,450px)}.logo{width:100%;height:auto;mix-blend-mode:screen}.hero-line{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#c7beaa;margin:17px 0 40px}.trailer-heading{display:flex;justify-content:space-between;align-items:center;color:#aa9c84;font-size:9px;letter-spacing:2px;margin-bottom:13px}.trailer-heading>span:last-child{font-size:8px;color:#887e69}.trailer-heading>span:last-child span{margin-left:10px;color:#c68b58}.trailer-frame{aspect-ratio:16/9;background:#080806;border:1px solid #857250;box-shadow:0 18px 75px #0006;position:relative}.trailer-frame:before,.trailer-frame:after{content:"";position:absolute;width:7px;height:7px;background:#c5a46d;top:-4px;pointer-events:none}.trailer-frame:before{left:-4px}.trailer-frame:after{right:-4px}iframe{width:100%;height:100%;border:0;display:block}.youtube-link{display:inline-block;margin-top:14px;font-size:10px;color:#928875;letter-spacing:.7px}.youtube-link:hover{color:#ece5d2}.youtube-link span{margin-left:7px}.download{text-align:center;padding:39px 24px 66px}.ornament{display:block;color:#b56843;font-size:23px;margin-bottom:18px}.download h2{font-family:Marlboro,Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,54px);line-height:1.15;margin:14px 0 26px;letter-spacing:.4px}.store-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #6e6048;background:#201e18;padding:13px 18px;min-width:222px;transition:background .2s,border-color .2s,transform .2s}.store-button:hover{background:#30291e;border-color:#c8a569;transform:translateY(-3px)}.store-button svg{width:27px;height:31px;flex-shrink:0}.store-button small{display:block;font-size:10px;letter-spacing:.6px;color:#bdb39f}.store-button strong{font-size:22px;font-weight:500;line-height:1.2}.store-arrow{font-size:17px;margin-left:auto;color:#aa9878}.platforms{color:#807763;font-size:8px;letter-spacing:2px;margin-top:19px}.screenshots{max-width:1220px;margin:0 auto;padding:54px 38px 70px;border-top:1px solid #ffffff1c}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-heading h2{font-family:Marlboro,Georgia,serif;font-size:clamp(30px,4vw,42px);font-weight:400;margin:11px 0 0;line-height:1.1}.section-heading>p{font:italic 15px/1.7 Georgia,serif;color:#b9ad96;margin:0}.section-heading>p span{font:10px Arial,sans-serif;color:#8e836f}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}figure{margin:0;min-width:0}.shot{display:block;width:100%;background:#111;border:1px solid #67583d;padding:5px;position:relative;cursor:zoom-in;transition:transform .25s,border-color .25s}.shot:hover{transform:translateY(-6px);border-color:#c99b5e}.shot img{display:block;width:100%;height:auto}.expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;background:#171612dc;color:#e6d7b9;font-size:18px;border:1px solid #b79a6f77}figcaption{display:flex;gap:12px;color:#bcad91;font-size:8px;letter-spacing:1.3px;padding-top:15px}figcaption>span{color:#806d50}.signoff{max-width:1144px;margin:0 auto 38px;border-top:1px solid #ffffff1c;padding:32px 0;display:flex;align-items:center;gap:17px}.signoff>span{color:#b56740;font-size:28px}.signoff p{font-family:Georgia,serif;font-style:italic;font-size:21px;margin:0}.signoff a{margin-left:auto;font-size:8px;letter-spacing:1.7px;color:#a89a81}footer{border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:20px;padding:25px 48px;color:#7f7766;font-size:9px}footer>span:last-child{font-size:8px;letter-spacing:1.7px}dialog{background:#15130f;color:#e9dec8;border:1px solid #6e6048;padding:15px 24px;max-width:95vw;width:650px;max-height:96dvh}dialog::backdrop{background:#080704ed;backdrop-filter:blur(8px)}dialog img{display:block;max-width:100%;max-height:75dvh;margin:auto;object-fit:contain}.lightbox-bar,.lightbox-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:1px}.lightbox-bar{margin-bottom:10px}.lightbox-navigation{margin-top:16px}dialog button{background:transparent;border:0;color:#d1bc98;font-size:10px;letter-spacing:1px;cursor:pointer;padding:8px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.hero{padding-top:60px}h1{width:480px}}@media(max-width:720px){.masthead{padding:0 22px;min-height:72px}.studio{font-size:8px;letter-spacing:1px}nav{gap:18px}nav>a:not(.nav-play){display:none}.nav-play{font-size:8px}.hero{padding:35px 20px 0}.hero>.eyebrow{font-size:8px;letter-spacing:1.8px;gap:8px}h1{width:350px;max-width:100%}.hero-line{font-size:16px;margin:15px 0 31px}.trailer-heading{font-size:8px;letter-spacing:1px}.trailer-heading>span:last-child{font-size:7px;letter-spacing:1px}.download{padding:30px 20px 45px}.download .eyebrow{font-size:8px;letter-spacing:1.8px}.store-links{gap:12px}.store-button{min-width:0;width:205px;padding:12px 14px}.screenshots{padding:36px 20px 42px}.section-heading>p{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.section-heading{margin-bottom:24px}figcaption{font-size:7px;letter-spacing:.8px;gap:8px}.signoff{margin:0 20px 20px;padding:25px 0;gap:10px}.signoff p{font-size:17px}.signoff a{font-size:7px;letter-spacing:.6px}footer{padding:20px;flex-direction:column;gap:8px}.store-button strong{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Current wordmark and project typography. */
body{font-family:Marlboro,Georgia,serif;font-size:20px}
h1{width:min(100%,700px);height:155px;overflow:hidden;position:relative;margin:0 auto}
.logo{mix-blend-mode:normal;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto}
.hero-line{font-family:Marlboro,Georgia,serif;font-style:normal;font-size:clamp(22px,3vw,31px);line-height:1.4;letter-spacing:.4px;margin:18px auto 40px}
.section-heading h2,.signoff p{font-family:Marlboro,Georgia,serif;font-style:normal}
.masthead,.eyebrow,.trailer-heading,figcaption,.signoff a,.platforms,footer,.lightbox-bar,.lightbox-navigation{font-family:Marlboro,Georgia,serif;font-weight:400;font-size:14px}
.masthead{font-size:16px}figcaption{font-size:15px;letter-spacing:1px}.section-heading h2{font-size:42px}
.youtube-link{font-size:15px}.store-button small{font-size:14px}.store-button strong{font-size:26px}.section-heading>p{font:20px/1.4 Marlboro,Georgia,serif}.section-heading>p span{font:15px Marlboro,Georgia,serif}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
@media(max-width:720px){h1{width:100%;height:100px}.hero-line{font-size:23px;margin:12px 0 30px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.masthead{font-size:14px}.studio,.nav-play{font-size:13px}figcaption{font-size:12px;letter-spacing:.3px}.trailer-heading{font-size:12px}.trailer-heading>span:last-child{font-size:10px}}

/* Keep the trailer and download buttons together in the opening viewport. */
.studio-logo{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0}
:root{--trailer-width:calc((100svh - 400px) * 16 / 9)}
.masthead{min-height:56px}
.hero{padding-top:10px}
h1{height:80px;width:min(100%,540px)}
.hero-line{font-size:24px;line-height:1.25;margin:4px auto 12px}
.trailer-heading,.trailer-frame{width:min(100%,960px,var(--trailer-width));margin-inline:auto}
.trailer-heading{font-size:12px;line-height:1.5;margin-bottom:6px}
.youtube-link{font-size:13px;line-height:1.5;margin-top:6px}
.download{padding:12px 24px 20px}
.store-button{padding:8px 16px}
.store-button small{font-size:12px;line-height:1.1}
.store-button strong{font-size:24px;line-height:1.15}
.platforms{font-size:11px;line-height:1.5;margin:8px 0 0}
@media(max-width:720px){
  :root{--trailer-width:calc((100svh - 470px) * 16 / 9)}
  .hero{padding:10px 20px 0}
  h1{height:64px;width:min(100%,440px)}
  .hero-line{font-size:22px;line-height:1.25;margin:4px auto 12px;max-width:440px}
  .download{padding:12px 20px 16px}
  .store-links{flex-wrap:nowrap;gap:12px}
  .store-button{width:205px;min-width:0;padding:8px 10px;gap:9px}
  .store-button svg{width:23px;height:28px}
  .store-button strong{font-size:23px;white-space:nowrap}
  .store-arrow{display:none}
}
@media(min-width:721px) and (max-height:700px){
  :root{--trailer-width:calc((100svh - 310px) * 16 / 9)}
  .masthead{min-height:48px}
  .hero{padding-top:6px}
  h1{height:56px;width:380px}
  .hero-line{font-size:20px;margin:0 auto 10px}
  .trailer-heading{font-size:11px}
  .youtube-link{font-size:12px;margin-top:4px}
  .download{padding:8px 20px 10px}
  .store-button{padding:6px 14px}
  .platforms{font-size:10px;margin-top:6px}
}

/* Center the wordmark and keep small download text easy to read. */
.hero h1{margin:0 auto 18px;text-align:center}
.hero .logo{left:50%;transform:translate(-50%,-50%)}
.store-button,.platforms,.youtube-link{font-family:Arial,Helvetica,sans-serif}
.store-button small{font-size:12px;line-height:1.35;letter-spacing:0;color:#cfc6b5}
.store-button strong{display:block;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:0}
.platforms{font-size:11px;line-height:1.5;letter-spacing:1px;color:#b6ac99}
.youtube-link{font-size:12px;line-height:1.5;letter-spacing:0;color:#b6ac99}
@media(max-width:720px){.store-button strong{font-size:18px}.store-button small{font-size:11px}}
@media(min-width:721px) and (max-height:700px){.hero h1{margin-bottom:12px}}

.hero{padding-top:26px}
@media(min-width:721px) and (max-height:700px){.hero{padding-top:18px}}