@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--yellow:#f7b900;--ink:#202322;--muted:#656965;--line:#dedfdc;--soft:#f4f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b78200;outline-offset:5px}img{display:block;width:100%;object-fit:cover}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{width:190px;flex-shrink:0}.brand img{object-fit:contain}

header nav{
    display:flex;
    gap:32px;
    font-size:14px;
    font-weight:600;
}

.head-actions{display:flex;align-items:center;gap:12px}.language{font-size:13px;color:#8b8b86}.language.active{font-weight:700;color:#222;margin-right:12px}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 25px;font-size:14px;font-weight:700;background:var(--ink);color:#fff;border:1px solid var(--ink);transition:background .2s}
.button:hover{background:#3e413e}

.button.yellow{
    background:var(--yellow);
    color:#fff;
    border-color:var(--yellow);
    border-radius:6px;
}

.button.yellow:hover{background:#ffc928}.button.small{min-height:42px;padding:8px 18px;font-size:13px}.button.outline{background:transparent;color:var(--ink)}#menu{display:none;background:none;border:0;font-size:24px}.hero{height:min(720px,calc(100svh - 92px));min-height:550px;position:relative;color:white;overflow:hidden}.hero-image{height:100%;object-position:center}

.hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(10,20,17,.48) 0%,
            rgba(10,20,17,.30) 38%,
            rgba(10,20,17,.10) 68%,
            rgba(10,20,17,0) 100%
        ),
        linear-gradient(
            0deg,
            rgba(10,20,17,.10),
            transparent 45%
        );
}

.hero-copy{
    position:absolute;
    left:8%;
    top:23%;
    max-width:700px;
}

.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:25px;color:#777f73}

.eyebrow:before{
    content:'';
    display:inline-block;
    width:23px;
    height:3px;
    background:var(--yellow);
    vertical-align:middle;
    margin-right:13px;
    transform:translateY(-1px);
}

h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(48px,5vw,78px);line-height:1.08;font-weight:600;letter-spacing:-3px}

.hero-description{font-size:19px;line-height:1.55;margin:25px 0 30px;color:#f3f3ed}

.hero-subtitle{
    margin:0 0 14px;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:1.8px;
    color:#fff;
}

.hero-slider{
    position:relative;
    overflow:hidden;
    background:#202322;
    touch-action:pan-y;
    cursor:grab;

    user-select:none;
    -webkit-user-select:none;
}

.hero-slider:active{
    cursor:grabbing;
}

.hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    z-index:0;
    pointer-events:none;
    transition:opacity 1s ease-in-out;
}

.hero-slide.active{
    opacity:1;
    z-index:1;
    pointer-events:auto;
}

.hero-slide .hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    user-select:none;
    -webkit-user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
}

.hero-slide .hero-shade{
    z-index:1;
}

.hero-slide .hero-copy{
    z-index:2;
}

.hero-dots{
    position:absolute;
    left:50%;
    bottom:24px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:10px;
    z-index:6;
}

.hero-dot{
    width:9px;
    height:9px;
    padding:0;
    border:1px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:transparent;
}

.hero-dot.active{
    background:#fff;
}

.section{max-width:1400px;margin:auto;padding:104px 8%}h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(32px,3.3vw,48px);line-height:1.19;letter-spacing:-1.7px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:115px;padding-bottom:110px}
.about-copy{padding-top:42px}
.about-copy p{color:var(--muted);margin-bottom:18px}.about-copy 
.lead{font-size:22px;line-height:1.45;color:var(--ink);margin-bottom:24px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.facts strong{display:block;font:500 30px 'Manrope',Arial}.facts span{font-size:12px;color:var(--muted)}.products{background:var(--soft);max-width:none}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-head>p{font-size:15px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.image-wrap{position:relative;overflow:hidden}.image-wrap img{height:260px;transition:transform .5s}.product:hover img{transform:scale(1.035)}.tag{position:absolute;left:15px;top:15px;background:white;padding:5px 10px;font-size:10px;letter-spacing:1px;font-weight:700}.product-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.product-title h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.product-title>span{font-size:12px;color:#92968f}.product p{font-size:15px;color:var(--muted);min-height:100px}.text-button{width:100%;display:flex;justify-content:space-between;border:0;border-top:1px solid #d5d8d0;background:none;padding:17px 0 0;margin-top:20px;font-size:14px;font-weight:600;text-align:left}.text-button span{font-size:21px;line-height:1}.approach{background:#232823;color:white}.approach .section-head>p{color:#bcc0b9}.approach .eyebrow{color:#b8c0b2}

.steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:46px 34px;
    margin-top:60px;
}

.steps article{border-top:1px solid #5b6257;padding-top:20px}.steps article>span{font-size:13px;color:var(--yellow)}.steps h3{font-weight:500;font-size:22px;margin:24px 0 12px}.steps p{font-size:14px;color:#c1c5bd}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:white;border:1px solid var(--line);padding:8px 12px;font-size:12px;color:#64695f}.filters .selected{background:var(--ink);color:white;border-color:var(--ink)}

.project-grid{
    display:grid;
    gap:32px;
}

.project-card{background:none;border:0;padding:0;text-align:left;color:var(--ink)}
.project-meta{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin:23px 0 8px}.project-card h3{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.6px;margin-bottom:8px}.project-card>span:last-child{font-size:14px;color:var(--muted)}[hidden]{display:none!important}.visit{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.visit>img{height:100%;min-height:540px}.visit>div{padding:70px 16% 70px 12%}.visit p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:24px}.visit .visit-info{padding-top:22px;border-top:1px solid var(--line);font-size:13px!important}.visit .button{margin-top:25px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding-top:115px;padding-bottom:105px}.contact h2{margin-bottom:25px}.contact p:not(.eyebrow){font-size:15px;color:var(--muted)}.email{display:inline-block;font-size:20px;margin:28px 0;border-bottom:1px solid var(--ink)}.contact-note{max-width:360px;font-size:13px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:500;margin-bottom:22px}label>span{color:#7e827a}input,select,textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #b9beb4;background:#fff;border-radius:0;padding:10px 0;font-size:15px;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#926900;box-shadow:0 1px 0 #926900}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.form-bottom span{font-size:12px;color:var(--muted)}#form-status{margin-top:16px}

dialog{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin:0;
    border:0;
    padding:0;
    width:min(760px,92vw);
    max-height:90svh;
    overflow:auto;
    color:var(--ink);
}

dialog::backdrop{
    background:#151a17bb;
}

.dialog-body .eyebrow{
    margin-bottom:14px;
    letter-spacing:1.2px;
}

.dialog-body h2{font-size:36px}

.close{
    position:absolute;
    top:16px;
    right:16px;
    z-index:10;
    width:33px;
    height:33px;
    padding:0 0 2px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:0;
    border-radius:50%;
    font-size:25px;
    line-height:1;
}

dl{
    display:grid;
    grid-template-columns:32% 68%;
    margin:24px 0;
}

dt,dd{
    margin:0;
    padding:9px 0;
    border-bottom:1px solid var(--line);
    font-size:14px;
    line-height:1.55;
}

dt{
    color:var(--muted);
    white-space:nowrap;
}

dd{
    min-width:0;
    padding-left:14px;
    white-space:pre-line;
}

.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:12px}.skip:focus{top:10px}
@media(max-width:1100px){header{gap:18px;padding:0 4%;height:80px}.brand{width:200px}

header nav{gap:18px;font-size:12px}
.head-actions .small{display:none}
.hero{height:620px}.section{padding:80px 6%}
.product-grid{gap:20px}.image-wrap img{height:220px}
.product p{min-height:125px}.visit>div{padding:60px 10%}
}@media(max-width:760px){html{scroll-padding-top:80px}

header{
    height:74px;
    padding:0 5%;
}

.brand{
    width:158px;
}

.head-actions{
    gap:7px;
}

.language{
    font-size:11px;
}

.language.active{
    margin-right:2px;
}

#menu{
    display:block;
    width:34px;
    height:34px;
    padding:0;
    font-size:23px;
    line-height:1;
}

header nav{
    display:none;
    position:absolute;
    top:74px;
    left:0;
    right:0;
    background:#fff;
    padding:8px 7% 18px;
    font-size:14px;
    box-shadow:0 12px 20px rgba(0,0,0,.06);
    border-top:1px solid var(--line);
}

header nav.open{
    display:flex;
    flex-direction:column;
    gap:0;
}

header nav a{
    padding:14px 0;
}

.hero-image{object-position:60% center}
.hero-shade{
    background:
        linear-gradient(
            90deg,
            rgba(10,20,17,.48) 0%,
            rgba(10,20,17,.28) 58%,
            rgba(10,20,17,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(10,20,17,.12),
            transparent 45%
        );
}

.eyebrow{font-size:10px;letter-spacing:1.3px}

.section{padding:66px 7%}h2{font-size:35px}.about{grid-template-columns:1fr;gap:25px}
.about-copy{padding:0}.about-copy .lead{font-size:20px}

.facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:30px;
    padding-top:22px;
}

.facts>div{
    text-align:center;
    padding:0 6px;
}

.facts strong{
    font-size:26px;
    line-height:1.1;
    margin-bottom:8px;
}

.facts span{
    display:block;
    min-height:30px;
    font-size:10px;
    line-height:1.45;
}

.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}

.steps{
    grid-template-columns:1fr;
    gap:0;
    margin-top:38px;
}

.steps article{
    padding:22px 0 24px;
}

.steps h3{
    font-size:20px;
    margin:10px 0 8px;
}

.steps p{
    font-size:13px;
    line-height:1.6;
    max-width:340px;
}

.filters{
    margin-top:25px;
    max-width:none;
}

.visit{
    grid-template-columns:1fr;
}

.visit>img{
    width:100%;
    height:auto;
    aspect-ratio:16 / 10;
    object-fit:cover;
    min-height:0;
}

.visit>div{
    padding:42px 7% 48px;
}

.visit h2{
    font-size:32px;
}

.visit p:not(.eyebrow){
    margin-top:18px;
    font-size:14px;
    line-height:1.65;
}

.visit .visit-info{
    margin-top:22px;
    padding-top:20px;
    font-size:12px!important;
    line-height:1.7;
}

.visit .button{
    width:100%;
    margin-top:24px;
}

.contact{
    grid-template-columns:1fr;
    gap:42px;
}

.contact p br{
    display:none;
}

.form-grid{
    grid-template-columns:1fr;
    gap:0;
}

.form-bottom{
    display:block;
}

.form-bottom span{
    display:block;
    margin-bottom:18px;
}

.form-bottom .button{
    width:100%;
    padding:12px 15px;
}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (min-width:761px){

    header nav{
        position:absolute;
        left:50%;
        transform:translateX(-50%);
    }

[data-building-panel="models"] .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

[data-building-panel="projects"] .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

[data-building-panel="models"] .image-wrap{
    aspect-ratio:16 / 10;
}

[data-building-panel="models"] .image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
}

[data-building-panel="projects"] .image-wrap{
    aspect-ratio:16 / 10;
}

[data-building-panel="projects"] .image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
}

}


/* ===== HOME BUILDINGS ALIGNMENT ===== */

.products{
    padding-left:max(8%, calc(50% - 700px + 8vw));
    padding-right:max(8%, calc(50% - 700px + 8vw));
}


/* ===== PRODUCTS PAGE ===== */

.product-catalog{
    padding-top:115px;
    padding-bottom:120px;
}

.product-catalog h1{
    font-size:clamp(32px,3.3vw,48px);
    line-height:1.19;
    letter-spacing:-1.7px;
}

.product-catalog .product p{
    min-height:72px;
}

.product-filters{
    max-width:none;
    margin-bottom:40px;
    gap:6px;
}

.product-filters button{
    border:0;
    background:transparent;
    padding:7px 11px;
    font-size:12px;
    color:#8a8e88;
}

.product-filters button:hover{
    color:var(--ink);
}

.product-filters button.selected{
    background:var(--ink);
    color:#fff;
}

.product-cta{
    padding:75px 8%;
    background:#232823;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.product-cta .eyebrow{
    color:#b8c0b2;
    margin-bottom:18px;
}

.product-cta h2{
    color:#fff;
}


/* ===== BUILDINGS MAIN TABS ===== */

.buildings-tabs{
    display:flex;
    align-items:center;
    gap:38px;
    margin-bottom:34px;
    border-bottom:1px solid var(--line);
}

.buildings-tab{
    position:relative;
    background:none;
    border:0;
    padding:0 0 16px;
    font-size:15px;
    font-weight:600;
    letter-spacing:.8px;
    color:#9a9d98;
}

.buildings-tab:hover{
    color:var(--ink);
}

.buildings-tab.active{
    color:var(--ink);
}

.buildings-tab.active::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:3px;
    background:var(--yellow);
}


/* ===== HANSUNG MODULAR FOOTER ===== */

.company-footer{
    background:#f4f5f2;
    border-top:1px solid #dedfdc;
    padding:38px 5% 20px;
}

.company-footer-inner{
    max-width:1400px;
    margin:0 auto;
}

.footer-top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    margin-bottom:22px;
}

.company-footer .footer-logo{
    width:165px;
    flex-shrink:0;
    margin:0;
}

.company-footer .footer-logo img{
    width:100%;
    height:auto;
    display:block;
}

.footer-links{
    display:flex;
    align-items:center;
    gap:28px;
}

.footer-links a{
    font-size:12px;
    font-weight:600;
    color:#555a55;
}

.footer-links a:hover{
    color:#202322;
}

.footer-company-info{
    font-size:12px;
    line-height:1.8;
    color:#555a55;
}

.footer-company-info p{
    margin:0;
}

.footer-company-info span{
    margin:0 7px;
    color:#999d97;
}

.footer-company-info a{
    color:inherit;
}

.footer-bottom-row{
    border-top:1px solid #d8dcd2;
    margin-top:28px;
    padding-top:16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:10px;
    letter-spacing:.3px;
    color:#7b8079;
}

/* ===== DETAIL POPUP ===== */

.project-detail{
    width:min(1120px,94vw);
}

.project-detail .detail-shell{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    align-items:center;
}

.project-detail .detail-media{
    padding:36px 0 36px 36px;
}

.project-detail .detail-media img{
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
}

.detail-thumbs{
    display:flex;
    gap:8px;
    margin-top:10px;
    justify-content:flex-start;
}

.detail-thumb{
    width:96px;
    flex:0 0 96px;
    padding:0;
    border:1px solid var(--line);
    background:none;
    overflow:hidden;
}

.detail-thumb img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    opacity:.68;
    transition:opacity .2s;
}

.detail-thumb:hover img,
.detail-thumb.active img{
    opacity:1;
}

.detail-thumb.active{
    border-color:var(--ink);
}

.project-detail .dialog-body{
    display:block;
    padding:40px 44px;
}

.project-detail .dialog-body h2{
    margin-bottom:20px;
}

.project-detail .dialog-body>p:not(.eyebrow){
    margin:0 0 28px;
    color:var(--muted);
}

.project-detail .dialog-body dl{
    margin:0 0 28px;
    grid-template-columns:34% 66%;
}

@media(max-width:760px){

.project-detail .detail-shell{
    display:block;
}

.project-detail .detail-media{
    padding:0;
}

.project-detail .dialog-body{
    padding:22px 24px 28px;
}

.project-detail .dialog-body h2{
    font-size:28px;
}

.project-detail .dialog-body>p:not(.eyebrow){
    margin-bottom:22px;
}

.project-detail .dialog-body dl{
    margin:24px 0;
    grid-template-columns:42% 58%;
}

.project-detail .dialog-body .button{
    width:100%;
}

.detail-thumbs{
    overflow-x:auto;
    padding-bottom:4px;
}

.detail-thumb{
    width:74px;
    flex-basis:74px;
}

    /* ===== BUILDINGS PAGE ===== */

    .product-catalog{
        padding-top:58px;
        padding-bottom:78px;
    }

    .product-catalog .section-head{
        margin-bottom:34px;
    }

    .product-catalog h1{
        font-size:34px;
        line-height:1.16;
        letter-spacing:-1.4px;
    }

    .product-catalog .section-head>p{
        margin-top:20px;
        font-size:14px;
        line-height:1.6;
    }

    .product-catalog .section-head>p br{
        display:none;
    }


    /* TABS */

.buildings-tabs{
    gap:26px;
    margin-bottom:26px;
    overflow:visible;
}

    .buildings-tab{
        flex-shrink:0;
        padding-bottom:12px;
        font-size:13px;
    }


    /* FILTERS */

    .product-catalog .product-filters{
        flex-wrap:nowrap;
        overflow-x:auto;
        max-width:none;
        margin:0 0 30px;
        padding-bottom:2px;
        gap:5px;
    }

    .product-catalog .product-filters button{
        flex-shrink:0;
        white-space:nowrap;
        padding:7px 10px;
        font-size:11px;
    }


    /* MODEL / PROJECT CARDS */

    [data-building-panel] .product-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    [data-building-panel] .image-wrap{
        aspect-ratio:16 / 10;
    }

    [data-building-panel] .image-wrap img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .product-catalog .product-title{
        margin:17px 0 9px;
    }

    .product-catalog .product-title h3{
        font-size:20px;
    }

    .product-catalog .product p{
        min-height:0;
        font-size:14px;
        line-height:1.6;
    }

    .product-catalog .text-button{
        margin-top:16px;
        padding-top:14px;
    }


    /* CTA */

    .product-cta{
        padding:52px 7%;
        display:block;
    }

    .product-cta h2{
        font-size:32px;
    }

    .product-cta .button{
        margin-top:28px;
    }


    /* ===== HOME PAGE ===== */

    /* HERO */

    .hero{
        height:620px;
        min-height:0;
        max-height:calc(100svh - 74px);
    }

    .hero-copy{
        top:16%;
        left:7%;
        right:7%;
        max-width:none;
    }

    .hero-copy h1{
        font-size:clamp(38px,11vw,46px);
        line-height:1.06;
        letter-spacing:-1.8px;
    }

    .hero-subtitle{
        margin-bottom:12px;
        font-size:10px;
        line-height:1.45;
        letter-spacing:1.3px;
    }

    .hero-description{
        margin:18px 0 24px;
        font-size:15px;
        line-height:1.55;
    }

    .hero-description br{
        display:none;
    }

    .hero-copy .button{
        min-height:46px;
        padding:10px 20px;
    }

    .hero-dots{
        bottom:18px;
    }


    /* OUR BUILDINGS */

    .products{
        padding-left:7%;
        padding-right:7%;
    }

    .products .section-head>p br{
        display:none;
    }

    .products .product-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .products .image-wrap{
        aspect-ratio:16 / 10;
    }

    .products .image-wrap img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .products .product p{
        min-height:0;
    }


    /* SELECTED PROJECTS */

    .section.projects .section-head .text-button{
        width:max-content;
        min-width:0;
        margin-top:22px;
    }

    .section.projects .project-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .section.projects .project-card img{
        width:100%;
        height:auto;
        aspect-ratio:16 / 9;
        object-fit:cover;
    }


    /* FOOTER */

    .company-footer{
        padding:38px 7% 22px;
    }

    .footer-top-row{
        display:block;
    }

    .company-footer .footer-logo{
        width:155px;
        margin-bottom:25px;
    }

    .footer-links{
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-between;
        gap:10px;
        width:100%;
    }

    .footer-links a{
        font-size:10.5px;
        white-space:nowrap;
    }

    .footer-company-info{
        margin-top:28px;
        font-size:12px;
    }

    .footer-bottom-row{
        display:block;
    }

    .footer-bottom-row span{
        display:block;
        margin-bottom:6px;
    }

}

/* ===== HOME SELECTED PROJECTS ===== */

.projects .section-head{
    align-items:flex-end;
    margin-bottom:42px;
}

.projects .section-head .text-button{
    width:auto;
    min-width:150px;
    margin:0;
    padding:0 0 7px;
    border-top:0;
    border-bottom:1px solid var(--ink);
    justify-content:space-between;
}

.projects .project-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px;
}

.projects .project-card img{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
}