/* Retail product story: expansive type, quiet surfaces, image-led discovery. */
.retail-page{--retail-space:clamp(5rem,10vw,9rem)}.retail-page h1,.retail-page h2{letter-spacing:-.045em;line-height:1.05;font-weight:600}.retail-wide{width:min(1180px,calc(100% - 96px));margin-inline:auto}.retail-narrative{max-width:850px;margin-inline:auto;text-align:center;padding-inline:24px}.retail-page .eyebrow{font-size:1.3125rem;line-height:1.25;margin-bottom:24px}.retail-page h2{font-size:clamp(3rem,6vw,5rem);margin-bottom:32px}.retail-intro{font-size:1.3125rem;line-height:1.4;color:var(--muted);margin:0}.retail-intro strong{font-weight:500;color:var(--ink)}.retail-localnav{position:sticky;top:76px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1016px;width:calc(100% - 64px);margin:12px auto -66px;padding:12px 20px;min-height:54px;border:1px solid #d2d2d780;border-radius:20px;background:#ffffffd9;backdrop-filter:blur(24px)}.retail-localnav a{text-decoration:none}.retail-product-name{font-size:1.1875rem;font-weight:600;letter-spacing:-.02em}.retail-localnav>div{display:flex;align-items:center;gap:24px}.retail-localnav>div>a{font-size:.875rem}.retail-localnav .button{font-size:.875rem;min-height:34px;padding:8px 15px}.retail-localnav>div>a:not(.button):hover{color:var(--blue)}.retail-page section[id]{scroll-margin-top:155px}.retail-hero{text-align:center;background:#fff;overflow:hidden;padding-top:140px}.retail-hero-copy{max-width:940px;padding:0 24px;margin:auto}.retail-hero h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:28px}.retail-hero .lead{font-size:1.3125rem;line-height:1.4;max-width:690px}.retail-hero .actions{align-items:center;gap:28px}.retail-hero .text-link{font-size:1.0625rem}.retail-hero-art{width:min(1120px,100%);height:auto;margin:38px auto 0}.retail-hero .trust{font-size:.875rem;margin-top:22px}.retail-highlights{background:var(--paper);padding:var(--retail-space) 0 64px;overflow:hidden}.retail-gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.retail-gallery-heading h2,.retail-capabilities h2{font-size:clamp(2.5rem,4vw,3rem);line-height:1.08;margin:0}.retail-gallery-heading>p{font-size:1.0625rem;color:var(--muted);margin:0 0 4px}.retail-page .swipe-rail{padding:0 max(48px,calc((100vw - 1180px)/2)) 24px;gap:24px;scroll-padding-inline:max(48px,calc((100vw - 1180px)/2));scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.retail-page .swipe-rail::-webkit-scrollbar{display:none}.retail-page .swipe-card{width:330px;min-width:330px;height:495px;border-radius:28px;padding:32px;scroll-snap-align:start}.retail-page .swipe-card strong{font-size:2rem;line-height:1.08}.retail-page .swipe-card>span:not(.sample-action){font-size:.875rem;letter-spacing:0;font-weight:500}.retail-page .swipe-card .sample-action{font-size:.875rem;padding:9px 15px}.retail-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.retail-gallery-footer>p{font-size:.875rem;color:var(--muted);margin:0}.retail-gallery-controls{display:flex;gap:12px}.retail-gallery-controls[hidden]{display:none}.retail-gallery-controls button{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:#e8e8ed;color:var(--ink);cursor:pointer}.retail-gallery-controls button:hover{background:#dedee4}.retail-gallery-controls button:disabled{opacity:.35;cursor:default}.retail-story{padding:var(--retail-space) 0}.retail-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:88px}.retail-journey span,.retail-workflow span{display:block;color:var(--muted);font-size:1rem;margin-bottom:22px}.retail-journey h3{font-size:2rem;margin-bottom:16px}.retail-journey p,.retail-workflow p{font-size:1.0625rem;color:var(--muted);line-height:1.45;margin:0}.retail-shopify{padding:var(--retail-space) 0;background:#fff}.retail-shopify-copy{max-width:810px;margin:0 auto 64px}.retail-shopify-copy h2{font-size:clamp(3rem,6vw,5rem)}.retail-shopify-copy .retail-intro{max-width:740px}.retail-product-stage{margin:0;background:var(--paper);border-radius:28px;overflow:hidden;padding:55px 50px 30px}.retail-product-stage img{width:min(750px,100%);height:auto;max-height:850px;object-fit:contain;margin:auto;border-radius:20px}.retail-product-stage figcaption{text-align:center;font-size:1rem;color:var(--muted);line-height:1.4;margin:28px 0 0}.retail-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-top:64px}.retail-workflow h3{font-size:1.5rem;margin-bottom:16px}.retail-capabilities{background:var(--paper);padding:var(--retail-space) 0}.retail-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.retail-capability-grid article{background:#fff;border-radius:28px;padding:32px 28px;min-height:300px}.retail-capability-grid .eyebrow{font-size:1.0625rem;margin-bottom:18px}.retail-capability-grid h3{font-size:1.75rem;line-height:1.12;margin-bottom:20px}.retail-capability-grid article>p:last-child{font-size:1.0625rem;color:var(--muted);margin:0;line-height:1.4}.retail-analytics{padding:var(--retail-space) 0}.retail-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:72px}.retail-signal-grid article{border-top:1px solid var(--line);padding-top:24px}.retail-signal-grid span{font-size:1rem;color:var(--muted);display:block;margin-bottom:24px}.retail-signal-grid h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1;margin:0}.retail-cta{padding:var(--retail-space) 0;background:var(--paper)}.retail-cta .button{margin-top:32px}.retail-cta .eyebrow{font-size:1.0625rem}.retail-page a:focus-visible,.retail-page button:focus-visible,.retail-page [tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:1050px){.retail-capability-grid{grid-template-columns:repeat(2,1fr)}.retail-workflow{grid-template-columns:repeat(3,1fr);gap:36px}.retail-journey{gap:32px}.retail-wide{width:calc(100% - 64px)}.retail-localnav{top:70px}}
@media(max-width:700px){.retail-localnav{width:calc(100% - 32px);top:68px;padding:10px 14px;border-radius:16px;gap:12px}.retail-localnav>div>a:not(.button){display:none}.retail-localnav>div{gap:0}.retail-product-name{font-size:1rem}.retail-localnav .button{font-size:.875rem;padding:9px 12px}.retail-hero{padding-top:118px}.retail-hero h1,.retail-page h2{font-size:clamp(2.625rem,7.4vw,3.5rem)}.retail-page .eyebrow{font-size:1.125rem;margin-bottom:20px}.retail-hero .lead,.retail-intro{font-size:1.1875rem}.retail-wide{width:calc(100% - 44px)}.retail-gallery-heading{display:block;margin-bottom:32px}.retail-gallery-heading>p{margin-top:20px}.retail-gallery-heading h2,.retail-capabilities h2{font-size:2.375rem}.retail-page .swipe-rail{padding-inline:22px;scroll-padding-inline:22px;gap:16px}.retail-page .swipe-card{min-width:280px;width:280px;height:420px;padding:26px;border-radius:24px}.retail-gallery-footer{align-items:flex-start}.retail-gallery-footer>p{max-width:190px}.retail-journey{grid-template-columns:1fr;gap:32px;margin-top:50px}.retail-journey article{border-top:1px solid var(--line);padding-top:24px}.retail-journey span{margin-bottom:16px}.retail-journey h3{font-size:1.75rem}.retail-shopify-copy{margin-bottom:40px}.retail-product-stage{padding:24px 16px;border-radius:24px}.retail-product-stage img{border-radius:14px}.retail-product-stage figcaption{font-size:.875rem;margin-top:22px}.retail-workflow{grid-template-columns:1fr 1fr;gap:36px 24px;margin-top:42px}.retail-workflow span{margin-bottom:16px}.retail-workflow h3{font-size:1.375rem}.retail-capability-grid{gap:16px;margin-top:32px}.retail-capability-grid article{padding:26px 22px;min-height:0;border-radius:24px}.retail-capability-grid .eyebrow{font-size:1rem}.retail-capability-grid h3{font-size:1.5rem}.retail-signal-grid{grid-template-columns:1fr 1fr;gap:36px 24px;margin-top:48px}.retail-signal-grid h3{font-size:1.625rem}.retail-signal-grid span{margin-bottom:18px}.retail-cta .eyebrow{font-size:1rem}.retail-page section[id]{scroll-margin-top:145px}}
@media(max-width:430px){.retail-capability-grid{grid-template-columns:1fr}.retail-hero h1{font-size:clamp(2.25rem,9.6vw,2.625rem)}.retail-hero .actions{gap:20px}.retail-capability-grid h3 br{display:none}}
@media(prefers-reduced-motion:reduce){.retail-page{scroll-behavior:auto}}

/* Color-led capability section */
.retail-capabilities{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 14% -12%,#8447ff73 0%,transparent 38%),radial-gradient(circle at 92% 112%,#19c8ee4d 0%,transparent 42%),linear-gradient(145deg,#090614 0%,#17102a 52%,#071822 100%)}
.retail-capabilities::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:18%;top:12%;border-radius:50%;background:#ff6f9152;filter:blur(120px);pointer-events:none}
.retail-capabilities .retail-wide{position:relative;z-index:1}
.retail-capabilities h2{color:#fff}
.retail-capability-grid article{position:relative;overflow:hidden;color:#17131f;border:1px solid #ffffff5c;box-shadow:0 24px 55px #02020a3d}
.retail-capability-grid article::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--card-accent)}
.retail-capability-grid article:nth-child(1){--card-accent:linear-gradient(90deg,#ff5f94,#a855f7);background:linear-gradient(145deg,#fff1f7 0%,#f4c8e6 100%)}
.retail-capability-grid article:nth-child(2){--card-accent:linear-gradient(90deg,#ff7a45,#ffbf74);background:linear-gradient(145deg,#fff3e8 0%,#f8c9a4 100%)}
.retail-capability-grid article:nth-child(3){--card-accent:linear-gradient(90deg,#6158ff,#38a8ff);background:linear-gradient(145deg,#f0f2ff 0%,#c5d4ff 100%)}
.retail-capability-grid article:nth-child(4){--card-accent:linear-gradient(90deg,#00a8a8,#57dbba);background:linear-gradient(145deg,#edfffb 0%,#bcecdf 100%)}
.retail-capability-grid article:nth-child(1) .eyebrow{color:#8d2864}
.retail-capability-grid article:nth-child(2) .eyebrow{color:#9a451d}
.retail-capability-grid article:nth-child(3) .eyebrow{color:#3a43a9}
.retail-capability-grid article:nth-child(4) .eyebrow{color:#087667}
.retail-capability-grid article>p:last-child{color:#312c3bba}

/* Compact split hero: the approved story and product demo share the first view. */
.retail-hero{width:min(1500px,100%);margin-inline:auto;padding:56px clamp(28px,4.5vw,72px);display:grid;grid-template-columns:minmax(430px,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(44px,5vw,82px);text-align:left}
.retail-hero-copy{max-width:610px;padding:0;margin:0}
.retail-hero h1{font-size:clamp(3rem,4.25vw,4.35rem);line-height:1.02;margin-bottom:24px}
.retail-hero .lead{max-width:590px;margin:0 0 22px;font-size:clamp(1.08rem,1.35vw,1.25rem)}
.retail-hero .actions{justify-content:flex-start;gap:24px}
.retail-hero .trust{margin-top:18px}
.retail-hero-art{width:100%;margin:0;border-radius:30px;box-shadow:0 24px 65px #17131f20}
@media(max-width:980px){.retail-hero{grid-template-columns:1fr;max-width:900px;padding:50px 32px;gap:36px;text-align:center}.retail-hero-copy{max-width:820px;margin-inline:auto}.retail-hero .lead{max-width:690px;margin:0 auto 22px}.retail-hero .actions{justify-content:center}.retail-hero-art{border-radius:24px}}
@media(max-width:700px){.retail-hero{padding:42px 22px;gap:30px}.retail-hero h1{font-size:clamp(2.5rem,10.5vw,3.35rem);margin-bottom:20px}.retail-hero .lead{font-size:1.08rem}.retail-hero-art{border-radius:20px}}

/* Shopify integration proof point in the E-Commerce hero. */
.retail-shopify-integration{display:flex;align-items:center;gap:14px;max-width:610px;margin:0 0 22px;padding:12px 16px 12px 14px;text-align:left;border:1px solid #d8ded1;border-radius:16px;background:#f7faf3;box-shadow:0 12px 30px #4e6d2810}
.retail-shopify-mark{width:38px;height:44px;flex:0 0 auto;filter:drop-shadow(0 6px 10px #5e8e3e20)}
.retail-shopify-integration div{display:grid;gap:3px}
.retail-shopify-integration strong{font-size:1rem;line-height:1.2;letter-spacing:-.01em;color:#24311d}
.retail-shopify-integration span{font-size:.9rem;line-height:1.35;color:#5d6856}
@media(max-width:980px){.retail-shopify-integration{margin:0 auto 22px}}
@media(max-width:700px){.retail-shopify-integration{margin-bottom:20px;padding:12px 14px;border-radius:15px}.retail-shopify-mark{width:32px;height:38px}.retail-shopify-integration span{font-size:.82rem}}

/* Retail narrative expansion */
.retail-enhanced-section{padding:var(--retail-space) 0;overflow:hidden}
.retail-expansion-heading{max-width:930px;margin-bottom:64px}
.retail-expansion-heading h2{font-size:clamp(3rem,6vw,5rem);margin-bottom:28px}
.retail-expansion-heading .retail-intro{max-width:780px}
.retail-placements{background:#08080a;color:#f5f5f7}
.retail-expansion-heading.light .eyebrow,.retail-expansion-heading.light h2{color:#f5f5f7}
.retail-expansion-heading.light .retail-intro{color:#a9a9b2}
.retail-placement-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
.retail-placement-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;min-height:470px;background:#17171b;border:1px solid #ffffff12;border-radius:30px;overflow:hidden}
.retail-placement-card:nth-child(even){grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr)}
.retail-placement-card img{width:100%;height:100%;max-height:520px;object-fit:cover;background:#222228}
.retail-placement-card>div{padding:38px}
.retail-placement-card span{display:block;color:#bf86ff;font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px}
.retail-placement-card h3{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.035em;margin-bottom:16px}
.retail-placement-card p{color:#aeaeb8;font-size:1rem;line-height:1.5;margin:0}
.placement-product,.placement-campaign{grid-column:1}
.placement-collection,.placement-creator{grid-column:2}
.placement-product,.placement-collection{min-height:540px}

.retail-commerce-path{background:linear-gradient(180deg,#f5f5f7 0%,#fff 100%)}
.retail-path-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:72px;align-items:start}
.retail-path-visual{position:sticky;top:132px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #1d1d1f18}
.retail-path-visual>video{display:block;width:100%;aspect-ratio:1.08/1;object-fit:contain;object-position:center;background:#fff}
.retail-path-badge{position:absolute;left:24px;right:24px;bottom:24px;padding:22px 24px;border:1px solid #ffffff3d;border-radius:20px;background:#111116d9;color:#fff;backdrop-filter:blur(18px)}
.retail-path-badge span{display:block;color:#7ed7ff;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}
.retail-path-badge strong{display:block;font-size:1.15rem;line-height:1.25}
.retail-path-copy .retail-expansion-heading{margin-bottom:34px}
.retail-path-steps{position:relative;list-style:none;margin:0;padding:0}
.retail-path-steps::before{content:"";position:absolute;left:24px;top:42px;bottom:42px;width:1px;background:#cfd0d5}
.retail-path-steps li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid #d9d9de}
.retail-path-steps li:last-child{border-bottom:0}
.retail-path-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#111114;color:#fff;font-size:.78rem;font-weight:700}
.retail-path-steps h3{font-size:1.75rem;line-height:1.1;margin:7px 0 9px}
.retail-path-steps p{font-size:1rem;line-height:1.45;color:var(--muted);margin:0}

.retail-owned{position:relative;background:radial-gradient(circle at 82% 18%,#53348a 0%,#24173e 28%,#0d0b12 68%);color:#f5f5f7}
.retail-owned::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0008,transparent 56%);pointer-events:none}
.retail-owned-layout{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:72px}
.retail-owned-copy .eyebrow{color:#d9bfff}
.retail-owned-copy h2{font-size:clamp(3.4rem,6.5vw,5.7rem);margin:0 0 30px;color:#fff}
.retail-owned-copy>p:not(.eyebrow){max-width:650px;color:#c5c2cc;font-size:1.25rem;line-height:1.5;margin:0 0 42px}
.retail-owned-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff24}
.retail-owned-copy li{display:grid;gap:8px;padding:24px 0;border-bottom:1px solid #ffffff24}
.retail-owned-copy strong{font-size:1.1rem;color:#fff}
.retail-owned-copy li span{color:#aaa6b2;line-height:1.45}
.retail-owned-art{margin:0;padding:28px;border:1px solid #ffffff24;border-radius:34px;background:#ffffff0f;backdrop-filter:blur(18px);transform:rotate(1.2deg)}
.retail-owned-art img{display:block;width:100%;height:auto;border-radius:22px}
.retail-owned-art figcaption{color:#c5c2cc;font-size:.9rem;text-align:center;margin-top:20px}

.retail-motion-ready [data-retail-reveal]{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.retail-motion-ready [data-retail-reveal].is-visible{opacity:1;transform:none}
.retail-motion-ready .retail-placement-grid [data-retail-reveal]:nth-child(2){transition-delay:.07s}
.retail-motion-ready .retail-placement-grid [data-retail-reveal]:nth-child(3){transition-delay:.14s}
.retail-motion-ready .retail-placement-grid [data-retail-reveal]:nth-child(4){transition-delay:.21s}

@media(max-width:1060px){
  .retail-placement-grid{grid-template-columns:1fr}
  .placement-product,.placement-collection,.placement-campaign,.placement-creator{grid-column:1}
  .retail-placement-card,.retail-placement-card:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);min-height:420px}
  .retail-path-layout{gap:44px}
  .retail-owned-layout{gap:46px}
}
@media(max-width:734px){
  .retail-enhanced-section{padding:72px 0}
  .retail-expansion-heading{margin-bottom:38px}
  .retail-expansion-heading h2{font-size:clamp(2.45rem,11vw,3.5rem)}
  .retail-placement-grid{gap:16px}
  .retail-placement-card,.retail-placement-card:nth-child(even){display:block;min-height:0;border-radius:24px}
  .retail-placement-card img{height:390px;max-height:none;object-fit:cover}
  .retail-placement-card>div{padding:28px 24px 32px}
  .retail-placement-card h3{font-size:2rem}
  .retail-path-layout,.retail-owned-layout{grid-template-columns:1fr;gap:46px}
  .retail-path-visual{position:relative;top:auto;border-radius:24px}
  .retail-path-visual>video{aspect-ratio:1/1.06}
  .retail-path-badge{left:14px;right:14px;bottom:14px;padding:18px}
  .retail-path-steps li{gap:18px}
  .retail-owned-copy h2{font-size:clamp(3rem,13vw,4.2rem)}
  .retail-owned-copy>p:not(.eyebrow){font-size:1.1rem}
  .retail-owned-art{padding:14px;border-radius:25px;transform:none}
  .retail-owned-art img{border-radius:17px}
  .retail-motion-ready .retail-placement-grid [data-retail-reveal]{transition-delay:0s}
}
@media(prefers-reduced-motion:reduce){.retail-motion-ready [data-retail-reveal]{opacity:1;transform:none;transition:none}}
