#bemi-colour-ending{--ending-color:rgb(239,224,239);--ending-blend:220px;position:relative;background:linear-gradient(180deg,rgba(239,224,239,0),var(--ending-color) var(--ending-blend));color:#24191e}#bemi-colour-ending .one-more-colour{display:block;width:100%;max-width:none;margin:0;padding:300px 0 48px;background:none;color:inherit;overflow:visible}.ending-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}#bemi-colour-ending .looks-copy{max-width:none;width:100%;margin:0;grid-area:auto;justify-self:stretch;position:static;transform:none;padding:0}#bemi-colour-ending h2{font-size:clamp(48px,5.8vw,84px);line-height:1.02;letter-spacing:-.03em;margin:0 0 24px}.ending-intro{font-size:18px;margin:0 0 36px}#bemi-colour-ending .look-photo{display:block;grid-area:auto;justify-self:stretch;position:static;inset:auto;width:100%;height:auto;max-width:none;aspect-ratio:1;margin:0;padding:0;transform:none;mask:none;-webkit-mask:none;overflow:hidden;touch-action:pan-y;background:transparent}#bemi-colour-ending .look-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask:none;-webkit-mask:none;transform:none;filter:none}.ending-swatches{display:flex;gap:10px;align-items:start;margin:0 0 28px}.ending-swatch{-webkit-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:inherit;width:68px;min-height:100px;padding:5px 4px 8px;cursor:pointer;border-radius:0;position:relative}.ending-swatch img{display:block;width:48px;height:66px;object-fit:contain;margin:auto auto 8px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.ending-swatch span{font:inherit;font-size:12px}.ending-swatch:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:currentColor;opacity:0;transform:scaleX(.5);transition:opacity .25s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.ending-swatch:is([aria-pressed=true],:hover,:focus-visible):after{opacity:1;transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.ending-swatch:hover img{transform:translateY(-5px)}}#bemi-colour-ending :focus-visible{outline:2px solid currentColor;outline-offset:5px}#bemi-colour-ending .ending-swatch:focus-visible{outline:none}.ending-swatch:focus-visible:after{height:2px}@media(prefers-reduced-motion:reduce){.ending-swatch img,.ending-swatch:after{transition:none}.ending-swatch:hover img{transform:none}}.ending-detail{min-height:82px}.ending-detail h3{font-size:36px;line-height:1.1;margin:0 0 8px}.ending-detail p{font-size:14px;margin:0 0 22px}.ending-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.ending-actions a,.ending-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:8px 0;font:inherit;cursor:pointer;text-decoration:none}.ending-actions button{border:1px solid currentColor;padding:8px 18px}.ending-actions a{position:relative;border-bottom:0}.ending-actions a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .4s var(--ease)}.ending-actions a:is(:hover,:focus-visible):after{transform:scaleX(.55)}.ending-actions button{transition:background-color .25s ease-out,color .25s ease-out,border-color .25s ease-out}.ending-actions button:is(:hover,:focus-visible){background:#24191e;border-color:#24191e;color:var(--ending-color,#f4f1d8)}.ending-status{font-size:13px;min-height:20px;margin:12px 0 0}#bemi-colour-ending footer{background:transparent!important;color:inherit;padding-bottom:max(24px,env(safe-area-inset-bottom))}#bemi-colour-ending .footer-main,#bemi-colour-ending .footer-bottom{background:transparent!important;color:inherit}#bemi-colour-ending footer h2{font-size:clamp(28px,3vw,40px);margin-bottom:16px}#bemi-colour-ending footer a,#bemi-colour-ending footer p{color:inherit}#bemi-colour-ending footer#about :is(.footer-links,.footer-service-links) a{position:relative;text-decoration:none}#bemi-colour-ending footer#about :is(.footer-links,.footer-service-links) a:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}#bemi-colour-ending footer#about :is(.footer-links,.footer-service-links) a:is(:hover,:focus-visible):after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.ending-actions a:after,.ending-actions button,#bemi-colour-ending footer#about :is(.footer-links,.footer-service-links) a:after{transition:none}}@media(max-width:760px){#bemi-colour-ending{--ending-blend:160px}#bemi-colour-ending .one-more-colour{padding:210px 0 24px}.ending-layout{grid-template-columns:1fr;gap:24px}#bemi-colour-ending .looks-copy{display:contents}.ending-heading{grid-row:1}#bemi-colour-ending .look-photo{grid-row:2;width:100%;margin:0}.ending-controls{grid-row:3}#bemi-colour-ending h2{font-size:clamp(44px,12vw,60px);max-width:9ch;margin-bottom:16px}.ending-intro{margin:0;font-size:16px}.ending-swatches{gap:12px;margin-bottom:20px}.ending-swatch{width:64px}.ending-detail h3{font-size:32px}.ending-actions{gap:16px}#bemi-colour-ending footer h2{font-size:30px;max-width:none}}#bemi-colour-ending .footer-main{padding-top:64px}@media(max-width:760px){#bemi-colour-ending .footer-main{padding-top:32px}}#bemi-colour-ending .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}#bemi-colour-ending .footer-bottom .brand{justify-self:start}#bemi-colour-ending .footer-tagline{grid-column:2;text-align:center;margin:0}#bemi-colour-ending .footer-credit{text-align:center}@media(max-width:760px){#bemi-colour-ending .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:24px}#bemi-colour-ending .footer-tagline{width:100%;text-align:center}}#bemi-colour-ending{--ending-blend:480px;background:linear-gradient(180deg,color-mix(in srgb,var(--ending-color) 0%,transparent) calc(var(--ending-blend) * 0),color-mix(in srgb,var(--ending-color) .1284%,transparent) calc(var(--ending-blend) * .020833),color-mix(in srgb,var(--ending-color) .50637%,transparent) calc(var(--ending-blend) * .041667),color-mix(in srgb,var(--ending-color) 1.12305%,transparent) calc(var(--ending-blend) * .0625),color-mix(in srgb,var(--ending-color) 1.96759%,transparent) calc(var(--ending-blend) * .083333),color-mix(in srgb,var(--ending-color) 3.02915%,transparent) calc(var(--ending-blend) * .104167),color-mix(in srgb,var(--ending-color) 4.29688%,transparent) calc(var(--ending-blend) * .125),color-mix(in srgb,var(--ending-color) 5.75991%,transparent) calc(var(--ending-blend) * .145833),color-mix(in srgb,var(--ending-color) 7.40741%,transparent) calc(var(--ending-blend) * .166667),color-mix(in srgb,var(--ending-color) 9.22852%,transparent) calc(var(--ending-blend) * .1875),color-mix(in srgb,var(--ending-color) 11.21238%,transparent) calc(var(--ending-blend) * .208333),color-mix(in srgb,var(--ending-color) 13.34816%,transparent) calc(var(--ending-blend) * .229167),color-mix(in srgb,var(--ending-color) 15.625%,transparent) calc(var(--ending-blend) * .25),color-mix(in srgb,var(--ending-color) 18.03205%,transparent) calc(var(--ending-blend) * .270833),color-mix(in srgb,var(--ending-color) 20.55845%,transparent) calc(var(--ending-blend) * .291667),color-mix(in srgb,var(--ending-color) 23.19336%,transparent) calc(var(--ending-blend) * .3125),color-mix(in srgb,var(--ending-color) 25.92593%,transparent) calc(var(--ending-blend) * .333333),color-mix(in srgb,var(--ending-color) 28.7453%,transparent) calc(var(--ending-blend) * .354167),color-mix(in srgb,var(--ending-color) 31.64063%,transparent) calc(var(--ending-blend) * .375),color-mix(in srgb,var(--ending-color) 34.60106%,transparent) calc(var(--ending-blend) * .395833),color-mix(in srgb,var(--ending-color) 37.61574%,transparent) calc(var(--ending-blend) * .416667),color-mix(in srgb,var(--ending-color) 40.67383%,transparent) calc(var(--ending-blend) * .4375),color-mix(in srgb,var(--ending-color) 43.76447%,transparent) calc(var(--ending-blend) * .458333),color-mix(in srgb,var(--ending-color) 46.87681%,transparent) calc(var(--ending-blend) * .479167),color-mix(in srgb,var(--ending-color) 50%,transparent) calc(var(--ending-blend) * .5),color-mix(in srgb,var(--ending-color) 53.12319%,transparent) calc(var(--ending-blend) * .520833),color-mix(in srgb,var(--ending-color) 56.23553%,transparent) calc(var(--ending-blend) * .541667),color-mix(in srgb,var(--ending-color) 59.32617%,transparent) calc(var(--ending-blend) * .5625),color-mix(in srgb,var(--ending-color) 62.38426%,transparent) calc(var(--ending-blend) * .583333),color-mix(in srgb,var(--ending-color) 65.39894%,transparent) calc(var(--ending-blend) * .604167),color-mix(in srgb,var(--ending-color) 68.35938%,transparent) calc(var(--ending-blend) * .625),color-mix(in srgb,var(--ending-color) 71.2547%,transparent) calc(var(--ending-blend) * .645833),color-mix(in srgb,var(--ending-color) 74.07407%,transparent) calc(var(--ending-blend) * .666667),color-mix(in srgb,var(--ending-color) 76.80664%,transparent) calc(var(--ending-blend) * .6875),color-mix(in srgb,var(--ending-color) 79.44155%,transparent) calc(var(--ending-blend) * .708333),color-mix(in srgb,var(--ending-color) 81.96795%,transparent) calc(var(--ending-blend) * .729167),color-mix(in srgb,var(--ending-color) 84.375%,transparent) calc(var(--ending-blend) * .75),color-mix(in srgb,var(--ending-color) 86.65184%,transparent) calc(var(--ending-blend) * .770833),color-mix(in srgb,var(--ending-color) 88.78762%,transparent) calc(var(--ending-blend) * .791667),color-mix(in srgb,var(--ending-color) 90.77148%,transparent) calc(var(--ending-blend) * .8125),color-mix(in srgb,var(--ending-color) 92.59259%,transparent) calc(var(--ending-blend) * .833333),color-mix(in srgb,var(--ending-color) 94.24009%,transparent) calc(var(--ending-blend) * .854167),color-mix(in srgb,var(--ending-color) 95.70313%,transparent) calc(var(--ending-blend) * .875),color-mix(in srgb,var(--ending-color) 96.97085%,transparent) calc(var(--ending-blend) * .895833),color-mix(in srgb,var(--ending-color) 98.03241%,transparent) calc(var(--ending-blend) * .916667),color-mix(in srgb,var(--ending-color) 98.87695%,transparent) calc(var(--ending-blend) * .9375),color-mix(in srgb,var(--ending-color) 99.49363%,transparent) calc(var(--ending-blend) * .958333),color-mix(in srgb,var(--ending-color) 99.8716%,transparent) calc(var(--ending-blend) * .979167),color-mix(in srgb,var(--ending-color) 100%,transparent) calc(var(--ending-blend) * 1))}.surface-page:has(.bemi-color-art[data-color-art]) #bemi-colour-ending{background-color:var(--art-ending-start,#deafc3)}#bemi-colour-ending .one-more-colour{padding-top:560px}@media(max-width:760px){#bemi-colour-ending{--ending-blend:340px}#bemi-colour-ending .one-more-colour{padding-top:392px}}:is(.catalog-page,.product-page) #bemi-colour-ending{--ending-blend:220px}:is(.catalog-page,.product-page) #bemi-colour-ending .one-more-colour{padding-top:240px}.surface-page:has(.bemi-color-art[data-color-art]) #bemi-colour-ending{--ending-blend:220px}.surface-page:has(.bemi-color-art[data-color-art]) #bemi-colour-ending .one-more-colour{padding-top:240px}.ending-browse{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:420px;margin-bottom:10px}.ending-browse[hidden]{display:none}.ending-browse button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;padding:8px 0}.ending-browse p{font-size:12px;margin:0;font-variant-numeric:tabular-nums;text-align:center}.ending-browse svg{width:18px;height:18px}.ending-browse button:first-child svg{rotate:180deg}.ending-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px}.ending-swatches .ending-swatch{width:100%;min-width:0}.ending-swatch span{display:block;line-height:1.25;min-height:2.5em;overflow-wrap:anywhere}.ending-controls,#bemi-colour-ending .looks-copy{min-width:0}.ending-swatches{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;max-width:420px}.ending-swatches .ending-swatch{flex:0 0 calc((100% - 30px)/4);scroll-snap-align:start;scroll-snap-stop:always}@media(min-width:761px){.ending-swatches .ending-swatch{flex-basis:calc((100% - 40px)/5)}}@media(min-width:370px)and (max-width:760px){.ending-swatches{gap:8px}.ending-swatches .ending-swatch{flex-basis:calc((100% - 32px)/5);padding-inline:2px}.ending-swatch span{font-size:11px;white-space:nowrap;overflow-wrap:normal}}#bemi-colour-ending footer#about .footer-main{display:block}#bemi-colour-ending footer#about .footer-content{display:grid;grid-template-columns:max-content max-content;align-items:center;column-gap:clamp(48px,7vw,112px);row-gap:0;width:fit-content;max-width:100%;margin-inline:auto}#bemi-colour-ending footer#about .footer-intro{display:contents}#bemi-colour-ending footer#about .footer-intro h2{grid-column:1 / -1;grid-row:1;margin:0 0 24px}#bemi-colour-ending footer#about .footer-intro p{grid-column:1;grid-row:2;margin:0;white-space:nowrap}#bemi-colour-ending footer#about .footer-links{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(24px,3vw,48px);margin:0}#bemi-colour-ending footer#about .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}@media(max-width:1100px){#bemi-colour-ending footer#about .footer-content{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:24px;text-align:center}#bemi-colour-ending footer#about .footer-intro{display:block;max-width:100%}#bemi-colour-ending footer#about .footer-intro h2{margin:0 0 24px}#bemi-colour-ending footer#about .footer-intro p{white-space:normal}#bemi-colour-ending footer#about .footer-links{grid-column:1;grid-row:2;flex-wrap:wrap;gap:8px clamp(16px,4vw,32px)}}@media(min-width:761px){#bemi-colour-ending .footer-bottom .brand{grid-column:2;grid-row:1;justify-self:center}#bemi-colour-ending .footer-bottom .footer-tagline{grid-column:1;grid-row:1;justify-self:start;text-align:left}#bemi-colour-ending .footer-bottom .footer-credit{grid-column:3;grid-row:1}}@media(max-width:760px){.surface-page:has(.moods-intro) #bemi-colour-ending{--ending-blend:32px}.surface-page:has(.moods-intro) #bemi-colour-ending .one-more-colour{padding-top:32px}}html:has(footer#about[data-bemi-information]){background-color:#e9dff2}body:has(footer#about[data-bemi-information]){display:flex;flex-direction:column;min-height:100svh;background:transparent}body:has(footer#about[data-bemi-information]) #bemi-colour-ending{margin-top:auto;flex-shrink:0;width:100%}body:has(footer#about[data-bemi-information]) #main{min-height:0}body #bemi-colour-ending:has(footer#about[data-bemi-information]){background:transparent;color:#24191e}#bemi-colour-ending footer#about[data-bemi-information] .footer-main{display:none}#bemi-colour-ending #ending-heading{font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.02em}body.home.fall-launch #bemi-colour-ending .footer-main h2{font-size:clamp(28px,3vw,40px);line-height:1.02;letter-spacing:-.03em}@media(max-width:760px){#bemi-colour-ending #ending-heading{font-size:2.75rem}body.home.fall-launch #bemi-colour-ending .footer-main h2{font-size:30px}}body:is(.home,.catalog-page,.product-page,.surface-page) #bemi-colour-ending{--ending-blend:220px}body:is(.home,.catalog-page,.product-page,.surface-page) #bemi-colour-ending .one-more-colour{padding-top:240px}body.home.fall-launch #bemi-colour-ending footer#about .footer-main{padding-block:64px 80px;border-top:1px solid var(--line)}@media(max-width:760px){body.home.fall-launch #bemi-colour-ending footer#about .footer-main{padding-block:56px 32px}}body:is(.home,.catalog-page,.product-page,.surface-page) #bemi-colour-ending .ending-detail h3{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.2;letter-spacing:-.015em}body.surface-page:has(.moods-intro) #bemi-colour-ending,body.surface-page:has(#bemi-studio-obsession) #bemi-colour-ending{--ending-blend:220px}body.surface-page:has(.moods-intro) #bemi-colour-ending .one-more-colour,body.surface-page:has(#bemi-studio-obsession) #bemi-colour-ending .one-more-colour{padding-top:240px}body:has(#bemi-studio-obsession) #bemi-colour-ending .footer-main h2{font-size:clamp(28px,3vw,40px);line-height:1.02;letter-spacing:-.03em}@media(max-width:760px){body:has(#bemi-studio-obsession) #bemi-colour-ending .footer-main h2{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/bemi-ending.css.map */