@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-400i-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-500i-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-500i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --ink:#141414; --muted:#777; --line:#e4e4e4; --bg:#ffffff;
  /* frueher Zierserife (EB Garamond) -> jetzt schlank serifenlos */
  --serif:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  --bar:62px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.6;font-size:18px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

/* ---- Kopfleiste: Standard = weiß & kompakt; Startseite = Overlay ---- */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;
  align-items:center;justify-content:space-between;gap:24px;
  padding:11px 24px;background:transparent;transition:.28s ease}
.brand-block{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-row{display:flex;align-items:baseline;gap:10px}
.brand{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:700;font-size:14px;letter-spacing:2px;color:var(--ink)}
.pron{font-family:var(--sans);font-weight:400;font-size:10px;
  letter-spacing:1.5px;opacity:.5;text-transform:uppercase;
  color:var(--ink)}
.pron:hover{opacity:1;text-decoration:underline}
.topbar nav{display:flex;gap:26px;flex-shrink:0}
.nav-toggle{display:none;width:22px;height:22px;padding:0;
  border:1px solid currentColor;background:none;cursor:pointer;color:#fff}

/* EIN Header ueberall identisch – kein optischer Sprung zwischen Seiten */
.topbar{background:rgba(0,0,0,.45);border:0;padding:15px 28px}
.topbar.shrink{background:rgba(0,0,0,.58);padding:9px 28px;
  backdrop-filter:saturate(160%) blur(9px);
  -webkit-backdrop-filter:saturate(160%) blur(9px)}
.brand{color:#fff;font-size:18px;letter-spacing:2.5px;gap:12px}
.pron{opacity:.8;font-size:11px;color:#fff}
.tagline{display:inline-block;font-family:var(--sans);
  font-size:10px;letter-spacing:1.2px;color:#fff;text-transform:uppercase;
  margin-top:1px;overflow:hidden;max-height:28px;transition:.28s ease}
.topbar.shrink .tagline{max-height:0;opacity:0;margin:0;padding:0;border:0}
.topbar nav a{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(255,255,255,.6)}
.topbar nav a:hover{color:#fff}
.topbar nav a.cur{color:#fff;opacity:1}

/* Portfolio: NIRGENDS graue Hinterlegung – Header ueberall transparent */
body.pf .topbar,body.pf .topbar.shrink{background:transparent;
  border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Start & Projects liegen ueber Bild/Video -> helle Schrift + Schatten */
body.pf.home .brand,body.pf.home .pron,body.pf.home .tagline,
body.pf.home .topbar nav a{text-shadow:0 1px 8px rgba(0,0,0,.55)}
/* helle Inhaltsseiten (About, Projekt) -> dunkle, lesbare Schrift */
body.pf.page .brand,body.pf.page .pron,body.pf.page .tagline,
body.pf.page .topbar nav a,body.pf.page .topbar nav a.cur,
body.pf.page .nav-toggle,
body.pf.proj-view .brand,body.pf.proj-view .pron,
body.pf.proj-view .tagline,body.pf.proj-view .topbar nav a,
body.pf.proj-view .topbar nav a.cur,body.pf.proj-view .nav-toggle{
  color:#141414;text-shadow:none}

/* ---- Startseite: Masonry (kein Beschnitt, Hochkant bleibt Hochkant) ---- */
.feed{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:46vw;
  gap:4px;width:100%;margin:0;padding:0}
.card{display:block;position:relative;margin:0;background:#111;
  overflow:hidden}
.card.wide{grid-column:span 2}
.card-img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s ease}
.card-img.empty{background:#222;aspect-ratio:3/2}
.card:hover .card-img{transform:scale(1.03)}
.card-title{position:absolute;left:22px;right:22px;bottom:20px;
  font-family:var(--serif);font-weight:300;font-size:22px;color:#fff;
  text-transform:uppercase;letter-spacing:1.5px;line-height:1.18;
  text-shadow:0 1px 10px rgba(0,0,0,.40)}

/* ---- Projektseite ---- */
.proj{max-width:1140px;margin:0 auto;padding:118px 24px 90px}
.proj h1{font-family:var(--serif);font-size:50px;font-weight:300;
  letter-spacing:.5px;line-height:1.12;margin:0 auto 22px;max-width:760px}
.lead{font-family:var(--serif);font-weight:300;font-size:24px;color:#333;
  margin:6px auto 28px;font-style:italic;max-width:760px}
.desc{margin:0 auto 20px;color:#2a2a2a;max-width:760px}
.video{position:relative;padding-bottom:56.25%;height:0;
  margin:38px auto;max-width:960px}
.video iframe{position:absolute;inset:0;width:100%;height:100%}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0 0}
.gallery .shot{margin:0;display:flex;flex-direction:column}
.gallery .shot.full{grid-column:1 / -1}
.gallery .shot img{width:100%;display:block;border:1px solid rgba(0,0,0,.06);
  cursor:zoom-in}
.gallery .shot:not(.full) img{aspect-ratio:3/2;object-fit:cover}
.gallery figcaption{color:var(--muted);font-size:14px;margin:10px 2px 4px}
.lb{position:fixed;inset:0;z-index:200;display:none;align-items:center;
  justify-content:center;background:rgba(8,8,8,.95)}
.lb.on{display:flex}
.lb-stage{margin:0;display:flex;flex-direction:column;align-items:center;
  max-height:94vh}
.lb-stage img{max-width:90vw;max-height:80vh;width:auto;height:auto;
  object-fit:contain}
.lb-stage figcaption{color:#ddd;font-size:13px;letter-spacing:.5px;
  margin-top:14px;text-align:center;max-width:80vw}
.lb button{position:absolute;background:none;border:0;color:#fff;
  cursor:pointer;opacity:.85;font-family:var(--serif)}
.lb button:hover{opacity:1}
.lb-close{top:14px;right:22px;font-size:38px;line-height:1}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);font-size:58px;
  padding:6px 16px}
.lb-prev{left:6px}
.lb-next{right:6px}
.back-foot{margin:46px auto 0;max-width:760px;font-size:13px;
  text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.back-foot a:hover{color:var(--ink)}

/* ---- Projekt-Ansicht (weiß, scrollbar; Text vollständig sichtbar) ---- */
.viewer{position:relative;min-height:100vh;background:#fff;color:var(--ink);
  display:flex;flex-direction:column;padding:92px 30px 34px}
.v-top{flex:0 0 auto}
.v-back{font-size:12px;text-transform:uppercase;letter-spacing:2px;
  color:var(--muted)}
.v-back:hover{color:var(--ink)}
/* Portfolio: kleiner Zurueck-Pfeil zur Projektuebersicht.
   Grosszuegige Tap-Flaeche fuer mobil. */
.pf-back{display:inline-flex;align-items:center;gap:9px;
  font-size:12px;text-transform:uppercase;letter-spacing:2px;
  color:var(--muted);text-decoration:none;
  padding:10px 8px;margin:-6px 0 16px -8px;min-height:24px}
.pf-back:hover{color:var(--ink)}
.pf-back-ar{font-size:20px;line-height:1;font-weight:400}
@media(max-width:600px){
  .pf-back{font-size:13px;gap:10px;padding:12px 10px;
    margin:-4px 0 14px -10px}
  .pf-back-ar{font-size:22px}}
.v-title{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:600;font-size:13px;letter-spacing:2px;margin:4px 0 4px;
  text-transform:uppercase}
.v-desc{max-width:780px;color:#333;font-size:15px;line-height:1.6}
.v-desc p{margin:0 0 6px}
.v-lead{font-family:var(--serif);font-weight:300;font-style:italic;font-size:17px;color:#222}
.v-film{display:inline-block;margin-top:6px;font-size:12px;
  letter-spacing:1.5px;text-transform:uppercase;
  border-bottom:1px solid currentColor;color:var(--ink)}
.v-stage{flex:0 0 auto;position:relative;overflow:hidden;
  height:clamp(340px,60vh,720px);margin:26px 0 6px}
.v-track{display:flex;align-items:center;height:100%;gap:4px;
  transition:transform .45s ease;will-change:transform}
.v-slide{flex:0 0 auto;height:100%}
.v-slide img{height:100%;width:auto;max-width:none;display:block}
.v-slide:not(.is-active){cursor:pointer}
.v-slide.is-active{cursor:zoom-in}
.v-cap{flex:0 0 auto;text-align:center;font-size:13px;color:var(--muted);
  min-height:18px;margin:2px 0 0}
.v-nav{position:absolute;top:0;bottom:0;width:10%;border:0;background:none;
  color:var(--ink);font-size:40px;cursor:pointer;opacity:.3;z-index:5}
.v-nav:hover{opacity:.85}
.v-prev{left:0}
.v-next{right:0}
.v-thumbs{flex:0 0 auto;display:flex;justify-content:center;gap:4px;
  overflow-x:auto;padding:8px 0 14px}
.v-th{flex:0 0 auto;width:96px;height:64px;padding:0;border:0;
  background:none;cursor:pointer;opacity:.45;transition:opacity .2s}
.v-th img{width:100%;height:100%;object-fit:cover;display:block}
.v-th:hover{opacity:.8}
.v-th.active{opacity:1;outline:2px solid var(--ink);outline-offset:-2px}
@media(max-width:600px){
  .viewer{padding:80px 12px 24px}
  .v-title{font-size:12px}
  .v-stage{height:clamp(260px,52vh,520px);margin:20px 0 6px}
  .v-track{gap:0}
  .v-slide{display:flex;align-items:center;justify-content:center}
  .v-slide img{height:auto;width:auto;max-width:100%;max-height:100%;
    object-fit:contain}
  .v-nav{font-size:30px;width:16%}
  .v-th{width:74px;height:50px}
}

/* ---- About / Contact ---- */
.textpage{max-width:680px;margin:0 auto;padding:96px 24px 110px}
.textpage h1{font-family:var(--serif);font-size:54px;font-weight:300;
  margin-bottom:28px;letter-spacing:.5px}
.textpage p{margin:0 0 18px;font-size:19px;color:#2a2a2a}
.about{max-width:1240px;margin:0 auto;padding:92px 48px 100px}
.about-grid{display:grid;grid-template-columns:minmax(0,560px) 1fr;
  gap:48px;align-items:start}
.about-grid.no-photo{grid-template-columns:1fr;max-width:680px}
.about-photo{overflow:hidden;border:1px solid rgba(0,0,0,.07)}
.about-photo img{width:100%;display:block;transform:scale(1.1);
  transform-origin:100% 100%}
.about-text h1{font-family:var(--serif);font-size:48px;font-weight:300;
  margin-bottom:22px;letter-spacing:.5px}
.about-text p:last-of-type{white-space:pre-line}
.about-text p{margin:0 0 18px;font-size:18px;color:#2a2a2a}
.contact-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;
  font-size:13px;text-transform:uppercase;letter-spacing:2px}
.contact-links a{border-bottom:1px solid currentColor;padding-bottom:3px;
  color:var(--ink)}
.contact-links a:hover{color:var(--muted)}
@media(max-width:760px){
  .about{padding:74px 18px 80px}
  .about-grid{grid-template-columns:1fr;gap:22px}
  .about-text h1{font-size:34px}
}

.empty-note{color:var(--muted);text-align:center;padding:80px 0}
.site-foot{display:flex;justify-content:center;gap:30px;
  padding:44px 20px 50px;background:#fff;font-size:11px;
  letter-spacing:2px;text-transform:uppercase}
.site-foot a{color:#8a8a8a}
.site-foot a:hover{color:#000}
.textpage h2{font-family:var(--serif);font-weight:700;font-size:30px;
  letter-spacing:.5px;margin:42px 0 14px}
.imp-sep{border:0;border-top:1px solid var(--line);margin:38px 0}
.hold{position:relative;min-height:100vh;display:flex;align-items:center;
  justify-content:center;overflow:hidden;color:#fff}
.hold-bg{position:absolute;inset:0;z-index:0;background:#141414}
.hold-bg img,.hold-bg video{width:100%;height:100%;object-fit:cover;
  display:block;pointer-events:none}
/* Hintergrund-Video: keinerlei Steuer-/Playbutton einblenden */
.hold-bg video::-webkit-media-controls,
.hold-bg video::-webkit-media-controls-start-playback-button{
  display:none!important;-webkit-appearance:none}
.hold::after{content:"";position:absolute;inset:0;z-index:1;
  background:rgba(0,0,0,.20)}
.hold-inner{position:relative;z-index:2;text-align:center;
  padding:24px;max-width:760px}
.hold-msg{font-family:var(--sans);font-weight:200;font-size:22px;
  letter-spacing:.3px;line-height:1.4;margin:0 0 28px;
  text-shadow:0 2px 16px rgba(0,0,0,.6)}
/* Baustellenseite: Untertitel unter dem Namen in EINER Zeile */
.tl-break{display:none}   /* Untertitel ueberall in EINER Zeile */
/* NUR die Baustellen-STARTSEITE (home+holding): nicht scrollbar,
   Imprint fix ueber dem Video. About/Imprint scrollen normal. */
body.home.holding{overflow:hidden}
body.home.holding .hold{height:100vh;height:100dvh;min-height:0}
body.home.holding .site-foot{position:fixed;left:0;right:0;bottom:20px;
  z-index:60;background:transparent;padding:0;pointer-events:none}
body.home.holding .site-foot a{color:#fff;opacity:.85;pointer-events:auto;
  text-shadow:0 1px 8px rgba(0,0,0,.55)}
body.home.holding .site-foot a:hover{opacity:1;color:#fff}
.hold-links{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;
  font-size:13px;letter-spacing:2px;text-transform:uppercase}
.hold-links a{color:#fff;border-bottom:1px solid rgba(255,255,255,.7);
  padding-bottom:3px;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hold-links a:hover{border-color:#fff}
@media(max-width:600px){.hold-msg{font-size:18px}}

@media(max-width:900px){
  .card-title{font-size:19px}
}
@media(max-width:820px){
  .feed{grid-template-columns:1fr;grid-auto-rows:92vw}
  .card.wide{grid-column:span 1}
}
@media(max-width:600px){
  body{font-size:17px}
  .topbar{padding:12px 16px;gap:10px}
  .topbar.shrink{padding:9px 16px}
  .brand{font-size:13px;letter-spacing:1.5px;gap:7px}
  .pron{font-size:9px}
  .tagline{font-size:8.5px;letter-spacing:.4px;
    max-height:48px;overflow:hidden;white-space:normal;line-height:1.35}
  .nav-toggle{display:block}
  .topbar nav{position:absolute;top:100%;right:0;
    flex-direction:column;align-items:flex-end;gap:0;
    background:rgba(0,0,0,.6);backdrop-filter:saturate(160%) blur(9px);
    -webkit-backdrop-filter:saturate(160%) blur(9px);
    padding:14px 16px;display:none}
  body.menu-open .topbar nav{display:flex}
  .topbar nav a.cur{display:none}
  .topbar nav a{color:#fff;border:0;
    padding:7px 2px;font-size:15px;letter-spacing:2.5px;opacity:1}
  /* Baustellenseite mobil: "About" direkt zeigen (kein Menue-Kaestchen) */
  body.holding .nav-toggle{display:none}
  body.holding .topbar nav{position:static;display:flex;flex-direction:row;
    background:none;backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:0;border:0;gap:0}
  body.holding .topbar nav a,body.holding.home .topbar nav a{color:#fff;
    font-size:13px;letter-spacing:2px;padding:6px 2px;opacity:1;
    text-shadow:0 1px 6px rgba(0,0,0,.6)}
  /* Portfolio mobil: kein Menue-Kaestchen; Link (About bzw. Projects)
     direkt im Header. Farbe kommt aus den body.pf-Regeln. */
  body.pf .nav-toggle{display:none}
  body.pf .topbar nav{position:static;display:flex;flex-direction:row;
    background:none;backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:0;border:0;gap:0}
  body.pf .topbar nav a{font-size:13px;letter-spacing:2px;
    padding:6px 2px;opacity:1}
  .feed{grid-template-columns:1fr;padding:0}
  .card-title{font-size:20px;left:18px;right:18px;bottom:18px}
  .proj{padding:90px 12px 70px}
  .proj h1,.textpage h1{font-size:32px}
  .textpage{padding:104px 18px 80px}
  .gallery{grid-template-columns:1fr;gap:3px}
  .gallery .shot:not(.full) img{aspect-ratio:auto}
  .lb-prev,.lb-next{font-size:42px;opacity:.6}
}

/* NUR Projektseiten: Header/Name auf deckend weisser Unterlegung,
   damit der Beschreibungstext nicht durch den Header scheint.
   Gilt fuer Website UND Portfolio (schlaegt die pf-Transparenz). */
body.proj-view .topbar,body.proj-view .topbar.shrink,
body.pf.proj-view .topbar,body.pf.proj-view .topbar.shrink{
  background:#fff;border-bottom:1px solid var(--line);
  backdrop-filter:none;-webkit-backdrop-filter:none}
body.proj-view .brand,body.proj-view .pron,body.proj-view .tagline,
body.proj-view .topbar nav a,body.proj-view .topbar nav a.cur,
body.proj-view .nav-toggle,body.proj-view .pf-back,
body.pf.proj-view .brand,body.pf.proj-view .pron,
body.pf.proj-view .tagline,body.pf.proj-view .topbar nav a,
body.pf.proj-view .topbar nav a.cur,body.pf.proj-view .nav-toggle{
  color:#141414;text-shadow:none}