.milla-spectrum{--tone-klassisch: 176, 116, 72;--tone-ausgewogen: 204, 138, 74;--tone-modern: 222, 88, 116;position:relative;overflow:hidden;padding-block:8rem 7.2rem;color:#f4f0e7;background:radial-gradient(60rem 36rem at 12% 110%,rgba(var(--tone-klassisch),.22),transparent 70%),radial-gradient(60rem 36rem at 50% 120%,rgba(var(--tone-ausgewogen),.14),transparent 70%),radial-gradient(60rem 36rem at 90% 110%,rgba(var(--tone-modern),.2),transparent 70%),linear-gradient(180deg,#121712,#0d110d)}.milla-spectrum:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.milla-spectrum__inner{position:relative}.milla-spectrum__intro{max-width:68rem;margin-bottom:4rem}.milla-spectrum__eyebrow{margin:0 0 1.2rem;color:#f4f0e7a6;font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.milla-spectrum__heading{margin:0;color:#fff;font-size:clamp(3.4rem,4.2vw,5.6rem);line-height:1.04;letter-spacing:-.04em}.milla-spectrum__lead{margin:1.6rem 0 0;color:#f4f0e7c7;font-size:1.8rem;line-height:1.6}.milla-spectrum__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}.milla-spectrum__tile{--tone: var(--tone-klassisch);display:flex;min-width:0}.milla-spectrum__tile--ausgewogen{--tone: var(--tone-ausgewogen)}.milla-spectrum__tile--modern{--tone: var(--tone-modern)}.milla-spectrum__card{position:relative;display:flex;flex:1;flex-direction:column;gap:.8rem;min-height:30rem;padding:3.2rem 2.8rem 2.8rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.8rem;background:radial-gradient(34rem 22rem at 100% 0%,rgba(var(--tone),.32),transparent 70%),linear-gradient(160deg,#ffffff0f,#ffffff04);color:inherit;text-decoration:none;box-shadow:0 2.4rem 5rem #00000059,inset 0 1px #ffffff0f;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.milla-spectrum__card:before{content:"";position:absolute;top:0;left:2.8rem;right:2.8rem;height:.4rem;border-radius:0 0 .4rem .4rem;background:rgb(var(--tone))}.milla-spectrum__card:hover{transform:translateY(-.6rem);border-color:rgba(var(--tone),.7);box-shadow:0 3.2rem 6rem #00000073,0 0 0 1px rgba(var(--tone),.35),0 1.6rem 6rem rgba(var(--tone),.18)}.milla-spectrum__card:focus-visible{outline:.2rem solid #fff;outline-offset:.4rem}.milla-spectrum__tag{color:rgb(var(--tone));font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.milla-spectrum__title{margin:0;color:#fff;font-size:clamp(3rem,3vw,4rem);line-height:1.05;letter-spacing:-.03em}.milla-spectrum__text{margin:0;color:#f4f0e7d9;font-size:1.7rem;line-height:1.5}.milla-spectrum__coffees{margin:.8rem 0 0;color:#f4f0e799;font-size:1.35rem;line-height:1.6}.milla-spectrum__cta{margin-top:auto;padding-top:2rem;color:rgb(var(--tone));font-size:1.5rem;font-weight:700}.milla-spectrum__card:hover .milla-spectrum__cta span{display:inline-block;transform:translate(.4rem);transition:transform .2s ease}.milla-spectrum__axis{margin-top:6rem}.milla-spectrum__ends{display:flex;justify-content:space-between;margin-bottom:4.8rem;color:#f4f0e7b3;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.milla-spectrum__track{position:relative;height:.6rem;border-radius:.6rem;background:linear-gradient(90deg,rgb(var(--tone-klassisch)),rgb(var(--tone-ausgewogen)),rgb(var(--tone-modern)));box-shadow:0 0 3rem rgba(var(--tone-ausgewogen),.25)}.milla-spectrum__dots{margin:0;padding:0;list-style:none}.milla-spectrum__dot{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%)}.milla-spectrum__dot a{display:block;color:#f4f0e7;text-decoration:none}.milla-spectrum__pin{display:block;width:1.6rem;height:1.6rem;border:.3rem solid #0d110d;border-radius:50%;background:#f4f0e7;box-shadow:0 0 0 .1rem #ffffff80;transition:transform .2s ease,background .2s ease}.milla-spectrum__name{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-size:1.3rem;font-weight:600;letter-spacing:.01em}.milla-spectrum__dot--up .milla-spectrum__name{bottom:calc(100% + .8rem)}.milla-spectrum__dot--down .milla-spectrum__name{top:calc(100% + .8rem)}.milla-spectrum__dot a:hover .milla-spectrum__pin,.milla-spectrum__dot a:focus-visible .milla-spectrum__pin{transform:scale(1.35);background:#fff}.milla-spectrum__dot a:hover .milla-spectrum__name{color:#fff;text-decoration:underline;text-underline-offset:.3rem}.milla-spectrum__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem 3.2rem;margin-top:6.4rem}.milla-spectrum__tip{display:flex;align-items:center;gap:1rem;margin:0;color:#f4f0e7d9;font-size:1.5rem}.milla-spectrum__tip .milla-icon{color:#f4f0e7b3}.milla-spectrum__tip a,.milla-spectrum__all{color:#fff;font-weight:700;text-underline-offset:.35rem}.milla-spectrum__all{font-size:1.5rem}@media screen and (max-width:989px){.milla-spectrum__tiles{grid-template-columns:1fr}.milla-spectrum__card{min-height:0}}@media screen and (max-width:749px){.milla-spectrum{padding-block:4.8rem}.milla-spectrum__intro{margin-bottom:2.4rem}.milla-spectrum__lead{font-size:1.5rem}.milla-spectrum__tiles{gap:1.2rem}.milla-spectrum__card{padding:2.4rem 2rem 2rem;border-radius:1.4rem}.milla-spectrum__card:before{left:2rem;right:2rem}.milla-spectrum__text{font-size:1.5rem}.milla-spectrum__cta{padding-top:1.2rem}.milla-spectrum__axis{display:none}.milla-spectrum__footer{margin-top:2.8rem}}@media(prefers-reduced-motion:reduce){.milla-spectrum__card,.milla-spectrum__pin{transition:none}.milla-spectrum__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/milla-spectrum.css.map */