/* Terrain premium — shared luxury styles for broker showcase pages */
.tp{--tp-gold:#b08d57;--tp-ink:#1c2230;--tp-cream:#f8f4ec;--tp-hair:rgba(28,34,48,.12);background:var(--tp-cream);color:var(--tp-ink)}
.tp .tp-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.tp .tp-narrow{max-width:40rem}
.tp .tp-sec{padding:112px 0}
.tp .tp-sec+.tp-sec{border-top:1px solid var(--tp-hair)}
.tp .tp-eyebrow{display:block;color:var(--tp-gold);font:600 .74rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin:0 0 1.1rem}
.tp h2.tp-h{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 1.2rem;color:var(--tp-ink)}
.tp .tp-lead{font-size:1.06rem;line-height:1.75;color:#4a5160;margin:0}
.tp .tp-rule{display:block;width:56px;height:1px;background:var(--tp-gold);margin:1.6rem 0}
/* hero */
.tp-hero{position:relative;color:#fff;background:#141a26 center 30%/cover no-repeat;padding:128px 0 96px;overflow:hidden}
.tp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,32,.78),rgba(14,20,32,.88))}
.tp-hero>*{position:relative}
.tp-hero .breadcrumbs a,.tp-hero .breadcrumbs li{color:#cfd3dc}
.tp-hero h1{font-family:var(--serif);font-weight:500;color:#fff;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;max-width:52rem;margin:0 0 1.4rem;letter-spacing:-.01em}
.tp-hero .tp-sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.8vw,1.3rem);color:#e6e2d8;max-width:40rem;line-height:1.6;margin:0}
.tp-stats{display:flex;flex-wrap:wrap;margin:3.2rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(176,141,87,.55);max-width:46rem}
.tp-stats li{flex:1 1 0;min-width:9rem;padding:1.3rem 1.4rem 0 0;margin-right:1.4rem;border-right:1px solid rgba(255,255,255,.16)}
.tp-stats li:last-child{border-right:0}
.tp-stats b{display:block;font-family:var(--serif);font-weight:500;font-size:2.4rem;line-height:1;color:#fff}
.tp-stats span{display:block;margin-top:.5rem;font-variant:small-caps;letter-spacing:.12em;font-size:.95rem;color:#d8c39b;text-transform:lowercase}
/* filters */
.tp-filters{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:center;margin:2.4rem 0 2.8rem;border-bottom:1px solid var(--tp-hair);padding-bottom:.2rem}
.tp-filters[hidden]{display:none}
.tp-filters .tp-flabel{font:600 .7rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#8a8f99}
.tp-filters button{appearance:none;background:none;border:0;border-bottom:1px solid transparent;padding:.55rem 0;margin-bottom:-1px;font:500 .92rem var(--sans);color:#5a606c;cursor:pointer;letter-spacing:.02em}
.tp-filters button:hover{color:var(--tp-ink)}
.tp-filters button[aria-pressed="true"]{color:var(--tp-ink);border-bottom-color:var(--tp-gold)}
.tp-filters .tp-sep{width:1px;height:1.1rem;background:var(--tp-hair)}
/* gallery */
.tp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.tp-fig{margin:0;transition:transform .35s ease}
.tp-fig[hidden]{display:none}
.tp-fig img{display:block;width:100%;height:auto;aspect-ratio:1/1.75;object-fit:cover;border-radius:24px;background:#e9e2d4;border:1px solid rgba(176,141,87,.35);box-shadow:0 1px 2px rgba(20,26,38,.06),0 10px 24px rgba(20,26,38,.08),0 28px 60px -20px rgba(20,26,38,.22);transition:box-shadow .35s ease}
.tp-fig:hover{transform:translateY(-4px)}
.tp-fig:hover img{box-shadow:0 2px 4px rgba(20,26,38,.08),0 16px 34px rgba(20,26,38,.12),0 40px 70px -24px rgba(20,26,38,.3)}
.tp-fig figcaption{padding:1rem .2rem 0}
.tp-who{display:block;font-variant:small-caps;letter-spacing:.12em;text-transform:lowercase;font-size:.88rem;color:var(--tp-gold);margin-bottom:.25rem}
.tp-place{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--tp-ink);margin-bottom:.2rem}
.tp-cap{display:block;font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.5;color:#5b616d}
/* broker card */
.tp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-top:2.6rem}
.tp-card{display:grid;grid-template-columns:200px 1fr;background:#fffdf8;border:1px solid var(--tp-hair);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px -28px rgba(20,26,38,.35)}
.tp-card img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.tp-card-body{padding:2rem 1.9rem;display:flex;flex-direction:column}
.tp-ribbon{align-self:flex-start;font:600 .66rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tp-gold);border:1px solid var(--tp-gold);border-radius:999px;padding:.35rem .8rem;margin-bottom:1rem}
.tp-card h3{font-family:var(--serif);font-weight:500;font-size:1.7rem;margin:0 0 .2rem}
.tp-card .tp-town{font-variant:small-caps;letter-spacing:.12em;text-transform:lowercase;color:#6a707b;margin:0 0 1.2rem}
.tp-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 1.6rem;border-top:1px solid var(--tp-hair)}
.tp-card dl div{padding:.9rem 0 0}
.tp-card dt{font:600 .66rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#8a8f99}
.tp-card dd{margin:.2rem 0 0;font-family:var(--serif);font-size:1.6rem}
.tp-btn{display:inline-block;align-self:flex-start;margin-top:auto;padding:.85rem 1.5rem;border:1px solid var(--tp-ink);border-radius:999px;color:var(--tp-ink);text-decoration:none;font:500 .82rem var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s}
.tp-btn:hover{background:var(--tp-ink);color:#fff}
/* partner directory */
.tp-dir{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;border-top:1px solid var(--tp-hair)}
.tp-dir li{padding:1.4rem 0;border-bottom:1px solid var(--tp-hair);display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:baseline}
.tp-dir .tp-dn{font-family:var(--serif);font-size:1.25rem;color:var(--tp-ink)}
.tp-dir .tp-da{grid-column:1;color:#5b616d;font-size:.94rem}
.tp-dir .tp-db{grid-column:1;font-variant:small-caps;letter-spacing:.1em;text-transform:lowercase;color:var(--tp-gold);font-size:.85rem}
.tp-dir .tp-dm{grid-column:2;grid-row:1/4;align-self:center;font:500 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tp-ink);text-decoration:none;border-bottom:1px solid var(--tp-gold);padding-bottom:2px}
/* closing band */
.tp-band{background:#141a26;color:#e6e2d8;padding:112px 0;text-align:center}
.tp-band h2{font-family:var(--serif);font-weight:500;color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 auto 1.2rem;max-width:36rem}
.tp-band p{max-width:34rem;margin:0 auto 2.2rem;line-height:1.75}
.tp-band .tp-btn{border-color:var(--tp-gold);color:#fff;align-self:auto}
.tp-band .tp-btn:hover{background:var(--tp-gold);color:#141a26}
.tp-hublink{display:inline-block;margin-top:1.4rem;color:#d8c39b;font:500 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(176,141,87,.6);padding-bottom:2px}
@media(max-width:960px){.tp-gallery{grid-template-columns:repeat(2,1fr)}.tp-dir{grid-template-columns:1fr}.tp .tp-sec,.tp-band{padding:80px 0}}
@media(max-width:640px){.tp .tp-wrap{padding:0 20px}.tp-hero{padding:80px 0 64px}.tp-gallery{grid-template-columns:1fr;gap:36px}.tp .tp-sec,.tp-band{padding:64px 0}.tp-stats li{flex:1 1 40%;min-width:0;margin-right:0;padding-right:1rem;border-right:0;padding-bottom:1rem}.tp-stats b{font-size:2rem}.tp-card{grid-template-columns:1fr}.tp-card img{min-height:0;aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.tp-fig,.tp-fig img{transition:none}.tp-fig:hover{transform:none}}

/* ===== Premium layer for existing broker sur-le-terrain pages (body.tp-legacy) — styling only ===== */
body.tp-legacy{background:#f8f4ec}
body.tp-legacy .tr-hero{position:relative;background:#141a26 var(--tp-hero-img,none) center 30%/cover no-repeat;padding:112px 0 112px}
body.tp-legacy .tr-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,32,.8),rgba(14,20,32,.9))}
body.tp-legacy .tr-hero>*{position:relative}
body.tp-legacy .tr-kicker{color:#b08d57;letter-spacing:.24em;font-size:.74rem}
body.tp-legacy .tr-hero h1{font-weight:500;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.1}
body.tp-legacy .tr-hero p.tr-intro{font-family:var(--serif);font-style:italic;font-size:1.12rem;line-height:1.7;max-width:42rem}
body.tp-legacy .tr-stats{margin:-3rem 0 4rem;gap:0;background:#fffdf8;border:1px solid rgba(28,34,48,.12);border-radius:24px;box-shadow:0 20px 50px -28px rgba(20,26,38,.35)}
body.tp-legacy .tr-stat{background:none;border:0;border-right:1px solid rgba(28,34,48,.1);box-shadow:none;border-radius:0;margin:0;padding:1.6rem 1rem}
body.tp-legacy .tr-stat:last-child{border-right:0}
body.tp-legacy .tr-stat b{font-weight:500;color:#1c2230;font-size:2.3rem}
body.tp-legacy .tr-stat span{font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:#b08d57}
body.tp-legacy .tr-sec{margin:0 0 96px}
body.tp-legacy .section-title{font-weight:500}
body.tp-legacy .tr-wall{gap:40px 32px}
body.tp-legacy .tr-card{transition:transform .35s ease}
body.tp-legacy .tr-card:hover{transform:translateY(-4px)}
body.tp-legacy .tr-card img{border:1px solid rgba(176,141,87,.35);box-shadow:0 1px 2px rgba(20,26,38,.06),0 10px 24px rgba(20,26,38,.08),0 28px 60px -20px rgba(20,26,38,.22)}
body.tp-legacy .tr-card figcaption{font-family:var(--serif);font-style:italic;font-size:.98rem;color:#5b616d;padding-top:1rem}
body.tp-legacy .tr-tag{font-family:var(--sans);font-style:normal;color:#b08d57;letter-spacing:.18em}
body.tp-legacy .ov{background:#fffdf8;border:1px solid rgba(28,34,48,.1);padding:3rem 2.4rem}
body.tp-legacy .ov-kicker{color:#b08d57;letter-spacing:.24em}
body.tp-legacy .ov-card{box-shadow:none;border-color:rgba(28,34,48,.1)}
body.tp-legacy .ov-card header{border-bottom-color:#b08d57}
body.tp-legacy .tr-rest{grid-template-columns:1fr 1fr;column-gap:64px;gap:0 64px;border-top:1px solid rgba(28,34,48,.12)}
body.tp-legacy .tr-rest li{margin:0!important;padding:1.2rem 0;border-bottom:1px solid rgba(28,34,48,.12)}
body.tp-legacy .tr-rest li p:first-child{font-family:var(--serif);font-weight:500!important;font-size:1.15rem}
body.tp-legacy .tr-cta{background:#141a26;color:#e6e2d8;border:0;border-radius:24px;padding:3rem 2.4rem}
body.tp-legacy .tr-cta .section-title{color:#fff}
body.tp-legacy .tr-cta .btn{border-radius:999px}
body.tp-legacy .tr-cta .btn-outline{color:#fff;border-color:#b08d57;background:none}
body.tp-legacy .tr-cta2{border:1px solid rgba(176,141,87,.6);border-radius:24px;padding:1.4rem 1.6rem}
@media(max-width:640px){body.tp-legacy .tr-hero{padding:72px 0 88px}body.tp-legacy .tr-stat:nth-child(2){border-right:0}body.tp-legacy .tr-stat{border-bottom:1px solid rgba(28,34,48,.1)}body.tp-legacy .tr-rest{grid-template-columns:1fr}body.tp-legacy .tr-sec{margin-bottom:64px}}
/* grouped display spots */
.tp-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:2.6rem}
.tp-area{background:#fffdf8;border:1px solid var(--tp-hair);border-radius:24px;padding:1.8rem 1.9rem}
.tp-area--wide{grid-column:1/-1}
.tp-area--wide ul{columns:3;column-gap:2.4rem}
.tp-area header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--tp-gold);padding-bottom:.8rem;margin-bottom:.8rem}
.tp-area h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;margin:0}
.tp-area header span{font-variant:small-caps;letter-spacing:.12em;text-transform:lowercase;color:var(--tp-gold);white-space:nowrap;font-size:.9rem}
.tp-area ul{list-style:none;margin:0;padding:0}
.tp-area li{break-inside:avoid;padding:.42rem 0;border-bottom:1px solid rgba(28,34,48,.06);font-size:.95rem;line-height:1.4}
.tp-note{margin:1.6rem 0 0;font-family:var(--serif);font-style:italic;font-size:.95rem;color:#6a707b}
@media(max-width:960px){.tp-areas{grid-template-columns:1fr 1fr}.tp-area--wide ul{columns:2}}
@media(max-width:640px){.tp-areas{grid-template-columns:1fr}.tp-area--wide ul{columns:1}.tp-area{padding:1.4rem 1.3rem}}
.tp .ov-note{max-width:46rem;margin:.7rem 0 0;padding-left:.9rem;border-left:2px solid var(--gold);font-family:"Playfair Display",Georgia,serif;font-style:italic;color:#6b5a3a;font-size:.98rem;line-height:1.55}
/* hub: curated 4-photo row per broker */
.tp-row4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:2.4rem}
.tp-row4 .tp-who{display:none}
.tp-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--tp-hair)}
.tp-more p{margin:0;font-family:var(--serif);font-style:italic;color:#5b616d}
.tp-more .tp-btn{margin-top:0}
.tp-ribbon--inline{display:inline-block;margin:0 0 0 .7rem;padding:.25rem .65rem;vertical-align:middle;font-size:.6rem}
.tp-hubnote{margin:64px 0 0}
@media(max-width:960px){.tp-row4{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:640px){.tp-row4{gap:14px}.tp-row4 .tp-fig figcaption{padding-top:.6rem}.tp-row4 .tp-place{font-size:.95rem}.tp-row4 .tp-cap{font-size:.82rem}.tp-hubnote{margin-top:40px}.tp-more .tp-btn{font-size:.72rem;padding:.8rem 1.1rem}}
.tp-block{margin-top:3rem}
.tp-sub-h{font-family:var(--serif);font-weight:500;font-size:1.3rem;margin:0;padding-bottom:.7rem;border-bottom:1px solid var(--tp-gold);display:inline-block}
.tp-block .tp-row4{margin-top:1.6rem}
.tp-addr{display:block;font-size:.82rem;line-height:1.45;margin-bottom:.35rem}
.tp-addr a{color:#5b616d;text-decoration:none;border-bottom:1px solid rgba(176,141,87,.45)}
.tp-addr a:hover{color:var(--tp-ink)}
@media(max-width:640px){.tp-sub-h{font-size:1.12rem}.tp-addr{font-size:.76rem}}
