:root{--ink: #121212;--cream: #F2F0EC;--muted: #6B6964;--m: clamp(24px, 4.76vw, 72px);--gw: 1500px;--mx: max(clamp(24px, 4.76vw, 72px), calc((100vw - var(--gw)) / 2));--gbreite: calc(100vw - 2 * var(--mx));--gspalte: calc(var(--gbreite) * .06775);--grinne: calc(var(--gbreite) * .017);--gspan5: calc(5 * var(--gspalte) + 4 * var(--grinne));--gspan6: calc(6 * var(--gspalte) + 5 * var(--grinne));--gspan7: calc(7 * var(--gspalte) + 6 * var(--grinne));--logow: min(63vw, 1033px);--logoh: calc(var(--logow) * .178344);--herogap: 96px;--bg-inner: #f4f2ec;--bg-outer: #e5e1d6;--red: #9E3424;--bl: 44px}*{box-sizing:border-box}html{background:var(--bg-outer);overscroll-behavior:none}body{margin:0;font-family:Archivo,system-ui,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 42%,var(--bg-inner),var(--bg-outer));transition:background .6s ease}.display{font-weight:700;font-size:clamp(40px,6.2vw,94px);line-height:1;letter-spacing:-.03em;margin:0}.body{font-weight:500;font-size:clamp(16px,1.44vw,21px);line-height:calc(1.25em + 4px);margin:0}.linkl{font-weight:600;font-size:clamp(20px,1.9vw,29px);letter-spacing:-.5px}.label{font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.caption{font-weight:400;font-size:12px;line-height:1.6}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;transition:opacity .45s ease}html:not([data-dreid=an]) .webgl{opacity:0}.bigword{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.bigword .word{width:min(var(--gw),calc(100vw - 2 * var(--m)))}.ch{display:inline-block;position:relative;will-change:opacity}.chw{display:inline-block;white-space:nowrap}.wd{display:inline-block;position:relative;will-change:opacity}.word{display:block}.word svg{display:block;width:100%;height:auto;overflow:visible}.word svg path{will-change:opacity}.pantonlogo svg{display:block;width:100%;height:auto;overflow:visible}.pantonlogo svg path{will-change:opacity}.pantonlogo{position:fixed;left:var(--mx);z-index:51;height:auto;display:block;pointer-events:none;top:calc(106px - 64px * var(--pp, 0));width:calc(var(--logow) + (104px - var(--logow)) * var(--pp, 0))}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:44px var(--mx) 0}.wordmark{height:15px;width:auto;display:block}.kicker{color:var(--ink);opacity:calc(1 - var(--pp, 0) * 2)}body[data-dark-nav=true] .kicker{color:#fff}body[data-dark-nav=true] .pantonlogo{filter:invert(1)}nav{display:flex;gap:clamp(14px,1.8vw,26px)}nav a{position:relative;color:var(--ink);opacity:.86;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:5px;border-bottom:2px solid transparent;transition:opacity .3s ease}nav a.active{opacity:1}nav a:hover{opacity:1}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}nav a.active:after,nav a:hover:after{transform:scaleX(1)}nav:has(a:hover) a.active:not(:hover):after{transform:scaleX(0)}nav a:last-child{margin-right:-1.5px}.baseline>:last-child{margin-right:-1.5px}body[data-dark-nav=true] nav a{color:#fff}.navrow{position:relative}.sprachwahl{position:absolute;right:calc(100% + 34px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px}.sprachwahl button{font-family:inherit;font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;position:relative;background:none;border:0;margin:0;cursor:pointer;padding:0 0 5px;border-bottom:2px solid transparent;color:var(--ink);opacity:.86;transition:opacity .3s ease}.sprachwahl button.an,.sprachwahl button:hover{opacity:1}.sprachwahl button:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.sprachwahl button.an:after,.sprachwahl button:hover:after{transform:scaleX(1)}.sprachwahl:has(button:hover) button.an:not(:hover):after{transform:scaleX(0)}.sprachwahl .strich{font-weight:600;font-size:13px;color:var(--ink);opacity:.22;padding-bottom:7px;transform:translateY(-.5px)}body[data-dark-nav=true] .sprachwahl button,body[data-dark-nav=true] .sprachwahl .strich{color:#fff}@supports (color: color-mix(in srgb,#fff 50%,#000)){body{--navink: color-mix(in srgb, var(--cream) calc(var(--dkn, 0) * 100%), var(--ink))}body .kicker,body nav a,body .sprachwahl button,body .sprachwahl .strich,body[data-dark-nav=true] .kicker,body[data-dark-nav=true] nav a,body[data-dark-nav=true] .sprachwahl button,body[data-dark-nav=true] .sprachwahl .strich{color:var(--navink)}body .pantonlogo,body[data-dark-nav=true] .pantonlogo{filter:invert(var(--dkn, 0))}}@media (min-width: 1644px){nav{width:482px;gap:0;justify-content:space-between}}main{position:relative;z-index:10}.sec{min-height:100vh;position:relative;padding:120px var(--mx) 110px}.sec .inner{position:relative;height:calc(100vh - 230px);min-height:480px}.hero-svg{width:var(--logow);height:auto;display:block;margin-top:-14px}.herostack{position:fixed;left:var(--mx);z-index:50;top:calc(106px + var(--logoh) + var(--herogap));width:var(--gspan6);display:flex;flex-direction:column;align-items:flex-start;gap:28px}.hero-body{width:100%}.portrait{--pad: 0px;position:fixed;right:var(--mx);bottom:calc(var(--bl) + 1px);z-index:20;width:clamp(140px,13.7vw,208px);aspect-ratio:208/254;border-radius:16px;overflow:hidden;cursor:pointer;border:none;padding:var(--pad);text-decoration:none;background:none;box-shadow:0 14px 34px #0000002e;transition:scale .15s ease,transform .35s .15s cubic-bezier(.34,1.45,.64,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.portrait img.photo{width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block;border-radius:16px}.portrait .grad{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);height:40%;border-radius:0 0 16px 16px;background:linear-gradient(to top,#00000080,#0000)}.portrait .pname{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 13px);text-align:center;color:#fff;font-weight:600;font-size:12px;letter-spacing:1.2px}.portrait:hover{scale:.97;transform:scale(calc(1 / .97));box-shadow:0 22px 44px #00000047}.slot-a{position:absolute;left:0;top:48.3%;transform:translateY(-50%);max-width:min(62%,800px)}.slot-a .display{margin:0}.slot-b{position:absolute;left:67.8%;top:48.3%;transform:translateY(-50%);width:32.2%;min-width:240px;max-width:483px}.mat-body{position:absolute;left:0;top:3%;width:clamp(320px,40vw,560px)}.hand-body{position:absolute;left:0;top:48.3%;transform:translateY(-50%);width:clamp(300px,33vw,470px)}.reddot{position:absolute;width:8px;height:8px;border-radius:999px;background:#9e3424}.dark-sec{color:var(--cream);background:#121212}.darkveil{display:none}@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.dark-sec{background:transparent}body{--dkblur: 17px}@media (max-width: 720px){body{--dkblur: 10px}}body[data-dark=true] .darkveil{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:rgba(10,10,9,calc(.34 * var(--dk, 0)));-webkit-backdrop-filter:blur(calc(var(--dkblur) * var(--dk, 0))) brightness(calc(1 - .72 * var(--dk, 0))) saturate(calc(1 + .3 * var(--dk, 0)));backdrop-filter:blur(calc(var(--dkblur) * var(--dk, 0))) brightness(calc(1 - .72 * var(--dk, 0))) saturate(calc(1 + .3 * var(--dk, 0)))}.actionbar .pill{background:#0a0a0933;-webkit-backdrop-filter:blur(60px) brightness(.42) saturate(1.3);backdrop-filter:blur(60px) brightness(.42) saturate(1.3)}@media (max-width: 720px){.actionbar .pill{-webkit-backdrop-filter:blur(24px) brightness(.42) saturate(1.3);backdrop-filter:blur(24px) brightness(.42) saturate(1.3)}}}.dark-sec .inner{z-index:2}.reveal-head .display{margin:0}.reveal-body .body{color:#f2f0ecb8}.eyebrow{display:block;margin-bottom:22px;color:#f2f0ec80}.studio-head,.studio-about{top:0;transform:none}.studio-head .display{font-size:clamp(32px,4.4vw,66px);line-height:1.06;margin:0}.studio-about .body{color:#f2f0eccc}.studio-cta{margin-top:26px}.studio-foot{position:absolute;left:0;right:0;bottom:0}.links{display:flex;flex-wrap:wrap;gap:clamp(18px,2.6vw,44px);margin-bottom:clamp(18px,2.4vw,34px)}.links a{position:relative;color:#f2f0ecbf;text-decoration:none;font-size:clamp(16px,1.6vw,24px);transition:color .3s ease}.links a:hover{color:var(--cream)}.links a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.links a:hover:after{transform:scaleX(1)}.studio-svg{width:100%;height:auto;display:block;opacity:.95}.pinned{min-height:200vh}.pinned .inner{position:fixed;top:120px;bottom:110px;left:var(--mx);right:var(--mx);height:auto;min-height:0;pointer-events:none}.pinned .baseline{position:fixed}html[data-intro=ja] .pantonlogo,html[data-intro=ja] .topbar,html[data-intro=ja] .hero-eyebrow,html[data-intro=ja] .hero-body,html[data-intro=ja] .actionbar,html[data-intro=ja] .portrait,html[data-intro=wortmarke] .topbar,html[data-intro=wortmarke] .hero-eyebrow,html[data-intro=wortmarke] .hero-body,html[data-intro=wortmarke] .actionbar,html[data-intro=wortmarke] .portrait{visibility:hidden}.bigword .word,#form>.inner>.slot-a,#form>.inner>.slot-b,#material .mat-body,#handwerk .hand-body,#reveal .eyebrow,#reveal .reveal-body,#studio .eyebrow,#studio .studio-head .display,#studio .studio-cta,#studio .studio-about,#studio .links,#studio .baseline{visibility:hidden}.sec.tall{min-height:100vh;padding:0}.sec.tall .stick{position:relative;height:100vh;padding:120px var(--mx) 110px}.baseline{position:absolute;left:var(--mx);right:var(--mx);bottom:var(--bl);z-index:12;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.baseline.hero-baseline{position:fixed}.baseline .label{color:var(--ink)}.dark-sec .baseline .label{color:#f2f0eccc}.baseline b{font-weight:600}.baseline .credit{color:inherit;pointer-events:auto;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .25s ease}.baseline .credit:hover{color:var(--ink)}.dark-sec .baseline .credit:hover{color:var(--cream)}.actionbar{position:relative;z-index:50;display:flex;gap:10px}body[data-dark-pill=true] .actionbar{opacity:0;pointer-events:none}.actionbar .pill{will-change:opacity;backface-visibility:hidden}.pill{font-family:inherit;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;position:relative;height:48px;padding:0 30px;border-radius:999px;border:none;cursor:pointer;text-decoration:none;background:var(--ink);color:#fff;box-shadow:0 8px 22px #0000002e;transition:scale .15s ease,transform .35s .15s cubic-bezier(.34,1.45,.64,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}body[data-dark-pill=true] .studio-cta .pill{background:var(--cream);color:var(--ink)}.pill{position:relative}.pill:hover{scale:.94;transform:scale(calc(1 / .94));box-shadow:0 14px 30px #00000042}.pill:active{box-shadow:0 8px 18px #00000038}.swap{display:inline-flex;align-items:center}.swch{position:relative;display:inline-block;overflow:hidden;line-height:1;padding-right:.14em;margin-right:-.14em}.swa{display:inline-block;white-space:pre}@keyframes swipe{0%{transform:translate(0);filter:blur(0);animation-timing-function:cubic-bezier(.5,0,.75,.2)}46%{transform:translate(135%);filter:blur(3px)}46.001%{transform:translate(-135%);filter:blur(3px);animation-timing-function:cubic-bezier(.34,1.4,.64,1)}to{transform:translate(0);filter:blur(0)}}.swrun .swa{animation:swipe .5s both;animation-delay:calc(var(--i) * 22ms)}@media (max-width: 900px){.mat-body,.hand-body{position:static;width:100%;transform:none;margin-top:24px}.slot-a,.slot-b{position:static;width:100%;max-width:none;min-width:0;transform:none;margin-top:24px}.herostack{width:calc(100vw - 2 * var(--mx))}.studio-foot{position:static;margin-top:40px}}.swatchbar{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 16px;margin-top:26px;border-radius:999px;background:var(--ink);box-shadow:0 8px 22px #0000002e;pointer-events:auto;will-change:opacity;backface-visibility:hidden}.swatchbar .sw{width:26px;height:26px;padding:0;border:none;border-radius:999px;cursor:pointer;background:var(--sw);box-shadow:inset 0 0 0 1px #00000047;transition:scale .15s ease,transform .35s .15s cubic-bezier(.34,1.45,.64,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.swatchbar .sw:hover{scale:.86;transform:scale(calc(1 / .86))}.swatchbar .sw.on{box-shadow:inset 0 0 0 1px #00000047,0 0 0 2.5px #0a0a098c,0 0 0 3.5px #ffffff61}.swatchbar .sw:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:4px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.swatchbar{background:#0a0a0933;-webkit-backdrop-filter:blur(60px) brightness(.42) saturate(1.3);backdrop-filter:blur(60px) brightness(.42) saturate(1.3)}}#form>.inner>.slot-a{top:0;transform:none}#form>.inner>.slot-b{top:auto;bottom:0;transform:none}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--bg-inner);transition:opacity .42s ease}.preloader.weg{opacity:0;pointer-events:none}.pl-mitte{display:flex;flex-direction:column;align-items:center}.pl-zahl{display:flex;align-items:baseline;font-weight:600;font-size:clamp(64px,9.5vw,148px);line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.pl-klammer{color:#12121238;font-weight:400}.pl-wert{padding:0 calc(10px + var(--auf, 0) * 30px);transition:none}.pl-linie{position:relative;width:min(340px,44vw);height:1px;background:#12121224;margin-top:clamp(18px,2.2vw,30px)}.pl-linie span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}.pl-wort{margin-top:14px;font-weight:600;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}html[data-laden=ja] body{overflow:hidden}.hero-eyebrow{display:none}@media (max-width: 720px){.topbar{padding-top:35px;justify-content:flex-end}.topbar nav{display:none}.topbar .kicker{display:none}.herostack{gap:14px}.hero-body{margin-bottom:12px}.hero-eyebrow{display:block;margin-bottom:0;color:var(--ink)}.sprachwahl{position:static;transform:none}.sprachwahl button{padding:12px 6px 5px;margin:-12px -6px 0}.herostack .body{font-size:19px;line-height:1.5}.pill{height:42px;padding:0 22px;font-size:12px;letter-spacing:1.7px}.swatchbar{height:42px;padding:0 14px;gap:10px;margin-top:20px}.swatchbar .sw{width:24px;height:24px}.pantonlogo{top:32px;width:118px}.display,.studio-head .display{font-size:clamp(30px,8.4vw,40px)}.sec.tall .stick{height:auto;min-height:100vh;padding:110px var(--mx) 130px}.links{gap:12px 24px;margin-bottom:20px}.links a{font-size:16px}.studio-svg{margin-bottom:8px}.baseline{display:block}.baseline>span:last-child{display:none}.baseline .label{font-size:10px;letter-spacing:1.1px;line-height:2.1}.baseline .ctrenner{display:none}.baseline .cteil{display:block}}