:root{--ink:#141414;--paper:#f4f3ef;--blue:#3046ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.preview{padding:10px 3.5%;background:var(--blue);color:white;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.preview span{letter-spacing:.3px}header{height:90px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #d4d3cf;position:sticky;top:0;z-index:20}.wordmark{font-weight:900;letter-spacing:-3px;font-size:42px}.wordmark span{font:12px Arial;vertical-align:top;display:inline-block;margin:8px 0 0 4px;letter-spacing:0}nav{display:flex;gap:32px;font-size:13px}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a.active{border-color:var(--ink)}.nav-end{font-size:12px}.hero{height:730px;min-height:650px;max-height:900px;position:relative;overflow:hidden;background:#ececea;padding:28px 3.5% 36px}.hero-meta{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:10px;letter-spacing:1.3px}.hero h1{font-size:clamp(92px,12.6vw,190px);font-weight:900;letter-spacing:-.075em;line-height:.85;margin:64px 0 0;position:relative;z-index:2;pointer-events:none}.hero h1 span{color:var(--blue)}.hero-shoe{position:absolute;right:0;top:18px;width:65%;height:100%;mix-blend-mode:multiply}.hero-shoe img{width:100%;height:100%;object-fit:contain;transform:rotate(-9deg) scale(1.03)}.hero-bottom{position:absolute;bottom:35px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:end;z-index:3}.hero-bottom p{font-size:19px;line-height:1.4;margin:0}.button{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:21px 26px;background:var(--blue);color:white;border:0;font-size:13px;min-width:260px}.button:hover{background:#172bdb}.vertical{font-size:10px;writing-mode:vertical-rl;letter-spacing:2px}.ticker{white-space:nowrap;overflow:hidden;padding:21px 0;font-size:32px;font-weight:bold;letter-spacing:-1px;border-bottom:1px solid #d4d3cf}.ticker b{color:var(--blue);margin:0 24px}.product{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;padding:100px 5%}.product-photo{position:relative;background:#e9e8e4;display:flex;align-items:center;min-height:550px;padding:30px;mix-blend-mode:multiply}.product-photo img{width:100%;mix-blend-mode:multiply}.eyebrow{font-size:10px;letter-spacing:1.8px;display:block}.product-photo .eyebrow{position:absolute;top:25px}.photo-note{position:absolute;bottom:24px;left:30px;font-size:9px;letter-spacing:1px}.product-info{padding-top:15px}h2{font-size:clamp(34px,4vw,60px);line-height:1;letter-spacing:-2.5px;margin:30px 0 24px}.product-info p{font-size:14px;line-height:1.7;color:#5c5c5c;max-width:390px}.product-info .lead{font-size:20px;color:var(--ink)}.detail-row{border-top:1px solid #cfceca;padding:16px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px}.detail-row strong{font-weight:500}.dark{background:var(--ink);width:100%;margin:10px 0 18px}.dark:hover{background:var(--blue)}details{border-top:1px solid #cfceca;font-size:12px;padding:18px 0}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.small{font-size:11px!important;line-height:1.5!important;color:#666}.manifesto{background:var(--ink);color:white;padding:75px 6%;position:relative;overflow:hidden;min-height:530px}.manifesto h2{font-size:clamp(46px,6.4vw,100px);max-width:1000px;letter-spacing:-5px;position:relative;z-index:1}.manifesto>div{display:flex;gap:7%;align-items:start;position:relative;z-index:1}.manifesto p{font-size:14px;line-height:1.8;color:#c8c8c8}.text-link{font-size:12px;border-bottom:1px solid #777;padding:15px 0}.huge-arrow{position:absolute;right:2%;bottom:-100px;font-size:480px;line-height:1;color:#292929}.join{padding:90px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.join h2{margin:22px 0}.join p{font-size:14px;color:#666}.section-intro{padding:75px 6% 65px}.section-intro h1{font-weight:900;font-size:clamp(65px,9vw,130px);line-height:.9;letter-spacing:-.065em;margin:38px 0}.section-intro>p{max-width:550px;font-size:16px;line-height:1.7;color:#555}.brand-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 6%;gap:20px}.logo-board,.name-board{height:350px;background:white;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-board>span,.name-board>span{position:absolute;bottom:24px;font-size:9px;letter-spacing:1px}.logo-window{width:85%;height:170px;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo-window img{width:100%;mix-blend-mode:multiply}.name-board{background:var(--blue);color:white}.name-board>strong{font-size:85px;letter-spacing:-7px}.name-board>strong span{font-size:18px;vertical-align:top;letter-spacing:0}.name-board>p{font-size:10px;letter-spacing:4px}.brand-principles,.type-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:90px 6%}.brand-principles h3,.type-section h3{font-size:20px;letter-spacing:-.5px}.brand-principles p,.type-section p{font-size:14px;line-height:1.8;color:#555}.palette-section{padding:65px 6%;background:#e5e4df}.palette{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.palette>div{height:220px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.palette b{font-size:19px}.palette span,.palette-section>p{font-size:12px}.palette-section>p{margin-top:25px;line-height:1.6}.type-section h2{font-weight:900;font-size:clamp(60px,7vw,110px);letter-spacing:-7px}.type-section .eyebrow{margin:25px 0}.packaging{padding:65px 6%;background:var(--blue);color:white;display:flex;flex-direction:column;align-items:center;overflow:hidden}.packaging>.eyebrow{align-self:start}.box-mock{width:min(520px,85%);margin:70px 0 55px;transform:rotate(-7deg);box-shadow:16px 24px 28px #1423ab}.box-top{background:#f4f3ef;color:#141414;height:210px;padding:40px;font-size:72px;font-weight:900;letter-spacing:-6px;display:flex;flex-direction:column;justify-content:center}.box-top span{font-size:10px;letter-spacing:3px;margin-top:12px}.box-front{background:#d5d4d0;padding:25px;color:#141414;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.packaging>p{font-size:12px;line-height:1.7;max-width:490px;text-align:center}.social-profiles{padding:0 6% 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.profile{border:1px solid #d5d4d0;background:white;padding:25px}.platform{font-size:10px;letter-spacing:2px;border-bottom:1px solid #ddd;padding:0 0 20px;display:flex;justify-content:space-between}.profile-top{display:flex;align-items:center;gap:25px;margin:25px 0}.profile-top h2{font-size:25px;letter-spacing:-1px;margin:0}.profile-top p{font-size:12px}.avatar{width:90px;height:90px;border:1px solid #ddd;border-radius:50%;overflow:hidden;display:flex;align-items:center;background:white}.avatar img{width:100%;transform:scale(1.08)}.bio{font-size:13px;line-height:1.7;min-height:90px}.copy{border:1px solid #ddd;background:#f4f3ef;padding:12px 16px;font-size:11px;width:100%;text-align:left}.highlights{display:flex;gap:13px;margin:25px 0}.highlights span{border:1px solid #ddd;border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:8px}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:25px}.feed>div{aspect-ratio:1;overflow:hidden;position:relative}.feed-word,.feed-blue{background:#141414;color:white;font-weight:900;padding:14px;font-size:clamp(20px,2.6vw,39px);line-height:.95;letter-spacing:-1.5px}.feed-product{display:flex;align-items:center;background:#e8e8e5}.feed-product img{width:100%;mix-blend-mode:multiply}.feed-logo{display:flex;align-items:center}.feed-logo img{width:100%}.feed-detail img{width:200%;transform:translate(-35%,-12%)}.feed-blue{background:var(--blue)}.feed-blue small{display:block;font-size:7px;letter-spacing:1px;margin-top:12px}.feed-word.light{background:#e6e5e1;color:#141414}.tiktok-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:25px 0}.tiktok-grid>div{aspect-ratio:9/16;background:#ececea;position:relative;overflow:hidden}.tiktok-grid img{width:140%;position:absolute;top:18%;left:-20%;mix-blend-mode:multiply}.tiktok-grid>div:nth-child(2){background:var(--blue);color:white}.tiktok-grid>div:nth-child(2) img{top:32%;left:0;width:100%}.tiktok-grid span{position:absolute;top:20px;left:15px;right:10px;font-size:clamp(22px,2.2vw,34px);font-weight:900;line-height:1;letter-spacing:-1.5px}.tiktok-grid small{position:absolute;bottom:17px;left:15px;font-size:7px;letter-spacing:1px}.content-plan{padding:65px 6%;background:#e8e7e2}.content-plan h2{margin-bottom:50px}.plan-row{display:grid;grid-template-columns:40px 1fr 2fr 110px;gap:25px;align-items:start;border-top:1px solid #c4c3bf;padding:24px 0}.plan-row b{color:var(--blue);font-size:12px}.plan-row h3{margin:0;font-size:18px;letter-spacing:-.6px}.plan-row p{font-size:13px;line-height:1.6;margin:0}.plan-row>span{font-size:9px;letter-spacing:1px}footer{padding:45px 6%;background:#141414;color:white;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer p,footer>span{font-size:10px;letter-spacing:1px}footer>span{margin-left:auto}footer small{width:100%;font-size:9px;color:#888}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#141414;color:white;padding:15px 25px;font-size:12px;z-index:100}
@media(min-width:1500px){.hero{height:850px}}@media(max-width:800px){header{height:75px}.wordmark{font-size:33px}nav{gap:17px;font-size:11px}.nav-end{display:none}.preview{font-size:8px;letter-spacing:1px}.preview span{max-width:190px;text-align:right;font-size:8px}.hero{height:730px;padding-top:22px}.hero-meta{font-size:8px}.hero-meta span:first-child{max-width:180px;line-height:1.6}.hero h1{font-size:clamp(85px,17vw,138px);margin-top:38px}.hero-shoe{width:100%;height:470px;top:205px;right:-8%}.hero-shoe img{transform:rotate(-9deg)}.hero-bottom{bottom:25px;gap:20px;align-items:end}.hero-bottom p{font-size:13px}.hero-bottom .button{min-width:0;font-size:11px;padding:17px;max-width:220px;gap:15px}.vertical{display:none}.ticker{font-size:24px}.product{padding:55px 6%;grid-template-columns:1fr;gap:35px}.product-photo{min-height:360px;max-height:520px}.product-photo img{max-height:420px;object-fit:contain}.manifesto{padding:55px 6%;min-height:500px}.manifesto h2{letter-spacing:-2.5px}.manifesto>div{flex-direction:column;gap:0}.manifesto p{margin:8px 0}.huge-arrow{font-size:330px;right:-35px;bottom:-50px}.join{flex-direction:column;align-items:start;padding:60px 6%}.section-intro{padding-top:55px}.section-intro h1{font-size:70px}.section-intro>p{font-size:14px}.brand-grid,.social-profiles{grid-template-columns:1fr}.brand-principles,.type-section{grid-template-columns:1fr;gap:25px;padding:60px 6%}.palette{grid-template-columns:1fr 1fr}.palette>div{height:160px}.palette-section h2{font-size:50px}.type-section h2{font-size:90px}.name-board>strong{font-size:75px}.logo-board,.name-board{height:280px}.feed-word,.feed-blue{font-size:clamp(24px,6vw,40px)}.social-profiles{gap:25px}.tiktok-grid span{font-size:30px}.plan-row{grid-template-columns:25px 1fr;gap:15px}.plan-row p,.plan-row>span{grid-column:2}.plan-row>span{color:#666}footer{gap:20px}footer>span{margin-left:0;width:100%}.box-top{font-size:60px;padding:25px}.profile{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ruhigere Textgestaltung ohne Kampagnenslogans. */
.type-section h2{font-size:clamp(48px,6vw,90px);letter-spacing:-4px}.ticker{font-size:21px;letter-spacing:1px;padding:23px 4%}.hero h1{letter-spacing:-.07em}.manifesto h2{letter-spacing:-3px}

.feed-blue{font-size:clamp(16px,2vw,27px)}@media(max-width:800px){.feed-blue{font-size:clamp(17px,4.2vw,28px)}}

.manifesto>.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;max-width:1000px}.manifesto .story-copy p{font-size:16px;line-height:1.8;margin:0;max-width:none;color:#c8c8c8}.manifesto .story-copy p:first-child{grid-column:1/-1;max-width:730px;font-size:20px;line-height:1.65;color:#f4f3ef;margin-bottom:8px}@media(max-width:800px){.manifesto>.story-copy{grid-template-columns:1fr;gap:24px}.manifesto .story-copy p:first-child{grid-column:auto;font-size:18px}}
