/* Premium bronze Explore treatment — intentionally isolated to #explore. */

body.explore-open {
    --explore-ink: #241208;
    --explore-copper: #cf965c;
    --explore-copper-bright: #eab77c;
    --explore-cream: #f0dfc4;
    --explore-card-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 220' preserveAspectRatio='none'%3E%3Cpath d='M18 2H982L998 18V218H2V18Z' fill='none' stroke='%23c08a57' stroke-opacity='.7' stroke-width='1.25' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --explore-primary-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 260' preserveAspectRatio='none'%3E%3Cpath d='M28 3H972V8H984V16H992V24H997V236H992V244H984V252H972V257H28V252H16V244H8V236H3V24H8V16H16V8H28Z' fill='none' stroke='%23d9a86f' stroke-width='1.35' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M31 12H969L988 31V229L969 248H31L12 229V31Z' fill='none' stroke='%23ad7448' stroke-width='1.15' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    background: #241208;
}

body.explore-open .landing,
body.explore-open .explore-screen {
    background:
        radial-gradient(ellipse at 48% 34%, rgba(196, 112, 48, .22), transparent 64%),
        linear-gradient(rgba(73, 36, 17, .49), rgba(35, 17, 9, .56)),
        url("../assets/images/explore-bronze-texture.webp") center / cover;
}

/* HOME + MAKE ME A SITE — use the exact Explore surface without
   changing any foreground artwork, composition or responsive layout. */
body.homepage:not(.explore-open) .landing {
    background:
        radial-gradient(ellipse at 48% 34%, rgba(196, 112, 48, .22), transparent 64%),
        linear-gradient(rgba(73, 36, 17, .49), rgba(35, 17, 9, .56)),
        url("../assets/images/explore-bronze-texture.webp") center / cover !important;
}

body.explore-open .explore-screen::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        repeating-linear-gradient(17deg, transparent 0 4px, rgba(255, 190, 111, .002) 4px 5px),
        radial-gradient(ellipse at 50% 38%, rgba(184, 103, 48, .095), rgba(25, 12, 6, .22) 100%);
    mix-blend-mode: normal;
}

body.explore-open .explore-blueprint { display: none; }

body.explore-open .explore-wordmark {
    color: var(--explore-copper-bright) !important;
    font-family: "Instrument Serif", Georgia, serif !important;
    font-weight: 400 !important;
    text-shadow: 0 1px rgba(0, 0, 0, .76), 0 0 18px rgba(209, 133, 70, .16);
}

body.explore-open .explore-kicker {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
    color: #e8bd8c !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    white-space: nowrap;
}

body.explore-open .explore-kicker::after {
    content: "";
    display: block;
    position: static;
    flex: 1;
    left: auto;
    bottom: auto;
    width: auto;
    height: 1px;
    margin-left: 12px;
    background: linear-gradient(90deg, rgba(198, 139, 86, .6), rgba(190, 130, 77, .46));
    box-shadow: none;
}

body.explore-open .explore-kicker::before {
    content: "";
    order: 2;
    width: 7px;
    height: 7px;
    margin-left: -4px;
    background: #d2a06d;
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(185, 119, 63, .14);
}

body.explore-open .explore-boardroom h2 {
    color: var(--explore-cream) !important;
    font-family: "Instrument Serif", Georgia, serif !important;
    font-weight: 400;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8), 0 0 20px rgba(202, 129, 67, .1);
}

body.explore-open .explore-boardroom p {
    color: #ead9be !important;
    font-weight: 300;
}

body.explore-open .explore-choices {
    counter-reset: explore-route;
    position: relative;
    isolation: isolate;
}

body.explore-open .explore-choice {
    counter-increment: explore-route;
    position: relative;
    z-index: 1;
    isolation: isolate;
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%, 0 6px) !important;
    border: 0 !important;
    background:
        var(--explore-card-outline) center / 100% 100% no-repeat,
        linear-gradient(90deg, rgba(55, 29, 17, .82), rgba(31, 16, 9, .86)),
        url("../assets/images/explore-bronze-texture.webp") center / 760px auto !important;
    color: #e7d6bc !important;
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .24), 0 2px 5px rgba(0, 0, 0, .2);
}

body.explore-open .explore-choice::before {
    content: "0" counter(explore-route) !important;
    color: var(--explore-copper-bright) !important;
    font-family: "Instrument Serif", Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px #000;
}

body.explore-open .explore-choice::after {
    content: "" !important;
    width: 20px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath d='M1 7H20M15 1.5L20.5 7 15 12.5' fill='none' stroke='%23d8a66d' stroke-width='1.25' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.explore-open .explore-choice:first-child {
    clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px) !important;
    border: 0 !important;
    background:
        var(--explore-primary-outline) center / 100% 100% no-repeat,
        radial-gradient(ellipse at 28% 24%, rgba(244, 179, 111, .27), transparent 58%),
        linear-gradient(105deg, rgba(116, 61, 32, .97) 0%, rgba(90, 43, 21, .985) 46%, rgba(57, 27, 14, .97) 100%),
        url("../assets/images/explore-bronze-texture.webp") center / 720px auto !important;
    color: #f0dec1 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 207, 151, .22),
        inset 0 0 22px rgba(242, 171, 103, .18),
        inset 0 -13px 25px rgba(35, 13, 5, .28);
}

body.explore-open .explore-choice:nth-child(2) {
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%, 0 6px) !important;
}

body.explore-open .explore-choice:nth-child(3) {
    --explore-card-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 220' preserveAspectRatio='none'%3E%3Crect x='2' y='2' width='996' height='216' fill='none' stroke='%23c08a57' stroke-opacity='.7' stroke-width='1.25' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    clip-path: none !important;
}

body.explore-open .explore-choice:nth-child(4) {
    --explore-card-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 220' preserveAspectRatio='none'%3E%3Cpath d='M2 2H998V208L986 218H14L2 208Z' fill='none' stroke='%23c08a57' stroke-opacity='.7' stroke-width='1.25' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px)) !important;
}

.explore-anvil-rule {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: rgba(196, 139, 85, .72);
}

.explore-anvil-rule span {
    flex: 1;
    height: 1px;
    background: currentColor;
}

.explore-anvil-rule span { transform: translateY(8px); }
.explore-anvil-rule span:last-child { transform: translateY(8px) scaleX(-1); }
.explore-anvil-rule svg { width: 90px; height: 45px; margin-inline: 7px; overflow: visible; }
.explore-anvil-rule path { fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 800px) and (orientation: portrait) {
    body.explore-open .explore-screen {
        grid-template-rows: auto auto auto !important;
        align-content: start !important;
        gap: clamp(18px, 2.4svh, 27px) !important;
        padding:
            max(116px, calc(env(safe-area-inset-top) + 102px))
            max(32px, calc(env(safe-area-inset-right) + 26px))
            max(18px, calc(env(safe-area-inset-bottom) + 12px))
            max(32px, calc(env(safe-area-inset-left) + 26px)) !important;
    }

    body.explore-open .explore-wordmark {
        top: max(22px, calc(env(safe-area-inset-top) + 14px)) !important;
        left: max(24px, calc(env(safe-area-inset-left) + 18px)) !important;
        color: #eee8de !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: clamp(12px, 3.8vw, 16px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: clamp(3px, 1.1vw, 5px) !important;
        text-shadow: none !important;
    }

    body.explore-open .explore-kicker {
        margin: 0 0 clamp(17px, 2.3svh, 24px) !important;
        font-size: clamp(10px, 3vw, 13px) !important;
        letter-spacing: .22em !important;
    }

    body.explore-open .explore-boardroom h2 {
        margin: 0 0 clamp(18px, 2.5svh, 25px) !important;
        font-size: clamp(46px, 12.8vw, 57px) !important;
        line-height: .88 !important;
        letter-spacing: -.018em !important;
    }

    body.explore-open .explore-boardroom p {
        margin: 0 !important;
        font-size: clamp(16px, 4.35vw, 20px) !important;
        line-height: 1.52 !important;
        letter-spacing: .01em;
    }

    body.explore-open .explore-choices {
        align-self: start !important;
        display: grid !important;
        grid-template-rows: clamp(72px, 9.2svh, 84px) repeat(3, clamp(58px, 7.5svh, 69px)) !important;
        gap: clamp(6px, .9svh, 9px) !important;
        width: calc(100% + 16px) !important;
        margin-inline: -8px !important;
    }

    body.explore-open .explore-choices::after {
        content: "";
        position: absolute;
        z-index: 0;
        top: clamp(66px, 8.7svh, 79px);
        left: -2%;
        right: -2%;
        height: 38px;
        border-radius: 50%;
        background:
            radial-gradient(ellipse at 7% 10%, rgba(39, 14, 6, .9), transparent 34%),
            radial-gradient(ellipse at 93% 10%, rgba(39, 14, 6, .9), transparent 34%),
            radial-gradient(ellipse at 50% 8%, rgba(39, 14, 6, .99) 0%, rgba(57, 23, 10, .84) 40%, rgba(95, 48, 23, .48) 68%, transparent 88%);
        filter: blur(8px);
        pointer-events: none;
    }

    body.explore-open .explore-choices::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: clamp(66px, 8.7svh, 79px);
        right: 1%;
        left: 1%;
        height: 8px;
        border-radius: 50%;
        background: rgba(39, 14, 6, .98);
        filter: blur(1.5px);
        pointer-events: none;
    }

    body.explore-open .explore-choice {
        grid-template-columns: clamp(68px, 21.5vw, 78px) minmax(0, 1fr) 22px !important;
        column-gap: clamp(16px, 5vw, 20px) !important;
        min-height: 62px !important;
        padding: 7px 15px 7px 0 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: clamp(11px, 3.1vw, 14px) !important;
        font-weight: 400 !important;
        letter-spacing: .11em !important;
    }

    body.explore-open .explore-choice::before {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        height: 62%;
        border-right: 1px solid rgba(203, 121, 55, .56);
        color: #df9d61 !important;
        font-size: clamp(29px, 8.8vw, 38px) !important;
    }

    body.explore-open .explore-choice::after { justify-self: end; }

    body.explore-open .explore-choice:first-child {
        font-family: "Instrument Serif", Georgia, serif !important;
        font-size: clamp(14px, 4vw, 18px) !important;
        letter-spacing: .13em !important;
        margin-bottom: clamp(4px, .65svh, 7px);
    }

    body.explore-open .explore-anvil-rule {
        display: flex;
        position: absolute;
        right: max(4px, calc(env(safe-area-inset-right) + 2px));
        bottom: max(28px, calc(env(safe-area-inset-bottom) + 20px));
        left: max(4px, calc(env(safe-area-inset-left) + 2px));
        width: auto;
        padding: 0;
    }

    body.explore-open .foundry-global-nav {
        top: max(8px, env(safe-area-inset-top)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        grid-template-columns: repeat(3, 48px) !important;
        width: 144px !important;
        height: 48px !important;
    }

    body.explore-open .foundry-global-nav .foundry-global-control + .foundry-global-control {
        border-left: 0 !important;
    }

    body.explore-open .foundry-global-nav .foundry-global-control svg {
        width: 25px !important;
        height: 25px !important;
    }

    body.explore-open .foundry-global-nav .foundry-global-home svg {
        width: 25px !important;
        height: 25px !important;
    }
}

@media (max-width: 800px) and (orientation: portrait) and (max-height: 760px) {
    body.explore-open .explore-screen {
        gap: 11px !important;
        padding-top: max(92px, calc(env(safe-area-inset-top) + 82px)) !important;
    }
    body.explore-open .explore-kicker { margin-bottom: 9px !important; }
    body.explore-open .explore-boardroom h2 { margin-bottom: 8px !important; font-size: clamp(40px, 12vw, 50px) !important; }
    body.explore-open .explore-boardroom p { font-size: clamp(13px, 3.8vw, 16px) !important; line-height: 1.35 !important; }
    body.explore-open .explore-choices { grid-template-rows: 59px repeat(3, 51px) !important; gap: 5px !important; }
    body.explore-open .explore-choices::after { top: 53px; height: 31px; filter: blur(5px); }
    body.explore-open .explore-choices::before { top: 53px; height: 6px; filter: blur(1.5px); }
    body.explore-open .explore-choice { min-height: 51px !important; }
    body.explore-open .explore-anvil-rule { display: flex; bottom: max(16px, calc(env(safe-area-inset-bottom) + 10px)); }
}

@media (max-width: 1100px) and (max-height: 700px) and (orientation: landscape) {
    body.explore-open .explore-screen {
        grid-template-columns: minmax(0, .93fr) minmax(310px, 1.07fr) !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        gap: clamp(30px, 5vw, 66px) !important;
        padding: max(64px, calc(env(safe-area-inset-top) + 52px)) max(30px, calc(env(safe-area-inset-right) + 22px)) max(18px, calc(env(safe-area-inset-bottom) + 12px)) max(30px, calc(env(safe-area-inset-left) + 22px)) !important;
    }
    body.explore-open .explore-kicker { margin-bottom: 12px !important; font-size: 9px !important; letter-spacing: .19em !important; }
    body.explore-open .explore-boardroom h2 { margin-bottom: 13px !important; font-size: clamp(39px, 6vw, 52px) !important; line-height: .88 !important; }
    body.explore-open .explore-boardroom p { font-size: clamp(13px, 1.9vw, 16px) !important; }
    body.explore-open .explore-choices { gap: 7px !important; }
    body.explore-open .explore-choices::after {
        content: "";
        position: absolute;
        z-index: 0;
        top: 49px;
        left: -2%;
        right: -2%;
        height: 36px;
        border-radius: 50%;
        background:
            radial-gradient(ellipse at 7% 10%, rgba(39, 14, 6, .9), transparent 34%),
            radial-gradient(ellipse at 93% 10%, rgba(39, 14, 6, .9), transparent 34%),
            radial-gradient(ellipse at 50% 8%, rgba(39, 14, 6, .99) 0%, rgba(57, 23, 10, .84) 40%, rgba(95, 48, 23, .48) 68%, transparent 88%);
        filter: blur(8px);
        pointer-events: none;
    }
    body.explore-open .explore-choices::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 49px;
        right: 1%;
        left: 1%;
        height: 8px;
        border-radius: 50%;
        background: rgba(39, 14, 6, .98);
        filter: blur(1.5px);
        pointer-events: none;
    }
    body.explore-open .explore-choice { grid-template-columns: 50px 1fr 22px !important; column-gap: 15px !important; min-height: 55px !important; padding: 6px 15px 6px 0 !important; font-size: clamp(10px, 1.45vw, 13px) !important; }
    body.explore-open .explore-choice::before { display: flex; align-items: center; justify-content: center; align-self: stretch; border-right: 1px solid rgba(203, 121, 55, .56); font-size: 29px !important; }
    body.explore-open .explore-choice::after { font-size: 23px !important; }
    body.explore-open .explore-anvil-rule { display: none; }
    body.explore-open .foundry-global-nav .foundry-global-control + .foundry-global-control { border-left: 0 !important; }
}

@media (min-width: 1101px) and (orientation: landscape),
       (min-height: 701px) and (orientation: landscape) {
    body.explore-open .explore-screen {
        grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr) !important;
    }
}