/* Four of Hearts 2026 immersive editorial experience.
   Accenture Song is a creative-quality benchmark only; implementation and assets are original. */
:root{
  --experience-navy:#061a35;--experience-blue:#075cc7;--experience-sky:#6fd8ff;
  --experience-gold:#ffc632;--experience-cream:#fff7e7;--experience-ink:#071b38;
  --experience-green:#3cbf78;--experience-red:#e63e4e;--experience-shell:1280px;
  --experience-ease:cubic-bezier(.2,.72,.2,1)
}
.playable-studio-home{background:var(--experience-cream)}
.playable-studio-home main{overflow:clip}
.site-header{min-height:74px;background:color-mix(in srgb,var(--experience-navy) 92%,transparent);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-wrap{min-height:74px}.brand-logo{width:54px;height:54px}.brand-copy{font-size:.9rem;letter-spacing:.02em}
.site-nav>a,.games-menu>summary{border-radius:0;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.site-nav>a:hover,.games-menu>summary:hover,.site-nav [aria-current=page],.games-menu[data-current]>summary{background:transparent;box-shadow:inset 0 -2px var(--experience-gold)}
.nav-play-palace{border-radius:999px!important;box-shadow:none!important}
.header-language select,.header-settings{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}
.games-menu-panel{border-radius:8px;background:#071a34}.games-menu-panel a{border-radius:4px}

/* Palace owns the opening frame. */
.palace-campaign-hero{position:relative;min-height:calc(100svh - 74px);display:grid;align-items:end;overflow:hidden;color:#fff;background:#071a34;isolation:isolate}
.palace-hero-environment{position:absolute;z-index:-4;inset:0}
.palace-hero-environment img{width:100%;height:100%;object-fit:cover;object-position:70% 42%;filter:saturate(1.05) contrast(1.02);transform:scale(1.03)}
.palace-campaign-hero::before{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(4,16,37,.98) 0%,rgba(4,16,37,.9) 30%,rgba(4,16,37,.35) 63%,rgba(4,16,37,.12)),linear-gradient(0deg,rgba(4,16,37,.76),transparent 50%);content:""}
.palace-hero-sky{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 75% 22%,rgba(111,216,255,.26),transparent 28%),linear-gradient(115deg,transparent 55%,rgba(255,198,50,.09));mix-blend-mode:screen}
.palace-campaign-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.54fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding-block:clamp(5rem,11vh,8rem) clamp(6rem,12vh,9rem)}
.palace-campaign-copy{max-width:760px}.campaign-kicker{margin:0 0 1rem;color:var(--experience-gold);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.palace-campaign-copy h1{max-width:9.4ch;margin:0;font-size:clamp(4.2rem,8.4vw,9rem);line-height:.82;letter-spacing:-.065em;text-wrap:balance}
.palace-campaign-copy h1 span{color:var(--experience-gold)}
.campaign-deck{max-width:45ch;margin:1.6rem 0 0;color:#e6f4ff;font-size:clamp(1.05rem,1.7vw,1.34rem);line-height:1.48}
.campaign-status{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}.campaign-status span{padding:.36rem .58rem;border:1px solid rgba(255,255,255,.3);font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.palace-campaign-copy .button{border-radius:0}.campaign-primary{border-color:var(--experience-gold);color:var(--experience-ink);background:var(--experience-gold)}.campaign-secondary{border-color:#fff;background:transparent}
.palace-countdown-wrap{max-width:470px;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}
.launch-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.launch-countdown-label{grid-column:1/-1;color:#d8e8f8;font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.countdown-unit{display:grid}.countdown-unit b{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:1;color:var(--experience-gold);font-variant-numeric:tabular-nums}.countdown-unit small{color:#c4d6e9;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.palace-countdown-wrap>a{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;color:#fff;font-weight:800;text-decoration:none}
.scroll-cue{position:absolute;right:2rem;bottom:1.6rem;display:flex;align-items:center;gap:.7rem;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue i{display:block;width:1px;height:42px;background:linear-gradient(#fff,transparent)}

/* Palace rhythm */
.palace-play-now{position:relative;padding:clamp(5rem,10vw,10rem) 0;background:linear-gradient(90deg,#dff6ff 0 44%,var(--experience-cream) 44%)}
.play-now-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1fr);gap:clamp(3rem,8vw,9rem);align-items:center}
.play-now-art{position:relative}.play-now-art::before{position:absolute;inset:10% -10% -8% 10%;border-radius:50%;background:#8bdbf1;filter:blur(2px);content:""}.play-now-art img{position:relative;width:min(100%,620px);filter:drop-shadow(0 30px 42px rgba(4,32,70,.2));transform:rotate(-3deg)}
.play-now-copy h2{max-width:9ch;margin:.2rem 0 1.5rem;font-size:clamp(3.3rem,7vw,7rem);line-height:.84}
.play-rhythm{padding:0;margin:2rem 0;list-style:none;border-top:1px solid rgba(7,27,56,.2)}.play-rhythm li{display:grid;grid-template-columns:54px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(7,27,56,.2)}.play-rhythm b{color:var(--experience-blue)}.play-rhythm span{font-weight:700}
.play-now-copy .button{border-radius:0;background:var(--experience-blue);border-color:var(--experience-blue)}

/* Power cards are cards, not panels. */
.home-power-world{position:relative;padding:clamp(5rem,9vw,9rem) 0 0;color:#fff;background:var(--experience-blue);overflow:hidden}
.home-power-heading{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,6vw,5rem)}.home-power-heading .eyebrow{grid-column:1/-1;color:var(--experience-gold)}.home-power-heading h2{max-width:9ch;margin:0;font-size:clamp(3.4rem,7vw,7rem);line-height:.84}.home-power-heading>p:last-child{max-width:30ch;margin-left:auto;font-size:1.15rem}
.power-river{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;width:min(1540px,100%);margin-inline:auto;padding-inline:clamp(.75rem,4vw,3rem)}
.river-card{position:relative;display:grid;min-height:clamp(390px,42vw,680px);align-content:space-between;padding:clamp(1rem,2vw,2rem);border:1px solid #d5c797;border-bottom:0;border-radius:24px 24px 0 0;color:var(--experience-ink);background:#fffdf7;box-shadow:-18px 0 42px rgba(0,20,60,.14);text-decoration:none;transform-origin:bottom;transition:transform .35s var(--experience-ease),background .35s}
.river-card+.river-card{margin-left:-1.6rem}.river-card:nth-child(2){transform:translateY(2.5rem) rotate(1deg)}.river-card:nth-child(3){transform:translateY(.75rem) rotate(-1deg)}.river-card:nth-child(4){transform:translateY(3.5rem) rotate(1.2deg)}
.river-card:hover,.river-card:focus-visible{z-index:3;background:#fff;transform:translateY(-1.25rem) rotate(0)}.river-card>span{font-family:Georgia,serif;font-size:clamp(2rem,4.8vw,5.5rem);font-weight:700}.river-card strong{font-family:var(--display);font-size:clamp(1.5rem,3.2vw,3.8rem);line-height:.9;text-transform:uppercase}.river-card small{font-size:.9rem;font-weight:700}.river-card.red>span{color:#d22136}

/* Story and news flow */
.home-story-beat{padding:clamp(6rem,12vw,12rem) 0;color:var(--experience-ink);background:var(--experience-gold)}
.story-beat-grid{display:grid;grid-template-columns:.45fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:start}.story-beat-number{margin:0;font-family:Georgia,serif;font-size:clamp(7rem,20vw,20rem);line-height:.65;color:#fff3c8}.story-beat-grid h2{max-width:13ch;font-size:clamp(3.2rem,7vw,7rem);line-height:.86}.story-beat-grid>div>p:not(.eyebrow){max-width:54ch;font-size:1.15rem}
.home-news-editorial{padding:clamp(5rem,10vw,10rem) 0;background:#f7f3ea}
.home-editorial-head{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin-bottom:3rem}.home-editorial-head .eyebrow{grid-column:1/-1}.home-editorial-head h2{margin:0;font-size:clamp(3.1rem,6.8vw,7rem);line-height:.86}.home-editorial-head>a{min-height:44px;font-weight:850;text-decoration:none}
.home-news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:rgba(7,27,56,.18)}
.studio-news-story{display:grid;grid-template-columns:42% 1fr;min-height:260px;color:var(--experience-ink);background:#f7f3ea;text-decoration:none;transition:background .25s}.studio-news-story:hover{background:#fff}.studio-news-story img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:filter .3s,transform .45s}.studio-news-story:hover img{filter:saturate(1.1);transform:scale(1.015)}.studio-news-story>div{padding:clamp(1.2rem,3vw,2.5rem)}.studio-news-story h3{margin:.8rem 0;font-size:clamp(1.5rem,2.6vw,2.8rem);line-height:.95}.studio-news-story p:not(.news-meta){color:#4a586a}.studio-news-story b{display:inline-block;margin-top:1rem}.studio-news-story.is-featured{grid-row:span 3;display:grid;grid-template-columns:1fr;min-height:780px}.studio-news-story.is-featured img{height:430px}.studio-news-story.is-featured h3{font-size:clamp(2.5rem,4.5vw,5rem)}

/* Portfolio is a sequence of worlds, not a card grid. */
.home-portfolio{padding:clamp(6rem,11vw,11rem) 0 0;color:#fff;background:#061326}
.portfolio-intro{display:grid;grid-template-columns:1fr .55fr;gap:3rem;align-items:end;margin-bottom:5rem}.portfolio-intro .eyebrow{grid-column:1/-1;color:var(--experience-gold)}.portfolio-intro h2{margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.82}.portfolio-intro>p:last-child{max-width:30ch;color:#b9cde2;font-size:1.2rem}
.portfolio-stage{width:100%}.portfolio-link{position:relative;display:grid;min-height:clamp(560px,72vh,840px);overflow:hidden;color:#fff;background:#071b38;text-decoration:none;isolation:isolate}
.portfolio-link::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,10,25,.96),rgba(2,10,25,.5) 52%,transparent 78%),linear-gradient(0deg,rgba(2,10,25,.72),transparent 60%);content:""}
.portfolio-link img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--experience-ease),filter .5s}.portfolio-link:hover img{transform:scale(1.035);filter:saturate(1.08)}
.portfolio-copy{align-self:end;width:min(calc(100% - 2.5rem),var(--experience-shell));margin-inline:auto;padding-block:clamp(4rem,9vw,8rem)}.portfolio-copy>span{color:var(--game-accent);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.portfolio-copy h3{max-width:10ch;margin:.4rem 0;font-size:clamp(3.5rem,8vw,8rem);line-height:.82}.portfolio-copy p{max-width:40ch;color:#dae6f3;font-size:1.12rem}.portfolio-copy b{display:inline-block;margin-top:1.2rem;border-bottom:2px solid var(--game-accent);padding-bottom:.3rem}
.portfolio-index{position:absolute;z-index:1;top:2rem;right:2rem;color:rgba(255,255,255,.65);font-size:.72rem;font-weight:850;letter-spacing:.12em}
.portfolio-link:nth-child(even)::after{background:linear-gradient(270deg,rgba(2,10,25,.96),rgba(2,10,25,.5) 52%,transparent 78%),linear-gradient(0deg,rgba(2,10,25,.72),transparent 60%)}.portfolio-link:nth-child(even) .portfolio-copy{text-align:right}.portfolio-link:nth-child(even) .portfolio-copy h3,.portfolio-link:nth-child(even) .portfolio-copy p{margin-left:auto}

/* Family and founder */
.home-family-story{position:relative;padding:clamp(7rem,13vw,13rem) 0;background:var(--experience-cream);overflow:hidden}
.family-color-field{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);opacity:.13}.family-color-field i:nth-child(1){background:#2399e8}.family-color-field i:nth-child(2){background:#e43c4c}.family-color-field i:nth-child(3){background:#4dbf72}.family-color-field i:nth-child(4){background:#7f4cd7}
.family-story-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,9rem);align-items:end}.family-story-grid h2{margin:0;font-size:clamp(3.7rem,8vw,8rem);line-height:.82}.family-belief{font-family:var(--display);font-size:clamp(2rem,4vw,4.2rem);line-height:.92}.family-story-grid>div:last-child>p:not(.family-belief){max-width:46ch}
.founder-signoff{padding:clamp(5rem,9vw,9rem) 0;color:#fff;background:var(--experience-blue)}.founder-signoff blockquote{max-width:18ch;margin:1rem 0;font-family:var(--display);font-size:clamp(3rem,7vw,7rem);line-height:.85}.founder-signoff a{display:inline-flex;min-height:44px;align-items:center;color:#fff;font-weight:850;text-decoration:none}

/* News, games, About and shared editorial clean-up */
.games-page .page-hero,.news-page-intro,.about-page .page-hero{padding:clamp(6rem,12vw,12rem) 0;color:var(--experience-ink);background:linear-gradient(115deg,#c9f1ff,var(--experience-cream) 68%)}
.games-page .page-hero h1,.news-page-intro h1,.about-page .page-hero h1{max-width:12ch;font-size:clamp(3.8rem,8vw,8rem);line-height:.83}.games-page .page-hero .lede,.news-page-intro .lede,.about-page .page-hero .lede{color:#38506b}
.games-page .section{padding:0;background:#061326}.catalog-grid{display:block}.catalog-card,.catalog-card:first-child{display:grid;grid-template-columns:1fr 1fr;min-height:620px;border:0;border-radius:0;background:#061326;box-shadow:none;color:#fff}.catalog-card:nth-child(even){grid-template-columns:1fr 1fr}.catalog-card:nth-child(even) .catalog-art{order:2}.catalog-art{min-height:620px}.catalog-copy{padding:clamp(2.5rem,7vw,7rem)}.catalog-copy h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.84}.catalog-copy p{color:#c1d2e4}.catalog-meta{color:#8eb2d4}.catalog-card .button{border-color:var(--game-accent,var(--experience-gold));background:var(--game-accent,var(--experience-gold))}
.news-page-intro{padding-bottom:clamp(5rem,9vw,9rem)}.news-filters{position:sticky;z-index:8;top:74px;padding:.75rem 0;background:color-mix(in srgb,#e9f6f5 92%,transparent);backdrop-filter:blur(12px)}.news-filters button{border-radius:0}.company-news-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:rgba(7,27,56,.18)}.company-news-grid .news-card{grid-column:span 4;border:0;border-radius:0;box-shadow:none}.company-news-grid .news-card:first-child{grid-column:span 8;grid-row:span 2}.company-news-grid .news-card:nth-child(4n){grid-column:span 8}.news-card{background:#fff}.news-card:hover{transform:none;box-shadow:none}.news-card h2{font-size:clamp(1.6rem,2.8vw,3rem);line-height:.96}.news-body{padding:clamp(1.2rem,3vw,2.5rem)}
.article-header{padding-block:clamp(5rem,10vw,10rem)}.article-header h1{max-width:15ch;font-size:clamp(3.5rem,8vw,8rem)}.article-art{width:100%;max-height:78vh;object-fit:cover;border-radius:0}.article-layout{grid-template-columns:minmax(0,720px) minmax(220px,1fr);gap:clamp(3rem,8vw,8rem)}
.about-beats{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(7,27,56,.22);border-bottom:1px solid rgba(7,27,56,.22)}.about-beat{min-height:330px;padding:2rem;border:0;border-right:1px solid rgba(7,27,56,.22);background:transparent;box-shadow:none}.about-beat:last-child{border-right:0}.about-beat h2{font-size:clamp(2rem,3vw,3.4rem)}.founder-feature{padding-block:clamp(6rem,11vw,11rem)!important}.founder-feature h2{font-size:clamp(3.5rem,7vw,7rem)}.about-worlds{gap:1px;background:rgba(7,27,56,.18)}.about-worlds a{border-radius:0;box-shadow:none}

/* Small coherent motion layer */
.enhanced [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .75s var(--experience-ease),transform .75s var(--experience-ease)}
.enhanced [data-reveal].revealed{opacity:1;transform:none}
.site-header.is-scrolled{box-shadow:0 10px 34px rgba(2,10,25,.18)}

html[data-locale="en-CA"] .canadian-only{display:block}html:not([data-locale="en-CA"]) .canadian-only{display:none}

@media(max-width:980px){
  .palace-campaign-grid{grid-template-columns:1fr;align-items:end}.palace-countdown-wrap{max-width:680px}
  .play-now-grid,.family-story-grid{grid-template-columns:1fr}.play-now-art{width:min(76vw,560px)}
  .home-news-layout{grid-template-columns:1fr}.studio-news-story.is-featured{grid-row:auto;min-height:620px}
  .portfolio-intro{grid-template-columns:1fr}.portfolio-intro>p:last-child{margin:0}
  .catalog-card,.catalog-card:first-child,.catalog-card:nth-child(even){grid-template-columns:1fr}.catalog-card:nth-child(even) .catalog-art{order:0}
  .company-news-grid .news-card,.company-news-grid .news-card:first-child,.company-news-grid .news-card:nth-child(4n){grid-column:span 6;grid-row:auto}
}
@media(max-width:680px){
  .site-header,.nav-wrap{min-height:68px}.site-nav{top:68px}.brand-logo{width:48px;height:48px}
  .palace-campaign-hero{min-height:calc(100svh - 68px);align-items:end}.palace-hero-environment img{object-position:62% 25%}
  .palace-campaign-hero::before{background:linear-gradient(0deg,rgba(4,16,37,.99) 0%,rgba(4,16,37,.86) 48%,rgba(4,16,37,.06) 78%)}
  .palace-campaign-grid{display:block;padding-top:42vh;padding-bottom:4.8rem}.palace-campaign-copy h1{max-width:10ch;font-size:clamp(3.3rem,16vw,5.3rem)}
  .campaign-deck{font-size:1rem}.campaign-status span{font-size:.58rem}.palace-campaign-copy .actions{display:grid;grid-template-columns:1fr}.palace-campaign-copy .button{width:100%}
  .palace-countdown-wrap{margin-top:1.8rem}.launch-countdown{gap:.4rem}.countdown-unit b{font-size:clamp(1.7rem,10vw,2.8rem)}.scroll-cue{display:none}
  .palace-play-now{padding-block:4.5rem;background:linear-gradient(180deg,#dff6ff 0 31%,var(--experience-cream) 31%)}.play-now-grid{gap:2.5rem}.play-now-art{width:82%;margin-inline:auto}.play-now-copy h2{font-size:clamp(3rem,14vw,4.8rem)}
  .home-power-world{padding-top:4.5rem}.home-power-heading{grid-template-columns:1fr}.home-power-heading .eyebrow{grid-column:auto}.home-power-heading h2{font-size:clamp(3rem,14vw,4.8rem)}.home-power-heading>p:last-child{margin:0}
  .power-river{display:flex;overflow-x:auto;align-items:end;padding:0 1rem;scroll-snap-type:x mandatory}.river-card{flex:0 0 76vw;min-height:440px;scroll-snap-align:center}.river-card+.river-card{margin-left:-.8rem}
  .story-beat-grid{grid-template-columns:1fr}.story-beat-number{font-size:9rem}.story-beat-grid h2{font-size:clamp(3rem,14vw,4.8rem)}
  .home-editorial-head{grid-template-columns:1fr}.home-editorial-head .eyebrow{grid-column:auto}.home-editorial-head h2{font-size:clamp(2.8rem,13vw,4.7rem)}
  .studio-news-story,.studio-news-story.is-featured{display:grid;grid-template-columns:1fr;min-height:0}.studio-news-story img,.studio-news-story.is-featured img{height:auto;aspect-ratio:16/10}
  .portfolio-intro h2{font-size:clamp(3rem,14vw,5rem)}.portfolio-link{min-height:620px}.portfolio-link::after,.portfolio-link:nth-child(even)::after{background:linear-gradient(0deg,rgba(2,10,25,.98),rgba(2,10,25,.42) 62%,transparent 84%)}.portfolio-link:nth-child(even) .portfolio-copy{text-align:left}.portfolio-link:nth-child(even) .portfolio-copy h3,.portfolio-link:nth-child(even) .portfolio-copy p{margin-left:0}.portfolio-copy{padding-block:3rem}.portfolio-copy h3{font-size:clamp(3rem,14vw,5rem)}.portfolio-link img{object-position:center top}
  .family-story-grid h2{font-size:clamp(3.1rem,15vw,5.2rem)}.founder-signoff blockquote{font-size:clamp(3rem,14vw,5rem)}
  .catalog-card,.catalog-card:first-child{min-height:0}.catalog-art{min-height:390px}.catalog-copy{padding:2rem 1rem 4rem}.catalog-copy h2{font-size:clamp(2.7rem,13vw,4.5rem)}
  .company-news-grid{grid-template-columns:1fr}.company-news-grid .news-card,.company-news-grid .news-card:first-child,.company-news-grid .news-card:nth-child(4n){grid-column:auto}
  .news-filters{top:68px;flex-wrap:nowrap;overflow-x:auto}.news-filters button{flex:none}
  .about-beats{grid-template-columns:1fr}.about-beat{min-height:0;border-right:0;border-bottom:1px solid rgba(7,27,56,.22)}.about-beat:last-child{border-bottom:0}
  .article-header h1{font-size:clamp(3rem,14vw,5rem)}
}
@media(max-width:360px){
  .palace-campaign-grid{padding-top:37vh}.palace-campaign-copy h1{font-size:3rem}.campaign-status{display:none}
  .launch-countdown-label{font-size:.58rem}.countdown-unit b{font-size:1.8rem}
  .river-card{flex-basis:82vw}.portfolio-link{min-height:560px}
}
@media(prefers-reduced-motion:reduce){
  .enhanced [data-reveal]{opacity:1;transform:none}.portfolio-link img,.studio-news-story img,.river-card{transition:none!important}
}