.dev{isolation:isolate;position:relative}.dev--desktop{border:1px solid color-mix(in oklab, var(--accent) 22%, #3a2c20);box-shadow:0 1px 0 #ffffff0f inset, 0 40px 80px -40px #000000bf, 0 18px 40px -24px color-mix(in oklab, var(--tone,#cc9c6c) 55%, transparent);background:linear-gradient(#2a221b,#17120e);border-radius:12px;padding:0;overflow:hidden}[data-theme=light] .dev--desktop{background:linear-gradient(#efe6d6,#dfd1bb);border-color:#cdbba0;box-shadow:inset 0 1px #fff9,0 40px 70px -40px #3a2c2073}.dev__chrome{align-items:center;gap:12px;height:34px;padding:0 12px;display:flex}.dev__dots{flex:none;gap:6px;display:flex}.dev__dots i{background:color-mix(in oklab, var(--accent) 45%, #3a2c20);opacity:.85;border-radius:50%;width:9px;height:9px}.dev__dots i:nth-child(2){opacity:.6}.dev__dots i:nth-child(3){opacity:.4}.dev__url{color:#dfd1bb;min-width:0;max-width:360px;height:22px;font-family:var(--font-data);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#00000047;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;margin-inline:auto;padding:0 10px;font-size:11px;display:flex;overflow:hidden}[data-theme=light] .dev__url{color:#3a2c20;background:#ffffff8c}.dev__url svg{opacity:.7;flex:none}.dev__screen{aspect-ratio:1440/900;background:#fff;position:relative;overflow:hidden;container-type:size}.dev--phone .dev__screen{aspect-ratio:390/844;border-radius:30px/14px}.dev__hero,.dev__strip{width:100%;height:auto;display:block}.dev__hero{object-fit:cover;object-position:top;height:100%}.dev__strip{opacity:0;will-change:transform;transition:opacity .42s var(--ease-out-quint);position:absolute;inset:0 0 auto}.dev.is-playing .dev__strip{opacity:1;animation:dev-scroll var(--scroll-dur,12s) cubic-bezier(.45, 0, .55, 1) infinite alternate}@keyframes dev-scroll{0%,7%{transform:translate(0,0)}93%,to{transform:translateY(calc(100cqh - 100%))}}.dev.is-manual .dev__screen{overscroll-behavior:contain;overflow-y:auto}.dev.is-manual .dev__strip{opacity:1;animation:none;position:relative}.dev.is-manual .dev__hero{display:none}.dev.is-manual .dev__screen:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.dev--phone{border:1px solid color-mix(in oklab, var(--accent) 30%, #3a2c20);box-shadow:0 0 0 1px #00000080 inset, 0 30px 60px -28px #000c, 0 10px 30px -16px color-mix(in oklab, var(--tone,#cc9c6c) 50%, transparent);background:linear-gradient(150deg,#3a2c20,#120e0b 55%,#2a2019);border-radius:38px/18px;padding:9px}[data-theme=light] .dev--phone{background:linear-gradient(150deg,#3a2c20,#1a140f 60%,#3a2c20)}.dev--phone:before,.dev--phone:after{content:"";background:color-mix(in oklab, var(--accent) 40%, #3a2c20);border-radius:2px;width:3px;position:absolute}.dev--phone:before{height:12%;top:22%;right:-3px}.dev--phone:after{height:7%;box-shadow:0 calc(100% + 40px) 0 0 color-mix(in oklab, var(--accent) 40%, #3a2c20);top:18%;left:-3px}.dev__slot{z-index:2;background:#0000008c;border-radius:4px;width:15%;height:4px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.dev__ctl{z-index:3;color:#f3ebdd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:44px;height:44px;transition:transform var(--dur-spring) var(--ease-spring), background-color var(--dur-fast);background:#0e0b09c7;border:1px solid #cc9c6c80;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.dev--desktop .dev__ctl{background:#0000004d;border-color:#cc9c6c73;width:30px;height:30px;top:2px;bottom:auto;right:8px}.dev--desktop .dev__chrome{padding-right:46px}.dev__ctl:hover{background:#0e0b09eb;transform:scale(1.06)}.dev__ctl:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.preview-btn{min-height:48px;font-size:var(--step--1);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur-fast), background-color var(--dur-fast);background:0 0;align-items:center;gap:.6em;padding:.7em 1.1em;display:inline-flex}.preview-btn:hover,.preview-btn[aria-pressed=true]{border-color:var(--accent)}.preview-btn[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 12%, transparent)}.preview-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.preview-btn__icon{width:22px;height:22px;color:var(--accent);border:1px solid;border-radius:50%;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.dev.is-playing .dev__strip{opacity:0;animation:none}}.wteaser{grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,2vw,2rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.wteaser{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.wteaser{grid-template-columns:repeat(4,minmax(0,1fr))}}.wteaser__item{position:relative}.wteaser__item .dev{transition:transform var(--dur) var(--ease-gallery)}@media (hover:hover) and (pointer:fine){.wteaser__item:hover .dev{transform:translateY(-6px)}}.wteaser__meta{grid-template-columns:auto 1fr;align-items:baseline;column-gap:.9rem;margin-top:1.1rem;display:grid}.wteaser__no{color:var(--accent);grid-row:span 3}.wteaser__name{font-size:var(--step-1);font-weight:500;line-height:1.2}.wteaser__link:after{content:"";z-index:4;position:absolute;inset:0}.wteaser__link:focus-visible{outline:none}.wteaser__item:has(.wteaser__link:focus-visible){outline:2px solid var(--focus);outline-offset:6px;border-radius:12px}.wteaser__role{color:var(--text-muted);font-size:var(--step--2);margin-top:.3rem}.wteaser__status{justify-self:start;margin-top:.6rem}@media (min-width:900px){.work-teaser__head{grid-template-columns:1.2fr 1fr;align-items:end}}.work-lede{margin-bottom:clamp(2rem,4vw,3rem)}.work-also{max-width:80ch;font-size:var(--step--1)}