@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-Medium.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-SemiBold.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-Regular.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-Black.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-ExtraBold.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/subset-PlayfairDisplay-Bold.woff2') format('woff2'),
        url('/assets/fonts/subset-PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Light.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Bold.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-ExtraBold.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-ExtraLight.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Medium.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-SemiBold.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Regular.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Thin.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/subset-Roboto-Black.woff2') format('woff2'),
        url('/assets/fonts/subset-Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}









body{font-family: "Playfair Display", serif;padding:0; margin:0;}
.row, .container{
    --bs-gutter-x: 1.875rem;
}

.build .ds4n-summary p, .build h2{margin-bottom: 70px;}
.build p:last-child{margin-bottom: 0;}
.build h2{font-size: 48px;}
.build p{font-size: 32px;}
.home{display: flex; align-items: center; justify-content: center;}
.home a{display: inline-block;}
.home .logo .icon{width: 100%; max-width: 435px; height: auto;}
.build{padding: 60px;}
.ds4n-summary{padding: 100px; background-color: #f9f9f9;}
#footer .copyright{ color: #000; padding: 36px 0; }
.copyright-inner {
    align-items: center; 
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 60px;
    font-family: "Roboto", serif;
}

.powered-by {
    display: flex;
    align-items: center; 
    justify-content: center;
    gap: 8px;
}

.powered-by .logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
}

.powered-by .logo .icon {
    width: 88px;
    height: 20px;
    color: #000;
}
