.site-frame{border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface-strong);margin:0;overflow:hidden;box-shadow:0 30px 60px -32px #000c}.site-frame__bar{align-items:center;gap:var(--space-3);padding:.5rem .75rem;display:flex}.site-frame__dots{flex:none;gap:5px;display:flex}.site-frame__dots i{background:var(--grey-500);opacity:.5;border-radius:50%;width:7px;height:7px}.site-frame__address{border-radius:var(--radius-pill);background:var(--color-bg);font-family:var(--font-mono);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:.1rem .75rem;font-size:.68rem;overflow:hidden}.site-frame__view{position:relative}.site-frame__view>img{width:100%;height:auto}.site-frame__live{opacity:0;transition:opacity .7s var(--ease-out);position:absolute;overflow:hidden}.site-frame__live.is-playing{opacity:1}.site-frame__live svg{position:absolute}.site-frame__shape{width:100%}.site-frame__shape video{object-fit:cover;width:100%;height:100%;display:block}.site-frame__pause{left:var(--control-x);top:var(--control-y);z-index:2;width:2rem;height:2rem;color:var(--white);transition:background var(--dur-base) var(--ease-out);background:#101418c7;border:1px solid #ffffff59;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.site-frame__pause:hover{background:var(--charcoal)}.site-frame__pause svg{width:.75rem;height:.75rem}@media (width<=639px){.site-frame__pause{width:1.75rem;height:1.75rem;top:auto;bottom:.4rem;left:.4rem;transform:none}}.phone-frame{border:1px solid var(--color-line);background:var(--color-bg);border-radius:20px;margin:0;padding:4px;overflow:hidden;box-shadow:0 24px 44px -22px #000c}.phone-frame img{border-radius:16px;width:100%;height:auto}.work__head{gap:var(--space-5) var(--grid-gap);align-items:center;display:grid}.work__title{margin-top:var(--space-5)}.work__intro{max-width:34rem;font-size:var(--fs-lead);color:var(--color-text-secondary)}@media (width>=900px){.work__head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.work__intro{padding-left:var(--space-10);border-left:1px solid var(--color-line)}}.work-carousel{margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.work-carousel__viewport{border-radius:var(--radius-lg);background:radial-gradient(50% 70% at 78% 60%,#f5c4001f,#0000 70%),linear-gradient(160deg,#161b21,#101317);border:1px solid #ffffff17;position:relative;overflow:hidden;box-shadow:0 30px 70px -40px #f5c40073}.work-carousel__viewport:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd633cc,#0000);height:1.5px;position:absolute;bottom:0;left:8%;right:8%;box-shadow:0 0 18px #f5c40099}.work-carousel__track{transition:transform .7s var(--ease-out);touch-action:pan-y;display:flex}.work-slide{gap:var(--space-8);transition:opacity .5s var(--ease-out);outline:none;flex:0 0 100%;align-items:center;padding:clamp(1.5rem,1rem + 2.5vw,3.5rem);display:grid}.work-slide:not(.is-active){opacity:.25}.work-slide__meta{align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font-weight:600;display:flex}.work-slide__num{padding-right:var(--space-4);border-right:1px solid var(--color-line);font-family:var(--font-mono);color:var(--color-accent-text);font-size:1.15rem;font-weight:700}.work-slide__title{margin-top:var(--space-5);font-family:var(--font-display);letter-spacing:var(--tracking-heading);font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:700;line-height:1.05}.work-slide__intro{margin-top:var(--space-5);max-width:32rem;font-size:var(--fs-lead);color:var(--color-text-secondary)}.work-slide__features{gap:var(--space-2) var(--space-5);margin-top:var(--space-6);font-size:var(--fs-small);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-slide__features li{align-items:flex-start;gap:var(--space-2);display:flex}.work-slide__features svg{width:1.15rem;height:1.15rem;color:var(--color-accent-text);flex:none;margin-top:.1rem}.work-slide__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.work-slide__devices{padding:0 7% 4% 0;position:relative}.work-laptop__screen{background:#0b0d10;border:1px solid #3a4048;border-bottom:0;border-radius:16px 16px 0 0;padding:2.2% 2.2% 0}.work-laptop .site-frame{box-shadow:none;border:0;border-radius:4px 4px 0 0}.work-laptop .site-frame__bar{display:none}.work-laptop__base{background:linear-gradient(#cfd3d8,#8b9097 55%,#5d6268);border-radius:2px 2px 14px 14px;height:.9rem;margin:0 -7%;position:relative;box-shadow:0 24px 40px -14px #000c,0 10px 40px -10px #f5c40059}.work-laptop__base:before{content:"";background:#7d828a;border-radius:0 0 6px 6px;height:40%;position:absolute;top:0;left:42%;right:42%}.work-slide__phone{filter:drop-shadow(0 20px 30px #0009);width:22%;position:absolute;bottom:0;right:0}.work-carousel__controls{margin-top:var(--space-6);justify-content:space-between;align-items:center;display:flex;position:relative}.work-carousel__arrows{gap:var(--space-3);display:flex}.work-carousel__arrow{border:1px solid var(--color-line-strong);width:3.2rem;height:3.2rem;color:var(--color-text-secondary);transition:border-color var(--dur-base), color var(--dur-base);border-radius:50%;place-items:center;display:grid}.work-carousel__arrow:last-child{color:var(--color-accent-text)}.work-carousel__arrow:hover{border-color:var(--color-line-accent);color:var(--color-accent-text)}.work-carousel__arrow svg{width:1.2rem;height:1.2rem}.work-carousel__dots{gap:var(--space-3);display:flex;position:absolute;left:50%;transform:translate(-50%)}.work-carousel__dot{width:.8rem;height:.8rem;transition:background var(--dur-base), transform var(--dur-base);background:#3a4048;border-radius:50%}.work-carousel__dot[aria-current=true]{background:var(--yellow);transform:scale(1.15);box-shadow:0 0 10px #f5c40099}.work-carousel__arrow:focus-visible,.work-carousel__dot:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.folio__hold{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-line-accent);background:var(--color-accent-soft);font-size:var(--fs-small)}.work__concepts{margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--color-line);color:var(--color-text-secondary)}.work__concepts a{color:var(--color-accent-text);text-underline-offset:3px;text-decoration:underline}@media (width<=520px){.work-slide__features{grid-template-columns:minmax(0,1fr)}.work-slide__actions .btn{flex:auto;justify-content:center}}@media (width>=1000px){.work-slide{gap:var(--space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}@media (prefers-reduced-motion:reduce){.work-carousel__track,.work-slide{transition:none}}