/* TangoGoNow editorial theme. Fonts are served locally under the OFL licenses. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/cormorant-garamond.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/dm-sans.woff2') format('woff2')}
:root{--paper:#faf7f1;--white:#fffdfa;--ink:#292c29;--muted:#62665e;--wine:#792e40;--forest:#284b42;--gold:#a68148;--sage:#edece3;--mint:#f0f2e9;--rose:#f5eae5;--line:#e1dbcf;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,Helvetica,sans-serif}
body{font-family:var(--sans);background:radial-gradient(ellipse at 92% 0,#eee2d537,transparent 42%),var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#e4cfc8;color:#442332}
input,select,textarea,button{font-family:var(--sans)}
.wrap{max-width:1240px}
body .header{min-height:108px;height:auto;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);gap:26px}
body .header .brand{font-size:1.9375rem;letter-spacing:-1px;gap:11px}
body .header .brand-mark{width:61px;height:67px}
body .header .brand-dot{color:var(--wine)}
body .header #site-navigation{font-family:var(--sans);font-size:0.875rem;gap:10px 17px}
body .header #site-navigation a{font-weight:500;letter-spacing:.05px;transition:color .15s}
body .header #site-navigation a[aria-current=page]{text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:8px}
body .header #site-navigation a[href='submit.html']{border-color:#d0b6a8;border-radius:7px;padding:9px 12px}
.site-language>summary{border-color:transparent;background:#eee9df80;border-radius:7px;font-size:0.875rem}
.language-popover{border-color:var(--line);border-radius:12px;box-shadow:0 16px 38px #3c2c211a}
body .eyebrow,.about-eyebrow{font:600 0.75rem/1.6 var(--sans);letter-spacing:2px;color:var(--wine)}
body .button{font-family:var(--sans);font-size:0.875rem;font-weight:600;letter-spacing:.25px;border-radius:7px;min-height:44px;transition:background .18s,box-shadow .18s,transform .18s}
body .button.primary{background:linear-gradient(130deg,#8a3b4b,#6c283b);border:1px solid #6c283b;color:#fffdfa;box-shadow:0 4px 10px #69263a12}
body .button.primary:hover{background:#672439;box-shadow:0 6px 16px #69263a24;transform:translateY(-1px)}
body .button.outline{border-color:#c8b5a5;background:transparent;color:var(--wine)}
body .button.outline:hover{background:#f0e7df}
body .button:disabled{transform:none;box-shadow:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
body .db-page{padding-top:40px;padding-bottom:65px}
body .db-heading{padding:12px 0 26px;margin-bottom:24px;border-bottom:1px solid var(--line);align-items:center}
body .db-heading h1{font:500 clamp(2.875rem,5vw,4.4375rem)/1.06 var(--serif);letter-spacing:-1.8px;margin:8px 0 17px}
body .db-heading p{font-size:1rem;line-height:1.9;max-width:640px;color:var(--muted)}
.view-switch{border-color:var(--line);background:#eee9e1;padding:4px;box-shadow:none}
.view-switch a{font-family:var(--sans);font-size:0.875rem;min-height:35px;padding:10px 18px}
.view-switch a[aria-current=page]{background:var(--wine);box-shadow:0 2px 5px #63253618}
body .db-page .db-overview{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #41352304;margin-bottom:30px}
body .db-page .db-overview>div,body .db-page .db-overview>div:nth-child(n){background:transparent;color:var(--ink);border:0;border-inline-end:1px solid var(--line);padding:23px 28px}
body .db-page .db-overview>div:last-child{border:0}
body .db-overview strong{font:600 3.0625rem/1.1 var(--sans);color:var(--wine);letter-spacing:normal;font-variant-numeric:lining-nums tabular-nums}
body .db-page .db-overview span{font-size:0.8125rem;letter-spacing:.55px;color:var(--muted);margin-top:11px}
body .nearby-panel,body .db-page .nearby-panel,body .hero .nearby-panel{background:linear-gradient(120deg,#f3eee5,#f5f4ed);border:1px solid #dbd4c5;border-top:1px solid #c8ac7e;border-radius:14px;padding:28px;margin-bottom:23px;box-shadow:0 5px 24px #453b2504}
body .nearby-heading{margin-bottom:23px}
body .nearby-heading h3{font:500 2.5625rem/1.12 var(--serif);letter-spacing:-.5px;color:var(--ink);margin-top:7px}
body .nearby-heading>a{font-size:0.875rem;text-decoration-color:#c5ab8d;text-underline-offset:5px;line-height:1.8}
body .nearby-controls label,body .db-filters label>span{font:600 0.75rem/1.5 var(--sans);letter-spacing:.8px;color:#646256}
body .nearby-controls input,body .nearby-controls select,body .db-filters input,body .db-filters select{height:48px;min-height:48px;background:var(--white);border:1px solid #d2ccbf;border-radius:6px;padding:11px 13px;font-size:0.9375rem;box-shadow:inset 0 1px 2px #3a302204}
body .nearby-controls .button{min-height:48px}
body .nearby-panel .nearby-controls .primary{background:linear-gradient(130deg,#8a3b4b,#6c283b);border-color:#6c283b}
body .nearby-panel .nearby-controls .primary:hover{background:#672439;border-color:#672439}
body .nearby-note{font-size:0.8125rem;line-height:1.8;color:#6d6b60;margin-top:12px}
body .db-filters,body .db-page .db-filters{background:var(--white);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px;padding:23px;gap:18px}
body .db-reset{height:48px}
body .db-toolbar{margin-top:26px;font-size:0.875rem}
body .db-table-scroll{border-color:var(--line);border-radius:11px;box-shadow:0 5px 24px #41352304}
body .db-table{font-size:0.9375rem}
body .db-table thead th{background:#2c493f;color:#fffaf0;border-color:#415c50;font:500 0.8125rem/1.6 var(--sans);letter-spacing:.65px;padding:16px 15px}
body .db-table tbody tr{background:var(--white)}
body .db-table tbody tr:nth-child(even){background:#f4f1e980}
body .db-table tbody tr:hover{background:#eeede3}
body .db-table td{padding:19px 15px;line-height:1.7;border-color:#e8e2d8}
body .db-record-name{font:600 1rem/1.65 var(--sans);color:var(--wine)}
body .db-topic{padding:4px 8px;border-radius:5px;background:#e9ede3;color:#354e40;font-size:0.75rem}
body .db-source{font-size:0.875rem;line-height:1.7}
body .db-status,body .db-source-count{font-size:0.8125rem}
body .directory-search-prompt{position:relative;padding:34px 24px 38px;border-color:var(--line);border-radius:13px;background:var(--white);font-size:1rem;color:var(--muted);line-height:1.9}
body .directory-search-prompt::before{content:'';display:block;width:46px;height:56px;margin:0 auto 12px;background:url('assets/tangogonow-logo.png') center/contain no-repeat;opacity:.65}
body .country-map{background:var(--white);border:1px solid var(--line);border-top:1px solid #b79f77;border-radius:14px;padding:26px}
body .country-map h2{font:500 2.5625rem/1.15 var(--serif)}
body .country-map-canvas{border-color:#cbd5cb;border-radius:9px}
body .hero h1,body .culture-hero h1,body .film-library-hero h1,body .music-hero h1,body .attire-hero h1,body .about-hero h1,body .links-page h1,body .seo-page h1{font-family:var(--serif);font-weight:500;letter-spacing:-1.3px;line-height:1.05}
body .culture-hero,body .film-library-hero{padding-top:52px;padding-bottom:42px;border-bottom:1px solid #c8ad80}
body .culture-deck{font-size:1.125rem;line-height:1.9;color:var(--muted)}
body .history-photo{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:9px;box-shadow:0 10px 34px #3a2d1f09;overflow:hidden}
body .history-photo img{border-radius:6px}
body .history-photo figcaption{font-size:0.875rem;line-height:1.8;padding:13px 6px 4px;color:var(--muted)}
body .history-note,body .watching-guide{background:#efeee5;border:1px solid var(--line);border-left:2px solid var(--gold);border-radius:9px}
body .history-chapter{padding-bottom:38px;margin-bottom:36px;border-bottom:1px solid var(--line)}
body .history-chapter h2{font:500 clamp(2.25rem,3.5vw,2.875rem)/1.13 var(--serif);letter-spacing:-.55px}
body .history-chapter p{font-size:1.125rem;line-height:1.95}
body .history-toc{border-color:var(--line);background:transparent}
body .history-toc a{line-height:1.65;font-size:1.125rem;padding-top:12px;padding-bottom:12px}
body .history-toc a>span{font-size:1rem;min-width:24px}
body .history-toc .eyebrow{font-size:0.875rem}
body .chapter-period{font-family:var(--sans);letter-spacing:.8px;font-size:0.8125rem;color:var(--wine)}
body .chapter-period>span{color:var(--gold)}
body .history-back-top{border-color:#d6c5ae;background:#fffaf0}
body .film-grid .film-card,body .film-grid .film-card:nth-child(3n+2),body .film-grid .film-card:nth-child(3n),body .card{background:var(--white);border:1px solid var(--line);border-top:1px solid #c6ad83;border-radius:12px;box-shadow:0 5px 20px #3c2b1c05}
body .film-card h3,body .card h3{font-family:var(--serif);font-weight:600;letter-spacing:-.2px}
body .links-page{padding-top:50px}
body .links-filters{border:1px solid var(--line);border-top:1px solid #bc9e70;border-radius:12px;background:#eeeee5;padding:25px}
body .link-category h2{font:500 2.5625rem/1.2 var(--serif);letter-spacing:-.4px}
body .resource-row{padding:23px 22px;background:var(--white);border-bottom-color:var(--line)}
body .resource-row:nth-child(even){background:#f0eee580}
body .resource-row h3{font:600 1.375rem/1.5 var(--sans)}
body .resource-row p{color:#565b53}
body .music-card,body .attire-store,body .attire-product{border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 5px 20px #3c2b1c05}
body .music-section h2,body .attire-section h2,body .about-section h2,body .sitemap-page h2{font-family:var(--serif);font-weight:500;letter-spacing:-.4px}
body .links-note,body .privacy-page p,body .about-page p{line-height:1.9}
body .submission-form,body .attire-vendor,body .seo-page .seo-listings>li{border-color:var(--line);border-radius:12px;box-shadow:0 5px 20px #3c2b1c05}
body .seo-page .seo-listings>li,body .seo-page .seo-listings>li:nth-child(even){border-top:1px solid #c6ad83;background:var(--white)}
body .seo-page h2{font-family:var(--serif);font-size:2.5625rem;font-weight:500}
body .seo-page>p{color:#565b53;line-height:1.9}
body .site-footer{background:#eeece2;border-top:1px solid #b79c71;border-radius:0;padding:36px 28px 18px;margin-top:36px}
body .site-footer p{font-size:0.875rem;color:#61685e;line-height:1.8}
body .site-footer .site-footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #d4cdbf}
body .site-footer .site-copyright,body .site-footer .site-visit-counter{font-size:0.8125rem;color:#60665c}
body dialog{border:1px solid #cabbab;border-radius:14px;background:var(--white);box-shadow:0 24px 100px #1e241b40}
body dialog::backdrop{background:#1f29257d;backdrop-filter:blur(3px)}
@media(min-width:1025px) and (max-width:1200px){body .header #site-navigation{gap:8px 13px;font-size:0.8125rem}body .header .brand{font-size:1.8125rem}}
@media(max-width:1024px){body .header{min-height:85px;padding-top:11px;padding-bottom:11px;gap:16px}body .header .brand{font-size:1.75rem}body .header .brand-mark{width:49px;height:59px}body .header #site-navigation{gap:0;font-size:1.0625rem}body .header #site-navigation a{padding:12px 16px}body .header #site-navigation a[href='submit.html']{padding:12px 16px}.site-language>summary{background:transparent;font-size:1.0625rem}}
@media(max-width:800px){body .db-table-scroll{border:0;box-shadow:none;border-radius:0;background:transparent}body .db-table tbody tr,body .db-table tbody tr:nth-child(even),body .db-table tbody tr:hover{background:var(--white);border:1px solid var(--line);border-top:1px solid #a9906c;border-radius:12px;box-shadow:0 5px 18px #332b2006}body .db-table tbody td:first-child{background:#eeede4;border-color:var(--line)}body .db-table td:first-child .db-record-name{color:var(--wine);font-size:1.125rem}body .db-table td{padding:13px 16px}body .db-heading{align-items:flex-start}body .db-overview strong{font-size:2.75rem}}
@media(max-width:550px){body .header .brand{font-size:1.4375rem;letter-spacing:-.7px;gap:7px}body .header .brand-mark{width:42px;height:51px}body .db-page{padding-top:26px}body .db-heading{padding-top:2px;padding-bottom:23px;gap:16px}body .db-heading h1{font-size:3rem;letter-spacing:-1px;margin-bottom:15px}body .db-heading p{font-size:0.9375rem;line-height:1.8}body .db-page .db-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}body .db-page .db-overview>div{padding:17px 12px;border-bottom:0;border-inline-end:1px solid var(--line)}body .db-overview strong{font-size:2.3125rem}body .db-overview span{font-size:0.75rem;line-height:1.7;letter-spacing:0}body .nearby-panel{padding:20px 17px;border-radius:12px}body .nearby-heading h3{font-size:2.3125rem}body .nearby-controls input,body .nearby-controls select,body .db-filters input,body .db-filters select{font-size:1.125rem}body .db-filters{padding:18px;gap:14px}body .directory-search-prompt{padding:28px 18px;font-size:0.9375rem}body .culture-hero,body .film-library-hero{padding-top:32px;padding-bottom:30px}body .history-chapter h2{font-size:2.4375rem}body .history-chapter p{font-size:1.0625rem;line-height:1.95}body .culture-deck{font-size:1.0625rem}body .links-filters{padding:18px}body .resource-row{padding:20px 16px}body .resource-row h3{font-size:1.25rem}body .site-footer{padding:26px 18px 16px}}
@media(max-width:380px){body .header .brand{font-size:1.3125rem}body .header .brand-mark{width:36px;height:46px}body .db-page .db-overview>div{padding:16px 9px}body .db-overview strong{font-size:2.0625rem}}
@media(max-width:550px){body .db-page .db-overview>div:nth-child(n){padding:17px 12px;border-bottom:0;border-inline-end:1px solid var(--line)}body .db-page .db-overview>div:last-child{border-inline-end:0}body .db-page .db-overview span{font-size:0.75rem;line-height:1.7;letter-spacing:0}body .db-page .nearby-panel,body .hero .nearby-panel{padding:20px 17px}body .db-page .db-filters{padding:18px}}
@media(max-width:380px){body .db-page .db-overview>div:nth-child(n){padding:16px 9px}}
@media(prefers-reduced-motion:reduce){body .button,body .header #site-navigation a{transition:none}body .button.primary:hover{transform:none}}
@media(forced-colors:active){body .db-table thead th,body .db-table tbody td:first-child,body .db-page .db-overview>div{background:Canvas;color:CanvasText}body .db-table td:first-child .db-record-name{color:LinkText}}

/* Larger wordmark; reserve room for the mobile menu instead of shrinking text. */
body .header .brand{font-size:2.375rem;gap:12px;letter-spacing:-1.1px;min-width:0}
body .header .brand-mark{width:70px;height:78px}
body .header .brand-wordmark{line-height:1.12}
body .site-footer .brand{font-size:2rem;letter-spacing:-.8px;max-width:100%}
body .site-footer .brand-mark{width:54px;height:62px}
body .site-footer .site-footer-bottom{flex-wrap:wrap}
body main{overflow-wrap:break-word}
body .film-preview-caption{line-height:1.45}
@media(min-width:1025px) and (max-width:1200px){body .header .brand{font-size:2.125rem}body .header .brand-mark{width:60px;height:70px}}
@media(max-width:1024px){body .header .brand{font-size:2.125rem;gap:10px}body .header .brand-mark{width:58px;height:68px}body .header{gap:16px}body .header #site-navigation{font-size:1.125rem}body .header #site-navigation a{white-space:normal}}
@media(max-width:550px){body .header{gap:10px;flex-wrap:nowrap}body .header .brand{font-size:clamp(1.4375rem,6.7vw,1.875rem);gap:7px;letter-spacing:-.85px}body .header .brand-mark{width:42px;height:54px}body .header .menu-toggle{min-width:44px;width:44px;padding:10px;gap:0}body .header .menu-text{display:none}body .header:not(.nav-ready){flex-wrap:wrap}body .site-footer .brand{font-size:clamp(1.4375rem,6vw,1.875rem);gap:8px}body .site-footer .brand-mark{width:42px;height:52px}body .nearby-controls input,body .nearby-controls select,body .db-filters input,body .db-filters select{font-size:1.0625rem}body .site-footer .site-footer-bottom{row-gap:14px}}
@media(max-width:380px){body .header .brand-mark{width:34px;height:46px}body .header .brand{gap:6px}body .header{gap:8px}}
@media(max-width:340px){body .header .brand{font-size:1.375rem;gap:5px}body .header .brand-mark{width:32px;height:44px}}
/* Compact, evenly spaced mobile navigation with comfortable touch targets. */
/* Stronger display typography, including italic accents, across all pages. */
/* Use clear, upright figures for directory statistics in both display views. */
body .metrics strong{font-family:var(--sans);font-weight:600;font-style:normal;line-height:1.1;letter-spacing:normal;font-variant-numeric:lining-nums tabular-nums}
@media(max-width:380px){body .db-overview strong{font-size:1.625rem}}
body .wrap h1,body .wrap h1 em{font-weight:700}
body .wrap h2,body .wrap h2 em,body .wrap h3,body .wrap h3 em{font-weight:600}
@media(max-width:1024px){body .header #site-navigation{gap:0;line-height:1.2}body .header #site-navigation>a,body .header #site-navigation>a[href='submit.html']{line-height:1.2;min-height:44px;margin:0;padding:10px 16px}body .header #site-navigation>.site-language{margin:0;line-height:1.2}body .header #site-navigation>.site-language>summary{font-size:1.125rem;line-height:1.2;min-height:44px;margin:0;padding:10px 16px}}