/* CHINCANA Circle Reveal A/B V7 — desktop full bleed; mobile V6 preservato. */
.landscape-placeholder.circle-photo-ab {
  background-image:url("assets/circle.webp");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  background-color:#18251b;
  padding:0;
}
/* V6 — FIX STRUTTURALE DESKTOP.
   styles.css imposta .territory-disc { left:50%; top:50%; width:100%; height:100% }
   SENZA translate(-50%, -50%): il bordo superiore sinistro della foto finiva
   al CENTRO dello schermo, dunque appariva solo il quadrante alto sinistro.
   Si ancora il pannello fotografico ai quattro bordi dello sticky viewport.
   Nessun intervento su scroll/clip path/JavaScript. */
@media (min-width:801px) {
  /* Solo desktop: copre il frame senza bande, conservando il punto focale centrale.
     L'immagine conserva le proporzioni: l'eccedenza è ritagliata simmetricamente. */
  .territory .landscape-placeholder.circle-photo-ab {
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
  }
  .territory .territory-disc {
    position:absolute;
    inset:0;
    left:0;top:0;right:0;bottom:0;
    width:100%;height:100%;
    transform:none;
  }
}
.circle-ab-picker{position:fixed;z-index:100000;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px;background:#111e16f2;border:1px solid #c8ab6080;border-radius:12px;box-shadow:0 8px 30px #0006;color:#f5f2e9;font:600 11px/1.2 'DM Sans',Arial,sans-serif}
.circle-ab-label{font-size:10px;letter-spacing:.07em;max-width:150px}
.circle-ab-choice{appearance:none;background:transparent;color:#f5f2e9;border:1px solid #c8ab6070;padding:9px 12px;border-radius:7px;cursor:pointer;font-size:11px;font-weight:700;min-height:38px}
.circle-ab-choice[aria-pressed="true"]{background:#c8ab60;color:#111e16}
.circle-ab-choice:focus-visible{outline:2px solid #f5f2e9;outline-offset:2px}
@media(max-width:800px){
 .circle-ab-picker{left:10px;right:10px;justify-content:center;bottom:calc(9px + env(safe-area-inset-bottom,0px))}
 .circle-ab-label{font-size:9px}
 .circle-ab-choice{padding:8px 10px}
 /* Frame orizzontale: rispetta la geometria reale di IMG_1154 */
 .territory .territory-disc {
   position:relative;left:auto;right:auto;top:auto;bottom:auto;
   transform:none;display:block;flex:none;
   width:calc(100% - 40px);height:auto;max-height:none;
   aspect-ratio:1536 / 857;margin:0 auto;
   overflow:hidden;
   clip-path:circle(calc(var(--reveal-progress,0) * 75%) at 50% 50%);
 }
 .territory .landscape-placeholder.circle-photo-ab {
   position:absolute;inset:0;
   background-size:contain;
   background-position:center center;
   background-color:#18251b;
 }
}