.hbn-magic-hero,.hbn-magic-hero *{box-sizing:border-box}.hbn-magic-hero{color:#4a1e69;background:linear-gradient(165deg,#fffdf8,#fbf2ff 38%,#eef4ff 72%,#fff6ec)}.hbn-magic-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(20px,3vw,50px);width:min(100%,1440px);min-height:100vh;min-height:100svh;min-height:100dvh;margin-inline:auto;padding:clamp(58px,7vw,104px) max(24px,var(--page-margin, 40px))}body:has(.header[transparent]) .hbn-magic-hero__inner{padding-top:calc(clamp(40px,5vw,76px) + max(var(--header-height, 80px),var(--header-group-height, 0px)))}.hbn-magic-hero__copy{min-width:0;position:relative;z-index:3}.hbn-magic-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:0 0 24px;padding:9px 15px;border:1px solid #9c7cf052;border-radius:14px;background:#ffffffa8;color:#6b4bd6;font-family:var(--font-paragraph--family, var(--font-body--family));font-weight:500;font-size:clamp(13px,1.05vw,16px);line-height:1.35}.hbn-magic-hero__eyebrow .hbn-magic-spark{width:14px;height:14px}.hbn-magic-hero__heading{max-width:14ch;margin:0;color:#4a1e69;font-family:var(--font-h2--family, var(--font-heading--family));font-weight:var(--font-heading--weight, 600);font-style:var(--font-heading--style, normal);font-size:clamp(42px,4.7vw,70px);line-height:1.07;letter-spacing:-.025em;text-transform:none;text-wrap:balance}.hbn-magic-hero__heading-mobile{display:none}.hbn-magic-hero__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:32px}.hbn-magic-hero__actions a{font-size:17px;line-height:1.25}.hbn-magic-hero__secondary.button-secondary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:15px 22px;color:#4a1e69;background:linear-gradient(140deg,#ffffffed,#f6efffcf);border:1px solid #9c7cf050;border-radius:var(--style-border-radius-buttons-secondary, 14px);text-align:center;text-decoration:none;box-shadow:0 9px 20px -12px #66408970,inset 0 1px #fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hbn-magic-hero__secondary:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,#fff 48%,transparent 74%);transform:translate(-140%);animation:hbn-secondary-glint 6.5s ease-in-out infinite;pointer-events:none}@keyframes hbn-secondary-glint{0%,60%{transform:translate(-140%)}90%,to{transform:translate(140%)}}@media(hover:hover)and (pointer:fine){.hbn-magic-hero__secondary.button-secondary:hover{transform:translateY(-4px);border-color:#a684d8;box-shadow:0 15px 26px -12px #66408980,inset 0 1px #fff}}.hbn-magic-hero__secondary:focus-visible{outline:3px solid #7044aa;outline-offset:5px}.hbn-magic-hero__scene{position:relative;min-width:0;width:100%;max-width:620px;aspect-ratio:1;justify-self:center;perspective:1400px}.hbn-magic-hero__aura{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:conic-gradient(from 0deg,#9c7cf000,#9c7cf07a,#ffc5968c,#78dcc466,#9c7cf000);filter:blur(28px);animation:hbn-magic-spin 30s linear infinite;pointer-events:none}.hbn-magic-hero__book-float{position:absolute;width:70%;inset:18% auto auto 16%;animation:hbn-hero-book-float 7s ease-in-out infinite}@keyframes hbn-hero-book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5.6px)}}.hbn-magic-hero__book{position:relative;transform:perspective(1100px) rotateY(calc(-7deg + var(--hbn-tilt-x, 0deg))) rotateX(calc(3deg + var(--hbn-tilt-y, 0deg))) rotate(-2deg);transition:transform .18s ease-out;transform-origin:center;backface-visibility:hidden;border-radius:10px 20px 20px 10px;box-shadow:-5px 5px #eee5e0,-8px 7px #d9cdda,0 34px 48px -18px #38214b66;background:#f9f1ec}.hbn-magic-hero__book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--hbn-light-x, 30%) var(--hbn-light-y, 20%),#ffffff22,transparent 60%);pointer-events:none}.hbn-magic-hero__cover{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;border-radius:inherit}.hbn-magic-hero__cover-placeholder{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center;border:1px solid #ffffffa6;border-radius:inherit;background:linear-gradient(145deg,#fdf4e9,#e3ceff 64%,#d7eee8)}.hbn-magic-hero__cover-placeholder .hbn-magic-spark{width:64px;height:64px;color:#976ace}.hbn-magic-hero__satellite{position:absolute;z-index:3;width:26%;animation:hbn-magic-float 8s ease-in-out infinite}.hbn-magic-hero__satellite--1{left:0;top:7%;animation-delay:-2s;--photo-angle: -9deg}.hbn-magic-hero__satellite--2{right:-1%;top:46%;width:23%;animation-duration:9s;animation-delay:-5s;--photo-angle: 8deg}.hbn-magic-hero__satellite--3{left:3%;bottom:0;width:24%;animation-duration:10s;animation-delay:-3s;--photo-angle: -5deg}.hbn-magic-hero__photo{aspect-ratio:1;padding:4px;overflow:hidden;border-radius:20px;background:#fffdf8;box-shadow:0 17px 32px -15px #38214b66;transform:rotate(var(--photo-angle))}.hbn-magic-hero__photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}.hbn-magic-hero__photo-hint{display:grid;place-items:center;height:100%;padding:8px;border:1px dashed #a77dcc;border-radius:16px;color:#6b4c87;font-size:clamp(12px,1.1vw,16px);line-height:1.25;text-align:center;background:#f2e9fa}.hbn-magic-hero__quote{position:absolute;z-index:4;right:0;top:2%;display:flex;align-items:center;gap:12px;max-width:66%;padding:13px 17px;border:1px solid #4a1e6910;border-radius:18px;background:#ffffffed;box-shadow:0 18px 34px -18px #38214b66;animation:hbn-magic-float 6.5s ease-in-out infinite}.hbn-magic-hero__quote-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#ffc48a,#9c7cf0);color:#fff}.hbn-magic-hero__quote strong,.hbn-magic-hero__quote span>span{display:block;font-size:15px;line-height:1.3}.hbn-magic-hero__quote span>span{margin-top:2px;color:#796889;font-size:13px}@media(min-width:990px)and (max-width:1199px){.hbn-magic-hero__heading{font-size:50px}.hbn-magic-hero__quote{padding:11px;gap:8px}}@media(max-width:989px){.hbn-magic-hero__inner{grid-template-columns:1fr;gap:32px;padding-block:60px}.hbn-magic-hero__copy{text-align:center}.hbn-magic-hero__heading{max-width:20ch;margin-inline:auto;font-size:clamp(40px,6vw,62px)}.hbn-magic-hero__actions{justify-content:center}.hbn-magic-hero__scene{max-width:500px}}@media(max-width:749px){.hbn-magic-hero__inner{padding:42px 22px 50px;gap:28px}.hbn-magic-hero__eyebrow{margin-bottom:18px;font-size:12px;max-width:340px;text-align:left}.hbn-magic-hero__heading-desktop{display:none}.hbn-magic-hero__heading-mobile{display:block}.hbn-magic-hero__heading{max-width:16ch;font-size:clamp(36px,9.6vw,52px)}.hbn-magic-hero__actions{gap:10px;margin-top:24px}.hbn-magic-hero__actions a{width:min(100%,380px);min-height:50px;font-size:16px;padding:13px 16px}.hbn-magic-hero__scene{max-width:400px;margin-top:12px}.hbn-magic-hero__book-float{top:22%}.hbn-magic-hero__quote{max-width:68%;top:0;right:-2px;padding:10px;gap:7px}.hbn-magic-hero__quote-icon{flex-basis:28px;height:28px}.hbn-magic-hero__quote strong{font-size:14px}.hbn-magic-hero__quote span>span{font-size:11px}.hbn-magic-hero__satellite--1{top:10%}.hbn-magic-hero__satellite--2{top:55%;right:-2px}.hbn-magic-hero__photo{border-radius:15px;padding:3px}.hbn-magic-hero__photo img{border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hbn-magic-hero.css.map */