/* Vivian Ellington definitive brand homepage - dev preview 2026-08-19 */
:root{
  --brand-navy:#001c31;
  --brand-navy-deep:#00182b;
  --brand-cream:#f6efe5;
  --brand-cream-2:#fbf7f1;
  --brand-gold:#d9972b;
  --brand-gold-soft:#b67b27;
  --brand-ink:#102337;
  --brand-rule:rgba(171,123,58,.32);
}
body:has(.home-brand){background:var(--brand-navy);color:#fff}
body:has(.home-brand) #site-footer{display:none}
body:has(.home-brand) header{
  position:sticky;top:0;z-index:50;
  background:rgba(0,28,49,.97);
  border-bottom:0;
  backdrop-filter:blur(10px);
}
body:has(.home-brand) .nav{
  width:min(1180px,calc(100% - 44px));
  height:74px;
}
body:has(.home-brand) .brand{gap:0}
body:has(.home-brand) .brand img{
  width:132px;height:62px;object-fit:contain;object-position:left center;
}
body:has(.home-brand) .brand span{display:none}
body:has(.home-brand) .navlinks{
  gap:28px;font-size:.79rem;font-weight:500;letter-spacing:.01em;
}
body:has(.home-brand) .navlinks>a,
body:has(.home-brand) .nav-series summary{color:#fff}
body:has(.home-brand) .navlinks>a:hover,
body:has(.home-brand) .nav-series summary:hover{color:var(--brand-gold)}
body:has(.home-brand) .nav-home{
  color:var(--brand-gold)!important;
  position:relative;
}
body:has(.home-brand) .nav-home:after{
  content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--brand-gold)
}
body:has(.home-brand) .amazon-author-cta{
  height:38px;padding:0 15px;border:1px solid var(--brand-gold);
  border-radius:4px;color:var(--brand-gold)!important;background:transparent;
}
body:has(.home-brand) .amazon-author-cta .amazon-mark{filter:none}
body:has(.home-brand) .header-icon-link svg{stroke:#fff}
body:has(.home-brand) .series-menu{background:#06253b;border:1px solid rgba(217,151,43,.25)}
body:has(.home-brand) .navlinks>a[href="/#find"]{display:none}
body:has(.home-brand) .navlinks>.nav-home{order:1}
body:has(.home-brand) .navlinks>a[data-advice-link]{order:2}
body:has(.home-brand) .navlinks>.nav-series{order:3}
body:has(.home-brand) .navlinks>a[href="/about"]{order:4;font-size:0}
body:has(.home-brand) .navlinks>a[href="/about"]::after{content:"About Vivian";font-size:.79rem}
body:has(.home-brand) .navlinks>a[href="/#free-guide"]{order:5}
body:has(.home-brand) .navlinks>.header-icon-link{order:6}
body:has(.home-brand) .navlinks>.amazon-author-cta{order:8}

.home-brand{background:var(--brand-cream);color:var(--brand-ink);overflow:hidden}
.home-brand h1,.home-brand h2,.home-brand h3{font-family:Georgia,'Times New Roman',serif}
.brand-shell{width:min(1160px,calc(100% - 52px));margin:0 auto}

.brand-hero{
  background:var(--brand-navy);
  color:#fff;
  min-height:470px;
}
.brand-hero-grid{
  min-height:470px;
  display:grid;
  grid-template-columns:.48fr .52fr;
  align-items:stretch;
}
.brand-hero-copy{padding:50px 0 48px 8px;z-index:2}
.brand-hero-copy h1{
  margin:0;
  font-size:clamp(3.35rem,5.2vw,5.65rem);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.035em;
  color:#f8f1e8;
}
.brand-accent-line{
  width:142px;height:2px;margin:22px 0 18px;
  background:linear-gradient(90deg,var(--brand-gold) 0 72%,transparent 72%);
  position:relative;
}
.brand-accent-line:before{
  content:"";position:absolute;left:0;top:50%;width:9px;height:9px;
  background:var(--brand-gold);transform:translate(-1px,-50%) rotate(45deg)
}
.brand-hero-copy p{
  margin:0;color:#f1e9de;font-size:1.02rem;line-height:1.56;
}
.brand-hero-actions{display:flex;gap:15px;margin-top:28px;flex-wrap:wrap}
.brand-btn{
  min-height:42px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:3px;font-weight:700;font-size:.84rem;transition:.2s ease
}
.brand-btn:hover{transform:translateY(-1px)}
.brand-btn-gold{background:linear-gradient(90deg,#e7ac47,#d89627);color:#071a2a;border:1px solid #dba13d}
.brand-btn-outline{border:1px solid var(--brand-gold);color:#fff;background:transparent}
.brand-hero-portrait{position:relative;min-height:470px;display:flex;align-items:flex-end;justify-content:center}
.brand-hero-portrait:after{
  content:"";position:absolute;inset:auto 0 0;height:62px;
  background:linear-gradient(180deg,transparent,var(--brand-navy));
  pointer-events:none
}
.brand-hero-portrait img{
  width:min(560px,100%);
  height:100%;
  max-height:470px;
  object-fit:cover;
  object-position:center 18%;
  filter:saturate(.93) contrast(1.02);
}
.brand-signature{
  position:absolute;right:8px;bottom:70px;z-index:3;text-align:center;color:var(--brand-gold)
}
.brand-signature span{
  display:block;font-family:'Segoe Script','Brush Script MT',cursive;
  font-size:1.7rem;line-height:1.1;transform:rotate(-3deg)
}
.brand-signature small{font-size:.72rem;color:#e0a443}

.brand-beliefs{
  background:var(--brand-cream);
  padding:28px 0 24px;
  border-bottom:1px solid var(--brand-rule)
}
.brand-section-heading,.brand-find-heading{
  margin:0 0 22px;display:flex;align-items:center;justify-content:center;gap:18px;
  font-size:1.55rem;font-weight:400;color:var(--brand-ink)
}
.brand-section-heading span,.brand-find-heading span{
  width:42px;height:1px;background:var(--brand-gold)
}
.brand-belief-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:930px;margin:0 auto}
.brand-belief{
  display:grid;grid-template-columns:58px 1fr;gap:12px;
  padding:6px 34px 5px 16px;align-items:start
}
.brand-belief+ .brand-belief{border-left:1px solid #d9bd96}
.brand-belief-icon{width:48px;height:48px;margin-top:2px}
.brand-belief-icon svg{width:100%;height:100%;fill:none;stroke:var(--brand-gold);stroke-width:1.4}
.brand-belief h3{font-size:1.19rem;line-height:1.18;margin:0 0 10px;font-weight:400;color:#17283b}
.brand-belief p{font-size:.71rem;line-height:1.55;margin:0;color:#283847}

.brand-journal{background:var(--brand-cream-2);padding:20px 0 28px}
.brand-row-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}
.brand-row-heading h2{margin:0;font-size:1.48rem;font-weight:400;color:#142539}
.brand-row-heading>a{font-size:.76rem;color:#b66f18}
.brand-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.brand-journal-card{
  background:#fbf6ef;border:1px solid #eadfd2;border-radius:5px;overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.02)
}
.brand-journal-card img{width:100%;aspect-ratio:2.06/1;object-fit:cover}
.brand-journal-copy{padding:10px 13px 11px}
.brand-journal-copy h3{font-size:1.18rem;line-height:1.05;font-weight:400;margin:0 0 8px;color:#16263a}
.brand-journal-copy p{font-size:.74rem;line-height:1.45;margin:0 0 9px;color:#283747}
.brand-journal-copy span{font-size:.74rem;color:#b76b17}

.brand-find{background:var(--brand-navy);color:#fff;padding:17px 0 20px}
.brand-find-heading{color:#f3ece3;margin-bottom:12px;font-size:1.35rem}
.brand-find-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.brand-find-card{
  min-height:155px;position:relative;display:grid;
  grid-template-columns:46px 1fr;gap:9px;align-content:start;
  padding:15px 13px 18px;
  border:1px solid rgba(217,151,43,.85);
  border-radius:5px;
  background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.002));
  transition:.18s ease
}
.brand-find-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.035)}
.brand-find-icon{width:42px;height:42px}
.brand-find-icon svg{width:100%;height:100%;fill:none;stroke:var(--brand-gold);stroke-width:1.5}
.brand-find-card h3{font-size:.98rem;line-height:1.12;margin:1px 0 9px;font-weight:400;color:#fff}
.brand-find-card p{font-size:.67rem;line-height:1.48;margin:0;color:#e7ded2}
.brand-find-arrow{position:absolute;right:12px;bottom:8px;color:var(--brand-gold);font-size:1.25rem}

.brand-series{background:var(--brand-cream-2);padding:10px 0 18px;border-bottom:1px solid rgba(217,151,43,.25)}
.brand-series-heading{margin-bottom:7px}
.brand-series-heading h2{font-size:1.22rem}
.brand-series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.brand-series-card{
  min-height:164px;display:grid;grid-template-columns:1.42fr .9fr;gap:9px;align-items:center;
  padding:10px 12px 10px 9px;background:#fbf6ef;border:1px solid #e8daca;border-radius:5px;
  overflow:hidden
}
.brand-series-books{display:flex;align-items:flex-end;justify-content:center;gap:0;min-width:0;perspective:900px}
.brand-series-books>a{display:block;margin-left:-9px}
.brand-series-books>a:first-child{margin-left:0}
.brand-cover3d{
  position:relative;display:block;filter:drop-shadow(0 8px 8px rgba(0,0,0,.19));
  transform:perspective(900px) rotateY(-5deg);transform-origin:center
}
.brand-cover3d:before{
  content:"";position:absolute;left:-4px;top:2px;width:5px;height:calc(100% - 4px);
  background:linear-gradient(90deg,#635343,#d4c1a6);transform:skewY(-15deg);z-index:-1
}
.brand-cover3d img{height:124px;width:auto;max-width:none;border-radius:1px}
.brand-series-books>a:nth-child(2) .brand-cover3d{transform:translateY(2px) perspective(900px) rotateY(-2deg)}
.brand-series-books>a:nth-child(3) .brand-cover3d{transform:translateY(4px) perspective(900px) rotateY(4deg)}
.brand-series-books-toxic .brand-featured-cover{z-index:3;margin-right:1px}
.brand-series-books-toxic .brand-featured-cover .brand-cover3d{transform:translateY(-3px) perspective(900px) rotateY(-4deg) scale(1.07)}
.brand-series-copy h3{font-size:1rem;line-height:1.06;margin:0 0 10px;font-weight:400}
.brand-series-copy p{font-size:.65rem;line-height:1.48;margin:0 0 10px;color:#2d3a48}
.brand-series-copy>a{font-size:.67rem;color:#b56d18}

.brand-bottom{background:var(--brand-navy);color:#fff;padding:10px 0 0}
.brand-bottom-grid{display:grid;grid-template-columns:1.15fr 1fr 1.05fr;align-items:stretch}
.brand-about-mini,.brand-stay,.brand-guide-mini{min-height:138px;padding:9px 20px}
.brand-about-mini{display:grid;grid-template-columns:110px 1fr;gap:18px;padding-left:0}
.brand-about-mini img{width:110px;height:138px;object-fit:cover;object-position:center 14%}
.brand-about-mini h2,.brand-stay h2,.brand-guide-mini h2{font-size:1.05rem;margin:2px 0 7px;font-weight:400;color:#fff}
.brand-about-mini p,.brand-stay p,.brand-guide-mini p{font-size:.64rem;line-height:1.5;color:#e8dfd3;margin:0 0 7px}
.brand-about-mini a,.brand-guide-mini a{font-size:.66rem;color:var(--brand-gold)}
.brand-stay{border-left:1px solid rgba(217,151,43,.22);border-right:1px solid rgba(217,151,43,.22)}
.brand-stay small{display:block;font-size:.53rem;color:#b8b9ba}.brand-stay .brand-stay-link{display:inline-block;margin:4px 0 8px;color:var(--brand-gold);font-size:.75rem;font-weight:700}
.brand-guide-mini{display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:center}
.brand-guide-book{position:relative;display:flex;justify-content:center}
.brand-guide-cover3d{display:block;filter:drop-shadow(0 8px 8px rgba(0,0,0,.26));transform:perspective(700px) rotateY(-5deg)}
.brand-guide-cover3d img{height:124px;width:auto}
.brand-guide-book b{
  position:absolute;right:4px;bottom:11px;width:45px;height:45px;border-radius:50%;
  display:grid;place-items:center;text-align:center;background:#e9ad42;color:#173048;
  font-family:Georgia,serif;font-size:.55rem;line-height:1.1;border:1px solid #cf922c
}
.brand-stay #kit-boundaries-form{min-height:42px}
.brand-stay form{margin:0!important}
.brand-stay input[type="email"]{
  width:100%!important;min-height:32px!important;border:1px solid #a56d2e!important;
  background:#0a2940!important;color:#fff!important;border-radius:3px!important;padding:6px 10px!important;font-size:.68rem!important
}
.brand-stay button,.brand-stay input[type="submit"]{
  width:100%!important;min-height:32px!important;margin-top:5px!important;background:#e4a53c!important;
  color:#10263a!important;border:0!important;border-radius:3px!important;font-weight:800!important;font-size:.68rem!important
}
.brand-stay .formkit-powered-by-convertkit-container,.brand-stay .formkit-guarantee,.brand-stay [data-element="guarantee"]{display:none!important}

.brand-mini-footer{
  min-height:42px;display:grid;grid-template-columns:210px 1fr auto auto;align-items:center;gap:18px;
  border-top:1px solid rgba(217,151,43,.24)
}
.brand-mini-logo img{width:150px;height:34px;object-fit:contain;object-position:left center}
.brand-mini-footer nav{display:flex;justify-content:center;gap:25px;font-size:.57rem;color:#eee5da}
.brand-mini-social{display:flex;gap:12px;align-items:center}
.brand-mini-social a{font-size:.8rem;color:#fff}
.brand-mini-social svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.5}
.brand-mini-footer>small{font-size:.52rem;color:#c7c8c9}

@media(max-width:980px){
  body:has(.home-brand) .navlinks{gap:16px}
  .brand-shell{width:min(100% - 32px,1160px)}
  .brand-hero-grid{grid-template-columns:.5fr .5fr}
  .brand-hero-copy h1{font-size:clamp(2.8rem,6vw,4.5rem)}
  .brand-belief{padding-right:18px}
  .brand-series-card{grid-template-columns:1.55fr .8fr}
  .brand-cover3d img{height:108px}
  .brand-bottom-grid{grid-template-columns:1fr 1fr}
  .brand-guide-mini{grid-column:1/-1;border-top:1px solid rgba(217,151,43,.22)}
}
@media(max-width:760px){
  body:has(.home-brand) .nav{height:66px}
  body:has(.home-brand) .brand img{width:110px;height:50px}
  body:has(.home-brand) .navlinks.open{top:66px;background:var(--brand-navy);gap:18px}
  body:has(.home-brand) .nav-home:after{display:none}
  .brand-hero-grid{grid-template-columns:1fr;min-height:0}
  .brand-hero-copy{padding:42px 4px 24px;text-align:left}
  .brand-hero-copy h1{font-size:clamp(3rem,13vw,4.45rem)}
  .brand-hero-copy p br{display:none}
  .brand-hero-portrait{min-height:375px}
  .brand-hero-portrait img{width:100%;max-height:420px}
  .brand-signature{right:18px;bottom:34px}
  .brand-belief-grid{grid-template-columns:1fr}
  .brand-belief{grid-template-columns:52px 1fr;padding:15px 8px}
  .brand-belief+.brand-belief{border-left:0;border-top:1px solid #dcc7aa}
  .brand-section-heading,.brand-find-heading{font-size:1.35rem;text-align:center}
  .brand-section-heading span,.brand-find-heading span{width:26px}
  .brand-journal-grid{grid-template-columns:1fr}
  .brand-row-heading{align-items:center}
  .brand-find-grid{grid-template-columns:1fr 1fr}
  .brand-series-grid{grid-template-columns:1fr}
  .brand-series-card{min-height:170px}
  .brand-bottom-grid{grid-template-columns:1fr}
  .brand-stay,.brand-guide-mini{border-left:0;border-right:0;border-top:1px solid rgba(217,151,43,.22)}
  .brand-guide-mini{grid-column:auto}
  .brand-mini-footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:10px 0}
  .brand-mini-logo img{object-position:center}
  .brand-mini-footer nav{flex-wrap:wrap;gap:12px 18px}
}
@media(max-width:520px){
  .brand-shell{width:min(100% - 22px,1160px)}
  .brand-hero-copy{padding-top:30px}
  .brand-hero-copy h1{font-size:clamp(2.7rem,14vw,3.75rem)}
  .brand-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .brand-btn{padding:0 10px;font-size:.72rem}
  .brand-hero-portrait{min-height:330px}
  .brand-beliefs{padding-top:24px}
  .brand-section-heading{align-items:flex-start}
  .brand-journal{padding-top:15px}
  .brand-row-heading h2{font-size:1.3rem}
  .brand-row-heading>a{font-size:.68rem}
  .brand-find-grid{grid-template-columns:1fr}
  .brand-find-card{min-height:130px}
  .brand-series-heading{align-items:center}
  .brand-series-heading h2{font-size:1.08rem}
  .brand-series-card{grid-template-columns:1.45fr .85fr;padding:10px 8px}
  .brand-cover3d img{height:100px}
  .brand-about-mini{grid-template-columns:90px 1fr;gap:13px}
  .brand-about-mini img{width:90px;height:125px}
}