@property --hero-px{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --hero-py{syntax: "<length>"; inherits: false; initial-value: 0px;}.image-banner{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;background-color:var(--color-ink);color:#fff;--hero-tile-near: 48px;--hero-tile-far: 112px;--hero-dur-near: 13s;--hero-dur-far: 84s;--hero-dur-aura-a: 96s;--hero-dur-aura-b: 132s;--hero-dur-shaft: 19s;--hero-beam-inline: clamp(170px, 26vw, 380px);--hero-beam-end: 7%;--hero-beam-tilt: 13deg;--hero-scrim-dir: to right;--hero-glow-x: 88%}.hero-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;contain:paint;pointer-events:none}[dir=rtl] .image-banner{--hero-beam-tilt: -13deg;--hero-scrim-dir: to left;--hero-glow-x: 12%}.image-banner--small{min-block-size:clamp(360px,46vh,470px);min-block-size:clamp(360px,46svh,470px)}.image-banner--medium{min-block-size:clamp(450px,62vh,600px);min-block-size:clamp(450px,62svh,600px)}.image-banner--large{min-block-size:clamp(540px,78vh,760px);min-block-size:clamp(540px,78svh,760px)}.image-banner--full{min-block-size:100vh;min-block-size:100svh}.image-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.image-banner__media img,.image-banner__media video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.image-banner__video{opacity:0;transition:opacity .7s ease}.image-banner__media.is-playing .image-banner__video{opacity:1}.image-banner__tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-ink);opacity:var(--overlay-opacity, .55);pointer-events:none}.image-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background-image:linear-gradient(to top,rgba(var(--color-ink-rgb),.72),rgba(var(--color-ink-rgb),.28) 52%,rgba(var(--color-ink-rgb),.5));pointer-events:none}.image-banner--has-video .image-banner__scrim{background-image:linear-gradient(to top,rgba(var(--color-ink-rgb),.78),rgba(var(--color-ink-rgb),.44) 55%,rgba(var(--color-ink-rgb),.6))}.image-banner--photo .image-banner__scrim{background-image:radial-gradient(ellipse 76% 96% at var(--hero-glow-x) 16%,rgba(var(--color-highlight-rgb),.17) 0%,rgba(var(--color-highlight-rgb),.05) 42%,transparent 70%),linear-gradient(var(--hero-scrim-dir),rgba(var(--color-ink-rgb),.95) 0%,rgba(var(--color-ink-rgb),.86) 34%,rgba(var(--color-ink-rgb),.66) 56%,rgba(var(--color-ink-rgb),.28) 76%,transparent 95%),linear-gradient(to top,rgba(var(--color-ink-rgb),.5) 0%,transparent 32%)}.image-banner--photo.image-banner--align-center .image-banner__scrim{background-image:radial-gradient(ellipse 92% 64% at 50% 4%,rgba(var(--color-highlight-rgb),.15) 0%,transparent 64%),linear-gradient(to top,rgba(var(--color-ink-rgb),.9),rgba(var(--color-ink-rgb),.8) 50%,rgba(var(--color-ink-rgb),.66) 82%,rgba(var(--color-ink-rgb),.7))}.image-banner--photo .image-banner__media img{filter:saturate(1.1) contrast(1.03)}.image-banner--photo .image-banner__heading{text-shadow:0 1px 3px rgba(var(--color-ink-rgb),.55),0 2px 24px rgba(var(--color-ink-rgb),.5)}.image-banner--photo .image-banner__eyebrow,.image-banner--photo .image-banner__subheading{text-shadow:0 1px 8px rgba(var(--color-ink-rgb),.55)}.image-banner--designed{background-color:var(--color-ink)}.image-banner--designed .image-banner__scrim{background-image:linear-gradient(to top,rgba(var(--color-ink-rgb),.55) 0%,transparent 58%)}.hero-stage__plane{position:absolute;inset-inline:0;inset-block-start:calc(var(--tile) * -1);block-size:calc(100% + var(--tile));background-image:linear-gradient(var(--blueprint-line) 1px,transparent 1px),linear-gradient(90deg,var(--blueprint-line) 1px,transparent 1px);background-size:var(--tile) var(--tile);pointer-events:none}.hero-stage__plane--far{z-index:2;--tile: var(--hero-tile-far);--dur: var(--hero-dur-far);--blueprint-line: rgba(255, 255, 255, .042);-webkit-mask-image:radial-gradient(ellipse 106% 94% at 50% 22%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 106% 94% at 50% 22%,#000 20%,transparent 78%)}.hero-stage__plane--near{z-index:3;--tile: var(--hero-tile-near);--dur: var(--hero-dur-near);--blueprint-line: rgba(255, 255, 255, .072);translate:var(--hero-px) var(--hero-py);transition:translate .52s cubic-bezier(.22,1,.36,1);-webkit-mask-image:radial-gradient(ellipse 80% 68% at 50% 30%,#000 6%,transparent 72%);mask-image:radial-gradient(ellipse 80% 68% at 50% 30%,#000 6%,transparent 72%)}@keyframes hero-plane-drift{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--tile),0)}}.hero-stage__aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hero-stage__aura:before,.hero-stage__aura:after{content:"";position:absolute;border-radius:50%}.hero-stage__aura:before{inline-size:min(96%,1060px);aspect-ratio:1;inset-block-start:-48%;inset-inline-end:-24%;background-image:radial-gradient(ellipse 64% 100% at 44% 36%,rgba(var(--color-accent-rgb),.2) 0%,rgba(var(--color-accent-rgb),.095) 32%,rgba(var(--color-accent-rgb),.03) 52%,transparent 70%);transform-origin:60% 42%}.hero-stage__aura:after{inline-size:min(80%,840px);aspect-ratio:1;inset-block-end:-56%;inset-inline-start:-28%;background-image:radial-gradient(ellipse 100% 62% at 56% 58%,rgba(255,255,255,.075) 0%,rgba(255,255,255,.028) 38%,transparent 68%);transform-origin:44% 56%}@keyframes hero-aura-a{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}@keyframes hero-aura-b{0%{transform:rotate(0) scale(1.05)}50%{transform:rotate(-180deg) scale(.95)}to{transform:rotate(-360deg) scale(1.05)}}.hero-stage__shaft{position:absolute;z-index:5;inset-block:-20%;inset-inline-end:var(--hero-beam-end);inline-size:var(--hero-beam-inline);background-image:linear-gradient(to bottom,rgba(255,255,255,.058) 0%,rgba(255,255,255,.022) 48%,transparent 90%);transform:rotate(var(--hero-beam-tilt));-webkit-mask-image:radial-gradient(ellipse 90% 76% at 50% 22%,#000 8%,transparent 76%);mask-image:radial-gradient(ellipse 90% 76% at 50% 22%,#000 8%,transparent 76%);opacity:.62;pointer-events:none}@keyframes hero-shaft-breathe{0%,to{opacity:.62}50%{opacity:1}}.hero-stage__motes{position:absolute;z-index:5;inset-block:-20%;inset-inline-end:var(--hero-beam-end);inline-size:var(--hero-beam-inline);transform:rotate(var(--hero-beam-tilt));pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 78% 86% at 50% 42%,#000 6%,transparent 78%);mask-image:radial-gradient(ellipse 78% 86% at 50% 42%,#000 6%,transparent 78%)}.hero-stage__mote{position:absolute;inset-block-end:var(--y);inset-inline-start:var(--x);inline-size:var(--d);aspect-ratio:1;border-radius:50%;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0%,rgba(255,255,255,.34) 36%,transparent 70%);opacity:0}@keyframes hero-mote{0%{opacity:0;transform:translateZ(0) scale(.62)}14%{opacity:.95}64%{opacity:.7}to{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(1.18)}}.hero-stage__draw{position:absolute;z-index:6;inset-block-start:clamp(-2%,2vw,6%);inset-inline-end:clamp(-4%,1vw,4%);inline-size:clamp(240px,33vw,520px);pointer-events:none;opacity:.92;translate:var(--hero-px) var(--hero-py);transition:translate .52s cubic-bezier(.22,1,.36,1);-webkit-mask-image:radial-gradient(ellipse 86% 86% at 50% 46%,#000 28%,transparent 84%);mask-image:radial-gradient(ellipse 86% 86% at 50% 46%,#000 28%,transparent 84%)}.hero-stage__draw svg{display:block;inline-size:100%;block-size:auto}.hero-draw__frame{stroke:#ffffff42;stroke-width:1.6}.hero-draw__brace{stroke:#ffffff2b;stroke-width:1.4}.hero-draw__centre{stroke:#ffffff30;stroke-width:1;stroke-dasharray:26 7 4 7}.hero-draw__dim{stroke:rgba(var(--color-accent-rgb),.85);stroke-width:1.4;fill:none}.hero-draw__label{font-family:var(--font-heading-family);font-size:15px;font-weight:700;letter-spacing:.04em;fill:rgba(var(--color-accent-rgb),.88);stroke:none}.hero-stage__draw [data-draw]{transform-box:fill-box}.hero-stage__draw [data-draw=x]{transform-origin:0% 50%}.hero-stage__draw [data-draw=y]{transform-origin:50% 0%}.hero-draw__brace,.hero-draw__centre line,.hero-draw__witness,.hero-draw__dimline,.hero-draw__tick{transform-box:view-box}.hero-draw__brace{transform-origin:100px 414px}.hero-draw__centre line{transform-origin:40px 245px}.hero-draw__witness--a{transform-origin:93px 440px}.hero-draw__witness--b{transform-origin:193px 440px}.hero-draw__dimline{transform-origin:93px 486px}.hero-draw__tick--a{transform-origin:93px 486px;--nudge: 5px}.hero-draw__tick--b{transform-origin:193px 486px;--nudge: -5px}@keyframes hero-draw-x{0%{opacity:0;transform:scaleX(.001)}14%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes hero-draw-y{0%{opacity:0;transform:scaleY(.001)}14%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes hero-draw-brace{0%{opacity:0;transform:scale(.02)}18%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes hero-tick-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes hero-tick-measure{0%,to{transform:translate(0)}50%{transform:translate(var(--nudge))}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.hero-stage__level{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.hero-stage__level:after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:1px;background-image:linear-gradient(to right,transparent 0%,rgba(var(--color-accent-rgb),.92) 18%,rgba(var(--color-accent-rgb),.92) 82%,transparent 100%);box-shadow:0 0 22px 1px rgba(var(--color-accent-rgb),.42);opacity:0}@keyframes hero-level-travel{0%{transform:translate3d(0,-6%,0)}to{transform:translate3d(0,100%,0)}}@keyframes hero-level-fade{0%{opacity:0}10%{opacity:1}76%{opacity:1}to{opacity:0}}.image-banner .image-banner__edge{position:absolute;z-index:10;inset-block-end:0;inset-inline:0;transform-origin:center;pointer-events:none}@keyframes hero-edge-land{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.image-banner--has-video .hero-stage__plane{opacity:.46}.image-banner--has-video .hero-stage__aura{opacity:.55}.image-banner--has-video .hero-stage__shaft,.image-banner--has-video .hero-stage__motes{display:none}.image-banner__container{position:relative;z-index:9;display:flex;inline-size:100%;padding-block:clamp(3rem,7vw,5.75rem)}.image-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.8rem,1.5vw,1.15rem);inline-size:100%;max-inline-size:47rem;text-align:start}.image-banner--align-center .image-banner__container{justify-content:center}.image-banner--align-center .image-banner__content{align-items:center;text-align:center;max-inline-size:52rem}.image-banner__eyebrow{--hero-beat: 90ms}.image-banner__subheading{--hero-beat: .25s}.image-banner__search-wrap{--hero-beat: .36s}.image-banner__actions{--hero-beat: .47s}.image-banner__trust{--hero-beat: .56s}@keyframes hero-beat-in{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes hero-heading-rise{0%{transform:translate3d(0,14px,0)}to{transform:none}}.image-banner__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0;font-family:var(--font-heading-family);font-size:.86rem;font-weight:700;letter-spacing:.01em;color:#ffffffdb}.image-banner__eyebrow:before{content:"";inline-size:26px;block-size:3px;border-radius:2px;background-color:var(--color-accent);flex-shrink:0}.image-banner__heading{margin:0;font-size:calc(clamp(2.1rem,1.15rem + 4.4vw,4.15rem) * var(--font-heading-scale));font-weight:800;line-height:1.06;letter-spacing:-.02em;color:#fff;text-wrap:balance;text-shadow:0 2px 20px rgba(var(--color-ink-rgb),.4)}.image-banner__subheading{margin:0;font-size:clamp(1rem,.93rem + .42vw,1.2rem);line-height:1.65;color:#ffffffdb;max-inline-size:62ch}.image-banner__search-wrap{inline-size:100%;max-inline-size:41rem;margin-block-start:clamp(.35rem,1vw,.75rem)}.image-banner--align-center .image-banner__search-wrap{margin-inline:auto}.image-banner__search-wrap{position:relative;z-index:1}.image-banner__search{position:relative}.image-banner:has([data-search-panel]:not([hidden])){overflow:visible;z-index:20}.image-banner__search-panel{inset-block-start:calc(100% + 8px);max-block-size:min(52vh,420px);text-align:start}.image-banner__search-panel,.image-banner__search-panel .predictive-results__heading{color:var(--color-text)}.image-banner__search-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:34px;block-size:34px;border:none;border-radius:var(--radius-pill);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.image-banner__search-clear:hover{color:var(--color-ink);background-color:var(--color-surface-sunken)}.image-banner__search-box{display:flex;align-items:center;gap:.4rem;padding:.4rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.image-banner__search-box:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 0 3px rgba(var(--color-accent-rgb),.22)}.image-banner__search-input{flex:1 1 auto;min-inline-size:0;min-block-size:48px;padding-inline:.85rem;font-size:1.02rem;font-weight:500;color:var(--color-text);background-color:transparent;border:none;-webkit-appearance:none;appearance:none}.image-banner__search-input::placeholder{color:var(--color-text-muted);opacity:.9}.image-banner__search-input:focus,.image-banner__search-input:focus-visible{outline:none}.image-banner__search-input::-webkit-search-cancel-button{cursor:pointer}.image-banner__search-submit{flex-shrink:0;padding-inline:1.3rem}.image-banner__popular{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .7rem;margin-block-start:.85rem}.image-banner--align-center .image-banner__popular{justify-content:center}.image-banner__popular-label{font-size:.84rem;font-weight:700;color:#ffffffb3}.image-banner__popular-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.image-banner__popular-list .chip{min-block-size:44px}.image-banner__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-block-start:clamp(.35rem,1vw,.65rem)}.image-banner--align-center .image-banner__actions{justify-content:center}.image-banner__trust{display:flex;flex-wrap:wrap;gap:.5rem .55rem;margin:.35rem 0 0;padding:0;list-style:none}.image-banner--align-center .image-banner__trust{justify-content:center}.image-banner__trust-item{display:inline-flex;align-items:center;gap:.45rem;min-block-size:38px;padding:.4rem .9rem;font-size:.87rem;font-weight:600;line-height:1.35;color:#fff;background-color:#ffffff17;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.image-banner--stage .image-banner__trust-item{background-color:#ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none}.image-banner__trust-item .icon{color:#ffffffe6;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.image-banner:not(.image-banner--motion-off) .hero-stage__plane{animation:hero-plane-drift var(--dur) linear infinite}.image-banner:not(.image-banner--motion-off) .hero-stage__aura:before{animation:hero-aura-a var(--hero-dur-aura-a) linear infinite}.image-banner:not(.image-banner--motion-off) .hero-stage__aura:after{animation:hero-aura-b var(--hero-dur-aura-b) linear infinite}.image-banner:not(.image-banner--motion-off) .hero-stage__shaft{animation:hero-shaft-breathe var(--hero-dur-shaft) ease-in-out infinite}.image-banner:not(.image-banner--motion-off) .hero-stage__mote{animation:hero-mote var(--dur) linear var(--delay) infinite}.image-banner:not(.image-banner--motion-off) .hero-stage__draw [data-draw]{animation:var(--kf) .52s var(--ease-out) var(--d, 0s) both}.image-banner:not(.image-banner--motion-off) .hero-stage__draw [data-draw=x]{--kf: hero-draw-x}.image-banner:not(.image-banner--motion-off) .hero-stage__draw [data-draw=y]{--kf: hero-draw-y}.image-banner:not(.image-banner--motion-off) .hero-draw__brace{animation:hero-draw-brace .6s var(--ease-out) .62s both}.image-banner:not(.image-banner--motion-off) .hero-draw__centre line{animation:hero-draw-x .8s var(--ease-out) .78s both}.image-banner:not(.image-banner--motion-off) .hero-draw__witness{animation:hero-draw-y .34s var(--ease-out) both}.image-banner:not(.image-banner--motion-off) .hero-draw__witness--a{animation-delay:.96s}.image-banner:not(.image-banner--motion-off) .hero-draw__witness--b{animation-delay:1.03s}.image-banner:not(.image-banner--motion-off) .hero-draw__dimline{animation:hero-draw-x .42s var(--ease-out) 1.14s both}.image-banner:not(.image-banner--motion-off) .hero-draw__tick{animation:hero-tick-in .3s var(--ease-out) 1.36s both}@media(hover:hover)and (min-width:990px){.image-banner:not(.image-banner--motion-off) .hero-draw__tick{animation:hero-tick-in .3s var(--ease-out) 1.36s both,hero-tick-measure 4.6s ease-in-out 2.4s infinite}}.image-banner:not(.image-banner--motion-off) .hero-draw__label{animation:hero-fade-in .36s var(--ease-out) 1.52s both}.image-banner:not(.image-banner--motion-off) .hero-stage__level{animation:hero-level-travel 1.35s var(--ease-out) .28s both}.image-banner:not(.image-banner--motion-off) .hero-stage__level:after{animation:hero-level-fade 1.35s linear .28s both}.image-banner--stage:not(.image-banner--motion-off) .image-banner__edge{animation:hero-edge-land .7s var(--ease-out) 1.5s both}.image-banner:not(.image-banner--motion-off) .hero-in{animation:hero-beat-in .62s var(--ease-out) var(--hero-beat, 0ms) both}.image-banner:not(.image-banner--motion-off) .image-banner__heading{animation:hero-heading-rise .62s var(--ease-out) both}}.image-banner--motion-subtle{--hero-dur-near: 26s;--hero-dur-far: 150s;--hero-dur-shaft: 30s}@media(max-width:989px){.hero-stage__motes{display:none}}@media(max-width:749px){.image-banner__container{padding-block:clamp(2.75rem,11vw,4.25rem)}.image-banner__content{align-items:flex-start;gap:.85rem}.image-banner--align-center .image-banner__content{align-items:center}.image-banner__search-wrap,.image-banner__subheading{max-inline-size:none}.image-banner__trust-item{background-color:#ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none}.image-banner--photo .image-banner__scrim,.image-banner--photo.image-banner--align-center .image-banner__scrim{background-image:radial-gradient(ellipse 120% 52% at var(--hero-glow-x) 0%,rgba(var(--color-highlight-rgb),.16) 0%,transparent 66%),linear-gradient(to top,rgba(var(--color-ink-rgb),.9),rgba(var(--color-ink-rgb),.8) 50%,rgba(var(--color-ink-rgb),.66) 82%,rgba(var(--color-ink-rgb),.7))}.hero-stage__draw{inline-size:64vw;inset-inline-end:-18%;inset-block-start:-4%;opacity:.52}}@media(max-width:599px){.image-banner__search-box{padding:.35rem}.image-banner__search-submit{padding-inline:.95rem}.image-banner__search-submit-text{display:none}.image-banner__actions{inline-size:100%;flex-direction:column;align-items:stretch}.image-banner__action{inline-size:100%}.image-banner__trust-item{font-size:.83rem;padding:.38rem .8rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-image-banner.css.map */