@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/BricolageGrotesque-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/BricolageGrotesque-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}

/* Farbwelten: genau ein Akzent, wie bei Driftware. Umschalten per ?farbe=minze|violett|zitrus */
:root{--bg:#F3F3F0;--ink:#0E0E10;--ink2:#1c1c20;--mut:#66666c;--rule:#d7d7d2}
html[data-farbe=minze]{--accent:#10C99B;--on-accent:#06231B;--stage:#031c16;--tint:#9CF0D6;--link:#08765B}
html[data-farbe=violett]{--accent:#6A3DFF;--on-accent:#fff;--stage:#0e0726;--tint:#CFC2FF;--link:#5430D6}
html[data-farbe=zitrus]{--accent:#C6F135;--on-accent:#141a05;--stage:#0f1405;--tint:#E3F98F;--link:#566C00}

*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 18px/1.55 'Bricolage Grotesque',system-ui,-apple-system,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;accent-color:var(--accent);caret-color:var(--accent)}
::selection{background:var(--accent);color:var(--on-accent)}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.skip{position:absolute;left:16px;top:-80px;z-index:50;background:var(--accent);color:var(--on-accent);padding:12px 20px;border-radius:999px;font-weight:600;text-decoration:none}.skip:focus{top:12px}
.wrap{max-width:1360px;margin:0 auto;padding:0 56px}
@media (max-width:900px){.wrap{padding:0 28px}}

/* Kopfzeile: über der Bühne durchsichtig, danach hell */
header.site{position:fixed;top:0;left:0;right:0;z-index:20;transition:background .35s,box-shadow .35s,color .35s;color:#fff}
header.site nav{display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:0 auto;padding:0 56px}
header.site .brand{font-weight:700;font-size:20px;letter-spacing:-.03em;text-decoration:none;display:inline-flex;align-items:center;min-height:72px;color:inherit}
header.site nav div{display:flex;gap:6px}
header.site nav a:not(.brand){display:inline-flex;align-items:center;min-height:72px;padding:0 14px;font-size:15px;text-decoration:none;color:rgba(255,255,255,.9)}
header.site.solid{background:var(--bg);box-shadow:0 1px 0 var(--rule);color:var(--ink)}
header.site.solid nav a:not(.brand){color:var(--ink2)}
@media (hover:hover){header.site nav a:not(.brand):hover{color:#fff}header.site.solid nav a:not(.brand):hover{color:var(--ink)}}
@media (max-width:900px){header.site nav{padding:0 20px}header.site nav a:not(.brand){padding:0 9px}header.site nav a.opt{display:none}}

/* Bühne: eingefärbte Cover-Wand statt Video */
.stage{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--stage);color:#fff;isolation:isolate}
.stage-media{position:absolute;inset:-6% 0;z-index:-2;will-change:transform}
.stage-media img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block;filter:grayscale(1) contrast(1.12) brightness(.95)}
.stage-media::after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:multiply}
.stage-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.05) 38%,rgba(0,0,0,.78) 100%)}
.stage-in{position:relative;width:100%;padding-top:140px;padding-bottom:9vh}
.stage h1{font-weight:300;font-size:clamp(50px,9.4vw,152px);line-height:.93;letter-spacing:-.06em;text-wrap:balance;color:#fff}
.stage h1 em{font-style:normal;font-weight:700;color:var(--tint)}
.sub{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.stage .sub p{font-size:24px;line-height:1.45;max-width:30ch;color:rgba(255,255,255,.92);text-wrap:balance}
.pill{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:56px;padding:0 32px;font-weight:600;font-size:19px;text-decoration:none;border-radius:999px;transition:background .25s,color .25s;border:0;cursor:pointer;font-family:inherit}
.stage .pill{justify-self:end;background:#fff;color:#0E0E10}
@media (hover:hover){.stage .pill:hover{background:var(--accent);color:var(--on-accent)}}
.stage .note{margin-top:22px;font-size:15px;color:rgba(255,255,255,.85)}
@media (prefers-reduced-motion:no-preference){
.stage h1,.stage .sub{animation:up 1.1s cubic-bezier(.2,.7,.2,1) both}.stage .sub{animation-delay:.15s}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}
@media (max-width:900px){.sub{grid-template-columns:1fr;gap:28px}.stage .pill{justify-self:start}.stage-in{padding-top:110px}}

/* Helle Bühne mit Personenfoto (Standard); ?hero=dunkel schaltet auf das eingefärbte Plattenrücken-Foto */
.stage.hell{background:#EDEFEA;color:var(--ink)}
.stage.hell .stage-media{inset:0}
.stage.hell .stage-media img{filter:none;object-position:70% 40%}
.stage.hell .stage-media::after{display:none}
.stage.hell .stage-shade{background:linear-gradient(90deg,rgba(243,243,240,.95) 0%,rgba(243,243,240,.86) 30%,rgba(243,243,240,0) 60%),linear-gradient(180deg,rgba(243,243,240,.55) 0%,rgba(243,243,240,0) 28%)}
.stage.hell h1{color:var(--ink);max-width:5.2em}
.stage.hell .sub{grid-template-columns:minmax(0,1fr) auto}
.stage.hell h1 em{color:var(--link)}
.stage.hell .sub p{color:var(--ink2)}
.stage.hell .note{color:var(--ink2)}
.stage.hell .pill{background:var(--ink);color:#fff}
@media (hover:hover){.stage.hell .pill:hover{background:var(--accent);color:var(--on-accent)}}
header.site.hell{color:var(--ink)}
header.site.hell nav a:not(.brand){color:var(--ink2)}
@media (hover:hover){header.site.hell nav a:not(.brand):hover{color:#000}}
@media (max-width:900px){.stage.hell .sub{grid-template-columns:1fr}.photo h2{max-width:none}.stage.hell{align-items:flex-start}.stage.hell h1{max-width:none}.stage.hell .stage-media{inset:0 0 auto 0;height:60svh}.stage.hell .stage-media img{object-position:76% 30%}.stage.hell .stage-shade{background:linear-gradient(180deg,rgba(243,243,240,0) 38%,rgba(243,243,240,1) 60svh)}.stage.hell .stage-in{padding-top:50svh}}

/* Zeilen-Listen mit Linien statt Karten */
section{padding-top:140px}
.stage{padding-top:0}
.lead{padding:0 0 30px;font-size:15px;color:var(--ink2);letter-spacing:.02em}
.list{border-top:1px solid var(--ink)}
.item{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:42px 0;border-bottom:1px solid var(--rule);align-items:center;color:inherit;text-decoration:none}
.item h2,.item h3{font-weight:300;font-size:clamp(40px,6.2vw,104px);letter-spacing:-.055em;line-height:.95;transition:color .3s,letter-spacing .4s}
.item h2 b,.item h3 b{font-weight:700}
.item p{line-height:1.5;font-size:19px;color:var(--ink2);max-width:38ch;justify-self:end;text-wrap:pretty}
@media (hover:hover){.item:hover h2,.item:hover h3{color:var(--link);letter-spacing:-.045em}}
@media (max-width:900px){.item{grid-template-columns:1fr;gap:16px}.item p{justify-self:start}section{padding-top:96px}.stage{padding-top:0}}

/* Foto-Band */
.photo{margin-top:140px;position:relative;height:min(82vh,780px);overflow:hidden;background:#111}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,243,240,.92) 0%,rgba(243,243,240,.55) 34%,rgba(243,243,240,0) 58%)}
.photo .wrap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding-bottom:56px;color:var(--ink)}
.photo h2{font-weight:300;font-size:clamp(40px,7vw,112px);line-height:.94;letter-spacing:-.06em;max-width:8.6ch;text-wrap:balance}
.photo h2 b{font-weight:700}

.photo.b2 img{object-position:50% 62%}
.photo.b2::after{background:linear-gradient(90deg,rgba(243,243,240,.9) 0%,rgba(243,243,240,.5) 32%,rgba(243,243,240,0) 56%)}

.photo.b3 img{object-position:50% 42%}
.photo.b3::after{background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%)}
.photo.b3 .wrap{color:#fff}

/* Vorführung: Farbfläche mit Telefonen */
.show{margin-top:140px;background:var(--accent);color:var(--on-accent);overflow:hidden;padding-top:0}
.show .wrap{padding-top:120px}
.show h2{font-weight:300;font-size:clamp(46px,8vw,132px);line-height:.92;letter-spacing:-.06em;max-width:11ch;text-wrap:balance}
.show h2 b{font-weight:700}
.show p.t{margin-top:34px;font-size:22px;line-height:1.45;max-width:30ch}
.phones{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,4vw,60px);margin-top:70px}
.phone{width:min(300px,34vw);flex:0 0 auto;border-radius:44px 44px 0 0;padding:11px 11px 0;background:#0b0b0d}
.phone:nth-child(2){transform:translateY(-70px);margin-bottom:-70px}
.scr{border-radius:34px 34px 0 0;background:#17171a;color:#f4f4f2;height:540px;display:flex;flex-direction:column;overflow:hidden;font-size:14px}
.cam{position:relative;flex:0 0 44%;background:#15110d;overflow:hidden}
.cam::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#1d1710 0 14px,#271e13 14px 28px)}
.frame{position:absolute;left:14%;right:14%;top:22%;bottom:22%;
  background:linear-gradient(var(--accent),var(--accent)) left top/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/3px 24px no-repeat}
.frame::after{content:"";position:absolute;left:6%;right:6%;top:50%;height:2px;background:var(--accent);animation:scan 2.8s ease-in-out infinite alternate}
@keyframes scan{from{top:12%}to{top:88%}}
@media (prefers-reduced-motion:reduce){.frame::after{animation:none}}
.res{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}
.res-top{display:flex;gap:14px;align-items:center}
.res .cv{width:64px;flex:0 0 64px;aspect-ratio:1/1;border-radius:6px}
.res .h4{font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.1}
.res p{font-size:13px;color:#a2a2a8}
.row{display:flex;justify-content:space-between;font-size:13px;color:#a2a2a8;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
.row b{color:#f4f4f2;font-weight:600}
.res .go{margin-top:auto;margin-bottom:18px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:14px}
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}
.shelf img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;display:block}
.res .cover{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:6px}
.head{padding:20px 20px 0}
.head .h4{font-weight:600;font-size:20px;letter-spacing:-.02em}
.head p{font-size:13px;color:#a2a2a8}
.stats{display:grid;grid-template-columns:auto auto 1fr;padding:0 20px;gap:18px;margin-top:6px}
.stats b{display:block;font-weight:700;font-size:20px;letter-spacing:-.03em;white-space:nowrap}
.stats span{font-size:12px;color:#a2a2a8}
@media (max-width:900px){.phone:nth-child(1),.phone:nth-child(3){display:none}.phone{width:min(300px,78vw)}.phone:nth-child(2){transform:none;margin-bottom:0}}

/* Cover-Kunst (erfundene Beispiele, nur CSS) */
.cv{position:relative;overflow:hidden;display:block}
.c1{background:#E4572E}.c1::before{content:"";position:absolute;width:90%;aspect-ratio:1/1;border-radius:50%;background:#1A1A1D;right:-30%;bottom:-25%}.c1::after{content:"";position:absolute;width:38%;aspect-ratio:1/1;border-radius:50%;background:#F4D35E;left:12%;top:30%}
.c2{background:#10253F}.c2::before{content:"";position:absolute;inset:30% 0 0 0;background:repeating-linear-gradient(90deg,#F2E9D8 0 6%,transparent 6% 12%)}.c2::after{content:"";position:absolute;width:26%;aspect-ratio:1/1;border-radius:50%;background:#F2E9D8;right:12%;top:12%}
.c3{background:#2F5D50}.c3::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-8%;height:58%;background:#F2C14E;border-radius:50% 50% 0 0/100% 100% 0 0}.c3::after{content:"";position:absolute;left:18%;bottom:18%;width:40%;height:34%;background:#1B2B26;border-radius:50% 50% 0 0/100% 100% 0 0}
.c4{background:#EDE3D0}.c4::before{content:"";position:absolute;inset:18%;border:3px solid #1B1B1B}.c4::after{content:"";position:absolute;left:30%;top:30%;width:40%;aspect-ratio:1/1;background:#C8372D;border-radius:50%}
.c5{background:#4B2E83}.c5::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 50%,#4B2E83 0 25%,#6F4BB5 0 50%,#4B2E83 0 75%,#6F4BB5 0)}.c5::after{content:"";position:absolute;left:50%;top:50%;width:44%;aspect-ratio:1/1;border-radius:50%;background:#FFB347;transform:translate(-50%,-50%)}
.c6{background:#0F0F10}.c6::before{content:"";position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1/1;border-radius:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,#0F0F10 0 4px,#E7E1D3 4px 6px)}.c6::after{content:"";position:absolute;left:50%;top:50%;width:16%;aspect-ratio:1/1;border-radius:50%;background:#E4572E;transform:translate(-50%,-50%)}
.c7{background:#B6D4D1}.c7::before{content:"";position:absolute;left:0;right:0;top:30%;height:40%;background:#0F2A2E;clip-path:polygon(0 60%,25% 20%,50% 70%,75% 10%,100% 55%,100% 100%,0 100%)}
.c8{background:#8C1C13}.c8::before{content:"";position:absolute;width:120%;aspect-ratio:1/1;border-radius:50%;border:2px solid #F2D9B3;left:-10%;top:12%}.c8::after{content:"";position:absolute;width:70%;aspect-ratio:1/1;border-radius:50%;border:2px solid #F2D9B3;left:15%;top:27%}

/* Zuhause: Foto neben Text */
.home{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.home img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.home h2{font-weight:300;font-size:clamp(40px,5.6vw,92px);line-height:.95;letter-spacing:-.055em;text-wrap:balance}
.home h2 b{font-weight:700}
.home p{margin-top:28px;font-size:21px;line-height:1.5;color:var(--ink2);max-width:32ch}
.home .pill{margin-top:34px;background:var(--ink);color:#fff}
@media (hover:hover){.home .pill:hover{background:var(--accent);color:var(--on-accent)}}
@media (max-width:900px){.home{grid-template-columns:1fr}}

/* Plus: zwei Spalten, keine Karten */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid var(--ink)}
.two > div{padding:42px 0}
.two h2{font-weight:300;font-size:clamp(34px,4.4vw,72px);letter-spacing:-.055em;line-height:.95}
.two h2 b{font-weight:700}
.two ul{list-style:none;margin-top:30px;border-top:1px solid var(--rule);padding:0}
.two li{padding:16px 0;border-bottom:1px solid var(--rule);font-size:19px;color:var(--ink2)}
.two .preis{margin-top:26px;font-size:15px;color:var(--mut)}
.two .pill{margin-top:30px;background:var(--ink);color:#fff}
@media (hover:hover){.two .pill:hover{background:var(--accent);color:var(--on-accent)}}
@media (max-width:900px){.two{grid-template-columns:1fr;gap:0}.two > div + div{border-top:1px solid var(--rule)}}

/* Fragen */
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px 0;font-weight:300;font-size:clamp(26px,3.4vw,52px);letter-spacing:-.05em;line-height:1}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:44px;line-height:1;transition:transform .3s,color .3s}
.faq details[open] summary::after{transform:rotate(45deg);color:var(--link)}
.faq p{padding:0 0 38px;max-width:52ch;font-size:19px;color:var(--ink2)}
@media (hover:hover){.faq summary:hover{color:var(--link)}}

/* Schlussband */
.end{margin-top:150px;background:var(--accent);color:var(--on-accent);padding:8px 0}
.end .wrap{padding-top:130px;padding-bottom:30px}
.end h2{font-weight:300;font-size:clamp(54px,12vw,200px);line-height:.88;letter-spacing:-.065em}
.end h2 b{font-weight:700}
.end p{margin-top:36px;font-size:22px;max-width:34ch}
.end .pill{margin-top:44px;background:var(--on-accent);color:var(--accent)}
@media (hover:hover){.end .pill:hover{background:#fff;color:#0E0E10}}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:110px 0 24px;font-size:14px}
footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
footer span:last-child{display:flex;gap:2px;margin-right:-10px}
@media (hover:hover){footer a:hover{text-decoration:underline}}

/* Einblenden */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

.shelf img,.res .cover{image-rendering:pixelated}

/* ---- Unterseiten ---- */
.sub-head{padding:160px 0 56px}
.sub-head h1{font-weight:300;font-size:clamp(46px,8vw,128px);line-height:.92;letter-spacing:-.06em;text-wrap:balance}
.sub-head h1 b{font-weight:700}
.sub-head p{margin-top:32px;font-size:22px;line-height:1.45;max-width:34ch;color:var(--ink2)}
.rows{border-top:1px solid var(--ink)}
.row2{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:42px 0;border-bottom:1px solid var(--rule);align-items:center}
.row2 h2{font-weight:300;font-size:clamp(34px,4.6vw,76px);letter-spacing:-.055em;line-height:.95}
.row2 h2 b{font-weight:700}
.row2 p{font-size:19px;line-height:1.5;color:var(--ink2);max-width:40ch;margin:0}
.row2 .tag{display:inline-block;margin-top:14px;font-size:14px;color:var(--mut)}
.row2 .pill{margin-top:20px}
@media (max-width:900px){.row2{grid-template-columns:1fr;gap:16px}}
.pill.dunkel{background:var(--ink);color:#fff}
@media (hover:hover){.pill.dunkel:hover{background:var(--accent);color:var(--on-accent)}}
.pill[aria-disabled=true]{background:#d7d7d2;color:#66666c;cursor:not-allowed;pointer-events:none}
.prose{max-width:760px;padding-bottom:40px}
.prose h2{font-weight:600;font-size:28px;letter-spacing:-.03em;line-height:1.1;margin:52px 0 14px}
.prose p{font-size:19px;line-height:1.6;color:var(--ink2);margin-bottom:14px}
.prose a{color:var(--link);text-underline-offset:3px}
.prose .stand{font-size:15px;color:var(--mut)}
.prose address{font-style:normal;font-size:19px;line-height:1.6;color:var(--ink2)}
.cf{display:flex;flex-direction:column;gap:20px;max-width:560px;margin-top:20px}
.cf label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.cf input,.cf textarea{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font:400 17px/1.4 'Bricolage Grotesque',system-ui,sans-serif;color:var(--ink);border-radius:0}
.cf input:focus-visible,.cf textarea:focus-visible{outline:0;border-bottom:2px solid var(--link)}
.cf textarea{min-height:110px;resize:vertical}
.cf .pill{align-self:flex-start;background:var(--ink);color:#fff}
.honey{position:absolute;left:-9999px}
.sub-end{margin-top:110px}
[hidden]{display:none!important}
.two .preis b{font-weight:700;color:var(--ink);font-size:22px;letter-spacing:-.02em}
.hinweis{font-size:15px;line-height:1.5;color:var(--mut);margin-top:14px;max-width:46ch}
.hinweis.fehler{color:#a82e1c}
.status{font-size:19px;line-height:1.5;color:var(--ink);margin-top:26px;max-width:40ch}
.pill:disabled{opacity:.55;cursor:wait}

.fuss{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:90px 0 28px;font-size:14px;color:var(--mut)}
.fuss a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;text-decoration:none;color:inherit}
.fuss span:last-child{display:flex;gap:2px;margin-right:-10px}
@media (hover:hover){.fuss a:hover{color:var(--ink);text-decoration:underline}}
.end .fuss{color:var(--on-accent)}
.end .fuss a:hover{color:var(--on-accent)}