:root {
  color-scheme: dark;
  --color-light: #ede6e4;
  --color-dark: #131111;
  --color-ink: #29517b;
  --color-stable: #2c5f34;
  --color-danger: #8e2323;
  --color-attention: #deab02;
  --color-positive: #30ab42;
  --color-negative: #e63d3d;
  --page-background: var(--color-dark);
  --page-foreground: var(--color-light);
  --page-muted: rgb(237 230 228 / 0.7);
  --page-border: rgb(237 230 228 / 0.18);
  --accent: #c9a65c;
  --page-width: 1180px;

  --radius--default: 12px;
  --radius--sm: 6px;
  --radius--lg: 16px;
  --radius--xl: 24px;
}

* { box-sizing: border-box; }
html { background: var(--page-background); }
body { min-height: 100svh; margin: 0; display: flex; flex-direction: column; background: var(--page-background); color: var(--page-foreground); font-family: "Oldenburg", Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.container, .site-header { width: min(100% - 48px, var(--page-width)); margin-inline: auto; }
.site-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 24px; }
.site-languages { display: flex; align-items: center; gap: 16px; font-size: 0.85rem; }
.site-languages[hidden] { display: none; }
.site-languages a { padding-block: 10px; color: var(--page-muted); text-decoration: none; }
.site-languages a[aria-current="page"] { color: var(--accent); text-decoration: underline; text-underline-offset: 5px; }
.site-languages a:hover { color: var(--page-foreground); }
.site-languages a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.site-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--page-foreground); font-size: 0.95rem; text-decoration: none; }
.site-logo img { display: block; width: auto; height: 48px; max-width: min(220px, 65vw); }
.site-main { flex: 1; padding-block: clamp(40px, 7vw, 80px); }
.site-footer { margin-top: auto; border-top: 1px solid var(--page-border); }
.footer-inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; padding-block: 20px; color: var(--page-muted); font-size: 13px; text-align: center; }
.footer-inner p { margin: 0; }
.footer-social-link { display: inline-flex; align-items: center; }
.footer-inner a, .text-link { text-decoration-color: rgba(201, 166, 92, 0.7); text-underline-offset: 4px; }
.footer-inner a:hover, .footer-inner a:focus-visible, .text-link:hover, .text-link:focus-visible { color: var(--accent); }

.home-page .site-main { display: grid; place-items: start center; }
.home-feature { display: grid; width: min(100%, 780px); margin-inline: auto; grid-template-columns: minmax(220px, 340px) minmax(0, 340px); align-items: center; gap: clamp(32px, 7vw, 96px); }
.poster-link { display: block; width: 100%; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38); border-radius: var(--radius--xl); overflow: hidden; }
.poster-link img { display: block; width: 100%; height: auto; }
.home-copy p { margin: 0 0 20px; font-size: clamp(1.35rem, 2.1vw, 1.9rem); line-height: 1.35; }
.text-link { color: var(--accent); font-size: 1.05rem; }
.text-link-with-icon { display: inline-flex; align-items: center; gap: 10px; }
.text-link-with-icon svg { flex: 0 0 auto; }

.uraz-page { background-image: linear-gradient(rgba(10, 9, 7, 0.74), rgba(10, 9, 7, 0.89)), url("/images/uraz-newsroom-background.png"); background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }
.uraz-content { max-width: 1040px; margin-inline: auto; }
.uraz-hero { display: grid; grid-template-columns: minmax(220px, 330px) minmax(0, 1fr); align-items: center; gap: clamp(40px, 8vw, 100px); }
.uraz-poster { display: block; width: 100%; height: auto; border-radius: var(--radius--xl); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38); }
.uraz-intro { text-align: left; }
.uraz-logo { 
  display: block; width: min(142px, 90%); height: auto; margin: 0 0 24px; user-select: none; -webkit-user-select: none; pointer-events: none; filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.38)); }
.uraz-genre-title { margin: 32px 0 8px; color: var(--accent); line-height: 1.4; }
.uraz-tagline { margin: 8px 0 0; max-width: 29rem; font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.4; }
.development-status { display: inline-flex; margin: 40px 0 24px; padding: 4px 9px; border: 1px solid rgb(237 230 228 / 0.16); border-radius: 999px; background: rgb(237 230 228 / 0.08); color: var(--page-muted); font-size: 0.78rem; line-height: 1.3; cursor: default; }
.primary-button { display: inline-flex; align-items: center; gap: 10px; padding: 10px 15px; border: 1px solid var(--accent); border-radius: 999px; background: var(--accent); color: var(--color-dark); font-size: 0.95rem; line-height: 1.2; text-decoration: none; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; }
.primary-button svg { flex: 0 0 auto; }
.primary-button:hover { border-color: var(--color-light); background: var(--color-light); color: var(--color-dark); transform: translateY(-1px); }
.primary-button:focus-visible { outline: 3px solid var(--color-ink); outline-offset: 3px; }
.steam-note { max-width: 24rem; margin: 8px 0 0; color: var(--page-muted); font-size: 0.72rem; line-height: 1.45; }
.steam-note strong { color: var(--page-foreground); font-weight: normal; -webkit-text-stroke: 0.35px var(--page-foreground); text-stroke: 0.35px var(--page-foreground); }
.eyebrow { margin: 0 0 14px; color: var(--accent); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; }

.uraz-plot { width: min(100%, 42rem); margin: clamp(72px, 11vw, 128px) auto 0; text-align: center; }
.uraz-plot > p:last-child { margin: 0; color: var(--page-muted); font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.6; }
.uraz-plot > p strong { color: var(--page-foreground); font-weight: normal; -webkit-text-stroke: 0.5px var(--page-foreground); text-stroke: 0.5px var(--page-foreground); }

.uraz-features { display: grid; gap: clamp(72px, 12vw, 148px); margin-top: clamp(72px, 12vw, 148px); }
.uraz-feature { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(260px, 1.1fr); grid-template-areas: "copy visual"; align-items: center; gap: clamp(36px, 7vw, 88px); }
.uraz-feature--reverse { grid-template-columns: minmax(260px, 1.1fr) minmax(0, 0.9fr); grid-template-areas: "visual copy"; }
.uraz-feature-copy { grid-area: copy; }
.uraz-feature-figure { grid-area: visual; min-width: 0; margin: 0; }
.uraz-gameplay-placeholder { display: flex; flex-direction: column; justify-content: center; min-height: 340px; padding: 32px; border: 2px solid rgba(255, 255, 255, 0.07); border-radius: var(--radius--xl); background: rgb(0 0 0 / 0.18); text-align: center; backdrop-filter: blur(7px); }
.uraz-gameplay-placeholder p { margin: 0; color: var(--page-muted); font-size: 0.9rem; line-height: 1.6; }
.uraz-gameplay-placeholder .uraz-gameplay-placeholder-title { margin-bottom: 8px; color: var(--page-foreground); font-size: 1.1rem; }
.uraz-feature-figure figcaption { margin-top: 12px; color: var(--page-muted); font-size: 0.78rem; line-height: 1.6; }
.uraz-feature-copy h2 { margin: 0 0 16px; color: var(--page-foreground); font-size: clamp(1.45rem, 2.6vw, 2rem); font-weight: normal; line-height: 1.2; }
.uraz-feature-copy p { margin: 0; color: var(--page-muted); font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.6; }
.uraz-feature-copy p strong { color: var(--page-foreground); font-weight: normal;
  -webkit-text-stroke: 0.5px var(--page-foreground);  text-stroke: 0.5px var(--page-foreground);
 }
p.uraz-feature-note { margin-top: 12px; color: var(--page-muted); font-size: 1rem; line-height: 1.6; }

.uraz-visual-placeholder { grid-area: visual; aspect-ratio: 4 / 3; border: 1px solid rgb(237 230 228 / 0.1); border-radius: var(--radius--lg); background: linear-gradient(135deg, rgb(41 81 123 / 0.22), rgb(19 17 17 / 0.38) 58%, rgb(44 95 52 / 0.14)); box-shadow: inset 0 0 0 1px rgb(19 17 17 / 0.22); }
.uraz-feature-media { grid-area: visual; overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius--xl); box-shadow: inset 0 0 0 1px rgb(19 17 17 / 0.22); }
.uraz-feature-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 280ms ease; }
@media (hover: hover) { .uraz-feature-media:hover .uraz-feature-image { transform: scale(1.035); } }
@media (prefers-reduced-motion: reduce) { .uraz-feature-image { transition: none; } }
.uraz-contact { width: min(100%, 42rem); margin: clamp(80px, 12vw, 148px) auto 0; padding-inline: clamp(40px, 7vw, 72px); padding-block: clamp(20px, 5vw, 40px); border-radius: var(--radius--xl); background: var(--color-light); color: var(--color-dark); box-shadow: 0 18px 44px rgb(0 0 0 / 0.2); }
.uraz-contact h2 { margin: 0 0 16px; color: var(--color-dark); font-size: clamp(1.45rem, 2.6vw, 2rem); font-weight: normal; line-height: 1.2; }
.uraz-contact > p { margin: 0; color: rgb(19 17 17 / 0.74); font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.6; }
.uraz-contact-links { display: flex; flex-wrap: wrap; flex-direction: column; gap: 12px 28px; margin-top: 28px; }
.uraz-contact-links a { color: var(--color-ink); text-decoration-color: rgb(41 81 123 / 0.7); text-underline-offset: 4px; overflow-wrap: anywhere; }
.uraz-contact-links a:hover, .uraz-contact-links a:focus-visible { color: var(--color-dark); }
.uraz-contact-links a:focus-visible { outline: 3px solid var(--color-ink); outline-offset: 4px; }
.uraz-linkedin-link { display: inline-flex; align-items: center; gap: 7px; }
.uraz-linkedin-link svg { flex: 0 0 auto; }
.uraz-contact strong { color: var(--color-dark); font-weight: normal; -webkit-text-stroke: 0.5px var(--color-dark); text-stroke: 0.5px var(--color-dark); }

.policy-content { max-width: 720px; margin-inline: auto; padding-bottom: 32px; }
.policy-content h1, .policy-content h2 { font-size: 1em; line-height: 1.4; }
.policy-content h1 { margin: 0 0 8px; font-size: 1.25em; }
.policy-content h2 { margin: 40px 0 12px; }
.policy-content p, .policy-content ul { margin: 0 0 16px; }
.policy-content ul { padding-left: 24px; }
.policy-effective { color: var(--page-muted); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 760px) { .home-feature { width: min(100%, 360px); grid-template-columns: minmax(0, 360px); justify-items: center; margin-inline: auto; text-align: center; } .poster-link { width: 50%; justify-self: center; margin-inline: auto; } .home-copy { width: 100%; max-width: 360px; justify-self: center; } .uraz-hero { grid-template-columns: minmax(0, 300px); justify-content: center; } .uraz-intro { text-align: center; } .uraz-logo { margin-inline: auto; } .uraz-tagline { margin-inline: auto; } .uraz-feature, .uraz-feature--reverse { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "visual"; gap: 28px; } .uraz-page { background-attachment: scroll; } }
@media (max-width: 520px) { .container, .site-header { width: min(100% - 32px, var(--page-width)); } .site-header { padding-top: 18px; } .site-main { padding-block: 38px; } .footer-inner { flex-direction: column; gap: 6px; } .uraz-plot { margin-top: 64px; } .uraz-plot > p:last-child { text-align: left; font-size: 1.15rem;  }  .uraz-plot > p:last-child::first-letter { font-size: 1.5rem; -webkit-text-stroke: 0.35px var(--page-foreground); text-stroke: 0.35px var(--page-foreground); } }