/* cover art: soft iridescent glow + realistic iPhone with a screen recording inside */
.ph.art{position:relative;overflow:hidden;padding:0;background:var(--base,#F8F8FB);isolation:isolate}
.ph.art::before{content:"";position:absolute;inset:-25%;z-index:-1;filter:blur(28px);
  background:radial-gradient(40% 50% at 30% 35%,rgba(var(--c1),.38),transparent 70%),radial-gradient(45% 55% at 72% 40%,rgba(var(--c2),.34),transparent 70%),radial-gradient(40% 50% at 50% 80%,rgba(var(--c3),.34),transparent 70%);
  animation:artdrift 16s ease-in-out infinite alternate}
@keyframes artdrift{from{transform:translate(-5%,-4%) rotate(0deg)}to{transform:translate(5%,4%) rotate(10deg)}}
.cv-driver{--c1:212,204,250;--c2:196,230,250;--c3:232,224,252}
.cv-bikes{--c1:252,212,208;--c2:254,222,206;--c3:249,216,222}
.cv-ai{--c1:204,238,234;--c2:212,204,250;--c3:234,244,226}
.tile:hover .ph.art{background:var(--base,#F8F8FB)}

/* iPhone 15/16 Pro proportions: body 70.6 × 146.6 mm */
.iphone{position:relative;height:86%;aspect-ratio:706/1466;border-radius:15.6%/7.5%;
  border:2px solid transparent;
  background:linear-gradient(#0A0A0B,#0A0A0B) padding-box,
             linear-gradient(150deg,#9A9AA0 0%,#3B3B3F 22%,#D2D2D7 46%,#4A4A4E 70%,#A3A3A8 100%) border-box;
  box-shadow:0 28px 56px -22px rgba(40,36,90,.32),0 10px 22px -12px rgba(0,0,0,.28);
  transition:transform .35s ease}
.iphone .screen{position:absolute;inset:1.2% 2.6%;border-radius:14.6%/6.9%;overflow:hidden;background:#fff}
.iphone .screen video,.iphone .screen img{width:100%;height:100%;object-fit:cover;display:block}
.iphone .screen .scr{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10%;font-size:11px;line-height:1.3;color:#86868B}
.iphone .island{position:absolute;top:1.25%;left:50%;width:32%;height:4.3%;transform:translateX(-50%);border-radius:999px;background:#000;z-index:2}
.iphone .screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%)}
.iphone .b{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#7C7C82,#C9C9CE 50%,#6E6E74)}
.iphone .b-act{left:-4px;top:16%;height:3.6%}
.iphone .b-vup{left:-4px;top:23%;height:6.6%}
.iphone .b-vdn{left:-4px;top:31.5%;height:6.6%}
.iphone .b-pwr{right:-4px;top:25%;height:10%}
a:hover .iphone{transform:translateY(-6px)}
@media (prefers-reduced-motion:reduce){.ph.art::before{animation:none}.iphone{transition:none}}