.gijinkakuncore-intro {
    container: gijinkakuncore-intro / inline-size;
    margin-block-end: var(--wp--custom--rhythm--section);
}
.gijinkakuncore-intro__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(1.5rem, 4cqi, 3rem);
    & > * {
        min-inline-size: 0;
        margin-block: 0;
    }
    @container gijinkakuncore-intro (max-width: 43rem) {
        & {
            grid-template-columns: minmax(0, 1fr);
            gap: 1.25rem;
        }
        & .gijinkakuncore-intro__copy > * {
            min-inline-size: 0;
            margin-block: 0;
        }
    }
}
.gijinkakuncore-intro__copy {
    & > * {
        margin-block: 0;
    }
    & > * + * {
        margin-block-start: 1.25rem;
    }
    & .gijinkakuncore-intro__title {
        margin-block: 0;
        font-size: clamp(2.25rem, 5.8cqi, 4.25rem);
        line-height: 1.04;
        letter-spacing: -0.045em;
        text-wrap: initial;
    }
    @container gijinkakuncore-intro (max-width: 43rem) {
        & {
            display: contents;
        }
        & .gijinkakuncore-intro__title {
            grid-column: 1;
            grid-row: 1;
            font-size: clamp(2rem, 9cqi, 3.5rem);
        }
        & > .has-large-font-size {
            grid-column: 1;
            grid-row: 2;
            line-height: 1.45;
        }
    }
}
.gijinkakuncore-intro__art {
    position: relative;
    & .gijinkakuncore-intro__fox {
        margin: 0;
    }
    & img {
        display: block;
        width: 100%;
        max-height: 30rem;
        object-fit: contain;
    }
    &::after {
        content: "";
        position: absolute;
        inset: 13% 3% auto auto;
        width: 1.5rem;
        height: 1.5rem;
        background: #ff641d;
        clip-path: polygon(50% 0, 62% 37%, 100% 50%, 62% 63%, 50% 100%, 38% 63%, 0 50%, 38% 37%);
        pointer-events: none;
    }
    @container gijinkakuncore-intro (max-width: 43rem) {
        & {
            grid-column: 1;
            grid-row: 3;
            inline-size: min(100%, 19rem);
            justify-self: center;
        }
        & .gijinkakuncore-intro__fox {
            aspect-ratio: 1;
            overflow: hidden;
            mask-image: linear-gradient(#000 84%, transparent 100%);
        }
        & img {
            inline-size: 100%;
            block-size: 100%;
            max-height: none;
            object-fit: cover;
            object-position: center top;
        }
        &::after {
            inset: 12% 0 auto auto;
        }
    }
}
.gijinkakuncore-intro__links {
    line-height: 2;
    & a {
        display: inline;
        padding: 0.15em 0.3em;
        border-radius: 0.15rem;
        color: #202638;
        background: var(--intro-highlight, #ffb98c);
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        text-decoration: none;
        white-space: nowrap;
    }
    & a:hover {
        text-decoration: underline;
    }
    & .gijinkakuncore-intro__about {
        --intro-highlight: #e7d8ff;
    }
    & .gijinkakuncore-intro__projects {
        --intro-highlight: #dff0bf;
    }
    & .gijinkakuncore-intro__streams {
        --intro-highlight: #ceeafa;
    }
    & .gijinkakuncore-intro__blog {
        --intro-highlight: #fff0b0;
    }
    @container gijinkakuncore-intro (max-width: 43rem) {
        & {
            line-height: 2.1;
        }
    }
}