@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.proj-hero{position:relative;min-height:48vh;display:flex;flex-direction:column;justify-content:flex-end}.proj-hero--no-thumb{min-height:0;justify-content:flex-start;padding-top:112px;padding-bottom:40px}.proj-hero{overflow:hidden}.proj-hero__bg{position:absolute;inset:0;background-image:var(--thumb);background-size:cover;background-position:center;filter:brightness(.35) blur(8px);transform:scale(1.06)}.proj-hero__gradient{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0a,#0a0a0a80 55%,#0a0a0a0d)}.proj-hero__inner{position:relative;z-index:2;padding-top:112px;padding-bottom:52px}.proj-hero__inner--no-thumb{padding-top:0;padding-bottom:0}.proj-hero__bread{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f5f5f559;margin-bottom:36px}.proj-hero__bread a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1)}.proj-hero__bread a:hover{color:#f5f5f5bf}.proj-hero__bread span:last-child{color:#f5f5f599}.proj-hero__content{display:flex;flex-direction:column;gap:20px}.proj-hero__tags{display:flex;flex-wrap:wrap;gap:8px}.proj-hero__tag{display:inline-flex;align-items:center;padding:5px 14px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tc, #F0A533);border:1px solid color-mix(in srgb,var(--tc, #F0A533) 50%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--tc, #F0A533) 10%,transparent);backdrop-filter:blur(8px)}.proj-hero__title{font-size:clamp(36px,7vw,88px);font-weight:700;letter-spacing:-.045em;line-height:.9;color:#f5f5f5;max-width:900px}.proj-hero__meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#f5f5f566;font-weight:500;letter-spacing:.06em}.proj-hero__meta-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.proj-hero__meta-sep{color:#f5f5f533}.proj-hero__bar{position:relative;z-index:2;height:2px;background:linear-gradient(to right,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent))}.proj-body{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;padding-top:48px;padding-bottom:80px}@media(max-width:900px){.proj-body{grid-template-columns:1fr}}.proj-main{display:flex;flex-direction:column;gap:40px}.proj-section-title{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #1f1f1f;color:#f5f5f5;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.dev-article-hero{min-height:0;overflow:hidden;background:radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 30%),linear-gradient(135deg,#1c1c1cf5,#0a0a0a 68%)}.dev-article-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--accent) 44%,transparent),transparent)}.dev-article-hero__inner{padding-top:118px;padding-bottom:58px}.dev-article-hero__grid{display:block}.dev-article-hero__content{max-width:920px}.dev-article-hero__intro{max-width:62ch;margin:0;color:#f5f5f5b8;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.dev-article-hero__cta{width:fit-content;display:inline-flex;align-items:center;gap:10px;margin-top:2px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--accent) 34%,#1f1f1f);border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,rgba(245,245,245,.04));color:#f5f5f5;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:border-color .15s cubic-bezier(0,0,.2,1),background .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1)}.dev-article-hero__cta:hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,rgba(245,245,245,.04))}.dev-article-layout{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,48px)}.dev-article-main{max-width:880px}.dev-article-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.dev-article-gallery .gallery-thumb{appearance:none;width:100%;padding:0;border:1px solid #1f1f1f;border-radius:8px;overflow:hidden;background:#141414;aspect-ratio:4/3;cursor:zoom-in}.dev-article-gallery .gallery-thumb img{transition:transform .36s cubic-bezier(0,0,.2,1)}.dev-article-gallery .gallery-thumb:hover img{transform:scale(1.04)}.prose{color:#f5f5f5a6;font-size:1rem;line-height:1.8}.prose h1{display:none}.prose hr{border:none;border-top:1px solid #1f1f1f;margin:32px 0}.prose h2{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#f5f5f5;margin:40px 0 14px;padding-top:40px;border-top:1px solid #1f1f1f}.prose h2:first-child{margin-top:0;padding-top:0;border-top:none}.prose h3{font-size:1.125rem;font-weight:600;color:#f5f5f5e6;margin:28px 0 8px}.prose p{margin:0 0 18px}.prose .lead{font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.75;color:#f5f5f5e0;max-width:64ch}.prose strong{color:#f5f5f5;font-weight:600}.prose blockquote{margin:28px 0;padding:20px 22px;border-left:3px solid var(--accent, #F0A533);border-radius:0 12px 12px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent, #F0A533) 10%,transparent),#f5f5f505);color:#f5f5f5d1}.prose blockquote p:last-child{margin-bottom:0}.prose a{color:var(--accent, #F0A533);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:#f5f5f5}.prose ul,.prose ol{padding-left:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;list-style:none}.prose ul li,.prose ol li{padding-left:20px;position:relative}.prose ul li:before,.prose ol li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--accent, #F0A533)}.prose iframe{width:100%;aspect-ratio:16/9;min-height:480px;border-radius:12px;border:1px solid #1f1f1f;display:block;margin:24px 0}.prose .rich-embed{display:flex;flex-direction:column;gap:14px;margin:24px 0 28px}.prose .rich-embed--flush{margin-top:0}.prose .rich-embed__head{display:flex;flex-direction:column;gap:6px}.prose .rich-embed__label{margin:0;color:var(--accent, #F0A533);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.prose .rich-embed__title{color:#f5f5f5eb;font-size:1.125rem;line-height:1.15}.prose .rich-embed__frame{overflow:hidden;border:1px solid #1f1f1f;border-radius:16px;background:linear-gradient(180deg,#141414,#1c1c1c);box-shadow:0 18px 40px #0000002e}.prose .rich-embed__frame iframe{margin:0;border:0;border-radius:0;min-height:0}.prose .rich-embed__frame--video iframe{aspect-ratio:16/9;min-height:0}.prose .rich-embed__frame--figma iframe{aspect-ratio:16/10;min-height:640px}@media(max-width:700px){.prose .rich-embed__frame--figma iframe{min-height:480px}}.prose .external-link-card{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);border:1px solid #1f1f1f;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#141414,#1c1c1c);text-decoration:none;transition:transform .15s cubic-bezier(0,0,.2,1),border-color .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1)}.prose .external-link-card:hover{transform:translateY(-2px);border-color:var(--accent, #F0A533);box-shadow:0 18px 40px #0000002e}.prose .external-link-card:hover .external-link-card__title{color:#f5f5f5}.prose .external-link-card__media,.prose .external-link-card__placeholder{min-height:180px;background:#1c1c1c}.prose .external-link-card__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.prose .external-link-card__placeholder{display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent, #F0A533) 18%,transparent),transparent 48%),linear-gradient(135deg,#1c1c1c,#0a0a0a)}.prose .external-link-card__placeholder span{color:#f5f5f5b8;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.4}.prose .external-link-card__body{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 20px}.prose .external-link-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.prose .external-link-card__label{margin:0;color:var(--accent, #F0A533);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.prose .external-link-card__title{color:#f5f5f5eb;font-size:1.125rem;line-height:1.15;transition:color .15s cubic-bezier(0,0,.2,1)}.prose .external-link-card__description{margin:0;color:#f5f5f599;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prose .external-link-card__url{flex-shrink:0;color:#f5f5f5b8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(245,245,245,.08);border-radius:999px;background:#f5f5f50a}@media(max-width:700px){.prose .external-link-card{grid-template-columns:1fr}}.prose .external-site-embed{display:flex;flex-direction:column;width:100%;max-width:100%;border:1px solid #1f1f1f;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#141414,#1c1c1c);text-decoration:none;transition:transform .15s cubic-bezier(0,0,.2,1),border-color .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1)}.prose .external-site-embed:hover{transform:translateY(-2px);border-color:var(--accent, #F0A533);box-shadow:0 18px 40px #0000002e}.prose .external-site-embed:hover .external-site-embed__title{color:#f5f5f5}.prose .external-site-embed__frame{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;overflow:hidden;background:#1c1c1c;border-bottom:1px solid #1f1f1f}.prose .external-site-embed__frame iframe{position:absolute;inset:0;width:128%;height:128%;min-height:0;border:0;border-radius:0;margin:0;transform:scale(.78);transform-origin:top left;pointer-events:none;filter:saturate(.96) contrast(1.02)}.prose .external-site-embed__shield{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0a38,#0a0a0a00 45%),linear-gradient(to right,#0a0a0a14,#0a0a0a00);pointer-events:none}.prose .external-site-embed__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}.prose .external-site-embed__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.prose .external-site-embed__label{margin:0;color:var(--accent, #F0A533);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.prose .external-site-embed__title{color:#f5f5f5eb;font-size:1.125rem;line-height:1.15;transition:color .15s cubic-bezier(0,0,.2,1)}.prose .external-site-embed__description{margin:0;color:#f5f5f599;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prose .external-site-embed__url{flex-shrink:0;color:#f5f5f5b8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(245,245,245,.08);border-radius:999px;background:#f5f5f50a}@media(max-width:700px){.prose .external-site-embed__meta{flex-direction:column;align-items:flex-start}.prose .external-site-embed__frame{aspect-ratio:4/3}.prose .external-site-embed__body{padding:16px}}.proj-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:88px}@media(max-width:900px){.proj-sidebar{position:static}}.proj-card{background:#141414;border:1px solid #1f1f1f;border-radius:12px;padding:20px}.proj-card__title{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#767676;margin-bottom:18px}.proj-card__rows{display:flex;flex-direction:column;gap:10px}.proj-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.75rem;padding-bottom:10px;border-bottom:1px solid #1f1f1f}.proj-card__row:last-child{border-bottom:none;padding-bottom:0}.proj-card__row-label{color:#767676;flex-shrink:0}.proj-card__row-value{color:#f5f5f5;font-weight:500;text-align:right}.proj-card__row-value a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent, #F0A533) 58%,transparent);text-underline-offset:3px}.proj-card__row-value a:hover{color:var(--accent, #F0A533)}.proj-site-preview{display:flex;flex-direction:column;border:1px solid #1f1f1f;border-radius:12px;overflow:hidden;text-decoration:none;transition:border-color .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1)}.proj-site-preview:hover{border-color:var(--accent, #F0A533);transform:translateY(-2px)}.proj-site-preview:hover .proj-site-preview__img img{transform:scale(1.04)}.proj-site-preview:hover .proj-site-preview__label{color:#f5f5f5}.proj-site-preview__img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#1c1c1c}.proj-site-preview__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s cubic-bezier(0,0,.2,1);display:block}.proj-site-preview__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#141414;color:var(--accent, #F0A533)}.proj-site-preview__label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#767676;transition:color .15s cubic-bezier(0,0,.2,1)}.proj-back{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#767676;border:1px solid #1f1f1f;border-radius:12px;background:#141414;text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1),border-color .15s cubic-bezier(0,0,.2,1),background .15s cubic-bezier(0,0,.2,1)}.proj-back svg{flex-shrink:0}.proj-back:hover{color:#f5f5f5;border-color:var(--accent, #F0A533);background:color-mix(in srgb,var(--accent, #F0A533) 8%,#141414)}@media(max-width:1020px){.dev-article-layout{grid-template-columns:1fr}.dev-article-main{max-width:none}}@media(max-width:700px){.dev-article-hero__inner{padding-top:98px;padding-bottom:36px}.dev-article-hero__intro{font-size:1rem}.proj-hero__bread{margin-bottom:24px}.proj-hero__title{font-size:clamp(2.4rem,13vw,4rem);letter-spacing:-.035em}.proj-hero__meta{flex-wrap:wrap;row-gap:6px}.prose{line-height:1.75}.prose iframe{min-height:320px}}