/* ALINA CHROMATIC GEOMETRY V2 */
/* Homepage only. NOCTURNE archive remains unchanged. */

.ahc-section,
.datlas {
    isolation:isolate;
}

/* Shared editorial geometry */
.ahc-section .ahc-grid,
.datlas .datlas-grid {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
}

.ahc-section .ahc-card,
.datlas .datlas-card {
    position:relative;
    isolation:isolate;
    display:block;
    grid-column:span 4;
    min-width:0;
    min-height:350px;
    overflow:hidden;
    border:1px solid var(--ahg-border,rgba(255,255,255,.25));
    border-radius:22px;
    background:
      radial-gradient(circle at 82% 15%,
        var(--ahg-glow,rgba(255,255,255,.18)),transparent 57%),
      linear-gradient(145deg,
        var(--ahg-start,#39234c),
        var(--ahg-end,#100c20));
    box-shadow:0 12px 35px rgba(0,0,0,.12);
    text-decoration:none;
    color:#f8f4ff;
    transition:
      transform .5s cubic-bezier(.2,.75,.2,1),
      box-shadow .5s,
      border-color .4s;
}

.ahc-section .ahc-card:nth-child(1),
.ahc-section .ahc-card:nth-child(6),
.datlas .datlas-card:nth-child(1),
.datlas .datlas-card:nth-child(6) {
    grid-column:span 5;
    min-height:405px;
}

.ahc-section .ahc-card:nth-child(2),
.ahc-section .ahc-card:nth-child(5),
.datlas .datlas-card:nth-child(2),
.datlas .datlas-card:nth-child(5) {
    grid-column:span 3;
}

.ahc-section .ahc-card:nth-child(3),
.datlas .datlas-card:nth-child(3) {
    border-radius:22px 22px 115px 22px;
}

.ahc-section .ahc-card:nth-child(1),
.datlas .datlas-card:nth-child(1) {
    border-radius:22px 125px 22px 22px;
}

.ahc-section .ahc-card:nth-child(2),
.datlas .datlas-card:nth-child(2) {
    border-radius:125px 22px 22px 22px;
}

.ahc-section .ahc-card:nth-child(4),
.datlas .datlas-card:nth-child(4) {
    border-radius:22px 100px 22px 22px;
}

.ahc-section .ahc-card:nth-child(5),
.datlas .datlas-card:nth-child(5) {
    border-radius:110px 22px 22px 22px;
}

.ahc-section .ahc-card:nth-child(6),
.datlas .datlas-card:nth-child(6) {
    border-radius:22px 22px 115px 22px;
}

.ahc-section .ahc-card:hover,
.ahc-section .ahc-card:focus-visible,
.datlas .datlas-card:hover,
.datlas .datlas-card:focus-visible {
    transform:translateY(-10px);
    border-color:var(--ahg-accent,#fff);
    box-shadow:0 28px 65px rgba(0,0,0,.4),
      0 0 32px var(--ahg-glow,transparent);
}

/* Category-specific palette */
.ahc-section .ahc-card:nth-child(1) {
    --ahg-start:#85452c;--ahg-end:#29151f;
    --ahg-accent:#ffba83;--ahg-glow:#f78c5840;
    --ahg-border:#e49a6c80;
}
.ahc-section .ahc-card:nth-child(2) {
    --ahg-start:#177768;--ahg-end:#10252e;
    --ahg-accent:#74f5ce;--ahg-glow:#42e6ba40;
    --ahg-border:#58dfbc80;
}
.ahc-section .ahc-card:nth-child(3) {
    --ahg-start:#7b3b95;--ahg-end:#261632;
    --ahg-accent:#e8a2ff;--ahg-glow:#bd6bfa45;
    --ahg-border:#c77cf080;
}
.ahc-section .ahc-card:nth-child(4) {
    --ahg-start:#a14366;--ahg-end:#31152d;
    --ahg-accent:#ff9dc5;--ahg-glow:#ff6eac40;
    --ahg-border:#fa80b080;
}
.ahc-section .ahc-card:nth-child(5) {
    --ahg-start:#71602b;--ahg-end:#29251c;
    --ahg-accent:#ffe08b;--ahg-glow:#ffd76b35;
    --ahg-border:#d9c07980;
}
.ahc-section .ahc-card:nth-child(6) {
    --ahg-start:#275d89;--ahg-end:#13233b;
    --ahg-accent:#89d9ff;--ahg-glow:#68c9ff40;
    --ahg-border:#7bcfff80;
}

/* Location-specific palette */
.datlas .datlas-card:nth-child(1) {
    --ahg-start:#58318e;--ahg-end:#1c1033;
    --ahg-accent:#cb8cff;--ahg-glow:#aa67ff45;
    --ahg-border:#b679ff80;
}
.datlas .datlas-card:nth-child(2) {
    --ahg-start:#177f91;--ahg-end:#102136;
    --ahg-accent:#70f3f2;--ahg-glow:#42dce745;
    --ahg-border:#66dfec80;
}
.datlas .datlas-card:nth-child(3) {
    --ahg-start:#9c416f;--ahg-end:#29122b;
    --ahg-accent:#ff91c5;--ahg-glow:#ff77bb45;
    --ahg-border:#f68bb980;
}
.datlas .datlas-card:nth-child(4) {
    --ahg-start:#494d9e;--ahg-end:#171934;
    --ahg-accent:#b2b2ff;--ahg-glow:#999cff40;
    --ahg-border:#aaa6ff80;
}
.datlas .datlas-card:nth-child(5) {
    --ahg-start:#7c397d;--ahg-end:#291633;
    --ahg-accent:#f5a1fa;--ahg-glow:#e580e745;
    --ahg-border:#e793e880;
}
.datlas .datlas-card:nth-child(6) {
    --ahg-start:#236a86;--ahg-end:#12223d;
    --ahg-accent:#79e4ff;--ahg-glow:#63d5ff45;
    --ahg-border:#75d5f080;
}

/* Geometric layers */
.ahg-card-geometry,
.ahg-atlas-geometry {
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:.33;
    background:repeating-radial-gradient(
      circle at 95% 13%,
      transparent 0 39px,
      var(--ahg-accent,#fff) 40px,
      transparent 41px
    );
    transition:transform .9s ease,opacity .6s;
}

.ahc-card:nth-child(3n) .ahg-card-geometry,
.datlas-card:nth-child(3n) .ahg-atlas-geometry {
    background:repeating-linear-gradient(
      132deg,transparent 0 48px,
      var(--ahg-accent,#fff) 49px,
      transparent 50px
    );
}

.ahc-card:nth-child(4n) .ahg-card-geometry,
.datlas-card:nth-child(4n) .ahg-atlas-geometry {
    background:repeating-linear-gradient(
      90deg,transparent 0 48px,
      var(--ahg-accent,#fff) 49px,
      transparent 50px
    );
}

.ahc-card:hover .ahg-card-geometry,
.datlas-card:hover .ahg-atlas-geometry {
    transform:scale(1.15) rotate(5deg);
    opacity:.55;
}

.ahg-card-number,
.ahg-atlas-number {
    position:absolute;
    top:20%;
    right:7%;
    z-index:1;
    font:700 clamp(95px,12vw,190px)/1 Arial,sans-serif;
    letter-spacing:-.1em;
    color:rgba(255,255,255,.075);
    pointer-events:none;
    transition:transform .65s,opacity .5s;
}

.ahc-card:hover .ahg-card-number,
.datlas-card:hover .ahg-atlas-number {
    transform:translate(-10px,-8px) scale(1.08);
    opacity:.8;
}

/* Preserve category text above decorative layers */
.ahc-section .ahc-card {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:28px;
}
.ahc-section .ahc-card::before,
.ahc-section .ahc-card::after {
    content:none;
}
.ahc-section .ahc-card-top,
.ahc-section .ahc-card-bottom {
    position:relative;
    z-index:3;
}
.ahc-section .ahc-card-top {
    color:var(--ahg-accent);
    font-weight:800;
    letter-spacing:1.8px;
}
.ahc-section .ahc-card-bottom strong {
    font-family:Arial,sans-serif;
    font-weight:750;
    font-size:clamp(30px,3.1vw,52px);
    letter-spacing:-.055em;
}
.ahc-section .ahc-card-bottom small {
    color:var(--ahg-accent);
}
.ahc-section .ahc-card-foot {
    color:#f3e8f7;
}

/* Location photo and ambient layers stay decorative */
.datlas .datlas-card-ambient,
.datlas .datlas-card-photo {
    pointer-events:none;
}
.datlas .datlas-card-photo {
    opacity:0;
    transition:opacity .65s,transform .8s;
}
.datlas .datlas-card:hover .datlas-card-photo {
    opacity:.35;
}
.datlas .datlas-card-top,
.datlas .datlas-card-bottom {
    z-index:4;
}
.datlas .datlas-card-name {
    color:#fff;
}
.datlas .datlas-card-region,
.datlas .datlas-card-arrow,
.datlas .datlas-card-number {
    color:var(--ahg-accent);
}

/* Distinct section atmospheres */
.ahc-section {
    background:
      radial-gradient(ellipse at 5% 5%,#51234070,transparent 48%),
      radial-gradient(ellipse at 95% 85%,#176a5c55,transparent 45%),
      #110d1e;
}
.datlas {
    background:
      radial-gradient(ellipse at 90% 10%,#45217170,transparent 50%),
      radial-gradient(ellipse at 0% 90%,#124d7355,transparent 45%),
      #0d0b1c;
}

/* Keep archive actions prominent */
.ahc-section .ahc-action,
.datlas .ahc-action {
    position:relative;
    z-index:5;
    margin-top:45px;
}

@media(max-width:1050px) {
    .ahc-section .ahc-card,
    .datlas .datlas-card,
    .ahc-section .ahc-card:nth-child(n),
    .datlas .datlas-card:nth-child(n) {
        grid-column:span 6;
        min-height:340px;
    }
}

@media(max-width:650px) {
    .ahc-section .ahc-grid,
    .datlas .datlas-grid {
        grid-template-columns:minmax(0,1fr);
        gap:15px;
    }
    .ahc-section .ahc-card,
    .datlas .datlas-card,
    .ahc-section .ahc-card:nth-child(n),
    .datlas .datlas-card:nth-child(n) {
        grid-column:1;
        min-height:310px;
        border-radius:20px 85px 20px 20px;
    }
    .ahc-section .ahc-card:nth-child(even),
    .datlas .datlas-card:nth-child(even) {
        border-radius:85px 20px 20px 20px;
    }
    .ahc-section .ahc-card {
        padding:23px;
    }
    .ahg-card-number,
    .ahg-atlas-number {
        font-size:125px;
        right:9%;
    }
    .ahc-section .ahc-card-bottom strong {
        font-size:clamp(30px,9vw,43px);
    }
}

@media(prefers-reduced-motion:reduce) {
    .ahc-section .ahc-card,
    .datlas .datlas-card,
    .ahg-card-geometry,
    .ahg-atlas-geometry,
    .ahg-card-number,
    .ahg-atlas-number {
        transition:none!important;
        animation:none!important;
    }
}


/* ALINA HOMEPAGE PORTRAIT REVEAL V3 */
.ahc-section .ahc-card .ahg-category-portrait {
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    background-size:cover;
    background-position:center 25%;
    opacity:0;
    transform:scale(1.12);
    filter:saturate(.9);
    transition:opacity .65s ease,transform 1s cubic-bezier(.2,.7,.2,1);
    pointer-events:none;
}
.ahc-section .ahc-card .ahg-category-portrait::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
        rgba(10,8,22,.12) 0%,
        rgba(10,8,22,.25) 35%,
        rgba(10,8,22,.87) 100%);
}
.ahc-section .ahc-card:hover .ahg-category-portrait,
.ahc-section .ahc-card:focus-visible .ahg-category-portrait {
    opacity:1;
    transform:scale(1);
}
.ahc-section .ahc-card:hover .ahg-card-geometry,
.ahc-section .ahc-card:focus-visible .ahg-card-geometry {
    opacity:.22;
}
.ahc-section .ahc-card-top,
.ahc-section .ahc-card-bottom {
    position:relative;
    z-index:5;
}
.ahc-section .ahc-heading .ahc-description {
    max-width:310px;
    font-size:14px;
    line-height:1.8;
    color:#c8b6c7;
}
.ahc-section .ahc-description p {
    margin:0 0 10px;
}
.ahc-section .ahc-description a {
    color:#f3a9d7;
    text-decoration:underline;
}
.datlas .datlas-card .datlas-card-photo {
    opacity:0;
    transform:scale(1.12);
    transition:opacity .7s ease,transform 1s ease;
}
.datlas .datlas-card:hover .datlas-card-photo,
.datlas .datlas-card:focus-visible .datlas-card-photo {
    opacity:.88;
    transform:scale(1);
}
.datlas .datlas-card:hover .ahg-atlas-geometry,
.datlas .datlas-card:focus-visible .ahg-atlas-geometry {
    opacity:.22;
}
@media (hover:none) {
    .ahc-section .ahc-card .ahg-category-portrait {
        opacity:.28;
        transform:none;
    }
    .datlas .datlas-card .datlas-card-photo {
        opacity:.3;
        transform:none;
    }
}
@media (prefers-reduced-motion:reduce) {
    .ahc-section .ahc-card .ahg-category-portrait,
    .datlas .datlas-card .datlas-card-photo {
        transition:none;
    }
}