.home-hero { --accent: var(--lime); --hero-image: url('../media/archipel-hero_e20b27a7.jpg'); }
.home-hero h1 em { color: var(--lime); font-style: normal; }
.home-intro { background: linear-gradient(135deg, #07191a, #061114); }
.territory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2.1rem; }
.territory { position: relative; min-height: clamp(22rem, 39vw, 32rem); isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(1.35rem, 3.5vw, 2.75rem); border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.territory::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(0deg, rgba(2, 11, 13, .94), rgba(2, 11, 13, .12) 75%), var(--image) center / cover no-repeat; transition: transform .55s ease; }
.territory::after { content: ""; position: absolute; z-index: -1; top: 1.25rem; right: 1.25rem; width: 3.4rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--accent); color: var(--accent); font-size: 1rem; font-weight: 900; content: var(--number); }
.territory:hover::before, .territory:focus-visible::before { transform: scale(1.05); }
.territory:hover, .territory:focus-visible { color: var(--ink); }
.territory__theme { margin: 0 0 .85rem; color: var(--accent); font-size: .82rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.territory h2 { max-width: 12ch; font-size: clamp(2rem, 4vw, 3.6rem); }
.territory p { max-width: 36rem; margin: 1.1rem 0 0; color: #dce9e3; font-size: var(--reading); line-height: 1.68; }
.territory__go { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; margin-top: 1.45rem; color: var(--accent); font-size: .92rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.territory__go::after { content: "→"; font-size: 1.35rem; }
.home-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.principle { padding: 1.3rem; border-top: 1px solid var(--accent, var(--lime)); background: rgba(239, 250, 244, .035); }
.principle span { display: block; color: var(--accent, var(--lime)); font-size: .8rem; font-weight: 900; letter-spacing: .1em; }
.principle p { margin: .75rem 0 0; color: var(--muted); font-size: 1.03rem; line-height: 1.65; }
@media (max-width: 820px) { .territory-grid, .home-principles { grid-template-columns: 1fr; } .territory { min-height: 24rem; } }

.play-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 20%,rgba(185,251,104,.08),transparent 22rem),linear-gradient(135deg,#061517,#071114)}
.play-intro__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:clamp(2rem,7vw,6rem);align-items:end}.play-intro__rules{margin:0;padding:1.2rem 1.3rem;border:1px solid var(--line);border-left:3px solid var(--lime);color:var(--muted);font-size:var(--reading)}.expedition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:2rem}.expedition-card{padding:1.15rem;border:1px solid var(--line);background:rgba(238,255,246,.025)}.expedition-card span{display:block;margin-bottom:.65rem;color:var(--lime);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.expedition-card strong{display:block;font-size:1.08rem;line-height:1.3}.expedition-card p{margin:.65rem 0 0;color:var(--muted);line-height:1.55}@media(max-width:900px){.expedition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.play-intro__head,.expedition-grid{grid-template-columns:1fr}}