.trio-td-hero,
.trio-td-bio,
.trio-td-contact,
.trio-td-portfolios{
    font-family:Manrope,Arial,sans-serif;
}
.trio-td-hero svg,
.trio-td-contact svg,
.trio-td-listing svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Hero */
.trio-td-hero{
    display:grid;
    grid-template-columns:minmax(330px,42%) minmax(0,58%);
    overflow:hidden;
    border:1px solid rgba(35,35,35,.09);
    border-radius:14px;
    background:#fff;
    box-shadow:0 16px 45px rgba(0,0,0,.06);
}
.trio-td-photo{
    min-height:570px;
    background:#f2f0ec;
}
.trio-td-photo img{
    width:100%;
    height:100%;
    min-height:570px;
    display:block;
    object-fit:cover;
    object-position:center top;
}
.trio-td-summary{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:62px 64px;
}
.trio-td-kicker,
.trio-td-section-kicker{
    display:block;
    color:#c49c50;
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.22em;
}
.trio-td-summary h1{
    margin:12px 0 0;
    color:#252525;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(50px,5vw,76px);
    line-height:.95;
    font-weight:600;
}
.trio-td-title{
    margin-top:14px;
    color:#4d4d4d;
    font-size:15px;
    font-weight:600;
}
.trio-td-office{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    color:#858585;
    font-size:10px;
}
.trio-td-office i{
    width:15px;
    height:15px;
    color:#c49c50;
}
.trio-td-short{
    max-width:620px;
    margin:24px 0 0;
    color:#666;
    font-size:13px;
    line-height:1.75;
}
.trio-td-stat{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-top:25px;
}
.trio-td-stat strong{
    color:#252525;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:34px;
    line-height:1;
}
.trio-td-stat span{
    color:#8a8a8a;
    font-size:9px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.trio-td-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px;
}
.trio-td-actions a{
    min-width:118px;
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 16px;
    border:1px solid rgba(35,35,35,.14);
    border-radius:7px;
    background:#fff;
    color:#333!important;
    font-size:9px;
    font-weight:700;
    text-decoration:none!important;
    transition:.18s ease;
}
.trio-td-actions a.is-primary{
    border-color:#c6a153;
    background:#c6a153;
    color:#252525!important;
}
.trio-td-actions a:hover{
    border-color:#c6a153;
    transform:translateY(-1px);
}
.trio-td-actions i{
    width:15px;
    height:15px;
}
.trio-td-socials{
    display:flex;
    gap:8px;
    margin-top:18px;
}
.trio-td-socials a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px;
    border:1px solid rgba(35,35,35,.11);
    border-radius:50%;
    color:#555!important;
}

/* Bio */
.trio-td-bio h2,
.trio-td-portfolios h2{
    margin:10px 0 0;
    color:#292929;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(35px,3.2vw,50px);
    line-height:1.05;
    font-weight:600;
}
.trio-td-bio-content{
    margin-top:24px;
    color:#5f5f5f;
    font-size:13px;
    line-height:1.85;
}
.trio-td-bio-content p{
    margin:0 0 17px;
}
.trio-td-bio-content h2,
.trio-td-bio-content h3,
.trio-td-bio-content h4{
    margin:28px 0 12px;
    color:#2e2e2e;
    font-family:Manrope,Arial,sans-serif;
    font-weight:600;
}

/* Contact */
.trio-td-contact{
    padding:28px;
    border:1px solid rgba(35,35,35,.09);
    border-radius:12px;
    background:#f8f6f2;
}
.trio-td-contact h3{
    margin:9px 0 22px;
    color:#292929;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:30px;
    line-height:1.1;
    font-weight:600;
}
.trio-td-contact-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid rgba(35,35,35,.08);
    color:#333!important;
    text-decoration:none!important;
}
.trio-td-contact-row>i{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#c49c50;
}
.trio-td-contact-row span{
    min-width:0;
}
.trio-td-contact-row small{
    display:block;
    margin-bottom:2px;
    color:#8b8b8b;
    font-size:7.5px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.trio-td-contact-row strong{
    display:block;
    overflow-wrap:anywhere;
    color:#343434;
    font-size:10px;
    font-weight:600;
}
.trio-td-contact-cta{
    width:100%;
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:10px;
    border-radius:7px;
    background:#333;
    color:#fff!important;
    font-size:9px;
    font-weight:700;
    text-decoration:none!important;
}
.trio-td-contact-socials{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:8px;
}
.trio-td-contact-socials a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:37px;
    border:1px solid rgba(35,35,35,.10);
    border-radius:6px;
    background:#fff;
    color:#444!important;
    font-size:8px;
    font-weight:700;
    text-decoration:none!important;
}
.trio-td-contact-socials svg{
    width:13px;
    height:13px;
}

/* Listings */
.trio-td-portfolios-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}
.trio-td-portfolios-count{
    color:#8b8b8b;
    font-size:9px;
    font-weight:600;
}
.trio-td-listings-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.trio-td-listing{
    overflow:hidden;
    border:1px solid rgba(35,35,35,.09);
    border-radius:9px;
    background:#fff;
    box-shadow:0 9px 24px rgba(0,0,0,.045);
}
.trio-td-listing-media{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#ece9e3;
}
.trio-td-listing-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}
.trio-td-listing:hover .trio-td-listing-media img{
    transform:scale(1.03);
}
.trio-td-listing-media>span{
    position:absolute;
    top:9px;
    left:9px;
    padding:5px 7px;
    border-radius:4px;
    background:rgba(38,38,38,.9);
    color:#fff;
    font-size:7.5px;
    font-weight:700;
}
.trio-td-listing-body{
    padding:13px 14px 14px;
}
.trio-td-listing-body>small{
    color:#888;
    font-size:8px;
}
.trio-td-listing h3{
    margin:7px 0 0;
    min-height:38px;
    font-family:Manrope,Arial,sans-serif;
    font-size:12px;
    line-height:1.45;
    font-weight:650;
}
.trio-td-listing h3 a{
    color:#292929!important;
    text-decoration:none!important;
}
.trio-td-listing-price{
    margin-top:8px;
    color:#222;
    font-size:16px;
    font-weight:750;
}
.trio-td-listing-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(35,35,35,.08);
}
.trio-td-listing-meta span{
    display:flex;
    align-items:center;
    gap:4px;
    color:#777;
    font-size:8px;
}
.trio-td-listing-meta i{
    width:12px;
    height:12px;
}
.trio-td-listing-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(35,35,35,.08);
    color:#9a7837!important;
    font-size:8.5px;
    font-weight:700;
    text-decoration:none!important;
}
.trio-td-listing-link i{
    width:14px;
    height:14px;
}

@media(max-width:900px){
    .trio-td-hero{
        grid-template-columns:42% 58%;
    }
    .trio-td-photo,
    .trio-td-photo img{
        min-height:500px;
    }
    .trio-td-summary{
        padding:44px 34px;
    }
    .trio-td-listings-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:767px){
    .trio-td-hero{
        grid-template-columns:1fr;
    }
    .trio-td-photo{
        min-height:0;
        aspect-ratio:4/5;
    }
    .trio-td-photo img{
        min-height:0;
        aspect-ratio:4/5;
    }
    .trio-td-summary{
        padding:30px 22px 32px;
    }
    .trio-td-summary h1{
        font-size:46px;
    }
    .trio-td-actions{
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }
    .trio-td-actions a{
        min-width:0;
        padding:8px 7px;
    }
    .trio-td-portfolios-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
    .trio-td-listings-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
}


/* Otomatik temsilci sayfa yerleşimi */
.trio-td-page{
    width:100%;
    background:#fff;
}
.trio-td-page-inner{
    width:min(1280px,calc(100% - 112px));
    margin:0 auto;
}
.trio-td-page-hero{
    padding:72px 0;
    background:#f1eee8;
}
.trio-td-page-about{
    padding:88px 0 92px;
    background:#fff;
}
.trio-td-page-about-grid{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(290px,1fr);
    gap:42px;
    align-items:start;
}
.trio-td-page-portfolios{
    padding:86px 0 94px;
    background:#f8f6f2;
}
@media(max-width:1024px){
    .trio-td-page-inner{
        width:min(1280px,calc(100% - 64px));
    }
    .trio-td-page-hero{
        padding:56px 0;
    }
    .trio-td-page-about{
        padding:68px 0 72px;
    }
    .trio-td-page-portfolios{
        padding:68px 0 74px;
    }
}
@media(max-width:767px){
    .trio-td-page-inner{
        width:calc(100% - 36px);
    }
    .trio-td-page-hero{
        padding:34px 0 38px;
    }
    .trio-td-page-about{
        padding:52px 0 56px;
    }
    .trio-td-page-about-grid{
        grid-template-columns:1fr;
        gap:28px;
    }
    .trio-td-page-portfolios{
        padding:52px 0 58px;
    }
}


/* =========================================================
   DANIŞMANLARIMIZ SAYFASI
   ========================================================= */
.trio-ta-page,
.trio-ta-archive{
    font-family:Manrope,Arial,sans-serif;
}
.trio-ta-page-inner{
    width:min(1280px,calc(100% - 112px));
    margin:0 auto;
}
.trio-ta-page-hero{
    padding:86px 0 92px;
    background:#f1eee8;
}
.trio-ta-kicker{
    display:block;
    color:#c49c50;
    font-size:9px;
    font-weight:800;
    letter-spacing:.22em;
}
.trio-ta-page-hero h1{
    margin:12px 0 0;
    color:#292929;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(52px,6vw,80px);
    line-height:.95;
    font-weight:600;
}
.trio-ta-page-hero p{
    max-width:720px;
    margin:18px 0 0;
    color:#686868;
    font-size:13px;
    line-height:1.75;
}
.trio-ta-page-content{
    padding:70px 0 94px;
    background:#fff;
}

/* toolbar */
.trio-ta-toolbar{
    display:grid;
    grid-template-columns:minmax(240px,1fr) minmax(180px,.5fr) auto;
    gap:10px;
    align-items:center;
    margin-bottom:28px;
}
.trio-ta-search,
.trio-ta-filter{
    display:flex;
    align-items:center;
    height:44px;
    border:1px solid rgba(35,35,35,.12);
    border-radius:7px;
    background:#fafafa;
}
.trio-ta-search>span{
    display:none;
}
.trio-ta-search input,
.trio-ta-filter select{
    width:100%;
    height:42px;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#333;
    font:500 10px Manrope,Arial,sans-serif;
}
.trio-ta-search input{
    padding:0 12px;
}
.trio-ta-filter select{
    padding:0 32px 0 11px;
}
.trio-ta-count{
    justify-self:end;
    color:#858585;
    font-size:9px;
    white-space:nowrap;
}
.trio-ta-count strong{
    color:#292929;
    font-size:12px;
}

/* grid */
.trio-ta-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px 12px;
}
.trio-ta-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(35,35,35,.09);
    border-radius:8px;
    background:#fff;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.trio-ta-card:hover{
    transform:translateY(-3px);
    border-color:rgba(198,161,83,.38);
    box-shadow:0 12px 30px rgba(0,0,0,.07);
}
.trio-ta-photo{
    display:block;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#eee;
}
.trio-ta-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    transition:transform .32s ease;
}
.trio-ta-card:hover .trio-ta-photo img{
    transform:scale(1.025);
}
.trio-ta-body{
    padding:11px 10px 10px;
}
.trio-ta-name{
    display:block;
    overflow:hidden;
    color:#272727!important;
    font-size:11px;
    line-height:1.35;
    font-weight:700;
    text-decoration:none!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.trio-ta-name:hover{
    color:#9c7935!important;
}
.trio-ta-title{
    display:block;
    margin-top:3px;
    color:#858585;
    font-size:7.6px;
}
.trio-ta-office{
    display:flex;
    align-items:center;
    gap:4px;
    margin-top:6px;
    color:#a17f3d;
    font-size:7.5px;
}
.trio-ta-office i{
    width:10px;
    height:10px;
}
.trio-ta-actions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    margin-top:9px;
}
.trio-ta-actions a{
    min-width:0;
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:4px 3px;
    border:1px solid rgba(35,35,35,.10);
    border-radius:5px;
    background:#fff;
    color:#4a4a4a!important;
    font-size:6.8px;
    font-weight:700;
    text-decoration:none!important;
}
.trio-ta-actions a:hover{
    border-color:#c6a153;
    background:#c6a153;
    color:#252525!important;
}
.trio-ta-actions i{
    width:9px;
    height:9px;
}
.trio-ta-archive svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-ta-empty{
    padding:34px;
    border:1px dashed rgba(35,35,35,.15);
    border-radius:8px;
    background:#fafafa;
    color:#777;
    text-align:center;
    font-size:10px;
}

/* CTA */
.trio-ta-page-cta{
    padding:0 0 88px;
    background:#fff;
}
.trio-ta-cta{
    min-height:280px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:48px 30px;
    border-radius:12px;
    background:#2c2c2c;
    text-align:center;
}
.trio-ta-cta h2{
    max-width:720px;
    margin:12px 0 24px;
    color:#fff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(34px,4vw,52px);
    line-height:1.05;
    font-weight:600;
}
.trio-ta-cta>a{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    justify-content:center;
    padding:10px 20px;
    border-radius:6px;
    background:#c6a153;
    color:#252525!important;
    font-size:9px;
    font-weight:700;
    text-decoration:none!important;
}

@media(max-width:1180px){
    .trio-ta-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .trio-ta-page-inner{
        width:min(1280px,calc(100% - 64px));
    }
    .trio-ta-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:767px){
    .trio-ta-page-inner{
        width:calc(100% - 36px);
    }
    .trio-ta-page-hero{
        padding:58px 0 62px;
    }
    .trio-ta-page-content{
        padding:46px 0 62px;
    }
    .trio-ta-toolbar{
        grid-template-columns:1fr 1fr;
        gap:7px;
        margin-bottom:20px;
    }
    .trio-ta-search{
        grid-column:1/-1;
    }
    .trio-ta-count{
        justify-self:end;
    }
    .trio-ta-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px 8px;
    }
    .trio-ta-actions{
        grid-template-columns:1fr;
    }
    .trio-ta-actions a{
        min-height:27px;
    }
    .trio-ta-page-cta{
        padding-bottom:52px;
    }
    .trio-ta-cta{
        min-height:240px;
        padding:36px 20px;
    }
}


/* v1.3.0 — Bölge filtresi */
.trio-ta-toolbar{
    grid-template-columns:minmax(260px,1.4fr) minmax(220px,.7fr) auto;
}
.trio-ta-search,
.trio-ta-filter{
    min-height:48px;
}
.trio-ta-search input,
.trio-ta-filter select{
    min-height:46px;
}
@media(max-width:767px){
    .trio-ta-toolbar{
        grid-template-columns:1fr;
    }
    .trio-ta-search{
        grid-column:auto;
    }
    .trio-ta-count{
        justify-self:start;
    }
}


/* =========================================================
   v1.4.0 — TEMSİLCİ DETAY / MODERN DENGELİ YAPI
   ========================================================= */

.trio-td-page-v14{
    --td-gold:#c49c50;
    --td-ink:#272727;
    --td-soft:#f4f1eb;
    --td-border:rgba(35,35,35,.09);
}

/* First viewport: profile + portfolios side by side */
.trio-td-page-v14 .trio-td-page-hero{
    padding:46px 0 54px;
    background:
        radial-gradient(circle at 13% 10%,rgba(196,156,80,.08),transparent 27%),
        linear-gradient(180deg,#f3f0ea 0%,#faf9f6 100%);
}

.trio-td-page-first-grid{
    display:grid;
    grid-template-columns:minmax(330px,.82fr) minmax(0,1.55fr);
    gap:24px;
    align-items:stretch;
}

.trio-td-page-profile,
.trio-td-page-featured{
    min-width:0;
}

/* Compact premium profile */
.trio-td-page-v14 .trio-td-hero{
    height:100%;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:300px auto;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 46px rgba(28,28,28,.07);
}

.trio-td-page-v14 .trio-td-photo{
    min-height:0;
    height:300px;
    position:relative;
    overflow:hidden;
    background:#eae6df;
}

.trio-td-page-v14 .trio-td-photo:after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:70px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));
    pointer-events:none;
}

.trio-td-page-v14 .trio-td-photo img{
    min-height:0;
    height:100%;
    object-fit:cover;
    object-position:center 18%;
    transition:transform .5s ease;
}

.trio-td-page-v14 .trio-td-hero:hover .trio-td-photo img{
    transform:scale(1.018);
}

.trio-td-page-v14 .trio-td-summary{
    justify-content:flex-start;
    padding:28px 28px 26px;
}

.trio-td-page-v14 .trio-td-summary h1{
    margin-top:9px;
    font-size:clamp(39px,3.2vw,54px);
    line-height:.96;
}

.trio-td-page-v14 .trio-td-title{
    margin-top:10px;
    font-size:12px;
}

.trio-td-page-v14 .trio-td-office{
    margin-top:7px;
    font-size:9px;
}

.trio-td-regions{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:12px;
}

.trio-td-regions span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:5px 8px;
    border:1px solid rgba(196,156,80,.24);
    border-radius:999px;
    background:#faf6ed;
    color:#9b7837;
    font-size:7.5px;
    font-weight:750;
}

.trio-td-page-v14 .trio-td-short{
    margin-top:15px;
    font-size:11px;
    line-height:1.65;
}

.trio-td-page-v14 .trio-td-stat{
    margin-top:16px;
}

.trio-td-page-v14 .trio-td-stat strong{
    font-size:28px;
}

.trio-td-page-v14 .trio-td-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:18px;
}

.trio-td-page-v14 .trio-td-actions a{
    min-width:0;
    min-height:39px;
    padding:8px 7px;
    font-size:8px;
}

.trio-td-page-v14 .trio-td-socials{
    margin-top:12px;
}

/* Featured portfolios become the visual priority */
.trio-td-spotlight{
    height:100%;
    padding:28px;
    border:1px solid var(--td-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 46px rgba(28,28,28,.055);
}

.trio-td-spotlight-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.trio-td-spotlight-head h2{
    margin:8px 0 0;
    color:var(--td-ink);
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(34px,3.3vw,50px);
    line-height:1;
    font-weight:600;
}

.trio-td-spotlight-head>span{
    color:#8b8b8b;
    font-size:8.5px;
    white-space:nowrap;
}

.trio-td-spotlight-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.trio-td-spotlight .trio-td-listing{
    border-radius:12px;
    box-shadow:none;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.trio-td-spotlight .trio-td-listing:hover{
    transform:translateY(-3px);
    border-color:rgba(196,156,80,.36);
    box-shadow:0 14px 30px rgba(0,0,0,.07);
}

.trio-td-spotlight .trio-td-listing-media{
    aspect-ratio:16/11;
}

.trio-td-spotlight .trio-td-listing-body{
    padding:14px 14px 13px;
}

.trio-td-spotlight .trio-td-listing h3{
    min-height:42px;
    font-size:12.5px;
}

.trio-td-spotlight .trio-td-listing-price{
    margin-top:7px;
    font-size:17px;
}

.trio-td-spotlight-more{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:14px;
    padding:10px 13px;
    border:1px solid rgba(35,35,35,.1);
    border-radius:8px;
    color:#8d6b2f!important;
    font-size:8.5px;
    font-weight:750;
    text-decoration:none!important;
    transition:.2s ease;
}

.trio-td-spotlight-more:hover{
    border-color:#c49c50;
    background:#faf6ed;
}

.trio-td-spotlight-more i{
    width:16px;
    height:16px;
}

/* About section cleaner and narrower for readability */
.trio-td-page-v14 .trio-td-page-about{
    padding:74px 0 80px;
}

.trio-td-page-v14 .trio-td-page-about-grid{
    grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);
    gap:56px;
}

.trio-td-page-v14 .trio-td-bio{
    max-width:840px;
}

.trio-td-page-v14 .trio-td-bio h2{
    font-size:clamp(36px,3.5vw,52px);
}

.trio-td-page-v14 .trio-td-bio-content{
    margin-top:20px;
    font-size:13.5px;
    line-height:1.9;
}

.trio-td-page-v14 .trio-td-contact{
    position:sticky;
    top:110px;
    border-radius:14px;
    box-shadow:0 14px 34px rgba(0,0,0,.045);
}

/* Main portfolios */
.trio-td-page-v14 .trio-td-page-portfolios{
    padding:72px 0 86px;
    background:#f7f4ee;
}

.trio-td-page-v14 .trio-td-listings-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.trio-td-page-v14 .trio-td-listing{
    border-radius:11px;
}

@media(max-width:1050px){
    .trio-td-page-first-grid{
        grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    }
    .trio-td-page-v14 .trio-td-hero{
        grid-template-rows:260px auto;
    }
    .trio-td-page-v14 .trio-td-photo{
        height:260px;
    }
    .trio-td-spotlight{
        padding:22px;
    }
    .trio-td-spotlight-grid{
        grid-template-columns:1fr;
    }
    .trio-td-spotlight .trio-td-listing:nth-child(n+2){
        display:none;
    }
}

/* Mobile: no giant portrait; profile appears compact first, portfolio immediately after */
@media(max-width:767px){
    .trio-td-page-v14 .trio-td-page-hero{
        padding:18px 0 26px;
    }

    .trio-td-page-first-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .trio-td-page-v14 .trio-td-hero{
        grid-template-columns:38% 62%;
        grid-template-rows:auto;
        min-height:0;
        border-radius:12px;
    }

    .trio-td-page-v14 .trio-td-photo{
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:3/4;
    }

    .trio-td-page-v14 .trio-td-photo img{
        min-height:0;
        height:100%;
        aspect-ratio:auto;
        object-fit:cover;
    }

    .trio-td-page-v14 .trio-td-summary{
        justify-content:center;
        padding:18px 15px;
    }

    .trio-td-page-v14 .trio-td-kicker{
        font-size:6.5px;
        letter-spacing:.16em;
    }

    .trio-td-page-v14 .trio-td-summary h1{
        margin-top:6px;
        font-size:31px;
        line-height:.92;
    }

    .trio-td-page-v14 .trio-td-title{
        margin-top:8px;
        font-size:9px;
    }

    .trio-td-page-v14 .trio-td-office{
        font-size:7.5px;
    }

    .trio-td-regions{
        margin-top:7px;
        gap:3px;
    }

    .trio-td-regions span{
        min-height:20px;
        padding:3px 6px;
        font-size:6.5px;
    }

    .trio-td-page-v14 .trio-td-short{
        display:-webkit-box;
        margin-top:9px;
        overflow:hidden;
        font-size:8.5px;
        line-height:1.45;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
    }

    .trio-td-page-v14 .trio-td-stat{
        margin-top:9px;
    }

    .trio-td-page-v14 .trio-td-stat strong{
        font-size:21px;
    }

    .trio-td-page-v14 .trio-td-stat span{
        font-size:6.5px;
    }

    .trio-td-page-v14 .trio-td-actions{
        grid-template-columns:repeat(3,1fr);
        gap:4px;
        margin-top:10px;
    }

    .trio-td-page-v14 .trio-td-actions a{
        min-height:32px;
        gap:3px;
        padding:5px 3px;
        font-size:6.5px;
    }

    .trio-td-page-v14 .trio-td-actions i{
        width:11px;
        height:11px;
    }

    .trio-td-page-v14 .trio-td-socials{
        display:none;
    }

    .trio-td-spotlight{
        padding:18px 14px 14px;
        border-radius:12px;
    }

    .trio-td-spotlight-head{
        margin-bottom:12px;
    }

    .trio-td-spotlight-head h2{
        font-size:30px;
    }

    .trio-td-spotlight-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .trio-td-spotlight .trio-td-listing:nth-child(n+2){
        display:block;
    }

    .trio-td-spotlight .trio-td-listing-media{
        aspect-ratio:4/3;
    }

    .trio-td-spotlight .trio-td-listing-body{
        padding:9px;
    }

    .trio-td-spotlight .trio-td-listing-body>small{
        font-size:6.5px;
    }

    .trio-td-spotlight .trio-td-listing h3{
        min-height:33px;
        margin-top:4px;
        font-size:9px;
        line-height:1.35;
    }

    .trio-td-spotlight .trio-td-listing-price{
        margin-top:5px;
        font-size:12px;
    }

    .trio-td-spotlight .trio-td-listing-meta{
        gap:3px 5px;
        margin-top:6px;
        padding-top:6px;
    }

    .trio-td-spotlight .trio-td-listing-meta span{
        font-size:6.3px;
    }

    .trio-td-spotlight .trio-td-listing-link{
        margin-top:6px;
        padding-top:6px;
        font-size:6.5px;
    }

    .trio-td-spotlight-more{
        min-height:36px;
        margin-top:9px;
        font-size:7.5px;
    }

    .trio-td-page-v14 .trio-td-page-about{
        padding:46px 0 52px;
    }

    .trio-td-page-v14 .trio-td-page-about-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .trio-td-page-v14 .trio-td-contact{
        position:static;
    }

    .trio-td-page-v14 .trio-td-page-portfolios{
        padding:48px 0 58px;
    }

    .trio-td-page-v14 .trio-td-listings-grid{
        grid-template-columns:1fr;
    }
}