/* Original transparent product images; the windows compensate for native canvas margins. */
#platforms .platform-cutout{height:clamp(180px,23vh,300px);width:100%;position:relative;overflow:hidden;border-radius:12px}
#platforms .platform-cutout img{position:absolute;display:block;max-width:none;max-height:none;object-fit:contain;background:transparent;box-shadow:none;border-radius:0}
#platforms .cutout-phone img{height:145%;width:auto;left:50%;top:-28%;transform:translateX(-50%)}
#platforms .cutout-pc img{height:120%;width:auto;left:50%;top:-18%;transform:translateX(-54%)}
#platforms .cutout-vision img{width:100%;height:168%;left:0;top:-34%}
#platforms .platform-arcade>img{object-fit:contain;background:#fff}
#platforms .spacewar-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;align-items:center;height:clamp(180px,23vh,300px);border-radius:12px;overflow:hidden;background:#fff}
#platforms .spacewar-pair img{display:block;width:100%;height:100%;min-width:0;object-fit:contain;background:#fff}

#platforms-vr.sao-motion-panel{justify-content:flex-start;padding-top:100px;padding-bottom:45px;gap:25px}
#platforms-vr.sao-motion-panel:before{display:none}
#platforms-vr.sao-motion-panel .photo-copy{order:0;max-width:none}
#platforms-vr.sao-motion-panel .eyebrow{margin-bottom:15px}
#platforms-vr.sao-motion-panel .section-title{font-size:clamp(34px,4vw,66px);max-width:none}
#platforms-vr.sao-motion-panel .support-copy{font-size:clamp(23px,2.5vw,36px);margin-top:12px;text-shadow:none}
#platforms-vr.sao-motion-panel .photo-caption{margin-top:8px;font-size:14px}
#platforms-vr.sao-motion-panel>.sao-motion{order:1;position:relative;inset:auto;z-index:0;display:block;width:100%;height:auto;max-height:68svh;max-width:none;object-fit:contain;object-position:center;border-radius:14px}

#quality.taiwu-selected-v12{padding-bottom:7vh}
#quality.taiwu-selected-v12>.scene-image{object-position:center}
#quality.taiwu-selected-v12:before{background:linear-gradient(90deg,#f4fafff2 0%,#f4faffe3 35%,#f4faff9e 59%,#f4faff05 80%),linear-gradient(0deg,#edf7ff8c,transparent 75%)}
#quality.taiwu-selected-v12 .photo-copy{max-width:68%;z-index:1}
#quality.taiwu-selected-v12 .section-title{font-size:clamp(38px,4.6vw,72px)}
#quality.taiwu-selected-v12 .support-copy{font-size:clamp(22px,2.2vw,34px)}
#quality.taiwu-selected-v12 .image-comment{font-size:clamp(17px,1.5vw,23px)}
#quality .taiwu-cover-v12{position:absolute;right:4%;bottom:7vh;z-index:0;width:clamp(195px,23vw,345px);max-width:29%;margin:0}
#quality .taiwu-cover-v12 a{display:block}
#quality .taiwu-cover-v12 img{display:block;width:100%;height:auto;max-height:67svh;object-fit:contain;box-shadow:0 18px 60px #071c4266;border-radius:8px}
#quality .taiwu-cover-v12 figcaption{display:none}

#payments .buyout-media-v12{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center}
#payments .buyout-media-v12 figure{margin:0;min-width:0;padding:0;background:transparent;border-radius:0}
#payments .buyout-media-v12 figure>a{display:flex;align-items:center;justify-content:center;height:clamp(140px,18vw,235px)}
#payments .buyout-media-v12 img{width:100%;height:100%;object-fit:contain}
#payments .steam-symbol-figure>a{border-radius:50%;background:#fff;aspect-ratio:1;width:100%;height:auto!important;padding:14%;box-sizing:border-box}
#payments .disc-figure img{border-radius:16px}
#payments .buyout-media-v12 figcaption{font-size:14px;color:#527594!important;line-height:1.35}

#differences .era-timeline{grid-template-columns:.8fr 24px 1.15fr 24px 1.15fr;gap:16px;align-items:start}
#differences .closed-engine-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;max-width:360px;margin:0 auto 25px}
#differences .closed-engine{min-width:0;margin:0;text-align:center}
#differences .closed-engine>a{display:flex;align-items:center;justify-content:center;width:clamp(76px,7.2vw,124px);height:clamp(76px,7.2vw,124px);border-radius:50%;background:#fff;box-shadow:0 10px 22px #4684b31c;margin:auto;overflow:hidden;padding:12%;box-sizing:border-box}
#differences .closed-engine img{display:block;width:100%;height:100%;object-fit:contain;filter:none;padding:0;border:0;background:transparent}
#differences .closed-engine-re_engine>a{padding:13%}
#differences .closed-engine-decima>a{padding:12% 20%}
#differences .closed-engine figcaption{font-size:15px;color:#4c779a;margin-top:10px;line-height:1.2}

#constraints .constraint-photos-v12{gap:clamp(30px,5vw,90px);margin-top:30px;align-items:start}
#constraints .constraint-photos-v12>div{min-width:0;display:block}
#constraints .constraint-photo{position:relative;width:100%;height:clamp(240px,34vh,410px);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:20px}
#constraints .constraint-photo>img{display:block;width:100%;height:100%;object-fit:contain}
#constraints .constraint-arcade{background:#fff}
#constraints .constraint-arcade>img{object-fit:contain}
#constraints .constraint-console{padding:20px 50px 20px 0}
#constraints .constraint-console>img:first-child{width:100%;height:100%;object-fit:contain}
#constraints .constraint-console>.constraint-cartridge{position:absolute;right:0;bottom:0;width:24%;height:52%;object-fit:contain;filter:drop-shadow(0 8px 15px #244e7826)}
#constraints .constraint-photos-v12 p{font-size:clamp(20px,1.9vw,30px);line-height:1.6;margin-top:22px}
#change .grail-picked-v12 img{object-fit:contain;border-radius:20px}

#label-models{padding-top:100px;padding-bottom:65px}
#label-models .model-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:clamp(25px,4vw,70px);margin-top:40px}
#label-models .diffusion-paper-figure{margin:0;min-width:0}
#label-models .diffusion-paper-figure>a{display:block}
#label-models .diffusion-paper-figure img{display:block;width:100%;height:auto;max-height:59vh;object-fit:contain;border-radius:10px;background:#fff}
#label-models .diffusion-paper-figure figcaption{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.6;margin-top:18px;color:#537d9b;text-align:center}
#label-models .diffusion-paper-figure figcaption a{color:inherit}
#label-models .label-model-marks{display:grid;gap:36px}
#label-models .label-model-mark{margin:0;text-align:center}
#label-models .label-model-mark>a{display:flex;align-items:center;justify-content:center;width:148px;height:148px;border-radius:50%;padding:28px;background:#fff;box-sizing:border-box;box-shadow:0 10px 30px #3e93d324}
#label-models .label-model-mark img{width:100%;height:100%;object-fit:contain}
#label-models .label-model-mark figcaption{font-size:18px;line-height:1.4;margin-top:14px;color:#44799e}

@media(max-width:1100px){
  #differences .era-timeline{gap:10px;grid-template-columns:.75fr 16px 1.15fr 16px 1.15fr}
  #differences .closed-engine-logos{gap:16px 10px}
  #differences .closed-engine figcaption{font-size:13px}
  #label-models .model-reference-layout{grid-template-columns:minmax(0,1fr) 116px;gap:24px}
  #label-models .label-model-mark>a{width:112px;height:112px;padding:22px}
  #label-models .label-model-mark figcaption{font-size:16px}
  #payments .buyout-media-v12{gap:10px}
  #payments .buyout-media-v12 figcaption{font-size:12px}
}
@media(max-width:800px){
  #platforms .platform-cutout,#platforms .spacewar-pair{height:190px}
  #differences .era-timeline{grid-template-columns:1fr}
  #differences .closed-engine-logos{grid-template-columns:repeat(4,1fr);max-width:500px;gap:12px;margin-bottom:22px}
  #differences .closed-engine>a{width:68px;height:68px;padding:13px}
  #constraints .constraint-photo{height:240px}
  #constraints .constraint-photos-v12{gap:28px}
  #constraints .constraint-photos-v12 p{font-size:21px}
  #label-models .model-reference-layout{grid-template-columns:1fr;margin-top:30px;gap:35px}
  #label-models .label-model-marks{display:flex;gap:45px;justify-content:center}
  #label-models .diffusion-paper-figure figcaption{font-size:14px}
  #payments .buyout-media-v12{min-height:250px}
  #payments .buyout-media-v12 figure>a{height:190px}
  #platforms-vr.sao-motion-panel{padding-top:85px;gap:20px}
  #platforms-vr.sao-motion-panel>.sao-motion{max-height:66svh;border-radius:8px}
  #quality.taiwu-selected-v12{padding-top:90px;padding-bottom:45px}
  #quality.taiwu-selected-v12 .photo-copy{max-width:100%}
  #quality.taiwu-selected-v12 .section-title{font-size:38px}
  #quality.taiwu-selected-v12:before{background:linear-gradient(90deg,#f4faffed,#f4faffaa 65%,#f4faff66),linear-gradient(0deg,#edf7ffb8,transparent 75%)}
  #quality .taiwu-cover-v12{position:relative;right:auto;bottom:auto;max-width:65%;width:250px;margin:30px auto 0}
  #quality .taiwu-cover-v12 img{max-height:48svh}
}