@layer pages {
    .staldia-company-section {
        display: grid;
        gap: 1.5rem;
        --scroll: 6rem;
        scroll-margin-top: var(--scroll);
    }
    .staldia-company-section-title {
        font-size: 1.75rem;
        padding-left: var(--layout-padding-horizontal-base);
    }
    .staldia-company-contents-container {
        background: var(--color-bg-white);
        padding: calc(var(--layout-padding-vertical-base) * .5) var(--layout-padding-horizontal-base);
        border-radius: 10px;
        letter-spacing: .05em;
    }
    .staldia-company-overview-item {
        display: grid;
        gap: 1rem 1.5rem;
        padding: 1.5rem .5rem;
        font-size: var(--font-size-s);
        border-bottom: 1px solid rgb(var(--color-text-rgb) / .2);
        color: #454545;
        line-height: 1.5;
    }
    .staldia-company-overview-item > dt {
        display: flex;
        flex-wrap: wrap;
        background: var(--color-shadow-sand);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    .staldia-company-overview-item > dd > p,
    .staldia-company-overview-item > dd > ul {
        display: grid;
        gap: .25rem;
    }
    .staldia-company-staffs > dd,
    .staldia-company-staffs-list {
        display: grid;
        gap: 2rem;
    }
    .staldia-company-staffs-item,
    .staldia-company-staffs-item ul,
    .staldia-company-staffs-bottom {
        display: grid;
        gap: .5rem;
    }
    .staldia-company-history-item {
        display: grid;
        grid-template-columns: 3.5rem 1fr;
        --gap: 1.5rem;
        gap: var(--gap);
    }
    .staldia-company-history-item > dt {
        font-size: 1.5rem;
        color: var(--color-shadow-sand);
        margin-top: .8rem;
        white-space: nowrap;
    }
    .staldia-company-history-item > dd {
        position: relative;
        padding-block: 1rem;
        padding-left: var(--gap);
        font-size: var(--font-size-s);
        line-height: 1.5;
    }
    .staldia-company-history-item > dd:before,
    .staldia-company-history-item > dd:after {
        content: "";
        position: absolute;
        background: var(--color-accent);
    }
    .staldia-company-history-item > dd:before {
        width: 2px;
        height: 100%;
        left: 0;
        bottom: 0;
        transform: translateX(-50%);
    }
    .staldia-company-history-item:first-child > dd:before {
        height: calc(100% - 1.5rem);
    }
    .staldia-company-history-item > dd:after {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        left: 0;
        top: 1.7rem;
        transform: translate(-50%, -50%);
    }
    .staldia-company-history-item ul {
        display: grid;
        gap: .5rem;
    }
    .staldia-company-access-list {
        font-size: var(--font-size-s);
        display: grid;
        gap: 3rem;
        line-height: 1.5;
    }
    .staldia-company-access-map-container {
        position: relative;
        width: 100%;
        aspect-ratio: 1 / 1;
        background: var(--color-bg-sub);
    }
    .staldia-company-access-map-container > .staldia-company-access-fallback,
    .staldia-company-access-map-container iframe,
    .staldia-company-access-map-container a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .staldia-company-access-map-container a {
        display: grid;
        place-content: center;
    }
    .staldia-company-access-map-container > iframe {
        z-index: -1;
    }
    .staldia-company-access-map-container > iframe.staldia-loaded {
        z-index: 1;
    }
    .staldia-company-access-map-container:has(> iframe.staldia-loaded):before {
        content: "";
        position: absolute;
        width: 3rem;
        height: 3rem;
        border: 5px solid var(--color-shadow-sand);
        border-radius: 50%;
        clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0);
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
        animation: staldiaMapLoading 1s linear 0s infinite forwards;
    }
    @keyframes staldiaMapLoading {
        0% { transform: translate3d(-50%, -50%, 0) rotate(0); }
        50% {transform: translate3d(-50%, -50%, 0) rotate(180deg); }
        100% {transform: translate3d(-50%, -50%, 0) rotate(360deg); }
    }
    .staldia-company-publishing-list {
        display: grid;
        gap: 3rem 2rem;
        --columns: 2;
        grid-template-columns: repeat(var(--columns), 1fr);
    }
    .staldia-company-publishing-item-container {
        position: relative;
        transition: opacity .5s;
    }
    .staldia-company-publishing-item-container.staldia-has-link:hover {
        opacity: .75;
    }
    .staldia-company-publishing-item-title {
        font-size: var(--font-size-s);
        line-height: 1.8;
        letter-spacing: .05em;
        width: fit-content;
        margin-inline: auto;
    }
    .staldia-company-publishing-item-title > a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
    }
    .staldia-company-publishing-figure {
        display: block;
        order: -1;
        width: max(84px, 40%);
        aspect-ratio: 1 / 1.4;
        margin-inline: auto;
    }
    @media (min-width: 900px) {
        .staldia-company-section {
            grid-template-columns: 1fr 75%;
            --scroll: 5rem;
        }
        .staldia-company-section > header {
            align-self: start;
            position: sticky;
            top: calc(var(--layout-site-header-height-consider-admin-bar) + var(--scroll) + 1.5rem);
        }
        .staldia-company-section-title { padding-left: 0; }
        .staldia-company-overview { margin-top: 4rem; }
        .staldia-company-overview-item {
            grid-template-columns: 8rem 1fr;
        }
        .staldia-company-overview-item > dt > span {
            display: block;
            width: 100%;
        }
        .staldia-company-history-item {
            min-height: 6rem;
            align-items: center;
            --gap: 3rem;
        }
        .staldia-company-history-item > dt { margin-top: 0; }
        .staldia-company-history-item > dd {
            display: grid;
            align-items: center;
            height: 100%;
            padding-block: 2rem;
        }
        .staldia-company-history-item:first-child > dd:before {
            height: 50%;
        }
        .staldia-company-history-item > dd:after {
            top: 50%;
        }
        .staldia-company-access-map-container { aspect-ratio: 3 / 2; }
        .staldia-company-publishing-list {
            --columns: 3;
        }
    }
}