.meister-page{--paper:#f3ebdd;--ink:#1c1c19;--red:#7c2428}
.meister-hero{position:relative;min-height:100svh;overflow:hidden;padding:calc(var(--header-safe,130px) + 55px) 7% 100px;display:flex;align-items:center}
.portrait-field{position:absolute;inset:0 0 0 43%;background:#171512;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 23%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 23%)}
.portrait-field img{position:absolute;right:0;top:var(--header-safe,140px);width:100%;height:calc(100% - var(--header-safe,140px));object-fit:contain;object-position:center bottom}
.portrait-field:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17151275,transparent 25%)}
.portrait-field img{width:auto;max-width:100%;right:12%;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent)}
.meister-intro{position:relative;width:47%;max-width:700px;z-index:2}
.meister-intro h1{font-size:clamp(34px,3.3vw,60px);margin-bottom:24px}
.meister-intro h2{font-size:clamp(42px,4.4vw,78px);line-height:1.08;margin-bottom:36px}
.meister-prose{font-size:clamp(18px,1.35vw,20px);line-height:1.75;color:#38372f;text-wrap:pretty}
.meister-prose p{margin-bottom:1.15em}
.meister-page .eyebrow{font-size:11px;letter-spacing:.18em}
.meister-page .text-link{font-size:15px;margin-top:10px}
.portrait-caption{position:absolute;bottom:28px;right:5%;font-size:9px;letter-spacing:.22em;color:#f3ebdda6;z-index:2}
.meister-chapter{position:relative;isolation:isolate;min-height:110svh;display:grid;grid-template-columns:1fr;padding:calc(var(--header-safe,130px) + 45px) 7% 140px;overflow:clip;background:var(--paper)}
.meister-picture{position:absolute;inset:0;z-index:-1;overflow:hidden}
.meister-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;transform:translateY(var(--drift,0px)) scale(1.015);transform-origin:right center;mix-blend-mode:multiply}
.meister-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3ebddfa 0%,#f3ebdde8 26%,#f3ebddc7 43%,#f3ebdd20 65%,transparent 80%),linear-gradient(0deg,#f3ebdd 0%,transparent 12%,transparent 87%,#f3ebdd 100%)}
.meister-copy{width:49%;max-width:760px;align-self:center}
.meister-copy h2{font-size:clamp(42px,4.2vw,74px);margin-bottom:35px}
.meister-finale blockquote{font:italic clamp(27px,2.7vw,44px)/1.35 Georgia,serif;color:var(--red);margin:40px 0 20px;letter-spacing:-.025em}
.meister-signature{font:24px/1.4 Georgia,serif;color:var(--red);margin-bottom:36px}
.meister-page .button{font-size:15px}
.meister-page footer{position:relative;background:var(--paper)}
.meister-chapter{min-height:0;padding-top:55px;padding-bottom:42px}
.meister-chapter#anfang{padding-top:0}
.meister-copy{align-self:start}
.meister-picture img{object-position:right top}
.meister-picture img{mask-image:linear-gradient(0deg,transparent,#000 7%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 7%)}
.meister-picture:after{background:linear-gradient(90deg,#f3ebddfa 0%,#f3ebdde8 26%,#f3ebddc7 43%,#f3ebdd20 65%,transparent 80%),linear-gradient(0deg,#f3ebdd 0%,transparent 4%,transparent 97%,#f3ebdd 100%)}
@media(max-width:1100px) and (min-width:761px){.meister-intro{width:52%}.portrait-field{left:45%}.meister-copy{width:57%}.meister-picture:after{background:linear-gradient(90deg,#f3ebddfa,#f3ebddd9 40%,#f3ebdd55 65%,transparent),linear-gradient(0deg,#f3ebdd,transparent 12%,transparent 88%,#f3ebdd)}}
@media(max-width:760px){.meister-hero{display:block;padding:calc(var(--header-safe,130px) + 34px) 7% 65px;overflow:hidden}.portrait-field{position:relative;inset:auto;width:100%;height:66svh;min-height:400px;max-height:640px;mask-image:linear-gradient(0deg,transparent,#000 13%,#000 92%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 13%,#000 92%,transparent);margin-bottom:32px}.portrait-field img{object-position:center 18%}.meister-intro{width:100%;max-width:none}.meister-intro h1{font-size:38px}.meister-intro h2{font-size:44px}.meister-prose{font-size:18px;line-height:1.75}.portrait-caption{display:none}.meister-chapter{display:flex;flex-direction:column;min-height:0;padding:0 7% 85px;overflow:hidden}.meister-picture{position:relative;inset:auto;z-index:0;width:calc(100% + 16.28%);margin:0 -8.14% 20px;height:62vw;min-height:260px;max-height:460px}.meister-picture img{transform:none!important;object-fit:cover;object-position:right center}.meister-picture:after{background:linear-gradient(0deg,#f3ebdd,transparent 30%,transparent 80%,#f3ebdd)}.meister-copy{width:100%;max-width:none}.meister-copy h2{font-size:42px}.meister-finale blockquote{font-size:30px}.meister-page .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.meister-picture img{transform:none!important}}
@media(max-width:760px){.meister-chapter{padding-top:0;padding-bottom:26px}.meister-hero{padding-bottom:0}.meister-picture{margin-bottom:6px}.meister-picture:after{background:linear-gradient(0deg,#f3ebdd,transparent 10%,transparent 97%,#f3ebdd)}}
@media(max-width:760px){.portrait-field img{top:0;right:0;width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none}.meister-picture img{object-fit:contain}}

@media(max-width:760px){.portrait-field img{object-fit:contain;object-position:center center}}
