body.taste{background:var(--ink);}

.taste :is(h1,h2,h3,h4){font-weight:500;letter-spacing:-.045em;}
.taste p{font-weight:400;}
.taste .wrap{width:calc(100% - 112px);max-width:1280px;padding-left:0;padding-right:0;}
.taste-main{width:100%;max-width:100%;overflow-x:clip;}
.taste-skip{position:fixed;left:20px;top:-100px;z-index:10000;background:#ffad32;color:#0c141c;padding:14px 22px;border-radius:6px;}
.taste-skip:focus{top:18px;}
.taste :focus-visible{outline:2px solid #ffad32;outline-offset:5px;}
.taste .nav{top:16px;left:24px;right:24px;width:auto;max-width:1376px;margin:auto;border:1px solid #ffffff20;border-radius:12px;background:#0c141cf2;backdrop-filter:blur(18px);box-shadow:0 8px 30px #00000014;}
.taste .nav-inner{min-height:72px;padding:0 24px;max-width:none;gap:20px;}
.taste .logo{font-size:28px;font-weight:750;letter-spacing:-.07em;color:#fff;}
.taste .logo-icon{width:26px;}
.taste .nav .links{gap:24px;}
.taste .nav .links a{font-size:12px;font-weight:500;color:#d3d8de;}
.taste .nav .links a:hover{color:#ffad32;}
.taste .nav-needle,.taste .nav-progress,.taste .rail{display:none;}
.taste .lang-toggle{background:#ffffff0b;border:1px solid #ffffff15;}
.taste .lang-btn{font-size:11px;}
.taste .btn{border-radius:5px;font-size:13px;font-weight:600;letter-spacing:0;min-height:48px;padding:14px 22px;box-shadow:none;transition:background .2s ease,transform .2s ease;}
.taste .btn-primary{background:#ffad32;color:#101820!important;border:1px solid #ffad32;}
.taste .btn-primary:hover{background:#ffc266;transform:translateY(-2px);}
.taste .btn-ghost{color:#fff!important;border:1px solid #ffffff50;background:transparent;}
.taste .btn-ghost:hover{background:#ffffff0c;}
.taste .btn-dark{background:#13202d;color:#fff!important;}
.taste .nav .btn{min-height:40px;padding:11px 17px;font-size:12px;}
.taste section{padding:144px 0;}
.taste .title{font-size:clamp(36px,4.25vw,64px);line-height:1.09;letter-spacing:-.05em;max-width:1000px;text-wrap:balance;}
.taste .sub{font-size:16px;line-height:1.85;max-width:62ch;color:#5b6670;}
.taste .kicker{font-size:10px;font-weight:550;letter-spacing:.14em;margin-bottom:24px;color:#65717b;padding:0;border:0;background:none;border-radius:0;}
.taste .kicker::before{display:none;}
.taste .mod-code,.taste [data-i18n="why-kicker"],.taste [data-i18n="services-kicker"],.taste [data-i18n="pakete-kicker"]{display:none;}
.taste .section-mist{background:#eeeae3;}
.taste #problem .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:start;}
.taste #problem .kicker,.taste #problem .title,.taste #problem .sub{grid-column:1;}
.taste #problem .daylog{grid-column:2;grid-row:1 / span 4;margin:0;}
.taste .daylog-row{padding:26px 0;border-color:#15212b25;grid-template-columns:55px 1fr;gap:20px;}
.taste .daylog-time{font-size:11px;color:#8a6030;}
.taste .daylog-text{font-size:15px;line-height:1.65;}
.taste .statement{background:#e5e0d7;padding:100px 0;border-top:1px solid #18253218;}
.taste .statement h2{font-size:clamp(30px,3.6vw,54px);line-height:1.25;max-width:1000px;margin:0 auto;text-align:center;letter-spacing:-.04em;}
.taste .statement .fade{color:#616970;}
.taste .statement .pop{color:#152330;}
.taste .statement .pop::after{display:none;}
.taste #loesung{background:radial-gradient(ellipse at 0 0,#1b2b39,#0c141c 60%);color:#f6f3ed;}
.taste .solution-grid{grid-template-columns:1.05fr 1fr;gap:90px;}
.taste #loesung .kicker{color:#adbbc7;}
.taste #loesung .sub{color:#afbdc8;}
.taste .sol-list li{font-size:14px;line-height:1.7;padding:14px 0;border-bottom:1px solid #ffffff16;}
.taste .sol-check{background:none;color:#ffad32;}
.taste .ledger{display:block;background:none;border:0;border-radius:0;}
.taste .ledger-col{padding:24px 0;border:0;border-top:1px solid #ffffff26;}
.taste .ledger-col:last-child{margin-top:25px;}
.taste .ledger-head{color:#ffad32;font-size:11px;letter-spacing:.03em;}
.taste .ledger li{font-size:14px;line-height:1.7;color:#bac5ce;}
.taste .freedom-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:40px;padding:0 0 10px;}
.taste .freedom-grid::-webkit-scrollbar{display:none;}
.taste .freedom-card{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start;background:#172532;border:1px solid #ffffff15;border-radius:8px;padding:38px;box-shadow:none;transform:none!important;}
.taste .freedom-card h3{font-size:25px;color:#f8f4ed;margin:24px 0 16px;}
.taste .freedom-card p{font-size:15px;line-height:1.8;color:#afbdc8;}
.taste .freedom-icon{background:#ffad32;border-radius:50%;width:44px;height:44px;}
.taste-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;}
.taste-carousel-controls button,.taste-marquee-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff35;background:transparent;color:#f6f3ed;border-radius:50%;cursor:pointer;}
.taste-carousel-controls button:hover,.taste-marquee-toggle:hover{background:#ffffff12;}
.taste-carousel-controls button:disabled{opacity:.3;cursor:default;}
.taste #leistungen{background:#f7f4ef;}
.taste .console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:1px;border:1px solid #d0d0c8;background:#d0d0c8;border-radius:10px;overflow:hidden;box-shadow:none;margin-top:56px;}
.taste .console-mod{position:relative;min-height:320px;padding:38px 34px;border:0!important;border-radius:0;background:#eae6de;color:#17232e;overflow:hidden;transform:none!important;}
.taste .console-mod.on,.taste .console-mod:hover,.taste .console-mod:focus-visible{background:#e1dcd3;}
.taste .console-mod::before,.taste .console-mod::after{display:none;}
.taste .console-mod .mod-icon{display:none;}
.taste .console-mod h3{position:relative;z-index:1;font-size:28px;margin:0 0 26px;letter-spacing:-.04em;color:#14212c;}
.taste .console-mod ul{position:relative;z-index:1;margin:0;}
.taste .console-mod li{font-size:12px;line-height:1.6;color:#4d5963;padding:4px 0;}
.taste .console-mod .mod-more{position:relative;z-index:1;display:inline-block;margin-top:28px;font-size:12px;color:#152330;border-bottom:1px solid #9d7c4d;padding-bottom:5px;}
.taste .flow-diagram{margin-top:72px;border-radius:8px;background:#fff;border:1px solid #17253220;box-shadow:none;}
.taste .flow-top{padding:28px 32px;}
.taste .flow-top strong{font-size:22px;font-weight:500;letter-spacing:-.03em;}
.taste .flow-top span{font-size:13px;line-height:1.7;}
.taste .flow-hub,.taste .flow-ceo,.taste .flow-output-node,.taste .flow-mod{box-shadow:none;}
.taste .module-details{background:#0c141c;padding:0 0 80px;}
.taste .module-chapter{padding:140px 0;border-top:1px solid #ffffff18;scroll-margin-top:100px;}
.taste .chapter-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:100px;align-items:start;}
.taste .chapter-head{position:sticky;top:115px;}

.taste .chapter-sub{max-width:35ch;font-size:14px;line-height:1.7;color:#aab9c6;}
.taste .chapter-photo{float:none;display:block;width:100%;max-width:360px;aspect-ratio:4/5;overflow:hidden;border:0;border-radius:8px;margin:30px 0 0;background:#0a121b;}
.taste .chapter-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease;}
.taste .chapter-photo,.taste .taste-founder-image{opacity:1!important;filter:none!important;}
.taste .chapter-photo:hover img{transform:scale(1.035);}
.taste .module-return{font-size:11px;margin-top:22px;color:#d8a45c;}
.taste .chapter-slides{gap:38px;}
.taste .mslide{padding:0!important;}
.taste .mslide-open{display:block;}
.taste .mslide-label{font-size:10px;letter-spacing:.12em;color:#98a9b8;margin-bottom:20px;}
.taste .mslide-lead{font-size:19px;line-height:1.8;font-weight:400;color:#e1e5e8;}
.taste .chapter-quote{font-size:25px;line-height:1.22;max-width:none;letter-spacing:-.01em;margin:32px 0 0;}
.taste .mslide-list li{font-size:14px;line-height:1.7;padding:15px 0 15px 20px;color:#c6d0d9;}
.taste .dg-title{font-size:22px;line-height:1.4;letter-spacing:-.025em;}
.taste .dg-note,.taste .mslide-note{color:#a7b5c1;}
.taste .module-card{margin-top:28px;max-width:100%;box-shadow:none;}

.taste .scorecard{border-radius:8px;box-shadow:none;}
.taste #warum{background:#e9e4db;}
.taste .why-grid{grid-template-columns:1fr 1.05fr;gap:90px;align-items:center;}
.taste .founder-card{background:none;padding:0;border:0;box-shadow:none;border-radius:0;transform:none!important;}
.taste-founder-image{margin:0 0 24px;overflow:hidden;border-radius:8px;background:#0c141c;}
.taste-founder-image img{width:100%;height:auto;display:block;transition:transform .7s ease;}
.taste-founder-image:hover img{transform:scale(1.035);}
.taste .founder-card h3{font-size:27px;letter-spacing:-.035em;color:#182531;}
.taste .founder-card p{font-size:14px;line-height:1.85;color:#59636c;max-width:60ch;}
.taste .role-grid{display:grid;grid-template-columns:1fr;gap:0;}
.taste .role-pill{border:0;border-bottom:1px solid #17253225;border-radius:0;padding:19px 0;box-shadow:none;font-size:14px;color:#263440;background:transparent;transform:none!important;}
.taste .role-pill .dot{background:#a96a10;box-shadow:none;}
.taste-inline-image{display:inline-block;vertical-align:middle;width:1.4em;height:.85em;object-fit:cover;object-position:50% 40%;border-radius:100px;margin:0 .15em .1em 0;}
.taste #ablauf{background:#0c141c;color:#f5f1e9;}
.taste #ablauf .title{color:#f5f1e9;max-width:none;}
.taste #ablauf .kicker{color:#a5b4c0;}
/* Two columns, the same pattern as #problem and #warum: the headline holds the
   left while the four steps pass it. The cards stack with CSS sticky, each
   resting 14px lower than the one before, so a sliver of every earlier step
   stays visible — a deck, not a pile. Backgrounds are opaque on purpose: that
   is what makes a later card cover an earlier one. */
.taste #ablauf .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:start;}
.taste .ablauf-head{position:sticky;top:140px;}
/* Each card needs its own stretch of scroll or the deck assembles in one blink
   and then unsticks: the distance between two cards sticking is exactly the gap
   between their natural positions, so the margin IS the beat. 200px of margin
   on a ~145px card gives a beat of ~345px — long enough to read the step, short
   enough that four of them do not become a chore. The tail keeps the last card
   resting until the section is genuinely done. */
.taste .steps{display:block;margin-top:0;max-width:none;margin-left:0;}
/* A sticky child is held by its parent's CONTENT box, which padding does not
   reach — so the tail is an element, not padding. It is what keeps the finished
   deck in place until the headline beside it is also ready to leave. */
.taste .steps-tail{height:18vh;}
.taste .step{position:sticky;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px 20px;align-items:start;padding:34px;background:#172532;border:1px solid #ffffff20;border-radius:8px;min-height:0;margin-top:200px;box-shadow:0 -22px 46px -26px rgba(0,0,0,.95);}
.taste .step:first-child{margin-top:0;}
.taste .step:nth-child(1){top:140px;}
.taste .step:nth-child(2){top:162px;}
.taste .step:nth-child(3){top:184px;}
.taste .step:nth-child(4){top:206px;}
/* Which step is on top of the deck right now. Decorative: the numbers are on
   the cards themselves, so nothing here is new information. */
.taste .ablauf-track{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:14px;max-width:260px;}
.taste .ablauf-track li{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:14px;}
.taste .ablauf-track span{font-size:11px;color:#8b97a3;transition:color .45s cubic-bezier(.16,1,.3,1);}
.taste .ablauf-track i{display:block;height:2px;border-radius:1px;background:#ffffff1f;position:relative;}
.taste .ablauf-track i::after{
  content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(0);
  background:var(--amber);transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.taste .ablauf-track .is-on span{color:var(--amber);}
.taste .ablauf-track .is-on i::after{transform:scaleX(1);}
@media(max-width:1000px){.taste .ablauf-track{display:none;}}
@media (prefers-reduced-motion: reduce){
  .taste .ablauf-track span,.taste .ablauf-track i::after{transition:none;}
}
.taste .step-num{grid-row:1 / 3;grid-column:1;}
.taste .step h3{grid-column:2;}
.taste .step p{grid-column:2;}
.taste .step::after,.taste .steps::before{display:none;}
.taste .step-num{background:none;color:#ffad32;font-size:16px;border:1px solid #ffad3260;border-radius:50%;width:48px;height:48px;margin:0;}
.taste .step h3{font-size:27px;line-height:1.2;color:#fff;margin:0;}
.taste .step p{font-size:14px;line-height:1.85;color:#b7c4ce;margin:0;}
.taste #pakete{background:#e9e4db;}
.taste #pakete .wrap{display:grid;grid-template-columns:1.1fr 1fr;column-gap:90px;}
.taste #pakete .kicker,.taste #pakete .title,.taste #pakete>.wrap>.sub{grid-column:1;}
.taste #pakete .individual-offer{grid-column:2;grid-row:1 / span 3;margin:0!important;background:#172532!important;border-radius:8px!important;padding:42px!important;align-self:start;}
.taste #pakete .individual-offer p{color:#d0d8df;}
.taste .pkg-note,.taste .software-note{font-size:12px;line-height:1.75;color:#66717b;}
.taste .cta-section{background:#ffad32;color:#111e29;padding:135px 0 96px;}
.taste .cta-section::before,.taste .cta-section::after{display:none;}
.taste .cta-inner{max-width:1000px;}
.taste .cta-inner :is(h1,h2){font-size:clamp(42px,5.7vw,80px);line-height:1.06;color:#111e29;letter-spacing:-.055em;max-width:960px;text-wrap:balance;}
.taste .cta-inner>p{color:#3d3a30;font-size:16px;line-height:1.8;max-width:62ch;margin:26px auto 0;}

/* The contact card. One panel, two ways in.

   The address is set in the mono face and large: this is something a person
   reads off a screen and types into their own mail client, so the dash in
   ibss-dsp and the dot before com have to be unmistakable, and no two
   characters may share a shape. user-select:all means one click takes the
   whole thing, which is the last fallback if even the copy button is refused. */
.taste .reach{
  max-width:720px;margin:44px auto 0;text-align:left;
  background:#14212e;border:1px solid #ffffff1c;border-radius:16px;
  padding:clamp(28px,3.6vw,48px);
  box-shadow:0 24px 60px #5c33002e;
}
.taste .reach-lead{
  font-size:16px;line-height:1.7;color:#c3cdd6;margin:0 0 26px;max-width:46ch;
}
.taste .cta-section .reach-wa{
  display:inline-flex;background:var(--amber);border-color:var(--amber);
  color:#111e29!important;min-height:56px;padding:18px 34px;font-weight:700;
}
.taste .cta-section .reach-wa:hover{background:#ffbb55;border-color:#ffbb55;}

.taste .reach-mail{margin:30px 0 0;padding:26px 0 0;border-top:1px solid #ffffff1a;}
.taste .reach-or{font-size:13.5px;color:#9fadb9;margin:0 0 13px;}
.taste .reach-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.taste .reach-address{
  font:600 clamp(19px,2.1vw,24px)/1.2 'Roboto Mono',ui-monospace,monospace;
  color:#fff;letter-spacing:.01em;text-decoration:none;
  background:#0c151d;border:1px solid #ffffff2b;border-radius:10px;
  padding:13px 18px;user-select:all;
  transition:border-color .2s ease;
}
.taste .reach-address:hover{border-color:#ffffff5c;}
.taste .reach-copy{
  background:transparent;border:1px solid #ffffff3d;border-radius:10px;
  padding:13px 20px;cursor:pointer;
  font:600 13.5px 'Inter',sans-serif;color:#e7edf2;
  transition:background .2s ease,border-color .2s ease;
}
.taste .reach-copy:hover{background:#ffffff14;border-color:#ffffff6b;}
.taste .reach-note{margin:12px 0 0;font-size:13px;color:var(--amber);}
.taste .reach-note.is-bad{color:#ff9b9b;}
.taste .reach-note[hidden]{display:none;}
.taste .reach .cta-response{
  margin:26px 0 0;font-size:12.5px;color:#8d9aa6;text-align:left;
}

@media(max-width:620px){
  .taste .reach-lead{font-size:15px;}
  .taste .cta-section .reach-wa{width:100%;justify-content:center;}
  .taste .reach-row{flex-direction:column;align-items:stretch;gap:10px;}
  .taste .reach-address{font-size:18px;text-align:center;}
  .taste .reach-copy{width:100%;}
}
.taste .step-num{box-shadow:none;}
/* The navy-button-on-amber rule belonged to the era when buttons sat on the
   amber panel itself. The only button in this section now lives inside the
   navy card, where navy-on-navy is an invisible button — .reach-wa above
   makes it amber, and this rule outranked it only by coming later. */
.taste .cta-section .cta-response{font-size:11px;}
.taste footer{background:#0c141c;padding:50px 0;color:#a8b6c1;}
.taste .footer-inner{gap:24px;font-size:10px;letter-spacing:.03em;}
.taste-marquee{background:#0c141c;color:#aebdca;border-top:1px solid #ffffff1c;padding:20px 0;position:relative;overflow:hidden;}
.taste-marquee-track{display:flex;width:max-content;animation:taste-marquee 32s linear infinite;}
.taste-marquee-track>div{display:flex;align-items:center;gap:64px;padding-right:64px;}
.taste-marquee-track span{font-size:22px;letter-spacing:-.035em;white-space:nowrap;}
.taste-marquee-track span::after{content:' /';margin-left:64px;color:#c08839;}
.taste-marquee:hover .taste-marquee-track,.taste-marquee.is-paused .taste-marquee-track{animation-play-state:paused;}
.taste-marquee-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#0c141c;min-width:34px;min-height:34px;font-size:12px;}
@keyframes taste-marquee{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){
  .taste .step{position:static;}
  .taste .ablauf-head{position:static;}
  .taste .steps-tail{display:none;}
}
@media(min-width:1001px) and (max-height:850px){.taste .chapter-head{position:static;}}
@media(max-width:1100px){.taste .nav .links{gap:15px;}.taste .nav .links a{font-size:11px;}.taste .wrap{width:calc(100% - 64px);}.taste .chapter-grid,.taste .why-grid,.taste .solution-grid{gap:50px;}.taste .console-mod{padding-left:24px;}.taste #problem .wrap{column-gap:50px;}}
@media(max-width:1000px){.taste .nav .links{display:none;}.taste .nav-toggle{display:flex;}.taste .chapter-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:36px;}.taste .chapter-head{position:static;}.taste .mslide-lead{font-size:16px;}.taste .console-mod h3{font-size:24px;}.taste #ablauf .wrap{display:block;}.taste .ablauf-head{position:static;}.taste .step{position:static;padding:30px;gap:20px;}.taste .steps{margin-top:48px;}.taste .steps-tail{display:none;}}
@media(max-width:760px){
 .taste .wrap{width:calc(100% - 40px);}.taste .nav{top:10px;left:10px;right:10px;border-radius:9px;}.taste .nav-inner{min-height:62px;padding:0 14px;gap:12px;}.taste .nav .logo{font-size:25px;}.taste .nav .logo-icon{width:23px;}.taste .nav-inner>.logo{gap:7px;}.taste .nav-inner>div:last-child>.btn{display:none;}.taste .lang-toggle{margin-right:10px;}.taste .nav-toggle{margin-left:0;}.taste .mobile-menu{background:#0c141c;border-radius:0 0 9px 9px;}.taste section{padding:88px 0;}.taste .title{font-size:38px;}.taste #problem .wrap,.taste .solution-grid,.taste .why-grid,.taste #pakete .wrap,.taste .chapter-grid{display:block;}.taste #problem .daylog{margin-top:35px;}.taste .statement{padding:68px 0;}.taste .statement h2{font-size:30px;}.taste .freedom-card{flex-basis:100%;padding:28px;}.taste .console{grid-template-columns:1fr;margin-top:35px;}.taste .console-mod{padding:30px 44% 30px 24px;min-height:360px;}.taste .console-mod h3{font-size:27px;}.taste .console-mod li{font-size:12px;}.taste-service-image{width:41%;}.taste .flow-diagram{margin-top:44px;}.taste .flow-top{padding:22px;}.taste .flow-top strong{font-size:20px;}.taste .module-chapter{padding:80px 0;}.taste .chapter-photo{max-width:100%;aspect-ratio:4/4.4;margin-top:26px;}.taste .chapter-photo img{object-fit:contain;}.taste .module-return{margin:18px 0 36px;}.taste .chapter-slides{gap:32px;}.taste .mslide-lead{font-size:17px;}.taste .chapter-quote{font-size:23px;}.taste .why-grid>div:last-child{margin-top:50px;}.taste .founder-card p{font-size:14px;}.taste .steps{margin-top:36px;}.taste .step{display:grid;grid-template-columns:44px 1fr;padding:26px;gap:20px;min-height:230px;}.taste .step p{grid-column:2;}.taste .step h3{font-size:24px;}.taste .step-num{width:40px;height:40px;}.taste #pakete .individual-offer{margin-top:32px!important;padding:28px!important;}.taste .cta-section{padding:90px 0;}.taste .cta-inner :is(h1,h2){font-size:45px;}.taste .cta-inner>p{font-size:14px;}.taste footer{padding:38px 0;}.taste .footer-inner{display:flex;flex-direction:column;text-align:center;}.taste-marquee-track span{font-size:18px;}
}
@media(prefers-reduced-motion:reduce){.taste *, .taste *::before,.taste *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.taste .taste-marquee-track{transform:none;}.taste-marquee-toggle{display:none;}}

/* Module chapters: make the visual the anchor, then let the explanation lead
   before the detailed task list. */
.taste .chapter-grid{grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr);gap:84px;}
.taste .chapter-photo{max-width:480px!important;width:100%;margin:18px 0 0;border-radius:10px;box-shadow:0 28px 65px -35px rgba(0,0,0,.9);}
.taste .chapter-photo img{object-fit:cover;}
.taste .mslide-open{padding:28px 0 42px!important;border-bottom:1px solid rgba(255,255,255,.14);}
.taste .mslide-open .mslide-label{color:#ffbd65;margin-bottom:22px;}
.taste .mslide-open .mslide-lead{font-size:clamp(20px,2vw,27px);line-height:1.55;letter-spacing:-.02em;max-width:34ch;color:#f3f1eb;}
.taste .mslide-open .chapter-quote{font-size:clamp(25px,2.55vw,36px);line-height:1.18;max-width:30ch;margin-top:28px;padding-left:24px;}
.taste .mslide-list{padding-top:8px;}
.taste .mslide-list .mslide-label{display:block;margin-bottom:10px;}
.taste .mslide-list li{font-size:15px;padding:17px 0 17px 22px;border-bottom-color:rgba(255,255,255,.13);}
@media(max-width:1000px){
 .taste .chapter-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;}
 .taste .chapter-photo{max-width:430px!important;}
 .taste .mslide-open .mslide-lead{font-size:21px;}
}
@media(max-width:760px){
 .taste .chapter-grid{display:block;}
 .taste .chapter-photo{max-width:none!important;margin:26px 0 30px;aspect-ratio:4/4.8;}
 .taste .mslide-open{padding:0 0 32px!important;}
 .taste .mslide-open .mslide-lead{font-size:20px;line-height:1.65;}
 .taste .mslide-open .chapter-quote{font-size:27px;max-width:none;}
}
@media(max-width:760px){
 .taste .console-mod{padding:0 24px 28px;min-height:0;}
 .taste .console-mod ul{display:grid;grid-template-columns:1fr;gap:4px;}
 .taste .console-mod li{font-size:13px;}
 .taste .console-mod h3{margin-bottom:18px;}
}

/* The two notices German law wants reachable from every page. */
.footer-legal{display:flex;gap:18px;}
.footer-legal a{color:#9aa6b2;font-size:13px;text-underline-offset:3px;}
.footer-legal a:hover{color:#fff;}
@media(max-width:760px){.taste .footer-legal{justify-content:center;}}

/* #warum.

   The band of figures spans the section, so the numbers are met before any
   prose and the eye has a horizontal beat between two tall columns. Below it
   the photo keeps only the career company — that pairing is the argument, and
   it is the only part that needs a face next to it. */
.taste #warum .why-figures{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px; margin:38px 0 0;
  padding:30px 0 26px; border-top:1px solid #131a2222; border-bottom:1px solid #131a2212;
}
.taste .why-figure{display:flex; flex-direction:column; gap:6px; min-width:0;}
.taste .why-figure-n{
  font-size:38px; line-height:1; font-weight:600; color:#182531;
  letter-spacing:-0.03em; font-variant-numeric:tabular-nums;
}
.taste .why-figure-l{font-size:13px; line-height:1.5; color:#5c6670; max-width:22ch;}

.taste .why-sites{
  margin:14px 0 0; font-size:11.5px; letter-spacing:0.1em;
  color:#5c6670; text-transform:uppercase;
}

.taste #warum .why-grid{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(44px,5vw,84px); align-items:start; margin-top:54px;
}
.taste .why-career{min-width:0;}

.taste .why-label{
  margin:0 0 14px; font-size:10px; letter-spacing:0.14em;
  text-transform:uppercase; color:#5c6670;
}
.taste .why-career .why-label + .why-path{margin-top:0;}

/* The roles are a sequence, so they are drawn as one: a single rule down the
   left with each step hung off it. */
.taste .why-path{
  list-style:none; margin:0 0 36px; padding:0 0 0 2px;
  position:relative;
}
.taste .why-path::before{
  content:""; position:absolute; left:13px; top:8px; bottom:12px;
  width:2px; border-radius:1px;
  background:linear-gradient(#131a2240, #131a2214 70%, #131a2200);
}
.taste .why-step{
  position:relative; display:grid; grid-template-columns:28px minmax(0,1fr);
  gap:20px; padding:0 0 26px;
}
.taste .why-step:last-child{padding-bottom:0;}
.taste .why-step-n{
  /* var(--amber) on this cream is 1.69:1. A deeper ochre stays in the same
     family and clears the threshold for a 10.5px label. */
  position:relative; z-index:1; font-size:10.5px; color:#8A5200;
  background:#e9e4db; padding:4px 0; text-align:left;
}
.taste .why-step-body{min-width:0;}
.taste .why-step h4{
  font-family:'Inter',sans-serif; font-weight:600; font-size:16px;
  color:#182531; margin:0 0 5px; letter-spacing:0;
}
.taste .why-step p{font-size:14px; line-height:1.7; color:#5c6670; margin:0; max-width:46ch;}

/* Three results, not one headline. Body type, so each can carry a sentence
   worth of evidence; the amber rule holds them together as one claim. */
.taste .why-results{
  list-style:none; margin:0; padding:3px 0 3px 20px;
  border-left:2px solid var(--amber);
}
.taste .why-results li + li{margin-top:20px;}
.taste .why-results h4{
  font-family:'Inter',sans-serif; font-weight:600; font-size:15.5px;
  color:#182531; margin:0 0 5px; letter-spacing:0;
}
.taste .why-results p{
  font-size:14px; line-height:1.7; color:#5c6670; margin:0; max-width:48ch;
}
@media(max-width:620px){
  .taste .why-results p{max-width:none;}
}

@media(max-width:1000px){
  .taste #warum .why-figures{grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 30px;}
  .taste #warum .why-grid{display:block;}
  .taste .why-career{margin-top:46px;}
}
@media(max-width:620px){
  .taste #warum .why-figures{gap:20px 22px; padding:24px 0 20px;}
  .taste .why-figure-n{font-size:30px;}
  .taste .why-step p{max-width:none;}
}