.web-project-article{isolation:isolate;background:radial-gradient(80% 50% at 50% -10%,#ff5c0017 0%,#0000 55%),radial-gradient(45% 35% at 95% 20%,#ffa05a12 0%,#0000 50%),linear-gradient(#fff 0%,#fffaf7 45%,#fff5ee 100%);padding-bottom:clamp(3rem,7vw,4.5rem);position:relative}.web-project-article__atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.web-project-article__container{z-index:1;padding-top:clamp(1.25rem,3vw,2rem);position:relative}.web-project-article__back{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.8125rem;font-weight:500;transition:color .2s;display:inline-flex}.web-project-article__back:hover{color:#000}.web-project-article__intro{text-align:center;max-width:42rem;margin:1.25rem auto 0}.web-project-article__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.web-project-article__category{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#ff5c0014;border:1px solid #ff5c0059;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.web-project-article__badge{background:var(--accent);letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.web-project-article__title{letter-spacing:-.02em;color:#0a0a0a;margin:1.25rem 0 0;font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:800;line-height:1.12}.web-project-article__excerpt{max-width:36rem;color:var(--text-muted);margin:1rem auto 0;font-size:1.0625rem;line-height:1.7}.web-project-article__status{text-align:left;background:#ff5c000f;border:1px solid #ff5c0033;border-radius:12px;max-width:36rem;margin:1.25rem auto 0;padding:.9rem 1rem}.web-project-article__status-label{background:var(--accent);letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:9999px;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}.web-project-article__status-note{color:var(--text-secondary);margin:.65rem 0 0;font-size:.875rem;line-height:1.6}.web-project-article__mockup{background:#fff;border:1px solid #0a0a0a0f;border-radius:24px;max-width:70rem;margin:clamp(1.75rem,4vw,2.75rem) auto 0;overflow:hidden;box-shadow:0 4px 28px #0f0f0f12,0 24px 64px #0f0f0f14}.web-project-article__mockup-image{width:100%;height:auto;display:block}.web-project-article__facts{background:#ffffffeb;border:1px solid #0a0a0a0f;border-radius:18px;gap:.75rem;max-width:56rem;margin:clamp(1.25rem,3vw,1.75rem) auto 0;padding:1rem 1.1rem;display:grid;box-shadow:0 8px 28px #0a0a0a0a}@media (min-width:768px){.web-project-article__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:1.15rem 0}.web-project-article__fact+.web-project-article__fact{border-left:1px solid #0a0a0a14}}.web-project-article__fact{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.35rem 1rem;display:flex}.web-project-article__fact dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;display:inline-flex}.web-project-article__fact dd{color:#0a0a0a;margin:0;font-size:.9375rem;font-weight:700}.web-project-article__sheet{background:linear-gradient(#fffffff7 0%,#fffcf9fa 100%);border:1px solid #ffffffe6;border-radius:16px;width:100%;max-width:48rem;margin:clamp(1.5rem,4vw,2.25rem) auto 0;padding:clamp(1.75rem,4vw,3rem) clamp(1.25rem,3vw,1.5rem) clamp(2.5rem,5vw,4rem);box-shadow:0 0 0 1px #ff5c000f,0 4px 24px #ff5c000d,0 24px 64px #0a0a0a0a}.web-project-article__quote{border-left:3px solid var(--accent);background:#ff5c000d;border-radius:0 10px 10px 0;margin:0 0 1.5rem;padding:1.1rem 1.2rem}.web-project-article__quote p{color:#0a0a0a;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.65}.web-project-article__approach{gap:.75rem;display:grid}@media (min-width:768px){.web-project-article__approach{grid-template-columns:repeat(3,minmax(0,1fr))}}.web-project-article__approach-item{background:#fff;border:1px solid #0a0a0a0f;border-radius:12px;padding:1rem}.web-project-article__approach-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.6875rem;font-weight:700}.web-project-article__approach-body{color:var(--text-secondary);margin:.45rem 0 0;font-size:.875rem;line-height:1.6}.web-project-article__deliverables{margin:0;padding:0;list-style:none}.web-project-article__deliverables li{color:var(--text-secondary);padding-left:1.1rem;font-size:.9375rem;line-height:1.65;position:relative}.web-project-article__deliverables li+li{margin-top:.55rem}.web-project-article__deliverables li:before{content:"";background:var(--accent);border-radius:9999px;width:.35rem;height:.35rem;position:absolute;top:.62em;left:0}.web-project-article__actions{gap:1rem;margin-top:2rem;display:grid}.web-project-article__live-btn{color:#fff;background:#000;border-radius:9999px;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:3rem;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.web-project-article__live-btn:hover{opacity:.88;transform:translateY(-1px)}.web-project-article__cta{text-align:center;background:linear-gradient(135deg,#ff5c0014 0%,#fffffff2 52%,#fff 100%);border:1px solid #ff5c0024;border-radius:16px;padding:clamp(1.15rem,2.5vw,1.45rem) clamp(1.15rem,3vw,1.5rem);box-shadow:0 12px 32px #ff5c000f}.web-project-article__cta-title{letter-spacing:-.02em;color:#000;max-width:22rem;margin:0 auto;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:700;line-height:1.35}.web-project-article__cta-copy{max-width:24rem;color:var(--text-secondary);margin:.55rem auto 0;font-size:.875rem;line-height:1.6}.web-project-article__cta-btn{background:var(--accent);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-height:2.75rem;margin-top:1rem;padding:0 1.3rem;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.web-project-article__cta-btn:hover{opacity:.9;transform:translateY(-1px)}