/* ToJestDom RC288 — brand claim, assistant chips, hero animation tile */
:root{--rc288-navy:#06182b;--rc288-navy2:#0b3157;--rc288-blue:#2aa8ff;--rc288-blue2:#72cfff;--rc288-ink:#0c1722;--rc288-line:#dceaf4}
.headerMotto.brandClaim{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;width:auto!important;min-width:238px;max-width:280px;height:auto!important;color:#fff;line-height:1;white-space:nowrap}
.headerMotto.brandClaim strong{display:block;color:#fff;font:800 17px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.02em}
.headerMotto.brandClaim span{display:block;color:#68c8ff;font:600 14px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}
body:not([data-project-slug]) .heroBrandStatement.brandClaimHero{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:154px;padding:16px 34px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body:not([data-project-slug]) .heroBrandStatement.brandClaimHero strong{color:var(--rc288-navy);font:850 clamp(30px,3vw,52px)/.98 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.045em}
body:not([data-project-slug]) .heroBrandStatement.brandClaimHero span{color:#168fd7;font:650 clamp(18px,1.55vw,26px)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}
/* Project hero animation card */
body[data-project-slug] .heroAnimationCard{margin:18px 0 0;border:1px solid #d7e8f3;border-radius:18px;overflow:hidden;background:#071c31;box-shadow:0 12px 30px rgba(6,24,43,.10)}
body[data-project-slug] .heroAnimationButton{position:relative;display:block;width:100%;aspect-ratio:16/7;min-height:118px;padding:0;border:0;background:#071c31;cursor:pointer;overflow:hidden;text-align:left}
body[data-project-slug] .heroAnimationButton>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transform:scale(1.01);transition:transform .25s ease,opacity .25s ease}
body[data-project-slug] .heroAnimationButton:hover>img{transform:scale(1.035);opacity:.88}
body[data-project-slug] .heroAnimationShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,33,.86),rgba(3,18,33,.32) 66%,rgba(3,18,33,.14))}
body[data-project-slug] .heroAnimationContent{position:absolute;inset:0;display:flex;align-items:center;gap:13px;padding:15px 17px;color:#fff}
body[data-project-slug] .heroAnimationPlay{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#2aa8ff;color:#fff;font-size:18px;box-shadow:0 8px 22px rgba(42,168,255,.30)}
body[data-project-slug] .heroAnimationText b{display:block;font-size:14px;line-height:1.1}.heroAnimationText span{display:block;margin-top:5px;color:#cbeaff;font-size:11px}
body[data-project-slug] .heroAnimationFrame{position:relative;aspect-ratio:16/9;background:#000}
body[data-project-slug] .heroAnimationFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Ensure lower animation starts visibly on first click */
body[data-project-slug] .animationPlayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Lower animation section */
body[data-project-slug] .animationLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:stretch}
body[data-project-slug] .animationPlayer{position:relative;aspect-ratio:16/9;min-height:360px;border-radius:24px;overflow:hidden;background:#06182b;box-shadow:0 14px 38px rgba(6,24,43,.12)}
body[data-project-slug] .animationPoster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#06182b;cursor:pointer;overflow:hidden}
body[data-project-slug] .animationPoster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84}
body[data-project-slug] .animationPoster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,33,.06),rgba(3,18,33,.56))}
body[data-project-slug] .animationPlay{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#2aa8ff;color:#fff;font-size:27px;box-shadow:0 14px 34px rgba(42,168,255,.34)}
body[data-project-slug] .animationLabel{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-weight:800;font-size:14px}
body[data-project-slug] .animationFallback{display:none;position:absolute;inset:0;z-index:3;place-items:center;padding:24px;background:#06182b;color:#fff;text-align:center}
body[data-project-slug] .animationFallback.show{display:grid}
body[data-project-slug] .animationFallback a{color:#70cfff;font-weight:800}
body[data-project-slug] .animationInfo{display:flex;flex-direction:column;justify-content:center;padding:26px;border:1px solid #dceaf4;border-radius:24px;background:#fff}
body[data-project-slug] .animationInfo h3{margin:3px 0 10px;font-size:27px;color:#0c1722}
body[data-project-slug] .animationInfo p{margin:0 0 15px;color:#60707d;line-height:1.55}
body[data-project-slug] .animationInfo>a{color:#168fd7;font-weight:800;text-decoration:none}
body[data-project-slug] .animationInfo small{margin-top:13px;color:#82919d;line-height:1.4}

/* Assistant suggestions: grid, never horizontal carousel */
.tjdAssistantSuggestions{display:block!important;overflow:visible!important;padding:3px 0 1px!important;margin:4px 0 14px!important}
.tjdAssistantSuggestionsTitle{margin:0 0 8px;color:#5f7484;font:800 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;text-transform:uppercase}
.tjdAssistantSuggestionsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tjdAssistantSuggestion{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;max-width:none!important;width:100%!important;min-height:48px;padding:9px 11px!important;border-radius:13px!important;white-space:normal!important;text-align:left;line-height:1.25!important}
.tjdAssistantSuggestion.is-extra{display:none!important}.tjdAssistantSuggestions.expanded .tjdAssistantSuggestion.is-extra{display:flex!important}
.tjdAssistantSuggestionsToggle{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;min-height:36px;border:0;border-radius:11px;background:#eef8ff;color:#0b5f95;font:750 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.tjdAssistantSuggestionsToggle:hover{background:#dff2ff}
@media(max-width:1100px){.headerMotto.brandClaim{min-width:205px}.headerMotto.brandClaim strong{font-size:15px}.headerMotto.brandClaim span{font-size:12.5px}}
@media(max-width:980px){.headerMotto.brandClaim{display:none!important}}
@media(max-width:900px){body[data-project-slug] .animationLayout{grid-template-columns:1fr}body[data-project-slug] .animationPlayer{min-height:0}body[data-project-slug] .animationInfo{padding:20px}}
@media(max-width:650px){
  body:not([data-project-slug]) .heroBrandStatement.brandClaimHero{display:none!important}
  .tjdAssistantSuggestionsGrid{grid-template-columns:1fr}
  .tjdAssistantSuggestion{min-height:44px!important}
  body[data-project-slug] .heroAnimationCard{margin-top:14px;border-radius:15px}
  body[data-project-slug] .heroAnimationButton{aspect-ratio:auto;min-height:104px}
  body[data-project-slug] .heroAnimationPlay{width:40px;height:40px;flex-basis:40px;font-size:16px}
  body[data-project-slug] .heroAnimationContent{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){body[data-project-slug] .heroAnimationButton>img{transition:none}}


/* RC288 — Poradnik typography and embedded assistant */
body.tjd-poradnik-unified main p,
body.tjd-poradnik-unified main li{font-size:16.5px!important;line-height:1.68!important}
body.tjd-poradnik-unified .knowledge-card p,
body.tjd-poradnik-unified .knowledge-stage-card p{font-size:14.5px!important;line-height:1.55!important}
body.tjd-poradnik-unified .knowledge-card h3,
body.tjd-poradnik-unified .knowledge-card h3 a{font-size:21px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.025em!important}
body.tjd-poradnik-unified .knowledge-card-meta,
body.tjd-poradnik-unified .knowledge-card-foot{font-size:11.5px!important;line-height:1.35!important}
body.tjd-poradnik-unified input,
body.tjd-poradnik-unified select{font-size:15px!important;min-height:48px!important}
body.tjd-poradnik-unified .knowledge-filter{font-size:12.5px!important;min-height:40px!important}
.tjdKnowledgeArticle p,.tjdKnowledgeArticle li{font-size:17px!important;line-height:1.78!important}
.tjdKnowledgeArticle h2{font-size:30px!important;line-height:1.12!important;margin-top:42px!important}
.tjdKnowledgeArticle h3{font-size:22px!important;line-height:1.18!important}
.tjdKnowledgeLead{font-size:19px!important;line-height:1.67!important}
.tjdKnowledgeAside p,.tjdKnowledgeAside a{font-size:13.5px!important;line-height:1.55!important}
.tjdPoradnikAssistantPrompt{margin:18px 0 0!important;padding:10px 14px!important;border:1px solid #bfe5fb!important;border-radius:999px!important;background:#eef8ff!important;color:#0b5f95!important;text-decoration:none!important;box-shadow:none!important}
.tjdPoradnikAssistantPrompt::before{flex:0 0 auto}
.tjdPoradnikAssistantPrompt:hover{background:#ddf2ff!important;color:#074b78!important}
@media(max-width:650px){
 body.tjd-poradnik-unified main p,body.tjd-poradnik-unified main li{font-size:16px!important;line-height:1.65!important}
 body.tjd-poradnik-unified .knowledge-card h3,body.tjd-poradnik-unified .knowledge-card h3 a{font-size:19px!important}
 .tjdKnowledgeArticle p,.tjdKnowledgeArticle li{font-size:16.5px!important;line-height:1.72!important}
 .tjdKnowledgeLead{font-size:17px!important}
 .tjdKnowledgeArticle h2{font-size:26px!important}
 .tjdPoradnikAssistantPrompt{width:100%;justify-content:center!important}
}