/* Homepage only; retain existing brand colours. */
.dp-store .dph{background:#f7f6f2;color:#20211e;overflow:hidden}.dp-store .dph-stage{max-width:1920px;margin:auto;display:grid}.dp-store .dph-slide{grid-area:1/1;display:grid;grid-template-columns:45% 55%;min-height:0}.dp-store .dph-slide[hidden]{display:grid;visibility:hidden;pointer-events:none}.dp-store .dph-copy{padding:60px 35px 30px max(36px,calc((100vw - 1280px)/2 + 36px));align-self:center}.dp-store .dph-copy .dp-eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 24px}.dp-store .dph-copy h1,.dp-store .dph-copy h2{font-size:clamp(42px,4.3vw,76px);line-height:1.04;letter-spacing:-2.5px;font-weight:800;margin:0 0 24px}.dp-store .dph-copy em{color:#f15b1a;font-style:normal}.dp-store .dph-description{font-size:19px;line-height:1.55;max-width:490px;color:#6b6d65;margin:0 0 28px}.dp-store .dph-price{margin:-7px 0 15px;font-size:20px}.dp-store .dph-price strong{font-size:42px;letter-spacing:-1px;color:#f15b1a}.dp-store .dph-note{display:flex;align-items:center;gap:10px;font-size:13px;color:#6b6d65;margin:26px 0 0}.dp-store .dph-note svg{width:17px;height:17px;flex:none}.dp-store .dph-visual{min-width:0;position:relative;aspect-ratio:3/2;overflow:hidden;background:#eeece7}.dp-store .dph-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-height:none}.dp-store .dph-controls{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 36px;min-height:68px}.dp-store .dph-tabs{display:flex;gap:28px}.dp-store .dph button{font:inherit;cursor:pointer;background:transparent;color:#20211e;border:0;border-radius:0}.dp-store .dph-tabs button{padding:22px 0 19px;border-bottom:3px solid transparent;font-size:14px}.dp-store .dph-tabs button span{font-size:11px;color:#6b6d65;margin-right:7px}.dp-store .dph-tabs button[aria-pressed=true]{border-color:#f15b1a;font-weight:700}.dp-store .dph-arrows{display:flex;gap:8px}.dp-store .dph-arrows button{border:1px solid #d9dad4;width:40px;height:40px;font-size:23px;line-height:1}.dp-store .dph button:focus-visible,.dp-store .dph a:focus-visible{outline:2px solid #f15b1a;outline-offset:4px}.dp-store .dph-slide.dph-enter{animation:dph-in .35s ease-out}@keyframes dph-in{from{opacity:.3}to{opacity:1}}@media(min-width:1920px){.dp-store .dph-copy{padding-left:90px}}@media(max-width:1100px){.dp-store .dph-copy{padding:36px 25px}.dp-store .dph-copy h1,.dp-store .dph-copy h2{font-size:45px}.dp-store .dph-slide{min-height:0}.dp-store .dph-description{font-size:17px}.dp-store .dph-copy .dp-button{padding:17px 20px}}@media(max-width:760px){.dp-store .dph-slide{grid-template-columns:1fr;min-height:0}.dp-store .dph-copy{padding:30px 22px 24px;min-height:355px;box-sizing:border-box}.dp-store .dph-copy .dp-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}.dp-store .dph-copy h1,.dp-store .dph-copy h2{font-size:42px;letter-spacing:-1.8px;margin-bottom:18px}.dp-store .dph-description{font-size:16px;line-height:1.45;margin-bottom:20px}.dp-store .dph-note{margin-top:18px;font-size:12px}.dp-store .dph-price{margin:-7px 0 10px;font-size:17px}.dp-store .dph-price strong{font-size:32px}.dp-store .dph-visual{aspect-ratio:3/2}.dp-store .dph-visual img{height:100%;max-height:none;object-fit:cover}.dp-store .dph-controls{padding:0 18px;min-height:64px}.dp-store .dph-tabs{gap:15px}.dp-store .dph-tabs button{font-size:12px;padding:21px 0 18px}.dp-store .dph-tabs button span{display:none}.dp-store .dph-arrows{gap:5px}.dp-store .dph-arrows button{width:34px;height:34px}.dp-store .dph-copy .dp-button{font-size:15px}}@media(prefers-reduced-motion:reduce){.dp-store .dph-slide.dph-enter{animation:none}}

.dp-store .dph-arrows button{display:grid;place-items:center}

.dp-store .dph-controls button,.dp-store .dph-controls button:hover,.dp-store .dph-controls button:focus,.dp-store .dph-controls button:active{background:transparent!important;box-shadow:none!important;color:#20211e}.dp-store .dph-visual img{height:100%!important}.dp-store .dph-copy .dp-eyebrow{text-transform:uppercase}

/* Keep tablet and mobile artwork proportional without letterboxing. */
@media(max-width:1200px){.dp-store .dph-slide{grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:0}.dp-store .dph-visual{width:100%;aspect-ratio:3/2;align-self:end}.dp-store .dph-copy{padding-top:30px;padding-bottom:28px}.dp-store .dph-description{max-width:650px}}

@media(min-width:1201px){.dp-store .dph-visual{height:100%;min-height:calc(min(55vw,1056px) * 2 / 3);aspect-ratio:auto;align-self:stretch;}}

/* Subtle countdown, matching the brand orange. */
.dp-store .dph-progress{height:2px;width:100%;background:#e9e7e1;overflow:hidden;pointer-events:none}.dp-store .dph-progress span{display:block;width:100%;height:100%;background:#f15b1a;transform:scaleX(0);transform-origin:left center}

/* Distinct directional reveal, staged copy and camera settling. */
.dp-store .dph-effects-ready{--dph-reveal-start:inset(0 0 0 100%);--dph-text-entry:-52px}
.dp-store .dph-effects-ready[data-motion-direction=backward]{--dph-reveal-start:inset(0 100% 0 0);--dph-text-entry:52px}
.dp-store .dph-effects-ready .dph-slide{position:relative;isolation:isolate}
.dp-store .dph-effects-ready .dph-slide.dph-enter{animation:none;z-index:2}
.dp-store .dph-effects-ready .dph-slide[hidden]{z-index:0}
.dp-store .dph-effects-ready .dph-slide.dph-leaving[hidden]{visibility:visible;z-index:1;pointer-events:none}
.dp-store .dph-effects-ready .dph-slide.dph-leaving .dph-copy{animation:dph-copy-out .2s ease both}
.dp-store .dph-effects-ready .dph-slide.dph-leaving img{animation:none;transform:var(--dph-exit-transform,none)}
.dp-store .dph-effects-ready .dph-visual{background:transparent}
.dp-store .dph-effects-ready .dph-slide:not([hidden]) .dph-visual img{opacity:0;transform-origin:65% center}
.dp-store .dph-effects-ready .dph-slide.dph-photo-ready:not([hidden]) .dph-visual{animation:dph-direction-reveal .95s cubic-bezier(.76,0,.24,1) both}
.dp-store .dph-effects-ready .dph-slide.dph-photo-ready:not([hidden]) .dph-visual img{animation:dph-photo-in .35s ease both,dph-photo-settle 1.2s cubic-bezier(.16,1,.3,1) both}
.dp-store .dph-effects-ready .dph-slide:not([hidden]) .dph-copy>*{animation:dph-copy-in .8s cubic-bezier(.16,1,.3,1) both}
.dp-store .dph-effects-ready .dph-copy>:nth-child(1){animation-delay:.08s!important}
.dp-store .dph-effects-ready .dph-copy>:nth-child(2){animation-delay:.16s!important}
.dp-store .dph-effects-ready .dph-copy>:nth-child(3){animation-delay:.28s!important}
.dp-store .dph-effects-ready .dph-copy>:nth-child(4){animation-delay:.40s!important}
.dp-store .dph-effects-ready .dph-copy>:nth-child(5){animation-delay:.52s!important}
.dp-store .dph-effects-ready .dph-copy>:nth-child(6){animation-delay:.64s!important}
.dp-store .dph-copy .dp-button{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.dp-store .dph-copy .dp-button:hover{transform:translateY(-3px);box-shadow:0 7px 16px #20211e24}
.dp-store .dph-effects-ready .dph-slide:not([hidden]) .dp-button:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;pointer-events:none;background:linear-gradient(105deg,transparent,#ffffff55,transparent);transform:translateX(-250%) skewX(-15deg);animation:dph-button-light .85s ease 1s both}
@keyframes dph-direction-reveal{from{clip-path:var(--dph-reveal-start)}to{clip-path:inset(0 0 0 0)}}
@keyframes dph-photo-in{from{opacity:.3}to{opacity:1}}
@keyframes dph-photo-settle{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes dph-copy-in{from{opacity:0;transform:translateX(var(--dph-text-entry))}to{opacity:1;transform:translateX(0)}}
@keyframes dph-copy-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes dph-button-light{from{transform:translateX(-250%) skewX(-15deg)}to{transform:translateX(350%) skewX(-15deg)}}
@media(max-width:760px){.dp-store .dph-effects-ready{--dph-text-entry:-32px}.dp-store .dph-effects-ready[data-motion-direction=backward]{--dph-text-entry:32px}}
@media(prefers-reduced-motion:reduce){
 .dp-store .dph-effects-ready .dph-slide.dph-leaving[hidden]{visibility:hidden}
 .dp-store .dph-effects-ready .dph-slide .dph-copy>*,.dp-store .dph-effects-ready .dph-slide .dph-visual,.dp-store .dph-effects-ready .dph-slide .dph-visual img{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
 .dp-store .dph-copy .dp-button{transition:none}.dp-store .dph-copy .dp-button:hover{transform:none;box-shadow:none}
 .dp-store .dph-effects-ready .dp-button:after{display:none!important}
}

/* A small hover tilt, composed independently of slide-entry transforms. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .dp-store .dph-effects-ready .dph-slide .dph-visual img{scale:1;rotate:0deg;transition:scale .55s cubic-bezier(.2,.65,.3,1),rotate .55s cubic-bezier(.2,.65,.3,1)}
 .dp-store .dph-effects-ready .dph-slide:not([hidden]) .dph-visual:hover img{scale:1.04;rotate:-.8deg}
}
