/* SWPF Platform LP - based on Shodoshima fixed background LP layout.
 * Loaded only by /swpf-lp.
 */
.swpf-platform-lp{
  --sea:#4f9aa1;
  --deep:#182f36;
  --deep2:#1f4c5a;
  --olive:#5d7f63;
  --leaf:#72a677;
  --clay:#c08a5a;
  --paper:#fff8ea;
  --cream:#f8ead0;
  --ink:#f6fbf8;
  --muted:#f2e6b8;
  --shadow:0 24px 70px rgba(7,19,22,.28);
  --radius:28px;
  position:relative;
  isolation:isolate;
  min-height:100vh;
  margin:0;
  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
  color:var(--ink);
  background:transparent;
  line-height:1.8;
  scroll-behavior:smooth;
}
.swpf-platform-lp, .swpf-platform-lp *{box-sizing:border-box}
.swpf-platform-lp a{color:inherit}
.swpf-platform-lp:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1;
  opacity:.15;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' seed='7'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E");
}
.swpf-platform-lp .fixed-bg-stage,
.swpf-platform-lp .fixed-bg-stage .hero-bg-slideshow,
.swpf-platform-lp .fixed-bg-stage .hero-bg-slide,
.swpf-platform-lp .fixed-bg-stage .hero-bg-smoke,
.swpf-platform-lp .fixed-bg-stage .hero-bg-crt{
  position:fixed;
  inset:0;
  pointer-events:none;
}
.swpf-platform-lp .fixed-bg-stage{z-index:0; overflow:hidden; background:#101b1d}
.swpf-platform-lp .fixed-bg-stage .hero-bg-slideshow{
  z-index:0;
  overflow:hidden;
  filter:none;
  animation:none;
}
.swpf-platform-lp .fixed-bg-stage .hero-bg-slide{
  z-index:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.045);
  transition:opacity 1800ms ease-in-out;
  filter:brightness(.82) contrast(.98) saturate(1.05) blur(.55px);
  will-change:opacity, transform, filter;
}
.swpf-platform-lp .fixed-bg-stage .hero-bg-slide.is-active{
  opacity:1;
  animation:
    swpf-lp-bg-slow-pan 18s ease-in-out infinite alternate,
    swpf-lp-bg-slide-brightness 7s ease-out forwards;
}
.swpf-platform-lp .fixed-bg-stage .hero-bg-smoke{
  z-index:1;
  background:
    radial-gradient(circle at 22% 26%, rgba(255,232,174,.16), transparent 30%),
    radial-gradient(circle at 72% 42%, rgba(86,178,189,.16), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.14) 46%, rgba(0,0,0,.62) 100%),
    rgba(22, 20, 16, .16);
  backdrop-filter:blur(.25px);
}
.swpf-platform-lp .fixed-bg-stage .hero-bg-crt{
  z-index:2;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 50%, rgba(0,0,0,.16) 50%),
    radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,.08) 56%, rgba(0,0,0,.30) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='11'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
  background-size:100% 4px, 100% 100%, 140px 140px;
  mix-blend-mode:multiply;
}
.swpf-platform-lp .nav,
.swpf-platform-lp .hero,
.swpf-platform-lp section,
.swpf-platform-lp footer{position:relative; z-index:4}
.swpf-platform-lp .container{width:min(1120px, calc(100% - 36px)); margin-inline:auto}
.swpf-platform-lp .nav{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:18px;
  padding:18px 24px;
  backdrop-filter:blur(18px);
  background:rgba(255,248,234,.72);
  border-bottom:1px solid rgba(255,255,255,.42);
}
.swpf-platform-lp .brand{display:flex; align-items:center; gap:12px; font-weight:900; color:#233f45; letter-spacing:.02em}
.swpf-platform-lp .brand-logo{display:block; height:46px; width:auto; max-width:min(360px,52vw)}
.swpf-platform-lp .brand-dot{width:14px; height:14px; border-radius:50%; background:linear-gradient(135deg,#4f9aa1,#f4c873); box-shadow:0 0 0 7px rgba(79,154,161,.12)}
.swpf-platform-lp .nav-links{display:flex; gap:18px; font-size:14px; color:#34565b; font-weight:800}
.swpf-platform-lp .nav-actions{display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-left:auto}
.swpf-platform-lp .nav a{text-decoration:none}
.swpf-platform-lp .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:12px 20px;
  border-radius:999px;
  background:var(--deep);
  color:white;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 14px 30px rgba(11,26,30,.30);
  border:0;
}
.swpf-platform-lp .btn.alt{background:rgba(255,255,255,.74); color:var(--deep); border:1px solid rgba(40,72,78,.18); box-shadow:none}
.swpf-platform-lp .hero{min-height:92vh; display:grid; align-items:center; padding:116px 24px 58px; overflow:visible; background:transparent}
.swpf-platform-lp .hero-grid{display:grid; grid-template-columns:1fr; gap:40px; align-items:center}
.swpf-platform-lp .glass-panel{
  padding:32px;
  border-radius:34px;
  background:rgba(255,248,234,.72);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 28px 72px rgba(8,20,22,.24);
  backdrop-filter:blur(9px);
}
.swpf-platform-lp .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,248,234,.76);
  border:1px solid rgba(40,72,78,.15);
  font-weight:900;
  color:#557e58;
  font-size:14px;
}
.swpf-platform-lp h1,
.swpf-platform-lp .section-title{
  font-family:Georgia, "Times New Roman", "Noto Serif JP", serif;
  letter-spacing:-.05em;
  color:#fff7e8;
  text-shadow:
    0 2px 4px rgba(0,0,0,.62),
    0 8px 24px rgba(0,0,0,.42),
    0 0 18px rgba(255,213,120,.26);
}
.swpf-platform-lp h1{margin:22px 0 20px; font-size:clamp(44px, 6.5vw, 90px); line-height:.98}
.swpf-platform-lp .glass-panel h1{color:#243f45; text-shadow:0 1px 0 rgba(255,255,255,.45)}
.swpf-platform-lp .lead{font-size:clamp(18px,2.1vw,23px); max-width:720px; color:#314f54; margin:0 0 28px}
.swpf-platform-lp .ja{font-size:.97em; color:#4d6361}
.swpf-platform-lp .hero-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:18px}
.swpf-platform-lp .media-card{position:relative; display:grid; gap:16px; justify-items:center}
.swpf-platform-lp .media-orb{position:absolute; width:min(420px,80vw); height:min(420px,80vw); border-radius:50%; background:radial-gradient(circle, rgba(255,211,128,.48), rgba(79,154,161,.34), transparent 65%); filter:blur(3px)}
.swpf-platform-lp .media-card img{position:relative; width:min(460px,100%); border-radius:34px; box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.42); background:rgba(255,255,255,.7)}
.swpf-platform-lp .case-overview-image{margin:26px auto 0; width:min(760px,100%)}
.swpf-platform-lp .case-overview-image img{display:block; width:100%}
.swpf-platform-lp .case-overview-image-muted{position:relative; overflow:hidden; border-radius:34px; padding:0}
.swpf-platform-lp .case-overview-image-muted:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:34px;
  background:linear-gradient(135deg, rgba(160,112,40,.16), rgba(246,206,128,.08));
  mix-blend-mode:multiply;
}
.swpf-platform-lp .case-overview-image-muted img{filter:sepia(.18) saturate(.88) brightness(.94) contrast(.98)}
.swpf-platform-lp section{padding:78px 0}
.swpf-platform-lp .section-title{font-size:clamp(34px,5vw,62px); line-height:1.04; margin:0 0 16px}
.swpf-platform-lp .section-lead{font-size:19px; color:#f2e6b8; max-width:860px; margin:0 0 34px; text-shadow:0 2px 10px rgba(0,0,0,.72)}
.swpf-platform-lp .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.swpf-platform-lp .cards.two{grid-template-columns:repeat(2,1fr)}
.swpf-platform-lp .card,
.swpf-platform-lp .wide-card,
.swpf-platform-lp .step,
.swpf-platform-lp .feature{
  background:rgba(255,248,234,.78);
  border:1px solid rgba(255,255,255,.38);
  border-radius:var(--radius);
  box-shadow:0 14px 38px rgba(7,19,22,.18);
  backdrop-filter:blur(7px);
}
.swpf-platform-lp .card{padding:26px}
.swpf-platform-lp .card h3{font-size:22px; margin:0 0 8px; color:#233f45}
.swpf-platform-lp .card p,
.swpf-platform-lp .card li{color:#4f6461; margin:0; line-height:1.85}
.swpf-platform-lp .card ul{margin:12px 0 0; padding-left:1.2em}
.swpf-platform-lp .icon{width:54px; height:54px; display:grid; place-items:center; border-radius:18px; margin-bottom:18px; background:linear-gradient(135deg,rgba(79,154,161,.22),rgba(255,210,128,.36)); font-size:26px}
.swpf-platform-lp .split{display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center}
.swpf-platform-lp .wide-card{display:grid; grid-template-columns:1.05fr .95fr; gap:24px; padding:24px; border-radius:40px; align-items:center}
.swpf-platform-lp .wide-card h3{font-size:28px; margin:0 0 10px; color:#233f45}
.swpf-platform-lp .wide-card p{color:#4f6461}
.swpf-platform-lp .wide-card img{width:100%; border-radius:28px; box-shadow:0 18px 42px rgba(7,19,22,.15); background:#fff}
.swpf-platform-lp .feature-list{display:grid; gap:14px; margin-top:24px}
.swpf-platform-lp .feature{display:grid; grid-template-columns:34px 1fr; gap:14px; align-items:start; padding:16px; color:#4f6461}
.swpf-platform-lp .feature strong{display:block; color:#233f45}
.swpf-platform-lp .pill-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:20px}
.swpf-platform-lp .pill{padding:8px 13px; border-radius:999px; background:rgba(79,154,161,.16); border:1px solid rgba(79,154,161,.20); color:#31575c; font-weight:800; font-size:14px}
.swpf-platform-lp .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.swpf-platform-lp .step{padding:24px}
.swpf-platform-lp .step .time{font-weight:900; color:#a86f3f; font-size:14px; letter-spacing:.08em}
.swpf-platform-lp .step h3{margin:10px 0 8px; color:#233f45}
.swpf-platform-lp .step p{color:#4f6461; margin:0}
.swpf-platform-lp .video-box{padding:18px; border-radius:26px; background:rgba(255,248,234,.78); border:1px solid rgba(255,255,255,.38); box-shadow:var(--shadow); backdrop-filter:blur(7px)}
.swpf-platform-lp .video-box img{width:100%; border-radius:18px; display:block; background:#fff}
.swpf-platform-lp .video-box .intro-video{width:100%; aspect-ratio:16/9; border-radius:18px; display:block; background:#000; box-shadow:0 18px 42px rgba(7,19,22,.14)}
.swpf-platform-lp .video-fullscreen-button{font-family:inherit; cursor:pointer}
.swpf-platform-lp .cta{padding:76px 0 90px; text-align:center}
.swpf-platform-lp .cta-box{border-radius:44px; padding:58px 26px; background:radial-gradient(circle at 30% 20%, rgba(255,210,128,.56), transparent 35%), linear-gradient(135deg, rgba(79,154,161,.92), rgba(95,127,82,.88)); color:white; box-shadow:var(--shadow)}
.swpf-platform-lp .cta-box p{max-width:780px; margin:0 auto 24px; color:rgba(255,255,255,.90); font-size:19px}
.swpf-platform-lp footer{padding:34px 0; color:#f2e6b8; font-size:14px; text-shadow:0 2px 10px rgba(0,0,0,.70)}
.swpf-platform-lp .footer-grid{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap}
@keyframes swpf-lp-bg-slide-brightness{from{filter:brightness(2.35) contrast(.98) saturate(1.05) blur(.55px)} to{filter:brightness(.82) contrast(.98) saturate(1.05) blur(.55px)}}
@keyframes swpf-lp-bg-slow-pan{from{transform:scale(1.045) translate3d(-.8%,-.4%,0)} to{transform:scale(1.075) translate3d(.8%,.4%,0)}}
@media (prefers-reduced-motion: reduce){
  .swpf-platform-lp .fixed-bg-stage .hero-bg-slideshow{filter:none; animation:none}
  .swpf-platform-lp .fixed-bg-stage .hero-bg-slide.is-active{filter:brightness(.82) contrast(.98) saturate(1.05) blur(.55px); animation:none}
}
@media (max-width:860px){
  .swpf-platform-lp .nav-links{display:none}
  .swpf-platform-lp .hero-grid,
  .swpf-platform-lp .split,
  .swpf-platform-lp .wide-card{grid-template-columns:1fr}
  .swpf-platform-lp .cards,
  .swpf-platform-lp .cards.two,
  .swpf-platform-lp .steps{grid-template-columns:1fr}
  .swpf-platform-lp section{padding:62px 0}
  .swpf-platform-lp .hero{padding-top:96px}
}

/* Detail pages linked from SWPF LP use the same shared LP CSS. */
.swpf-platform-lp.swpf-detail-lp .detail-hero{
  min-height:72vh;
  padding-top:104px;
  padding-bottom:46px;
}
.swpf-platform-lp .card-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  margin:0 0 16px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.44);
  box-shadow:0 14px 30px rgba(7,19,22,.14);
}
.swpf-platform-lp .card .card-img + h3{
  margin-top:2px;
}
.swpf-platform-lp.swpf-detail-lp .wide-card .card{
  box-shadow:none;
  background:rgba(255,255,255,.38);
}
.swpf-platform-lp.swpf-detail-lp .media-card.case-overview-image{
  width:min(920px,100%);
}
.swpf-platform-lp.swpf-detail-lp .media-card.case-overview-image img{
  width:100%;
  max-height:none;
  object-fit:contain;
  background:rgba(255,255,255,.80);
}
.swpf-platform-lp.swpf-detail-lp .feature span{
  font-size:24px;
  line-height:1;
}
.swpf-platform-lp.swpf-lp-bg-bike .fixed-bg-stage .hero-bg-smoke{
  background:
    radial-gradient(circle at 22% 26%, rgba(255,232,174,.13), transparent 30%),
    radial-gradient(circle at 72% 42%, rgba(83,142,211,.18), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.20) 46%, rgba(0,0,0,.68) 100%),
    rgba(12, 18, 28, .20);
}
.swpf-platform-lp.swpf-lp-bg-greenhouse .fixed-bg-stage .hero-bg-smoke{
  background:
    radial-gradient(circle at 22% 26%, rgba(255,232,174,.16), transparent 30%),
    radial-gradient(circle at 72% 42%, rgba(86,189,128,.17), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.13) 46%, rgba(0,0,0,.60) 100%),
    rgba(22, 20, 16, .15);
}
@media (max-width:860px){
  .swpf-platform-lp.swpf-detail-lp .detail-hero{
    min-height:auto;
    padding-top:96px;
  }
}


/* PhotoSwipe image links for LP/detail pages. */
.swpf-platform-lp .swpf-lp-photoswipe{
  display:block;
  position:relative;
  z-index:1;
  line-height:0;
  cursor:zoom-in;
  text-decoration:none;
}
.swpf-platform-lp .swpf-lp-photoswipe img{
  cursor:zoom-in;
}
.swpf-platform-lp .media-card > .swpf-lp-photoswipe{
  width:min(460px,100%);
}
.swpf-platform-lp .case-overview-image > .swpf-lp-photoswipe,
.swpf-platform-lp.swpf-detail-lp .media-card.case-overview-image > .swpf-lp-photoswipe,
.swpf-platform-lp .card > .swpf-lp-photoswipe{
  width:100%;
}
.swpf-platform-lp .case-overview-image-muted > .swpf-lp-photoswipe{
  display:block;
}

/* Motorbike case: stacked images inside one module card. */
.swpf-platform-lp .stacked-card-images{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0 0 16px;
}
.swpf-platform-lp .stacked-card-images .card-img{
  margin:0;
}

/* Motorbike case: make the main integration diagram look like aged parchment. */
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram > .swpf-lp-photoswipe{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#dcc08a;
  box-shadow:
    inset 0 0 42px rgba(84,45,14,.35),
    inset 0 0 120px rgba(54,29,9,.22),
    0 24px 54px rgba(0,0,0,.28);
}
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram > .swpf-lp-photoswipe:before,
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram > .swpf-lp-photoswipe:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:34px;
}
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram > .swpf-lp-photoswipe:before{
  background:
    radial-gradient(circle at 50% 44%, rgba(255,244,190,.35), rgba(212,172,92,.10) 42%, rgba(76,36,12,.34) 100%),
    radial-gradient(circle at 16% 18%, rgba(72,34,9,.28), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(93,45,12,.24), transparent 24%),
    radial-gradient(circle at 13% 86%, rgba(65,31,10,.30), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(87,42,13,.26), transparent 28%),
    linear-gradient(90deg, rgba(35,16,5,.30), transparent 9%, transparent 91%, rgba(35,16,5,.30)),
    linear-gradient(180deg, rgba(35,16,5,.30), transparent 9%, transparent 91%, rgba(35,16,5,.30));
  mix-blend-mode:multiply;
}
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram > .swpf-lp-photoswipe:after{
  background:
    repeating-linear-gradient(0deg, rgba(92,55,19,.06) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(92,55,19,.045) 0 1px, transparent 1px 7px);
  opacity:.45;
}
.swpf-platform-lp #bike-overview .motorbike-parchment-diagram img{
  filter:sepia(.68) saturate(.55) brightness(1.02) contrast(.88);
}

/* SWPF LP: parchment-style filter for the platform linkage diagram. */
.swpf-platform-lp .swpf-parchment-diagram > .swpf-lp-photoswipe{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#dcc08a;
  box-shadow:
    inset 0 0 42px rgba(84,45,14,.35),
    inset 0 0 120px rgba(54,29,9,.22),
    0 24px 54px rgba(0,0,0,.28);
}
.swpf-platform-lp .swpf-parchment-diagram > .swpf-lp-photoswipe:before,
.swpf-platform-lp .swpf-parchment-diagram > .swpf-lp-photoswipe:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:34px;
}
.swpf-platform-lp .swpf-parchment-diagram > .swpf-lp-photoswipe:before{
  background:
    radial-gradient(circle at 50% 44%, rgba(255,244,190,.35), rgba(212,172,92,.10) 42%, rgba(76,36,12,.34) 100%),
    radial-gradient(circle at 16% 18%, rgba(72,34,9,.28), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(93,45,12,.24), transparent 24%),
    radial-gradient(circle at 13% 86%, rgba(65,31,10,.30), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(87,42,13,.26), transparent 28%),
    linear-gradient(90deg, rgba(35,16,5,.30), transparent 9%, transparent 91%, rgba(35,16,5,.30)),
    linear-gradient(180deg, rgba(35,16,5,.30), transparent 9%, transparent 91%, rgba(35,16,5,.30));
  mix-blend-mode:multiply;
}
.swpf-platform-lp .swpf-parchment-diagram > .swpf-lp-photoswipe:after{
  background:
    repeating-linear-gradient(0deg, rgba(92,55,19,.06) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(92,55,19,.045) 0 1px, transparent 1px 7px);
  opacity:.45;
}
.swpf-platform-lp .swpf-parchment-diagram img{
  filter:sepia(.68) saturate(.55) brightness(1.02) contrast(.88);
}
.swpf-platform-lp #platform-linkage .case-overview-image{
  width:min(1100px,100%);
}
.swpf-platform-lp #platform-linkage .case-overview-image img{
  width:100%;
  max-height:none;
  object-fit:contain;
}

/* SWPF LP: case card images link to their detail pages and use the same warm sepia tone. */
.swpf-platform-lp .swpf-case-image-link{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  line-height:0;
  text-decoration:none;
  cursor:pointer;
}
.swpf-platform-lp .swpf-case-image-link:before,
.swpf-platform-lp .swpf-case-image-link:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:20px;
}
.swpf-platform-lp .swpf-case-image-link:before{
  background:
    radial-gradient(circle at 50% 45%, rgba(255,246,204,.20), rgba(218,179,105,.08) 46%, rgba(74,36,12,.30) 100%),
    radial-gradient(circle at 12% 15%, rgba(80,39,11,.22), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(87,42,13,.18), transparent 24%),
    linear-gradient(90deg, rgba(35,16,5,.22), transparent 10%, transparent 90%, rgba(35,16,5,.22)),
    linear-gradient(180deg, rgba(35,16,5,.22), transparent 10%, transparent 90%, rgba(35,16,5,.22));
  mix-blend-mode:multiply;
}
.swpf-platform-lp .swpf-case-image-link:after{
  background:
    repeating-linear-gradient(0deg, rgba(92,55,19,.045) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(92,55,19,.035) 0 1px, transparent 1px 7px);
  opacity:.38;
}
.swpf-platform-lp .swpf-case-sepia-img{
  filter:sepia(.58) saturate(.72) brightness(.98) contrast(.92);
  transition:filter .25s ease, transform .25s ease;
}
.swpf-platform-lp .swpf-case-image-link:hover .swpf-case-sepia-img,
.swpf-platform-lp .swpf-case-image-link:focus-visible .swpf-case-sepia-img{
  filter:sepia(.50) saturate(.82) brightness(1.03) contrast(.96);
  transform:scale(1.012);
}