@font-face{font-family:StagePoster;src:url('/assets/title-poster-bilingual.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
/* Shared stage: the title sits above artwork whose inner edges overlap its sides. */
.hero-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:1540px;min-height:0;padding:26px 0 28px;isolation:isolate}
.hero-copy{position:relative;z-index:2;grid-column:auto;grid-row:auto;width:58%;max-width:none;min-width:0;margin:0;text-align:center}
.hero-author{font:400 clamp(29px,3.8vw,54px)/1.15 StagePoster,var(--title);color:var(--red);margin:0 0 -3px}
.hero h1{display:flex;flex-direction:column;gap:0;max-width:none;margin:0;font:400 clamp(108px,13.5vw,208px)/1.085 StagePoster,var(--title);letter-spacing:-.015em;overflow:visible}
.hero h1 span{display:block;position:relative;padding:0;line-height:1.085;white-space:nowrap;transform:none;transform-origin:center;-webkit-text-stroke:0}
.hero h1 span:first-child{font-size:1em;line-height:1.085;transform:scaleX(1.08)}
.hero h1 span:first-child:after{content:none}
/* The word has an opaque split-colour backdrop aligned with the stage; no outline. */
.hero h1 span:nth-child(2){align-self:center;width:max-content;padding-inline:.04em;background:linear-gradient(90deg,var(--turquoise) 50%,var(--cream) 50%);border:0;box-shadow:none;-webkit-text-stroke:0;paint-order:normal}
.hero-subtitle{font:700 clamp(32px,3.7vw,55px)/1.1 var(--title);margin:-.055em 0 0}
.hero-tagline{position:relative;z-index:3;background:linear-gradient(90deg,var(--turquoise) 50%,var(--cream) 50%);color:var(--ink);font-size:clamp(15px,1.35vw,19px);font-weight:600;line-height:1.5;max-width:610px;margin:17px auto 19px;padding:10px 16px;overflow-wrap:break-word}
.hero-actions{flex-direction:column;justify-content:center;gap:9px;flex-wrap:nowrap}
.hero-actions .button{font-size:clamp(18px,1.65vw,24px);min-height:52px;padding:12px 38px}
.hero-actions .text-link{font-size:16px;min-height:32px}
.frog-half{position:absolute;z-index:1;top:12px;bottom:12px;width:35.5%;height:auto;grid-column:auto;grid-row:auto;overflow:hidden;pointer-events:none;display:block}
.frog-left{left:0;right:auto}.frog-right{left:auto;right:0}
.frog-half img{position:absolute;top:0;width:200%;height:100%;max-width:none;object-fit:contain}
.frog-left img{left:0}.frog-right img{left:-100%}
.frog-mobile{display:none}
html:lang(el) .hero-author{font:700 clamp(25px,2.7vw,41px)/1.2 StageGreek,var(--sans);margin:0 0 8px}
html:lang(el) .hero h1{font:400 clamp(108px,13.5vw,208px)/.96 StagePoster,var(--title);letter-spacing:-.015em}
html:lang(el) .hero h1 span,html:lang(el) .hero h1 span:first-child{font-size:1em;line-height:.96;transform:none;-webkit-text-stroke:0}
html:lang(el) .hero h1 span:nth-child(2){-webkit-text-stroke:0;paint-order:normal}
html:lang(el) .hero-subtitle{font:700 clamp(28px,3vw,43px)/1.15 StageGreek,var(--sans);margin-top:6px}
html:lang(el) .hero-inner{min-height:0}
@media(min-width:1540px){.hero-author{font-size:54px}.hero h1{font-size:208px}.hero-subtitle{font-size:55px}}
@media(min-width:721px) and (max-width:1000px){.hero-inner{padding-top:22px;padding-bottom:24px}.hero-copy{width:62%}.hero-author{font-size:35px}.hero-tagline{font-size:15px;max-width:450px;margin:13px auto 16px}.hero-actions .button{padding:11px 29px;font-size:18px}.hero-actions .text-link{font-size:15px}.hero-subtitle{font-size:36px}.hero-actions{gap:5px}}
@media(max-width:720px){
 .hero-inner{display:flex;padding:26px 12px 29px;min-height:0;max-width:none}.hero-copy{width:100%;max-width:590px;margin:0 auto}.hero-author{font-size:clamp(27px,5.7vw,39px);margin-bottom:0}
 html:lang(de) .hero h1{font:400 clamp(82px,17.2vw,124px)/1.085 StagePoster,var(--title);letter-spacing:-.015em;gap:0}
 html:lang(de) .hero h1 span{line-height:1.085;transform:none;-webkit-text-stroke:0}
 html:lang(de) .hero h1 span:first-child{font-size:1em;line-height:1.085;transform:scaleX(1.08)}
 html:lang(de) .hero h1 span:nth-child(2){-webkit-text-stroke:0;paint-order:normal}
 .frog-half{display:block;top:19px;bottom:112px;width:33%;height:auto}.frog-half img{object-fit:contain;object-position:center 16%}.frog-mobile{display:none}
 .hero-subtitle{font-size:clamp(30px,6vw,41px);margin-top:0}.hero-tagline{max-width:90%;font-size:15px;line-height:1.45;margin:18px auto;padding:10px 12px}.hero-actions{flex-direction:column;gap:8px}.hero-actions .button{font-size:18px;min-height:53px;padding:12px 29px}.hero-actions .text-link{font-size:15px;min-height:33px}
 html:lang(el) .hero-inner{min-height:0;padding-top:30px;padding-bottom:30px}html:lang(el) .hero-author{font-size:clamp(23px,4.8vw,34px)}
 html:lang(el) .hero h1{font-size:clamp(82px,17.2vw,124px);line-height:.96;letter-spacing:-.015em}
 html:lang(el) .hero h1 span,html:lang(el) .hero h1 span:first-child{font-size:1em;line-height:.96;transform:none}
 html:lang(el) .hero-subtitle{font-size:clamp(26px,5vw,34px)}
 html:lang(el) .frog-half{bottom:105px;width:31%}
}
@media(prefers-reduced-motion:reduce){.hero *{scroll-behavior:auto}}