/* The example box is an experience; the live catalogue remains the source of prices. */
.page-home .hb-unbox-section{padding:72px 0 64px;scroll-margin-top:110px;background:var(--home-cream,#fff9ed)}
.page-home .hb-unbox-wrap{width:min(100% - 48px,1240px)}
.page-home .hb-unbox{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding:38px 44px 34px 20px;background:linear-gradient(120deg,#f4ecf6,#fff8ed 78%);border:1px solid #e7d7cf;border-radius:36px;box-shadow:0 16px 38px #57442a0a;isolation:isolate}
.page-home .hb-unbox-visual{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}
.page-home .hb-unbox-sticker{display:inline-block;margin:0 auto 6px;padding:8px 16px;border:1px solid #d1b8dc;border-radius:999px;color:#62427a;font:800 11px/1.5 var(--body);background:#fff9fbe8;transform:rotate(-4deg);position:relative;z-index:2}
.page-home .hb-unbox-stage{position:relative;width:100%;aspect-ratio:1.05;min-width:0;display:grid;place-items:center}
.page-home .hb-unbox-halo{position:absolute;width:84%;height:82%;left:7%;top:9%;border-radius:48% 52% 45% 55% / 51% 45% 55% 49%;background:#fce9ac;transform:rotate(-8deg);z-index:-1}
.page-home .hb-unbox-halo::after{content:"";position:absolute;inset:20px;border:1px dashed #b28d5b66;border-radius:inherit}
.page-home .hb-unbox-spark{position:absolute;z-index:2;color:#7a5c90;font-size:39px;line-height:1;pointer-events:none}
.page-home .hb-unbox-spark-one{left:8%;top:17%;transform:rotate(14deg)}
.page-home .hb-unbox-spark-two{right:7%;bottom:23%;font-size:45px;color:#bb795b}
.page-home .hb-unbox-reveal{position:absolute;inset:0}
.page-home .hb-unbox-full{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #654d2520)}
.page-home .hb-unbox.has-unbox-js.is-open .hb-unbox-full{animation:hb-unbox-reveal .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes hb-unbox-reveal{from{opacity:0;transform:translateY(32px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}
.page-home .hb-unbox-closed{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 12px #654d2514);opacity:0;transform:translateY(0);transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.page-home .hb-unbox-lid{transform-origin:385px 195px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.page-home .hb-unbox.is-open .hb-unbox-lid{transform:translateY(-100px) rotate(-12deg)}
.page-home .hb-unbox.has-unbox-js:not(.is-open) .hb-unbox-full{opacity:0;transform:translateY(32px) scale(.86);transition-delay:0s}
.page-home .hb-unbox.has-unbox-js:not(.is-open) .hb-unbox-closed{opacity:1}
.page-home .hb-unbox-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:28px;background:transparent;cursor:pointer;color:#503074;z-index:3;touch-action:manipulation}
.page-home .hb-unbox-toggle:focus-visible{outline:3px solid #795594;outline-offset:3px}
.page-home .hb-unbox-toggle-label{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);display:inline-flex;gap:14px;align-items:center;justify-content:center;white-space:nowrap;min-height:52px;padding:10px 12px 10px 21px;font:800 14px/1.45 var(--body);border:2px solid #503074;border-radius:999px;background:#503074;color:#fff9ed;box-shadow:0 4px 0 #342044,0 8px 18px #50307420;transition:background .2s,box-shadow .2s}
.page-home .hb-unbox-toggle:hover .hb-unbox-toggle-label{background:#644282;box-shadow:0 4px 0 #342044,0 10px 20px #50307430}
.page-home .hb-unbox-toggle-label>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff1c0;color:#503074;font-size:19px;line-height:1}
.page-home .hb-unbox-instruction{font-size:12px;line-height:1.65;color:#705945;text-align:center;max-width:340px;margin:14px 12px 0;min-height:40px}
.page-home .hb-unbox-copy{min-width:0;padding:8px 0 5px 12px}
.page-home .hb-unbox-kicker{color:#795594;font:800 11px/1.6 var(--body);text-transform:uppercase;letter-spacing:.15em;margin:0 0 15px}
.page-home .hb-unbox-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.045em;color:#332438;margin-bottom:19px;overflow-wrap:anywhere}
.page-home .hb-unbox-copy h2>span{color:#8a5840}
.page-home .hb-unbox-intro{color:#6a554b;max-width:440px;font-size:15px;line-height:1.8;margin:0 0 24px}
.page-home .hb-unbox-choose{margin:0 0 10px;font:700 11px/1.6 var(--body);color:#766357}
.page-home .hb-unbox-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.page-home .hb-unbox-item{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:9px 10px;border:1px solid #e2d1c5;border-radius:11px;background:#fffcf5;color:#665046;font:700 12px/1.5 var(--body);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.page-home .hb-unbox-item svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.page-home .hb-unbox-item:hover{border-color:#ba98c9;background:#fdf8ff}
.page-home .hb-unbox-item[aria-pressed=true]{border-color:#9874ad;color:#503074;background:#ece1f2;box-shadow:0 2px 0 #d9c3e5}
.page-home .hb-unbox-item:focus-visible{outline:3px solid #795594;outline-offset:3px}
.page-home .hb-unbox-description{padding:18px 0 0;min-height:123px}
.page-home .hb-unbox-description h3{font:800 15px/1.5 var(--body);margin:0 0 5px;color:#4d3748;letter-spacing:0}
.page-home .hb-unbox-description p{margin:0;font-size:12px;line-height:1.8;color:#6b584d;max-width:470px}
.page-home .hb-unbox-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:50px;margin-top:14px;padding:13px 21px;border:1px solid #503074;border-radius:999px;background:#503074;color:#fff;text-decoration:none;font:800 13px/1.55 var(--body);box-shadow:0 4px 0 #35213f;transition:background .15s,transform .15s}
.page-home .hb-unbox-cta:hover{background:#634181;transform:translateY(-1px)}
.page-home .hb-unbox-cta>span{font-size:20px}
.page-home .hb-unbox-example{max-width:460px;color:#77675d;font-size:11px;line-height:1.65;margin:17px 0 0}
.page-home .hb-unbox:not(.has-unbox-js) :is(.hb-unbox-items,.hb-unbox-description){display:none}
.page-home .hb-unbox-static-items{display:grid;gap:8px}
.page-home .hb-unbox-static-items details{margin:0;border:1px solid #e2d1c5;border-radius:11px;background:#fffcf5;box-shadow:none}
.page-home .hb-unbox-static-items summary{font:800 13px/1.6 var(--body);padding:11px 14px;color:#503074;cursor:pointer}
.page-home .hb-unbox-static-items p{margin:0;padding:0 14px 14px;font-size:12px;line-height:1.8;color:#6b584d}
.page-home .hb-unbox-static-items summary:focus-visible{outline:3px solid #795594;outline-offset:3px;border-radius:8px}
@media(min-width:1100px){.page-home .hb-unbox-stage{min-height:520px}}
@media(max-width:1000px){.page-home .hb-unbox{padding:30px 28px 30px 14px;gap:8px}.page-home .hb-unbox-copy{padding-left:10px}.page-home .hb-unbox-items{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .hb-unbox-copy h2{font-size:30px}.page-home .hb-unbox-description{min-height:145px}}
@media(max-width:760px){.page-home .hb-unbox-section{padding:16px 0 45px}.page-home .hb-unbox-wrap{width:calc(100% - 32px)}.page-home .hb-unbox{grid-template-columns:1fr;gap:20px;padding:26px 22px 30px;border-radius:27px}.page-home .hb-unbox-stage{aspect-ratio:1.15;max-width:490px;margin:auto}.page-home .hb-unbox-copy{padding:0}.page-home .hb-unbox-copy h2{font-size:clamp(28px,6.9vw,39px)}.page-home .hb-unbox-intro{font-size:14px;margin-bottom:20px}.page-home .hb-unbox-items{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .hb-unbox-description{min-height:115px}.page-home .hb-unbox-instruction{margin-top:6px;min-height:20px}.page-home .hb-unbox-toggle-label{bottom:0}.page-home .hb-unbox-sticker{font-size:10px;margin-bottom:0}.page-home .hb-unbox-cta{width:100%;margin-top:8px}.page-home .hb-unbox-example{font-size:11px}}
@media(max-width:430px){.page-home .hb-unbox{padding:22px 18px 26px}.page-home .hb-unbox-items{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .hb-unbox-item{min-height:47px;font-size:12px}.page-home .hb-unbox-description{min-height:139px}.page-home .hb-unbox-stage{aspect-ratio:1.05}.page-home .hb-unbox-toggle-label{min-height:44px;font-size:12px;padding:9px 16px}.page-home .hb-unbox-copy h2{font-size:clamp(25px,7.1vw,31px)}.page-home .hb-unbox-spark{font-size:28px}.page-home .hb-unbox-spark-two{font-size:33px}.page-home .hb-unbox-cta{padding-left:12px;padding-right:12px;font-size:12px;gap:9px}}
@media(prefers-reduced-motion:reduce){.page-home .hb-unbox *{transition:none!important;animation:none!important}}
