.tt{--s-2xs:6px;--s-xs:10px;--s-sm:16px;--s-md:clamp(22px,3vw,30px);--s-lg:clamp(34px,5vw,52px);--s-xl:clamp(52px,7.5vw,88px);--s-2xl:clamp(76px,11vw,128px);--ease:cubic-bezier(.22,1,.36,1);--dur-1:.18s;--dur-2:.28s;--dur-3:.42s;--dur-4:.56s;--t-micro:.6875rem;--t-action:.75rem;--t-fine:.875rem;--t-body:1.0625rem;--t-lead:1.3125rem;--t-h3:clamp(1.375rem,2vw,1.625rem);--t-h2:clamp(1.75rem,3.4vw,2.1875rem);--t-h1:clamp(2.5rem,5.4vw,3.625rem);--lh-tight:1.06;--lh-head:1.16;--lh-lead:1.36;--lh-fine:1.55;--lh-body:1.66;--ls-label:.16em;--ls-action:.2em;--ls-display:-.01em;--rail:clamp(280px,32vw,420px);--tt-head:86px;font-kerning:normal;background:var(--it-ground);color:var(--it-ink);font-family:var(--it-body);font-size:var(--t-body);line-height:var(--lh-body)}.tt *{box-sizing:border-box}.tt__wrap{max-width:1140px;margin:0 auto;padding:0 24px}.tt h1,.tt h2,.tt h3,.tt h4{font-family:var(--it-serif);font-weight:300;margin:0;color:var(--it-ink);text-wrap:balance;line-height:var(--lh-head)}.tt p{margin:0;text-wrap:pretty}.tt a{color:inherit}.tt__lbl,.tt__ch__no,.tt__coll .go,.tt__card b,.tt__rail__lbl,.tt__now b,.tt__key h3,.tt__pill,.tt__cta a,.tt__list dt{font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--ls-label);text-transform:uppercase}.tt__lbl{color:var(--it-ink-soft);display:block}.tt__orn{display:flex;align-items:center;gap:18px;margin:var(--s-2xl) 0 var(--s-md)}.tt__orn:before,.tt__orn:after{content:"";flex:1;height:1px;background:var(--it-line)}.tt__orn i{width:7px;height:7px;transform:rotate(45deg);background:var(--it-gold);display:block}.tt__hero{padding-top:var(--s-lg)}.tt__hero h1{font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-display);margin-top:var(--s-sm)}.tt__hero .lead{font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--it-ink-soft);max-width:44ch;margin-top:var(--s-md)}.tt__heroimg{margin:var(--s-lg) 0 0;background:var(--it-ground-deep)}.tt__heroimg img{display:block;width:100%;height:auto}.tt__meta{display:flex;flex-wrap:wrap;gap:var(--s-2xs) var(--s-lg);margin-top:var(--s-md);padding-top:var(--s-sm);border-top:1px solid var(--it-line);color:var(--it-ink-soft)}.tt__meta span{font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--ls-label);text-transform:uppercase}.tt__two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4.5vw,64px);align-items:start}@media(max-width:820px){.tt__two{grid-template-columns:1fr;gap:var(--s-lg)}}.tt__two h2{font-size:var(--t-h2)}.tt__two p{color:var(--it-ink-soft);margin-top:var(--s-sm);max-width:58ch}.tt__list{margin:var(--s-sm) 0 0}.tt__list div{padding:var(--s-sm) 0;border-top:1px solid var(--it-line)}.tt__list div:last-child{border-bottom:1px solid var(--it-line)}.tt__list dt{color:var(--it-gold-text);margin-bottom:var(--s-2xs)}.tt__list dd{margin:0;color:var(--it-ink-soft);font-size:var(--t-fine);line-height:var(--lh-fine)}.tt__list--no dt{color:var(--it-ink-soft);opacity:.75}.tt__spine{margin-top:var(--s-2xl);display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:clamp(28px,4vw,56px);max-width:1320px;margin-inline:auto;padding:0 24px}.tt__railbox{position:relative}.tt__rail{position:absolute;top:0;left:0;width:100%;background:var(--it-ground-deep);padding:var(--s-md);color:var(--it-paper);max-height:calc(100vh - var(--tt-head) - var(--s-md));overflow:auto}.tt__rail.is-vast{position:fixed;top:calc(var(--tt-head) + var(--s-sm))}.tt__rail.is-eind{position:absolute;top:auto;bottom:0}.tt__rail__lbl{color:var(--it-gold);display:block;margin-bottom:var(--s-sm)}.tt__veld{position:relative;aspect-ratio:1672/941;container-type:inline-size}.tt__veld>img{display:block;width:100%;height:100%;object-fit:contain}.tt__punten{position:absolute;top:0;right:0;bottom:0;left:0;--dot:clamp(1.25rem,4.4cqw,1.7rem)}.tt__punt{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);width:var(--dot);height:var(--dot);display:grid;place-items:center;text-decoration:none}.tt__punt b{position:relative;display:grid;place-items:center;width:var(--dot);height:var(--dot);border-radius:50%;border:1px solid var(--it-gold);background:#181511d1;color:var(--it-gold);font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);letter-spacing:0;transition:transform var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.tt__punt b:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--it-gold);opacity:0;transform:scale(.72);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.tt__punt:hover b,.tt__punt:focus-visible b,.tt__punt.is-on b{transform:scale(1.16)}.tt__punt:hover b:before,.tt__punt:focus-visible b:before,.tt__punt.is-on b:before{opacity:.6;transform:scale(1)}.tt__punt.is-on b{background:var(--it-gold);color:var(--it-ground-deep)}.tt__punt:active b{transform:scale(1.05)}.tt__punt:focus-visible{outline:none}.tt__punt:focus-visible b{outline:2px solid var(--it-gold);outline-offset:4px}.tt__punt span{position:absolute;left:calc(100% + .45rem);top:50%;white-space:nowrap;transform:translate(6px,-50%);background:#181511f0;border:1px solid rgba(255,255,255,.14);padding:.22rem .5rem;font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--it-paper);opacity:0;visibility:hidden;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.tt__punt[data-side=l] span{left:auto;right:calc(100% + .45rem);transform:translate(-6px,-50%)}.tt__punt:hover span,.tt__punt:focus-visible span,.tt__punt.is-on span{opacity:1;visibility:visible;transform:translateY(-50%)}.tt__now{display:flex;align-items:baseline;gap:var(--s-xs);margin-top:var(--s-md);padding-top:var(--s-sm);border-top:1px solid rgba(255,255,255,.14);font-size:var(--t-fine);line-height:var(--lh-fine);color:var(--it-paper)}.tt__now b{color:var(--it-gold);min-width:1.6em}.tt__now span{color:#ffffff9e}.tt__key h3{font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--it-gold-text);margin:0 0 var(--s-2xs)}.tt__key ol{list-style:none;margin:0;padding:0;columns:3;column-gap:clamp(24px,3vw,44px)}.tt__key li{break-inside:avoid}.tt__key li a{display:grid;grid-template-columns:1.9rem minmax(0,1fr);gap:.4rem;align-items:baseline;padding:.5rem 0;text-decoration:none;border-bottom:1px solid var(--it-line)}.tt__key li a b{font-family:var(--it-label);font-weight:500;font-size:var(--t-micro);color:var(--it-gold-text)}.tt__key li a em{font-style:normal;color:var(--it-ink);font-size:var(--t-fine);transition:color var(--dur-2) var(--ease)}.tt__key li a:hover em,.tt__key li a.is-on em{color:var(--it-gold-text)}.tt__key li a:focus-visible{outline:2px solid var(--it-gold);outline-offset:2px}.tt__ch{padding:var(--s-xl) 0;border-top:1px solid var(--it-line);scroll-margin-top:calc(var(--tt-head) + var(--s-sm))}.tt__ch:focus{outline:none}.tt__ch:first-child{border-top:0;padding-top:0}.tt__ch__no{color:var(--it-gold-text);display:block}.tt__ch h2{font-size:var(--t-h2);margin-top:var(--s-2xs)}.tt__ch .lead{color:var(--it-ink-soft);margin-top:var(--s-sm);max-width:62ch}.tt__ch .lead+.lead{margin-top:var(--s-xs)}.tt__spec{list-style:none;margin:var(--s-md) 0 0;padding:0;max-width:62ch}.tt__spec li{padding:.55rem 0;border-top:1px solid var(--it-line);font-size:var(--t-fine);line-height:var(--lh-fine);color:var(--it-ink-soft)}.tt__spec li b{color:var(--it-ink);font-weight:400}.tt__coll{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-xs) var(--s-sm);margin-top:var(--s-md);padding-top:var(--s-sm);border-top:1px solid var(--it-gold)}.tt__coll a{text-decoration:none;font-family:var(--it-serif);font-size:var(--t-h3);color:var(--it-ink);transition:color var(--dur-2) var(--ease)}.tt__coll a:hover{color:var(--it-gold-text)}.tt__coll .go{color:var(--it-ink-soft);font-variant-numeric:tabular-nums}.tt__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-sm);margin-top:var(--s-md)}@media(max-width:1100px){.tt__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.tt__cards{grid-template-columns:1fr}}.tt__card{text-decoration:none;display:block}.tt__card figure{margin:0;background:#fff;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center;padding:10px}.tt__card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--dur-4) var(--ease),opacity var(--dur-2) var(--ease)}.tt__card:hover img{transform:scale(1.028)}.tt__card b{display:block;margin-top:var(--s-xs);padding-top:var(--s-2xs);border-top:1px solid var(--it-line);color:var(--it-ink-soft);letter-spacing:.1em}.tt__card em{display:block;font-style:normal;font-family:var(--it-serif);font-size:var(--t-body);line-height:var(--lh-head);color:var(--it-ink);margin-top:2px}.tt__card i{display:block;font-style:normal;font-size:var(--t-fine);color:var(--it-ink-soft);font-variant-numeric:tabular-nums;margin-top:var(--s-2xs)}.tt__made{margin-top:var(--s-md);padding:var(--s-md);background:var(--it-ground-deep);color:var(--it-paper)}.tt__made p{color:#ffffffb8;font-size:var(--t-fine);line-height:var(--lh-fine);max-width:52ch}.tt__made .tt__pill{color:var(--it-gold);display:block;margin-bottom:var(--s-2xs)}.tt__made a{display:inline-block;margin-top:var(--s-sm);color:var(--it-gold);text-decoration:none;border-bottom:1px solid var(--it-gold);padding-bottom:2px;font-size:var(--t-fine)}.tt__fixed{background:var(--it-ground-deep);color:var(--it-paper);padding:var(--s-xl) 0;margin-top:var(--s-2xl)}.tt__fixed h2{color:var(--it-paper);font-size:var(--t-h2)}.tt__fixed .tt__lbl{color:var(--it-gold)}.tt__three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-lg);margin-top:var(--s-lg)}@media(max-width:820px){.tt__three{grid-template-columns:1fr;gap:var(--s-md)}}.tt__three>div{padding-top:var(--s-sm);border-top:1px solid rgba(255,255,255,.18)}.tt__three .n{font-family:var(--it-serif);font-size:var(--t-h3);color:var(--it-gold);display:block}.tt__three h3{color:var(--it-paper);font-size:var(--t-h3);margin-top:var(--s-2xs)}.tt__three p{color:#ffffffb3;font-size:var(--t-fine);line-height:var(--lh-fine);margin-top:var(--s-xs)}.tt__cta{padding:var(--s-xl) 0 var(--s-2xl);text-align:center}.tt__cta h2{font-size:var(--t-h2)}.tt__cta p{color:var(--it-ink-soft);max-width:52ch;margin:var(--s-sm) auto 0}.tt__cta a{display:inline-block;margin-top:var(--s-md);padding:14px 30px;text-decoration:none;color:var(--it-ground);background:var(--it-ink);transition:background-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.tt__cta a:hover{background:var(--it-gold-text)}.tt__cta a:active{transform:translateY(1px)}.tt__cta a:focus-visible{outline:2px solid var(--it-gold);outline-offset:3px}@media(max-width:960px){.tt__spine{grid-template-columns:1fr;gap:0}.tt__railbox{position:static}.tt__rail,.tt__rail.is-vast,.tt__rail.is-eind{position:static;width:auto!important;max-width:100%;left:auto;max-height:none;overflow:visible;margin-bottom:var(--s-lg)}.tt__key ol{columns:2;column-gap:var(--s-md)}}@media(max-width:560px){.tt__key ol{columns:1}.tt__punt span{display:none}}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity var(--dur-4) var(--ease),transform var(--dur-4) var(--ease)}[data-reveal].is-in,.no-js [data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.tt *,.tt *:before,.tt *:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/mcs-totaal.css.map */