/* Page Clairvoyance */
.page-hero h1 em{font-size:1em}
.duo.land{grid-template-columns:1fr}
.duo.land img{aspect-ratio:16/9}
.duo.land img:last-child{margin-top:0}

.temps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
.types{background:radial-gradient(60% 60% at 100% 0%,rgba(109,82,196,.18),transparent 70%),var(--ink)}
.types .tirages{margin-bottom:0}

.compare{background:var(--ink-2);border-block:1px solid var(--line)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.compare-imgs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.compare-imgs img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.compare-imgs img:last-child{margin-top:2.5rem}
.compare h2{margin-bottom:1rem}
.vs{margin:2rem 0 0}
.vs div{padding:1.25rem 0;border-top:1px solid var(--line)}
.vs dt{font:500 1.7rem/1.1 var(--serif);color:var(--gold-2);margin-bottom:.4rem}
.vs dd{margin:0;color:var(--paper-dim)}

.apps{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.apps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.apps-list li{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:1.75rem 1.5rem}
.apps-list h3{font-size:1.5rem;margin-bottom:.6rem}
.apps-list p{margin:0;color:var(--paper-dim);font-size:.97rem}

.note-sec{padding-block:clamp(2rem,5vw,4rem)}
.callout{max-width:820px;margin-inline:auto;border:1px solid rgba(212,172,95,.45);border-radius:var(--r);background:rgba(212,172,95,.05);padding:clamp(1.5rem,3vw,2.5rem)}
.callout h2{font-size:2rem;color:var(--gold-2);margin-bottom:.8rem}
.callout p{margin:0;color:var(--paper)}

@media (max-width:900px){
  .temps,.apps-list{grid-template-columns:1fr}
  .compare-grid,.apps{grid-template-columns:1fr}
  .compare-imgs img:last-child{margin-top:1.25rem}
}
