/* Snapulse story layers: photos / videos under a story. 5 layouts, all phone-tidy, no layout jump (fixed boxes). */
.layer{margin:10px 0 6px;max-width:560px;clear:both}
.layer .lybox{position:relative;width:100%;aspect-ratio:16/9;max-height:220px;overflow:hidden;background:#2b2b2b;border:1px solid #a8832f;border-radius:3px;box-shadow:0 0 0 2px #f7f2e7,0 0 0 3px rgba(43,43,43,.35);box-sizing:border-box}
.layer .lybox a{display:block;width:100%;height:100%}
.layer .lybox img,.layer .lybox video,.layer .lybox iframe,.layer .lybox .lyplay{display:block;width:100%;height:100%;object-fit:cover;border:0;margin:0;padding:0;border-radius:0;aspect-ratio:auto;max-width:none}
.layer .lyplay{position:relative;background:#2b2b2b;cursor:pointer;overflow:hidden}
.layer .lyplay img{opacity:.85}
.layer .lybtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 11px -apple-system,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:#f7f2e7;color:#2b2b2b;padding:9px 14px;border-radius:18px;white-space:nowrap}
.layer .lycap{display:block;font:italic 13px/1.35 Merriweather,Georgia,serif;color:#6b6152;margin-top:6px}
.layer.lyl{font:600 11px -apple-system,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a6a1f}.layer.lyl a{color:#8a6a1f}
/* 2: thumbnail beside the words */
.layer.ly2{display:flex;gap:12px;align-items:flex-start}
.layer.ly2 .lybox{flex:0 0 35%;width:35%;aspect-ratio:4/3;max-height:none}
.layer.ly2 .lycap{flex:1;margin-top:0}
/* 3: two side by side */
.lypair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px;max-width:560px;clear:both}
.lypair .layer{margin:0}.lypair .layer .lybox{aspect-ratio:4/3;max-height:none}
/* 4: angled comic frame, picture kept whole */
.layer.ly4{padding:6px 6px 2px}
.layer.ly4 .lybox{transform:rotate(-1.2deg);border:3px solid #a8832f;border-radius:0;background:#f7f2e7;box-shadow:4px 4px 0 #2b2b2b;aspect-ratio:4/3;max-height:240px}
.layer.ly4 .lybox img{object-fit:contain}
.layer.ly4 .lycap{margin-top:10px}
/* 5: slim banner */
.layer.ly5 .lybox{aspect-ratio:auto;height:90px;max-height:90px}