/* Stone, amber, and a clear path into each world. */
:root{--stone-light:#e4e0d3;--edge:#71634c}
.gold-text{font-style:normal;color:var(--gold)}
.stone-type{color:var(--stone-light);font-weight:900;text-shadow:0 2px 0 #777a71,0 4px 12px #0004}
@supports (background-clip:text){
  .stone-type{background:#dddace url('/assets/stone-texture.svg') left center/260px auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #64685e)}
}
.brand .brand-words{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.brand .brand-words img{border:0;border-radius:0;height:auto;max-width:100%}
.brand .brand-title{width:237px}
.brand .brand-subtitle{width:82px;margin-left:1px}
.header nav{font-size:14px;gap:27px}
.header nav a{font-weight:800;min-height:48px}
.header .nav-contact{padding-left:27px}
.hero-description{max-width:430px;font-size:18px;line-height:1.8}
.button{font-size:15px;font-weight:800;min-height:52px;line-height:1.4;gap:25px;padding:15px 22px;border-color:#e0b66f;box-shadow:inset 0 1px 0 #fff5,0 3px 0 #836334}
.button:hover{background:#edc785;box-shadow:inset 0 1px 0 #fff7,0 3px 0 #836334}
.button:hover>span{transform:translateX(3px)}
.button-stone{color:var(--text);border-color:#6f6a5c;background:linear-gradient(160deg,#364047,#1a252e 55%,#152029);box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #080f16}
.button-stone:hover{background:linear-gradient(160deg,#46505a,#22303b);color:var(--text);border-color:var(--gold);box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #080f16}
.button-stone>span{color:var(--gold)}
.text-link{font-size:15px;font-weight:800;line-height:1.5;min-height:44px;text-decoration:underline;text-decoration-color:#7d6a45;text-underline-offset:5px;text-decoration-thickness:1px}
.text-link:hover{text-decoration-color:var(--gold)}
.text-link>span{font-size:20px}
.text-link:hover>span{transform:translateX(3px)}
:where(a,button,summary,video):focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.section-description{font-size:16px;color:var(--muted);line-height:1.8;max-width:46ch;margin:26px 0 0}
.catalogue-card{position:relative;border-color:#3d4549;border-top-color:#74654b;box-shadow:inset 0 1px 0 #ffffff06}
.catalogue-identity{padding-bottom:36px;background-color:#101b21;background-image:linear-gradient(0deg,#0b151c05,#101b21d9),url('/assets/yard-lines.svg');background-size:cover;background-position:center bottom}
.theme-winterstead .catalogue-identity{background-image:linear-gradient(0deg,#0c151a22,#13202ac9),url('/assets/mountain-lines.svg')}
.catalogue-identity::after{display:none}
.catalogue-meta{font-size:11px;line-height:1.6;letter-spacing:.1em}
.chip{font-size:10px}
.catalogue-title{position:relative;margin-block:48px 24px;overflow:visible}
.catalogue-title a{padding-block:4px}
.catalogue-title .title-dot{color:var(--gold)}
.catalogue-title.compact-title{font-size:clamp(2.1rem,3.5vw,3.5rem);letter-spacing:-.045em}
.catalogue-title a:hover .stone-type{filter:brightness(1.12)}
.catalogue-identity>p{font-size:14px;color:#bdc5ca;max-width:40ch}
.catalogue-copy{padding:40px;justify-content:center}
.catalogue-copy>p{font-size:16px;line-height:1.8}
.catalogue-copy .catalogue-tagline{font-size:clamp(1.65rem,2.4vw,2.25rem);font-weight:700;max-width:20ch}
.catalogue-links{align-items:stretch;gap:14px;margin-top:18px;max-width:100%;width:100%}
.catalogue-links .button{width:100%;font-size:14px;gap:15px}
.catalogue-links .button>span{flex-shrink:0}
.catalogue-heading{padding-block:55px 62px}
.catalogue-heading h1{font-size:clamp(3.2rem,2rem + 4.3vw,6.3rem)}
.game-page-hero{gap:55px;padding-block:65px 75px}
.game-page-title{padding-block:22px 45px;min-width:0;background:linear-gradient(0deg,#080f1605,#080f16e0),url('/assets/yard-lines.svg') center bottom/cover no-repeat}
.theme-winterstead .game-page-title{background-image:linear-gradient(0deg,#080f1622,#080f16dd),url('/assets/mountain-lines.svg')}
.game-page-title::after{display:none}
.game-page-title h1{letter-spacing:-.065em;line-height:1.08;margin-top:28px;font-size:clamp(6.5rem,13vw,13rem)}
.game-page-title h1.compact-title{font-size:clamp(2.4rem,4.1vw,4.6rem);letter-spacing:-.045em;line-height:1.15}
.game-page-tagline{font-size:clamp(1.5rem,2.5vw,2.1rem);color:var(--text);max-width:25ch;line-height:1.35}
.game-themes{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:8px 15px;flex-wrap:wrap;font-size:11px;line-height:1.5;font-weight:700;color:#c5cbbf}
.game-themes li{border-top:1px solid #8f815257;padding-top:9px}
.game-page-summary .page-lede{font-size:21px;line-height:1.7}
.game-page-summary>p:not(.page-lede){font-size:16px;color:#aeb9c1;line-height:1.85}
.game-page-summary .button{font-size:14px;padding-inline:18px;gap:20px}
.vision-heading>p:not(.eyebrow){font-size:15px;line-height:1.7}
.vision-pillars{gap:32px}
.vision-pillars li{padding:25px 0 0}
.vision-pillars h3{font-size:24px}
.vision-pillars p{font-size:16px;line-height:1.85}
.world-invitation{margin-block:65px;padding:40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;border-block:1px solid #6b5c3d;background:linear-gradient(120deg,#1a2323,#0e171d);position:relative;isolation:isolate}
.world-invitation::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.55;pointer-events:none;background:url('/assets/yard-lines.svg') left center/60% auto no-repeat}
.world-invitation.theme-winterstead::before{background-image:url('/assets/mountain-lines.svg')}
.world-invitation h2{font-size:clamp(2rem,1rem + 2.4vw,3.2rem);line-height:1.15;max-width:16ch}
.world-invitation>p{font-size:17px;line-height:1.85;color:#c0c8cc;margin:0;max-width:50ch}
.game-follow-links>a{font-weight:800;font-size:17px;transition:color .2s,border-color .2s}
.game-follow-links>a:hover{border-color:var(--gold)}
.game-nav>a{font-size:14px;font-weight:800;min-height:48px}
.game-nav-status{font-size:11px;letter-spacing:.08em}
.breadcrumbs{font-size:12px}
.footer-nav{font-size:13px}
.social-links a{font-size:16px}
.story-copy a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.entry-body h2,.entry-body h3{overflow-wrap:break-word}
@media(max-width:1100px){.header{flex-wrap:wrap;padding-block:21px;gap:18px}.header nav{margin-left:auto;flex-wrap:wrap;gap:24px}.hero{gap:35px}.game-page-hero{gap:35px}.game-page-summary{padding-left:25px}.catalogue-copy{padding:30px}.catalogue-title.compact-title{font-size:clamp(1.85rem,3.4vw,3rem)}}
@media(max-width:760px){.game-page-hero{grid-template-columns:1fr;gap:28px}.game-page-title{padding-bottom:35px;background-size:100% auto}.game-page-title h1{font-size:clamp(6.5rem,26vw,11rem)}.game-page-title h1.compact-title{font-size:clamp(2.25rem,7.5vw,4.8rem)}.game-page-summary .page-lede{max-width:55ch}.world-invitation{gap:30px;padding:32px}.vision-pillars{gap:22px}.vision-pillars h3{font-size:21px}.catalogue-links .button{font-size:13px}}
@media(max-width:650px){
  .header{padding-block:22px;gap:17px;min-height:0;align-items:flex-start}
  .brand{gap:12px}.brand .brand-title{width:200px}.brand .brand-subtitle{width:75px}.brand .brand-words{gap:7px}
  .header nav{margin:0;width:100%;justify-content:flex-start;gap:2px 22px;flex-wrap:wrap}
  .header nav a{font-size:13px;font-weight:800;min-height:44px;gap:10px}.header .nav-contact{padding-left:0;border:0}
  .hero{padding-top:38px;gap:35px}.hero h1{font-size:clamp(2.65rem,10.8vw,4.3rem);line-height:1.02}.hero-description{font-size:17px;line-height:1.75}
  .hero .actions{align-items:stretch;gap:16px}.hero .actions>.button{width:100%;font-size:15px}.hero .actions>.text-link{min-height:44px}
  .section-description{font-size:16px;margin-top:22px}.section-heading h2{font-size:clamp(2.5rem,10.5vw,4rem)}
  .catalogue-heading{padding-block:35px 42px}.catalogue-heading h1{font-size:clamp(2.65rem,10.2vw,4.3rem)}
  .catalogue-identity{padding:26px}.catalogue-title{font-size:clamp(6rem,29vw,9rem);margin-block:36px 20px}.catalogue-title.compact-title{font-size:clamp(1.85rem,7.2vw,3.15rem);margin-block:42px 28px}
  .catalogue-meta{font-size:10px}.catalogue-copy{padding:30px 25px}.catalogue-copy .catalogue-tagline{font-size:27px}.catalogue-copy>p{font-size:16px}.catalogue-links .button{font-size:14px}
  .game-page-hero{padding-block:25px 48px}.game-page-title{padding-top:13px}.game-page-title h1{font-size:clamp(6.5rem,30vw,10rem);margin-block:20px}.game-page-title h1.compact-title{font-size:clamp(1.85rem,7.5vw,3.2rem);margin-block:30px}
  .game-page-title .eyebrow{font-size:10px;letter-spacing:.13em;flex-wrap:wrap}.game-page-tagline{font-size:25px}.game-page-summary{padding-left:19px}.game-page-summary .page-lede{font-size:19px}.game-page-summary .button{font-size:14px;align-items:center}
  .game-themes{margin-top:24px;font-size:11px;gap:8px 14px}.game-nav{gap:22px}.game-nav>a{font-size:14px}.game-nav-status{font-size:10px}
  .vision-pillars h3{font-size:24px}.vision-pillars p{font-size:16px}
  .world-invitation{grid-template-columns:1fr;padding:30px 24px;margin-block:40px;gap:26px}.world-invitation h2{font-size:32px}.world-invitation>p{font-size:16px}.world-invitation::before{background-size:100% auto;opacity:.35}
  .workbench-heading h1{font-size:clamp(2rem,8.3vw,3.5rem)}.footer-nav{font-size:12px;gap:6px 23px}.text-link{font-size:15px}
}
@media(forced-colors:active){.stone-type{background:none;color:CanvasText;filter:none;text-shadow:none}.button,.button-stone{background:ButtonFace;color:ButtonText;box-shadow:none;border:2px solid ButtonText}.brand .brand-words{forced-color-adjust:none}}
@media(prefers-reduced-motion:reduce){.button>span,.text-link>span{transform:none!important}.game-follow-links>a{transition:none}}
.game-page-title .eyebrow{display:block}
.game-page-title .eyebrow .gold-dot{margin-inline-end:8px;vertical-align:middle}
.faq details p a{font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}

/* Game title identities are distinct from the studio's stone identity. */
.game-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 9px #0006)}
.catalogue-title,.catalogue-title.compact-title{font-size:18px;line-height:1.2;letter-spacing:normal;margin-block:40px 25px;min-width:0}
.catalogue-title a{padding:5px 0;max-width:100%}
.catalogue-title .game-logo{max-width:520px}
.game-page-title h1.game-logo-heading{font-size:20px;line-height:1.2;letter-spacing:normal;margin-block:30px 34px;max-width:600px}
.game-logo-heading .game-logo{width:100%}
.workbench-heading h1.workbench-logo-heading{font-size:clamp(3rem,1.5rem + 5.8vw,7rem);line-height:1.08}
.workbench-logo-heading .game-logo{max-width:470px;margin-block:0 24px}
.workbench-logo-heading>em{display:block}

/* Slate facets identify clickable controls; their labels stay high contrast. */
.header nav a,.game-nav>a,.footer-nav a,.text-link,.game-follow-links>a,.social-links a,.animation-button{
  background-color:#293842;
  background-image:linear-gradient(155deg,#52616a80,#263540b8 55%,#0b151bcc),url('/assets/stone-texture.svg');
  background-blend-mode:multiply;
  background-size:auto,220px auto;
  border:1px solid #657078;
  box-shadow:inset 0 1px 0 #ffffff24,0 2px 0 #04090d;
  color:#f0ede5;
}
.header nav a,.game-nav>a,.footer-nav a{padding:8px 13px;gap:10px}
.header nav{gap:10px}
.header .nav-contact{padding-left:13px;border-left:1px solid #657078}
.header nav a::after{inset:auto 10px 3px}
.header nav a[aria-current],.game-nav>a[aria-current]{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 1px 0 #ffffff24,0 2px 0 #7b6035}
.header nav a:hover,.game-nav>a:hover,.footer-nav a:hover,.text-link:hover,.game-follow-links>a:hover,.social-links a:hover,.animation-button:hover{border-color:var(--gold);color:var(--gold)}
.button{background-color:#d9ab60;background-image:linear-gradient(155deg,#e8c686b8,#d4a355a8 65%,#ad7c3ac9),url('/assets/stone-texture.svg');background-blend-mode:multiply;background-size:auto,220px auto}
.button:hover{background-color:#efc784;background-image:linear-gradient(155deg,#f2d39db8,#e5b76aa8),url('/assets/stone-texture.svg')}
.button-stone{background-color:#293842;background-image:linear-gradient(155deg,#52616a80,#263540b8 55%,#0b151bcc),url('/assets/stone-texture.svg');background-blend-mode:multiply;background-size:auto,220px auto;color:#f0ede5}
.button-stone:hover{background-color:#3e4c55;background-image:linear-gradient(155deg,#69778080,#3b4d59b8),url('/assets/stone-texture.svg');color:#f0ede5}
.text-link{padding:11px 15px;text-decoration:none;justify-content:space-between;max-width:100%}
.game-follow-links{display:grid;gap:14px}
.game-follow-links>a{padding:18px 20px;border:1px solid #657078}
.social-links{gap:12px}
.social-links li{border:0}
.social-links a{padding:12px 15px}
.footer-nav{gap:12px;justify-content:flex-start}
.animation-button{padding:13px 20px}
@media(max-width:1100px){.header nav{gap:10px}.header .nav-contact{padding-left:13px}}
@media(max-width:650px){
  .header nav{gap:9px;width:100%;justify-content:flex-start}
  .header nav a{font-size:13px;padding:9px 11px;min-height:44px}
  .header .nav-contact{padding-left:11px;border-left:1px solid #657078}
  .game-nav{gap:12px}.game-nav>a{font-size:13px;padding:9px 11px}
  .catalogue-title,.catalogue-title.compact-title{margin-block:35px 24px}
  .game-page-title h1.game-logo-heading{margin-block:28px 30px}
  .workbench-heading h1.workbench-logo-heading{font-size:clamp(2rem,8.3vw,3.5rem)}
  .workbench-logo-heading .game-logo{max-width:350px;margin-bottom:20px}
  .catalogue-links .button{padding-inline:16px;font-size:14px}
  .text-link{font-size:14px;padding:10px 13px}
  .social-links{grid-template-columns:1fr 1fr;gap:10px}
  .social-links a{font-size:14px;padding:11px}
  .footer-nav a{font-size:12px;padding:8px 11px}
}
@media(forced-colors:active){.header nav a,.game-nav>a,.footer-nav a,.text-link,.game-follow-links>a,.social-links a,.animation-button,.button,.button-stone{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}}
.header nav a,.game-nav>a,.footer-nav a,.text-link,.game-follow-links>a,.social-links a,.animation-button,.button-stone{
  background-color:#34414b;background-image:linear-gradient(150deg,#ffffff05,#00000018),url('/assets/slate-surface.svg');background-blend-mode:normal;background-size:auto,220px auto
}
.button-stone:hover{background-image:linear-gradient(150deg,#ffffff12,#00000008),url('/assets/slate-surface.svg')}
@media(forced-colors:active){.header nav a,.game-nav>a,.footer-nav a,.text-link,.game-follow-links>a,.social-links a,.animation-button,.button-stone{background:ButtonFace;color:ButtonText}}
