.qantu-cabinets-page {
    color:#161616;
    background:#fff;
}

.qantu-cabinets-inner {
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
}

.qantu-cabinets-hero {
    padding:90px 0;
    background:#f6f5f2;
}

.qantu-cabinets-eyebrow {
    display:block;
    margin-bottom:18px;
    font-size:12px;
    line-height:1.2;
    letter-spacing:.18em;
    font-weight:600;
}

.qantu-cabinets-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
    gap:80px;
    align-items:end;
}

.qantu-cabinets-hero h1 {
    max-width:820px;
    margin:0 0 25px;
    font-size:clamp(48px,6vw,78px);
    line-height:1;
    letter-spacing:-.045em;
    font-weight:500;
}

.qantu-cabinets-intro {
    max-width:690px;
    margin:0;
    color:#595959;
    font-size:19px;
    line-height:1.65;
}

.qantu-cabinets-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.qantu-cabinets-actions a {
    display:inline-flex;
    min-height:50px;
    padding:0 24px;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.qantu-cabinets-btn-dark {
    background:#151515;
    color:#fff;
}

.qantu-cabinets-btn-outline {
    border:1px solid #aaa;
    color:#151515;
}

.qantu-cabinets-spec-card {
    padding:30px;
    background:#fff;
    border:1px solid #e2e1dd;
}

.qantu-cabinets-spec-card > span {
    display:block;
    margin-bottom:22px;
    color:#777;
    font-size:11px;
    letter-spacing:.15em;
}

.qantu-cabinets-spec-card dl {
    margin:0;
}

.qantu-cabinets-spec-card dl div {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-top:1px solid #e7e7e7;
}

.qantu-cabinets-spec-card dt {
    color:#666;
}

.qantu-cabinets-spec-card dd {
    margin:0;
    font-weight:600;
}

.qantu-cabinets-section {
    padding:90px 0;
}

.qantu-cabinets-alt {
    background:#f6f5f2;
}

.qantu-cabinets-heading {
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:70px;
    align-items:end;
    margin-bottom:40px;
}

.qantu-cabinets-number {
    display:block;
    margin-bottom:8px;
    color:#888;
    font-size:12px;
    letter-spacing:.16em;
}

.qantu-cabinets-heading h2 {
    margin:0;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.03em;
}

.qantu-cabinets-heading p {
    margin:0;
    color:#5c5c5c;
    font-size:17px;
    line-height:1.7;
}

.qantu-cabinets-feature-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.qantu-cabinets-feature-grid article {
    padding:28px;
    background:#f6f5f2;
}

.qantu-cabinets-feature-grid strong {
    display:block;
    margin-bottom:10px;
    font-size:17px;
}

.qantu-cabinets-feature-grid p {
    margin:0;
    color:#666;
    line-height:1.65;
}

.qantu-width-grid {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:8px;
}

.qantu-width-grid div {
    padding:22px 10px;
    text-align:center;
    background:#fff;
    border:1px solid #deddd9;
}

.qantu-width-grid strong {
    display:block;
    font-size:21px;
}

.qantu-width-grid span {
    color:#777;
    font-size:12px;
}

.qantu-cabinets-note {
    margin:25px 0 0;
    color:#666;
    font-size:14px;
}

.qantu-colour-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.qantu-colour-card {
    min-height:105px;
    padding:20px;
    display:flex;
    align-items:flex-end;
    border:1px solid #dfdfdc;
    background:#f6f5f2;
}

.qantu-colour-name {
    font-size:15px;
    font-weight:600;
}

.qantu-cabinet-types {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.qantu-cabinet-types a {
    min-height:190px;
    padding:26px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:#151515;
    background:#fff;
    border:1px solid #deddd9;
    transition:.2s ease;
}

.qantu-cabinet-types a:hover {
    transform:translateY(-2px);
    border-color:#999;
}

.qantu-cabinet-types span {
    color:#999;
    font-size:12px;
    letter-spacing:.15em;
}

.qantu-cabinet-types strong {
    margin-top:auto;
    font-size:20px;
}

.qantu-cabinet-types p {
    margin:8px 0 0;
    color:#666;
    line-height:1.55;
}

.qantu-cabinets-complete {
    padding:90px 0;
}

.qantu-cabinets-complete-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.qantu-cabinets-complete h2 {
    margin:0 0 20px;
    font-size:clamp(36px,5vw,58px);
    line-height:1.05;
    font-weight:500;
    letter-spacing:-.035em;
}

.qantu-cabinets-complete p {
    max-width:620px;
    color:#5d5d5d;
    font-size:17px;
    line-height:1.7;
}

.qantu-build-flow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.qantu-build-flow div {
    flex:1;
    min-height:125px;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#f6f5f2;
}

.qantu-build-flow span {
    color:#888;
    font-size:12px;
}

.qantu-build-flow strong {
    font-size:15px;
}

.qantu-cabinets-cta {
    padding:90px 0;
    background:#151515;
    color:#fff;
}

.qantu-cabinets-cta h2 {
    max-width:760px;
    margin:0 0 18px;
    font-size:clamp(38px,5vw,58px);
    line-height:1.05;
    font-weight:500;
    letter-spacing:-.035em;
}

.qantu-cabinets-cta p {
    max-width:650px;
    margin:0;
    color:#c8c8c8;
    font-size:17px;
    line-height:1.7;
}

.qantu-cabinets-btn-white {
    background:#fff;
    color:#111;
}

.qantu-cabinets-btn-dark-outline {
    color:#fff;
    border:1px solid #666;
}

@media(max-width:900px) {
    .qantu-cabinets-hero-grid,
    .qantu-cabinets-heading,
    .qantu-cabinets-complete-grid {
        grid-template-columns:1fr;
        gap:30px;
    }

    .qantu-cabinets-feature-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .qantu-width-grid {
        grid-template-columns:repeat(4,1fr);
    }

    .qantu-colour-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .qantu-cabinet-types {
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:560px) {
    .qantu-cabinets-inner {
        width:min(100% - 28px,1180px);
    }

    .qantu-cabinets-hero,
    .qantu-cabinets-section,
    .qantu-cabinets-complete,
    .qantu-cabinets-cta {
        padding:60px 0;
    }

    .qantu-cabinets-feature-grid,
    .qantu-colour-grid,
    .qantu-cabinet-types {
        grid-template-columns:1fr;
    }

    .qantu-width-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .qantu-build-flow {
        flex-direction:column;
        align-items:stretch;
    }

    .qantu-build-flow b {
        text-align:center;
    }
}

/* Visual editorial sections */

.qantu-cabinets-visual {
    padding:0 0 90px;
    background:#f6f5f2;
}

.qantu-cabinets-main-image {
    overflow:hidden;
}

.qantu-cabinets-main-image img {
    display:block;
    width:100%;
    height:min(620px,52vw);
    object-fit:cover;
}

.qantu-cabinets-gallery {
    padding:100px 0;
    background:#fff;
}

.qantu-cabinets-gallery-copy {
    max-width:700px;
    margin-bottom:42px;
}

.qantu-cabinets-gallery-copy h2 {
    margin:0 0 18px;
    font-size:clamp(38px,5vw,58px);
    line-height:1.05;
    font-weight:500;
    letter-spacing:-.035em;
}

.qantu-cabinets-gallery-copy p {
    max-width:620px;
    margin:0;
    color:#616161;
    font-size:17px;
    line-height:1.7;
}

.qantu-cabinets-gallery-grid {
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:18px;
    align-items:start;
}

.qantu-cabinets-gallery-grid figure {
    margin:0;
}

.qantu-cabinets-gallery-grid img {
    display:block;
    width:100%;
    height:520px;
    object-fit:cover;
}

.qantu-cabinets-gallery-grid figure:nth-child(2) img {
    height:420px;
    margin-top:70px;
}

.qantu-cabinets-gallery-grid figcaption {
    padding-top:12px;
    color:#777;
    font-size:13px;
}

@media(max-width:800px) {
    .qantu-cabinets-gallery-grid {
        grid-template-columns:1fr;
    }

    .qantu-cabinets-gallery-grid img,
    .qantu-cabinets-gallery-grid figure:nth-child(2) img {
        height:auto;
        margin-top:0;
    }

    .qantu-cabinets-visual {
        padding-bottom:55px;
    }

    .qantu-cabinets-gallery {
        padding:65px 0;
    }
}

/* Standard widths visual */
.qantu-standard-widths-image {
    margin-top: 38px;
    width: 100%;
}

.qantu-standard-widths-image img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
}

@media (max-width: 700px) {
    .qantu-standard-widths-image {
        margin-top: 24px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .qantu-standard-widths-image img {
        min-width: 900px;
    }
}

/* Cabinet colour visual */
.qantu-cabinet-colours-image {
    width: 100%;
    margin-top: 36px;
}

.qantu-cabinet-colours-image img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
}

@media (max-width: 700px) {
    .qantu-cabinet-colours-image {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .qantu-cabinet-colours-image img {
        min-width: 950px;
    }
}

/* Section 04 cabinet type visual */
.qantu-cabinet-types-visual {
    width: 100%;
    margin-top: 36px;
}

.qantu-cabinet-types-visual img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
}

@media (max-width: 700px) {
    .qantu-cabinet-types-visual {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .qantu-cabinet-types-visual img {
        min-width: 950px;
    }
}