.shipyard-master {
    background: #f7f8fc;
    color: #07122f;
    padding: clamp(64px, 7vw, 112px) 0;
}

.shipyard-master__intro {
    max-width: 760px;
    margin-bottom: clamp(36px, 4vw, 64px);
}

.shipyard-master__eyebrow {
    color: #0877a0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .13em;
    margin: 0 0 14px;
}

.shipyard-master__intro h2 {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.05;
    margin: 0;
}

.shipyard-master__groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(32px, 5vw, 76px);
}

.shipyard-master__group {
    min-width: 0;
    border-top: 1px solid #cbd3e0;
    padding: 27px 0 42px;
}

.shipyard-master__group h3 {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.2;
    margin: 0 0 22px;
}

.shipyard-master__specs { margin: 0; }
.shipyard-master__spec {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 20px;
    align-items: baseline;
    border-top: 1px solid #e0e5ee;
    padding: 12px 0;
}

.shipyard-master__spec dt {
    font: 500 15px/1.45 'Hanken Grotesk', sans-serif;
}

.shipyard-master__spec dd {
    color: #0877a0;
    font: 600 14px/1.45 'JetBrains Mono', monospace;
    margin: 0;
    text-align: right;
    overflow-wrap: anywhere;
}

.shipyard-master__types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.shipyard-master__types li {
    border-top: 1px solid #e0e5ee;
    font: 500 15px/1.4 'Hanken Grotesk', sans-serif;
    padding: 10px 0;
}

.shipyard-master__note {
    border-left: 2px solid #0877a0;
    color: #4d5669;
    font: 400 14px/1.6 'Hanken Grotesk', sans-serif;
    margin: 21px 0 0;
    padding-left: 15px;
}

@media (max-width: 960px) {
    .shipyard-master__groups { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
    .shipyard-master { padding: 56px 0 64px; }
    .shipyard-master__group { padding: 25px 0 35px; }
    .shipyard-master__spec { grid-template-columns: minmax(0, 1fr); gap: 3px; }
    .shipyard-master__spec dd { text-align: left; }
    .shipyard-master__types { grid-template-columns: minmax(0, 1fr); }
}