/* Homepage hero: crisp still holiday artwork with the HTML copy displayed as an overlay card. */
body[data-page="home"] .pixs-home-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;align-items:stretch!important;overflow:hidden!important;isolation:isolate!important;background:#f7f6f2!important;margin-block-start:0!important;padding:0!important}
body[data-page="home"] .pixs-home-hero::before,body[data-page="home"] .pixs-home-hero::after{display:none!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-photo{position:relative!important;inset:auto!important;grid-area:1 / 1 / 2 / 2!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;z-index:0!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy{position:relative!important;inset:auto!important;transform:none!important;grid-area:1 / 1 / 2 / 2!important;justify-self:end!important;align-self:center!important;box-sizing:border-box!important;width:min(38%,520px)!important;max-width:none!important;margin:clamp(18px,2.5vw,36px)!important;padding:clamp(22px,2.2vw,30px)!important;background:rgb(13 13 13 / 82%)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgb(255 255 255 / 32%)!important;border-radius:3px!important;box-shadow:0 8px 32px rgb(0 0 0 / 28%)!important;text-align:left!important;color:#fff!important;z-index:1!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{white-space:normal!important;overflow-wrap:normal!important;font-size:clamp(38px,4.6vw,72px)!important;line-height:1.02!important;letter-spacing:-.04em!important;color:#fff!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy p{color:#fff!important;opacity:1!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow{display:inline-block!important;margin:0 0 16px!important;padding:7px 11px!important;background:#f4d35e!important;border-radius:2px!important;color:#171717!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:none!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-hero-cta{background:#fff!important;border:1px solid #fff!important;color:#171717!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-hero-cta:hover{background:#f4d35e!important;border-color:#f4d35e!important;color:#171717!important}
@media(max-width:760px){body[data-page="home"] .pixs-home-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}body[data-page="home"] .pixs-home-hero .pixs-hero-photo{grid-area:1 / 1 / 2 / 2!important;width:100%!important;height:clamp(340px,100vw,480px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:26% center!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy{grid-area:1 / 1 / 2 / 2!important;justify-self:center!important;align-self:end!important;width:calc(100% - 32px)!important;margin:16px!important;padding:18px!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{font-size:clamp(38px,9vw,56px)!important}}
/* A translucent charcoal card and a rose marker stroke retain readable contrast. */
body[data-page="home"] .pixs-home-hero .pixs-hero-copy{background:rgb(13 13 13 / 72%)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow{position:relative!important;isolation:isolate!important;background:transparent!important;color:#201316!important;padding:5px 9px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow::before{content:"";position:absolute;inset:0 -2px;z-index:-1;background:#efb4c0;clip-path:polygon(0 14%,98% 4%,100% 87%,2% 100%);transform:rotate(-.5deg)}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-hero-cta:hover{background:#efb4c0!important;border-color:#efb4c0!important;color:#201316!important}
@media(prefers-reduced-transparency:reduce){body[data-page="home"] .pixs-home-hero .pixs-hero-copy{background:#1b1919!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(forced-colors:active){body[data-page="home"] .pixs-home-hero .pixs-hero-copy{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy :is(h1,p){color:CanvasText!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow::before{display:none}}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy{width:min(32%,470px)!important;justify-self:end!important;margin-right:clamp(55px,9vw,180px)!important;padding:clamp(26px,2.2vw,34px)!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow{font-size:clamp(10px,.72vw,13px)!important;line-height:1.35!important;margin:0 0 22px!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{font-size:clamp(38px,3.5vw,58px)!important;line-height:1.04!important;margin:0 0 20px!important;letter-spacing:-.035em!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1+p{font-size:clamp(15px,1.1vw,18px)!important;line-height:1.55!important;margin:0 0 24px!important;max-width:34ch}
body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-hero-cta{display:inline-flex!important;align-items:center;min-height:48px;padding:12px 20px!important}
@media(max-width:1024px) and (min-width:761px){body[data-page="home"] .pixs-home-hero .pixs-hero-copy{width:38%!important;margin-right:4vw!important;padding:22px!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{font-size:clamp(34px,4.5vw,48px)!important}}
@media(max-width:760px){body[data-page="home"] .pixs-home-hero .pixs-hero-copy{width:calc(100% - 32px)!important;margin:16px!important;padding:22px!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{font-size:clamp(35px,9vw,48px)!important;margin-bottom:14px!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow{margin-bottom:16px!important}body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1+p{margin-bottom:18px!important;font-size:15px!important}}


/* The cord and bobble swing together from a fixed point at the hero ceiling. */
body[data-page="home"] .pixs-home-hero .pixs-hero-copy{overflow:visible!important}
body[data-page="home"] .pixs-home-hero .pixs-hero-pendulum{position:absolute;top:-2px;left:var(--pixs-bobble-left,90%);width:var(--pixs-bobble-width,76px);height:var(--pixs-bobble-drop,180px);z-index:5;display:block;pointer-events:none;transform-origin:49% 0;animation:pixs-bobble-sway 4.2s ease-in-out infinite;will-change:transform}
body[data-page="home"] .pixs-home-hero .pixs-hero-pendulum:not([data-positioned]){visibility:hidden}
body[data-page="home"] .pixs-home-hero .pixs-hero-pendulum::before{content:"";position:absolute;top:0;left:49%;width:1.25px;height:max(0px,calc(100% - var(--pixs-bobble-image-height,121px) + 2px));transform:translateX(-50%);background:#aaa393}
body[data-page="home"] .pixs-home-hero .pixs-hero-bobble{position:absolute!important;top:auto!important;right:0!important;bottom:0!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;pointer-events:none!important;transform:none!important;animation:none!important;filter:drop-shadow(0 3px 3px rgb(0 0 0 / 12%))}
@keyframes pixs-bobble-sway{0%,100%{transform:rotate(calc(-1 * var(--pixs-bobble-swing,3deg)))}50%{transform:rotate(var(--pixs-bobble-swing,3deg))}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .pixs-home-hero .pixs-hero-pendulum{animation:none!important;transform:none!important;will-change:auto}}

/* Keep the desktop offer beside the model group instead of at the far edge. */
@media(min-width:1025px){
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy{
  justify-self:start!important;
  margin-left:55%!important;
  margin-right:0!important;
 }
}

/* Compact screens: give the models and copy separate rows. An overlay hides
   the photograph on phones and lets a tall headline dictate its crop. */
@media(max-width:1024px){
 body[data-page="home"] .pixs-home-hero{grid-template-rows:auto auto!important;overflow:hidden!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-photo{grid-area:1 / 1 / 2 / 2!important;height:auto!important;aspect-ratio:1672 / 941!important;object-fit:cover!important;object-position:center!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy{grid-area:2 / 1 / 3 / 2!important;justify-self:center!important;align-self:start!important;width:calc(100% - 32px)!important;max-width:640px!important;margin:0 16px 24px!important;padding:24px!important;box-shadow:0 4px 16px rgb(0 0 0 / 15%)!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{max-width:none!important;font-size:clamp(36px,6vw,52px)!important;margin:0 0 16px!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1+p{max-width:42ch;font-size:16px!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-pendulum{display:none!important}
}
@media(max-width:760px){
 body[data-page="home"] .pixs-home-hero .pixs-hero-photo{height:clamp(280px,90vw,480px)!important;aspect-ratio:auto!important;object-position:left center!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy{padding:22px 20px!important;margin-top:-8px!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy h1{font-size:clamp(34px,8.8vw,48px)!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-eyebrow{max-width:100%;font-size:11px!important;line-height:1.5!important;letter-spacing:.025em!important}
 body[data-page="home"] .pixs-home-hero .pixs-hero-copy .concept-hero-cta{justify-content:center;width:100%;font-size:14px!important}
 body[data-page="home"] #whats-new .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
 body[data-page="home"] #whats-new .section-heading>a{margin:0;min-height:44px;display:inline-flex;align-items:center;font-size:14px}
}