.home-examples{padding:0!important;overflow:visible;background:#061326}.drift-wall{position:relative;isolation:isolate;width:calc(100% + 40px);margin-left:-20px;height:clamp(620px,65vw,780px);overflow:hidden;background:radial-gradient(ellipse at 72% 48%,#183759 0,#07172a 56%,#03101e 100%);perspective:1400px}.drift-wall:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#03101ff2,#03101fdd 17%,#03101f70 39%,transparent 66%),linear-gradient(0deg,#03101fa3,transparent 22%,transparent 78%,#03101f8f)}.drift-wall__plane{position:absolute;left:-20%;top:-12%;width:140%;height:124%;display:flex;flex-direction:column;justify-content:center;gap:12px;transform:rotateX(24deg) rotateY(-15deg) rotate(1deg) scale(1.04);transform-style:preserve-3d;will-change:transform}.drift-wall__row{height:172px;flex:none;overflow:visible;transform-style:preserve-3d}.drift-wall__track{width:-moz-max-content;width:max-content}.drift-wall__sequence,.drift-wall__track{display:flex;height:100%;transform-style:preserve-3d}.drift-wall__sequence{align-items:center;gap:12px;padding-right:12px}.drift-tile{position:relative;display:block;flex:none;width:262px;height:172px;border:0;padding:0;background:transparent;cursor:pointer;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent}.drift-tile--portrait{width:206px}.drift-tile__inner{position:absolute;inset:0;display:block;overflow:hidden;border-radius:10px;background:#132639;opacity:.65;box-shadow:0 9px 25px #0008;transform:translateZ(0);transform-style:preserve-3d;transition:opacity .32s ease,box-shadow .32s ease}.drift-tile__inner,.drift-tile__inner *{pointer-events:none}.drift-tile__before,.drift-tile__cutout,.drift-tile__shade{position:absolute;inset:0;display:block}.drift-tile__before{z-index:1}.drift-tile__cutout{z-index:2;opacity:0;background-color:#b8c0c5;background-image:linear-gradient(45deg,#929da4 25%,transparent 0),linear-gradient(-45deg,#929da4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#929da4 0),linear-gradient(-45deg,transparent 75%,#929da4 0);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;transition:opacity .6s ease-in-out}.drift-tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.drift-tile__label{position:absolute;left:12px;bottom:11px;z-index:5;display:flex;align-items:center;gap:6px;border-radius:20px;padding:5px 8px;background:#061b2dcf;color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.drift-tile__label small{color:#8effde;font-size:9px;font-weight:700}.drift-tile__shade{z-index:3;background:#000;opacity:.42;transition:opacity .75s cubic-bezier(.22,1,.36,1);pointer-events:none}.drift-tile.is-active,.drift-tile:focus-visible{z-index:5;outline:0}.drift-tile.is-active .drift-tile__inner,.drift-tile:focus-visible .drift-tile__inner{opacity:1;box-shadow:0 12px 32px #0009}.drift-tile.is-active .drift-tile__shade,.drift-tile:focus-visible .drift-tile__shade{opacity:0}.drift-tile.is-active.is-cutout-ready .drift-tile__cutout,.drift-tile:focus-visible.is-cutout-ready .drift-tile__cutout{opacity:1}.drift-tile.is-active.is-cutout-ready .drift-tile__label,.drift-tile:focus-visible.is-cutout-ready .drift-tile__label{opacity:1;transform:translateY(0);transition-delay:.12s}.drift-wall__intro{position:absolute;z-index:3;left:max(6vw,calc((100vw - 1200px)/2));top:50%;width:min(460px,42vw);transform:translateY(-50%);pointer-events:none}.drift-wall__intro h2{margin:18px 0 16px;color:#f5fbff;font-size:clamp(38px,4.4vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:900;text-shadow:0 6px 30px #000b}.drift-wall__intro p{max-width:380px;color:#c0d0de;font-size:15px;line-height:1.8;text-shadow:0 2px 12px #000}.drift-wall__intro a{display:inline-flex;align-items:center;gap:18px;margin-top:24px;border-bottom:1px solid #74f5d5;padding-bottom:8px;color:#85f5db;font-size:14px;font-weight:800;pointer-events:auto}.drift-wall__hint{position:absolute;z-index:3;right:5%;bottom:25px;border:1px solid #d3e8f055;border-radius:99px;padding:7px 12px;background:#061a2b9c;color:#e8f5f9;font-size:11px;letter-spacing:.08em;pointer-events:none}@media(max-width:900px){.drift-wall{width:calc(100% + 28px);margin-left:-14px;height:620px}.drift-wall__plane{left:-28%;width:165%;opacity:.82}.drift-wall:before{background:linear-gradient(90deg,#03101feb,#03101fb0 48%,transparent),linear-gradient(0deg,#03101fa3,transparent 25%,#03101f80)}.drift-wall__intro{left:7%;width:min(450px,76vw)}}@media(max-width:600px){.drift-wall{width:calc(100% + 24px);margin-left:-12px;height:570px}.drift-wall__plane{left:-76%;top:-8%;width:230%;transform:rotateX(17deg) rotateY(-12deg) rotate(1deg) scale(1)}.drift-wall__intro{top:45%;width:86%}.drift-wall__intro h2{font-size:38px}.drift-wall__intro p{font-size:13px}.drift-wall__hint{right:6%;bottom:16px}}@media(prefers-reduced-motion:reduce){.drift-tile__cutout{transition-duration:.01ms}}