@font-face{font-family:Bungee;src:url('/assets/bungee.woff2') format('woff2');font-display:swap}
/* Zelfde logohoogte als GTV Books; Donmail is naar verhouding breder. */
.site-header .site-logo{width:auto;flex-shrink:0}
.site-header .site-logo img{width:auto;height:calc(145px * 120.6836927 / 283.5595962)}
@media(max-width:800px){.site-header .site-logo img{height:calc(115px * 120.6836927 / 283.5595962)}}
:root{--charcoal:#242423;--cream:#eff1e4;--yellow:#f7cc57;--blue:#d4e0dd;--white:#fafaf5;--bungee:Bungee,Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.is-route-resetting{scroll-behavior:auto!important;overflow-anchor:none}body{margin:0;background:var(--charcoal);color:var(--cream);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.site-logo{width:145px}.site-logo img{display:block;width:100%;filter:brightness(0) invert(1)}.nav{display:flex;gap:34px}.nav a,.header-cta{font:16px/1 var(--bungee);padding-bottom:7px}.nav a{color:var(--yellow);border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{color:var(--white);border-color:var(--yellow)}.header-cta{border-bottom:2px solid var(--yellow)}.menu{display:none;background:none;border:0}.menu i{display:block;width:28px;height:2px;background:var(--cream);margin:6px}
.hero{min-height:calc(100vh - 112px);padding-top:14vh;padding-bottom:100px}.hero-kicker,.overline{font:16px var(--bungee);letter-spacing:.04em;color:var(--yellow)}.hero h1,.page-hero h1,.contact-hero h1{font:clamp(56px,8.4vw,118px)/.92 var(--bungee);letter-spacing:-.04em;margin:38px 0 0}.hero h1 em,.page-hero h1 em,.contact-hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy{display:flex;align-items:flex-end;gap:64px;margin:70px 0 0 48%}.hero-copy p,.intro{font-size:18px;line-height:1.65;max-width:470px;margin:0}.hero-copy a{font:16px var(--bungee);white-space:nowrap;border-bottom:2px solid var(--yellow);padding-bottom:8px}
.panel-light{background:var(--cream);color:var(--charcoal)}.panel-yellow{background:var(--yellow);color:var(--charcoal)}.statement{padding:130px 0}.statement-grid{display:grid;grid-template-columns:.5fr 1.5fr 1fr;gap:60px;align-items:start}.overline.dark{color:var(--charcoal)}.statement h2{font:clamp(42px,5.5vw,76px)/.98 var(--bungee);margin:0}.statement-grid>p:last-child{font-size:19px;line-height:1.6;margin:8px 0 0}
.service-teasers{padding:140px 0}.teaser-grid{margin-top:45px;border-top:1px solid #ffffff40}.teaser-grid a{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:38px 0;border-bottom:1px solid #ffffff40;transition:padding .25s,color .25s}.teaser-grid a:hover{padding-left:18px;color:var(--yellow)}.teaser-grid span{font:14px var(--bungee)}.teaser-grid h2{font:clamp(34px,5vw,64px)/1 var(--bungee);margin:0}.teaser-grid b{font-size:28px}
.page-hero,.contact-hero{min-height:calc(92vh - 112px);padding-top:12vh;padding-bottom:90px}.page-hero .intro{margin:65px 0 0 48%}.services{padding:0 max(32px,calc((100vw - 1200px)/2))}.services article{display:grid;grid-template-columns:20% 1fr;padding:95px 0;border-bottom:1px solid #24242344;scroll-margin-top:40px}.services article>span,.process span{font:16px var(--bungee)}.services h2,.process h2{font:clamp(38px,5.5vw,76px)/1 var(--bungee);margin:0 0 26px}.services p{font-size:19px;line-height:1.6;max-width:670px;margin:0}.process{padding:110px 0}.process>.wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.process article{border-top:3px solid var(--charcoal);padding-top:20px}.process h2{font-size:clamp(29px,3.5vw,48px);margin-top:55px}.process p{font-size:17px;line-height:1.6}.quote{padding:140px 0 55px}.quote p{font:clamp(42px,6vw,82px)/1.05 var(--bungee);max-width:1000px;margin:0}
.contact-hero .mail-link{display:inline-flex;gap:30px;font:clamp(22px,3vw,38px) var(--bungee);border-bottom:4px solid var(--yellow);margin-top:75px;padding-bottom:12px}.contact-details{padding:100px 0}.contact-details>.wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.contact-details small{font:14px var(--bungee);color:#555}.contact-details p{font-size:19px;line-height:1.55}
.next-page{display:flex;align-items:flex-end;justify-content:space-between;padding:85px 0 70px;border-top:1px solid #ffffff40}.next-page>span{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.next-page a{font:clamp(30px,4vw,58px) var(--bungee);color:var(--yellow)}footer{min-height:150px;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between}.group-link{display:flex;align-items:center;gap:20px;font-size:13px}.group-link img{width:90px;filter:brightness(0) invert(1)}footer small{opacity:.65}
.page-curtain{position:fixed;inset:0;background:var(--yellow);z-index:100;transform:translateX(101%);pointer-events:none}.is-leaving-next .page-curtain{animation:curtain-next .5s cubic-bezier(.7,0,.3,1) both}.is-leaving-prev .page-curtain{animation:curtain-prev .5s cubic-bezier(.7,0,.3,1) both}.is-entering-next #page-content{animation:enter-next .55s cubic-bezier(.2,.7,.2,1)}.is-entering-prev #page-content{animation:enter-prev .55s cubic-bezier(.2,.7,.2,1)}@keyframes curtain-next{to{transform:translateX(0)}}@keyframes curtain-prev{from{transform:translateX(-101%)}to{transform:translateX(0)}}@keyframes enter-next{from{opacity:0;transform:translateX(7vw)}}@keyframes enter-prev{from{opacity:0;transform:translateX(-7vw)}}
@media(max-width:800px){.wrap{width:min(100% - 36px,1200px)}.site-header{min-height:88px}.site-logo{width:115px}.nav{position:absolute;top:78px;left:18px;right:18px;background:var(--yellow);color:var(--charcoal);padding:28px;display:none;flex-direction:column}.nav.open{display:flex}.nav a{color:var(--charcoal);font-size:18px}.header-cta{display:none}.menu{display:block}.hero{padding-top:11vh}.hero-copy,.page-hero .intro{margin-left:0;display:block}.hero-copy a{display:inline-block;margin-top:38px}.statement-grid{grid-template-columns:1fr}.service-teasers{padding:90px 0}.teaser-grid a{grid-template-columns:50px 1fr auto}.page-hero,.contact-hero{min-height:75vh}.services article{grid-template-columns:1fr;gap:35px;padding:70px 0}.process>.wrap,.contact-details>.wrap{grid-template-columns:1fr}.next-page{align-items:flex-start;gap:30px;flex-direction:column}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:25px}.group-link span{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Linkt contact footer */
.site-contact{padding:140px 0 80px}.site-contact-title{display:flex;justify-content:space-between;align-items:center;font:clamp(41px,6.3vw,89px)/1 var(--bungee);border-bottom:2px solid #65665f;padding:28px 0 55px;transition:color .2s}.site-contact-title:hover{color:var(--yellow)}.site-contact-title span{font-size:.45em}.site-contact-meta{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:50px}.site-contact-meta small{display:block;font:15px var(--bungee);color:var(--yellow);margin-bottom:12px}.site-contact-meta a,.site-contact-meta p{font-size:14px;line-height:1.6;margin:0}.site-contact-details{display:flex;flex-direction:column;align-items:flex-start}.site-contact-details a{margin-bottom:5px}.site-address-details{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.linkt-footer{min-height:0;border-top:1px solid #575852;padding:36px 0 90px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aeb0a7;gap:32px}.footer-partners{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.lmg-logo.mini{display:block;width:92px;height:58px}.lmg-logo.mini img{display:block;width:100%;height:100%;object-fit:contain}.partner-group{display:flex;align-items:center;gap:16px;padding-left:24px;border-left:1px solid #484944}.partner-logo{display:flex;align-items:center;transition:opacity .2s}.partner-logo:hover{opacity:.85}.partner-logo img{height:48px;width:auto;object-fit:contain;display:block}.partner-text{font-size:12px;line-height:1.45;color:#aeb0a7;max-width:250px;margin:0}.partner-name{white-space:nowrap}.footer-copyright{font-size:11px;color:#aeb0a7;margin:0;white-space:nowrap}
.partner-group.payoff{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:48px;font:16px/.94 var(--bungee);letter-spacing:.01em;text-transform:uppercase}.payoff span{color:var(--cream)}.payoff strong{font:inherit;color:var(--yellow)}

/* Diensten navigation */
.nav-item { position: relative; }
.submenu {
  position: absolute; top: calc(100% - 2px); left: auto; right: 0;
  min-width: 190px; padding: 16px 18px; display: grid; gap: 11px;
  background: var(--yellow); color: var(--charcoal); box-shadow: 0 16px 36px #0003;
  opacity: 0; transform: translateY(-8px); pointer-events: none;
  transition: opacity .2s, transform .2s;
}
.has-submenu:hover > .submenu, .has-submenu:focus-within > .submenu {
  opacity: 1; transform: none; pointer-events: auto;
}
.nav .submenu a { color: var(--charcoal); font-size: 13px; padding: 0; border: 0; }
.nav .submenu a:hover, .nav .submenu a:focus { color: var(--charcoal); text-decoration: underline; text-underline-offset: 4px; }
.nav .nav-portfolio{display:flex;flex-direction:column;align-items:flex-start}.nav .nav-portfolio small{margin-top:5px;color:var(--white);font:500 9px/1 var(--body);letter-spacing:.14em;text-transform:lowercase}
.nav{align-items:flex-start}.nav>.nav-item>a,.nav>a{height:43px}.nav>.nav-item>a,.nav>a:not(.nav-portfolio){display:flex;align-items:flex-start}

/* Service cards */
.service-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.service-card {
  min-height: 390px; padding: 66px clamp(28px, 3vw, 58px);
  position: relative; overflow: hidden; color: var(--charcoal);
  perspective: 1200px; scroll-margin-top: 90px;
}
.card-cream { background: var(--cream); }
.card-yellow { background: var(--yellow); }
.card-blue, .panel-blue { background: var(--blue); color: var(--charcoal); }
.card-lightgray { background: #e7e8e2; }
.service-card-grid + .next-page { border-top: 0; }
.card-project { background: var(--charcoal); color: var(--cream); }
.service-card-flipper {
  position: relative; width: 100%; max-width: 500px; min-height: 245px;
  transform-style: preserve-3d; transition: transform .65s cubic-bezier(.4,.15,.2,1);
}
.service-card.is-flipped .service-card-flipper { transform: rotateY(180deg); }
.service-card-face { position: absolute; inset: 0; backface-visibility: hidden; }
.service-card-front, .service-card-back { display: flex; flex-direction: column; justify-content: center; }
.service-card-back { transform: rotateY(180deg); }
.card-kicker { font: 13px var(--bungee); color: #242423aa; text-transform: uppercase; }
.card-project .card-kicker { color: var(--yellow); }
.service-card h2 { font: clamp(31px,3.2vw,50px)/.95 var(--bungee); margin: 16px 0 24px; }
.service-card h3 { font: clamp(28px,3vw,42px)/1 var(--bungee); margin: 0 0 15px; }
.service-card-front > p:last-child, .service-card-back > p { font-size: 16px; line-height: 1.55; max-width: 420px; }
.service-card ul { list-style: none; padding: 0; margin: 0 0 20px; }
.service-card li { font-size: 14px; font-weight: 700; margin: 6px 0; }
.service-card li::before { content: "■"; font-size: 8px; margin-right: 10px; }
.service-card-back a { font: 13px var(--bungee); text-decoration: underline; text-underline-offset: 5px; width: max-content; }
.service-card-toggle {
  position: absolute; right: 28px; top: 25px; width: 46px; height: 46px;
  border: 0; border-radius: 50%; background: transparent; color: inherit;
  font: 25px var(--bungee); cursor: pointer; transition: transform .35s, box-shadow .25s;
}
.service-card-toggle:hover { box-shadow: 0 4px 18px #0002; transform: scale(1.08); }
.service-card.is-flipped .service-card-toggle { transform: rotate(180deg); box-shadow: 0 4px 18px #0002; }

.hero-work-link{display:block;width:max-content;margin:34px 0 0 48%;padding-bottom:8px;border-bottom:2px solid var(--yellow);font:14px var(--bungee)}
.detail-books-link{display:block;width:max-content;margin-top:30px;padding-bottom:8px;border-bottom:2px solid var(--yellow);font:14px var(--bungee)}
@media(max-width:800px){.hero-work-link{margin-left:0}}
/* Service detail navigation */
.service-detail-nav {
  display: flex; align-items: center; gap: clamp(26px, 3vw, 46px);
  padding-top: 42px; padding-bottom: 8px; overflow-x: auto;
  font: 15px/1 var(--bungee); text-transform: uppercase; white-space: nowrap;
  scrollbar-width: none;
}
.service-detail-nav::-webkit-scrollbar { display: none; }
.service-detail-nav a { color: var(--cream); padding: 8px 0; }
.service-detail-nav a:hover { color: var(--yellow); }
.service-detail-nav .all-services { color: var(--yellow); margin-right: 2px; }
body:is([data-page="drukwerk"],[data-page="fulfilment"],[data-page="reclame"],[data-page="uitgeven"],[data-page="digitaal"]) .site-contact { padding-top: 175px; }

/* Service detail */
.detail-hero { min-height: calc(95vh - 112px); padding-top: 12vh; padding-bottom: 110px; }
.detail-hero h1 {
  font: clamp(52px,7.2vw,102px)/.94 var(--bungee);
  letter-spacing: -.04em; margin: 38px 0 60px;
}
.detail-hero h1 em { font-style: normal; color: var(--yellow); }
.detail-intro { font-size: 19px; line-height: 1.7; max-width: 720px; margin-left: 36%; }
.detail-list article { padding: 110px 0; }
.detail-list.has-reveals > article { opacity: 0; transition: opacity .7s ease; }
.detail-list.has-reveals > article.is-section-visible { opacity: 1; }
.detail-row { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.detail-list.has-reveals .detail-row > div:last-child {
  opacity: 0; transform: perspective(1000px) rotateY(-62deg) translateX(36px);
  transform-origin: left center; will-change: transform, opacity;
  transition: transform .75s cubic-bezier(.2,.72,.2,1), opacity .45s ease;
}
.detail-list.has-reveals .detail-row > div:last-child.is-revealed { opacity: 1; transform: none; }
.detail-row h2 { font: clamp(31px,4vw,52px)/1.04 var(--bungee); margin: 25px 0 0; }
.detail-row > div:last-child { font-size: 17px; line-height: 1.7; }
.detail-row > div:last-child p:first-child { margin-top: 0; }

/* Projects */
.projects-hero{min-height:calc(100vh - 112px);padding-bottom:130px}.projects-hero h1{font-size:clamp(52px,7.5vw,105px)}.projects-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;margin:75px 0 0 36%;font-size:18px;line-height:1.65}.projects-intro p{margin:0}.projects-showcase{background:var(--cream);color:var(--charcoal);padding:38px 28px 28px}.project-toolbar{width:min(1200px,100%);display:flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 0 40px}.project-toolbar>p{font:13px var(--bungee);text-transform:uppercase}.project-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.project-filters button{border:1px solid #24242355;background:transparent;color:var(--charcoal);padding:10px 14px;font:12px var(--bungee);cursor:pointer;transition:background .2s,color .2s}.project-filters button:hover,.project-filters button.is-active{background:var(--charcoal);color:var(--yellow)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:28px;align-items:start}.project-card{appearance:none;border:0;padding:0;background:var(--charcoal);color:var(--cream);text-align:left;cursor:pointer;min-width:0;overflow:hidden;position:relative}.project-card[hidden]{display:none}.project-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card.wide{grid-column:span 2}.project-card.wide img{aspect-ratio:2/1}.project-card.square img{aspect-ratio:1/1}.project-card span{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;padding:22px 24px 25px}.project-card small{grid-column:1/-1;color:var(--yellow);font:11px var(--bungee);text-transform:uppercase}.project-card strong{font:clamp(20px,2vw,30px)/1.05 var(--bungee)}.project-card i{font:24px var(--body);font-style:normal;transition:transform .25s}.project-card:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-card:hover i{transform:translate(4px,-4px)}
.project-outro{padding:150px 0 135px}.project-outro h2{font:clamp(42px,6.5vw,88px)/.98 var(--bungee);margin:35px 0 58px}.project-outro h2 em{font-style:normal;color:var(--yellow)}.project-outro>a{font:15px var(--bungee);border-bottom:2px solid var(--yellow);padding-bottom:8px}.project-dialog{width:min(1060px,calc(100% - 40px));max-height:calc(100vh - 40px);padding:0;border:0;background:var(--yellow);color:var(--charcoal);overflow:auto}.project-dialog::backdrop{background:#161615e8;backdrop-filter:blur(5px)}.project-dialog-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}.project-dialog figure{margin:0;background:var(--charcoal);min-height:0}.project-dialog figure img{width:100%;height:100%;object-fit:contain;display:block}.project-dialog-copy{padding:clamp(48px,6vw,82px);display:flex;flex-direction:column;justify-content:center}.project-dialog-copy .overline{color:var(--charcoal);margin:0 0 25px}.project-dialog-title{font:clamp(38px,5vw,66px)/.95 var(--bungee);margin:0 0 35px}.project-dialog-text{font-size:17px;line-height:1.65;margin:0}.project-dialog-specs{border-top:2px solid var(--charcoal);margin-top:42px;padding-top:22px}.project-dialog-specs small{font:12px var(--bungee)}.project-dialog-specs p{font-size:14px;line-height:1.6}.project-dialog-link{font:13px var(--bungee);margin-top:28px;width:max-content;border-bottom:2px solid var(--charcoal);padding-bottom:6px}.project-dialog-close{position:fixed;z-index:2;top:30px;right:30px;width:45px;height:45px;border:0;border-radius:50%;background:var(--cream);font:30px/1 var(--body);cursor:pointer}.project-dialog[open]{animation:dialog-in .35s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(24px)}}

@media (max-width: 1100px) and (min-width: 801px) { .service-card-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 800px) {
  .nav-item { width: 100%; }
  .submenu {
    position: static; opacity: 1; transform: none; pointer-events: auto;
    box-shadow: none; margin-top: 14px; padding: 15px; background: #24242312;
  }
  .nav .submenu a { font-size: 14px; }
  .nav .nav-portfolio{align-items:flex-start}.nav .nav-portfolio small{color:var(--charcoal);font-size:10px}
  .service-card-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 360px; padding: 60px 30px !important; }
  .service-card-flipper { min-height: 250px; }
  .service-detail-nav { width: calc(100% - 36px); gap: 24px; padding-top: 34px; font-size: 13px; }
  body:is([data-page="drukwerk"],[data-page="fulfilment"],[data-page="reclame"],[data-page="uitgeven"],[data-page="digitaal"]) .site-contact { padding-top: 112px; }
  .detail-hero { min-height: 80vh; }
  .detail-intro { margin-left: 0; }
  .detail-row { grid-template-columns: 1fr; gap: 45px; }
  .detail-list article { padding: 80px 0; }
  .projects-hero{min-height:80vh;padding-bottom:90px}.projects-intro{grid-template-columns:1fr;margin-left:0;gap:20px}.projects-showcase{padding:25px 18px 18px}.project-toolbar{align-items:flex-start;flex-direction:column;padding-bottom:28px}.project-filters{justify-content:flex-start}.project-grid{grid-template-columns:1fr;gap:18px}.project-card.wide{grid-column:auto}.project-card.wide img{aspect-ratio:4/3}.project-outro{padding:100px 0}.project-dialog{width:calc(100% - 20px);max-height:calc(100vh - 20px)}.project-dialog-grid{grid-template-columns:1fr}.project-dialog figure{height:52vh}.project-dialog-copy{padding:40px 25px 48px}.project-dialog-close{top:20px;right:20px}
}
@media(max-width:800px){.site-contact{padding:90px 0 60px}.site-contact-title{line-height:.95}.site-contact-meta,.site-address-details{grid-template-columns:1fr;gap:30px}.linkt-footer{min-height:0;flex-direction:column;align-items:flex-start;gap:28px}.footer-partners{flex-direction:column;align-items:flex-start;gap:18px}.partner-group{padding-left:0;border-left:0;flex-direction:column;align-items:flex-start;gap:10px}.footer-copyright{width:100%}}

.projects-introduction{padding:155px 0 120px;scroll-margin-top:30px}.projects-introduction h2{font:clamp(52px,7.5vw,105px)/.94 var(--bungee);letter-spacing:-.04em;margin:38px 0 0}.projects-introduction h2 em,.site-contact-title em{font-style:normal;color:var(--yellow)}
@media(max-width:800px){.projects-introduction{padding:100px 0 85px}.projects-introduction h2{font-size:clamp(46px,13vw,70px)}}

.site-contact-title .site-contact-copy{font-size:1em}.site-contact-title .site-contact-arrow{font-size:.45em;flex:0 0 auto;margin-left:35px}

/* Editorial quotes */
.quote{padding:140px 0 125px;background:var(--charcoal);color:var(--cream)}.quote p{font-family:'Fraunces',Georgia,serif;font-size:clamp(44px,6.2vw,84px);font-style:italic;font-weight:400;line-height:1.04;letter-spacing:-.035em;max-width:1050px;margin:0}

/* Portfolio now lives at Linkt Media Group */
.portfolio-referral{padding:130px 0;color:var(--charcoal)}
.portfolio-referral h2{font:clamp(42px,6vw,82px)/.98 var(--bungee);margin:35px 0 55px}
.portfolio-referral a{display:inline-block;font:15px var(--bungee);border-bottom:2px solid var(--charcoal);padding-bottom:8px}
.portfolio-referral a:hover{color:#66530f}

@media(max-width:800px){.portfolio-referral{padding:90px 0}.portfolio-referral h2{margin-bottom:40px}}

/* Work overview refinements */
.projects-intro{display:block;max-width:700px;margin:75px 0 0 36%}.projects-showcase{background:transparent;color:var(--cream);padding-top:38px}.project-toolbar{justify-content:flex-start}.project-filters{justify-content:flex-start}.project-filters button{border:0;border-radius:3px;background:var(--cream);color:var(--charcoal);padding:10px 15px}.project-filters button:hover{background:var(--yellow);color:var(--charcoal)}.project-filters button.is-active,.project-filters button.is-active:hover{background:var(--blue);color:var(--charcoal)}.project-card{background:var(--cream);color:var(--charcoal)}.project-card small{color:var(--charcoal);opacity:.68}
@media(max-width:800px){.projects-intro{margin-left:0}.projects-showcase{padding-top:25px}.project-toolbar{flex-direction:row}}