/* Product stories are scoped to this homepage section, never to customer templates. */
body[data-lw-home="v2"] .lp-portfolio {
  --lp-text:#f1f8f2; --lp-muted:#b9cec4;
  color:var(--lp-text); background:#071b16; isolation:isolate;
}
.lp-portfolio *, .lp-portfolio *::before, .lp-portfolio *::after {box-sizing:border-box}
.lp-portfolio .lp-intro {max-width:1280px;margin:auto;padding:100px 32px 72px}
.lp-portfolio .lp-eyebrow {font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-accent,#a7ecc1);line-height:1.7}
.lp-portfolio .lp-intro h2 {max-width:850px;font-size:clamp(38px,5.2vw,70px);font-weight:750;letter-spacing:-.055em;line-height:1.06;margin:20px 0 24px;color:var(--lp-text)}
.lp-portfolio .lp-intro>p {max-width:660px;font-size:18px;line-height:1.8;color:var(--lp-muted)}
.lp-portfolio .lp-index {display:flex;flex-wrap:wrap;gap:8px 26px;border-top:1px solid #36534a;margin-top:40px;padding-top:20px}
.lp-portfolio .lp-index a {display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#e6f5ea;font-size:13px;text-decoration:none}
.lp-portfolio .lp-index a span {font-size:10px;color:#a3bdaf;font-variant-numeric:tabular-nums}
.lp-portfolio .lp-scene {--lp-accent:#a6efbc;--lp-glow:#225b3b;--lp-base:#0b2119;position:relative;scroll-margin-top:110px;background:radial-gradient(ellipse at 80% 45%,var(--lp-glow),transparent 65%),var(--lp-base);border-top:1px solid #ffffff0e}
.lp-portfolio .lp-studio {--lp-accent:#bfc9ff;--lp-glow:#273555;--lp-base:#111e2c}
.lp-portfolio .lp-shop {--lp-accent:#f0d19e;--lp-glow:#59422a;--lp-base:#231e16}
.lp-portfolio .lp-work {--lp-accent:#9bdee8;--lp-glow:#174951;--lp-base:#0a2028}
.lp-portfolio .lp-roxy {--lp-accent:#e6b5e0;--lp-glow:#4c2d58;--lp-base:#21182c}
.lp-portfolio .lp-guard {--lp-accent:#a0efb7;--lp-glow:#194e36;--lp-base:#041b15}
.lp-portfolio .lp-scene:nth-of-type(even) {background:radial-gradient(ellipse at 20% 45%,var(--lp-glow),transparent 65%),var(--lp-base)}
.lp-portfolio .lp-scene-inner {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,76px);align-items:center;max-width:1344px;min-height:680px;margin:auto;padding:80px 64px}
.lp-portfolio .lp-scene:nth-of-type(even) .lp-scene-inner {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.lp-portfolio .lp-scene:nth-of-type(even) .lp-copy {grid-column:2;grid-row:1}
.lp-portfolio .lp-scene:nth-of-type(even) .lp-visual {grid-column:1;grid-row:1}
.lp-portfolio .lp-copy {min-width:0;position:relative;z-index:1;overflow-wrap:anywhere}
.lp-portfolio .lp-product {display:flex;align-items:center;gap:18px;margin-bottom:32px;font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--lp-text)}
.lp-portfolio .lp-number {font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--lp-accent);padding-right:18px;border-right:1px solid #ffffff40}
.lp-portfolio .lp-copy h3 {font-size:clamp(34px,3.7vw,53px);font-weight:750;line-height:1.08;letter-spacing:-.055em;color:var(--lp-text);margin:14px 0 24px;text-wrap:balance}
.lp-portfolio .lp-description {font-size:16px;line-height:1.85;color:#d3ded9;max-width:52ch;margin:0 0 24px}
.lp-portfolio .lp-features {font-size:12px;color:var(--lp-accent);line-height:1.9;margin:0 0 20px}
.lp-portfolio .lp-status {display:inline-flex;align-items:center;min-height:28px;gap:8px;border:1px solid #ffffff4a;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e1e9e4;background:#00000020}
.lp-portfolio .lp-status::before {content:"";width:5px;height:5px;border-radius:50%;background:var(--lp-accent)}
.lp-portfolio .lp-actions {margin:22px 0 0}
.lp-portfolio .lp-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:14px 22px;border:1px solid transparent;border-radius:9px;background:var(--lp-accent);color:#10241c;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.lp-portfolio .lp-cta:hover {transform:translateY(-2px);box-shadow:0 10px 24px #0003}
.lp-portfolio a:focus-visible {outline:3px solid #fff;outline-offset:5px}
.lp-portfolio .lp-note {max-width:52ch;margin:19px 0 0;font-size:12px;line-height:1.75;color:#b9c9c2}
.lp-portfolio .lp-visual {min-width:0;margin:0;position:relative}
.lp-portfolio .lp-image-wrap {padding:8px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff09;box-shadow:0 35px 85px #0007;transform:perspective(1600px) rotateY(-5deg) rotateZ(1deg);transition:transform .5s ease}
.lp-portfolio .lp-scene:nth-of-type(even) .lp-image-wrap {transform:perspective(1600px) rotateY(5deg) rotateZ(-1deg)}
.lp-portfolio .lp-visual:hover .lp-image-wrap {transform:perspective(1600px) rotateY(0) rotateZ(0)}
.lp-portfolio .lp-image-wrap img {display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;object-position:top;border-radius:11px}
.lp-portfolio .lp-roxy .lp-image-wrap img {aspect-ratio:1580/1111;object-fit:contain}
.lp-portfolio .lp-visual figcaption {display:flex;align-items:center;gap:12px;color:#baccc2;font-size:10px;line-height:1.8;letter-spacing:.04em;margin:24px 10px 0}
.lp-portfolio .lp-caption-line {height:1px;width:28px;flex-shrink:0;background:var(--lp-accent)}
.lp-portfolio .lp-guard .lp-image-wrap {padding:0;border:0;box-shadow:none;background:transparent;transform:none;overflow:hidden;border-radius:0}
.lp-portfolio .lp-guard .lp-image-wrap img {aspect-ratio:1/1.1;object-fit:cover;object-position:78% center;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.lp-portfolio .lp-guard .lp-scene-inner {padding-top:50px;padding-bottom:50px}
/* The editorial scenes stay dark in both themes to preserve image and text contrast. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference) {
  @supports (animation-timeline:view()) {
    .lp-portfolio .lp-visual {animation:lp-enter linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
    @keyframes lp-enter {from{translate:0 20px}to{translate:0 0}}
  }
}
@media(max-width:1100px) {.lp-portfolio .lp-scene-inner{padding:64px 32px;min-height:600px;gap:32px}.lp-portfolio .lp-copy h3{font-size:38px}}
@media(max-width:800px) {
  .lp-portfolio .lp-intro{padding:64px 24px 42px}.lp-portfolio .lp-intro>p{font-size:16px}.lp-portfolio .lp-index{gap:4px 20px}
  .lp-portfolio .lp-scene .lp-scene-inner{display:flex;flex-direction:column;align-items:stretch;padding:48px 24px 54px;gap:32px;min-height:0}
  .lp-portfolio .lp-product{margin-bottom:24px}.lp-portfolio .lp-copy h3{font-size:clamp(32px,7.5vw,48px);max-width:18ch}.lp-portfolio .lp-description{font-size:15px}
  .lp-portfolio .lp-scene .lp-image-wrap{transform:none!important}.lp-portfolio .lp-note{font-size:12px}.lp-portfolio .lp-visual{width:100%;max-width:610px;align-self:center}
  .lp-portfolio .lp-guard .lp-image-wrap img{aspect-ratio:1.25;object-position:80% center}.lp-portfolio .lp-visual figcaption{margin-top:16px}
}
@media(prefers-reduced-motion:reduce) {.lp-portfolio *, .lp-portfolio *::before, .lp-portfolio *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lp-portfolio .lp-scene .lp-image-wrap{transform:none!important}.lp-portfolio .lp-cta:hover{transform:none}}