.mtj-home { --ink:#17211d; --paper:#f4f0e5; --cream:#fffaf0; --acid:#d7ff3f; --pink:#ff8ea1; --blue:#6b8cff; --orange:#ff7048; --line:rgba(23,33,29,.24); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.mtj-template-page { margin:0; background:#faf7f2; }
.mtj-home { width:100vw; max-width:none; margin-left:calc(50% - 50vw); color:var(--ink); font-family:"Arial Narrow", "Helvetica Neue", Arial, sans-serif; overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header { height:90px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; border-bottom:1px solid var(--ink); background:var(--paper); position:relative; z-index:10; }
.brand { display:flex; gap:12px; align-items:center; font-size:12px; line-height:1.05; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.brand-mark { width:40px; height:56px; display:block; flex:0 0 auto; object-fit:cover; border:1px solid var(--ink); border-radius:2px; box-shadow:2px 2px 0 var(--ink); transform:rotate(-2deg); }
nav { display:flex; gap:34px; font-size:13px; font-weight:700; }
nav a, .text-link { position:relative; }
nav a:after, .text-link:after { content:""; position:absolute; left:0; right:100%; bottom:-5px; height:2px; background:currentColor; transition:.25s; }
nav a:hover:after, .text-link:hover:after { right:0; }
.nav-download { border:1.5px solid var(--ink); padding:12px 18px; font-size:12px; font-weight:800; text-transform:uppercase; box-shadow:3px 3px 0 var(--ink); background:var(--acid); }
.hero { min-height:calc(100vh - 90px); display:grid; grid-template-columns:55% 45%; position:relative; overflow:hidden; border-bottom:1px solid var(--ink); }
.hero-copy { padding:9vh 5vw 11vh; position:relative; z-index:2; }
.eyebrow,.section-kicker { font-family:"Courier New", monospace; text-transform:uppercase; font-size:11px; letter-spacing:.08em; font-weight:700; }
.eyebrow span { display:inline-block; background:var(--ink); color:var(--acid); padding:6px 9px; transform:rotate(-1.5deg); margin-right:8px; }
h1 { font-size:clamp(52px,6.8vw,112px); line-height:.86; letter-spacing:-.075em; max-width:980px; margin:4vh 0; font-weight:900; }
h1 em { font-family:Georgia,serif; font-weight:400; text-decoration:underline; text-decoration-color:var(--orange); text-decoration-thickness:8px; text-underline-offset:3px; }
.hero-sub { max-width:720px; font-size:clamp(15px,1.35vw,20px); line-height:1.45; }
.hero-actions { display:flex; gap:12px; margin-top:38px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-width:210px; padding:16px 18px; border:1.5px solid var(--ink); font-size:12px; font-weight:800; text-transform:uppercase; transition:.2s; }
.button:hover { transform:translate(-2px,-2px); box-shadow:5px 5px 0 var(--ink); }
.button.primary { background:var(--ink); color:white; }.button.primary span { color:var(--acid); }.button.secondary { background:transparent; }.button.dark { background:var(--acid); color:var(--ink); }
.hero-collage{position:relative;min-width:0;min-height:640px;overflow:hidden;border-left:1px solid var(--ink);background:var(--cream)}
.mtj-gallery{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;user-select:none;outline:none}
.mtj-gallery-stage{position:absolute;inset:0;display:block;width:100%;height:100%;background-color:var(--cream);overflow:hidden}
.mtj-gallery-slide{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:center;pointer-events:none;opacity:0;visibility:hidden;z-index:0;transition:opacity .55s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}
.mtj-gallery-slide.is-active{opacity:1;visibility:visible;z-index:1}
.mtj-gallery-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(43,29,103,.38);border-radius:50%;display:grid;place-items:center;background:rgba(255,250,246,.82);color:var(--ink);font:400 28px/1 Georgia,serif;cursor:pointer;transform:translateY(-50%)}
.mtj-gallery-arrow:hover,.mtj-gallery-arrow:focus-visible{background:var(--cream);outline:2px solid var(--ink);outline-offset:2px}
.mtj-gallery-prev{left:12px}.mtj-gallery-next{right:12px}
.mtj-gallery-dots{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateX(-50%);padding:7px 10px;border-radius:20px;background:rgba(255,250,246,.72)}
.mtj-gallery-dots button{width:9px;height:9px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer}
.mtj-gallery-dots button:hover,.mtj-gallery-dots button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mtj-gallery-dots button.is-active{background:var(--ink)}
.tape { position:absolute; background:var(--acid); border:1px solid var(--ink); padding:9px 20px; font:bold 11px "Courier New",monospace; z-index:4; box-shadow:3px 3px 0 var(--ink); }.tape-a { top:7%; left:2%; transform:rotate(-5deg); }
.phone-card { position:absolute; left:20%; top:17%; width:46%; height:61%; background:#e8e7e2; border:3px solid var(--ink); border-radius:32px; transform:rotate(6deg); box-shadow:15px 18px 0 rgba(23,33,29,.28); padding:38px 18px 18px; font-size:10px; }
.phone-notch { width:35%; height:13px; background:var(--ink); border-radius:0 0 10px 10px; position:absolute; top:0; left:32%; }.phone-card>p { text-align:center; opacity:.5; }.chat { background:white; padding:10px; border-radius:10px; margin:15px 0 0 24%; font-size:12px; line-height:1.25; }.chat.answer { margin:10px 20% 0 0; background:var(--acid); }.voice { display:flex; align-items:center; gap:3px; background:var(--pink); border-radius:11px; padding:10px; }.voice i { display:block; width:3px; height:14px; background:var(--ink); }.voice i:nth-child(2n){height:23px}.voice i:nth-child(3n){height:8px}.voice b{margin-left:auto;font-size:9px}
.record { position:absolute; width:220px; height:220px; border-radius:50%; background:repeating-radial-gradient(circle,#17211d 0 3px,#2a332f 4px 8px); right:-55px; bottom:7%; display:grid; place-items:center; box-shadow:0 0 0 10px rgba(255,255,255,.12); }.record span { width:74px;height:74px;border-radius:50%;background:var(--orange);display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;transform:rotate(-20deg); }
.sticker { position:absolute; display:grid; place-items:center; border:2px solid var(--ink); background:var(--paper); font-weight:900; z-index:3; }.sticker-one { width:80px;height:80px;border-radius:50%;font-size:42px;left:5%;bottom:10%;transform:rotate(-14deg); }.sticker-two { padding:14px; right:8%; top:12%; background:var(--pink); transform:rotate(8deg); }.scribble { position:absolute; font-family:Georgia,serif;font-size:110px;right:6%;top:29%;transform:rotate(20deg); }.image-note { position:absolute; left:7%; top:48%; font:700 9px "Courier New",monospace; transform:rotate(-90deg); transform-origin:left; }
.scroll-note { position:absolute; left:5vw; bottom:24px; font:700 9px "Courier New",monospace; text-transform:uppercase; letter-spacing:.08em; }.scroll-note span { display:inline-grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:24px;height:24px;margin-left:8px; }
.section-pad { padding:100px 5vw; }
.manifesto { background:var(--cream); }.manifesto-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:10vw; margin-top:35px; align-items:start; }.manifesto h2,.section-heading h2,.materials-section h2,.book-copy h2,.about-copy h2 { font-size:clamp(45px,5.5vw,82px); line-height:.95; letter-spacing:-.055em; margin:0; }.manifesto h2 span,.about-copy h2 span { font-family:Georgia,serif;font-style:italic;font-weight:400;background:linear-gradient(transparent 65%,var(--acid) 0); }.manifesto-grid .lead,.about-copy .lead { font-size:23px; line-height:1.35; font-weight:600; margin-top:0; }.manifesto-grid p:not(.lead),.about-copy p:not(.lead) { line-height:1.65; max-width:620px; }.text-link { display:inline-flex;gap:34px;margin-top:20px;font-size:12px;font-weight:900;text-transform:uppercase; }.principles { display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink); }.principles span { padding:18px 12px;font:700 11px "Courier New",monospace;text-transform:uppercase; }.principles span+span{border-left:1px solid var(--ink)}
.haltung-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:10vw;align-items:start;background-color:#d8e8e5;background-image:radial-gradient(ellipse at 8% 82%,rgba(216,205,241,.55),transparent 31%),radial-gradient(ellipse at 92% 12%,rgba(243,179,111,.25),transparent 28%);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);scroll-margin-top:24px}
.haltung-heading{position:sticky;top:45px}.haltung-heading h2{font-size:clamp(50px,6vw,92px);line-height:.88;letter-spacing:-.065em;margin:28px 0}.haltung-heading h2 i{font-family:Georgia,serif;font-weight:400}.haltung-note{display:inline-block;margin:35px 0 0;padding:14px 18px;border:1px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--ink);font:700 11px/1.5 "Courier New",monospace;transform:rotate(-2deg)}
.haltung-copy{max-width:720px}.haltung-copy>p{font-size:18px;line-height:1.7;margin:0 0 24px}.haltung-copy .haltung-lead{font-size:clamp(24px,2.25vw,34px);line-height:1.3;font-weight:700;letter-spacing:-.025em}.haltung-highlight{margin:48px 0;padding:34px;border:1.5px solid var(--ink);background:var(--cream);box-shadow:10px 10px 0 var(--ink);transform:rotate(.7deg)}.haltung-highlight span{display:block;font:700 10px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}.haltung-highlight strong{display:block;margin:10px 0 16px;font-family:Georgia,serif;font-size:clamp(30px,4vw,56px);font-style:italic;font-weight:400;line-height:1;overflow-wrap:anywhere}.haltung-highlight p{margin:0;font-size:17px;line-height:1.5}.haltung-copy .haltung-closing{margin-top:40px;padding-top:28px;border-top:1px solid var(--ink);font-size:21px;line-height:1.55}
.impulse-section { background:var(--paper); }.section-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:52px;gap:30px; }.section-heading h2 { margin-top:10px; }.impulse-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.impulse-card { border:1.5px solid var(--ink); min-height:525px;padding:20px;display:flex;flex-direction:column;transition:.22s;position:relative;background:var(--cream); }.impulse-card:hover { transform:translateY(-8px) rotate(-.5deg);box-shadow:8px 8px 0 var(--ink); }.impulse-card:nth-child(2){background:var(--pink);transform:translateY(24px) rotate(1deg)}.impulse-card:nth-child(2):hover{transform:translateY(15px) rotate(-.5deg)}.impulse-card:nth-child(3){background:var(--acid)}.impulse-card:nth-child(4){background:#d6dcff;transform:translateY(-10px) rotate(-1deg)}
.card-top { display:flex;justify-content:space-between;font:700 11px "Courier New",monospace; }.pill { display:inline-block;border:1px solid var(--ink);border-radius:20px;padding:5px 9px;font:700 9px "Courier New",monospace;text-transform:uppercase;background:rgba(255,255,255,.35); }.card-visual { height:190px;position:relative;margin:20px -5px;display:grid;place-items:center; }.impulse-card h3 { font-size:27px;line-height:1;letter-spacing:-.04em;margin:0 0 13px; }.impulse-card>p { font-size:14px;line-height:1.5;margin:0; }.impulse-card>a { margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;font-weight:900;text-transform:uppercase; }
.tiny-cover{display:grid;place-items:center;background:var(--orange);width:100px;height:100px;font-size:46px;transform:rotate(-8deg);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.tracks{position:absolute;right:10%;bottom:16%;transform:rotate(4deg)}.tracks i{display:block;width:110px;height:7px;background:var(--ink);margin:7px}.tracks i:nth-child(2){width:82px}.tracks i:nth-child(3){width:96px}.card-visual>b{font-size:48px;position:absolute;right:5%;top:0}.mini-phone{width:105px;height:160px;background:var(--ink);color:white;border-radius:15px;padding:15px;font:10px monospace;transform:rotate(-8deg);box-shadow:8px 8px 0 white}.mini-phone strong{font-size:64px;color:var(--acid)}.wifi{position:absolute;right:14%;top:15%;font-size:36px;transform:rotate(-25deg)}.burst{background:var(--pink);clip-path:polygon(50% 0,61% 26%,86% 14%,75% 40%,100% 50%,75% 60%,86% 86%,60% 74%,50% 100%,40% 74%,14% 86%,25% 60%,0 50%,25% 40%,14% 14%,40% 26%);width:155px;height:155px;display:grid;place-items:center;text-align:center;font-size:20px;font-weight:900;transform:rotate(8deg)}.cross{font-size:90px;position:absolute;right:6%;bottom:0}.pipe{font-family:Georgia,serif;font-size:150px;line-height:1;transform:rotate(24deg)}.sound{position:absolute;background:var(--acid);border:1px solid var(--ink);padding:8px;font:700 11px monospace;right:8%;top:10%;transform:rotate(10deg)}
.methods-section { background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw; }.methods-intro h2 { font-size:clamp(60px,7vw,110px);line-height:.82;letter-spacing:-.07em;margin:28px 0; }.methods-intro h2 i { color:var(--pink);font-family:Georgia,serif;font-weight:400; }.methods-intro>p:not(.section-kicker){line-height:1.55;max-width:430px;color:#c9cec9}.methods-intro .button{margin-top:25px}.method-list { border-top:1px solid #536059; }.method-list article { display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:30px 5px;border-bottom:1px solid #536059;transition:.2s}.method-list article:hover{background:#27322d;padding-left:18px}.method-icon{width:56px;height:56px;border:1px solid #77827c;border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:28px}.method-meta{font:700 9px "Courier New",monospace;text-transform:uppercase;color:var(--pink);margin:0}.method-list h3{font-size:25px;margin:6px 0}.method-list article p:last-child{font-size:13px;color:#bac1bc;margin:0;max-width:540px;line-height:1.4}.method-arrow{font:700 11px monospace;color:var(--acid)}
.materials-section{background:var(--cream)}.free-tag{font:700 10px monospace;text-transform:uppercase;border:1px solid;padding:10px;transform:rotate(3deg);background:var(--acid);box-shadow:3px 3px 0 var(--ink)}.download-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.featured-download{grid-row:span 2;background:var(--blue);border:1.5px solid var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:35px;gap:40px}.featured-download h3{font-size:40px;letter-spacing:-.04em;line-height:1;margin:18px 0}.featured-download p{line-height:1.5}.paper-stack{height:330px;position:relative}.paper{position:absolute;left:15%;top:3%;width:70%;height:90%;border:2px solid var(--ink)}.paper.back{background:var(--pink);transform:rotate(-8deg)}.paper.mid{background:var(--acid);transform:rotate(5deg)}.paper.front{background:var(--paper);padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-1deg)}.paper.front span,.paper.front small{font:700 9px monospace;text-transform:uppercase}.paper.front strong{font-size:36px;line-height:.9;letter-spacing:-.04em}.small-download{border:1.5px solid var(--ink);padding:26px;display:grid;grid-template-columns:70px 1fr 35px;align-items:center;gap:16px;background:var(--pink)}.small-download.yellow{background:var(--acid)}.small-download h3{font-size:23px;margin:10px 0 5px}.small-download p{font-size:13px;margin:0}.small-download>a{font-size:30px}.file-icon{height:75px;background:var(--paper);border:1px solid;display:grid;place-items:center;font:bold 12px monospace;box-shadow:4px 4px 0 var(--ink);transform:rotate(-4deg)}.prototype-note{text-align:right;font:700 9px monospace;text-transform:uppercase;margin:18px 0 0;opacity:.6}
.materials-heading-links{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap}.materials-heading-links .text-link{margin:0}.material-image{height:330px;border:2px solid var(--ink);background:var(--paper);overflow:hidden;transform:rotate(-2deg);box-shadow:8px 8px 0 var(--ink)}.material-image img{display:block;width:100%;height:100%;object-fit:cover}
.book-section{display:grid;grid-template-columns:.65fr 1fr .4fr;gap:8vw;align-items:center;background:#dbdfd7;border-top:1px solid var(--ink)}.book-cover{aspect-ratio:3/4;border:2px solid var(--ink);overflow:hidden;box-shadow:13px 13px 0 var(--ink);transform:rotate(-3deg)}.book-cover img{display:block;width:100%;height:100%;object-fit:cover}.book-copy p:not(.section-kicker){font-size:17px;line-height:1.65;max-width:620px}.margin-note{font:700 11px "Courier New",monospace;transform:rotate(5deg);line-height:1.5}
.about-section{background:var(--acid);display:grid;grid-template-columns:.65fr 1fr;gap:8vw;position:relative}.portrait-placeholder{width:50%;min-height:260px;border:2px solid var(--ink);overflow:hidden;position:relative;transform:rotate(1deg)}.portrait-placeholder img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.about-copy{align-self:center}.about-section blockquote{grid-column:1/-1;font-family:Georgia,serif;font-size:clamp(28px,4.5vw,66px);font-style:italic;line-height:1.1;margin:70px 4vw 0;text-align:center;letter-spacing:-.035em}
footer{background:var(--ink);color:var(--paper);padding:80px 5vw 25px}.footer-top{display:grid;grid-template-columns:1fr .65fr;gap:8vw;align-items:end;padding-bottom:70px}.footer-top h2{font-size:clamp(45px,6vw,90px);line-height:.9;letter-spacing:-.06em;margin:28px 0 0}.newsletter p{font:700 11px monospace;text-transform:uppercase}.newsletter form{display:flex;border-bottom:1px solid var(--paper)}.newsletter input{width:100%;border:0;background:transparent;color:white;padding:18px 0;outline:none;font-size:18px}.newsletter button{border:0;background:var(--acid);width:48px;height:48px;border-radius:50%;cursor:pointer}.newsletter small{display:block;margin-top:12px;opacity:.6}.footer-bottom{border-top:1px solid #4b5650;padding-top:22px;display:flex;justify-content:space-between;font:700 9px monospace;text-transform:uppercase}.footer-bottom div{display:flex;gap:28px}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.hero-collage{min-height:560px;border-left:0;border-top:1px solid}.impulse-grid{grid-template-columns:repeat(2,1fr);gap:24px}.haltung-section,.methods-section,.book-section,.about-section{grid-template-columns:1fr}.haltung-heading{position:static}.haltung-copy{max-width:780px}.book-section{padding-left:12vw;padding-right:12vw}.book-cover{max-width:360px}.margin-note{display:none}.download-grid{grid-template-columns:1fr}.featured-download{grid-row:auto}.footer-top{grid-template-columns:1fr}}
@media(max-width:650px){.site-header{height:72px}.brand span:last-child{display:none}.nav-download{padding:10px}.hero-copy{padding:65px 6vw 100px}.hero{min-height:auto}h1{font-size:56px}.hero-sub{font-size:15px}.hero-collage{min-height:500px}.phone-card{width:55%;left:15%}.section-pad{padding:75px 6vw}.manifesto-grid{grid-template-columns:1fr;gap:35px}.manifesto h2,.section-heading h2,.materials-section h2,.book-copy h2,.about-copy h2{font-size:48px}.principles{grid-template-columns:1fr}.principles span+span{border-left:0;border-top:1px solid}.haltung-section{gap:42px}.haltung-heading h2{font-size:52px}.haltung-note{margin-top:12px}.haltung-copy>p{font-size:17px}.haltung-copy .haltung-lead{font-size:25px}.haltung-highlight{margin:36px 0;padding:24px;box-shadow:7px 7px 0 var(--ink)}.haltung-copy .haltung-closing{font-size:19px}.section-heading{align-items:start;flex-direction:column}.impulse-grid{grid-template-columns:1fr}.impulse-card:nth-child(n){transform:none}.methods-section{gap:55px}.method-list article{grid-template-columns:55px 1fr}.method-arrow{display:none}.download-grid{display:block}.featured-download{grid-template-columns:1fr;padding:24px}.small-download{margin-top:16px}.book-section{padding-left:10vw;padding-right:10vw}.portrait-placeholder{min-height:200px}.about-section blockquote{margin:30px 0 0}.footer-top h2{font-size:48px}.footer-bottom{flex-direction:column;gap:22px}.footer-bottom div{flex-wrap:wrap;gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.impulse-section>.methods-section{margin:100px -5vw -100px}
@media(max-width:650px){.impulse-section>.methods-section{margin:75px -6vw -75px}}
/* Warm watercolor identity — visual layer only */
.mtj-home{--ink:#2b1d67;--paper:#faf7f2;--cream:#fffaf6;--acid:#d8cdf1;--lavender:#d8cdf1;--pink:#ef9aa2;--blue:#a9bfdd;--orange:#f3b36f;--aqua:#b9dfdd;--line:rgba(43,29,103,.22)}
.eyebrow span{color:var(--cream)}
.nav-download,.tape,.free-tag{background:var(--orange)}
.button.primary span,.method-icon,.method-arrow{color:var(--orange)}
.button.dark,.newsletter button{background:var(--orange)}
.phone-card{background:rgba(255,250,246,.92);box-shadow:15px 18px 0 rgba(43,29,103,.18)}
.chat.answer{background:var(--aqua)}
.record{background:repeating-radial-gradient(circle,#2b1d67 0 3px,#443578 4px 8px);box-shadow:0 0 0 10px rgba(255,255,255,.26)}
.record span{background:var(--pink)}
.manifesto{background-color:var(--cream);background-image:radial-gradient(ellipse at 8% 88%,rgba(185,223,221,.26),transparent 30%),radial-gradient(ellipse at 92% 8%,rgba(243,179,111,.18),transparent 27%)}
.manifesto h2 span,.about-copy h2 span{background:linear-gradient(transparent 65%,var(--orange) 0)}
.impulse-card:nth-child(2){background:#f6d8d8}
.impulse-card:nth-child(3){background:#f8dfba}
.impulse-card:nth-child(4){background:#dce8e7}
.mini-phone strong{color:var(--orange)}
.methods-section{background:#211548}
.methods-intro>p:not(.section-kicker){color:#d7d0e7}
.method-list{border-top-color:#655c83}
.method-list article{border-bottom-color:#655c83}
.method-list article:hover{background:#30245d}
.method-icon{border-color:#82799f}
.method-list article p:last-child{color:#cec8dc}
.paper.mid{background:var(--lavender)}
.small-download.yellow{background:var(--aqua)}
.book-section{background:#e7ecf1}
.about-section{background-color:#d8e8e5;background-image:radial-gradient(ellipse at 88% 18%,rgba(239,154,162,.28),transparent 26%),radial-gradient(ellipse at 15% 80%,rgba(216,205,241,.5),transparent 32%)}
.footer-bottom{border-top-color:#5c527b}
@media(max-width:1000px){.hero-collage{width:min(100%,680px);min-height:0;aspect-ratio:2/3;margin-inline:auto;border-left:0;border-top:1px solid var(--ink)}}
@media(max-width:650px){.hero-collage{width:100%;min-height:0;aspect-ratio:2/3}.mtj-gallery-arrow{width:34px;height:34px}.mtj-gallery-prev{left:8px}.mtj-gallery-next{right:8px}.mtj-gallery-dots{bottom:8px}}

/* Automatische WordPress-Archive und Beitragsseiten */
.mtj-content-shell{min-height:100vh;background:var(--paper)}
.mtj-archive-hero{background:var(--cream);border-bottom:1px solid var(--ink)}
.mtj-archive-hero h1,.mtj-entry-header h1{max-width:1100px;margin:25px 0 30px;font-size:clamp(58px,8vw,122px)}
.mtj-archive-hero>p:last-child{max-width:660px;font-size:19px;line-height:1.55}
.mtj-archive-list{padding-top:70px}
.mtj-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mtj-archive-card{display:flex;flex-direction:column;min-width:0;min-height:460px;overflow:hidden;border:1.5px solid var(--ink);background:var(--cream);transition:.2s}
.mtj-archive-card:nth-child(3n+2){background:#f6d8d8}.mtj-archive-card:nth-child(3n){background:#dce8e7}
.mtj-archive-card:hover{transform:translateY(-6px);box-shadow:7px 7px 0 var(--ink)}
.mtj-card-image{display:block;aspect-ratio:16/10;border-bottom:1px solid var(--ink);overflow:hidden;background:white}
.mtj-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.mtj-card-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:28px}
.mtj-card-body h2{max-width:100%;font-size:clamp(27px,2.15vw,32px);line-height:1.05;letter-spacing:-.04em;margin:15px 0;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.mtj-card-body h2 a{display:block;max-width:100%;white-space:normal}
.mtj-card-body>p{max-width:100%;overflow-wrap:anywhere}
.mtj-card-body>p:not(.section-kicker){line-height:1.55}.mtj-card-body .text-link{margin-top:auto;padding-top:25px}
.mtj-pagination{margin-top:55px}.mtj-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}.mtj-pagination a,.mtj-pagination span{border:1px solid;padding:10px 13px;background:var(--cream)}
.mtj-empty{padding:60px;border:1px dashed var(--ink);background:var(--cream)}
.mtj-entry-header{background:var(--cream);border-bottom:1px solid var(--ink)}
.mtj-entry-lead{max-width:820px;font-size:clamp(20px,2vw,28px);line-height:1.45}
.mtj-entry-image{max-width:1180px;margin:70px auto 0;padding:0 5vw}.mtj-entry-image img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border:1.5px solid var(--ink);background:var(--cream)}
.mtj-entry-body{max-width:900px;margin:auto;background:var(--paper);font-family:Georgia,serif;font-size:19px;line-height:1.75}
.mtj-entry-body h2,.mtj-entry-body h3{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;line-height:1.1;letter-spacing:-.03em;margin-top:2em}
.mtj-entry-body h2{font-size:42px}.mtj-entry-body h3{font-size:30px}.mtj-entry-body a:not(.button):not(.text-link){text-decoration:underline}
.mtj-entry-back{margin-top:70px;border-top:1px solid var(--ink);padding-top:20px;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}
.mtj-simple-footer{display:flex;justify-content:space-between;gap:30px;padding:28px 5vw;background:var(--ink);color:var(--paper);font:700 10px monospace;text-transform:uppercase}
@media(max-width:1180px){.mtj-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mtj-card-body h2{font-size:30px}}
@media(max-width:700px){.mtj-archive-grid{grid-template-columns:1fr;gap:18px}.mtj-archive-card{min-height:0}.mtj-card-body{padding:24px}.mtj-card-body h2{font-size:30px}.mtj-archive-hero h1,.mtj-entry-header h1{font-size:clamp(42px,13vw,55px);overflow-wrap:anywhere}.mtj-entry-body{font-size:17px}.mtj-simple-footer{flex-direction:column}.materials-heading-links{align-items:flex-start;flex-direction:column}.material-image{height:280px}}

/* Verhindert seitliches Verrutschen auf Safari/iPad durch die Vollbreiten-Hilfe. */
.mtj-template-page .mtj-home{width:100%;margin-left:0}

/* Statische Bild- und Hero-Korrekturen 2.1.2 */
.mtj-home .hero h1{font-size:clamp(45px,5.5vw,var(--mtj-hero-desktop,82px))!important;line-height:.95!important;letter-spacing:-.055em!important;max-width:980px}
.mtj-home .hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;text-decoration:none!important;background:linear-gradient(transparent 65%,var(--orange) 0)}
.mtj-home .hero-sub{font-size:clamp(15px,1.35vw,var(--mtj-intro-size,20px))}
.mtj-home .section-pad{padding-top:var(--mtj-section-space,100px);padding-bottom:var(--mtj-section-space,100px)}
.mtj-home .hero-collage{min-height:var(--mtj-carousel-height,640px)}
.mtj-home .impulse-section>.methods-section{margin-top:var(--mtj-section-space,100px);margin-bottom:calc(var(--mtj-section-space,100px) * -1)}
.mtj-home .book-cover{width:min(100%,430px);justify-self:center;align-self:center;aspect-ratio:2/3!important;position:relative;background:#c9c8ce}
.mtj-home .book-cover img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important}
.mtj-home .portrait-placeholder{width:min(100%,195px)!important;min-height:0!important;aspect-ratio:3/4;justify-self:center;align-self:center;border:2px solid var(--ink)!important;background:var(--cream);box-shadow:10px 10px 0 rgba(43,29,103,.16)}
.mtj-home .portrait-placeholder img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 28%!important;margin:0!important}
@media(max-width:1000px){.mtj-home .book-cover,.mtj-home .portrait-placeholder{justify-self:start}}
@media(max-width:1000px){.mtj-home .hero-collage{min-height:0}}
@media(max-width:650px){.mtj-home .hero h1{font-size:var(--mtj-hero-mobile,48px)!important;line-height:.95!important}.mtj-home .section-pad{padding-top:calc(var(--mtj-section-space,100px) * .75);padding-bottom:calc(var(--mtj-section-space,100px) * .75)}.mtj-home .hero-sub{font-size:15px}.mtj-home .impulse-section>.methods-section{margin-top:calc(var(--mtj-section-space,100px) * .75);margin-bottom:calc(var(--mtj-section-space,100px) * -.75)}.mtj-home .book-cover{width:min(100%,340px)!important;justify-self:center}.mtj-home .portrait-placeholder{width:min(100%,170px)!important;justify-self:center}}