/* HOME · PHASE 6/8 · art direction, editorial image system, responsive crops */
.home-p04{--home-img-radius:14px;--home-img-border:rgba(18,46,67,.16);--home-img-shadow:0 26px 70px rgba(4,31,54,.16)}
.home-p04 :is(.home-v2-shot img,.home-v3-story-media img,.home-v4-operator-media img,.home-v5-institution-scene img,.home-p04-identity .flag-mini img){filter:saturate(.84) contrast(1.055) brightness(.96);image-rendering:auto}

/* Hero: treat the three existing environments as one editorial spread, not three unrelated screenshots. */
.home-v2-hero{grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:58px;padding-top:60px;padding-bottom:56px}
.home-v2-visual{position:relative;grid-template-columns:minmax(0,1.62fr) minmax(172px,.66fr);gap:12px;min-height:520px;max-height:560px;padding:8px 0 8px 8px}
.home-v2-visual:before{content:"";position:absolute;inset:-14px -17px -14px -18px;border-radius:24px;background:linear-gradient(145deg,rgba(245,241,232,.82),rgba(255,255,255,.16));border:1px solid rgba(200,154,50,.20);box-shadow:0 24px 70px rgba(4,31,54,.08);z-index:-1}
.home-v2-shot{border-radius:var(--home-img-radius);border:1px solid var(--home-img-border);box-shadow:var(--home-img-shadow)}
.home-v2-shot-main{transform:translateY(-5px)}
.home-v2-shot-mini{border-radius:12px;box-shadow:0 18px 42px rgba(4,31,54,.13)}
.home-v2-shot img{filter:saturate(.86) contrast(1.06) brightness(.98)}
.home-v2-shot-main img{object-position:50% 48%}
.home-v2-shot-mini:first-of-type img{object-position:52% 52%}
.home-v2-shot-mini:last-of-type img{object-position:50% 51%}
.home-v2-shot:after{height:48%;background:linear-gradient(180deg,transparent 0%,rgba(3,16,27,.12) 34%,rgba(3,16,27,.78) 100%)}
.home-v2-shot figcaption{left:15px;right:15px;bottom:14px}
.home-v2-shot figcaption strong{letter-spacing:.01em}.home-v2-shot figcaption span{opacity:.91}

/* Possible selves: one photographic language across economic, industrial and residential scenes. */
.home-v3-story{border-radius:16px;box-shadow:0 16px 44px rgba(40,34,24,.075)}
.home-v3-story-media{background:#0b2235}
.home-v3-story-media:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.home-v3-story-media img{filter:saturate(.82) contrast(1.07) brightness(.95)}
.home-v3-story-main .home-v3-story-media img{object-position:50% 50%}
.home-v3-story-secondary:nth-of-type(2) .home-v3-story-media img{object-position:50% 54%}
.home-v3-story-belonging .home-v3-story-media img{object-position:48% 55%}
.home-v3-story-media figcaption{z-index:3;text-transform:none;letter-spacing:.02em}

/* Economy: network remains the hero; the supporting photograph now shows capital infrastructure instead of repeating a trading floor. */
.home-v4-operator{border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.home-v4-operator-media{min-height:330px}
.home-v4-operator-media img{object-position:50% 51%;filter:saturate(.78) contrast(1.07) brightness(.86)}
.home-v4-operator-media:after{background:linear-gradient(90deg,transparent 47%,rgba(8,31,51,.72)),linear-gradient(0deg,rgba(4,19,31,.64),transparent 56%)}

/* Trust: keep the real proposta constitucional as the proof object, but place it in a restrained civic context. */
.home-v5-cover{width:min(100%,390px);min-height:410px;display:grid;place-items:center;isolation:isolate}
.home-v5-cover:before{inset:6% -25% -7%;opacity:.9}
.home-v5-institution-scene{position:absolute;z-index:-1;inset:19% -42% 9% -34%;overflow:hidden;border-radius:20px;border:1px solid rgba(10,43,73,.12);box-shadow:0 28px 58px rgba(23,37,48,.10);transform:rotate(-2.2deg);opacity:.44;background:#0b2235}
.home-v5-institution-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.72) contrast(1.08) brightness(.78)}
.home-v5-institution-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,232,.18),rgba(5,24,39,.22)),linear-gradient(0deg,rgba(7,31,52,.34),transparent 50%)}
.home-v5-cover-frame{width:76%;margin:auto;padding:9px;border-radius:7px;transform:rotate(1.25deg) translateY(8px);box-shadow:0 28px 62px rgba(23,37,48,.23)}
.home-v5-cover figcaption{margin-top:21px;padding:0 8px}

/* CIC: make the real card the brightest object in the section; burgundy introduces a ceremonial transition without becoming game UI. */
.home-v6-identity:before{background:linear-gradient(125deg,#321018 0%,#611e2a 33%,#0a2b49 76%,#071f34 100%);box-shadow:0 0 0 100vmax #071f34}
.home-v6-identity:after{background:radial-gradient(760px 400px at 14% 24%,rgba(200,154,50,.12),transparent 67%),radial-gradient(760px 420px at 88% 74%,rgba(4,20,34,.52),transparent 70%)}
.home-v6-stage{border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 34px 90px rgba(0,0,0,.25)}
.home-v6-card-zone{min-height:500px;background:radial-gradient(circle at 52% 30%,rgba(255,255,255,.96),rgba(248,243,232,.96) 40%,rgba(225,214,193,.94) 100%);border:1px solid rgba(231,214,174,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);overflow:hidden}
.home-v6-card-zone:after{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#173f64 0 34%,#f4efe2 34% 66%,#7b2530 66% 100%);opacity:.96}
.home-v6-card-object{width:min(100%,700px)}
.home-v6-card-shell{transform:rotateX(3deg) rotateY(-7deg) rotateZ(-1.15deg);filter:drop-shadow(0 30px 28px rgba(34,25,20,.25))}
.home-v6-card-shell img{border-radius:14px;background:#f7f2e8;box-shadow:0 0 0 1px rgba(79,58,39,.12),inset 0 0 0 1px rgba(255,255,255,.36)}
.home-v6-card-object figcaption{color:#53626c;text-shadow:none}
.home-v6-card-object figcaption strong{color:#1b3447}.home-v6-card-object figcaption span{color:#65737d}.home-v6-card-badge{color:#7b2530!important;border-color:rgba(123,37,48,.25);background:rgba(255,255,255,.52)}

/* Later visual-identity block: one real-world flag image leads; heraldry becomes supporting evidence instead of a floating asset collage. */
.home-p04-identity.state-identity-block{grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:0;padding:0;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#0a2b49,#071f34);border-color:#173e5c;box-shadow:0 24px 60px rgba(7,35,58,.14)}
.home-p04-identity .state-identity-copy{padding:38px 38px 40px;color:#fff}
.home-p04-identity .state-identity-copy h2{color:#fff}.home-p04-identity .state-identity-copy p{color:#c9d5dd}.home-p04-identity .seal-kicker{color:#e6bdc2}
.home-p04-identity .state-identity-art{min-height:350px;overflow:hidden;background:#0c2940}
.home-p04-identity .mini-symbol{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.home-p04-identity .flag-mini{position:absolute;inset:0;width:100%;height:100%;transform:none;border-radius:0}
.home-p04-identity .flag-mini:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,39,.16),transparent 48%),linear-gradient(0deg,rgba(5,24,39,.26),transparent 55%);pointer-events:none}
.home-p04-identity .flag-mini img{width:100%;height:100%;object-fit:cover;object-position:52% 48%}
.home-p04-identity .emblem-mini,.home-p04-identity .state-mini{z-index:3;display:grid;place-items:center;padding:8px!important;border:1px solid rgba(255,255,255,.50)!important;background:rgba(248,244,235,.94)!important;box-shadow:0 20px 46px rgba(0,0,0,.20)!important;backdrop-filter:blur(7px)}
.home-p04-identity .emblem-mini{width:116px;aspect-ratio:1;right:22px;top:22px;transform:rotate(2deg)}
.home-p04-identity .state-mini{width:92px;aspect-ratio:1;right:118px;bottom:22px;transform:rotate(-3deg)}
.home-p04-identity .emblem-mini img,.home-p04-identity .state-mini img{object-fit:contain;width:100%;height:100%;filter:none}

html[data-theme="dark"] .home-v2-visual:before{background:linear-gradient(145deg,rgba(29,54,72,.72),rgba(8,27,42,.18));border-color:rgba(200,154,50,.14)}
html[data-theme="dark"] .home-v6-card-zone{background:radial-gradient(circle at 52% 30%,#f8f3e7,#ebe3d2 54%,#d9ccb7 100%);border-color:rgba(219,194,135,.48)}
html[data-theme="dark"] .home-p04-identity.state-identity-block{background:linear-gradient(135deg,#0b2a42,#071f34);border-color:#28485e}

@media(max-width:1120px){
  .home-v2-hero{grid-template-columns:minmax(0,1fr) minmax(450px,.92fr);gap:38px}.home-v2-visual{min-height:470px}
  .home-p04-identity.state-identity-block{grid-template-columns:1fr}.home-p04-identity .state-identity-art{min-height:330px}
}
@media(max-width:900px){
  .home-v2-hero{grid-template-columns:1fr}.home-v2-visual{min-height:470px;max-height:510px;padding-left:0}.home-v2-visual:before{inset:-12px}
  .home-v5-institution-scene{inset:18% -26% 9% -24%}
}
@media(max-width:760px){
  .home-v5-cover{min-height:335px}.home-v5-institution-scene{inset:17% -32% 13% -28%;opacity:.35}.home-v5-cover-frame{width:72%}
  .home-v6-card-zone{min-height:330px;padding:28px 12px 32px}.home-v6-card-shell,.home-v6-card-object:hover .home-v6-card-shell{transform:rotateZ(-.65deg)}
  .home-p04-identity .state-identity-copy{padding:30px 24px 32px}.home-p04-identity .state-identity-art{min-height:300px}.home-p04-identity .emblem-mini{width:88px}.home-p04-identity .state-mini{width:72px;right:91px}
}
@media(max-width:640px){
  .home-v2-visual{display:block;min-height:0;max-height:none;padding:0}.home-v2-visual:before{inset:-9px;border-radius:20px}.home-v2-shot-main{transform:none;aspect-ratio:1.12/1}.home-v2-shot-main img{object-position:50% 50%}.home-v2-shot-mini{display:none}
  .home-v3-story-secondary:nth-of-type(2) .home-v3-story-media img{object-position:50% 52%}
  .home-v4-operator-media{min-height:240px}
  .home-v6-card-zone{min-height:280px}.home-v6-card-object figcaption{padding:0 2px}
}
@media(max-width:390px){
  .home-v5-institution-scene{display:none}.home-v5-cover{min-height:265px}.home-v5-cover-frame{width:82%;transform:rotate(.6deg)}
  .home-v6-card-zone{min-height:245px;padding:20px 5px 26px}.home-v6-card-shell img{border-radius:10px}.home-v6-card-object figcaption{margin-top:16px}
  .home-p04-identity .state-identity-art{min-height:245px}.home-p04-identity .emblem-mini{width:72px;right:14px;top:14px}.home-p04-identity .state-mini{width:60px;right:76px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){.home-v2-shot-main,.home-v5-institution-scene,.home-v5-cover-frame,.home-v6-card-shell{transform:none!important}}
@media print{.home-v5-institution-scene{display:none}.home-v6-card-zone{background:#f2eee5!important}.home-p04-identity.state-identity-block{background:#fff!important;color:#000!important}.home-p04-identity .state-identity-copy h2{color:#000!important}.home-p04-identity .state-identity-copy p{color:#333!important}}