.vb {
  --diep: #0f1a2b;
  --eiland: #18263c;
  --land: #132134;
  --zand: #E2CFA6;
  --zand-zacht: rgba(226, 207, 166, .5);
  --licht: #F6EBD3;
  --inkt: #0f1a2b;
  position: relative; background: var(--diep); color: var(--wit);
}
.vb .label { color: rgba(255, 255, 255, .66); }
.vb h2, .vb h3 { color: var(--wit); }
.vb .intro-zin { color: rgba(255, 255, 255, .8); }
.kop.donker.diep.vast { background: rgba(15, 26, 43, .84); box-shadow: 0 1px 0 rgba(255, 255, 255, .08); }

.vb-baan { padding: 14rem 0 0; }
.vb-scherm { position: relative; }
.vb-titel, .vb-stappen { padding: 0 var(--rand); }
.vb-titel h2 { margin-top: 2.4rem; }
.vb-stappen { margin-top: 8rem; }
.vb-stap-vak { display: grid; gap: 5rem; }
.vb-stap h3 { margin: 1.6rem 0 0; font-size: 3.2rem; }
.vb-stap p:not(.label) { margin: 1.4rem 0 0; max-width: 46rem; font-size: 1.6rem; line-height: 1.55; color: rgba(255, 255, 255, .8); }
.vb-kaart, .vb-nav { display: none; }
@media (min-width: 1024px) { .vb-stap h3 { font-size: 4.4rem; } .vb-stap p:not(.label) { font-size: 1.7rem; } }

.vb-kaart { position: relative; overflow: hidden; }
.vb-svg { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; }
.vb-grond { fill: var(--diep); }
.vb-cam path { vector-effect: non-scaling-stroke; }
.vb-land { fill: var(--land); stroke: rgba(246, 235, 211, .22); stroke-width: .8; stroke-linejoin: round; }
.vb-eiland { fill: var(--eiland); }
.vb-kust { fill: none; stroke: rgba(246, 235, 211, .5); stroke-width: 1; stroke-linejoin: round; }
.vb-water { fill: var(--diep); stroke: rgba(246, 235, 211, .22); stroke-width: .7; stroke-linejoin: round; }
.vb-strand { fill: rgba(226, 207, 166, .2); stroke: none; }
.vb-startbaan { fill: none; stroke: rgba(240, 238, 234, .3); stroke-width: 3; stroke-linecap: butt; }
.vb-weg { fill: none; stroke: #F0EEEA; stroke-linecap: round; stroke-linejoin: round; }
.vb-weg-straat { stroke-opacity: .13; stroke-width: .7; }
.vb-weg-pad { stroke-opacity: .11; stroke-width: .6; }
.vb-weg-lokaal { stroke-opacity: .24; stroke-width: 1; }
.vb-weg-hoofd { stroke-opacity: .36; stroke-width: 1.4; }
.vb-pand { display: none; fill: var(--licht); fill-opacity: 0; stroke: var(--licht); stroke-opacity: 0; stroke-width: .7; stroke-linejoin: round; }
.vb-strand-licht path { display: none; fill: var(--zand); fill-opacity: 0; stroke: none; }
.vb-raster path { fill: none; stroke: #F0EEEA; stroke-width: 1; shape-rendering: crispEdges; }
.vb-kustlijn, .vb-kustlijn-gloed, .vb-kustlijn-staart { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.vb-kustlijn { stroke: var(--zand); stroke-width: 2.2; }
.vb-spoor { fill: none; stroke: var(--zand); stroke-opacity: .85; stroke-width: 2.6; stroke-linecap: round; stroke-dasharray: .1 6.9; }
.vb-kustlijn-gloed { stroke: var(--zand); stroke-opacity: .16; stroke-width: 10; }
.vb-kustlijn-staart { stroke: #FFF8EA; stroke-width: 2.8; }
.vb-kustlijn-staart-lang { stroke: var(--licht); stroke-opacity: .3; stroke-width: 7; }

.vb-project path { stroke-linejoin: round; }
.vb-pr-wegvlak { fill: rgba(246, 235, 211, .07); stroke: rgba(246, 235, 211, .3); stroke-width: .8; }
.vb-pr-lus { fill: none; stroke: rgba(246, 235, 211, .22); stroke-linecap: round; }
.vb-pr-gebouw { fill: var(--licht); fill-opacity: 0; stroke: var(--licht); stroke-opacity: .9; stroke-width: 1.1; }
.vb-pr-wand { fill: none; stroke: rgba(246, 235, 211, .38); stroke-width: .7; }
.vb-pr-trap { fill: rgba(246, 235, 211, .14); stroke: rgba(246, 235, 211, .7); stroke-width: .8; }
.vb-pr-zwembad { fill: rgba(126, 204, 230, .5); stroke: rgba(196, 236, 250, .95); stroke-width: .8; }
.vb-pr-tuin { fill: rgba(246, 235, 211, .04); stroke: rgba(246, 235, 211, .3); stroke-width: .7; stroke-dasharray: 2 3; }
.vb-pr-vak { fill: none; stroke: rgba(246, 235, 211, .22); stroke-width: .6; }
.vb-pr-perceel { fill: var(--licht); fill-opacity: 0; stroke: var(--licht); stroke-opacity: .95; stroke-width: 1.15; }
.vb-pr-kamer { fill: rgba(246, 235, 211, .26); stroke: rgba(246, 235, 211, .8); stroke-width: .8; }
.vb-pr-vlak { fill: rgba(246, 235, 211, .035); stroke: rgba(246, 235, 211, .2); stroke-width: .6; stroke-dasharray: 3 3; }
.vb-pr-licht { fill: rgba(246, 235, 211, .05); stroke: rgba(246, 235, 211, .5); stroke-width: .8; stroke-dasharray: 4 3; }
.vb-vizier { fill: none; stroke: var(--licht); stroke-opacity: .75; stroke-width: 1.2; stroke-linecap: square; }
.vb-steden circle:first-child { fill: none; stroke: rgba(255, 255, 255, .32); stroke-width: 1; }
.vb-steden circle:last-child { fill: var(--licht); }
.vb-doel-ring { fill: none; stroke: var(--licht); stroke-width: 1.2; opacity: 0; transform-box: fill-box; transform-origin: center; animation: vb-doel 2.4s var(--uit) infinite; }
.vb-doel-ring-2 { animation-delay: 1.2s; }
.vb-stip-gloed { fill: url(#vb-gloed); transform-box: fill-box; transform-origin: center; }
.vb-stip-kern { fill: var(--licht); }
.vb-stip-puls { fill: none; stroke: var(--licht); stroke-width: 1; opacity: 0; transform-box: fill-box; transform-origin: center; }
.vb-stip.aan .vb-stip-gloed { animation: vb-bloei 1.8s var(--uit) both; }
.vb-klaar .vb-stip-puls { animation: vb-puls 3s var(--uit) infinite; }
.vb-kop-weg circle:last-child { fill: #FFF8EA; }
@keyframes vb-bloei { 0% { transform: scale(0); } 45% { transform: scale(1.7); } 100% { transform: scale(1); } }
@keyframes vb-puls { 0% { opacity: .8; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(3.2); } }
@keyframes vb-doel { 0% { opacity: .9; transform: scale(.7); } 100% { opacity: 0; transform: scale(3.4); } }

.vb-etiketten, .vb-punten, .vb-kaartjes { position: absolute; inset: 0; pointer-events: none; }
.vb-etiketten, .vb-punten { z-index: 1; }
.vb-kaartjes { z-index: 5; }
.vb-etiket, .vb-punt { position: absolute; left: 0; top: 0; white-space: nowrap; opacity: 0; visibility: hidden; will-change: transform, opacity; }
.vb-etiket { font: 300 1.7rem/1.1 var(--serif); letter-spacing: -.005em; color: var(--wit); text-shadow: 0 0 .35rem var(--diep); }
.vb-etiket-klein { font: 500 1rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .66); }
.vb-etiket-zee { font: 300 1.4rem/1 var(--serif); letter-spacing: .4em; text-transform: uppercase; color: rgba(246, 235, 211, .34); text-shadow: none; }
.vb-etiket-land { font: 300 1.2rem/1 var(--serif); letter-spacing: .34em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.vb-etiket-eiland { font: 300 2rem/1 var(--serif); letter-spacing: .3em; text-transform: uppercase; color: var(--licht); }
.vb-etiket-water { font: 300 1.2rem/1 var(--serif); letter-spacing: .32em; text-transform: uppercase; color: rgba(246, 235, 211, .55); }
.vb-etiket-baai { font-size: 1.5rem; letter-spacing: .36em; color: rgba(246, 235, 211, .72); }
.vb-etiket-rand { font-size: 1.6rem; }
.vb-etiket small { display: block; margin-top: .3rem; font: 500 .95rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .62); }
.vb-etiket-rand small { color: var(--zand); }
.vb-etiket-rand.links { text-align: right; }
.vb-etiket-scroll { font: 500 1.05rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--zand); }
.vb-etiket-villa { font: 300 1.5rem/1 var(--serif); color: var(--licht); }
.vb-etiket-villas { font-size: 2rem; color: var(--licht); }
.vb-etiket-villas small { color: var(--zand); }
@media (max-width: 1023px) { .vb-etiket-villas { font-size: 1.7rem; } .vb-etiket-villas small { display: none; } }
.vb-etiket-fase { font: 500 .95rem/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.vb-adem { position: absolute; left: -32px; top: -32px; width: 64px; height: 64px; opacity: 0; will-change: transform, opacity; }
.vb-adem i { display: block; height: 100%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 248, 234, .75), rgba(246, 235, 211, .26) 45%, rgba(226, 207, 166, 0)); animation: vb-adem 3.6s ease-in-out infinite; }
.vb-ver .vb-adem i { animation-play-state: paused; }
@keyframes vb-adem { 0%, 100% { opacity: .12; transform: scale(.7); } 50% { opacity: .9; transform: scale(1.1); } }

.vb-punt {
  display: inline-flex; align-items: center; gap: .9rem; min-height: 4.4rem; margin: 0; padding: 0 .4rem;
  border: 0; background: none; color: var(--wit); cursor: pointer; pointer-events: auto; text-align: left;
  font: 300 1.7rem/1.1 var(--serif); letter-spacing: -.005em;
  text-shadow: 0 0 .35rem var(--diep);
  -webkit-tap-highlight-color: transparent; transition: color .5s var(--uit);
}
.vb-punt::before {
  content: ""; flex: none; width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 1px solid var(--zand-zacht);
  background:
    linear-gradient(var(--zand), var(--zand)) center / .8rem 1px no-repeat,
    linear-gradient(var(--zand), var(--zand)) center / 1px .8rem no-repeat;
  transition: transform .5s var(--uit), background-color .5s var(--uit), border-color .5s var(--uit);
}
.vb-punt:hover::before, .vb-punt[aria-expanded="true"]::before { border-color: var(--zand); background-color: rgba(226, 207, 166, .18); }
.vb-punt[aria-expanded="true"]::before { transform: rotate(45deg); }
.vb-punt.links { flex-direction: row-reverse; text-align: right; }
.vb-punt:focus-visible { outline: 1px solid var(--zand); outline-offset: 2px; }
.vb-punt small { display: block; margin-top: .3rem; font: 500 .95rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .62); }
.vb-punt-hier { font-size: 2rem; color: var(--licht); }
@media (min-width: 1024px) {
  .vb-etiket, .vb-punt { font-size: 1.9rem; }
  .vb-etiket-klein { font-size: 1.05rem; }
  .vb-etiket-zee { font-size: 1.6rem; }
  .vb-etiket-land { font-size: 1.35rem; }
  .vb-etiket-eiland { font-size: 2.6rem; }
  .vb-etiket-water { font-size: 1.3rem; }
  .vb-etiket-baai { font-size: 1.7rem; }
  .vb-etiket-rand { font-size: 1.8rem; }
  .vb-etiket small, .vb-punt small { font-size: 1.05rem; }
  .vb-etiket-scroll { font-size: 1.2rem; letter-spacing: .16em; }
  .vb-punt-hier { font-size: 2.4rem; }
  .vb-etiket-villa { font-size: 1.8rem; }
  .vb-etiket-villas { font-size: 2.4rem; }
  .vb-etiket-fase { font-size: 1rem; }
}

.vb-kaartje {
  position: absolute; left: 0; top: 0; width: min(30rem, calc(100% - 2.4rem)); padding: 1.8rem 2rem 2rem;
  border-radius: .3rem; background: var(--licht); color: var(--inkt); pointer-events: auto;
  box-shadow: 0 2.4rem 6rem rgba(0, 0, 0, .5);
  animation: vb-kaartje .45s var(--uit) both;
}
.vb-kaartje .label { margin-bottom: .8rem; color: rgba(15, 26, 43, .62); }
.vb-kaartje p:last-child { margin: 0; font-size: 1.5rem; line-height: 1.5; }
@keyframes vb-kaartje { from { opacity: 0; } }

.vb-niveau {
  position: absolute; z-index: 3; left: 1.6rem; top: calc(var(--kop) + 1.4rem); margin: 0; height: 1.4rem; pointer-events: none;
  font: 500 1rem/1.4rem var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--licht);
  text-shadow: 0 0 .8rem var(--diep), 0 0 .3rem var(--diep);
}
.vb-niveau span { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 1rem; white-space: nowrap; opacity: 0; will-change: opacity, transform; }
.vb-niveau span::before { content: ""; width: 2.4rem; height: 1px; background: var(--zand); }
@media (min-width: 1024px) { .vb-niveau { left: 42%; top: calc(var(--kop) + 3rem); font-size: 1.05rem; } }

.vb-meta {
  position: absolute; right: var(--rand); bottom: 3.2rem; z-index: 3; display: flex; align-items: flex-end; gap: 2.4rem;
  font: 500 1rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .5);
  font-variant-numeric: tabular-nums; pointer-events: none; text-shadow: 0 0 .8rem var(--diep), 0 0 .3rem var(--diep);
}
.vb-schaal { display: flex; flex-direction: column; gap: .6rem; }
.vb-schaal i { display: block; width: 8rem; height: .5rem; border: 1px solid rgba(255, 255, 255, .45); border-top: 0; }
.vb-noord { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.vb-noord::after { content: ""; width: 1px; height: 1.6rem; background: linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, 0)); }
@media (max-width: 1023px) {
  .vb-meta { top: calc(var(--kop) + 1.2rem); right: 1.6rem; bottom: auto; align-items: flex-start; gap: 1.6rem; }
  .vb-coord { display: none; }
}

.vb-nav { list-style: none; margin: 0 0 2.8rem; padding: 0; gap: 1rem; max-width: 46rem; }
.vb-nav li { flex: 1; min-width: 0; }
.vb-nav button {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .6rem; width: 100%;
  padding: 0 0 1.1rem; border: 0; background: none; cursor: pointer; text-align: left;
  font: 500 1rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .45);
  transition: color .5s var(--uit);
}
.vb-nav button:hover { color: rgba(255, 255, 255, .8); }
.vb-nav button.actief { color: var(--wit); }
.vb-nav-nr { font: 300 1.6rem/1 var(--serif); letter-spacing: 0; }
.vb-nav-naam { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vb-nav i { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .16); }
.vb-nav i::after { content: ""; position: absolute; inset: 0; background: var(--zand); transform: scaleX(var(--vul, 0)); transform-origin: left; }
@media (max-width: 649px) { .vb-nav { gap: .8rem; } .vb-nav button { font-size: .9rem; letter-spacing: .06em; } }

@media (prefers-reduced-motion: no-preference) {
  .js .vb-baan { height: calc(1400vh + 45svh); padding: 0; }
  .js .vb-na { position: relative; z-index: 2; margin-top: -45vh; margin-top: -45svh; }
  .js .vb-scherm.vb-uit .vb-stappen, .js .vb-scherm.vb-uit .vb-titel { opacity: calc(1 - var(--uitloop) * 2.2) !important; }
  .js .vb-scherm { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
  .js .vb-scherm::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: linear-gradient(0deg, rgba(15, 26, 43, 0.97) 0%, rgba(15, 26, 43, 0.97) 20%, rgba(15, 26, 43, 0.962) 22.6%, rgba(15, 26, 43, 0.914) 25.2%, rgba(15, 26, 43, 0.812) 27.8%, rgba(15, 26, 43, 0.662) 30.4%, rgba(15, 26, 43, 0.485) 33%, rgba(15, 26, 43, 0.308) 35.6%, rgba(15, 26, 43, 0.158) 38.2%, rgba(15, 26, 43, 0.056) 40.8%, rgba(15, 26, 43, 0.008) 43.4%, rgba(15, 26, 43, 0) 46%);
  }
  .js .vb-kaart { display: block; position: absolute; inset: 0; }
  .js .vb-kaart::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 75%; z-index: 8; pointer-events: none;
    background: linear-gradient(to bottom, rgba(15, 26, 43, 0), rgba(15, 26, 43, .45) 45%, rgba(15, 26, 43, .85) 80%, var(--diep));
    opacity: var(--uitloop, 0);
  }
  .js .vb-titel, .js .vb-stappen {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; margin: 0; padding: 0 var(--rand) 3.2rem;
    will-change: opacity, transform;
  }
  .js .vb-titel.weg, .js .vb-stappen:not(.actief) { pointer-events: none; }
  .js .vb-stappen { opacity: 0; visibility: hidden; }
  .js .vb-nav { display: flex; }
  .js .vb-stappen { display: flex; flex-direction: column-reverse; }
  .js .vb-nav { margin: 2.8rem 0 0; }
  .js .vb-stap-vak { gap: 0; }
  .js .vb-stap { grid-area: 1 / 1; align-self: end; opacity: 0; visibility: hidden; will-change: opacity, transform; }
  .js .vb-stap > .label { display: none; }
  .js .vb-stap h3 { margin-top: 0; text-wrap: balance; }
  @media (max-width: 1023px) {
    .js .vb-titel h2 { font-size: 3.6rem; }
    .js .vb-titel .intro-zin { font-size: 1.6rem; margin-top: 1.6rem; }
    .js .vb-stap h3 { font-size: 2.8rem; }
    .js .vb-stap p:not(.label) { font-size: 1.5rem; margin-top: 1.2rem; }
    .js .vb-nav { margin-top: 2rem; }
  }
  @media (min-width: 1024px) {
    .js .vb-scherm::after {
      background: linear-gradient(90deg, rgba(15, 26, 43, 0.95) 0%, rgba(15, 26, 43, 0.95) 10%, rgba(15, 26, 43, 0.942) 14.8%, rgba(15, 26, 43, 0.895) 19.6%, rgba(15, 26, 43, 0.795) 24.4%, rgba(15, 26, 43, 0.648) 29.2%, rgba(15, 26, 43, 0.475) 34%, rgba(15, 26, 43, 0.302) 38.8%, rgba(15, 26, 43, 0.155) 43.6%, rgba(15, 26, 43, 0.055) 48.4%, rgba(15, 26, 43, 0.008) 53.2%, rgba(15, 26, 43, 0) 58%);
    }
    .js .vb-titel, .js .vb-stappen { left: var(--rand); right: auto; bottom: 9rem; width: min(54rem, 38vw); padding: 0; }
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .vb-kaart { display: block; height: 72vh; min-height: 44rem; max-height: 80rem; margin: 6rem 0 0; }
  .js .vb-nav { display: flex; }
  .js .vb-stappen { margin-top: 4rem; }
  .js .vb-stap { display: none; }
  .js .vb-stap.actief { display: block; }
  .js .vb-stap > .label { display: none; }
  .js .vb-stap h3 { margin-top: 0; }
  .js .vb-niveau { top: 2rem; left: 1.6rem; }
  .js .vb-meta { top: auto; bottom: 1.6rem; right: 1.6rem; }
  .vb-doel-ring, .vb-punt.doel::before, .vb-klaar .vb-stip-puls, .vb-stip.aan .vb-stip-gloed, .vb-adem i { animation: none; }
  .vb-doel-ring { opacity: .6; transform: scale(1.6); }
}

.js .vb-zonder-data .vb-baan { height: auto; padding: 14rem 0 0; }
.js .vb-zonder-data .vb-scherm { position: relative; height: auto; overflow: visible; }
.js .vb-zonder-data .vb-scherm::after, .js .vb-zonder-data .vb-kaart, .js .vb-zonder-data .vb-nav { display: none; }
.js .vb-zonder-data .vb-titel, .js .vb-zonder-data .vb-stappen {
  position: relative; left: auto; right: auto; bottom: auto; width: auto; padding: 0 var(--rand); opacity: 1; visibility: visible;
}
.js .vb-zonder-data .vb-stappen { display: block; margin-top: 8rem; }
.js .vb-zonder-data .vb-stap-vak { gap: 5rem; }
.js .vb-zonder-data .vb-stap { display: block; grid-area: auto; align-self: auto; opacity: 1; visibility: visible; transform: none; }
.js .vb-zonder-data .vb-stap > .label { display: block; }
.js .vb-zonder-data .vb-stap h3 { margin-top: 1.6rem; }
.js .vb-zonder-data .vb-na { margin-top: 0; }

.vb-na { padding-top: 12rem; padding-bottom: 6rem; }
@media (min-width: 1024px) { .vb-na { padding-top: 14rem; padding-bottom: 8rem; } }
.vb-getallen { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 2rem; }
.vb-getallen li { padding: 3rem 0 3.6rem; border-top: 1px solid rgba(255, 255, 255, .16); }
@media (max-width: 649px) {
  .vb-getallen li { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 0 1.6rem; align-items: baseline; padding: 2.4rem 0 2.8rem; }
  .vb-getallen li > p:last-child { margin-top: 0 !important; }
}
@media (min-width: 650px) { .vb-getallen { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vb-getal { margin: 0; white-space: nowrap; font: 300 5.2rem/.9 var(--serif); letter-spacing: -.03em; color: var(--licht); }
.vb-getal small { margin-left: .25em; font-size: .32em; letter-spacing: 0; color: rgba(255, 255, 255, .7); }
.vb-tel { display: inline-block; }
.vb-getallen li > p:last-child { margin: 1.8rem 0 0; max-width: 32rem; font-size: 1.4rem; line-height: 1.5; color: rgba(255, 255, 255, .72); }
@media (min-width: 650px) { .vb-getal { font-size: 8rem; } }
@media (min-width: 1024px) {
  .vb-getallen { gap: 0 6rem; }
  .vb-getal { font-size: 9.6rem; }
}
.vb-voet { padding-top: 6rem; padding-bottom: 12rem; }
.vb-bron { margin: 0; max-width: 90rem; font-size: 1.1rem; line-height: 1.6; color: rgba(255, 255, 255, .34); }