.dhpc-wrap{container-type:inline-size}.dhpc-carousel{--phone-w:clamp(100px, 39cqw, 235px);--red:var(--color-red);--teal:var(--color-teal);--teal-light:var(--color-teal-light);--steel-tint:var(--color-steel-tint);--red-tint:var(--color-red-tint);box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:36px 0 44px;display:flex}.dhpc-carousel *{box-sizing:border-box}.dhpc-phone{width:var(--phone-w);position:relative}.dhpc-phone--center{z-index:2}.dhpc-phone--side{z-index:1;margin:0 calc(var(--phone-w) * -.24)}.dhpc-tilt{width:100%}.dhpc-phone--left .dhpc-tilt{transform:rotate(-6deg)scale(.86)}.dhpc-phone--right .dhpc-tilt{transform:rotate(6deg)scale(.86)}@media (prefers-reduced-motion:no-preference){.dhpc-phone{animation-name:dhpcFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.dhpc-phone--left{animation-duration:6.2s;animation-delay:-1.4s}.dhpc-phone--center{animation-duration:5.4s;animation-delay:-2.6s}.dhpc-phone--right{animation-duration:6.6s;animation-delay:-.7s}}@keyframes dhpcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.dhpc-bezel{background:var(--color-ink);border-radius:calc(var(--phone-w) * .22);padding:calc(var(--phone-w) * .045);aspect-ratio:9/19.5;position:relative;box-shadow:0 24px 44px #00000059,0 0 0 1px #ffffff29,inset 0 1px #ffffff1f}.dhpc-notch{top:calc(var(--phone-w) * .05);width:calc(var(--phone-w) * .26);height:calc(var(--phone-w) * .05);background:var(--color-ink);z-index:3;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.dhpc-screen-wrap{border-radius:calc(var(--phone-w) * .17);background:var(--steel-tint);width:100%;height:100%;position:relative;overflow:hidden}.dhpc-screen-wrap>*{opacity:0;position:absolute;inset:0;transform:translateY(8px)}@media (prefers-reduced-motion:no-preference){.dhpc-screen-wrap>*{transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1)}}.dhpc-screen-wrap>.is-visible{opacity:1;transform:translateY(0)}.dhpc-screen-wrap>.is-leaving{opacity:0;transform:translateY(-8px)}.dhpc-screen--web{background:var(--steel-tint);flex-direction:column;height:100%;display:flex}.dhpc-web-chrome{justify-content:space-between;align-items:center;padding:9% 8% 0;display:flex}.dhpc-web-dot{background:var(--color-ink);border-radius:2px;width:7px;height:7px}.dhpc-web-nav{gap:5px;display:flex}.dhpc-web-nav span{background:#b8c7cc;border-radius:2px;width:12px;height:3px}.dhpc-web-hero{background-color:var(--steel-tint);background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:9px;flex:1 0 38%;margin:8% 8% 0}.dhpc-web-body{padding:7% 8% 9%}.dhpc-tag{font-family:var(--font-mono);font-size:calc(var(--phone-w) * .0393);letter-spacing:.13em;text-transform:uppercase;border-radius:999px;margin-bottom:6px;padding:3px 7px;font-weight:600;display:inline-block}.dhpc-tag--web{background:var(--steel-tint);color:var(--teal)}.dhpc-proj-name{font-family:var(--font-display);font-weight:500;font-size:calc(var(--phone-w) * .0714);color:var(--color-ink);letter-spacing:-.01em;margin:0 0 3px}.dhpc-proj-line{font-family:var(--font-body);font-size:calc(var(--phone-w) * .0476);color:#6b6860;margin:0;line-height:1.35}.dhpc-wrap{flex-direction:column;align-items:center;display:flex}.dhpc-pause{text-align:center;margin-top:-1.75rem}@media (width<=480px){.dhpc-carousel{--phone-w:clamp(100px, 39cqw, 168px)}}.dhip[data-astro-cid-ed22dcut]{background:var(--dhip-ground);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:size}.dhip-body[data-astro-cid-ed22dcut]{transform:rotate(var(--dhip-tilt,0deg));border-radius:calc(var(--dhip-w) * .1);padding:calc(var(--dhip-w) * .032);background:#14181b;position:relative;box-shadow:0 1px 3px #00000038,0 14px 26px -6px #00000047,0 34px 60px -18px #00000057,inset 0 0 0 1px #ffffff1a}.dhip[data-astro-cid-ed22dcut].is-portrait .dhip-body[data-astro-cid-ed22dcut]{--dhip-w:62.7cqh;width:var(--dhip-w)}.dhip[data-astro-cid-ed22dcut].is-landscape .dhip-body[data-astro-cid-ed22dcut]{--dhip-w:92cqw;width:var(--dhip-w)}.dhip-screen[data-astro-cid-ed22dcut]{border-radius:calc(var(--dhip-w) * .068);background:#000;position:relative;overflow:clip}.dhip[data-astro-cid-ed22dcut].is-portrait .dhip-screen[data-astro-cid-ed22dcut]{aspect-ratio:1/1.432}.dhip[data-astro-cid-ed22dcut].is-landscape .dhip-screen[data-astro-cid-ed22dcut]{aspect-ratio:1.432}.dhip-screen[data-astro-cid-ed22dcut] img[data-astro-cid-ed22dcut]{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.dhip-cam[data-astro-cid-ed22dcut]{top:calc(var(--dhip-w) * .013);width:calc(var(--dhip-w) * .0085);height:calc(var(--dhip-w) * .0085);background:radial-gradient(circle at 34% 30%,#33444f 0%,#0a0e11 65%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.dhip[data-astro-cid-ed22dcut].is-landscape .dhip-cam[data-astro-cid-ed22dcut]{top:50%;left:calc(var(--dhip-w) * .013);transform:translateY(-50%)}