.tilted-work{height:calc(100svh - 100px);min-height:600px;position:relative;container-type:size;overflow:hidden;background:#101214;color:#f5f3ef}.tilted-copy{position:absolute;top:5%;left:20px;right:20px;text-align:center;z-index:1;pointer-events:none}.tilted-copy .eyebrow{font-size:12px;color:#b9c0cb}.tilted-copy h1{font:600 clamp(36px,4vw,66px)/1.05 Oswald,sans-serif;margin:12px 0}.tilted-copy em{font-style:normal;color:#ff7900}.tilted-band{position:absolute;inset:0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);pointer-events:none}.tilted-tile{position:absolute;transform-style:preserve-3d}.tilted-slice{position:absolute;top:0;overflow:hidden;background:#24272b}.tilted-slice img{position:absolute;top:0;max-width:none;object-fit:cover;object-position:top}.tilted-bottom{position:absolute;bottom:5%;left:20px;right:20px;text-align:center}.tilted-bottom p{font-size:16px;line-height:1.65;color:#c8ccd3}.tilted-bottom button{padding:8px 13px;margin-top:10px;background:transparent;border:1px solid #676e78;color:#eee;cursor:pointer;font:12px 'Space Grotesk',sans-serif}.tilted-work.is-paused .tilted-tile{animation-play-state:paused!important}@media(max-width:600px){.tilted-work{min-height:570px}.tilted-copy{top:7%}.tilted-bottom p{font-size:14px}.tilted-copy h1{font-size:38px}}
/* Slightly overlap curved strips to hide subpixel raster seams. Keep each
   image on its own plane so decoded replacements cannot expose the backing. */
.tilted-slice{background:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tilted-slice img{display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}
