/* ==================================================
   OEM / Shared text rules
   Page-root rules stay below main.oem-main so they cannot affect the global shell.
================================================== */
body.page-oem > main.oem-main :where(.brand-panel-copy,.development-flow-copy,.brand-experience-heading>p:last-child,.brand-experience-copy){word-break:normal;overflow-wrap:normal;line-break:strict;text-wrap:pretty}

body.page-oem > main.oem-main :where(.brand-panel-copy,.development-flow-copy>p,.brand-experience-copy) .semantic-phrase{white-space:nowrap}
body.page-oem > main.oem-main .detail-hero-tagline .semantic-phrase{display:inline-block;white-space:nowrap}

/* ==================================================
   OUR BRANDS
================================================== */
body.page-oem > main.oem-main .oem-brands-section{position:relative;isolation:isolate;padding:110px 0 124px;background-color:#fafaf7;background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url("../images/oem/our-brands-marble-leaf-shadow.png");background-repeat:no-repeat;background-position:center center;background-size:cover}
body.page-oem > main.oem-main .oem-brands-section>.container{width:min(1400px,calc(100% - 48px))}
body.page-oem > main.oem-main .oem-brands-section .section-heading{margin:0 auto 56px;text-align:center}
body.page-oem > main.oem-main .brand-panels{position:relative;isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
body.page-oem > main.oem-main .brand-panels::after{content:"";position:absolute;z-index:-1;right:5%;bottom:-22px;left:5%;height:38px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(87,119,111,.11),rgba(122,151,143,.035) 50%,rgba(255,255,255,0) 76%);filter:blur(11px);opacity:.36}
body.page-oem > main.oem-main .brand-panel{position:relative;min-height:420px;grid-template-columns:minmax(0,40%) minmax(0,60%);overflow:hidden;border-color:rgba(190,210,204,.62);border-radius:14px;background:rgba(255,254,251,.97);box-shadow:0 12px 32px rgba(31,54,60,.045);transform:translateY(0) scale(1);transform-origin:center center;transition:opacity var(--motion-duration) ease,translate var(--motion-duration) var(--motion-ease),transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease-out,box-shadow .28s ease-out}
body.page-oem > main.oem-main .brand-product{position:relative;display:flex;height:420px;min-height:420px;align-items:center;justify-content:center;padding:24px 12px 42px;margin:0;overflow:hidden;border:0;background:linear-gradient(180deg,#fff 0%,#fff 78%,rgba(240,246,243,.62) 100%)}
body.page-oem > main.oem-main .brand-product::after{content:"";position:absolute;right:12%;bottom:3%;left:12%;height:24%;pointer-events:none;background-repeat:no-repeat;background-position:center bottom;background-size:contain;filter:blur(1.2px);mix-blend-mode:multiply;opacity:.12;transform:scaleY(-1);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 76%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 76%)}
body.page-oem > main.oem-main .brand-panel:first-child .brand-product::after{background-image:url("../images/results/sales-23-goirie-cardcase.jpg")}
body.page-oem > main.oem-main .brand-panel:nth-child(2) .brand-product::after{background-image:url("../images/results/sales-12-onepet.jpg")}
body.page-oem > main.oem-main .brand-product img{position:relative;z-index:1;display:block;max-width:none;object-fit:contain;object-position:center;transform:translateY(-7px);transition:transform .28s cubic-bezier(.22,1,.36,1)}
body.page-oem > main.oem-main .brand-panel:first-child .brand-product img{width:122%;height:122%}
body.page-oem > main.oem-main .brand-panel:nth-child(2) .brand-product img{width:130%;height:130%}
body.page-oem > main.oem-main .brand-panel-copy{display:grid;grid-template-rows:40px auto auto auto auto;align-content:center;padding:42px 40px 40px;transform:translateY(-6px)}
body.page-oem > main.oem-main .brand-logo{align-self:center;height:32px;max-width:192px;object-fit:contain;object-position:left center}
body.page-oem > main.oem-main .brand-panel:nth-child(2) .brand-logo{max-width:174px}
body.page-oem > main.oem-main .brand-tagline{margin:20px 0 0;color:#213c42;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:650;line-height:1.7;letter-spacing:.01em}
body.page-oem > main.oem-main .brand-description{margin:13px 0 0;color:#617277;font-size:14px;line-height:1.85}
body.page-oem > main.oem-main .brand-trademark{display:flex;align-items:baseline;gap:8px;align-self:start;margin:18px 0;color:#718781;font-family:Arial,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:10.5px;font-weight:400;line-height:1.45;letter-spacing:.1em}
body.page-oem > main.oem-main .brand-trademark span{flex:0 0 auto;font-size:10px;letter-spacing:.13em;white-space:nowrap}
body.page-oem > main.oem-main .brand-trademark b{flex:0 0 auto;color:#a0b1ac;font-weight:400}
body.page-oem > main.oem-main .brand-trademark strong{color:#637a73;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:11px;font-weight:400;letter-spacing:.045em;white-space:nowrap}
body.page-oem > main.oem-main .brand-panel-copy .text-link{position:relative;align-self:start;justify-self:start;padding-bottom:3px;border:0;font-size:14px;transition:color .24s ease-out}
body.page-oem > main.oem-main .brand-panel-copy .text-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(40,109,87,.5);transition:width .24s cubic-bezier(.22,1,.36,1)}
body.page-oem > main.oem-main .brand-panel-copy .text-link span{display:inline-block;transition:transform .24s cubic-bezier(.22,1,.36,1)}
.motion-ready body.page-oem > main.oem-main .oem-brands-section .brand-panel:nth-child(2).is-revealed{transition-delay:.15s,.15s,0s,0s,0s}
@media (hover:hover) and (pointer:fine){
  body.page-oem > main.oem-main .oem-brands-section.is-active .brand-panel:hover{z-index:2;border-color:rgba(157,195,184,.8);box-shadow:0 18px 38px rgba(31,67,60,.1);transform:translateY(-4px) scale(1.006)}
  body.page-oem > main.oem-main .oem-brands-section.is-active .brand-panel:hover .brand-product img{transform:translateY(-9px)}
  body.page-oem > main.oem-main .brand-panel-copy .text-link:hover{color:#286d57}
  body.page-oem > main.oem-main .brand-panel-copy .text-link:hover::after{width:64px}
  body.page-oem > main.oem-main .brand-panel-copy .text-link:hover span{transform:translateX(3px)}
}

/* ==================================================
   DEVELOPMENT FLOW
================================================== */
.development-flow-section{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 110px;border-top:1px solid #edf2ef;background-color:#f5faf8;background-image:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.66)),url("../images/flow-bg-soft-mint-aqua.png");background-repeat:no-repeat;background-position:center center;background-size:cover}
body.page-oem > main.oem-main .development-flow-section>.container{position:relative;z-index:1;width:min(1440px,calc(100% - 48px))}
body.page-oem > main.oem-main .development-flow-section .section-heading{max-width:1000px;margin:0 auto 40px;text-align:center}
body.page-oem > main.oem-main .development-flow-section .section-heading>.development-flow-lead{max-width:1000px;margin:20px auto 0;color:#4d6268;font-size:16px;line-height:1.95;letter-spacing:.04em;text-align:center}
body.page-oem > main.oem-main .development-flow{position:relative;display:grid;max-width:1392px;grid-template-columns:repeat(4,minmax(0,1fr) 38px) minmax(0,1fr);align-items:stretch;gap:0;margin:0 auto;padding:0;overflow:visible}
body.page-oem > main.oem-main .development-flow-step{position:relative;z-index:1;display:grid;min-width:0;min-height:260px;grid-template-columns:minmax(64px,.8fr) minmax(72px,1fr);grid-template-rows:76px auto 1fr;align-content:start;padding:26px 19px 24px;overflow:hidden;border:1px solid rgba(194,216,211,.84);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.985),rgba(255,255,255,.92));box-shadow:0 10px 24px rgba(38,74,68,.06);text-align:center;transition:opacity var(--motion-duration) ease,translate var(--motion-duration) var(--motion-ease),border-color .28s ease-out,box-shadow .28s ease-out,transform .28s cubic-bezier(.22,1,.36,1)}
.development-flow-step::before{content:"";position:absolute;top:-54px;right:-48px;width:132px;height:132px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(149,219,207,.16),rgba(149,219,207,0) 70%)}
.development-flow-number{position:relative;z-index:1;display:grid;grid-column:1;grid-row:1;align-self:center;justify-self:center;justify-items:start;margin:0;color:#218c79}
body.page-oem > main.oem-main .development-flow-number span{font:700 10.5px/1.3 Arial,sans-serif;letter-spacing:.22em}
body.page-oem > main.oem-main .development-flow-number strong{position:relative;display:block;padding:2px 0 8px;font-family:"Times New Roman","Yu Mincho",serif;font-size:46px;font-weight:400;line-height:1;letter-spacing:-.02em}
body.page-oem > main.oem-main .development-flow-number strong::after{content:"";position:absolute;bottom:0;left:3px;width:30px;height:1px;background:#319985}
body.page-oem > main.oem-main .development-flow-node{position:relative;z-index:1;display:grid;grid-column:2;grid-row:1;width:72px;height:72px;place-items:center;align-self:center;justify-self:center;margin:0;border:1px solid rgba(143,199,185,.4);border-radius:50%;color:#167d71;background:linear-gradient(145deg,rgba(232,247,243,.94),rgba(239,248,248,.72));box-shadow:inset 0 0 0 6px rgba(255,255,255,.3)}
body.page-oem > main.oem-main .development-flow-node svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-oem > main.oem-main .development-flow-copy{display:grid;width:100%;grid-column:1/-1;grid-row:2/4;grid-template-rows:minmax(40px,auto) auto;align-content:start;padding-top:13px}
body.page-oem > main.oem-main .development-flow-copy h3{display:grid;min-height:40px;place-items:start center;margin:0;padding:0;color:#17333b;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;font-weight:700;line-height:1.55;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:normal;text-align:center}
body.page-oem > main.oem-main .development-flow-copy>p{max-width:20em;margin:9px auto 0;color:#617579;font-size:14px;line-height:1.74;text-align:center}
body.page-oem > main.oem-main .development-flow-copy>p .semantic-phrase{display:block}
body.page-oem > main.oem-main .development-flow-copy .development-flow-line{display:block;white-space:nowrap}
.motion-ready .development-flow>.reveal-target:nth-child(2).is-revealed{transition-delay:.05s,.05s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(3).is-revealed{transition-delay:.1s,.1s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(4).is-revealed{transition-delay:.15s,.15s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(5).is-revealed{transition-delay:.2s,.2s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(6).is-revealed{transition-delay:.25s,.25s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(7).is-revealed{transition-delay:.3s,.3s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(8).is-revealed{transition-delay:.35s,.35s,0s,0s,0s}
.motion-ready .development-flow>.reveal-target:nth-child(9).is-revealed{transition-delay:.4s,.4s,0s,0s,0s}
@media (min-width:821px){body.page-oem > main.oem-main .development-flow-lead{white-space:nowrap}}
@media (hover:hover) and (pointer:fine){
  .development-flow .development-flow-step:hover{border-color:rgba(151,199,188,.9);box-shadow:0 16px 32px rgba(38,74,68,.1);transform:translateY(-3px);transition-delay:0s}
}

/* ==================================================
   BRAND EXPERIENCE
================================================== */
.brand-experience-section{--experience-card-radius:14px;position:relative;padding:112px 0 120px;border-top:1px solid rgba(219,229,225,.72);background:var(--soft)}
.brand-experience-section>.container{width:min(1320px,calc(100% - 48px))}
.brand-experience-heading{display:block;max-width:760px;margin:0 auto 52px;text-align:center}
.brand-experience-heading .section-kicker,.brand-experience-heading h2{margin-inline:auto}
.brand-experience-heading>p:last-child{max-width:740px;margin:22px auto 0;color:#4d6268;font-size:15.5px;line-height:1.95;letter-spacing:.04em}
.experience-lead-line{display:block;white-space:nowrap}
.experience-lead-phrase{display:inline-block;white-space:nowrap}
.brand-experience-grid{display:grid;width:100%;max-width:1150px;grid-template-columns:repeat(2,minmax(0,560px));grid-auto-rows:1fr;justify-content:center;gap:30px;margin-inline:auto}
.brand-experience-card{display:grid;min-width:0;grid-template-rows:auto 1fr;align-content:start;overflow:hidden;border:1px solid #dce6e2;border-radius:var(--experience-card-radius);background:#fff;box-shadow:0 10px 28px rgba(31,54,60,.04);transition:opacity var(--motion-duration) ease,translate var(--motion-duration) var(--motion-ease),transform .48s cubic-bezier(.22,.61,.36,1),border-color .35s ease,box-shadow .35s ease}
.brand-experience-visual{position:relative;width:100%;align-self:start;margin:0;overflow:hidden;border-bottom:1px solid #e4ebe8;border-radius:var(--experience-card-radius) var(--experience-card-radius) 0 0;background:#edf4f2}
.brand-experience-visual::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.brand-experience-visual img{display:block;width:100%;max-width:100%;height:auto;border-radius:0;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .45s ease}
body.page-oem > main.oem-main .brand-experience-card:nth-child(4) .brand-experience-visual{border-radius:var(--experience-card-radius) var(--experience-card-radius) 0 0;background:linear-gradient(90deg,#d3d9da,#dde2e6 52%,#c7cfd4)}
body.page-oem > main.oem-main .brand-experience-card:nth-child(4) .brand-experience-visual img{border-radius:var(--experience-card-radius) var(--experience-card-radius) 0 0;-webkit-mask-image:radial-gradient(circle 14px at left bottom,transparent 0 13px,#000 13.5px),radial-gradient(circle 14px at right bottom,transparent 0 13px,#000 13.5px);-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-image:radial-gradient(circle 14px at left bottom,transparent 0 13px,#000 13.5px),radial-gradient(circle 14px at right bottom,transparent 0 13px,#000 13.5px);mask-composite:intersect;mask-repeat:no-repeat}
.brand-experience-copy{display:block;min-width:0;padding:28px 24px 30px}
.brand-experience-meta{display:flex;width:100%;max-width:100%;align-items:center;gap:11px;margin-bottom:14px}
.brand-experience-meta span{display:flex;flex:0 0 auto;align-items:center;gap:11px;color:#4f8277;font:500 14px/1 Georgia,"Times New Roman",serif;letter-spacing:.08em}
.brand-experience-meta span::after{content:"";display:block;width:34px;height:1px;background:#a9c9be}
.brand-experience-meta p{margin:0;color:#63897f;font:500 12px/1.4 Arial,sans-serif;letter-spacing:.11em}
.brand-experience-copy h3{margin:0;color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:650;line-height:1.5;letter-spacing:-.015em}
.brand-experience-copy>p{max-width:100%;margin:17px 0 0;color:#5b7075;font-size:15px;line-height:1.78}
.brand-experience-copy-line{display:block;white-space:nowrap}
.motion-ready .brand-experience-card:nth-child(2).is-revealed{transition-delay:.07s,.07s,0s,0s,0s}
.motion-ready .brand-experience-card:nth-child(3).is-revealed{transition-delay:.14s,.14s,0s,0s,0s}
.motion-ready .brand-experience-card:nth-child(4).is-revealed{transition-delay:.21s,.21s,0s,0s,0s}
@media (hover:hover){
  .brand-experience-section.is-active .brand-experience-card:hover{border-color:rgba(157,195,184,.72);box-shadow:0 18px 40px rgba(31,67,60,.085);transform:translateY(-4px);transition-delay:0s}
  .brand-experience-section.is-active .brand-experience-card:hover .brand-experience-visual img{transform:scale(1.018);filter:saturate(1.025)}
}

/* ==================================================
   Responsive / Tablet
================================================== */
@media (max-width:1180px){
  body.page-oem > main.oem-main .oem-brands-section>.container{width:min(1080px,calc(100% - 48px))}
  body.page-oem > main.oem-main .brand-panel{min-height:400px;grid-template-columns:minmax(0,40%) minmax(0,60%)}
  body.page-oem > main.oem-main .brand-product{height:400px;min-height:400px;aspect-ratio:auto;padding:22px 12px 40px}
  body.page-oem > main.oem-main .brand-panel-copy{padding-inline:32px}
  .brand-experience-section>.container{width:calc(100% - 48px)}
  .brand-experience-grid{gap:20px}
  .brand-experience-copy{padding:24px 24px 28px}
  .brand-experience-copy>p{font-size:14.25px}
  body.page-oem > main.oem-main .development-flow-section{padding:86px 0 94px}
  body.page-oem > main.oem-main .development-flow-section>.container{width:min(900px,calc(100% - 64px))}
  body.page-oem > main.oem-main .development-flow{max-width:880px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);grid-template-rows:auto 36px auto 36px auto}
  body.page-oem > main.oem-main .development-flow-step{min-height:248px;grid-template-columns:minmax(66px,.8fr) minmax(72px,1fr);grid-template-rows:72px auto 1fr;padding:25px 26px 24px}
  body.page-oem > main.oem-main .development-flow-copy{grid-template-rows:minmax(40px,auto) auto;padding-top:10px}
  body.page-oem > main.oem-main .development-flow-copy h3{min-height:40px;font-size:20px}
  body.page-oem > main.oem-main .development-flow-copy>p{max-width:27em;font-size:14px}
  .development-flow-step:nth-of-type(1){grid-column:1;grid-row:1}
  .development-flow-step:nth-of-type(2){grid-column:3;grid-row:1}
  .development-flow-step:nth-of-type(3){grid-column:3;grid-row:3}
  .development-flow-step:nth-of-type(4){grid-column:1;grid-row:3}
  .development-flow-step:nth-of-type(5){grid-column:1;grid-row:5}
  .development-flow>.development-flow-arrow:nth-of-type(1){grid-column:2;grid-row:1}
  .development-flow>.development-flow-arrow:nth-of-type(2){grid-column:3;grid-row:2}
  .development-flow>.development-flow-arrow:nth-of-type(3){grid-column:2;grid-row:3}
  .development-flow>.development-flow-arrow:nth-of-type(4){grid-column:1;grid-row:4}
  .development-flow>.development-flow-arrow:nth-of-type(n){width:36px;height:36px}
  .development-flow>.development-flow-arrow:nth-of-type(2) svg,.development-flow>.development-flow-arrow:nth-of-type(4) svg{transform:rotate(90deg)}
  .development-flow>.development-flow-arrow:nth-of-type(3) svg{transform:rotate(180deg)}
}

@media (min-width:1181px) and (max-width:1300px){
  body.page-oem > main.oem-main .development-flow-step{padding-inline:8px}
  body.page-oem > main.oem-main .development-flow-copy h3{font-size:20px;letter-spacing:-.035em}
  body.page-oem > main.oem-main .development-flow-copy>p{font-size:13.5px}
}

@media (min-width:821px) and (max-width:1100px){
  .brand-experience-copy{padding-inline:20px}
  .brand-experience-copy>p{max-width:100%;margin-left:0}
  .brand-experience-copy>.brand-experience-data-copy{font-size:13.5px;letter-spacing:-.018em}
  .brand-experience-copy-line{white-space:normal}
}

@media (max-width:1100px){
  body.page-oem > main.oem-main .brand-panels::after{display:none}
  body.page-oem > main.oem-main .brand-panels{grid-template-columns:1fr;max-width:880px;margin-inline:auto}
  body.page-oem > main.oem-main .brand-panel{min-height:380px;grid-template-columns:minmax(280px,40%) minmax(0,60%)}
  body.page-oem > main.oem-main .brand-panel:first-child .brand-product img{width:118%;height:118%}
  body.page-oem > main.oem-main .brand-panel:nth-child(2) .brand-product img{width:112%;height:112%}
  body.page-oem > main.oem-main .brand-product{height:380px;min-height:380px;aspect-ratio:auto}
}

@media (max-width:960px){
  body.page-oem > main.oem-main .brand-panels{grid-template-columns:1fr;max-width:840px;margin-inline:auto}
  body.page-oem > main.oem-main .brand-panel{min-height:372px;grid-template-columns:minmax(270px,40%) minmax(0,60%)}
  body.page-oem > main.oem-main .brand-product{height:372px;min-height:372px}
  .brand-experience-heading{max-width:720px;margin-bottom:40px}
  .brand-experience-heading>p:last-child{margin-top:18px}
  .brand-experience-grid{gap:20px}
  .brand-experience-copy{padding:22px 24px 26px}
  .brand-experience-copy h3{font-size:22px}
}

/* ==================================================
   Responsive / Mobile
================================================== */
@media (max-width:820px){
  body.page-oem > main.oem-main .oem-brands-section{padding:78px 0 82px}
  body.page-oem > main.oem-main .oem-brands-section>.container,.brand-experience-section>.container{width:calc(100% - 48px)}
  body.page-oem > main.oem-main .development-flow-section{padding:76px 0 84px;background-position:28% center}
  body.page-oem > main.oem-main .development-flow-section>.container{width:min(620px,calc(100% - 48px))}
  body.page-oem > main.oem-main .development-flow-section .section-heading{margin-bottom:34px}
  body.page-oem > main.oem-main .development-flow{max-width:560px;grid-template-columns:1fr;grid-template-rows:none}
  body.page-oem > main.oem-main .development-flow-step,body.page-oem > main.oem-main .development-flow-step:nth-of-type(n){grid-column:1;grid-row:auto;min-height:0;padding:23px 28px 24px}
  body.page-oem > main.oem-main .development-flow-copy{grid-template-rows:minmax(42px,auto) auto}
  body.page-oem > main.oem-main .development-flow-copy h3{min-height:42px;font-size:20px}
  body.page-oem > main.oem-main .development-flow-copy>p{max-width:29em;font-size:13.5px}
  .development-flow>.development-flow-arrow,.development-flow>.development-flow-arrow:nth-of-type(n){grid-column:1;grid-row:auto;width:36px;height:36px}
  .development-flow>.development-flow-arrow svg,.development-flow>.development-flow-arrow:nth-of-type(n) svg{width:15px;height:15px;transform:rotate(90deg)}
  .brand-experience-section{padding:84px 0 92px}
  .brand-experience-grid{grid-template-columns:minmax(0,550px);max-width:550px;margin-inline:auto}
  .brand-experience-copy-line{display:inline;white-space:normal}
  .brand-experience-copy{min-height:0;grid-template-rows:auto auto 1fr}
  .experience-lead-line{display:block;white-space:normal}
}

@media (max-width:600px){
  body.page-oem > main.oem-main .oem-brands-section>.container,.brand-experience-section>.container{width:calc(100% - 32px)}
  body.page-oem > main.oem-main .brand-panel{min-height:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}
  body.page-oem > main.oem-main .brand-product{height:auto;min-height:0;aspect-ratio:4/3;padding:24px;border:0}
  body.page-oem > main.oem-main .brand-product::after{right:14%;left:14%;height:22%}
  body.page-oem > main.oem-main .brand-panel:first-child .brand-product img{width:110%;height:110%}
  body.page-oem > main.oem-main .brand-panel:nth-child(2) .brand-product img{width:116%;height:116%}
  body.page-oem > main.oem-main .brand-panel-copy{grid-template-rows:38px auto auto auto auto;padding:30px 26px 31px;transform:none}
  body.page-oem > main.oem-main .brand-tagline{margin-top:15px;font-size:17px}
  body.page-oem > main.oem-main .brand-description{margin-top:12px;font-size:13.5px}
  body.page-oem > main.oem-main .brand-trademark{margin:14px 0 19px}
  body.page-oem > main.oem-main .development-flow-section>.container{width:calc(100% - 40px)}
  body.page-oem > main.oem-main .development-flow-step,body.page-oem > main.oem-main .development-flow-step:nth-of-type(n){min-height:0;grid-template-columns:minmax(64px,.78fr) minmax(72px,1fr);padding:22px 22px 23px}
  body.page-oem > main.oem-main .development-flow-copy h3{font-size:19px}
  body.page-oem > main.oem-main .development-flow-copy>p{font-size:13px;line-height:1.82}
  .brand-experience-heading{margin-bottom:34px}
  .brand-experience-heading>p:last-child{margin-top:17px;font-size:13.5px;line-height:1.75}
  .brand-experience-heading>p:last-child .semantic-phrase{display:inline-block}
  .brand-experience-copy{min-height:0;padding:22px 22px 26px}
  .brand-experience-meta{gap:9px;margin-bottom:10px}
  .brand-experience-meta span{font-size:12.5px}
  .brand-experience-meta span::after{width:24px}
  .brand-experience-meta p{font-size:11px;letter-spacing:.11em}
  .brand-experience-copy h3{font-size:20px;line-height:1.55}
  .brand-experience-copy>p{max-width:100%;margin:14px 0 0;font-size:13.5px;line-height:1.78}
  .brand-experience-copy>p br{display:none}
}

@media (max-width:390px){
  body.page-oem > main.oem-main .development-flow-section>.container{width:calc(100% - 32px)}
  body.page-oem > main.oem-main .development-flow-step,body.page-oem > main.oem-main .development-flow-step:nth-of-type(n){padding-inline:19px}
  body.page-oem > main.oem-main .development-flow-copy>p{font-size:13px}
  .brand-experience-copy{padding-inline:21px}
  .brand-experience-copy h3{font-size:19px}
}

/* ==================================================
   Motion / Reduced Motion
================================================== */
@media (prefers-reduced-motion:reduce){
  body.page-oem > main.oem-main .brand-panel,body.page-oem > main.oem-main .brand-product img,body.page-oem > main.oem-main .brand-panel-copy .text-link,body.page-oem > main.oem-main .brand-panel-copy .text-link span{transition:none!important}
  .development-flow-step,.development-flow-arrow{transition:none!important}
  .brand-experience-card,.brand-experience-visual img{transition:none!important}
}