.ux-hero{--ux-book-w: clamp(280px, 25vw, 400px);--ux-overlap: 130px;position:relative;z-index:1;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;min-height:620px;padding:40px max(16px,6vw) calc(56px + var(--ux-overlap));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 141' preserveAspectRatio='none'%3E%3Cpath fill='%23f4f2ef' d='M0 0H1920V0C1500 80 1100 141 787 141C450 141 200 110 0 58Z'/%3E%3C/svg%3E") center bottom / max(100%,1500px) var(--ux-overlap) no-repeat,linear-gradient(#f4f2ef,#f4f2ef) center top / 100% calc(100% - var(--ux-overlap) + 1px) no-repeat;color:#525949}.ux-hero:before{content:"";position:absolute;right:-6vw;top:50%;width:62vw;max-width:820px;aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(circle,#e2d9d4,#e2d9d48c 38%,#f4f2ef00 68%);pointer-events:none}.ux-hero .ux-hero__face--back,.ux-hero .ux-hero__shadow,.ux-hero .ux-hero__glint,.ux-hero .ux-hero-page__box{display:block}.ux-hero .ux-hero-page__line{display:flex}.ux-hero__sprig{position:absolute;z-index:0;pointer-events:none}.ux-hero__sprig img{display:block;width:100%;height:auto}.ux-hero__sprig--left{left:0;top:12%;width:clamp(90px,11vw,160px)}.ux-hero__sprig--right{right:0;top:-2%;width:clamp(130px,16vw,230px);opacity:.9}.ux-hero__copy{position:relative;z-index:2;max-width:540px}.ux-hero__eyebrow{margin:0 0 18px;font-family:Canela-Thin-Trial,Georgia,serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#876248}.ux-hero .ux-hero__heading{margin:0 0 18px;font-family:Canela-Thin-Trial,Georgia,serif;font-weight:300;font-size:clamp(40px,5.2vw,72px);line-height:1.04;letter-spacing:-.01em;color:#525949}.ux-hero__heading em{font-style:italic}.ux-hero__sub{min-height:58px;margin:0 0 28px;font-family:Open Sans,sans-serif;font-size:18px;font-weight:300;line-height:1.6;color:#525949;transition:opacity .25s ease}.ux-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.ux-hero__chip{min-height:44px;padding:0 20px;border:1px solid #525949;border-radius:999px;background:transparent;color:#525949;font:400 15px/1 Open Sans,sans-serif;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ux-hero__chip[aria-pressed=true]{background:#525949;color:#f4f2ef}.ux-hero__chip:focus-visible,.ux-hero__book:focus-visible,.ux-hero__cta:focus-visible{outline:2px solid #876248;outline-offset:4px}.ux-hero__cta{display:inline-block;padding:12px 30px 14px;border-radius:10px;background:#525949;color:#f4f2ef;font-family:Canela-Thin-Trial,Georgia,serif;font-size:22px;text-decoration:none}.ux-hero__cta:hover{background:#444a3c;color:#f4f2ef}.ux-hero__stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 8px;perspective:1600px}.ux-hero__tilt{margin-bottom:58px;transform-style:preserve-3d;transition:transform .3s ease-out}.ux-hero__float{transform-style:preserve-3d;animation:ux-hero-float 6s ease-in-out infinite}.ux-hero__book{position:relative;width:var(--ux-book-w);aspect-ratio:899 / 1338;cursor:pointer;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.2,1)}.ux-hero__book.is-open{transform:translate(50%) scale(.84)}.ux-hero__book:before{content:"";position:absolute;top:0;right:0;bottom:0;left:1%;border-radius:1px 4px 4px 1px;background:var(--ux-board, #7b4a2c);box-shadow:0 22px 34px #373e2e38;transition:opacity .2s .3s,background-color .3s;opacity:0}.ux-hero__book.is-open:before{opacity:1}.ux-hero__page{position:absolute;top:2%;bottom:2.5%;left:3%;right:1.5%;overflow:hidden;border-radius:1px 3px 3px 1px;background:#fbfaf7;box-shadow:inset 12px 0 18px -12px #373e2e40,0 18px 30px #373e2e2e;text-align:left}.ux-hero__page-inner{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.ux-hero__page-inner.is-active{opacity:1}.ux-hero__page-photo{display:block;width:100%;height:100%;object-fit:cover}.ux-hero__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}.ux-hero__book.is-open .ux-hero__cover{transform:rotateY(-168deg)}.ux-hero__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ux-hero__planner{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(55,62,46,.28))}.ux-hero__face--back{border-radius:4px 1px 1px 4px;background:var(--ux-board, #7b4a2c);box-shadow:0 18px 30px #373e2e29;transform:rotateY(180deg)}.ux-hero__face--back:before{content:"";position:absolute;top:2%;bottom:2.5%;left:1.5%;right:3%;background:#efe8df;box-shadow:inset -14px 0 20px -14px #373e2e4d}.ux-hero__glint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,transparent 35%,rgba(255,236,190,.9) 48%,rgba(255,255,255,.95) 50%,rgba(255,236,190,.9) 52%,transparent 65%);background-size:250% 100%;-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;animation:ux-hero-glint 5.5s ease-in-out infinite}.ux-hero__shadow{position:absolute;left:50%;bottom:-44px;width:75%;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,#373e2e42,#373e2e00 70%);transform:translate(-50%);transition:transform 1s cubic-bezier(.3,.7,.2,1);animation:ux-hero-shadow 6s ease-in-out infinite}.ux-hero__book.is-open .ux-hero__shadow{transform:translate(calc(-50% - var(--ux-book-w) * .5)) scaleX(2.5)}.ux-hero__hint{margin:0;font-family:Open Sans,sans-serif;font-size:13px;color:#6a6f63;white-space:nowrap;transition:opacity .3s}.ux-hero__planner{transition:opacity .25s ease}.ux-hero__planner.is-swapping{opacity:0}.ux-hero__colours{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.ux-hero__dots{display:flex;gap:12px}.ux-hero .ux-hero__dot{display:block;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px #5259494d;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.ux-hero__dot:hover{transform:scale(1.08)}.ux-hero__dot[aria-pressed=true]{box-shadow:0 0 0 2px #525949}.ux-hero__dot:focus-visible{outline:2px solid #876248;outline-offset:3px}.ux-hero__colour-name{margin:0;font-family:Open Sans,sans-serif;font-size:13px;color:#6a6f63}.ux-hero__leaf{position:absolute;left:0;top:0;z-index:3;height:auto;pointer-events:none;will-change:transform,opacity}.ux-hero__face--front .ux-hero__leaf--landed{z-index:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));transition:opacity 1.2s ease}.ux-hero-page{height:100%;padding:9% 9% 7%;font-family:Open Sans,sans-serif;font-size:9px;color:#6a6f63}.ux-hero-page__kicker{margin:0 0 3px;font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:#876248}.ux-hero-page__title{margin:0 0 10px;font-family:Canela-Thin-Trial,Georgia,serif;font-size:19px;line-height:1.1;color:#525949}.ux-hero-page__label{margin:11px 0 5px;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase}.ux-hero-page__box{height:34px;border-radius:2px;background:radial-gradient(circle,#cfc8bf .8px,transparent 1px) 0 0 / 7px 7px,#f1eee9}.ux-hero-page__line{display:flex;align-items:flex-end;height:15px;border-bottom:1px dotted #cfc8bf}.ux-hero-page__line span{font-size:7.5px;color:#9a9d93}.ux-hero-page__foot{position:absolute;left:9%;right:9%;bottom:4%;display:flex;justify-content:space-between;font-size:7px;color:#a3a69c}.ux-signup{width:min(780px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:0;border-radius:18px;background:#f4f2ef;box-shadow:0 30px 80px #23281e59;color:#525949;text-align:left;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .35s ease,transform .35s ease}.ux-signup.is-visible{opacity:1;transform:none}.ux-signup::backdrop{background:#373e2e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html:has(.ux-signup[open]){overflow:hidden}.ux-signup__inner{position:relative;display:grid;grid-template-columns:1fr}.ux-signup--photo .ux-signup__inner{grid-template-columns:5fr 6fr;min-height:460px}.ux-signup__media{position:relative;background:#e2d9d4}.ux-signup__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ux-signup__body{display:flex;flex-direction:column;justify-content:center;padding:56px 44px 40px}.ux-signup__close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#525949;cursor:pointer}.ux-signup__close:hover{background:#52594914}.ux-signup__close:focus-visible,.ux-signup__email:focus-visible,.ux-signup__button:focus-visible{outline:2px solid #876248;outline-offset:2px}.ux-signup .ux-signup__title{margin:0 0 14px;font-family:Canela-Thin-Trial,Georgia,serif;font-size:38px;font-weight:300;line-height:1.1;color:#525949}.ux-signup .ux-signup__text{margin:0 0 26px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.6;color:#525949}.ux-signup .ux-signup__email{display:block;width:100%;height:52px;margin:0 0 10px;padding:0 16px;border:1px solid #525949;border-radius:10px;background:#f4f2ef;color:#525949;font:400 16px Open Sans,sans-serif;box-shadow:none}.ux-signup__button{display:block;width:100%;height:52px;padding:0 18px;border:0;border-radius:10px;background:#525949;color:#f4f2ef;font-family:Canela-Thin-Trial,Georgia,serif;font-size:21px;cursor:pointer}.ux-signup__button:hover{background:#444a3c}.ux-signup .ux-signup__error{margin:10px 0 0;font-family:Open Sans,sans-serif;font-size:13px;color:#8a3b2b}.ux-signup .ux-signup__small{margin:12px 0 0;font-family:Open Sans,sans-serif;font-size:12px;color:#6a6f63;text-align:center}@media screen and (max-width:640px){.ux-signup--photo .ux-signup__inner{grid-template-columns:1fr;min-height:0}.ux-signup__media{height:190px}.ux-signup__body{padding:26px 22px 22px}.ux-signup--photo .ux-signup__close{background:#f4f2efd9}.ux-signup .ux-signup__title{margin-bottom:8px;font-size:28px}.ux-signup .ux-signup__text{margin-bottom:18px;font-size:15px}}@keyframes ux-hero-float{0%,to{transform:translateY(-10px)}50%{transform:translateY(12px)}}@keyframes ux-hero-shadow{0%,to{opacity:.7}50%{opacity:1}}@keyframes ux-hero-glint{0%,55%{background-position:150% 0}85%,to{background-position:-60% 0}}@media screen and (max-width:820px){.ux-hero{--ux-book-w: 170px;grid-template-columns:1fr;gap:0;min-height:0;padding-top:4px;padding-bottom:calc(40px + var(--ux-overlap));text-align:center}.ux-hero__eyebrow{margin-bottom:10px}.ux-hero .ux-hero__heading{font-size:36px;margin-bottom:12px}.ux-hero__chips,.ux-hero__sub{margin-bottom:20px}.ux-hero:before{right:50%;width:110vw;transform:translate(50%,-62%)}.ux-hero__copy{order:2;margin:0 auto}.ux-hero__chips{justify-content:center}.ux-hero__stage{order:1;padding:8px 0 14px}.ux-hero__tilt{margin-bottom:42px}.ux-hero__colours{margin-top:8px}.ux-hero .ux-hero__dot{width:24px;height:24px}.ux-hero__colour-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ux-hero__sprig--left{top:3%;width:70px}.ux-hero__sprig--right{width:110px}.ux-hero__sub{font-size:16px}}@media(prefers-reduced-motion:reduce){.ux-hero__float,.ux-hero__shadow,.ux-hero__glint{animation:none}.ux-hero__book,.ux-hero__cover,.ux-hero__tilt{transition-duration:.01s}.ux-signup{transform:none;transition:opacity .01s}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ux-hero.css.map */