/* DUXA LIFE: one readable design for the public website. */
:root {
  --bg:#f7f8fa; --bg2:#eef2f4; --text:#172a30; --soft:#243c43;
  --muted:#52656c; --mint:#08765f; --mint2:#065e4c; --gold:#976324;
  --line:#dce4e7; --line-strong:#8cb6aa; --panel:#fff; --panel2:#f1f7f5;
  --shadow:0 6px 24px rgba(23,42,48,.045); --radius:20px; --max:1120px;
  --steam-blue:#126285; --steam-cyan:#126285;
  color-scheme:light;
}
html {scroll-padding-top:105px}
body,body.steamworks-page {background:var(--bg);color:var(--text);font-size:17px;line-height:1.65;letter-spacing:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden] {display:none!important}
.page-bg,.steam-atmosphere {display:none}
.reveal {opacity:1;transform:none;transition:none}
::selection {background:#d1eee4;color:#133d31}
a,button,input,textarea,summary {touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {outline:3px solid #147fbd;outline-offset:4px}
a {text-underline-offset:4px}
p {text-wrap:pretty}
p,li {max-width:75ch}
h1,h2,h3 {text-wrap:balance}
.site-header,.steamworks-page .site-header {
  top:0; width:100%; max-width:none; margin:0; padding:14px max(24px,calc((100% - var(--max))/2));
  border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(12px);gap:20px;z-index:30;
}
.brand {flex-shrink:0;gap:10px}
.brand-logo {border-radius:12px;background:#102e29;width:44px;height:44px;border:0}
.brand strong {font-size:15px;color:var(--text);letter-spacing:.05em}
.brand small {font-size:12px;color:var(--muted)}
.main-nav,.steamworks-page .main-nav {gap:4px;background:transparent}
.main-nav a,.nav-more summary {padding:10px 13px;min-height:44px;border-radius:10px;font-size:15px;font-weight:650;color:#344e55;line-height:24px}
.main-nav a.active,.main-nav a[aria-current],.main-nav a:hover,.nav-more summary:hover {background:#e9f4ee;color:#065e4c}
.nav-more {position:relative}
.nav-more summary {cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.nav-more summary::-webkit-details-marker {display:none}
.nav-more-links {position:absolute;right:0;top:calc(100% + 8px);width:215px;padding:8px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 12px 32px #172a3014}
.nav-more-links a {display:block}
.menu-toggle {border:1px solid var(--line);width:auto;min-width:86px;min-height:44px;padding:0 12px;border-radius:10px;background:white;color:var(--text)}
.menu-toggle .menu-word,.menu-toggle .menu-lines {display:inline;width:auto;height:auto;background:none;margin:0;border-radius:0;color:var(--text);font-size:15px}
.menu-toggle .menu-lines {margin-left:8px;font-size:20px}
.breadcrumbs {width:min(calc(100% - 48px),var(--max));margin:24px auto 0;display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.breadcrumbs a {text-decoration:underline;color:var(--mint)}
.section {width:min(calc(100% - 48px),var(--max));padding:48px 0}
.page-hero,.recruiter-hero,.personal-hero,.posts-hero,.playground-hero,.steam-record-hero {padding-top:36px;padding-bottom:40px;gap:40px}
.page-hero h1,.recruiter-hero h1,.personal-hero h1,.posts-hero h1,.playground-copy h1,.steam-record-copy h1 {
  font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.1;letter-spacing:-.045em;max-width:800px;
}
.lead,.record-lead {margin-top:20px;font-size:18px;line-height:1.7;color:var(--muted);max-width:64ch}
.eyebrow,.tag {font-size:12px;line-height:1.5;letter-spacing:.09em;font-weight:700;color:var(--mint);margin:0 0 14px}
.hero-actions,.cta-actions {gap:10px;margin-top:24px}
.btn,.btn.small {min-height:46px;border-radius:10px;padding:11px 17px;line-height:1.4;font-size:16px;font-weight:650;color:var(--text);background:#fff;border:1px solid #c9d6d9;box-shadow:none;transition:background .15s,border-color .15s}
.btn:hover {transform:none;background:#edf5f1;border-color:#6da99a}
.btn.primary {background:#08765f;color:white;border-color:#08765f}
.btn.primary:hover {background:#065e4c;border-color:#065e4c}
.btn.ghost {background:transparent}
.section-head,.record-section-head {align-items:center;gap:24px;margin-bottom:24px}
.section-head h2,.section-title h2,.hiring-head h2,.copy-section h2,.fastlane-intro h2,.resource-panel h2,
.record-section-head h2,.method-copy h2,.document-side h2,.record-closing h2,.agreement-copy h2,.playground-manifesto h2 {
  font-size:clamp(1.8rem,3.1vw,2.5rem);line-height:1.2;letter-spacing:-.035em;
}
.section-note {max-width:48ch;color:var(--muted);font-size:16px}
.card,.project-card,.contact-card,.message-box,.skills-panel,.resume-main,.resume-aside,.work-card,.stat-stack,.hiring-panel,
.directory-card,.channel-card,.cv-card,.resource-panel,.experiment-slot,.experiment-card,.playground-manifesto,.recruiter-fastlane {
  background:white;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow);color:var(--text);
}
.card:hover,.directory-card:hover,.channel-card:hover {transform:none;background:#f9fcfa;border-color:#9cbbb1}
.card h3,.project-card h3,.contact-card h2,.directory-card h3,.experiment-slot h3,.experiment-content h3 {font-size:24px;line-height:1.25;letter-spacing:-.025em;color:var(--text)}
.card p,.project-card p,.contact-card p,.directory-card p,.experiment-slot p,.experiment-content p {color:var(--muted);font-size:17px}
.card {min-height:0}
.stat-stack {gap:8px;padding:18px}
.stat-stack div {background:#f7faf8}
.stat-stack strong {font-size:32px}
.stat-stack span {font-size:15px;line-height:1.5}
.recruiter-summary,.hiring-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.recruiter-summary {padding-top:0}
.recruiter-summary>div,.hiring-grid>div,.quick-facts>div {background:white;border:1px solid var(--line);border-radius:14px;box-shadow:none}
.recruiter-summary p {font-size:16px}
.recruiter-summary span,.hiring-grid span {font-size:12px;color:var(--mint)}
.resume-layout {grid-template-columns:minmax(0,1fr) 310px;align-items:start}
.resume-main,.skills-panel,.hiring-panel {padding:28px}
.resume-main h2 {font-size:28px;line-height:1.3;letter-spacing:-.03em;margin-top:0}
.resume-aside img {border-radius:16px}
.availability-line {padding:16px;background:#e9f4ee;border:1px solid #c7ddd1;border-radius:12px;margin-top:24px}
.availability-line strong {font-size:15px;color:#165442}
.availability-line small {font-size:14px;color:#3b6558}
.availability-line span {background:#08765f;box-shadow:none}
.timeline article {background:#f9fbfa;border-color:var(--line);padding:20px}
.timeline p {font-size:16px}
.chip-cloud span {background:#f1f5f4;border-color:var(--line);font-size:14px;color:var(--soft);font-weight:550}
.cv-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.cv-card {padding:24px}
.cv-card-head {gap:12px;align-items:start;flex-wrap:wrap}
.cv-card-head h3 {font-size:23px;line-height:1.25;color:var(--text)}
.cv-card-head p {font-size:16px;color:var(--muted)}
.cv-card-head>strong {background:#e9f4ee;color:#165442;border:1px solid #c7ddd1;font-size:12px}
.cv-file-visual {background:#f6f8fa;padding:14px;min-height:90px;border-color:var(--line)}
.cv-file-visual>div {min-width:0}
.cv-file-visual strong {max-width:100%;font-size:13px;overflow-wrap:anywhere;white-space:normal;line-height:1.5}
.cv-file-visual>span {width:44px;height:56px;flex-shrink:0;background:white;border-color:#abc5bc;color:var(--mint)}
.cv-empty {background:white;border-color:#abc5bc}
.cv-fallback {font-size:16px;margin:0 0 20px}
.cv-fallback a,.noscript-note a {color:var(--mint);text-decoration:underline}
.project-media {min-height:260px}
.project-grid .wide {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.project-card .check-list li {font-size:16px;line-height:1.6}
.project-card .tag {color:var(--mint);font-size:12px}
.project-card a:not(.btn) {color:var(--mint)}
.featured-nos {background:white}
.community-archive {background:#edf5f1;border-color:#d1e2d9;border-radius:20px;padding:30px;margin-top:20px;margin-bottom:20px}
.archive-copy h2 {font-size:32px;line-height:1.2;letter-spacing:-.03em;color:var(--text)}
.archive-copy p {color:var(--muted)}
.qa-case-card,.qa-archive-row {background:white;border-color:var(--line);box-shadow:var(--shadow)}
.qa-case-card::after {display:none}
.qa-product,.qa-archive-links a {color:var(--mint)}
.qa-case-card h3 {font-size:26px;line-height:1.25;margin-top:24px;color:var(--text)}
.qa-case-card {padding:26px;min-height:340px}
.qa-case-meta span {background:#f3f6f5;color:var(--muted);font-size:13px}
.qa-severity {text-transform:none;font-size:13px;letter-spacing:0}
.qa-severity.critical {background:#fce7e7;color:#a32035}
.qa-modal {background:white;border-color:var(--line);color:var(--text);box-shadow:0 20px 80px #172a3040;z-index:100}
.qa-modal-head {background:#edf5f1;padding:46px 40px 30px}
.qa-modal-head h2 {font-size:32px;line-height:1.2}
.qa-modal-kicker span:not(.qa-severity),.qa-report-block>span,.qa-report-facts span,.qa-evidence strong {color:var(--mint)}
.qa-modal-body {padding:30px 40px}
.qa-modal-close {background:white;color:var(--text)}
.qa-result-pair>div {background:#f6f8f7}
.qa-final-status {background:#edf5f1;border-color:#abc5bc}
.qa-final-status strong {color:var(--mint)}
.qa-report-block p,.qa-report-block li {font-size:16px}
.qa-report-facts span {font-size:12px;text-transform:none;letter-spacing:0}
.qa-report-facts strong {font-size:15px}
.personal-orbit {box-shadow:none;max-width:250px;justify-self:center}
.personal-orbit span {background:#fff;color:var(--muted)}
.directory-mark {background:#edf5f1;color:var(--mint)}
.directory-card small {text-transform:none;letter-spacing:0;font-size:14px}
.channel-directory .channel-card h3 {font-size:22px}
.channel-directory .channel-card p {font-size:16px}
.recruiter-fastlane {padding:30px}
.text-link {min-width:0;font-size:16px;color:var(--mint);line-height:1.5;text-decoration:underline;border:0;font-weight:650}
.contact-card .btn {max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.contact-card {padding:22px}
.message-box {padding:30px;gap:40px}
.message-box h2 {font-size:30px;line-height:1.25;margin-top:0}
.message-form input,.message-form textarea {background:#fff;border-color:#a8bbc0;border-radius:10px;padding:13px;color:var(--text);font-size:17px;line-height:1.5}
.message-form label span {color:var(--soft);font-size:16px;font-weight:600}
.message-form input::placeholder,.message-form textarea::placeholder {color:#62767b;opacity:1}
.message-presets button {border-color:#c9d6d9;background:#f4f7f6;color:var(--soft);min-height:44px;border-radius:10px;font-size:14px;font-weight:600}
.contact-note {border-color:var(--line);background:#edf5f1;color:var(--soft)}
.form-status.error {color:#a32035!important}
.posts-hero {padding-bottom:24px}
.post-card,.posts-empty,.posts-error,.posts-outro {background:#fff;border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}
.post-content h2 {font-size:28px;line-height:1.25;color:var(--text)}
.post-body p {font-size:17px;color:var(--soft);line-height:1.75}
.post-number {font-size:22px;color:var(--mint)}
.post-anchor,.page-button {background:white;border-color:#b8ceca;color:var(--mint);min-height:44px;font-size:15px;border-radius:10px}
.page-button.primary {background:var(--mint);color:white}
.posts-outro h2 {font-size:30px;line-height:1.2;color:var(--text)}
.post-skeleton {background:linear-gradient(90deg,#edf2f0,#f7faf9,#edf2f0)}
.playground-hero {grid-template-columns:1fr}
.playground-label {display:none}
.playground-copy {max-width:750px}
.playground-copy h1 em {color:var(--text);text-shadow:none}
.playground-notice {background:#edf5f1;border-color:#c7ddd1;padding:16px;border-radius:14px}
.playground-notice strong {color:var(--text);font-size:16px}
.playground-notice p {color:var(--muted);font-size:15px;margin:4px 0 0}
.playground-notice .notice-mark {background:#d7e9df;color:#165442}
.playground-projects {padding-top:0}
.experiment-grid {gap:20px}
.experiment-slot h3 {color:var(--text)}
.experiment-slot .tag {color:var(--mint)}
.experiment-slot .slot-number {color:#6b8a81;font-size:28px}
.experiment-actions>span {color:var(--muted);font-size:14px}
.experiment-status {color:#165442;background:#e9f4ee;border-color:#b8d8c7}
.neuro-experiment {background:white;border-color:#b8d8c7;box-shadow:var(--shadow)}
.neuro-project-head h3 {color:var(--text);font-size:28px;line-height:1.25}
.neuro-project-head p:not(.eyebrow) {color:var(--muted)}
.neuro-frame-wrap {border-color:#b8d8c7}
.infexis-preview,.mood-map-preview {background:#142d31;color:#e5f7f1}
.mood-map-footer,.infexis-preview-foot {color:#b8dfd7}
.playground-manifesto {padding:28px;margin-top:20px;margin-bottom:40px}
.steamworks-page {--steam-cyan:#126285;--steam-blue:#126285}
.steamworks-page .site-header .brand-logo {background:#102e29;border:0}
.steamworks-page .site-header .brand-logo img {filter:none}
.steamworks-page .steam-record-copy h1 em {color:var(--text);background:none}
.steam-record-hero {grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)}
.record-overline,.release-index,.agreement-kicker {color:#126285;font-size:12px;letter-spacing:.07em}
.record-status-row>span,.record-status-row .record-status {background:#eef5f8;color:#345a6c;border-color:#cbdfe6;font-size:13px}
.steam-record-primary {background:#126285!important;color:white!important;box-shadow:none}
.record-disclaimer {color:var(--muted);font-size:14px}
.proof-metrics article,.release-record,.method-list li,.agreement-callout {background:white;border-color:var(--line);box-shadow:var(--shadow)}
.proof-metrics small,.proof-metrics p,.release-copy p,.release-copy dd,.method-list p,.method-copy>p,.agreement-copy p,.record-closing p {color:var(--muted);font-size:16px}
.proof-metrics strong,.release-copy h3,.release-copy dt,.method-list h3,.agreement-copy h2,.record-closing h2 {color:var(--text)}
.release-copy h3 {font-size:30px;line-height:1.2}
.release-copy {padding:28px}
.release-record {border-radius:20px}
.record-section-head>p {color:var(--muted);font-size:17px}
.agreement-hero-card,.agreement-desk,.agreement-dialog {background:#fff;border-color:#aabfc9;color:var(--text)}
.agreement-card-bar,.agreement-card-foot,.agreement-desk-bar,.agreement-dialog header,.agreement-dialog footer {background:#eff4f7;color:#345a6c;border-color:var(--line);font-size:12px;letter-spacing:0}
.agreement-hero-open>span,.agreement-zoom {background:#126285;color:white;font-size:14px}
.agreement-file-actions a {background:white;color:#126285;border-color:#b5ced8;font-size:14px}
.agreement-file-actions a:hover {background:#eef5f8}
.agreement-dialog header strong {color:var(--text)}
.agreement-dialog header button {background:white;color:var(--text);border-color:var(--line);width:44px;height:44px}
.agreement-dialog footer a {color:#126285;border-color:#b5ced8;background:white}
.agreement-dialog-body {background:#e5ebee}
.record-closing {padding-top:40px}
.site-footer,.steamworks-page .site-footer {background:white;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;width:100%;margin:30px 0 0;padding:44px max(24px,calc((100% - var(--max))/2)) 20px}
.footer-grid {grid-template-columns:1.25fr 1fr 1fr 1fr;gap:30px}
.site-footer h2 {font-size:16px;font-weight:700;color:var(--text)}
.site-footer p {font-size:15px;color:var(--muted)}
.site-footer a:not(.brand) {font-size:15px;margin:0;min-height:36px;padding:6px 0;line-height:24px;color:var(--muted)}
.site-footer a:hover {color:var(--mint);text-decoration:underline}
.footer-bottom {font-size:14px;align-items:center}
.welcome-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:72px;align-items:center;padding-top:64px;padding-bottom:50px}
.welcome-copy h1 {margin:0;font-size:clamp(2.8rem,4.7vw,4.1rem);line-height:1.12;letter-spacing:-.05em;font-weight:750}
.welcome-copy h1 span {color:#08765f}
.welcome-copy .lead {max-width:52ch;font-size:19px;margin-top:24px}
.welcome-photo {background:#fff;overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.welcome-photo img {width:100%;height:280px;object-fit:cover;object-position:center 26%}
.welcome-photo>div {padding:18px 20px}
.welcome-photo strong {display:block;font-size:17px;color:var(--text)}
.welcome-photo span {display:block;font-size:14px;color:var(--muted);margin-top:4px}
.welcome-facts {display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;font-size:14px;color:#52656c}
.welcome-facts span {display:flex;align-items:center;gap:7px}
.welcome-facts i {width:7px;height:7px;border-radius:50%;background:#08765f}
.start-section {padding-top:0;padding-bottom:48px}
.start-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.start-card {display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:white;padding:26px;transition:border-color .15s,background .15s}
.start-card:hover {border-color:#75a494;background:#fcfefd}
.start-icon {display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e9f4ee;color:#08765f;font-size:13px;font-weight:700;margin-bottom:22px}
.start-card:nth-child(2) .start-icon {background:#edf0fd;color:#4458ab}
.start-card:nth-child(3) .start-icon {background:#faf0e2;color:#8a5d25}
.start-card h3 {font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0}
.start-card p {font-size:16px;color:var(--muted);line-height:1.65;margin:12px 0 24px}
.card-action {margin-top:auto;padding-top:16px;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;color:#08765f;font-size:15px;font-weight:650}
.play-feature {display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:36px;border-radius:22px;background:#132e32;color:#fff;align-items:center;margin-bottom:10px}
.play-feature-art {overflow:hidden;border-radius:12px;border:1px solid #64818a;background:#263e43}
.play-feature-art img {width:100%;height:300px;object-fit:cover;object-position:center}
.play-feature-copy .eyebrow {color:#92dbbf}
.play-feature-copy h2 {font-size:38px;line-height:1.2;margin:0;letter-spacing:-.04em;color:white}
.play-feature-copy p {color:#d0dfe0;font-size:17px;line-height:1.65}
.play-feature-copy .play-caption {font-size:13px;color:#b8cecf;margin-bottom:22px}
.play-feature-copy .btn.primary {background:#a9edcf;border-color:#a9edcf;color:#143f31}
.feature-more {display:block;margin-top:16px;font-size:14px;color:#d3eae2;text-decoration:underline}
.home-games {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-game {border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}
.home-game-art {display:block;background:#173439;height:220px;overflow:hidden}
.home-game-art img {width:100%;height:100%;object-fit:cover}
.home-game>div {padding:26px}
.home-game h3 {font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:0}
.home-game p:not(.eyebrow) {color:var(--muted);font-size:17px}
.project-followup {display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.project-followup a {color:var(--mint);text-decoration:underline}
.home-more {display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:24px;padding-bottom:30px}
.home-more h2 {font-size:32px;line-height:1.2;margin:0;letter-spacing:-.035em}
.home-more p {color:var(--muted)}
.home-more-links {display:grid;align-content:center}
.home-more-links a {display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:600;color:var(--mint)}
.vpn-page .vpn-hero h1 {font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.1;letter-spacing:-.045em}
.vpn-page .vpn-price,.vpn-page .vpn-card,.vpn-page .vpn-faq details {background:white;border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}
.vpn-page .vpn-price strong {color:var(--mint)}
.vpn-page .vpn-price p,.vpn-page .vpn-card p,.vpn-page .vpn-note,.vpn-page .vpn-faq p {color:var(--muted)}
.vpn-page .vpn-hero {padding-top:36px}
.language-link {margin-left:auto;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1100px) {.site-header{padding-left:24px;padding-right:24px}.main-nav a,.nav-more summary{padding:10px}.welcome-hero{gap:40px}}
@media(max-width:900px) {
  .menu-toggle{display:block}.main-nav,.steamworks-page .main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px;background:white;border-bottom:1px solid var(--line);border-radius:0;max-height:calc(100dvh - 74px);overflow-y:auto;box-shadow:0 12px 20px #172a3012}
  .menu-open .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .main-nav a,.nav-more summary{padding:12px;min-height:48px;font-size:17px}
  .nav-more-links{position:static;width:100%;box-shadow:none;border:0;border-radius:0;padding:0 0 0 12px}
  .welcome-hero{grid-template-columns:minmax(0,1fr) 250px;gap:32px}.welcome-photo img{height:240px}
  .welcome-copy h1{font-size:44px}.welcome-copy .lead{font-size:18px}
  .start-grid{gap:12px}.start-card{padding:20px}.start-card h3{font-size:21px}
  .page-hero,.recruiter-hero,.personal-hero,.steam-record-hero{grid-template-columns:1fr}
  .resume-aside,.work-card{max-width:500px}.personal-orbit{display:none}
  .resume-layout{grid-template-columns:1fr}.skills-panel{display:block}
  .play-feature{gap:28px;padding:28px}.play-feature-copy h2{font-size:30px}.play-feature-art img{height:260px}
  .footer-grid{grid-template-columns:1fr 1fr}.project-grid .wide{grid-template-columns:1fr}
  .message-box{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}
}
@media(max-width:620px) {
  .site-header,.steamworks-page .site-header{padding:12px 20px;margin:0;width:100%;border-radius:0}
  .brand small{display:block}.brand-logo{width:40px;height:40px}.section,.breadcrumbs{width:calc(100% - 40px)}
  .section{padding-top:32px;padding-bottom:32px}.breadcrumbs{margin-top:20px;font-size:13px}
  .welcome-hero{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:36px}
  .welcome-copy h1{font-size:clamp(2.5rem,9.5vw,3.25rem);line-height:1.14}
  .welcome-copy .lead{font-size:17px}.welcome-facts{gap:10px 16px;font-size:13px}
  .hero-actions{display:flex;flex-wrap:wrap}.hero-actions .btn{width:auto;flex:1 1 auto}
  .welcome-photo{display:grid;grid-template-columns:100px 1fr;align-items:center;border-radius:14px}
  .welcome-photo img{width:100px;height:116px;object-position:center 20%}.welcome-photo>div{padding:14px}.welcome-photo span{font-size:13px;line-height:1.5}
  .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.section-head .eyebrow{margin-bottom:8px}
  .section-head h2{font-size:28px}.section-head .btn{width:auto}
  .start-section{padding-top:0}.start-grid{grid-template-columns:1fr;gap:12px}
  .start-card{position:relative;padding:20px 20px 20px 76px;border-radius:14px}.start-icon{position:absolute;top:20px;left:20px;width:38px;height:38px;margin:0}
  .start-card h3{font-size:22px}.start-card p{margin:8px 0 16px;font-size:16px}.card-action{padding-top:12px;font-size:15px}
  .play-feature{grid-template-columns:1fr;padding:22px;gap:24px;margin:0 auto 8px}.play-feature-art img{height:220px}.play-feature-copy h2{font-size:32px}.play-feature-copy .btn{width:100%}
  .home-games{grid-template-columns:1fr;gap:18px}.home-game-art{height:200px}.home-game>div{padding:22px}
  .home-more{grid-template-columns:1fr;gap:16px}.home-more h2{font-size:28px}
  .page-hero h1,.recruiter-hero h1,.personal-hero h1,.posts-hero h1,.playground-copy h1,.steam-record-copy h1{font-size:38px;line-height:1.12}
  .lead,.record-lead{font-size:17px}.recruiter-summary,.hiring-grid,.cv-grid{grid-template-columns:1fr}
  .cards-grid.two,.cards-grid.three{grid-template-columns:1fr}
  .availability-line{grid-template-columns:12px 1fr;gap:6px 10px}.availability-line small{grid-column:2}
  .cv-card,.skills-panel,.resume-main,.hiring-panel{padding:22px}.cv-card-head{display:block}.cv-card-head>strong{display:inline-block;margin-top:8px}
  .cv-actions{display:flex;flex-wrap:wrap}.cv-actions .btn{flex:1 1 auto}
  .project-card.wide>div:last-child{padding:22px}.project-media{min-height:200px}
  .community-archive,.recruiter-fastlane,.playground-manifesto{padding:22px}.archive-copy h2{font-size:28px}
  .message-box{padding:22px;gap:24px}.message-box h2{font-size:28px}
  .qa-modal-head{padding:70px 22px 26px}.qa-modal-head h2{font-size:28px}.qa-modal-body{padding:24px 22px}
  .qa-modal{z-index:100}.qa-report-facts{grid-template-columns:1fr}.qa-case-card{min-height:0;padding:22px}
  .post-card{padding:22px}.post-content h2{font-size:25px}.post-body p{font-size:17px}
  .site-footer,.steamworks-page .site-footer{padding:32px 20px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
  .footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}
  .site-footer a:not(.brand){min-height:44px;line-height:22px;padding:11px 0;overflow-wrap:anywhere}
  .footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px}
  .agreement-copy h2,.record-closing h2{font-size:30px}.agreement-dialog header{font-size:13px}.agreement-dialog header strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print {.site-header,.site-footer,.page-bg,.hero-actions,.breadcrumbs{display:none}body{background:white;color:#111}.section{width:100%;padding:16px 0}.reveal{opacity:1}.resume-aside,.skills-panel,.resume-main,.hiring-panel{box-shadow:none}}