:root{
  --pixel-crimson:#c51d32;
  --pixel-bright:#ed3949;
  --pixel-wine:#861326;
  --pixel-deep:#310e18;
  --pixel-rose:#e77780;
  --pixel-pale:#f6b7bd;
  --pixel-paper:#ffffff;
  --pixel-muted:#f7ecee;
  --red:var(--pixel-crimson);
}
.brand-name,.rule,.t{
  background:none;-webkit-text-fill-color:var(--pixel-crimson);color:var(--pixel-crimson);
  font-family:var(--font);box-shadow:none;letter-spacing:0;overflow:visible;
}
.pixel-word{
  position:relative;letter-spacing:0;
  color:var(--pixel-crimson);-webkit-text-fill-color:var(--pixel-crimson);isolation:isolate;
}
.pixel-word canvas{position:absolute;pointer-events:none;max-width:none;z-index:1}
.pixel-word{line-height:1.2;overflow:visible}
.pixel-number{display:inline-block}
.pixel-word::selection{color:var(--pixel-crimson);-webkit-text-fill-color:var(--pixel-crimson)}
.brand-name,.hero h1{letter-spacing:0}
.pixel-motif{position:absolute;pointer-events:none;width:45px;height:27px;opacity:.65;
  background-image:var(--pixel-pattern);background-size:54px 54px;
  clip-path:polygon(0 0,100% 0,100% 33%,60% 33%,60% 66%,20% 66%,20% 100%,0 100%)}
.layer>.pixel-motif{top:9vh;right:6vw}
section>.pixel-motif{top:22px;right:22px;width:30px;height:18px}
.hero>.pixel-motif{top:28px}
.secnav a.on{box-shadow:none}
.secnav a.on::before{content:"";display:inline-block;width:5px;height:5px;background:var(--red);margin-right:7px;vertical-align:middle}
#bar{background-image:var(--pixel-pattern)!important;background-size:54px 54px!important;height:5px}
.btn{position:relative;border-radius:0;background-color:var(--pixel-deep);background-image:var(--pixel-pattern);background-size:54px 54px;color:var(--pixel-paper);border-color:var(--pixel-deep)}
.btn:hover{background-color:var(--pixel-wine);background-image:var(--pixel-pattern);background-size:54px 54px;color:var(--pixel-paper);border-color:var(--pixel-crimson)}
.btn::after{content:"";position:absolute;right:0;bottom:0;width:6px;height:6px;background:var(--pixel-paper);box-shadow:-6px -6px 0 var(--pixel-paper)}
.btn.pixel-button,.btn.pixel-button:hover{background:none;border-color:transparent;isolation:isolate;color:var(--pixel-paper);overflow:visible}
.btn.pixel-button::after{display:none}
.pixel-button canvas{position:absolute;pointer-events:none;max-width:none;z-index:-1;transition:filter .2s}
.pixel-button-label{position:relative;z-index:1}
.pixel-button:hover canvas{filter:brightness(1.2)}
.pixel-button:focus-visible{outline:2px solid var(--pixel-crimson);outline-offset:9px}
@media(prefers-reduced-motion:reduce){.pixel-button canvas{transition:none}}
.dots i,.dots i.on{border-radius:0}
.mug{border-radius:0}
.note{background:var(--pixel-muted);border-left:3px solid var(--pixel-crimson)}
.step-h{border-bottom-style:dashed}
.verdict b::after{background-image:var(--pixel-pattern);background-size:54px 54px}
@media(max-width:1100px){
  .hero h1{font-size:76px}
  .top b{font-size:19px}
  .words p{font-size:44px;line-height:1.15}
  .t{padding-bottom:.12em}
}
@media(max-width:400px){.hero h1{font-size:64px}.words p{font-size:38px}}
@media(max-width:340px){.hero h1{font-size:56px}.top nav{gap:10px;font-size:10px}.words p{font-size:33px}}