earp-soma-motion{font-family:Poppins,Arial,sans-serif;width:100%;container-type:inline-size;color:#242724;--sl-paper:#dfe1df;--sl-ui:light-dark(#f2f1ee,#222321);--sl-ink:light-dark(#242724,#efefea)}
earp-soma-motion *{box-sizing:border-box}
earp-soma-motion .sl-stage{position:relative;isolation:isolate;aspect-ratio:1.88;background:var(--sl-paper);overflow:hidden;container-type:inline-size}
earp-soma-motion .sl-shot{position:absolute;inset:0;overflow:hidden;will-change:opacity;background:var(--sl-paper)}
earp-soma-motion .sl-shot:not(.sl-held){opacity:0}
earp-soma-motion .sl-image{position:absolute;overflow:hidden;will-change:transform}
earp-soma-motion .sl-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;will-change:transform;transform-origin:50% 50%}
earp-soma-motion .sl-held .sl-image{left:17%;top:0;width:100%;height:100%;mask-image:linear-gradient(to right,transparent,#000 22%)}
earp-soma-motion .sl-held img{object-position:50% 48%}
earp-soma-motion .sl-form .sl-image{left:17%;top:0;width:100%;height:100%;mask-image:linear-gradient(to right,transparent,#000 28%)}
earp-soma-motion .sl-form img{object-position:50% 44%}
earp-soma-motion .sl-detail .sl-image{left:8%;top:0;width:100%;height:100%;mask-image:linear-gradient(to right,transparent,#000 17%)}
earp-soma-motion .sl-detail img{object-position:50% 52%}
earp-soma-motion .sl-samples{background:#fff}
earp-soma-motion .sl-samples .sl-image{mask-image:none}
earp-soma-motion .sl-samples img{object-fit:cover;object-position:50% 50%}
earp-soma-motion .sl-exclusive{background:#fff}
earp-soma-motion .sl-triptych{position:absolute;left:10%;right:10%;top:8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
earp-soma-motion .sl-portrait{aspect-ratio:2/3;overflow:hidden;will-change:opacity,transform}
earp-soma-motion .sl-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;will-change:transform}
earp-soma-motion .sl-exclusive-caption{position:absolute;right:10%;bottom:7%;margin:0;padding:10px 0;border-bottom:1px solid transparent;text-align:right;font-size:clamp(11px,1.55cqw,15px);line-height:1.5;letter-spacing:.015em;will-change:opacity}
earp-soma-motion .sl-colours{background:#ebebeb}
earp-soma-motion .sl-palette-heading{position:absolute;left:7%;right:7%;top:7%;will-change:opacity,transform}
earp-soma-motion .sl-palette-heading h2{font-size:clamp(20px,2.8cqw,36px);margin:0;line-height:1.25;letter-spacing:-.035em}
earp-soma-motion .sl-palette-heading h2 span{display:inline-block;white-space:nowrap}
earp-soma-motion .sl-colour-grid{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
earp-soma-motion .sl-colour{display:block;color:inherit;text-decoration:none;will-change:transform,opacity;min-width:0}
earp-soma-motion .sl-tile-photo{position:relative;aspect-ratio:1;overflow:hidden}
earp-soma-motion .sl-tile-photo img{position:absolute;display:block;left:-12.5%;top:-12.5%;width:125%;height:125%;max-width:none;object-fit:cover}
earp-soma-motion .sl-colour-name{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(12px,1.8cqw,20px);line-height:1.4;margin-top:9px;font-weight:400}
earp-soma-motion .sl-colour-name>span{font-size:.85em}
earp-soma-motion .sl-colour:hover .sl-colour-name{text-decoration:underline;text-underline-offset:4px}
earp-soma-motion .sl-copy{position:absolute;left:7%;top:24%;width:35%;will-change:transform,opacity}
earp-soma-motion .sl-eyebrow{display:block;font-family:Poppins,Arial,sans-serif;font-size:clamp(10px,1.36cqw,12px);font-weight:400;line-height:1.7;letter-spacing:.14em}
earp-soma-motion .sl-label-link{width:fit-content;color:inherit;text-decoration:none}
earp-soma-motion .sl-label-link:hover{text-decoration:underline;text-underline-offset:4px}
earp-soma-motion h2{font-family:Poppins,Arial,sans-serif;color:inherit;font-size:clamp(38px,6.7cqw,88px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:18px 0 0}
earp-soma-motion .sl-held h2{font-size:clamp(68px,12.2cqw,154px);line-height:1;letter-spacing:-.07em;margin-top:12px}
earp-soma-motion p{font-family:Poppins,Arial,sans-serif;font-size:clamp(12px,1.85cqw,21px);font-weight:400;line-height:1.55;letter-spacing:-.025em;margin:20px 0 0;color:inherit}
earp-soma-motion .sl-form .sl-copy{top:24%;width:43%}
earp-soma-motion .sl-form .sl-eyebrow{font-size:clamp(10px,1.2cqw,12px);letter-spacing:.06em;white-space:nowrap}
earp-soma-motion .sl-form h2,earp-soma-motion .sl-detail h2{font-size:clamp(24px,3.8cqw,50px);line-height:1.15;letter-spacing:-.04em;white-space:nowrap}
earp-soma-motion .sl-form .sl-specs{margin-top:14px;line-height:1.4}
earp-soma-motion .sl-specs span{display:block}
earp-soma-motion .sl-detail .sl-copy{top:24%}
earp-soma-motion .sl-samples .sl-copy{top:24%;width:42%}
earp-soma-motion .sl-cta{position:absolute;z-index:5;left:7%;bottom:7%;display:inline-flex;align-items:center;gap:26px;padding:10px 0;color:#242724;text-decoration:none;font-size:clamp(11px,1.55cqw,15px);font-weight:400;line-height:1.5;border-bottom:1px solid rgba(36,39,36,.65)}
@media(max-width:620px){
  earp-soma-motion .sl-stage{aspect-ratio:auto;height:calc(66.6667cqw + 275px)}
  earp-soma-motion .sl-image{mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)!important}
  earp-soma-motion .sl-image img{object-fit:contain;object-position:50% 0!important}
  earp-soma-motion .sl-copy,earp-soma-motion .sl-form .sl-copy,earp-soma-motion .sl-detail .sl-copy,earp-soma-motion .sl-samples .sl-copy{left:8%;top:calc(66.6667cqw + 15px);width:84%}
  earp-soma-motion .sl-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.12em}
  earp-soma-motion .sl-eyebrow br{display:none}
  earp-soma-motion h2{font-size:44px;margin-top:13px;line-height:1.06}
  earp-soma-motion .sl-held h2{font-size:72px;margin-top:8px}
  earp-soma-motion .sl-samples h2 br{display:none}
  earp-soma-motion .sl-form h2,earp-soma-motion .sl-detail h2{font-size:clamp(24px,8cqw,34px)}
  earp-soma-motion .sl-form .sl-eyebrow{font-size:10px;letter-spacing:.015em}
  earp-soma-motion p{font-size:13px;margin-top:13px;line-height:1.5}
  earp-soma-motion .sl-cta{left:8%;bottom:4%;font-size:12px}
  earp-soma-motion .sl-samples .sl-image{mask-image:none!important}
  earp-soma-motion .sl-palette-heading{left:8%;top:12%}
  earp-soma-motion .sl-palette-heading h2{font-size:clamp(17px,4.5cqw,24px)}
  earp-soma-motion .sl-colour-grid{left:4%;right:4%;top:50%;gap:3%}
  earp-soma-motion .sl-colour-name{font-size:12px;gap:5px;margin-top:10px}
  earp-soma-motion .sl-triptych{left:6%;right:6%;top:29%;gap:5%}
  earp-soma-motion .sl-exclusive-caption{right:6%;bottom:4%;font-size:11px}
  earp-soma-motion .sl-stage:has(.sl-exclusive[aria-hidden="false"]) .sl-cta{font-size:11px;gap:10px}
}
earp-soma-motion{display:block;font-weight:400;line-height:1.4;text-align:left;color-scheme:light;--sl-ui:#f2f1ee;--sl-ink:#242724}
earp-soma-motion a{cursor:pointer}
earp-soma-motion h2{text-align:left;max-width:none;padding:0;text-transform:none}
earp-soma-motion h2::after{display:none!important}
earp-soma-motion .sl-stage{touch-action:pan-y}
earp-soma-motion .sl-image img{opacity:1!important}
earp-soma-motion .sl-shot[inert] a{pointer-events:none}
earp-soma-motion .sl-toolbar{display:none;grid-template-columns:44px minmax(80px,1fr) 58px 44px;align-items:center;gap:8px;padding:3px 7%;background:var(--sl-ui);color:var(--sl-ink)}
earp-soma-motion .sl-toolbar[hidden]{display:none}
earp-soma-motion .sl-toolbar button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;text-transform:none;letter-spacing:0;font:400 12px/1.4 Poppins,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
earp-soma-motion .sl-toolbar button:hover{background:rgba(36,39,36,.06)}
earp-soma-motion .sl-toolbar .sl-previous,earp-soma-motion .sl-toolbar .sl-next{font-size:26px}
earp-soma-motion .sl-indicators{display:flex;gap:6px;width:min(100%,264px);justify-self:center}
earp-soma-motion .sl-indicators span{height:2px;flex:1;background:#c7c8c4}
earp-soma-motion .sl-indicators span.is-active{background:#242724}
earp-soma-motion .sl-accessible-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
earp-soma-motion :is(a,button):focus-visible{outline:2px solid #242724;outline-offset:5px}
earp-soma-motion:not([data-ready]) .sl-held .sl-image{left:17%;top:0;width:100%;height:100%}
earp-soma-motion .sl-colour-name{gap:.32em}
earp-soma-motion .sl-colour-name strong{font-weight:700}
earp-soma-motion .sl-colour-name>span{font-size:inherit;font-weight:400}
earp-soma-motion .sl-tile-photo{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
earp-soma-motion .sl-colour:focus-visible .sl-tile-photo{transform:translateY(-10px)}
earp-soma-motion .sl-colour:hover .sl-colour-name{text-decoration:none}
earp-soma-motion .sl-endcard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none}
earp-soma-motion .sl-endcard:not([inert]){pointer-events:auto}
earp-soma-motion .sl-end-title{margin:0;font-size:clamp(58px,8cqw,110px);line-height:1;letter-spacing:-.055em;text-align:center}
earp-soma-motion .sl-end-link{display:block;color:inherit;font-size:clamp(14px,1.65cqw,21px);line-height:1.5;letter-spacing:-.015em;text-align:center;text-decoration:none;white-space:pre}
earp-soma-motion .sl-end-link:hover{text-decoration:underline;text-underline-offset:6px}
earp-soma-motion .sl-letter{opacity:0;white-space:pre}
@media(hover:hover) and (pointer:fine){
  earp-soma-motion .sl-colour:hover .sl-tile-photo{transform:translateY(-10px)}
}
@media(max-width:620px){
  earp-soma-motion .sl-toolbar{padding-left:6%;padding-right:6%;grid-template-columns:44px minmax(65px,1fr) 50px 44px}
  earp-soma-motion .sl-indicators{gap:4px}
  earp-soma-motion:not([data-ready]) .sl-held .sl-image{left:0;top:0;width:100%;height:calc(66.6667cqw)}
  earp-soma-motion .sl-samples .sl-copy{top:54%;text-align:center}
  earp-soma-motion .sl-samples h2{font-size:clamp(26px,7.2cqw,34px);line-height:1.12;white-space:nowrap;text-align:center}
  earp-soma-motion .sl-samples .sl-image img{object-fit:cover}
  earp-soma-motion .sl-samples p{margin-top:12px}
  earp-soma-motion .sl-colour-name{font-size:clamp(10px,2.8cqw,12px);gap:.3em}
  earp-soma-motion .sl-cta{transition:left .65s ease,transform .65s ease;white-space:nowrap}
  earp-soma-motion[data-active-story="5"] .sl-cta{left:50%;transform:translateX(-50%)}
  earp-soma-motion .sl-endcard{gap:18px}
  earp-soma-motion .sl-end-title{font-size:64px}
  earp-soma-motion .sl-end-link{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  earp-soma-motion .sl-image img,earp-soma-motion .sl-portrait img{will-change:auto}
  earp-soma-motion .sl-tile-photo,earp-soma-motion .sl-cta{transition:none}
  earp-soma-motion .sl-colour:hover .sl-tile-photo,earp-soma-motion .sl-colour:focus-visible .sl-tile-photo{transform:none}
}

/* The complete story is a single native collection link. */
earp-soma-motion a.sl-stage{display:block;color:inherit;text-decoration:none;cursor:pointer}
earp-soma-motion a.sl-stage:focus-visible{outline:2px solid #242724;outline-offset:-3px}

/* Keep mobile Soma links free of emoji-style arrow symbols. */
@media(max-width:767px){earp-soma-motion .sl-cta>span[aria-hidden="true"],earp-soma-motion .sl-label-link>span[aria-hidden="true"]{display:none}}