/* A spatial book display inside the calm editorial site. */
.home-hero{isolation:isolate;background:#f5f0e7;border-bottom:1px solid #d2c5b3}
.home-hero::before{content:'';position:absolute;inset:0 47% 0 0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 165px,rgba(109,89,64,.045) 166px)}
.home-hero::after{content:none}
.home-hero__inner{display:grid;grid-template-areas:'intro visual' 'detail visual';grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);grid-template-rows:auto 1fr;min-height:clamp(700px,calc(100svh - 164px),850px);max-width:none;margin:0;padding:0;gap:0;align-items:stretch}
.home-hero__intro{grid-area:intro;position:relative;z-index:2;padding:clamp(65px,7vw,105px) clamp(35px,5.4vw,98px) 14px}
.home-hero__intro .eyebrow{font-size:10px;color:#967345}
.home-hero h1{max-width:720px;margin:24px 0;font:400 clamp(66px,6.1vw,101px)/.93 var(--serif);letter-spacing:-.067em;text-wrap:balance}
.home-hero h1 em{display:block;color:#a98755}
.home-hero__lead{max-width:550px;color:#625c55;font-size:15px;line-height:1.75}
.home-hero__detail{grid-area:detail;display:flex;flex-direction:column;justify-content:end;position:relative;z-index:2;padding:16px clamp(35px,5.4vw,98px) 48px}
.hero-features{position:relative;min-height:224px}
.hero-feature{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,visibility .5s}
.hero-feature.is-active{position:relative;visibility:visible;opacity:1;pointer-events:auto;transform:none}
.hero-feature__index{display:flex;align-items:center;gap:13px;color:#876941;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hero-feature__index::before{content:'';width:28px;height:1px;background:#ad8b5b}
.hero-feature__index span{color:#a99e8d}
.hero-feature h2{margin:12px 0 0;font:400 clamp(32px,3vw,48px)/1.07 var(--serif);letter-spacing:-.045em}
.hero-feature__subtitle{font:italic 19px/1.35 var(--serif);color:#96764a}
.hero-feature__description{max-width:520px;margin-top:12px;font-size:13px;line-height:1.7;color:#69645b}
.hero-feature__actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:21px}
.hero-feature__primary,.hero-feature__sample{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s,border-color .25s}
.hero-feature__primary{padding:0 19px;background:#24221e;color:#fff9ec;border:1px solid #24221e}
.hero-feature__primary:hover{background:#b4925e;border-color:#b4925e;color:#1c1914;transform:translateY(-2px)}
.hero-feature__sample{min-height:auto;padding:0 0 6px;border-bottom:1px solid #b79b72;color:#51493d}
.hero-feature__sample:hover{color:#947044;border-color:#947044}
.home-hero__edition{margin-top:22px;color:#a49b8d;font-size:9px;letter-spacing:.18em;text-transform:uppercase}

/* Three covers stay visible; choosing a world moves its book to the front. */
.home-hero__visual{grid-area:visual;position:relative;min-width:0;min-height:700px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 47%,#7b5a47 0,#342824 42%,#171719 79%,#101416 100%);transition:background .7s}
.home-hero[data-hero-mood='die-greys'] .home-hero__visual{background:radial-gradient(ellipse at 50% 43%,#36576a 0,#19303c 40%,#0d1a25 76%,#091017 100%)}
.home-hero[data-hero-mood='erzengel'] .home-hero__visual{background:radial-gradient(ellipse at 50% 43%,#806447 0,#423326 43%,#1d1c1a 78%,#151515 100%)}
.home-hero__visual::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,rgba(255,245,215,.22) 0 1px,transparent 1.6px),radial-gradient(circle at 79% 28%,rgba(255,245,215,.18) 0 1px,transparent 1.6px),radial-gradient(circle at 32% 74%,rgba(255,245,215,.16) 0 1px,transparent 1.6px),linear-gradient(100deg,rgba(255,237,201,.08),transparent 28% 72%,rgba(0,0,0,.24));background-size:137px 149px,173px 163px,191px 179px,100% 100%}
.home-hero__visual::after{content:'';position:absolute;inset:20px;pointer-events:none;border:1px solid rgba(245,219,172,.16);z-index:6}
.hero-stage__halo{position:absolute;top:48%;left:50%;width:min(76%,610px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(245,216,167,.36);border-radius:50%;box-shadow:0 0 0 65px rgba(255,224,162,.045),0 0 0 140px rgba(255,224,162,.025),0 0 105px rgba(255,210,145,.14);pointer-events:none}
.hero-stage__halo::after{content:'';position:absolute;inset:15%;border:1px solid rgba(246,223,180,.18);border-radius:50%}
.hero-stage__word{position:absolute;top:7%;left:7%;z-index:1;color:rgba(255,234,200,.11);font:400 clamp(58px,7.8vw,136px)/.78 var(--serif);letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
.hero-stage__books{position:absolute;inset:0;z-index:3;perspective:1350px;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .3s ease-out}
.hero-stage-book{position:absolute;left:50%;top:51%;display:block;width:clamp(240px,25vw,352px);aspect-ratio:2/3;padding:0;border:0;background:transparent;color:#f7ebd6;transform-origin:50% 50%;transition:transform .85s cubic-bezier(.18,.73,.23,1),opacity .7s,filter .7s;will-change:transform}
.hero-stage-book[data-position='center']{z-index:3;opacity:1;filter:none;transform:translate3d(-50%,-50%,120px) rotateY(-5deg) rotateZ(-3deg) scale(1)}
.hero-stage-book[data-position='left']{z-index:2;opacity:.72;filter:brightness(.75);transform:translate3d(calc(-50% - min(17vw,235px)),-47%,-80px) rotateY(31deg) rotateZ(-10deg) scale(.66)}
.hero-stage-book[data-position='right']{z-index:2;opacity:.72;filter:brightness(.75);transform:translate3d(calc(-50% + min(17vw,235px)),-47%,-80px) rotateY(-31deg) rotateZ(10deg) scale(.66)}
.hero-stage-book[data-position='left']:hover{opacity:.95;filter:brightness(1);transform:translate3d(calc(-50% - min(17vw,235px)),-48%,-60px) rotateY(25deg) rotateZ(-9deg) scale(.69)}
.hero-stage-book[data-position='right']:hover{opacity:.95;filter:brightness(1);transform:translate3d(calc(-50% + min(17vw,235px)),-48%,-60px) rotateY(-25deg) rotateZ(9deg) scale(.69)}
.hero-stage-book .cover--hero{width:100%;height:100%;box-shadow:18px 32px 55px rgba(0,0,0,.48),4px 6px 12px rgba(0,0,0,.35)}
.hero-stage-book__spine{position:absolute;left:-8px;top:2%;bottom:2%;width:9px;background:linear-gradient(90deg,#0c0b0a,#6f5a43 48%,#171411);transform:skewY(-2deg);box-shadow:-6px 6px 12px rgba(0,0,0,.32)}
.hero-stage-book__caption{display:block;position:absolute;left:0;right:0;bottom:-35px;color:#f3dcb5;font:italic 18px var(--serif);letter-spacing:.04em;text-align:center;opacity:0;transition:opacity .5s}
.hero-stage-book[data-position='center'] .hero-stage-book__caption{opacity:1}
.hero-stage__folio{position:absolute;z-index:5;left:42px;bottom:34px;color:#dfc8a8;font-size:9px;font-weight:600;letter-spacing:.22em;text-align:left}
.hero-stage__folio span{color:#ac8759;margin:0 9px}

.hero-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:94px;border-top:1px solid #d0c3b1;border-bottom:1px solid #d0c3b1;background:#ece4d8}
.hero-choice{display:flex;align-items:center;gap:17px;min-width:0;padding:15px clamp(19px,3vw,57px);border:0;border-right:1px solid #d0c3b1;background:transparent;color:#54493c;text-align:left;position:relative;transition:background .3s}
.hero-choice:last-child{border-right:0}
.hero-choice::before{content:'';position:absolute;top:0;left:0;right:100%;height:3px;background:#ad8953;transition:right .55s}
.hero-choice.is-active::before{right:0}
.hero-choice:hover,.hero-choice.is-active{background:#ded3c2}
.hero-choice__index{align-self:flex-start;color:#a07d4c;font:italic 25px var(--serif)}
.hero-choice__text{display:grid;min-width:0}
.hero-choice__text strong{font:400 clamp(16px,1.55vw,24px)/1.1 var(--serif);letter-spacing:-.03em}
.hero-choice__text small{overflow:hidden;margin-top:5px;color:#786d60;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.hero-choice__arrow{margin-left:auto;color:#9f7947;font-size:19px;transition:transform .3s}
.hero-choice:hover .hero-choice__arrow{transform:translate(3px,-3px)}

/* Malbücher borrow the dark, luminous atmosphere of the second design. */
.coloring-section{background:radial-gradient(ellipse at 76% 17%,#302724 0,transparent 46%),linear-gradient(155deg,#1d1d1e,#15191d 72%);color:#f4eadd;position:relative;overflow:hidden}
.coloring-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 60%,rgba(200,163,93,.09),transparent 38%),repeating-linear-gradient(90deg,transparent 0 170px,rgba(250,229,188,.025) 171px)}
.coloring-section .section-head{position:relative}
.coloring-section .section-head .eyebrow{color:#d6b889}
.coloring-section .section-head h2{color:#f8eddc}
.coloring-section .section-head>p{color:#c4b8a9}
.coloring-grid{position:relative;gap:26px}
.coloring-grid .catalogue-card,.coloring-grid .catalogue-card:nth-child(2),.coloring-grid .catalogue-card:nth-child(3){background:linear-gradient(150deg,rgba(242,222,187,.08),rgba(255,255,255,.02));border:1px solid rgba(238,213,174,.23)}
.coloring-grid .catalogue-card:nth-child(2){transform:translateY(34px)}
.coloring-grid .catalogue-card:nth-child(2):hover{transform:translateY(25px)}
.coloring-grid .catalogue-card:hover{border-color:#c9a064;box-shadow:0 20px 50px rgba(0,0,0,.32),0 0 32px rgba(202,160,94,.13)}
.coloring-grid .catalogue-card a{padding:28px 26px 25px}
.coloring-grid .catalogue-card img{height:330px;filter:drop-shadow(9px 19px 17px rgba(0,0,0,.5));transition:transform .5s}
.coloring-grid .catalogue-card:hover img{transform:translateY(-7px) rotate(-2deg) scale(1.025)}
.coloring-grid .catalogue-card span{color:#d3b27e}
.coloring-grid .catalogue-card h3{color:#f7ecda}
.coloring-grid .catalogue-card small{color:#e6d0ae}
.coloring-more{position:relative;margin-top:73px;border-color:rgba(255,236,199,.22)}
.coloring-more summary{color:#f1dfc5}
.coloring-more summary span:first-child{color:#c3b4a0}
.coloring-more .catalogue-card{background:rgba(255,255,255,.055);border-color:rgba(242,221,187,.14)}
.coloring-more .catalogue-card h3{color:#f0e3d1}
.coloring-more .catalogue-card small{color:#e5c996}

@media(max-width:1100px){.home-hero h1{font-size:clamp(62px,7vw,92px)}.home-hero__intro{padding-top:65px}.home-hero__detail{padding-bottom:32px}.hero-feature__description{font-size:12px}.hero-stage-book{width:clamp(225px,27vw,300px)}}
@media(max-width:900px){
  .home-hero__inner{display:grid;grid-template-areas:'intro' 'visual' 'detail';grid-template-columns:1fr;grid-template-rows:auto 440px auto;min-height:0;padding:0}
  .home-hero__intro{padding:54px 32px 33px}
  .home-hero h1{max-width:700px;font-size:clamp(59px,9vw,82px)}
  .home-hero__visual{min-height:0;height:440px}
  .hero-stage-book{width:clamp(250px,37vw,320px)}
  .hero-stage-book[data-position='left']{transform:translate3d(calc(-50% - 19vw),-47%,-80px) rotateY(31deg) rotateZ(-10deg) scale(.65)}
  .hero-stage-book[data-position='right']{transform:translate3d(calc(-50% + 19vw),-47%,-80px) rotateY(-31deg) rotateZ(10deg) scale(.65)}
  .home-hero__detail{padding:30px 32px 31px}
  .hero-features{min-height:175px}
  .hero-choices{min-height:83px}
  .hero-choice{padding:12px 16px;gap:8px}
  .hero-choice__index{font-size:20px}
  .hero-choice__text strong{font-size:17px}
  .hero-choice__text small,.hero-choice__arrow{display:none}
  .coloring-grid{gap:12px}
  .coloring-grid .catalogue-card img{height:250px}
}
@media(max-width:500px){
  .home-hero__inner{grid-template-rows:auto 355px auto}
  .home-hero__intro{padding:34px 22px 22px}
  .home-hero__intro .eyebrow{font-size:8px}
  .home-hero h1{margin:14px 0 12px;font-size:clamp(48px,12vw,62px);line-height:.95}
  .home-hero__lead{max-width:340px;font-size:12px;line-height:1.6}
  .home-hero__visual{height:355px}
  .home-hero__visual::after{inset:11px}
  .hero-stage__halo{width:285px}
  .hero-stage__word{top:8%;left:5%;font-size:52px}
  .hero-stage-book{top:49%;width:190px}
  .hero-stage-book[data-position='center']{transform:translate3d(-50%,-50%,80px) rotateY(-5deg) rotateZ(-3deg)}
  .hero-stage-book[data-position='left']{transform:translate3d(calc(-50% - 130px),-47%,-80px) rotateY(30deg) rotateZ(-10deg) scale(.61)}
  .hero-stage-book[data-position='right']{transform:translate3d(calc(-50% + 130px),-47%,-80px) rotateY(-30deg) rotateZ(10deg) scale(.61)}
  .hero-stage-book__caption{bottom:-25px;font-size:14px}
  .hero-stage__folio{display:none}
  .home-hero__detail{padding:27px 22px 28px}
  .hero-features{min-height:148px}
  .hero-feature__index{font-size:9px}
  .hero-feature h2{font-size:32px;margin-top:9px}
  .hero-feature__subtitle{font-size:16px}
  .hero-feature__description{display:none}
  .hero-feature__actions{gap:16px;margin-top:16px}
  .hero-feature__primary{min-height:44px;gap:10px;padding:0 13px;font-size:9px}
  .hero-feature__sample{gap:7px;font-size:9px}
  .home-hero__edition{display:none}
  .hero-choices{min-height:70px}
  .hero-choice{padding:10px 7px;justify-content:center;gap:5px}
  .hero-choice__index{font-size:16px}
  .hero-choice__text strong{font-size:12px}
  .coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .coloring-grid .catalogue-card:nth-child(2),.coloring-grid .catalogue-card:nth-child(2):hover{transform:none}
  .coloring-grid .catalogue-card:first-child{grid-column:1/-1}
  .coloring-grid .catalogue-card:first-child a{display:grid;grid-template-columns:43% 1fr;column-gap:16px;align-items:center}
  .coloring-grid .catalogue-card:first-child img{grid-row:1/4;height:205px;margin:0}
  .coloring-grid .catalogue-card:first-child h3{margin:0}
  .coloring-grid .catalogue-card a{padding:14px}
  .coloring-grid .catalogue-card img{height:172px}
  .coloring-grid .catalogue-card h3{font-size:19px}
  .coloring-more{margin-top:27px}
}
@media(prefers-reduced-motion:reduce){.hero-feature,.hero-stage-book,.hero-stage__books,.hero-choice::before,.coloring-grid .catalogue-card img{transition:none!important;animation:none!important}}