PageSourceSearch

https://www.perfectmoment.com/_next/static/chunks/1qxvrov211lv1.js

js perfectmoment.com collected 2026-10-03 21:41:53 UTC 48,572 bytes, 3 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,607977,405016,n=>{"use strict";var e=n.i(843476),t=n.i(892510);n.i(668626);var i=n.i(288245);n.i(73622);var r=n.i(981916),l=n.i(997053);function o(){let n=(0,t._)(["\n  text-align: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"]);return o=function(){return n},n}let a=l.default.ul.withConfig({displayName:"Contributors__ContributorList",componentId:"sc-ba217602-0"})(o()),s=n=>{let{items:t}=n;return(0,e.jsx)(i.Grid,{$columns:{xs:6,l:12},children:(0,e.jsx)(i.Column,{$starts:1,$spans:{xs:6,l:12},children:(0,e.jsx)(a,{children:t.map(n=>(0,e.jsxs)(r.Longform,{as:"li",$variant:"1",$size:"2XS",children:[(0,e.jsx)("b",{children:n.contribution})," ",n.contributorsName]},n.contribution+n.contributorsName))})})})};var c=n.i(271645);let d=n=>{let t=(0,c.useId)();return(0,c.useEffect)(()=>{let e;e={...n,name:"dhboard",src:"https://cdn.dashhudson.com/web/js/board-embed.js",hidePopupFooter:"true"},new Promise((n,i)=>{var r,l,o,a;if(null==(l=document)||null==(r=l.getElementById(t))?void 0:r.querySelector(".dh-widget-container"))return;let s=document.createElement("script");s.src=e.src,s.async=!0,Object.entries(e).forEach(n=>{let[e,t]=n;s.dataset[e]=t}),s.onload=n,s.onerror=i,null==(a=document)||null==(o=a.getElementById(t))||o.appendChild(s)})}),(0,e.jsx)("div",{id:t},t)};n.i(984076);var u=n.i(28402);n.i(495067);var h=n.i(316371),f=n.i(679889),p=n.i(751898),x=n.i(295910),m=n.i(823270);function g(){let n=(0,t._)(["\n  & "," {\n    max-height: ",";\n    height: ",";\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n  }\n\n  "," & "," {\n    max-height: ",";\n    height: ",";\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n  }\n\n  "," & "," {\n    max-height: ",";\n    height: ",";\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n  }\n\n  ",""," & "," {\n    max-height: ",";\n    height: ",";\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n\n    "," {\n      max-height: ",";\n      height: ",";\n    }\n  }\n\n  "," & "," {\n    max-height: ",";\n    height: ",";\n  }\n\n  ",""," & "," {\n    max-height: ",";\n    height: ",";\n  }\n"]);return g=function(){return n},n}let v="var(--flash-banner-height, ".concat(x.FLASH_BANNER_HEIGHT,"px)"),w="calc(100vh - ".concat(p.MOBILE_NAV_COLLAPSED_HEIGHT,")"),b="calc(100vh - ".concat(p.MOBILE_NAV_COLLAPSED_HEIGHT," - ").concat(v,")"),y="calc(100vh - ".concat(f.DESKTOP_NAV_COLLAPSED_HEIGHT,")"),j="calc(100vh - ".concat(f.DESKTOP_NAV_COLLAPSED_HEIGHT," - ").concat(v,")"),_="calc(100vh - ".concat(p.MOBILE_NAV_EXPANDED_HEIGHT,")"),C="calc(100vh - ".concat(p.MOBILE_NAV_EXPANDED_HEIGHT," - ").concat(v,")"),S="calc(100vh - ".concat(p.MOBILE_NAV_EXPANDED_HEIGHT_S,")"),$="calc(100vh - ".concat(p.MOBILE_NAV_EXPANDED_HEIGHT_S," - ").concat(v,")"),k="calc(100vh - ".concat(f.DESKTOP_NAV_EXPANDED_HEIGHT,")"),H="calc(100vh - ".concat(f.DESKTOP_NAV_EXPANDED_HEIGHT," - ").concat(v,")"),I="calc(100vh - ".concat(f.DESKTOP_NAV_EXPANDED_HEIGHT_XL,")"),N="calc(100vh - ".concat(f.DESKTOP_NAV_EXPANDED_HEIGHT_XL," - ").concat(v,")"),T="100vh",P="calc(100vh - ".concat(v,")"),z=":has([data-flash-banner])",E=":has([data-home-page='true'])",L=":has([data-overlay='true'])",A=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,l.css)(g(),n,w,w,m.bp.l,y,y,z,n,b,b,m.bp.l,j,j,E,n,_,_,m.bp.s,S,S,m.bp.l,k,k,m.bp.xl,I,I,E,z,n,C,C,m.bp.s,$,$,m.bp.l,H,H,m.bp.xl,N,N,L,n,T,T,L,z,n,P,P)};n.i(99806);var G=n.i(633918),D=n.i(960034),M=n.i(751880),X=n.i(522016);function F(){let n=(0,t._)(["\n    margin-right: 16px;\n    text-align: center;\n    text-transform: uppercase;\n    /* All CTA styles share the button box (padding + tap target); underline is\n       just a button with no fill or border. */\n    padding: ",";\n    border: ",";\n    border-radius: ",";\n    text-decoration: ",";\n\n    &:last-of-type {\n      margin-right: 0;\n    }\n\n    ","\n  "]);return F=function(){return n},n}let O=(0,l.default)(D.Title).withConfig({displayName:"HeroCta__CtaLink",componentId:"sc-63760eef-0"})(n=>{let{$hasBorder:e,$hasFill:t}=n;return(0,l.css)(F(),e||t?"12px 21px":"12px 0px",e?"2px solid black":void 0,e||t?"2px":void 0,e||t?"none":"underline",(n=>{let{$hasBorder:e,$hasFill:t,$textColor:i="black",theme:{bp:r,colors:l}}=n,o=(0,M.default)(i);return Object.keys(r).map(n=>{let i="black"===o[n]?"#fff":"#000",a=e?l[o[n]]:void 0,s=t?o[n]:void 0;return"\n      ".concat(r[n]," {\n        color: ").concat(t?i:void 0,";\n        border-color: ").concat(a,";\n        background-color: ").concat(s,";\n      }\n    ")}).join("")})(n))}),R=n=>{let{ctaStyle:t,href:i,textColor:r,onClick:l,children:o}=n;return(0,e.jsx)(O,{as:X.default,href:i,$variant:"3",$size:"underline"===t?{xs:"2XS",l:"S"}:{xs:"2XS",l:"XS"},$textColor:r,$hasBorder:"border"===t,$hasFill:"fill"===t,onClick:l,children:o})};var W=n.i(877815),B=n.i(931158),V=n.i(220332),K=n.i(437747);n.i(485525);var U=n.i(159861);function q(){let n=(0,t._)(["\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    row-gap: 8px;\n    /* Cap the row on mobile so the padded buttons wrap and stay centered rather\n       than overflowing; lift the cap once there's room from bp.m up. */\n    max-width: 343px;\n    margin-inline: auto;\n\n    "," {\n      max-width: none;\n      flex-wrap: nowrap;\n    }\n  "]);return q=function(){return n},n}function Y(){let n=(0,t._)(["\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n        height: min(100%, calc(100vh - 40px));\n        pointer-events: none;\n      "]);return Y=function(){return n},n}function Q(){let n=(0,t._)(["\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        padding-block: 32px;\n        justify-content: ",";\n\n        a,\n        button {\n          pointer-events: auto;\n        }\n\n        "," {\n          justify-content: ",";\n        }\n\n        "," {\n          padding-block: 64px;\n          justify-content: ",";\n        }\n\n        "," {\n          justify-content: ",";\n        }\n\n        "," {\n          padding-block: 96px;\n          justify-content: ",";\n        }\n\n        "," {\n          justify-content: ",";\n        }\n      "]);return Q=function(){return n},n}function J(){let n=(0,t._)(["\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        justify-content: flex-end;\n        /* Content sits at the bottom, so only the bottom inset matters — keep it\n           a constant ~40px rather than escalating with the breakpoint. */\n        padding-block: 32px 40px;\n\n        a,\n        button {\n          pointer-events: auto;\n        }\n      "]);return J=function(){return n},n}function Z(){let n=(0,t._)(["\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        width: 100%;\n        justify-content: center;\n      "]);return Z=function(){return n},n}let nn=l.default.div.withConfig({displayName:"HeroTitle__Actions",componentId:"sc-dce894fc-0"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(q(),e.m)}),ne=(0,l.default)(i.Grid).withConfig({displayName:"HeroTitle__Container",componentId:"sc-dce894fc-1"})(n=>{let{$displayMode:e}=n;switch(e){case"overlay":case"overlay bottom":return(0,l.css)(Y());default:return""}}),nt=(0,l.default)(i.Column).withConfig({displayName:"HeroTitle__Content",componentId:"sc-dce894fc-2"})(n=>
1{let{$displayMode:e,$verticalPosition:t,theme:{bp:i}}=n,r=(0,M.default)((0,B.withVerticalDefault)(t,"center"));switch(e){case"overlay":return(0,l.css)(Q(),r.xs,i.s,r.s,i.m,r.m,i.l,r.l,i.xl,r.xl,i.xxl,r.xxl);case"overlay bottom":return(0,l.css)(J());default:return(0,l.css)(Z())}}),ni=n=>{let{header:t,textColor:i,horizontalPosition:r,verticalPosition:l,displayMode:o,link:a,ctaStyle:s}=n,{title:c,description:d,actions:h}=t,f={spans:{xs:2,m:6},starts:{xs:1,m:{left:1,center:4,right:7}[(n=>{if(!n)return"center";for(let e of["xs","s","m","l","xl","xxl"]){let t=n[e];if(t)return t}return"center"})(r)]}},p=n=>(0,U.triggerSelectContent)("Hero",c,n,globalThis.window);return(0,e.jsx)(ne,{$displayMode:o,$columns:{xs:2,m:12},children:(0,e.jsxs)(nt,{$displayMode:o,$spans:f.spans,$starts:f.starts,$verticalPosition:l,children:["stack reverse"===o?(0,e.jsx)(u.default,{size:32}):null,(0,e.jsx)(V.Display,{as:"h1",$variant:"1",$size:(d||h.length,{xs:"XS",m:"S"}),$textColor:(0,W.getColor)({textColor:i}),$textAlign:"center",children:(0,e.jsx)(G.default,{url:a,inline:!0,onClickCallback:()=>p({link:a,title:c}),children:c})}),d?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:24}),(0,e.jsx)(K.Statement,{$variant:"1",as:"p",$size:{xs:"2XS",l:"S",xl:"S"},$textColor:(0,W.getColor)({textColor:i}),$textAlign:"center",children:d})]}):null,h.length?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:32}),(0,e.jsx)(nn,{children:h.map((n,t)=>(0,e.jsx)(R,{ctaStyle:s,href:n.link,textColor:(0,W.getColor)({textColor:i}),onClick:()=>p(n),children:n.title},t))})]}):null,"stack"===o?(0,e.jsx)(u.default,{size:32}):null]})})};n.i(976605);var nr=n.i(716346);function nl(){let n=(0,t._)(["\n    ","\n    ","\n      position: relative;\n    display: flex;\n\n    height: ",";\n\n    overflow: hidden;\n\n    img {\n      object-fit: cover;\n      object-position: 50% 10%;\n    }\n\n    /* First slot on the page — see firstSlotHeight. */\n    ","\n  "]);return nl=function(){return n},n}function no(){let n=(0,t._)(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    padding: 23px 32px;\n    pointer-events: none;\n\n    "," {\n      padding-inline: 18px;\n    }\n\n    "," {\n      padding-inline: 23px;\n    }\n\n    "," {\n      padding-inline: 23px;\n    }\n  "]);return no=function(){return n},n}let na=l.default.div.withConfig({displayName:"Hero__Container",componentId:"sc-3cf5483f-0"})(n=>{let{$displayMode:e,$isFirstSlot:t}=n;return(0,l.css)(nl(),"stack"===e?"display: flex;":"","stack"===e?"flex-direction: column-reverse;":"","calc(100vh - ".concat("overlay"===e?"40px":"120px",")"),t?A():"")}),ns=(0,l.default)(D.Title).withConfig({displayName:"Hero__Caption",componentId:"sc-3cf5483f-1"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(no(),e.s,e.l,e.xl)}),nc=n=>{let{storySource:t,caption:i,displayMode:r,ctaStyle:l,fetchPriority:o="high",isFirstSlot:a=!1}=n;if(!t)return null;let{media:s,textColor:c,horizontalPosition:d,verticalPosition:u,header:h,link:f,linkLabel:p}=t;return(0,e.jsxs)(na,{$displayMode:r,$isFirstSlot:a,children:[(0,e.jsx)(G.default,{url:f,onClickCallback:()=>{var n;let e,t;return e=(null==(n=s.xs)?void 0:n.image.title)||h.title,t={link:f,title:h.title},(0,U.triggerSelectContent)("Hero - media",e,t,globalThis.window)},children:(0,e.jsx)(nr.default,{...s,alt:p,fetchPriority:o})}),i?(0,e.jsx)(ns,{as:"p",$variant:"3",$size:{xs:"2XS",l:"XS"},$textColor:(0,W.getColor)({textColor:c}),children:i}):null,(0,e.jsx)(ni,{displayMode:r,header:h,textColor:c,horizontalPosition:d,verticalPosition:u,link:f,linkLabel:p,ctaStyle:l})]})};function nd(){let n=(0,t._)(["\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    row-gap: 8px;\n    /* Cap the row so the padded buttons wrap rather than overflowing the narrow\n       caption panel; lift the cap once the panel is centered from bp.l up. */\n    max-width: 343px;\n\n    "," {\n      max-width: none;\n      flex-wrap: nowrap;\n      justify-content: center;\n    }\n  "]);return nd=function(){return n},n}function nu(){let n=(0,t._)(["\n    flex: 1;\n    display: flex;\n    background-color: ",";\n    flex-direction: column;\n    justify-content: center;\n  "]);return nu=function(){return n},n}function nh(){let n=(0,t._)(["\n    @media screen and (",") {\n      margin-left: 16px;\n      margin-right: 16px;\n    }\n  "]);return nh=function(){return n},n}let nf=l.default.div.withConfig({displayName:"HeroHalfTitle__Actions",componentId:"sc-dbc6b79-0"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(nd(),e.l)}),np=l.default.div.withConfig({displayName:"HeroHalfTitle__Container",componentId:"sc-dbc6b79-1"})(n=>{let{$backgroundColor:e}=n;return(0,l.css)(nu(),e)}),nx=(0,l.default)(i.Grid).withConfig({displayName:"HeroHalfTitle__Grid",componentId:"sc-dbc6b79-2"})(n=>{let{theme:{bpRange:e}}=n;return(0,l.css)(nh(),e.m)}),nm=n=>{let{header:t,textColor:r,backgroundColor:l,ctaStyle:o,link:a}=n,{title:s,description:c,actions:d}=t,h=n=>(0,U.triggerSelectContent)("Half Hero",s,n,globalThis.window);return(0,e.jsx)(np,{$backgroundColor:l,children:(0,e.jsx)(nx,{$columns:{xs:6,l:4,xl:6},children:(0,e.jsxs)(i.Column,{$spans:{xs:6,l:4},$starts:{xs:1,xl:2},children:[(0,e.jsx)(u.default,{size:{xs:32,m:0}}),(0,e.jsx)(V.Display,{as:"h1",$variant:"1",$size:{xs:"2XS",l:"XS",xl:"S"},$textColor:(0,W.getColor)({textColor:r}),$textAlign:{xs:"left",l:"center"},children:(0,e.jsx)(G.default,{onClickCallback:()=>h({link:a,title:s}),url:a,inline:!0,children:s})}),c?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:24}),(0,e.jsx)(K.Statement,{$variant:"1",as:"p",$size:{xs:"XS",l:"S"},$textColor:(0,W.getColor)({textColor:r}),$textAlign:{xs:"left",l:"center"},children:c})]}):null,d.length?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:32}),(0,e.jsx)(nf,{children:d.map((n,t)=>(0,e.jsx)(R,{ctaStyle:o,href:n.link,textColor:(0,W.getColor)({textColor:r}),onClick:()=>h(n),children:n.title},t))})]}):null,(0,e.jsx)(u.default,{size:{xs:32,m:0}})]})})})};function ng(){let n=(0,t._)(["\n      display: flex;\n      flex-direction: ",";\n\n      /* Mobile stacks image over caption at natural height so the caption is\n         never clipped. The fixed viewport height + crop only apply once the\n         layout becomes a side-by-side row from bp.m up. */\n      "," {\n        flex-direction: ",";\n        height: ",";\n        overflow: hidden;\n      }\n\n      img {\n        object-fit: cover;\n        object-position: 50% 10%;\n      }\n    "]);return ng=function(){return n},n}let nv=l.default.div.withConfig({displayName:"HeroHalf__Container",componentId:"sc-5a92aa42-0"})(n=>{let{$displayMode:e,theme:{bp:t}}=n;return(0,l.css)(ng(),"standard"===e?"column":"column-reverse",t.m,"standard"===e?"row":"row-reverse","calc(100vh - 80px)")}),nw=n=>{var t;let{storySource:i,displayMode:r,backgroundColor:l,ctaStyle:o,fetchPriority:a="high"}=n,{media:s,textColor:c,header:d,link:u,linkLabel:h}=i;return(0,e.jsxs)(nv,{$displayMode:r,children:[(0,e.jsx)(G.default,{url:u,ariaLabel:h||(null==(t=d.title)?void 0:t.trim())||void 0,onClickCallback:()=>{var n;let e,t;return e=(null==(n=s.xs)?void 0:n.image.title)||d.title,t={link:u,title:d.title},(0,U.triggerSelectContent)("Half Hero - media",e,t,globalThis.window)},children:(0,e.jsx)(nr.default,{vwRelativeWidth:{xs:1,m:.5},...s,fetchPriority:a})}),(0,e.jsx)(nm,{header:d,textColor:c,backgroundColor:l,ctaStyle:o,link:u})]})};n.i(833783);var nb=n.i(485142);n.i(954853);var ny=n.i(456002),nj=n.i(948148);function n_(){let n=(0,t._)(["\n      transition: transform 0.5s ease-out;\n    "]);return n_=function(){return n},n}function nC(){let n=(0,t._)(["\n          >
1 div:nth-child(2) {\n            padding-top: 32px;\n            padding-bottom: 32px;\n          }\n        "]);return nC=function(){return n},n}function nS(){let n=(0,t._)(["\n    display: flex;\n    box-sizing: content-box;\n    transform: translateX(-","%);\n    ","\n\n    .ItemWrapper_Hero > div {\n      max-height: ",";\n      height: ",";\n      display: flex;\n      flex-direction: column;\n\n      > div:nth-child(1) {\n        overflow: auto;\n      }\n\n      > div:nth-child(2) {\n        padding-bottom: 32px;\n      }\n    }\n\n    .ItemWrapper_HeroHalf {\n      > div {\n        max-height: ",";\n        height: ",";\n\n        ","\n\n        > div:first-child, \n        > a {\n          overflow: auto;\n          flex: 2.5;\n\n          "," {\n            flex: 1;\n          }\n        }\n      }\n    }\n\n    img {\n      object-fit: cover;\n      object-position: 50% 10%;\n    }\n\n    ","\n    ","\n  "]);return nS=function(){return n},n}function n$(){let n=(0,t._)(["\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n"]);return n$=function(){return n},n}function nk(){let n=(0,t._)(["\n  min-width: 320px;\n  box-sizing: content-box;\n  flex: 0 0 100%;\n"]);return nk=function(){return n},n}function nH(){let n=(0,t._)(["\n  background: rgb(255, 255, 255, 0.2);\n  border: 0;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  z-index: 1;\n\n  &:hover,\n  &:focus {\n    background: rgb(255, 255, 255, 0.6);\n  }\n"]);return nH=function(){return n},n}function nI(){let n=(0,t._)(["\n  position: absolute;\n  left: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  ","\n"]);return nI=function(){return n},n}function nN(){let n=(0,t._)(["\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  ","\n"]);return nN=function(){return n},n}function nT(){let n=(0,t._)(["\n  position: absolute;\n  left: 8px;\n  bottom: 8px;\n  ","\n  > svg {\n    transform: scale(0.8);\n  }\n"]);return nT=function(){return n},n}function nP(){let n=(0,t._)(["\n  position: absolute;\n  bottom: 16px;\n  width: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  left: 50%;\n  transform: translateX(-50%);\n  gap: 16px;\n  z-index: 1;\n  height: 6px;\n  /* The buttons are the only touch targets; let clicks in the gaps between\n     them fall through to the hero behind. */\n  pointer-events: none;\n"]);return nP=function(){return n},n}function nz(){let n=(0,t._)(["\n  flex: 1;\n  border: none;\n  padding: 0;\n  background: none;\n  cursor: pointer;\n  pointer-events: auto;\n  height: 24px;\n  display: flex;\n  align-items: center;\n"]);return nz=function(){return n},n}function nE(){let n=(0,t._)(["\n  flex: 1;\n  height: 4px;\n  border-radius: 4px;\n  background: rgb(167, 167, 167, 0.4);\n  overflow: hidden;\n\n  ",":hover &,\n  ",":focus & {\n    height: 6px;\n    background: rgb(167, 167, 167, 0.6);\n  }\n"]);return nE=function(){return n},n}function nL(){let n=(0,t._)(["\n    border: none;\n    padding: 0;\n    background: white;\n    height: 100%;\n\n    width: ",";\n    animation-name: ",";\n\n    animation-play-state: ",";\n    animation-duration: ","ms;\n    animation-delay: 0s;\n    animation-iteration-count: 1;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n\n    @keyframes widthAnimation {\n      from {\n        width: 0%;\n      }\n      to {\n        width: 100%;\n      }\n    }\n  "]);return nL=function(){return n},n}let nA=l.default.div.withConfig({displayName:"HeroCarousel__CarouselContainer",componentId:"sc-bf9328e0-0"})(n=>{let{$transform:e,$displayMode:t,$animate:i,$isFirstSlot:r,theme:{bp:o}}=n,a="calc(100vh - ".concat("overlay"===t?"40px":"120px",")"),s=n=>r?A(n):"";return(0,l.css)(nS(),100*e,i&&(0,l.css)(n_()),a,a,a,a,"overlay"===t&&(0,l.css)(nC()),o.m,s(" .ItemWrapper_Hero > div"),s(" .ItemWrapper_HeroHalf > div"))}),nG=l.default.div.withConfig({displayName:"HeroCarousel__Container",componentId:"sc-bf9328e0-1"})(n$()),nD=l.default.div.withConfig({displayName:"HeroCarousel__ItemWrapper",componentId:"sc-bf9328e0-2"})(nk()),nM=(0,l.css)(nH()),nX=l.default.button.withConfig({displayName:"HeroCarousel__CarouselArrowLeft",componentId:"sc-bf9328e0-3"})(nI(),nM),nF=l.default.button.withConfig({displayName:"HeroCarousel__CarouselArrowRight",componentId:"sc-bf9328e0-4"})(nN(),nM),nO=l.default.button.withConfig({displayName:"HeroCarousel__CarouselPauseButton",componentId:"sc-bf9328e0-5"})(nT(),nM),nR=l.default.div.withConfig({displayName:"HeroCarousel__CarouselPaginationContainer",componentId:"sc-bf9328e0-6"})(nP()),nW=l.default.button.withConfig({displayName:"HeroCarousel__CarouselPaginationButton",componentId:"sc-bf9328e0-7"})(nz()),nB=l.default.div.withConfig({displayName:"HeroCarousel__CarouselPaginationBar",componentId:"sc-bf9328e0-8"})(nE(),nW,nW),nV=l.default.div.withConfig({displayName:"HeroCarousel__CarouselPaginationProgress",componentId:"sc-bf9328e0-9"})(n=>{let{$playing:e,$duration:t,$selected:i}=n;return(0,l.css)(nL(),i?"100%":0,i?"none":"widthAnimation",e?"running":"paused",t)}),nK=n=>{let{slots:t,delaySeconds:i,displayMode:r,isFirstSlot:l=!1}=n,[o,a]=(0,c.useState)(0),[s,d]=(0,c.useState)(0),[u,h]=(0,c.useState)(!0),f=1e3*i,p=(0,nj.useTranslations)("gallery");(0,c.useEffect)(()=>{let n=setInterval(()=>{u&&a(n=>(d(n),n===t.length-1?0:n+1))},f);return()=>clearInterval(n)},[u]);let x=t.reduce((n,t,i)=>{switch(t.blockType){case"Hero":return n.push((0,e.jsx)(nD,{className:"ItemWrapper_Hero",onFocus:n=>{n.preventDefault(),v(i)},children:(0,e.jsx)(nc,{...t,fetchPriority:0===i?"high":"auto"})},i)),n;case"HeroHalf":return n.push((0,e.jsx)(nD,{className:"ItemWrapper_HeroHalf",onFocus:n=>{n.preventDefault(),v(i)},children:(0,e.jsx)(nw,{...t,fetchPriority:0===i?"high":"auto"})},i)),n;default:return n}},[]),m=()=>{h(!1),d(o),a(0===o?t.length-1:o-1)},g=()=>{h(!1),d(o),a(o===t.length-1?0:o+1)},v=n=>{h(!1),d(o),a(n)},w=(0,ny.useSwipe)({onSwipedLeft:()=>o!==t.length-1&&g(),onSwipedRight:()=>0!==o&&m()});return(0,e.jsxs)(nG,{...w,"data-testid":"hero-carousel-container",children:[(0,e.jsx)(nX,{onClick:m,"aria-label":p("previousSlide"),"data-testid":"previous-slide-button",children:(0,e.jsx)(nb.ChevronSmall,{$direction:"left"})}),(0,e.jsx)(nF,{onClick:g,"aria-label":p("nextSlide"),"data-testid":"next-sl
1ide-button",children:(0,e.jsx)(nb.ChevronSmall,{$direction:"right"})}),(0,e.jsx)(nO,{"aria-label":u?p("pause"):p("play"),"data-testid":"pause-button",onClick:()=>h(!u),children:u?(0,e.jsx)(nb.Pause,{}):(0,e.jsx)(nb.Play,{})}),(0,e.jsx)(nR,{children:Array.from(Array(t.length)).map((n,t)=>(0,e.jsx)(nW,{type:"button","aria-label":p("showSlide",{number:t+1}),"data-testid":"pagination-button-".concat(t),onClick:()=>v(t),children:(0,e.jsx)(nB,{children:t===o&&(0,e.jsx)(nV,{"data-testid":"pagination-progress-".concat(t),$duration:f,$playing:u,$selected:!u})})},"slide-pag-".concat(t)))}),(0,e.jsx)(nA,{$transform:o,$animate:1===Math.abs(o-s),$displayMode:r,$isFirstSlot:l,children:x})]})};n.i(51419);var nU=n.i(35304),nq=n.i(144175);n.i(397178);var nY=n.i(436366);function nQ(){let n=(0,t._)(["\n    display: flex;\n    flex-direction: column;\n    width: 100;\n\n    "," {\n      flex-direction: row;\n    }\n  "]);return nQ=function(){return n},n}function nJ(){let n=(0,t._)(["\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin-left: 15px;\n    margin-right: 15px;\n\n    "," {\n      margin-left: 18px;\n      margin-right: 18px;\n    }\n\n    "," {\n      width: 30.2083vw;\n      margin-left: 18px;\n      margin-right: 18px;\n    }\n\n    "," {\n      width: 21.3867vw;\n      margin-left: 38px;\n      margin-right: 24px;\n    }\n\n    "," {\n      width: 22.0833vw;\n      margin-left: 48px;\n    }\n\n    "," {\n      width: 22.8125vw;\n    }\n  "]);return nJ=function(){return n},n}function nZ(){let n=(0,t._)(["\n  flex-grow: 0;\n  flex-shrink: 1;\n  overflow: hidden;\n"]);return nZ=function(){return n},n}function n0(){let n=(0,t._)(["\n    "," {\n      > *:first-of-type {\n        padding-left: 0;\n      }\n    }\n  "]);return n0=function(){return n},n}let n1=l.default.div.withConfig({displayName:"Outfit__Wrapper",componentId:"sc-549d6f0c-0"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(nQ(),e.m)}),n2=l.default.div.withConfig({displayName:"Outfit__StoryContainer",componentId:"sc-549d6f0c-1"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(nJ(),e.s,e.m,e.l,e.xl,e.xxl)}),n6=l.default.div.withConfig({displayName:"Outfit__ProductRailContainer",componentId:"sc-549d6f0c-2"})(nZ()),n3=(0,l.default)(nq.default).withConfig({displayName:"Outfit__Rail",componentId:"sc-549d6f0c-3"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(n0(),e.m)}),n5=n=>{let{storySource:t,products:i}=n;return(0,e.jsxs)(n1,{children:[(0,e.jsxs)(n2,{children:[(0,e.jsx)(nY.default,{vwRelativeWidth:{xs:1,m:.3333,l:.25},...t}),(0,e.jsx)(u.default,{size:{xs:32,m:0}})]}),(0,e.jsx)(n6,{children:(0,e.jsx)(n3,{title:"",products:i})})]})};n.i(26370);var n4=n.i(259748);function n8(){let n=(0,t._)(["\n  line-height: 1px;\n"]);return n8=function(){return n},n}function n9(){let n=(0,t._)(["\n  text-align: center;\n"]);return n9=function(){return n},n}let n7={Small:{xs:1,m:2,l:4},Medium:{xs:1,m:2,l:3},Large:{xs:1},Full:{xs:1}},en={Small:{xs:7,m:6,l:10},Medium:{xs:7,m:6,l:11},Large:{xs:7,l:13},Full:{xs:7,l:13}},ee={Small:{xs:1,m:.666,l:.5},Medium:{xs:1,m:.666},Large:{xs:1},Full:{xs:1}},et=(0,l.default)(i.Grid).withConfig({displayName:"Picture__MediaGrid",componentId:"sc-c00dd118-0"})(n8()),ei=(0,l.default)(K.Statement).withConfig({displayName:"Picture__CenteredStatement",componentId:"sc-c00dd118-1"})(n9()),er=n=>{let{caption:t,picture:r,link:l,size:o}=n;return r?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(et,{$inlineMargin:"Full"===o?0:void 0,$columns:{xs:6,l:12},children:(0,e.jsx)(i.Column,{$starts:n7[o],$ends:en[o],children:(0,e.jsx)(G.default,{url:l,children:(0,e.jsx)(nr.default,{vwRelativeWidth:ee[o],...r})})})}),t?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:16}),(0,e.jsx)(i.Grid,{$columns:{xs:6,l:12},children:(0,e.jsx)(i.Column,{$starts:n7[o],$ends:en[o],children:(0,e.jsx)(ei,{as:"div",$size:"2XS",$variant:"1",children:(0,e.jsx)(n4.default,{content:t})})})})]}):null]}):null};n.i(569475);var el=n.i(278419);function eo(){let n=(0,t._)(["\n    grid-area: list;\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 17px;\n\n    "," {\n      padding-inline: 22px;\n    }\n\n    "," {\n      grid-template-columns: repeat(",", 1fr);\n    }\n  "]);return eo=function(){return n},n}let ea=(0,l.default)(i.Grid).withConfig({displayName:"ProductGrid__WrapperGrid",componentId:"sc-c649af4f-0"})(n=>{let{$gridWidth:e,theme:{bp:t}}=n;return(0,l.css)(eo(),el.Description,t.m,e)}),es=n=>{let{gridWidth:t,products:i}=n;return(0,e.jsx)(ea,{$gridWidth:t,$spacing:"none",$inlineMargin:0,
1children:i.map((n,t)=>(0,e.jsx)("div",{onClick:()=>(0,U.triggerSelectContent)("Product Grid Item",n.name,{link:n.url,title:"Product card"},globalThis.window),children:(0,e.jsx)(el.default,{url:n.url,name:n.name,swatches:n.swatches,images:n.images,price:n.price,tag:n.tag,index:t})},n.key+t))})};n.i(558313);var ec=n.i(617518);function ed(){let n=(0,t._)(["\n  row-gap: 17px;\n\n  "," {\n    padding-inline: 22px;\n  }\n"]);return ed=function(){return n},n}function eu(){let n=(0,t._)(["\n    display: none;\n    grid-column-end: span 3;\n\n    "," {\n      display: block;\n    }\n  "]);return eu=function(){return n},n}function eh(){let n=(0,t._)(["\n    "," {\n      display: none;\n    }\n  "]);return eh=function(){return n},n}let ef=(0,l.default)(i.Grid).withConfig({displayName:"ProductMosaic__ProductMosaicGrid",componentId:"sc-e9a6668b-0"})(ed(),el.Description),ep=(0,l.default)(el.default).withConfig({displayName:"ProductMosaic__ProductMosaicCard",componentId:"sc-e9a6668b-1"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(eu(),e.l)}),ex=l.default.div.withConfig({displayName:"ProductMosaic__ProductRailContainer",componentId:"sc-e9a6668b-2"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(eh(),e.l)});function em(n){let{displayMode:t,mobileDisplayMode:i,media:r,storySource:l,products:o}=n;return(null==o?void 0:o.length)?(0,e.jsxs)(e.Fragment,{children:["Reverse"===i&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(ex,{children:(0,e.jsx)(nq.default,{title:"",products:o})}),(0,e.jsx)(u.default,{size:{xs:32,l:0}})]}),(0,e.jsxs)(ef,{$columns:{xs:6,l:12},$spacing:"none",$inlineMargin:0,children:[(0,e.jsx)(ec.default,{$starts:{xs:1,l:"Reverse"===t?7:1},$ends:{xs:7,l:"Reverse"===t?13:7},$rowStarts:1,$rowSpans:2,children:l?(0,e.jsx)(nY.default,{overlay:!0,preferDescription:!0,vwRelativeWidth:{xs:1,l:.5},...l}):(0,e.jsx)(nr.default,{vwRelativeWidth:{xs:1,l:.5},...r})}),o.map((n,e)=>(0,c.createElement)(ep,{...n,index:e,key:n.key+e}))]}),"Standard"===i&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:{xs:32,l:0}}),(0,e.jsx)(ex,{children:(0,e.jsx)(nq.default,{title:"",products:o})})]})]}):null}n.i(534649);var eg=n.i(269194);let ev=n=>{let{pageElementId:t}=n,{loading:i,recommendations:r}=(0,eg.default)({element:t});return(0,e.jsx)(nq.default,{loading:i,products:r.map(n=>({...n.listing,swatches:[]}))})};var ew=n.i(794996);let eb=(0,n.i(770703).default)(()=>n.A(862938),{loadableGenerated:{modules:[357429]},ssr:!1}),ey=n=>{let{pageElementId:t,openQuickView:r,title:l}=n,{loading:o,recommendations:a}=(0,eg.default)({element:t});return(0,e.jsxs)(e.Fragment,{children:[l?(0,e.jsx)(i.Grid,{$columns:1,children:(0,e.jsxs)(i.Column,{children:[(0,e.jsx)(ew.Special,{$variant:"1",$size:"L",children:l}),(0,e.jsx)(u.default,{size:16})]})}):null,(0,e.jsx)(eb,{loading:o,products:a.map(n=>{let{details:e,listing:t}=n;return{details:e,listing:{...t,swatches:[]}}}),openQuickView:r})]})};var ej=n.i(404920),e_=n.i(11664);function eC(){let n=(0,t._)(["\n    position: relative;\n\n    height: ",";\n    overflow: hidden;\n\n    img {\n      object-fit: cover;\n      object-position: 50% 10%;\n    }\n\n    /* First slot on the page — see firstSlotHeight. The two Heroes inside are\n       passed isFirstSlot too, so they fill the wrapper rather than being\n       cropped by its overflow. */\n    ","\n  "]);return eC=function(){return n},n}function eS(){let n=(0,t._)(["\n  position: absolute;\n  width: 100%;\n  top: 15%;\n  z-index: 1;\n"]);return eS=function(){return n},n}function e$(){let n=(0,t._)(["\n    "," {\n      display: none;\n    }\n  "]);return e$=function(){return n},n}function ek(){let n=(0,t._)(["\n    display: none;\n\n    "," {\n      display: initial;\n    }\n  "]);return ek=function(){return n},n}let eH=l.default.div.withConfig({displayName:"SplitHero__Wrapper",componentId:"sc-9dea6e10-0"})(n=>{let{$isFirstSlot:e}=n;return(0,l.css)(eC(),"calc(100vh - 80px)",e?A():"")}),eI=(0,l.default)(D.Title).withConfig({displayName:"SplitHero__Header",componentId:"sc-9dea6e10-1"})(eS()),eN=l.default.div.withConfig({displayName:"SplitHero__MobileView",componentId:"sc-9dea6e10-2"})(n=>
1{let{theme:{bp:e}}=n;return(0,l.css)(e$(),e.l)}),eT=l.default.div.withConfig({displayName:"SplitHero__DesktopView",componentId:"sc-9dea6e10-3"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(ek(),e.l)}),eP=n=>{var t,r;let{isFirstSlot:l=!1,...o}=n;return(0,e.jsxs)(eH,{$isFirstSlot:l,children:[(0,e.jsx)(eI,{$variant:"1",as:"p",$size:"M",$textColor:(0,W.getColor)({textColor:null!=(t=null==(r=o.slots[0].storySource)?void 0:r.textColor)?t:null}),$textAlign:"center",children:o.title}),(0,e.jsx)(eN,{children:(0,e.jsx)(nK,{...o,isFirstSlot:l})}),(0,e.jsx)(eT,{children:(0,e.jsxs)(i.Grid,{$spacing:"none",$inlineMargin:0,$columns:2,children:[(0,e.jsx)(nc,{...o.slots[0],isFirstSlot:l}),(0,e.jsx)(nc,{...o.slots[1],isFirstSlot:l})]})})]})};var ez=n.i(503188);function eE(){let n=(0,t._)([""]);return eE=function(){return n},n}function eL(){let n=(0,t._)(["\n      margin-bottom: -32px;\n\n      "," {\n        margin-bottom: -48px;\n      }\n    "]);return eL=function(){return n},n}function eA(){let n=(0,t._)(["\n    ","\n\n    /* Tiles butt edge-to-edge (0 gutter). Every story title is inset a\n       consistent 22px so text aligns under each tile regardless of its\n       position in the row. */\n    "," {\n      padding-inline: 22px;\n    }\n  "]);return eA=function(){return n},n}function eG(){let n=(0,t._)(["\n    display: flex;\n    overflow-x: auto;\n    /* Mandatory snap also applies to the arrows' programmatic scroll, which is\n       what we want: each press settles on a tile edge rather than part-way\n       into one, and the end of the rail stays reachable. */\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n\n    > * {\n      flex: 0 0 85%;\n      min-width: 0;\n      scroll-snap-align: start;\n    }\n\n    "," {\n      padding-inline: 22px;\n    }\n\n    "," {\n      > * {\n        flex: 0 0 ","%;\n      }\n\n      /* Give every tile the same 4/5 image crop (the canonical portrait tile\n         ratio, as InlineStoryColumn does for the editorial grids) so tiles line\n         up at a uniform height regardless of their source aspect ratio. */\n      picture {\n        width: 100%;\n        aspect-ratio: 4 / 5;\n        min-width: 0;\n      }\n\n      picture img {\n        object-fit: cover;\n      }\n\n      /* Let the flex image link / overlay shrink to the tile width rather than\n         to the image's aspect-ratio-derived intrinsic width. */\n      [data-type='StoryOverlay'],\n      [data-type='CtaBlockLink'] {\n        min-width: 0;\n      }\n\n      /* The image takes its height from the aspect-ratio above, never from\n         being stretched to the link's height. Stretching breaks Safari: below\n         bp.m the rail has no 4/5 crop, so resizing back up leaves the picture\n         with the stretched height it had at mobile width — the tile width\n         updates, the height does not, and object-fit: cover zooms the image.\n         (WebKit only; Chrome relayouts correctly. Computed style still reads\n         4/5, so only a forced relayout would recover it.) Sizing the picture\n         from its own ratio also gives every tile the identical crop the ratio\n         is there for — stretching made it vary with each caption's height. */\n      [data-type='CtaBlockLink'] {\n        align-items: flex-start;\n      }\n\n      /* Caption-below tiles only (the overlay's link is nested a level deeper):\n         with the image no longer absorbing the tile's spare height, keep the\n         link from growing so the caption stays directly under the image\n         instead of being pushed to the bottom of the tallest tile. */\n      > * > [data-type='CtaBlockLink'] {\n        flex-grow: 0;\n      }\n    }\n  "]);return eG=function(){return n},n}function eD(){let n=(0,t._)(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"]);return eD=function(){return n},n}function eM(){let n=(0,t._)(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    pointer-events: none;\n    transition: opacity 300ms;\n    opacity: 0;\n    /* The strip covers the tile image exactly, so the arrows sit centred on it\n       rather than on the caption below. Measured from the first tile, since a\n       mobile tile keeps its image's own crop; until that lands (and for\n       browsers with no ResizeObserver) fall back to the desktop geometry: a\n       peeking tile is 90/columnWidth of the full-bleed rail, cropped 4/5. */\n    height: ",";\n\n    > * {\n      pointer-events: initial;\n    }\n\n    "," {\n      &[data-fits-row='true'] {\n        display: none;\n      }\n    }\n\n    @media (hover: none) {\n      display: none;\n    }\n  "]);return eM=function(){return n},n}function eX(){let n=(0,t._)(["\n  position: relative;\n\n  @media (hover: hover) {\n    &:hover "," {\n      opacity: 1;\n    }\n  }\n\n  /* Keyboard users never trigger the hover reveal, so a focused control would\n     otherwise sit behind opacity: 0. */\n  &:focus-within "," {\n    opacity: 1;\n  }\n"]);return eX=function(){return n},n}let eF=[{xs:6,l:12},{xs:3,l:6},{xs:6,m:2,l:4},{xs:3,l:6,xl:3}],eO=[{xs:1},{xs:.5},{xs:1,m:.333333},{xs:.5,xl:.25}],eR=(n,e)=>{var t;return{...n,xs:e,m:null!=(t=n.m)?t:n.xs}},eW=l.default.div.withConfig({displayName:"Stories__StoryTitle",componentId:"sc-10701956-0"})(eE()),eB=(0,l.default)(i.Grid).withConfig({displayName:"Stories__Grid",componentId:"sc-10701956-1"})(n=>{let{$retractTrailingGap:e,theme:{bp:t}}=n;return(0,l.css)(eA(),e&&(0,l.css)(eL(),t.l),eW)}),eV=l.default.div.withConfig({displayName:"Stories__Rail",componentId:"sc-10701956-2"})(n=>
1{let{$columnWidth:e,$peek:t,theme:{bp:i}}=n;return(0,l.css)(eG(),eW,i.m,(t?90:100)/e)}),eK=l.default.div.withConfig({displayName:"Stories__RailItem",componentId:"sc-10701956-3"})(eD()),eU=l.default.div.withConfig({displayName:"Stories__Controls",componentId:"sc-10701956-4"})(n=>{let{$columnWidth:e,$imageHeight:t,theme:{bp:i}}=n;return(0,l.css)(eM(),t?"".concat(t,"px"):"calc(90vw / ".concat(e," / 4 * 5)"),i.m)}),eq=l.default.div.withConfig({displayName:"Stories__RailContainer",componentId:"sc-10701956-5"})(eX(),eU,eU),eY=n=>{let{storySource:t,columnWidth:r,viewAsRail:l=!1,positionTextInsideTile:o=!1}=n,a=(0,nj.useTranslations)("gallery"),s=(0,c.useRef)(null),[d,f]=(0,c.useState)("beginning"),[p,x]=(0,c.useState)(),m=(0,c.useCallback)((0,ez.scrollLeft)(s),[s]),g=(0,c.useCallback)((0,ez.scrollRight)(s),[s]),v=(0,c.useCallback)((0,ez.markScrollPositionCallback)(d,f),[d,f]);(0,c.useEffect)(()=>{var n;let e=null==(n=s.current)?void 0:n.querySelector("picture");if(!e||"u"<typeof ResizeObserver)return;let t=new ResizeObserver(n=>{let[{contentRect:e}]=n;return x(e.height)});return t.observe(e),()=>t.disconnect()},[l]);let w=eF[r-1],b=o?eR(w,6):w,y=t.length>r,j=eO[r-1],_=l?{xs:.85,m:(y?.85:1)/r}:o?eR(j,1):j,C=n=>{var t,i,r,l;if(o)return(0,e.jsx)(nY.default,{overlay:!0,...n,vwRelativeWidth:_});let{link:a,media:s,header:c,linkLabel:d}=n,f=!!((null==(t=c.title)?void 0:t.trim())||(null==(i=c.description)?void 0:i.trim())||(null==(r=c.actions)?void 0:r.length));return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(G.default,{url:a,ariaLabel:d||(null==(l=c.title)?void 0:l.trim())||void 0,onClickCallback:()=>{var n;let e,t;return e=(null==(n=s.xs)?void 0:n.image.title)||c.title,t={link:a,title:c.title},(0,U.triggerSelectContent)("Story CTA - media",e,t,globalThis.window)},children:(0,e.jsx)(nr.default,{vwRelativeWidth:_,...s})}),(0,e.jsxs)(eW,{children:[f&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:16}),(0,e.jsx)(h.default,{inline:!0,headerLevel:"h2",title:c.title,titleLink:a,description:c.description,actions:c.actions})]}),(0,e.jsx)(u.default,{size:{xs:32,l:48}})]})]})};return l?(0,e.jsxs)(eq,{children:[(0,e.jsx)(eV,{ref:s,onScroll:v,$columnWidth:r,$peek:y,"data-testid":"Stories",children:t.map((n,t)=>(0,e.jsx)(eK,{children:C(n)},t))}),t.length>1&&(0,e.jsxs)(eU,{$columnWidth:r,$imageHeight:p,"data-fits-row":!y,children:[(0,e.jsx)(nq.Direction,{type:"button","aria-label":a("scrollLeft"),onClick:m,disabled:"beginning"===d,children:(0,e.jsx)(nb.Chevron,{$direction:"left"})}),(0,e.jsx)(nq.Direction,{type:"button","aria-label":a("scrollRight"),onClick:g,disabled:"end"===d,children:(0,e.jsx)(nb.Chevron,{$direction:"right"})})]})]}):(0,e.jsx)(eB,{$spacing:"none",$inlineMargin:0,$retractTrailingGap:!o,"data-testid":"Stories",$columns:{xs:6,l:12},children:t.map((n,t)=>(0,e.jsx)(i.Column,{$spans:b,children:C(n)},t))})};function eQ(){let n=(0,t._)(["\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 1;\n"]);return eQ=function(){return n},n}function eJ(){let n=(0,t._)(["\n  text-decoration: none;\n"]);return eJ=function(){return n},n}function eZ(){let n=(0,t._)(["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      text-align: ",";\n      justify-content: ",";\n\n      "," {\n        text-align: ",";\n        justify-content: ",";\n      }\n\n      "," {\n        text-align: ",";\n        justify-content: ",";\n      }\n\n      "," {\n        text-align: ",";\n        justify-content: ",";\n      }\n\n      "," {\n        text-align: ",";\n        justify-content: ",";\n      }\n\n      "," {\n        text-align: ",";\n        justify-content: ",";\n      }\n\n      h3 {\n        margin: 24px;\n      }\n    "]);return eZ=function(){return n},n}let e0=l.default.div.withConfig({displayName:"StoriesOverlayTitle__Container",componentId:"sc-468f0710-0"})(eQ()),e1=(0,l.default)(e0).withConfig({displayName:"StoriesOverlayTitle__LinkedContainer",componentId:"sc-468f0710-1"})(eJ()),e2=l.default.div.withConfig({displayName:"StoriesOverlayTitle__Content",componentId:"sc-468f0710-2"})(n=>
1{let{$horizontalPosition:e,$verticalPosition:t,theme:{bp:i}}=n,r=(0,M.default)(e),o=(0,M.default)((0,B.withVerticalDefault)(t,"center"));return(0,l.css)(eZ(),r.xs,o.xs,i.s,r.s,o.s,i.m,r.m,o.m,i.l,r.l,o.l,i.xl,r.xl,o.xl,i.xxl,r.xxl,o.xxl)}),e6=n=>{let{link:t,children:i}=n;return t?(0,e.jsx)(e1,{as:X.default,href:t,children:i}):(0,e.jsx)(e0,{children:i})},e3=n=>{let{columnWidth:t,header:i,textColor:r,link:l,horizontalPosition:o,verticalPosition:a}=n,{title:s}=i;return(0,e.jsx)(e6,{link:l,children:(0,e.jsx)(e2,{$verticalPosition:a,$horizontalPosition:o,children:(0,e.jsx)(V.Display,{as:"h3",$variant:"1",$size:(n=>{let{columnWidth:e}=n;switch(e){case 4:return{xs:"2XS",xxl:"XS"};case 3:return{xs:"2XS",xl:"XS",xxl:"S"};case 2:return{xs:"2XS",l:"XS",xl:"S",xxl:"M"};default:return{xs:"2XS",m:"XS",l:"S",xl:"M",xxl:"L"}}})({columnWidth:t}),$textColor:(0,W.getColor)({textColor:r}),children:s})})})};function e5(){let n=(0,t._)(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n"]);return e5=function(){return n},n}function e4(){let n=(0,t._)(["\n    margin-bottom: -16px;\n\n    "," {\n      margin-bottom: -18px;\n    }\n\n    "," {\n      margin-bottom: -24px;\n    }\n  "]);return e4=function(){return n},n}let e8=[{xs:1},{xs:.5},{xs:1,m:.333333},{xs:.5,xl:.25}],e9=(0,l.default)(i.Column).withConfig({displayName:"StoriesOverlay__Column",componentId:"sc-e50b1086-0"})(e5()),e7=(0,l.default)(i.Grid).withConfig({displayName:"StoriesOverlay__Grid",componentId:"sc-e50b1086-1"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(e4(),e.m,e.l)}),tn=n=>{let{storySource:t,columnWidth:i}=n;return(0,e.jsx)(e7,{$spacing:"none",$inlineMargin:0,$columns:{xs:6,l:12},children:t.map((n,t)=>{let{link:r,media:l,header:o,textColor:a,horizontalPosition:s,verticalPosition:c}=n,d=(n=>{switch(n){case 4:return{xs:3,l:6,xl:3};case 3:return{xs:6,m:2,l:4};case 2:return{xs:3,l:6};case 1:return{xs:6,l:12}}})(i),u=e8[i-1];return(0,e.jsxs)(e9,{$spans:d,children:[(0,e.jsx)(G.default,{url:r,onClickCallback:()=>{var n;let e,t;return e=(null==(n=l.xs)?void 0:n.image.title)||o.title,t={link:r,title:o.title},(0,U.triggerSelectContent)("Story CTA - media",e,t,globalThis.window)},children:(0,e.jsx)(nr.default,{vwRelativeWidth:u,...l})}),(0,e.jsx)(e3,{columnWidth:i,header:o,textColor:a,horizontalPosition:s,verticalPosition:c,link:r})]},t)})})};function te(){let n=(0,t._)(["\n  & > p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n"]);return te=function(){return n},n}function tt(){let n=(0,t._)(["\n    text-decoration: 'underline';\n    margin-right: 0;\n\n    "," {\n      margin-right: 16px;\n    }\n  "]);return tt=function(){return n},n}function ti(){let n=(0,t._)(["\n    "," {\n      display: none;\n    }\n  "]);return ti=function(){return n},n}function tr(){let n=(0,t._)(["\n    grid-row: 1 / span ",";\n  "]);return tr=function(){return n},n}let tl=(0,l.default)(r.Longform).withConfig({displayName:"TwoColumnsListing__ContentLongform",componentId:"sc-44f0d959-0"})(te()),to=(0,l.default)(D.Title).withConfig({displayName:"TwoColumnsListing__ActionTitle",componentId:"sc-44f0d959-1"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(tt(),e.l)}),ta=(0,l.default)(u.default).withConfig({displayName:"TwoColumnsListing__DisappearingGap",componentId:"sc-44f0d959-2"})(n=>{let{theme:{bp:e}}=n;return(0,l.css)(ti(),e.l)}),ts=(0,l.default)(i.Column).withConfig({displayName:"TwoColumnsListing__TitleColumn",componentId:"sc-44f0d959-3"})(n=>{let{rows:e}=n;return(0,l.css)(tr(),e)}),tc=n=>{let{header:t,content:r}=n,l=r.reduce((n,e)=>e?n+1:n,0);return(0,e.jsxs)(i.Grid,{$columns:{xs:6,l:12},children:[(0,e.jsxs)(ts,{$starts:1,$spans:{xs:6,m:3,l:6},rows:l,children:[(0,e.jsx)(D.Title,{$variant:"1",$size:{xs:"S",l:"M"},children:t.title}),t.description?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:8}),(0,e.jsx)(K.Statement,{$variant:"1",$size:"2XS",children:t.description})]}):null,t.actions.length?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u.default,{size:16}),t.actions.map((n,i)=>{let{link:r,title:l}=n;return(0,e.jsxs)(c.Fragment,{children:[(0,e.jsx)(to,{as:X.default,href:r,$variant:"1",$size:"2XS",children:l}),i<t.actions.length-1?(0,e.jsx)(ta,{size:16}):null]},i)})]}):null,(0,e.jsx)(u.default,{size:{xs:32,m:0}})]}),(0,e.jsx)(i.Column,{$starts:{xs:1,m:4,l:7},$spans:{xs:6,m:3,l:6},children:(0,e.jsx)(tl,{$variant:"1",$size:{xs:"XS",xl:"S"},children:(0,e.jsx)(n4.default,{content:r[0]})})}),r[1]?(0,e.jsxs)(i.Column,{$starts:{xs:1,m:4,l:7},$spans:{xs:6,m:3,l:6},children:[(0,e.jsx)(u.default,{size:{xs:16,m:32}}),(0,e.jsx)(tl,{$variant:"1",$size:{xs:"XS",xl:"S"},children:(0,e.jsx)(n4.default,{content:r[1]})})]}):null,r[2]?(0,e.jsxs)(i.Column,{$starts:{xs:1,m:4,l:7},$spans:{xs:6,m:3,l:6},children:[(0,e.jsx)(u.default,{size:{xs:16,m:32}}),(0,e.jsx)(tl,{$variant:"1",$size:{xs:"XS",xl:"S"},children:(0,e.jsx)(n4.default,{content:r[2]})})]}):null,r[3]?(0,e.jsxs)(i.Column,{$starts:{xs:1,m:4,l:7},$spans:{xs:6,m:3,l:6},children:[(0,e.jsx)(u.default,{size:{xs:16,m:32}}),(0,e.jsx)(tl,{$variant:"1",$size:{xs:"XS",xl:"S"},children:(0,e.jsx)(n4.default,{content:r[3]})})]}):null]})},td=new Set(["Hero","HeroHalf","HeroCarousel","Stories","ProductRail"]);n.s(["default",0,n=>{let{slots:t,displayMode:i}=n;return(0,e.jsx)(e.Fragment,{children:t.reduce((n,t,r,l)=>{var o,a,c;let f=(a=null==(o=l[r-1])?void 0:o.blockType,c=t.blockType,!a||td.has(c)&&td.has(a)?null:"Header"===a?{xs:32}:"ProductMosaic"===a&&"ProductGrid"===c||"ProductGrid"===a&&"ProductMosaic"===c?{xs:32,l:48}:{xs:64,l:96});switch(f&&n.push((0,e.jsx)(u.default,{size:f},"".concat(r,"-spacer"))),t.blockType){case"Stories":return n.push((0,e.jsx)(eY,{...t},r)),n;case"StoriesOverlay":return n.push((0,e.jsx)(tn,{...t},r)),n;case"HeroCarousel":return n.push((0,e.jsx)(nK,{displayMode:i,...t,isFirstSlot:0===r},r)),n;case"Hero":return n.push((0,e.jsx)(nc,{...t,isFirstSlot:0===r},r)),n;case"DashHudsonUGC":return n.push((0,e.jsx)(d,{...t},r)),n;case"GrapheneHcRecommendationsCarousel":return n.push((0,e.jsx)(ev,{...t},r)),n;case"GrapheneHcRecommendationsGrid":return n.push((0,e.jsx)(ey,{...t},r)),n;case"HeroHalf":return n.push((0,e.jsx)(nw,{...t},r)),n;case"TwoColumnsListing":return n.push((0,e.jsx)(tc,{...t},r)),n;case"ProductRail":return n.push((0,e.jsx)(nq.default,{...t},r)),n;case"ProductMosaic":return n.push((0,e.jsx)(em,{...t},r)),n;case"RichText":return n.push((0,e.jsx)(ej.default,{...t},r)),n;case"SplitHero":return n.push((0,e.jsx)(eP,{displayMode:i,...t,isFirstSlot:0===r},r)),n;case"Subscribe":return n.push((0,e.jsx)(nU.default,{inline:!0},r)),n;case"ProductGrid":return n.push((0,e.jsx)(es,{...t},r)),n;
1case"Picture":return n.push((0,e.jsx)(er,{...t},r)),n;case"Outfit":return n.push((0,e.jsx)(n5,{...t},r)),n;case"Contributors":return n.push((0,e.jsx)(s,{...t},r)),n;case"Header":return n.push((0,e.jsx)(h.default,{headerLevel:"h2",...t},r)),n;case"SizeGuideTabs":return n.push((0,e.jsx)(e_.default,{...t},r)),n;default:return n}},[])})}],405016),n.s([],607977)},558313,617518,n=>{"use strict";var e=n.i(892510);n.i(668626);var t=n.i(288245),i=n.i(997053);function r(){let n=(0,e._)(["\n    picture,\n    video {\n      height: 100%;\n    }\n\n    picture {\n      width: 100%;\n      aspect-ratio: 4 / 5;\n      /* When the tile is taller than 4/5 (e.g. it spans two product rows), the\n         aspect-ratio would otherwise derive the width from the definite height\n         (height × 4/5) and, via flex min-content sizing, let the image overflow\n         into the neighbouring column. min-width: 0 lets width: 100% win so the\n         image stays column-width and object-fit: cover crops vertically. */\n      min-width: 0;\n    }\n\n    picture img,\n    video {\n      object-fit: cover;\n    }\n\n    /* Stretch the overlay Story (and its image link) to the tile's fixed height\n       so the image covers the whole tile with the caption on top. min-width: 0\n       so the flex image link can shrink to the column width rather than to its\n       image's intrinsic (aspect-ratio-derived) width. */\n    [data-type='StoryOverlay'],\n    [data-type='CtaBlockLink'] {\n      height: 100%;\n      min-width: 0;\n    }\n  "]);return r=function(){return n},n}let l=(0,i.default)(t.Column).withConfig({displayName:"InlineStoryColumn",componentId:"sc-f33103d5-0"})(()=>(0,i.css)(r()));n.s(["default",0,l],617518),n.s([],558313)}]);
2
3//# sourceMappingURL=0si3xho9a741f.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.