.mattress-photo-page .application-hero{position:relative;isolation:isolate;overflow:hidden;background:#09191f}
.mp-hero-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}.mp-hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:61% 45%;filter:saturate(.55) brightness(.8)}
.mp-hero-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09191ffb 0%,#09191feb 27%,#09191faf 49%,#09191f48 76%,#09191f50),linear-gradient(0deg,#09191f 0%,#09191f25 45%,#09191f66 100%)}
.mattress-photo-page .application-hero .model-explorer{background:linear-gradient(145deg,#17343e75,#0b1c26d4);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid #cee7dc40;border-radius:26px;box-shadow:inset 0 1px #f1fff017,0 28px 65px #0003;overflow:hidden;min-width:0}
.mattress-photo-page .application-hero .ms-hero-model{background:transparent}
.mattress-photo-page .application-hero .application-hero-copy{position:relative;z-index:1}
.mattress-photo-page .application-hero .lead{color:#bed0d3}
.mattress-photo-page .pocket-grid .pocket-art{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a5cbd22b;border-radius:24px;background:linear-gradient(120deg,#10262eea,#0b1c25c9),url('/assets/mattress-photo/nonwoven-texture.webp') center/cover;padding:18px}
.mp-photo-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:repeat(2,240px);gap:20px;margin-top:38px}
.mp-photo-grid figure{position:relative;isolation:isolate;min-width:0;margin:0;overflow:hidden;border-radius:23px;border:1px solid #a5cbd22b;background:#10242d}
.mp-photo-grid .mp-production{grid-row:span 2}
.mp-photo-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7)}
.mp-photo-grid figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09191ff5 0%,#09191fac 24%,#09191f08 70%);pointer-events:none}
.mp-photo-grid figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:25px;color:#e1efec}
.mp-photo-grid figcaption strong{display:block;font:25px/1.2 OYTI,Arial;color:#e1efec;font-weight:400}.mattress-photo-page .mp-photo-grid figcaption p{font:12px/1.7 Arial;color:#b4cbcf;margin:10px 0 0;max-width:360px}
.mp-photo-grid .mp-production figcaption{padding:32px}.mp-photo-grid .mp-production strong{font-size:34px}.mp-photo-grid figcaption>span{display:block;font:9px/1.6 Arial;letter-spacing:.12em;color:#a7d3ca;margin-bottom:15px}
@media(max-width:800px){.mp-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.mp-photo-grid .mp-production{grid-column:1/-1;grid-row:auto;min-height:340px}.mp-photo-grid figure{min-height:260px}.mp-hero-scene::after{background:linear-gradient(180deg,#09191fe8,#09191fbe 40%,#09191f70 68%,#09191f)}.mp-hero-scene img{object-position:65% center}}
@media(max-width:540px){.mp-photo-grid{grid-template-columns:1fr;gap:16px}.mp-photo-grid .mp-production{min-height:340px}.mp-photo-grid figure{min-height:270px}.mp-photo-grid figcaption,.mp-photo-grid .mp-production figcaption{padding:24px}.mp-photo-grid .mp-production strong{font-size:29px}}
@media(prefers-reduced-transparency:reduce){.mattress-photo-page .application-hero .model-explorer{background:#112832;backdrop-filter:none}}
