/* Banner in der Bildsprache des aktuellen Single-Covers. */
.hero{background:#dcd6c9;color:#191c1d;isolation:isolate}
.hero-wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#eee9dd15 43%,#eee9dd65 75%,#eee9dd35);z-index:-1}
.hero-inner{grid-template-columns:.48fr .52fr;min-height:690px}
.hero-copy{grid-column:2;grid-row:1;padding:76px 0 73px 25px}
.hero .eyebrow{color:#333b3e;letter-spacing:2.6px;font-weight:bold;font-size:13px;margin-bottom:23px}
.hero h1{font-size:clamp(76px,7.6vw,108px);line-height:.97;letter-spacing:-.8px;text-shadow:0 1px 1px #f5f0e380}
.hero h1 span{color:#191c1d;display:inline-block;padding-bottom:7px;border-bottom:6px solid #bc4c1d}
.hero-intro{color:#353b3c;margin-top:28px;font-size:16px;max-width:470px}
.hero .button{background:#ba4c20;color:#fff;margin-top:27px;box-shadow:0 3px 15px #63361e15}
.hero .button:hover{background:#9b3b15}
.hero .portrait-wrap{grid-column:1;grid-row:1;position:relative;min-width:0;z-index:1}
.hero .portrait{height:760px;width:auto;max-width:none;left:0;bottom:-65px;filter:drop-shadow(8px 10px 13px #1b242936)}
.hero .portrait-type{display:none}
.hero-bottom{color:#303638;border-top:1px solid #363e3f3b;background:#e7e2d8d9;max-width:none;padding:20px max(5%,calc((100vw - 1260px)/2))}
.hero-bottom a{font-weight:bold}
.hero a:focus-visible{outline-color:#903715}
@media(min-width:1500px){.hero-copy{padding-top:76px}}
@media(max-width:1200px){.hero-inner{grid-template-columns:.45fr .55fr;min-height:655px}.hero-copy{padding:70px 0 64px 18px}.hero h1{font-size:89px}.hero .portrait{height:680px;left:-20px;bottom:-40px}.hero-intro{font-size:15px}}
@media(max-width:1000px){.hero-inner{min-height:600px;grid-template-columns:.45fr .55fr}.hero-copy{padding:65px 0 58px 20px}.hero h1{font-size:clamp(66px,8.7vw,87px)}.hero .eyebrow{font-size:11px;letter-spacing:1.8px}.hero .portrait{height:620px;left:-72px;bottom:-35px}.hero-intro{font-size:14px;max-width:360px}.hero .button{font-size:12px;padding:13px 17px}}
@media(max-width:720px){.hero-inner{display:flex;flex-direction:column;min-height:0;max-width:100%}.hero .portrait-wrap{position:relative;inset:auto;height:475px;width:100%;order:0;overflow:hidden}.hero .portrait{height:540px;left:calc(50% - 180px);bottom:-65px;filter:drop-shadow(8px 8px 12px #202c3130)}.hero-copy{order:1;padding:30px 6% 40px;background:#eee8ddeb;z-index:2}.hero .eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:17px}.hero h1{font-size:clamp(65px,15.7vw,96px);letter-spacing:-.8px;line-height:.96}.hero h1 span{border-bottom-width:5px;padding-bottom:7px}.hero-intro{font-size:14px;max-width:100%;margin-top:22px}.hero .button{font-size:13px;margin-top:23px;padding:13px 19px}.hero-wall{object-position:25% 50%}.hero:before{background:linear-gradient(180deg,transparent,#eee8dd25)}.hero-bottom{padding:16px 6%;font-size:11px;gap:12px}.hero-bottom a{font-size:10px;letter-spacing:.6px}}
/* The cover composition stays fixed while its text is edited. */
.hero-inner{height:690px;min-height:0;grid-template-rows:minmax(0,1fr)}
.hero-copy{min-width:0;min-height:0;max-height:100%;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#a46748 transparent;scrollbar-gutter:stable;padding-right:14px}
.hero .portrait-wrap{height:100%;min-height:0;align-self:start}
.hero .portrait{top:-5px;bottom:auto}
.hero h1{overflow-wrap:anywhere}
.hero-copy:focus-visible{outline:2px solid #903715;outline-offset:-4px}
@media(max-width:1200px){.hero-inner{height:655px;min-height:0}.hero .portrait{top:15px;bottom:auto}}
@media(max-width:1000px){.hero-inner{height:600px;min-height:0}.hero .portrait{top:15px;bottom:auto}}
@media(max-width:720px){.hero-inner{height:auto;min-height:0}.hero .portrait-wrap{height:475px;flex:0 0 475px}.hero .portrait{top:0;bottom:auto}.hero-copy{height:610px;max-height:610px;flex:0 0 610px;padding-right:6%;overflow:auto}}