.hb-hero{--wood:#8A5A36;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3vw;background:var(--sea);color:var(--ink);overflow:hidden;isolation:isolate;padding:0 var(--gut)}.hb-copy{position:relative;min-width:0;z-index:3;padding:78px 0 84px;display:flex;flex-direction:column;justify-content:center}.hb-copy .crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--teal)}.hb-copy .crumbs a{color:var(--teal)}.hb-copy .crumbs:after{content:"";width:36px;height:2px;margin-left:10px;background:var(--saffron);border-radius:2px}.hb-copy h1{font:800 clamp(44px,5.2vw,84px)/.98 var(--display);letter-spacing:-.035em;margin:20px 0 22px;color:var(--ink);overflow-wrap:normal}.hb-copy .lede{font-size:18px;line-height:1.7;max-width:44ch;color:color-mix(in srgb,var(--ink) 82%,transparent)}.hb-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hb-btn{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--body);padding:16px 24px;border-radius:999px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.hb-btn span{transition:transform .2s}.hb-btn.sun{background:var(--saffron);color:var(--ink);box-shadow:0 12px 26px #0f4c3a38}.hb-btn.sun:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f4c3a4d}.hb-btn.sun:hover span{transform:translate(4px)}.hb-btn.ghost{color:var(--teal);border:1.5px solid var(--teal)}.hb-btn.ghost:hover{background:var(--teal);color:var(--cream);transform:translateY(-2px)}.hb-art{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;min-height:520px;padding-bottom:30px}.hb-books{position:relative;z-index:3;display:flex;align-items:flex-end;gap:8px}.hb-sp{--w:64px;position:relative;width:var(--w);height:var(--h,300px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding:18px 0 16px;background:var(--c);color:var(--ink);text-decoration:none;border-radius:6px 6px 2px 2px;box-shadow:inset -7px 0 #00000012,inset 5px 0 #ffffff2e,0 18px 30px #0f4c3a38;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.hb-sp:before,.hb-sp:after{content:"";position:absolute;left:10px;right:10px;height:2px;background:currentColor;opacity:.35}.hb-sp:before{top:18px;box-shadow:0 6px 0 currentColor}.hb-sp:after{bottom:48px}.hb-sp strong{writing-mode:vertical-rl;transform:rotate(180deg);font:700 21px/1 var(--display);letter-spacing:-.01em;white-space:nowrap}.hb-sp small{font:600 11px/1 var(--body);letter-spacing:.08em}.hb-sp:hover,.hb-sp:focus-visible{transform:translateY(-16px);box-shadow:inset -7px 0 #00000012,inset 5px 0 #ffffff2e,0 30px 40px #0f4c3a4d}.hb-sp:nth-child(1){--h:290px;--w:68px}.hb-sp:nth-child(2){--h:330px}.hb-sp:nth-child(3){--h:270px;--w:58px}.hb-sp:nth-child(4){--h:310px;--w:66px}.hb-sp:nth-child(5){--h:285px}.hb-sp:nth-child(6){--h:350px;--w:70px}.hb-shelf{position:absolute;z-index:4;left:-2vw;right:calc(var(--gut) * -1);bottom:0;height:30px;background:linear-gradient(180deg,#A06C43 0 6px,var(--wood) 6px,#6E4527);box-shadow:0 -1px #fff3 inset,0 14px 24px #0f4c3a40}.hb-s1,.hb-s2,.hb-s3{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.hb-rez .hb-sp:nth-child(2){--c:#3E8E7C}.hb-rez .hb-sp:nth-child(6){--c:var(--cream)}.hb-rez .hb-hl{color:var(--saffron);text-shadow:0 3px 0 var(--teal)}.hb-rez .hb-s1{width:560px;height:560px;right:-120px;top:-60px;background:var(--teal)}.hb-rez .hb-s2{width:300px;height:300px;left:-40px;bottom:-150px;background:var(--terra)}.hb-rez .hb-s3{width:120px;height:120px;right:38%;top:70px;border:1.5px solid var(--saffron)}.hb-vase{position:relative;z-index:3;width:96px;height:auto;margin-left:22px;align-self:flex-end}.hb-spiel{background:color-mix(in srgb,var(--sea) 88%,var(--teal))}.hb-spiel .hb-copy{order:2}.hb-spiel .hb-art{order:1}.hb-spiel .hb-hl{background:linear-gradient(transparent 58%,var(--saffron) 58% 92%,transparent 92%);padding:0 .06em}.hb-spiel .hb-sp:nth-child(5){transform:rotate(-8deg);transform-origin:0 100%;margin-left:16px}.hb-spiel .hb-sp:nth-child(5):hover{transform:rotate(-8deg) translateY(-16px)}.hb-spiel .hb-s1{width:520px;height:520px;left:-200px;top:-120px;background:var(--terra)}.hb-spiel .hb-s2{width:360px;height:360px;right:-60px;bottom:-200px;background:var(--teal)}.hb-spiel .hb-s3{width:440px;height:440px;left:14%;top:30px;border:1.5px solid var(--saffron)}.hb-spiel .hb-shelf{left:calc(var(--gut) * -1);right:-2vw}.hb-chips{position:relative;z-index:3;display:flex;flex-direction:column-reverse;margin-left:26px;align-self:flex-end}.hb-chips i{display:block;width:74px;height:16px;margin-top:-3px;border-radius:50%/8px;background:var(--terra);box-shadow:inset 0 -4px #0000002e,inset 0 0 0 4px #fff0;background-image:repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,253,248,.85) 9px 15px)}.hb-chips i:nth-child(2n){background-color:var(--ink)}.hb-chips i:nth-child(3){background-color:var(--saffron)}.hb-chips i:last-child{transform:translate(5px)}.hb-in{opacity:0;transform:translateY(16px);animation:hb-in .7s cubic-bezier(.2,.7,.2,1) var(--d,0s) forwards}.hb-sp{animation:hb-rise .8s cubic-bezier(.2,.8,.2,1) calc(.15s + var(--i,0) * .07s) both}@keyframes hb-in{to{opacity:1;transform:none}}@keyframes hb-rise{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@media(max-width:1100px){.hb-hero{grid-template-columns:minmax(0,1fr)}.hb-copy{padding:60px 0 20px}.hb-spiel .hb-copy{order:1}.hb-spiel .hb-art{order:2}.hb-art{min-height:0;padding-top:30px}.hb-shelf,.hb-spiel .hb-shelf{left:calc(var(--gut) * -1);right:calc(var(--gut) * -1)}.hb-rez .hb-s1{width:420px;height:420px;right:-140px;top:auto;bottom:-120px}.hb-spiel .hb-s1{width:380px;height:380px;left:-160px;top:auto;bottom:-140px}}@media(max-width:760px){.hb-hero{padding:0 24px}.hb-copy{padding:44px 0 8px;text-align:center;align-items:center}.hb-copy .crumbs{justify-content:center}.hb-copy .crumbs:after{display:none}.hb-copy h1{font-size:clamp(34px,9.6vw,50px);hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}main .hb-copy .lede{text-align:center;margin:0 auto}.hb-acts{justify-content:center;width:100%}.hb-btn{flex:1 1 auto;justify-content:center;padding:15px 18px}.hb-books{gap:5px}.hb-sp{--w:44px !important;height:calc(var(--h) * .62);padding:12px 0 10px;gap:8px}.hb-sp:before{left:7px;right:7px;top:12px}.hb-sp:after{display:none}.hb-sp strong{font-size:15px}.hb-sp small{font-size:10px;letter-spacing:0}.hb-vase{width:58px;margin-left:8px}.hb-chips{margin-left:12px}.hb-chips i{width:48px;height:12px}.hb-spiel .hb-sp:nth-child(5){margin-left:8px}.hb-shelf,.hb-spiel .hb-shelf{left:-24px;right:-24px;height:22px}.hb-art{padding-bottom:22px}.hb-rez .hb-s3{right:6%;top:0;width:80px;height:80px}.hb-spiel .hb-s3{width:300px;height:300px;left:30%;top:10px}}@media(prefers-reduced-motion:reduce){.hb-in,.hb-sp{opacity:1;transform:none;animation:none}.hb-spiel .hb-sp:nth-child(5){transform:rotate(-8deg)}.hb-sp,.hb-btn,.hb-btn span{transition:none}}html article.hc:hover{transform:none;box-shadow:var(--soft)}html article.hc.tick:hover{box-shadow:none}html article.hc .go{align-self:flex-start;display:inline-flex;align-items:center;margin-top:auto;padding:12px 18px;border-radius:999px;background:var(--teal);color:var(--cream);font:600 14px/1 var(--body);letter-spacing:0;text-decoration:none;transition:background .2s,color .2s,transform .2s}html article.hc .go:hover,html article.hc .go:focus-visible{background:var(--saffron);color:var(--ink);letter-spacing:0;transform:translateY(-2px)}html article.hc .bd{gap:0}html article.hc .bd p{margin-bottom:18px}@media(max-width:760px){html article.hc .go{align-self:center}}@media(max-width:760px){.hb-rez .hb-s1{width:300px;height:300px;right:-110px;bottom:-90px}.hb-spiel .hb-s1{width:280px;height:280px;left:-120px;bottom:-110px}.hb-sp{--w:40px !important}.hb-books{gap:4px}.hb-chips{margin-left:8px}.hb-chips i{width:40px;height:11px}.hb-vase{width:50px;margin-left:6px}}html article.hc:hover .go{color:var(--cream);letter-spacing:0}html article.hc .go:hover,html article.hc .go:focus-visible{background:var(--saffron);color:var(--ink)}.hb-sp:after{display:none}html .hb-copy .crumbs,html .hb-copy .crumbs a{color:var(--ink);opacity:1}html .hb-btn.ghost{color:var(--ink);border-color:var(--ink)}html .hb-rez .hb-hl{color:var(--teal);text-shadow:0 3px 0 var(--saffron)}