@media (prefers-reduced-motion:no-preference){
  .hero .eyebrow,.hero h1,.hero .lead,.hero .actions,.hero .proofline,.hero .facts,.hero .caseWindow{animation:soft-rise .7s both cubic-bezier(.2,.7,.2,1)}
  .hero h1{animation-delay:.06s}.hero .lead{animation-delay:.12s}.hero .actions,.hero .facts{animation-delay:.18s}.hero .proofline,.hero .caseWindow{animation-delay:.24s}
  .portfolioCard,.service,.card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
  .portfolioCard:hover,.service:hover,.card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(23,19,26,.1)}
  .portfolioCard i,.featuredArrow{display:inline-block;transition:transform .25s ease}.portfolioCard:hover i,.featuredLink:hover .featuredArrow{transform:translateX(7px)}
  @keyframes soft-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
.portfolioHero h1{max-width:1000px}.portfolioGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.portfolioCard{display:grid;overflow:hidden;border:1px solid var(--line,#ddd7e1);border-radius:26px;background:#fff}.portfolioCard.featured{grid-column:1/-1;grid-template-columns:1.1fr .9fr}.portfolioVisual{display:flex;min-height:300px;align-items:flex-end;padding:28px;background:#ddd}.portfolioVisual span{padding:9px 12px;border-radius:99px;background:#17131ae6;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em}.alishbaVisual{min-height:440px;background:radial-gradient(circle at 70% 20%,#f6e8df 0 12%,transparent 38%),linear-gradient(145deg,#b78676,#f0dacf)}.rebeccaVisual{background:radial-gradient(circle at 25% 25%,#eef1e6 0 10%,transparent 35%),linear-gradient(145deg,#66745e,#cfd7c6)}.pizzaVisual{background:radial-gradient(circle at 70% 30%,#ffd166 0 10%,transparent 35%),linear-gradient(145deg,#6f201a,#c9543f)}.portfolioCopy{padding:32px}.portfolioCopy small{font-weight:800;letter-spacing:.11em;color:var(--violet,#8050df)}.portfolioCopy h2{margin:14px 0 13px;font-size:clamp(2rem,4vw,3.4rem)}.portfolioCopy p{color:var(--muted,#6b6570)}.portfolioCopy strong{display:block;margin-top:26px}.portfolioCopy i{font-style:normal}.featuredLink{display:inline-flex;align-items:center;gap:9px;font-weight:800}
@media(max-width:800px){.portfolioGrid,.portfolioCard.featured{grid-template-columns:1fr}.portfolioCard.featured{grid-column:auto}.portfolioVisual,.alishbaVisual{min-height:280px}.portfolioCopy{padding:25px}}
.livePreview{position:relative;display:block;min-height:390px;padding:22px;overflow:hidden;background:radial-gradient(circle at 85% 14%,#d8ff7845,transparent 28%),linear-gradient(145deg,#211b24,#8050df)}
.rebeccaPreview{background:radial-gradient(circle at 16% 16%,#eef4e7 0 8%,transparent 32%),linear-gradient(145deg,#39443a,#9caf9a)}
.pizzaPreview{background:radial-gradient(circle at 82% 15%,#ffd166 0 7%,transparent 30%),linear-gradient(145deg,#531b18,#b44532)}
.previewBrowser{position:absolute;inset:24px 24px 54px;border:1px solid #ffffff55;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #0006;transform:rotate(-1.2deg);transition:transform .4s ease,box-shadow .4s ease}
.portfolioCard:hover .previewBrowser{transform:rotate(0) translateY(-5px);box-shadow:0 32px 75px #0007}
.previewBar{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#eee9ef;color:#6d6570;font:700 9px Manrope;letter-spacing:.02em}.previewBar i{width:6px;height:6px;border-radius:50%;background:#b8afb9}.previewBar span{margin:0 0 0 5px!important;padding:0!important;background:none!important;color:#6d6570!important;font-size:9px!important;letter-spacing:0!important}
.previewBrowser iframe{width:160%;height:160%;border:0;transform:scale(.625);transform-origin:0 0;pointer-events:none;background:#fff}
.livePreview>span{position:absolute;z-index:3;left:34px;bottom:20px;box-shadow:0 10px 28px #0004}
.portfolioCard.featured .livePreview{min-height:470px}.portfolioCard.featured .previewBrowser{inset:25px 25px 56px}
@media(max-width:800px){.livePreview,.portfolioCard.featured .livePreview{min-height:330px;padding:15px}.previewBrowser,.portfolioCard.featured .previewBrowser{inset:15px 15px 52px;border-radius:15px}.livePreview>span{left:25px;bottom:17px}.previewBrowser iframe{width:185%;height:185%;transform:scale(.54)}}
@media(prefers-reduced-motion:reduce){.previewBrowser{transition:none!important;transform:none!important}}