/* True North Equine design tokens — load BEFORE page CSS. Source: ds/tokens/*.css */
/* True North Equine — Webfonts
   The live site loads Lato from Google Fonts. This 0,300;0,400;0,700;0,900;1,400&display=swap');

/* True North Equine — Color tokens
   Sourced from the live WordPress/Blankslate child theme (style.css) and the
   homepage hero/section stylesheets in the marketing codebase. */
:root {
  /* ---- Brand core ---- */
  --tn-red: #BE1E2D;            /* primary brand red — CTAs, logo wordmark */
  --tn-red-dark: #9e1a27;       /* pressed / gradient end */
  --tn-navy: #1e3a8a;           /* brand navy — mountains, headings accent */
  --tn-navy-deep: #16255c;      /* deep logo navy */
  --tn-gold: #d4a574;           /* earth gold — stat numbers, accents on dark */

  /* ---- Earth secondary (lifestyle / editorial) ---- */
  --tn-forest: #1f7a5a;
  --tn-dark-forest: #0b4736;
  --tn-sage: #87a96b;
  --tn-saddle: #8b4513;
  --tn-cream: #F7F3E8;          /* warm cream — soft section backgrounds */

  /* ---- Neutrals ---- */
  --tn-ink: #2b2f31;            /* primary text (a.k.a. dark-gray / hayden-text) */
  --tn-gray: #6b7280;           /* secondary / muted text */
  --tn-white: #ffffff;
  --tn-off-white: #fafafa;
  --tn-light-gray: #f8f9fa;     /* alt section fill */
  --tn-medium-gray: #e1e8ed;    /* hairline borders */
  --tn-black: #000000;

  /* ---- Utility ---- */
  --tn-star: #fbbf24;           /* review stars (gold) */

  /* ================= Semantic aliases ================= */
  --text-body: var(--tn-ink);
  --text-muted: var(--tn-gray);
  --text-inverse: var(--tn-white);
  --text-link: var(--tn-red);
  --text-link-hover: var(--tn-red-dark);

  --surface-page: var(--tn-white);
  --surface-alt: var(--tn-light-gray);
  --surface-cream: var(--tn-cream);
  --surface-dark: var(--tn-ink);
  --surface-card: var(--tn-white);

  --brand-primary: var(--tn-red);
  --brand-primary-hover: var(--tn-red-dark);
  --brand-secondary: var(--tn-navy);
  --brand-accent: var(--tn-gold);

  --border-hairline: var(--tn-medium-gray);
  --border-strong: var(--tn-ink);

  /* Overlay + protection gradients used over hero video/imagery */
  --overlay-hero: linear-gradient(135deg, rgba(44,85,48,0.15) 0%, rgba(0,0,0,0.25) 100%); /* @kind color */
  --overlay-image-caption: linear-gradient(transparent, rgba(0,0,0,0.9)); /* @kind color */
  --gradient-red: linear-gradient(135deg, var(--tn-red) 0%, var(--tn-red-dark) 100%);
  --gradient-cream: linear-gradient(135deg, var(--tn-cream) 0%, var(--tn-off-white) 100%);
}

/* True North Equine — Typography tokens
   Single family: Lato (Google Fonts), matching the live site.
   Loaded via @font-face-bearing @import in fonts.css. */
:root {
  --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: var(--font-sans);
  --font-body: var(--font-sans);

  /* ---- Weights (Lato ships 100/300/400/700/900) ---- */
  --fw-light: 300;      /* @kind font */
  --fw-regular: 400;    /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */
  --fw-black: 900;      /* @kind font */

  /* ---- Fluid type scale (from hero/section stylesheets) ---- */
  --fs-hero: clamp(2.5rem, 5vw + 0.5rem, 3.5rem);   /* @kind font */
  --fs-display: 3.5rem;                              /* @kind font */
  --fs-h1: clamp(2.25rem, 4vw + 0.5rem, 3rem);       /* @kind font */
  --fs-h2: clamp(2rem, 5vw, 2.4rem);                 /* @kind font */
  --fs-h3: clamp(1.35rem, 2vw + 0.25rem, 1.65rem);   /* @kind font */
  --fs-h4: 1.25rem;                                  /* @kind font */
  --fs-lead: clamp(1.1rem, 2.5vw, 1.375rem);         /* @kind font */
  --fs-body: 1rem;                                   /* @kind font */
  --fs-body-lg: 1.1rem;                              /* @kind font */
  --fs-small: 0.9rem;                                /* @kind font */
  --fs-xsmall: 0.8rem;                               /* @kind font — eyebrow */

  /* ---- Line heights ---- */
  --lh-heading: 1.2;     /* @kind font */
  --lh-body: 1.8;        /* @kind font */
  --lh-snug: 1.5;        /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.5px;    /* @kind font */
  --ls-tighter: -1px;    /* @kind font */
  --ls-normal: 0;        /* @kind font */
  --ls-eyebrow: 0.1em;   /* @kind font */
  --ls-wide: 1px;        /* @kind font */
}

/* True North Equine — Spacing, radii, shadows, motion */
:root {
  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 2.5rem;
  --space-10: 3rem;
  --space-12: 3.75rem;
  --space-16: 5rem;

  /* Vertical section rhythm (from hero CSS custom props) */
  --space-section: 80px;
  --space-section-mobile: 50px;

  /* Content widths */
  --container-narrow: 800px;  /* @kind spacing */
  --container: 1200px;        /* @kind spacing */
  --container-wide: 1400px;   /* @kind spacing */

  /* ---- Corner radii ---- */
  --radius-sm: 4px;     /* inputs, small chips, wp buttons */
  --radius-md: 8px;     /* buttons, cards, review cards */
  --radius-lg: 12px;    /* widgets, feature cards */
  --radius-xl: 16px;    /* lifestyle image cards */
  --radius-pill: 50px;  /* hero CTA, search, view-all buttons */
  --radius-circle: 50%; /* avatars, social icons */

  /* ---- Shadows ---- */
  --shadow-sm: 0 2px 4px rgba(107, 114, 128, 0.15);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 50px rgba(107, 114, 128, 0.3);
  --shadow-hover: 0 8px 20px rgba(107, 114, 128, 0.3);
  --shadow-red: 0 6px 16px rgba(190, 30, 45, 0.25);
  --shadow-red-hover: 0 8px 24px rgba(190, 30, 45, 0.35);

  /* ---- Motion ---- */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* @kind other */
  --dur-fast: 0.2s;   /* @kind other */
  --dur: 0.3s;        /* @kind other */
  --dur-slow: 0.4s;   /* @kind other */

  /* Signature interaction lifts */
  --lift-sm: translateY(-2px);  /* @kind other */
  --lift-md: translateY(-5px);  /* @kind other */
  --lift-lg: translateY(-8px);  /* @kind other */
  --press: scale(0.98);         /* @kind other */
}
/* Horse Property Page — class/media rules from the mockup <style> block.
   Everything else is inline style="" on the element in source/True North Equine - Horse Property Page.dc.html.
   Interior pages use @media (max-width:700px) — on WordPress convert to @media (max-width:700px). */
*{box-sizing:border-box}
  body{margin:0;background:#E7E9EC;font-family:var(--font-sans);color:var(--tn-ink)}
  a{color:var(--tn-red);text-decoration:none}
  a:hover{color:var(--tn-red-dark)}
  .tn-navlink:hover{color:var(--tn-red)!important}
  .tn-button{transition:transform var(--dur) var(--ease-smooth),box-shadow var(--dur) var(--ease-smooth),filter var(--dur) var(--ease-smooth)}
  .tn-button:hover{transform:var(--lift-sm);filter:brightness(.93)}
  .tn-button:active{transform:var(--press)}
  .tn-property-card{transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}
  .tn-property-card:hover{transform:var(--lift-md);box-shadow:var(--shadow-hover)}
  .tn-property-card:hover img{transform:scale(1.04)}
  .tn-card-img{transition:transform var(--dur-slow) var(--ease-smooth)}
  .tn-lifestyle-card{transition:transform var(--dur-slow) var(--ease-smooth),box-shadow var(--dur-slow) var(--ease-smooth)}
  .tn-lifestyle-card img{transition:transform var(--dur-slow) var(--ease-smooth)}
  .tn-lifestyle-card:hover{transform:var(--lift-lg);box-shadow:var(--shadow-lg)}
  .tn-lifestyle-card:hover img{transform:scale(1.05)}
  /* Captions over photos: headings must stay white. */
  .tn-lifestyle-card h3,
  .tn-lifestyle-card h4,
  .tn-lifestyle-card .c-cap-title{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35)}
  .tn-social:hover{background:var(--tn-red)!important;color:#fff!important;transform:translateY(-3px)}
  .tn-faq-q:hover .tn-faq-text{color:var(--tn-red)}
  .tn-faq-q:focus-visible{outline:3px solid rgba(190,30,45,.35);outline-offset:-3px}
  .pg{container-type:inline-size;container-name:pg}
  @media (max-width:700px){
    .c-hide{display:none!important}
    .c-show{display:flex!important}
    .c-1col{grid-template-columns:minmax(0,1fr)!important}
    .c-tall{grid-row:auto!important}
    .c-tall-card{height:420px!important}
    .c-card{height:340px!important}
    .c-hero{min-height:470px!important}
    .c-hero-inner{padding:2.75rem 1.25rem 3rem!important}
    .c-h1{font-size:2.05rem!important;line-height:1.15!important}
    .c-hero-sub{font-size:1.02rem!important}
    .c-sec{padding:3.25rem 20px!important}
    .c-h2{font-size:1.85rem!important;letter-spacing:-.3px!important}
    .c-h2xl{font-size:2rem!important;letter-spacing:-.5px!important}
    .c-lead{font-size:1.02rem!important}
    .c-box{padding:1.6rem 1.25rem!important}
    .c-gap{gap:1.75rem!important}
    .c-kimg{height:380px!important}
    .c-cta-h{font-size:1.9rem!important}
    .c-awards{flex-direction:column!important;gap:18px!important;text-align:center!important;padding:30px 18px!important}
    .c-awards-copy,.c-awards-note{text-align:center!important}
    .c-awards-rule{display:none!important}
    .c-awards-badge{width:78px!important;height:78px!important}
    .c-bar{padding:.85rem 18px!important}
    .c-ihero{padding:60px 20px 44px!important}
    .c-ih1{font-size:2.1rem!important}
    .c-itag{font-size:1.1rem!important}
    .c-logo{height:42px!important}
    .c-faq-q{padding:1.1rem 1.1rem!important}
    .c-faq-a{padding:0 1.1rem 1.25rem!important}
  }


/* Production integration: approved redesign, 2026-09-23 */
html{scroll-behavior:smooth} body{background:#fff!important} img{max-width:100%}
body.admin-bar .tn-site-header{top:32px}
#wpadminbar{z-index:100000}
#container,#content{margin:0;padding:0;max-width:none;width:100%}
.tn-site-header{position:relative;z-index:9990;background:#fff;box-shadow:var(--shadow-sm);font-family:var(--font-sans)}
.tn-topbar{border-bottom:1px solid rgba(107,114,128,.15);font-size:.9rem}
.tn-topbar__inner,.tn-nav__inner{max-width:var(--container-wide);margin:0 auto;padding-left:24px;padding-right:24px}
.tn-topbar__inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--tn-gray)}
.tn-topbar__contact{display:flex;align-items:center;gap:1.5rem;flex:none}
.tn-topbar a{color:var(--tn-gray);display:inline-flex;gap:.4rem;align-items:center;white-space:nowrap}
.tn-topbar .tn-residential{color:var(--tn-navy);font-weight:600}
.tn-nav__inner{position:relative;min-height:80px;display:flex;justify-content:space-between;align-items:center}
.tn-brand{display:flex;align-items:center;gap:15px;min-width:0}
.tn-brand img{height:52px;width:auto;display:block}
.tn-brand span{color:var(--tn-gray);font-size:15px;font-weight:500}
.tn-desktop-nav{display:flex;align-items:center;gap:30px}
.tn-desktop-nav>a,.tn-properties-toggle{color:var(--tn-ink);font:500 16px/1 var(--font-sans)}
.tn-properties-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:0;padding:0;cursor:pointer}
.tn-properties-toggle[aria-expanded="true"],.tn-properties-toggle:hover,.tn-desktop-nav>a:hover{color:var(--tn-red)}
.tn-properties{position:relative;padding:.9rem 0}
.tn-mega{position:absolute;top:100%;left:50%;transform:translateX(-42%);width:min(820px,92vw);padding-top:14px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease}
.tn-properties:hover .tn-mega,.tn-properties:focus-within .tn-mega,.tn-properties.is-open .tn-mega{visibility:visible;opacity:1;pointer-events:auto}
.tn-mega__panel{display:grid;grid-template-columns:minmax(0,1fr) 230px;background:#fff;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:0 18px 48px rgba(17,24,39,.16);overflow:hidden}
.tn-mega__pages{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tn-mega__page{display:flex;align-items:center;gap:14px;padding:10px;border-radius:10px;color:var(--tn-ink)}
.tn-mega__page:hover{background:var(--surface-alt);color:var(--tn-ink)}
.tn-mega__page img{width:76px;height:60px;object-fit:cover;border-radius:8px;flex:none}
.tn-mega__page strong{display:block;font-size:.98rem;line-height:1.25}
.tn-mega__page small{display:block;margin-top:3px;font-size:.82rem;line-height:1.4;color:var(--text-muted)}
.tn-mega__search{background:var(--surface-alt);border-left:1px solid var(--border-hairline);padding:24px 22px;display:flex;flex-direction:column}
.tn-mega__label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tn-red);margin-bottom:12px}
.tn-mega__search a{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.92rem;font-weight:600;color:var(--tn-ink)}
.tn-mega__search i{width:16px;color:var(--tn-gray);font-size:.85rem}
.tn-mega__sell{margin-top:auto!important;padding-top:16px!important;border-top:1px solid var(--border-hairline);color:var(--tn-red)!important}
.tn-nav-cta{display:inline-flex!important;align-items:center;background:var(--gradient-red);color:#fff!important;font-weight:600!important;font-size:14px!important;padding:.7rem 1.25rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-red)}
.tn-mobile-actions{display:none;align-items:center;gap:4px}
.tn-mobile-actions a,.tn-mobile-toggle{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.tn-mobile-actions a{color:var(--tn-red)}
.tn-mobile-toggle{border:0;background:none;color:var(--tn-ink);font-size:1.3rem;cursor:pointer;transition:background .18s ease,color .18s ease}
.tn-mobile-toggle[aria-expanded="true"]{background:#eef0f2;color:var(--tn-gray)}
.tn-mobile-menu{display:none;position:fixed;z-index:9998;inset:68px 0 0;background:#fff;overflow-y:auto;border-top:1px solid var(--border-hairline)}
.tn-mobile-menu.is-open{display:block}
body.tn-menu-open{overflow:hidden}
.tn-mobile-menu__inner{padding:18px 20px 32px;max-width:560px;margin:0 auto}
.tn-mobile-menu a,.tn-mobile-properties-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 0;border:0;border-bottom:1px solid var(--border-hairline);background:#fff;color:var(--tn-ink);font:700 1rem/1.4 var(--font-sans);text-align:left}
.tn-mobile-submenu{display:none;padding:10px 0 14px}
.tn-mobile-submenu.is-open{display:block}
.tn-mobile-submenu .tn-mobile-property{display:grid;grid-template-columns:64px minmax(0,1fr) 16px;gap:12px;padding:9px 0;color:var(--tn-ink)}
.tn-mobile-property img{width:64px;height:48px;object-fit:cover;border-radius:7px}
.tn-mobile-property strong,.tn-mobile-property small{display:block}.tn-mobile-property strong{font-size:.92rem}.tn-mobile-property small{margin-top:2px;color:var(--text-muted);font-size:.75rem;font-weight:500}.tn-mobile-property>i{color:var(--tn-red);font-size:.75rem}
.tn-mobile-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.tn-mobile-submenu .tn-mobile-search-grid a{justify-content:flex-start;gap:8px;min-height:44px;padding:9px 10px;border:1px solid var(--border-hairline);border-radius:8px;color:var(--tn-ink);font-size:.78rem;font-weight:700}.tn-mobile-search-grid i{color:var(--tn-red)}
.tn-mobile-row i{font-size:.75rem;color:var(--tn-red)}
.tn-mobile-menu .tn-mobile-cta,.tn-mobile-menu .tn-mobile-phone{margin-top:16px;justify-content:center;min-height:48px;border:0;border-radius:var(--radius-pill)}
.tn-mobile-menu .tn-mobile-cta{background:var(--gradient-red);color:#fff}.tn-mobile-menu .tn-mobile-phone{margin-top:10px;border:2px solid var(--tn-red);color:var(--tn-red);background:#fff}
.tn-hub-page{background:#fff}
.tn-idx-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tn-idx-wrap .IDX-showcaseTable{display:block!important;width:100%!important}
.tn-idx-wrap .IDX-showcaseRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;width:100%!important;max-width:100%!important;margin:0!important}
.tn-idx-wrap .IDX-showcaseCell{width:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:var(--radius-md)!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)!important}
.tn-idx-wrap .IDX-showcaseCell:hover{transform:var(--lift-md);box-shadow:var(--shadow-hover)!important}
.tn-idx-wrap .IDX-showcaseContainer{width:100%!important;max-width:none!important;height:100%!important}
.tn-idx-wrap img{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;display:block}
.tn-idx-wrap .IDX-showcasePrice{font-size:1.5rem!important;font-weight:900!important;color:var(--tn-ink)!important}
.tn-idx-wrap .IDX-showcaseAddress,.tn-idx-wrap .IDX-showcaseCityStateZip{padding-left:18px!important;padding-right:18px!important}
.tn-idx-wrap .IDX-showcaseDetails{padding:12px 18px 18px!important}
.tn-idx-wrap>.impress-property-showcase{display:contents!important}
.tn-idx-wrap .impress-row{display:contents!important}
.tn-idx-wrap .impress-row:empty{display:none!important}
.tn-idx-wrap>.impress-property-showcase:before,.tn-idx-wrap>.impress-property-showcase:after{content:none!important;display:none!important}

.tn-idx-wrap .impress-showcase-property{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:var(--radius-md)!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;display:flex!important;flex-direction:column!important;min-height:100%!important;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)!important}
.tn-idx-wrap .impress-showcase-property:hover{transform:var(--lift-md);box-shadow:var(--shadow-hover)!important}
.tn-idx-wrap .impress-showcase-property:focus-visible{outline:3px solid rgba(190,30,45,.3);outline-offset:3px}
.tn-idx-wrap .impress-showcase-photo{display:flex!important;flex-direction:column!important;position:relative!important;color:var(--tn-ink)!important;text-decoration:none!important}
.tn-idx-wrap .impress-showcase-photo>img{order:0!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;display:block!important}
.tn-idx-wrap .impress-price{order:2!important;display:block!important;margin:0!important;padding:1.25rem 1.25rem .35rem!important;font-size:1.5rem!important;font-weight:900!important;line-height:1.1!important;color:var(--tn-ink)!important;background:#fff!important}
.tn-idx-wrap .impress-status{display:block!important;position:absolute!important;z-index:2!important;top:14px!important;left:14px!important;padding:.35rem .8rem!important;border-radius:var(--radius-sm)!important;background:var(--tn-red)!important;color:#fff!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:.05em!important;line-height:1.2!important;text-transform:uppercase!important;box-shadow:0 2px 7px rgba(0,0,0,.2)!important}
.tn-idx-wrap .impress-status.is-pending{background:var(--tn-gray)!important}
.tn-idx-wrap .impress-address{order:3!important;margin:0!important;padding:0 1.25rem 1rem!important;color:var(--tn-ink)!important;font-size:.9rem!important;line-height:1.45!important;background:#fff!important}
.tn-idx-wrap .impress-street{display:block!important;margin-bottom:.25rem!important;font-size:1rem!important;font-weight:700!important;color:var(--tn-ink)!important}
.tn-idx-wrap .impress-beds-baths-sqft{margin:auto 1.25rem 0!important;padding:.9rem 0 .55rem!important;border-top:1px solid var(--border-hairline)!important;display:flex!important;flex-wrap:wrap!important;gap:.35rem 1rem!important;color:var(--tn-ink)!important;font-size:.85rem!important;font-weight:600!important;line-height:1.45!important}
.tn-idx-wrap .impress-beds-baths-sqft span{white-space:nowrap}
.tn-idx-wrap .tn-card-mls{padding:0 1.25rem 1rem;color:var(--tn-gray);font-size:.75rem;letter-spacing:.02em}
.tn-faq-item:last-child{border-bottom:0!important}
.tn-faq-item summary{list-style:none}
.tn-faq-item summary::-webkit-details-marker{display:none}
.tn-faq-icon:before{content:"+"}
.tn-faq-item[open] .tn-faq-icon:before{content:"−"}
.tn-awards{background:#fff;padding:56px 20px;display:flex;align-items:center;justify-content:center;gap:36px}
.tn-awards__copy{text-align:right}.tn-awards__note{max-width:260px}
.tn-awards__rule{width:1px;height:56px;background:var(--border-hairline)}
.tn-awards__badges{display:flex;align-items:center;gap:12px}
.tn-awards__badges img{width:96px;height:96px;object-fit:contain}
.tn-footer{background:var(--tn-navy);color:#fff;padding:60px 24px 24px}
.tn-footer__grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:48px}
.tn-footer h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;color:#fff}
.tn-footer p,.tn-footer a,.tn-footer li{color:rgba(255,255,255,.82);font-size:.94rem;line-height:1.7}
.tn-footer a:hover{color:#fff}
.tn-footer__logo{height:54px;width:auto;background:#fff;border-radius:6px;padding:5px}
.tn-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tn-socials{display:flex;gap:10px;margin-top:18px}
.tn-socials a{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center}
.tn-footer li a{display:inline-flex;min-height:44px;align-items:center}
.tn-equiagent{width:160px;height:auto;margin-top:18px;display:block}
.tn-footer__bottom{max-width:var(--container);margin:36px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);display:flex;justify-content:space-between;gap:20px}
@media(max-width:782px){body.admin-bar .tn-site-header{top:46px}}
@media(max-width:700px){
 .tn-topbar,.tn-desktop-nav,.tn-brand span{display:none!important}
 .tn-nav__inner{min-height:68px;padding:.85rem 18px}
 .tn-brand img{height:42px}
 .tn-brand{min-height:44px}
 .tn-mobile-actions{display:flex}
 .tn-footer__grid{grid-template-columns:1fr;gap:32px}.tn-footer__bottom{display:block}
 .tn-awards{flex-direction:column;gap:18px;text-align:center;padding:30px 18px}.tn-awards__copy{text-align:center}.tn-awards__rule{display:none}.tn-awards__note{text-align:center}.tn-awards__badges img{width:78px;height:78px}
 .tn-idx-wrap,.tn-idx-wrap .IDX-showcaseRow{grid-template-columns:1fr!important}
}
@media(min-width:701px) and (max-width:1023px){.tn-idx-wrap,.tn-idx-wrap .IDX-showcaseRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}