/* A moving front porch, then Steam's games arriving in Hearth's own palette. */
.page-trail{position:absolute;inset:auto 0 -1px;height:2px;pointer-events:none;overflow:hidden}
.page-trail>i{display:block;width:100%;height:100%;background:var(--peach);transform:scaleX(0);transform-origin:left}
.house-strip{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(110deg,#362537,#251c30 55%,#43302e);border-block:1px solid #755052}
.house-strip-glow{position:absolute;inset:-100% 40% -100% -30%;background:radial-gradient(ellipse,#f0a47d24,transparent 62%);pointer-events:none;z-index:-1}
.house-strip-inner{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding-block:19px}
.house-stop{position:relative;min-width:0;min-height:131px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:12px 8px;text-align:center;border-radius:14px;transition:background .2s,color .2s}
.house-stop+.house-stop:before{content:'';position:absolute;left:0;top:24%;height:52%;width:1px;background:#9770833b}
.house-stop b{display:block;font:500 clamp(14px,1.35vw,19px)/1.3 Hearth,ui-rounded,sans-serif;color:#f9e8d5}
.house-stop small{display:block;margin-top:4px;font-size:10px;color:#c7adc4}
.house-mark{display:grid;place-items:center;min-height:52px;filter:drop-shadow(0 6px 7px #130b1b66)}
.house-strip .house-mark>img{width:48px;height:48px}.house-strip .house-mark>.brand-steam{width:43px;height:43px}
.house-arrow{position:absolute;right:15px;top:16px;color:var(--peach);font-size:18px;opacity:0;transition:opacity .2s}
.house-stop:hover,.house-stop:focus-visible{background:#a5706530}.house-stop:hover .house-arrow,.house-stop:focus-visible .house-arrow{opacity:1}
.house-steam .house-mark{background:linear-gradient(145deg,#21303f,#456372);border:1px solid #71808b;border-radius:50%;width:59px;height:59px;min-height:59px;margin-block:-4px}
.house-moonlight .house-mark{background:#24384d;border:1px solid #809cbb;border-radius:50%;width:59px;height:59px;min-height:59px;margin-block:-4px}
@media(min-width:701px) and (max-width:1000px){.house-strip .house-strip-inner{display:flex;flex-wrap:wrap}.house-strip .house-stop{flex:1 1 23%}.house-stop:nth-child(5):before{display:none}}
@media(max-width:700px){.house-strip-inner>.house-stop:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}.house-moonlight .house-mark{width:45px;height:45px;min-height:45px}}
.house-rail{position:absolute;inset:auto 0 0;height:3px;background:#93634933;pointer-events:none}
.house-rail>i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#a66b5a,#ffcf9a,#e59e98)}
.steam-inline{display:flex;align-items:center;gap:9px;min-height:44px;font:500 14px Hearth;margin:-4px 0 15px;color:#693f42}
.steam-inline .brand-symbol{filter:none}.steam-inline:hover{text-decoration:underline;text-underline-offset:5px}
.steam-chapter{position:relative;isolation:isolate;overflow:clip;background:#25313a;border-block:1px solid #76868d44}
.steam-chapter:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#6899a134,transparent 60%),linear-gradient(125deg,#302431,#23353c 75%)}
.steam-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.steam-wordmark{display:flex;align-items:center;gap:13px;margin-bottom:28px;font:24px Hearth;color:#e2eef0}.steam-wordmark>span>span{padding-inline:6px;color:#b89fa7}
.steam-story h2{font-size:clamp(38px,4.1vw,59px)}.steam-story>p:not(.steam-note){max-width:42ch;font-size:15px;line-height:1.85;color:#cbd7db;margin:24px 0}
.steam-features{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px;color:#e4e1d3;font-size:13px}.steam-features li{display:flex;align-items:center;gap:10px}.steam-features li:before{content:'↳';color:var(--peach);font-size:19px}
.steam-story .button{font-size:16px}.steam-story>p.steam-note{font-size:11px;line-height:1.8;color:#aebfc5;max-width:43ch;margin-top:20px}
.steam-scene{position:relative;min-width:0;padding:50px 0 0;isolation:isolate}
.steam-orbit{position:absolute;inset:8px -5px auto auto;opacity:.11;z-index:-1;rotate:16deg}
.steam-games{position:relative;height:450px}
.steam-game{position:absolute;width:72%;padding:8px 8px 0;border:1px solid #809397;border-radius:13px;background:#172b33;box-shadow:0 22px 35px #12142266}
.steam-game>img{width:100%;aspect-ratio:460/215;object-fit:cover;border-radius:7px}
.steam-game figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 5px 11px}.steam-game figcaption>b{font:18px Hearth}.steam-game figcaption>span{font-size:9px;color:#b3c2c5}
.steam-game-one{top:0;left:0;rotate:-9deg;z-index:1}.steam-game-two{top:82px;right:0;rotate:8deg;z-index:2}.steam-game-three{top:167px;left:6%;rotate:-5deg;z-index:3}
.steam-sticker{position:absolute;top:22px;left:10px;z-index:4;rotate:-7deg;padding:12px 18px;border:2px solid #171a26;border-radius:23px 23px 23px 5px;background:#f9c790;color:#352a37;font:18px/1.2 Hearth;box-shadow:0 5px 0 #151721}.steam-sticker b{font-weight:500}
.steam-connection{display:flex;align-items:center;gap:13px;max-width:91%;margin:20px auto 0}.steam-connection>span:not(.steam-link-track){display:flex;align-items:center;gap:9px;font:15px Hearth;white-space:nowrap;color:#d5e2df}
.steam-link-track{height:3px;flex:1;background:#91abaf38;min-width:30px;overflow:hidden}.steam-link-track>i{display:block;height:100%;background:#e3c599;transform-origin:left}
.steam-sample-label{text-align:center;font-size:10px;color:#a1b8be;margin-top:17px}
.watcher-chapter{position:relative;overflow:clip;background:#3b2935;background-image:linear-gradient(120deg,#4d3139,#332535 75%);border-bottom:1px solid #8d686455}
.watcher-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}.watcher-heading .eyebrow{margin-bottom:20px;font-size:10px}.watcher-heading>p{max-width:41ch;line-height:1.85;font-size:14px;color:#d8c2cb}.watcher-heading h2{font-size:clamp(36px,4.1vw,57px)}
.watcher-bench{border:1px solid #977668;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #1b152745;background:#2c232e}
.watcher-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#eddbc4;color:#4c343f;border-bottom:5px solid #795143}
.watcher-sources>span{display:grid;grid-template-columns:45px 1fr;align-items:center;column-gap:15px;padding:26px 30px}.watcher-sources>span+span{border-left:1px solid #bf998244}.watcher-sources img{grid-row:1/3;filter:brightness(0) saturate(100%) opacity(.76)}.watcher-sources>span:last-child img{filter:none}
.watcher-sources b{font:23px Hearth}.watcher-sources small{font-size:10px;margin-top:5px;color:#785765}
.watcher-ledger{padding:25px 32px}.watcher-ledger-head{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid #8a656357}.watcher-ledger-head h3{font-size:26px}.watcher-ledger-head p{font-size:11px;margin-top:5px;color:#bfa7b4}.watcher-ledger-head .button{margin-left:auto;font-size:13px}
.watcher-row{position:relative;isolation:isolate;display:grid;grid-template-columns:145px 1fr 170px 145px;gap:18px;align-items:center;min-height:106px;border-bottom:1px solid #98736836;padding:18px 0}
.watcher-source{display:flex;align-items:center;gap:10px;font:16px Hearth;color:#dfcbc3}.watcher-source img{flex:none}.watcher-game{font:19px Hearth}.watcher-game small{display:block;font:11px/1.65 system-ui;color:#c3aebe;margin-top:6px}.watcher-version{font:13px system-ui;color:#bca6b7;white-space:nowrap}.watcher-version>span{margin-inline:7px;color:#c69778}.watcher-version b{font-weight:500;color:#fae4c7}.watcher-status{justify-self:end;min-width:119px;text-align:center;font-size:11px;color:#d4b9c7;border:1px solid #826b7e;border-radius:7px;padding:8px 10px}.watcher-row.is-found .watcher-status{background:#f0bc86;color:#493039;border-color:#f0bc86}.watcher-row.is-current .watcher-status{background:#355144;color:#d6e8d0;border-color:#728571}
.watcher-scan{position:absolute;inset:auto 0 -1px;height:2px;background:#f5bf86;transform:scaleX(0);transform-origin:left;z-index:1}
.watcher-result{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding-top:20px;font-size:12px;color:#ddc7cf}.watcher-review{font:16px Hearth;color:var(--peach);white-space:nowrap}.watcher-review>span{margin-left:8px}
.watcher-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.watcher-foot p{font-size:12px;line-height:1.85;color:#d3bac9}.watcher-foot .text-link{font-size:13px}
@media(max-width:1000px){.watcher-heading{gap:30px}.watcher-heading>p{max-width:34ch}.watcher-sources>span{padding:20px;column-gap:10px;grid-template-columns:37px 1fr}.watcher-sources b{font-size:20px}.watcher-sources small{font-size:9px}.watcher-ledger{padding:22px}.watcher-row{grid-template-columns:110px 1fr 127px 120px;gap:12px}.watcher-game{font-size:17px}.watcher-version{font-size:12px}.watcher-status{min-width:110px;font-size:10px}}
@media(max-width:700px){.watcher-chapter{padding-block:62px}.watcher-heading{display:block;margin-bottom:28px}.watcher-heading h2{font-size:37px}.watcher-heading>p{max-width:44ch;margin-top:20px;font-size:14px}.watcher-sources>span{display:flex;flex-direction:column;gap:8px;padding:17px 8px;text-align:center}.watcher-sources img{width:32px;height:32px;object-fit:contain}.watcher-sources b{font-size:17px}.watcher-sources small{display:none}.watcher-bench{border-radius:12px}.watcher-ledger{padding:19px 15px}.watcher-ledger-head{flex-wrap:wrap;gap:9px}.watcher-ledger-head>img{width:34px;height:34px}.watcher-ledger-head h3{font-size:20px;max-width:20ch}.watcher-ledger-head p{font-size:10px}.watcher-ledger-head .button{margin:5px 0 0;width:100%;font-size:13px}.watcher-row{grid-template-columns:1fr auto;gap:10px 12px;padding-block:19px}.watcher-source{grid-column:1;grid-row:1;font-size:14px}.watcher-source img{width:21px;height:21px}.watcher-game{grid-row:2;grid-column:1/-1;font-size:18px}.watcher-game small{font-size:10px}.watcher-version{grid-row:3;grid-column:1/-1;font-size:12px}.watcher-status{grid-row:1;grid-column:2;min-width:103px;font-size:9px;padding:7px 8px}.watcher-result{flex-direction:column;align-items:flex-start;gap:10px;font-size:11px;min-height:88px}.watcher-review{font-size:14px}.watcher-foot{display:block;margin-top:20px}.watcher-foot p{font-size:11px}.watcher-foot .text-link{margin-top:12px}}
/* Independent translate/rotate leave existing hover, cover and device transforms intact. */
.showcase-heading,.collection-band,.faq-band,.closing-section{overflow:clip}
.closing-inner{position:relative}
.motion-paused .house-arrow,.motion-paused .house-stop{transition:none}
@media(max-width:1000px){.steam-layout{gap:35px;grid-template-columns:1fr 1fr}.steam-games{height:360px}.steam-game{width:80%}.steam-game-two{top:76px}.steam-game-three{top:151px}.steam-connection{gap:8px;max-width:100%}.steam-connection>span:not(.steam-link-track){font-size:12px;gap:6px}.steam-connection img{width:27px;height:27px}.house-stop b{font-size:15px}.house-stop small{font-size:9px}.house-strip-inner{width:calc(100% - 30px)}}
@media(max-width:700px){.house-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 38px);gap:4px;padding-block:14px}.house-stop{flex-direction:row;text-align:left;justify-content:flex-start;min-height:94px;padding:12px 7px;gap:9px}.house-stop b{font-size:14px}.house-stop small{font-size:9px;line-height:1.45;max-width:18ch}.house-stop:before{display:none}.house-strip .house-mark>img{width:34px;height:34px}.house-mark{flex:none;min-height:42px}.house-arrow{display:none}.steam-layout{grid-template-columns:1fr;gap:18px}.steam-chapter{padding-block:65px}.steam-story h2{font-size:39px}.steam-wordmark{margin-bottom:23px;font-size:21px}.steam-wordmark>img{width:35px;height:35px}.steam-story>p:not(.steam-note){font-size:14px;margin:20px 0}.steam-features{font-size:12px;margin-bottom:24px}.steam-story .button{font-size:14px}.steam-story>p.steam-note{font-size:11px}.steam-scene{margin-top:7px;padding-top:48px}.steam-games{height:350px;max-width:450px;margin:auto}.steam-game{width:78%}.steam-game-one{left:1%}.steam-game-two{top:74px}.steam-game-three{top:148px;left:4%}.steam-game figcaption>b{font-size:16px}.steam-game figcaption>span{font-size:8px}.steam-game figcaption{padding:8px 3px}.steam-sticker{top:20px;font-size:15px;padding:11px 15px}.steam-connection{max-width:93%;margin-top:15px}.steam-sample-label{font-size:9px}.steam-orbit{right:2%;top:10px}.steam-orbit img{width:125px;height:125px}}
@media(prefers-reduced-motion:reduce){.house-stop,.house-arrow{transition:none}.page-trail{display:none}}

/* Dense, readable answers: no abandoned column under a tall heading. */
.faq-section{display:block;padding-block:62px}
.faq-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}
.faq-band .faq-intro h2{font-size:38px}.faq-intro h2 br{display:none}.faq-intro h2 em:before{content:' '}.faq-intro>p{font-size:13px;margin:0 0 5px;flex:none}
.faq-list{display:block;columns:2;column-gap:48px}
.faq-list>details{break-inside:avoid;min-height:70px;padding-block:15px}
.faq-list summary{font-size:14px;min-height:44px;padding:0;gap:20px}
.faq-list details>p{font-size:13px;line-height:1.85;padding:13px 24px 8px 0}
/* The header's Downloads: the painted chest in an ember well, a gilt edge, and a
   slow light that crosses it now and then. The chest hops when you reach for it. */
.header-download{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:5px 16px 5px 6px;border:1px solid transparent;border-radius:12px;color:var(--ink);white-space:nowrap;background:linear-gradient(180deg,var(--raised),#291b31) padding-box,linear-gradient(135deg,var(--peach),#7d5c6c 48%,var(--ember)) border-box;box-shadow:0 3px 0 var(--shadow),inset 0 1px 0 rgba(255,228,200,.13),0 0 24px -10px rgba(255,173,121,.6);transition:transform .18s,box-shadow .25s}
.header-download:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 36%,rgba(255,214,180,.2) 50%,transparent 64%);transform:translateX(-120%);animation:dl-sheen 8s ease-in-out 2.5s infinite;pointer-events:none}
.header-download-mark{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:radial-gradient(circle at 50% 72%,rgba(255,173,121,.42),rgba(255,173,121,.08) 58%,transparent 72%),rgba(24,15,32,.55);box-shadow:inset 0 0 0 1px rgba(255,196,157,.16)}
.header-download-mark img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(12,5,18,.6))}
.header-download-text{display:flex;flex-direction:column;gap:2px;line-height:1.05}
.header-download-text b{font:600 14px Hearth;color:var(--peach);letter-spacing:.01em}
.header-download-text small{font:600 9.5px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.header-download:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--shadow),inset 0 1px 0 rgba(255,228,200,.18),0 0 30px -6px rgba(255,173,121,.75)}
.header-download:hover .header-download-mark img,.header-download:focus-visible .header-download-mark img{animation:dl-hop .55s cubic-bezier(.34,1.56,.64,1)}
.header-download:hover .header-download-text small{color:var(--muted)}
.header-download:active{transform:translateY(1px);box-shadow:0 1px 0 var(--shadow),0 0 18px -8px rgba(255,173,121,.6)}
@keyframes dl-sheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dl-hop{0%{transform:none}35%{transform:translateY(-5px) rotate(-7deg)}65%{transform:translateY(1px) rotate(3deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.header-download,.header-download:hover,.header-download:active{transform:none;transition:none}.header-download:after{animation:none;display:none}.header-download .header-download-mark img{animation:none!important}}
.header-actions{gap:18px}
.hero-demo-note{margin-top:16px;font-size:11px;line-height:1.6;color:var(--muted)}
.menu-toggle span{line-height:1}
/* Reserve the menu's footprint while its handlers load, without exposing an
   inactive control to keyboards or assistive technology. */
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.menu-toggle[hidden]{display:inline-flex!important;visibility:hidden}}
@media(max-width:700px){
  .hero-copy .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:370px}
  .hero-copy .hero-actions .button{padding-inline:10px;gap:8px}
  .house-stop:nth-child(3){grid-column:auto;order:0;justify-content:flex-start;min-height:94px;border:0;border-radius:14px;gap:9px}
  .house-steam .house-mark{width:38px;height:38px;min-height:38px}.house-strip .house-mark>.brand-steam{width:29px;height:29px}.house-steam b{font-size:14px}.house-steam small{font-size:9px;max-width:18ch}
  .faq-section{padding-block:44px}.faq-intro{display:block;margin-bottom:17px}.faq-band .faq-intro h2{font-size:32px;max-width:20ch}.faq-intro>p{margin:12px 0 0;font-size:12px}.faq-list{columns:1}.faq-list>details{min-height:65px;padding-block:10px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px;padding-right:10px}
  .header-actions{gap:10px}.header-download{min-height:44px;padding:4px 13px 4px 5px;gap:8px}.header-download-mark{width:32px;height:32px}.header-download-mark img{width:27px;height:27px}.header-download-text b{font-size:13px}.header-download-text small{display:none}.header-actions .signin{display:none}.site-header{padding-inline:18px}.header-actions>.button{display:none}
}
@media(max-width:360px){.site-header{padding-inline:12px;gap:8px}.site-header .brand{font-size:23px;gap:5px}.site-header .brand img{width:30px;height:30px}.header-actions{gap:6px}.hero h1{font-size:clamp(34px,9.65vw,38px)}}