.ux-spot{--sp-header: var(--sticky-area-height, 73px);--sp-vis: calc(100svh - var(--sp-header));--sp-ink: var(--ux-color-text-primary, #1C1C1C);--sp-paper: var(--ux-color-bg-page, #FFFFFF);--sp-belgravia: var(--ux-grey, #E0E0D9);--sp-cadogan: var(--ux-grey-border, #DCD5C9);--sp-hover: var(--ux-color-bg-inverse-hover, #3D3D3C);--sp-subdued: var(--ux-color-text-subdued, rgb(28 28 28 / .65));--sp-hero: #1E2F21;--sp-roof: #34564A;--sp-leaf: #8FB59A;--sp-display: var(--heading-font-family);--sp-text: var(--text-font-family);--sp-gutter: clamp(20px, 3.4vw, 48px);--sp-pad: clamp(32px, 5vw, 80px);--sp-h1: clamp(28px, 2.8vw, 40px);--sp-h2: clamp(22px, 2vw, 28px);position:relative;overflow:clip;font:16px/1.65 var(--sp-text);color:var(--sp-ink);background:var(--sp-paper);-webkit-font-smoothing:antialiased}.ux-spot *,.ux-spot *:before,.ux-spot *:after{box-sizing:border-box}.ux-spot :where(h1,h2,h3,p,ol,ul,figure){margin:0}.ux-spot :where(h1,h2,h3),.ux-spot .sp-caps,.ux-spot .sp-btn,.ux-spot .sp-eyebrow{font-family:var(--sp-display);font-weight:400;text-transform:uppercase;letter-spacing:0}.ux-spot h2{font-size:var(--sp-h2);line-height:1.4}.ux-spot h3{font-size:18px;line-height:1.5}.ux-spot .sp-eyebrow{font-size:14px;line-height:1.7;color:var(--sp-subdued)}.ux-spot .sp-small{font-size:14px;line-height:1.6;color:var(--sp-subdued)}.ux-spot a{color:inherit}.ux-spot img,.ux-spot video{display:block;max-width:100%}.ux-spot button{font:inherit;color:inherit}.ux-spot[data-sp-intro] .sp-hero-text,.ux-spot[data-sp-intro] .sp-hero-film{visibility:hidden}.ux-spot .sp-hprobe{position:absolute;top:0;left:0;width:0;height:var(--sp-header);visibility:hidden;pointer-events:none}.ux-spot .sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid currentColor;background:none;cursor:pointer;border-radius:0}.ux-spot .sp-btn.sp-primary{background:var(--sp-ink);color:var(--sp-paper);border-color:var(--sp-ink)}.ux-spot .sp-btn.sp-primary:hover{background:var(--sp-hover);border-color:var(--sp-hover)}.ux-spot .sp-btn:not(.sp-primary):hover{background:var(--sp-ink);color:var(--sp-paper);border-color:var(--sp-ink)}.ux-spot .sp-dark .sp-btn.sp-primary{background:var(--sp-paper);color:var(--sp-ink);border-color:var(--sp-paper)}.ux-spot .sp-dark .sp-btn.sp-primary:hover{background:var(--sp-belgravia);border-color:var(--sp-belgravia)}.ux-spot .sp-dark .sp-btn:not(.sp-primary):hover{background:var(--sp-paper);color:var(--sp-ink);border-color:var(--sp-paper)}.ux-spot .sp-link{font:16px/1.2 var(--sp-display);text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;display:inline-block}.ux-spot .sp-actions{display:flex;flex-wrap:wrap;gap:12px}.ux-spot .sp-dark{color:var(--sp-paper)}.ux-spot .sp-dark .sp-eyebrow,.ux-spot .sp-dark .sp-small,.ux-spot .sp-dark .sp-meta{color:#ffffffb8}.ux-spot .sp-btn.sp-learn{gap:12px}.ux-spot .sp-btn .sp-chev{width:16px;height:16px;flex:none;animation:sp-chev 1.8s ease-in-out infinite}@keyframes sp-chev{50%{transform:translateY(3px)}}.ux-spot .sp-btn.sp-learn-page .sp-chev{transform:rotate(-90deg);animation-name:sp-chev-on}@keyframes sp-chev-on{50%{transform:rotate(-90deg) translateY(3px)}}@media(prefers-reduced-motion:reduce){.ux-spot .sp-btn .sp-chev{animation:none}}.ux-spot .pin-spacer{pointer-events:none}.ux-spot .sp-panel{position:relative;pointer-events:auto;min-height:var(--sp-vis);box-shadow:0 100vh 0 0 var(--bg, transparent)}.ux-spot .sp-panel.sp-last{box-shadow:none}.ux-spot .sp-gap{height:0}.ux-spot .sp-hero{--sp-hero-h: calc(100svh - var(--sp-header) - var(--sp-hero-top, 0px) - var(--sp-tray, 0px));height:var(--sp-hero-h);min-height:0;background:var(--sp-hero);overflow:hidden;box-shadow:0 var(--sp-hero-h) 0 0 var(--bg, transparent),0 100vh 0 0 var(--bg, transparent)}html.ux-palette-tray-open .ux-spot .sp-hero{--sp-tray: 64px}html.ux-consult-bar-open .ux-spot .sp-hero{--sp-tray: var(--ux-consult-bar-height, 0px)}@media(min-width:1000px){html.ux-palette-tray-open:not(.ux-consult-bar-open) .ux-spot .sp-hero{--sp-tray: 72px}}.ux-spot .sp-hero-in{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}.ux-spot .sp-hero-text{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,28px);padding:clamp(24px,4.4vh,48px) var(--sp-gutter);min-width:0}.ux-spot .sp-title{position:relative;font-size:var(--fs, 140px);line-height:.92}.ux-spot .sp-title .sp-line{display:block;white-space:nowrap}.ux-spot .sp-name{position:relative;display:inline-block}.ux-spot .sp-base,.ux-spot .sp-coat{white-space:nowrap}.ux-spot .sp-base{position:relative;display:inline-block;vertical-align:top}.ux-spot .sp-coat{position:absolute;left:0;top:0;color:var(--sp-leaf);pointer-events:none}.ux-spot .sp-name .sp-ch,.ux-spot .sp-name .sp-cc,.ux-spot .sp-name .sp-s,.ux-spot .sp-name .sp-yfly{display:inline-block}.ux-spot .sp-name .sp-s,.ux-spot .sp-name .sp-yfly{position:absolute;top:0}.ux-spot .sp-name .sp-ch,.ux-spot .sp-name .sp-cc{padding:0 .12em;margin:0 -.12em}.ux-spot .sp-name .sp-s,.ux-spot .sp-name .sp-yfly{padding:0 .12em}.ux-spot .sp-name .sp-yfly{color:var(--sp-leaf)}.ux-spot .sp-name.is-pouring .sp-coat .sp-cc:last-child{visibility:hidden}.ux-spot .sp-name .sp-cc-my{visibility:hidden}.ux-spot .sp-base .sp-ch:nth-child(n+3){visibility:hidden}.ux-spot .sp-name.is-pouring .sp-base .sp-ch:nth-child(n+3){visibility:visible}.ux-spot .sp-name.is-pouring .sp-base .sp-ch.sp-y{visibility:hidden}.ux-spot .sp-hero-copy{display:grid;gap:16px;max-width:520px}.ux-spot .sp-hero-copy .sp-lead-short{display:none}.ux-spot .sp-meta{font:14px/1.7 var(--sp-display);text-transform:uppercase}.ux-spot .sp-meta-short{display:none}.ux-spot .sp-hero-count{margin-top:auto;padding-top:clamp(8px,3vh,40px);display:grid;gap:4px}.ux-spot .sp-hero-count .sp-big{font:var(--sp-h1)/1.1 var(--sp-display);text-transform:uppercase;font-variant-numeric:tabular-nums}.ux-spot .sp-hero-count .sp-big b{font-weight:400;color:var(--sp-leaf);font-size:.5em;margin-left:.06em}.ux-spot .sp-hero-text.sp-wide{display:grid;grid-template-columns:minmax(0,520px) auto;grid-template-rows:auto auto minmax(0,1fr);justify-content:space-between;column-gap:var(--sp-pad)}.ux-spot .sp-hero-text.sp-wide>.sp-eyebrow,.ux-spot .sp-hero-text.sp-wide>.sp-title{grid-column:1 / -1;contain:inline-size}.ux-spot .sp-hero-text.sp-wide>.sp-hero-copy,.ux-spot .sp-hero-text.sp-wide>.sp-hero-count{align-self:end;margin-top:0;padding-top:0}.ux-spot .sp-hero-text.sp-wide .sp-big{white-space:nowrap}.ux-spot .sp-hero-film{position:relative;height:100%;aspect-ratio:9 / 16;background:#000;overflow:hidden}.ux-spot .sp-hero-film video,.ux-spot .sp-hero-film img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ux-spot .sp-hero-film .sp-watch{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;background:var(--sp-paper);color:var(--sp-ink);border:0;font:14px/1 var(--sp-display);text-transform:uppercase;padding:14px 18px 13px;cursor:pointer}.ux-spot .sp-hero-film .sp-watch:before{content:"";width:0;height:0;border-left:10px solid var(--sp-ink);border-top:6px solid transparent;border-bottom:6px solid transparent}.sp-film-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ux-color-text-primary, #1C1C1C);z-index:1000;opacity:0;visibility:hidden}.sp-film-open{position:fixed;z-index:1001;background:#000;overflow:hidden;visibility:hidden}.sp-film-open video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.sp-film-open .sp-close{position:absolute;right:12px;top:12px;z-index:2;border:1px solid #fff;background:var(--ux-color-text-primary, #1C1C1C);color:#fff;font:14px/1 var(--heading-font-family);text-transform:uppercase;padding:10px 12px 9px;cursor:pointer;border-radius:0}.ux-spot .sp-how{background:var(--sp-paper)}.ux-spot .sp-how-pin{height:var(--sp-vis);padding:24px var(--sp-gutter);display:grid;grid-template-columns:minmax(0,640px) auto;justify-content:center;gap:clamp(40px,7vw,128px);align-items:center}.ux-spot .sp-how-copy{display:grid;gap:24px}.ux-spot .sp-steps-wrap{position:relative;padding-left:24px}.ux-spot .sp-steps{list-style:none;padding:0;display:grid}.ux-spot .sp-steps li{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;padding:22px 0;border-top:1px solid var(--sp-cadogan);transition:opacity .3s;opacity:.36}.ux-spot .sp-steps li.is-on{opacity:1}.ux-spot .sp-steps li .sp-n{font:var(--sp-h1)/1 var(--sp-display);color:var(--sp-subdued);grid-row:span 3}.ux-spot .sp-steps li.is-on .sp-n{color:var(--sp-roof)}.ux-spot .sp-steps li .sp-actions{margin-top:14px}.ux-spot .sp-track{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--sp-cadogan)}.ux-spot .sp-track b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-roof);transform-origin:50% 0;transform:scaleY(0)}.ux-spot .sp-handles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ux-spot .sp-handle{font:14px/1.7 var(--sp-text);border:1px solid var(--sp-cadogan);background:var(--sp-paper);padding:6px 12px;cursor:pointer;border-radius:0}.ux-spot .sp-handle:after{content:"Copy";margin-left:10px;font-family:var(--sp-display);text-transform:uppercase;color:var(--sp-subdued)}.ux-spot .sp-handle.is-copied:after{content:"Copied";color:var(--sp-roof)}.ux-spot .sp-phone{position:relative;height:min(760px,calc(var(--sp-vis) - 64px));aspect-ratio:9 / 16;background:var(--sp-ink);overflow:hidden}.ux-spot .sp-phone>*{position:absolute}.ux-spot .sp-ph-photo{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ux-spot .sp-ph-finder{top:14%;right:8%;bottom:22%;left:8%}.ux-spot .sp-ph-finder i{position:absolute;width:24px;height:24px;border:0 solid var(--sp-paper)}.ux-spot .sp-ph-finder .sp-tl{left:0;top:0;border-width:2px 0 0 2px}.ux-spot .sp-ph-finder .sp-tr{right:0;top:0;border-width:2px 2px 0 0}.ux-spot .sp-ph-finder .sp-bl{left:0;bottom:0;border-width:0 0 2px 2px}.ux-spot .sp-ph-finder .sp-br{right:0;bottom:0;border-width:0 2px 2px 0}.ux-spot .sp-ph-shutter{left:50%;bottom:5%;width:56px;height:56px;margin-left:-28px;border-radius:50%;border:3px solid var(--sp-paper)}.ux-spot .sp-ph-shutter:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--sp-paper)}.ux-spot .sp-ph-flash{top:0;right:0;bottom:0;left:0;background:var(--sp-paper);opacity:0}.ux-spot .sp-ph-label{left:16px;top:16px;background:var(--sp-paper);padding:6px 10px 5px;font:14px/1 var(--sp-display);text-transform:uppercase}.ux-spot .sp-ph-bars{left:10px;right:10px;top:10px;display:flex;gap:4px}.ux-spot .sp-ph-bars i{flex:1;height:2px;background:#ffffff73;position:relative}.ux-spot .sp-ph-bars b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-paper);transform-origin:0 50%;transform:scaleX(0)}.ux-spot .sp-ph-tag{background:var(--sp-paper);color:var(--sp-ink);font:16px/1 var(--sp-text);padding:9px 12px 8px;white-space:nowrap}.ux-spot .sp-ph-tag.sp-t1{left:10%;top:18%;rotate:-4deg}.ux-spot .sp-ph-tag.sp-t2{right:8%;top:27%;rotate:3deg}.ux-spot .sp-ph-tag .sp-char{opacity:0}.ux-spot .sp-ph-post{left:50%;bottom:5%;translate:-50% 0;background:var(--sp-paper);color:var(--sp-ink);font:14px/1 var(--sp-display);text-transform:uppercase;padding:12px 16px 11px;white-space:nowrap}.ux-spot .sp-ph-sheet{left:0;right:0;bottom:0;background:var(--sp-paper);padding:20px 16px 24px;display:grid;gap:14px}.ux-spot .sp-ph-sheet .sp-ph-h{font:14px/1 var(--sp-display);text-transform:uppercase;color:var(--sp-subdued)}.ux-spot .sp-ph-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px}.ux-spot .sp-ph-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-spot .sp-ph-av{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--sp-cadogan)}.ux-spot .sp-ph-av.sp-av-m{background:var(--sp-ink);color:var(--sp-paper);font:16px/1 var(--sp-display);border-color:var(--sp-ink)}.ux-spot .sp-ph-av.sp-av-p:before{content:"";width:28px;height:29px;background:var(--sp-ink);-webkit-mask:var(--sp-pgp-mark) center / contain no-repeat;mask:var(--sp-pgp-mark) center / contain no-repeat}.ux-spot .sp-ph-follow{display:grid;font:14px/1 var(--sp-display);text-transform:uppercase;background:var(--sp-ink);color:var(--sp-paper);border:1px solid var(--sp-ink);text-align:center;overflow:hidden}.ux-spot .sp-ph-follow>span{grid-area:1 / 1;padding:9px 12px 8px}.ux-spot .sp-ph-follow .sp-done{background:var(--sp-paper);color:var(--sp-ink)}.ux-spot .sp-ph-public{font-size:14px;color:var(--sp-subdued);display:flex;gap:8px;align-items:center}.ux-spot .sp-ph-public b{font-weight:400;color:var(--sp-roof)}.ux-spot .sp-prize{background:var(--sp-ink)}.ux-spot .sp-prize-in{height:var(--sp-vis);display:grid;grid-template-columns:1fr 1fr}.ux-spot .sp-room{position:relative;margin:0;overflow:hidden}.ux-spot .sp-room svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ux-spot .sp-room figcaption{position:absolute;left:16px;bottom:16px;font-size:14px;background:var(--sp-paper);color:var(--sp-ink);padding:6px 10px 5px}.ux-spot .sp-prize-copy{display:grid;gap:40px;align-content:center;padding:48px var(--sp-pad)}.ux-spot .sp-prize-copy .sp-sub{font-size:20px;line-height:1.5}.ux-spot .sp-figures{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ux-spot .sp-figure{border-top:1px solid rgb(255 255 255 / .3);padding-top:24px;display:grid;gap:8px;align-content:start}.ux-spot .sp-figure .sp-big{font:clamp(40px,4.4vw,64px)/1.1 var(--sp-display);text-transform:uppercase}.ux-spot .sp-figure .sp-big .sp-num{font-variant-numeric:tabular-nums}.ux-spot .sp-figure p:not(.sp-big){color:#ffffffb8}.ux-spot .sp-partner{background:var(--sp-hero);display:grid;grid-template-columns:1fr 1fr;min-height:var(--sp-vis)}.ux-spot .sp-partner-photo{position:relative;overflow:hidden}.ux-spot .sp-partner-photo img{position:absolute;left:0;top:-8%;width:100%;height:116%;max-width:none;object-fit:cover;object-position:50% 62%}.ux-spot .sp-partner-copy{display:grid;gap:16px;align-content:center;justify-items:center;text-align:center;padding:96px var(--sp-pad)}.ux-spot .sp-partner-copy h2{font-size:var(--sp-h1);line-height:1.3;text-wrap:balance}.ux-spot .sp-partner-copy p{max-width:520px}.ux-spot .sp-pgp{width:clamp(160px,15vw,240px);aspect-ratio:283 / 290;margin-bottom:16px;background:var(--sp-paper);-webkit-mask:var(--sp-pgp-mark) center / contain no-repeat;mask:var(--sp-pgp-mark) center / contain no-repeat}.ux-spot .sp-small-print{background:var(--sp-paper);padding:72px var(--sp-gutter) 120px}.ux-spot .sp-know-in{max-width:1344px;margin:0 auto 96px;display:grid;gap:32px}.ux-spot .sp-know{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.ux-spot .sp-know>div{border-top:1px solid var(--sp-cadogan);padding-top:20px;display:grid;gap:4px;align-content:start}.ux-spot .sp-know p{color:var(--sp-subdued)}.ux-spot .sp-tcs{width:min(760px,100%);margin:0 auto}.ux-spot .sp-tcs h2{margin-bottom:24px}.ux-spot .sp-tcs .sp-terms-intro{color:var(--sp-subdued);padding-bottom:18px;border-bottom:1px solid var(--sp-cadogan)}.ux-spot .sp-tcs .sp-term a{text-decoration:underline;text-underline-offset:3px}.ux-spot .sp-tcs details{border-bottom:1px solid var(--sp-cadogan);padding:18px 0}.ux-spot .sp-tcs summary{font:14px/1.7 var(--sp-display);text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.ux-spot .sp-tcs summary::-webkit-details-marker{display:none}.ux-spot .sp-tcs summary:after{content:"+";font:20px/1 var(--sp-text)}.ux-spot .sp-tcs details[open] summary:after{content:"\2013"}.ux-spot .sp-tcs details .sp-term{margin-top:12px}.ux-spot .sp-tcs details .sp-term p+p{margin-top:8px}.ux-spot .sp-tcs>.sp-small{margin-top:20px}@media(max-width:800px){.ux-spot .sp-hero-in{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.ux-spot .sp-hero-film{order:-1;height:100%;width:100%;aspect-ratio:auto}.ux-spot .sp-hero-film .sp-watch{left:12px;bottom:12px}.ux-spot .sp-hero-text{padding:20px 20px 24px;gap:12px}.ux-spot .sp-hero-copy .sp-lead-long{display:none}.ux-spot .sp-hero-count{margin-top:0;padding-top:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.ux-spot .sp-hero-count .sp-big{font-size:22px}.ux-spot .sp-meta-long{display:none}.ux-spot .sp-meta-short{display:inline}.ux-spot .sp-hero-copy .sp-lead-short{display:block}.ux-spot .sp-hero-copy .sp-btn{width:100%}.ux-spot .sp-how-pin{grid-template-columns:1fr;grid-template-rows:auto auto;padding:16px 20px;gap:16px;align-content:start;justify-items:center}.ux-spot .sp-how-copy{order:2;gap:0;justify-self:stretch}.ux-spot .sp-how-copy h2{display:none}.ux-spot .sp-phone{height:min(50svh,470px)}.ux-spot .sp-ph-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px}.ux-spot .sp-ph-av{width:32px;height:32px}.ux-spot .sp-ph-follow>span{padding:8px}.ux-spot .sp-ph-sheet{padding:16px 12px 18px;gap:10px}.ux-spot .sp-steps li{display:none;opacity:1;padding:12px 0 0;border:0;grid-template-columns:48px 1fr}.ux-spot .sp-steps li .sp-n{font-size:28px}.ux-spot .sp-steps li.is-on{display:grid}.ux-spot .sp-steps li .sp-actions{flex-direction:column}.ux-spot .sp-steps li .sp-btn{width:100%;min-height:44px;padding:0 12px;font-size:14px}.ux-spot .sp-track{display:none}.ux-spot .sp-steps-wrap{padding-left:0}.ux-spot .sp-prize-in{height:auto;grid-template-columns:1fr}.ux-spot .sp-room{aspect-ratio:4 / 5}.ux-spot .sp-prize-copy{padding:40px 20px 72px}.ux-spot .sp-figures{grid-template-columns:1fr;gap:0}.ux-spot .sp-figure{padding:20px 0}.ux-spot .sp-prize-copy .sp-sub{font-size:18px}.ux-spot .sp-partner{grid-template-columns:1fr}.ux-spot .sp-partner-photo{aspect-ratio:3 / 2}.ux-spot .sp-partner-copy{padding:40px 20px 72px}.ux-spot .sp-pgp{width:160px;margin-bottom:8px}.ux-spot .sp-small-print{padding:40px 20px 72px}.ux-spot .sp-know{grid-template-columns:1fr;gap:0}.ux-spot .sp-know>div{padding:20px 0}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/ux-spot.css.map */