/* Bikinis.com theme layer (BK-THEME1). Loaded AFTER site.css on every page; overrides tokens and chrome only.
   Look: luxury-swim editorial. Ivory and sand grounds, ink type, one lagoon accent, a thin serif display face. */
:root{
  --white:#FFFFFF; --off:#FAF7F2; --mist:#F3EDE4; --sand:#E9DFD0;
  --slate:#3A3631; --ink:#141312; --muted:#6E665C; --line:#E7DFD3;
  --dark:#161513; --dark-2:#1E1C1A; --dark-3:#2A2724; --dark-line:#3A3632;
  --teal:#0F6E73; --teal-lift:#0F7F86; --cyan:#0F7F86; --orange:#0F6E73; --coral:#E2674F;
  --bg:var(--off); --bg-2:var(--white); --bg-3:var(--mist);
  --fg:var(--ink); --fg-2:var(--slate); --fg-3:var(--muted);
  --r:2px; --r-lg:4px;
  --ff:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --fd:'Cormorant Garamond','Cormorant',Georgia,'Times New Roman',serif;
}
:root[data-theme="dark"]{--bg:var(--dark);--bg-2:var(--dark-2);--bg-3:var(--dark-3);--fg:#F6F1E9;--fg-2:#D9D0C3;--fg-3:#A79D90;--line:var(--dark-line);--orange:#5FC3C7;--cyan:#5FC3C7}
body{background:var(--bg);letter-spacing:0;font-weight:400}
h1,h2,h3,.ph1,.stitle{font-family:var(--fd);font-weight:500;letter-spacing:-.01em}
.ph1{font-weight:500;font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.015em}
.pagehead{background:var(--off);border-bottom:1px solid var(--line)}
.crumbs{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
/* header */
header{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.nav{height:76px}
.bk-word{font-family:var(--fd);font-size:1.9rem;font-weight:500;letter-spacing:.06em;color:var(--fg);line-height:1;white-space:nowrap}
.bk-word span{color:var(--teal-lift);font-weight:400}
.bk-tag{display:block;font-family:var(--ff);font-size:.52rem;letter-spacing:.38em;text-transform:uppercase;color:var(--fg-3);margin-top:5px;text-align:center}
.links a{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}
.links a.on,.links a:hover{color:var(--fg)}
.navsearch{border-radius:999px;border-color:var(--line);background:transparent}
.navsearch input{min-width:150px}
h1 em,h2 em,h3 em{color:inherit}
.ibtn{border-radius:999px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border-color:var(--line);background:transparent}
.ibtn.solid{background:var(--ink);border-color:var(--ink);color:#fff}
.btn{border-radius:999px;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:700;padding:15px 30px}
.chip{border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.chip.on,.chip:hover{background:var(--ink);border-color:var(--ink)}
@media(max-width:640px){.bk-word{font-size:1.45rem}.bk-tag{display:none}.nav{height:62px}}
/* footer */
footer{background:var(--ink);color:#CFC6B9;border-top:0}
footer h5{color:#fff;font-family:var(--ff)}
footer a:hover{color:#fff}
footer .bk-word{color:#fff;font-size:2.1rem}
footer .bk-word span{color:#7FD0D3}
.fbot{border-top-color:#2E2B27}
footer .ibtn.solid{background:#fff;color:var(--ink);border-color:#fff}
footer input{background:#1F1D1A!important;border-color:#3A3632!important;color:#fff!important}
.bk-sister{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-size:.78rem;color:#CFC6B9;border-bottom:1px solid #4A453F;padding-bottom:2px}

/* BK-BRAND3 lockup */
.brand .bk-logo{height:54px;width:auto;display:block}
.bk-logo-f{height:68px;width:auto;display:block;margin-bottom:6px}
@media(max-width:640px){.brand .bk-logo{height:42px}}
/* BK hero framing (Todd 10-27: the subject and the suit always fully visible) */
@media(min-width:641px){.hero{min-height:0!important;aspect-ratio:3/2}.hero img{object-position:45% 0!important}}
@media(max-width:640px){.hero{display:block!important;min-height:0!important;background:#1C1814}
 .hero img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:45% 0!important;display:block}
 .hero::after{display:none}.hero .wrap{padding:26px 20px 34px!important}.hero h1{font-size:3.2rem!important;margin:10px 0 12px!important}}