.work-design-page{color:#1b303d;background:#f4f2ef;width:100%;overflow:hidden}.work-design-container{width:min(100% - 160px,1320px);margin:0 auto}.section-label{color:#2f80c9;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;font-size:.72rem;font-weight:600;display:inline-block}.work-design-hero{background-color:#0000;background-image:linear-gradient(90deg,#040c12f5 0%,#040c12e0 48%,#0c0c22d1 100%),url(/images/why-digital-fabric/work-design-elements.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.work-design-hero:before{content:"";background:radial-gradient(circle at 75%,#2f80c924,#0000 38%),linear-gradient(135deg,#0000 0%,#4132aa14 100%);position:absolute;inset:0}.work-design-hero-overlay{pointer-events:none;position:absolute;inset:0}.work-design-hero-content{z-index:2;width:min(100% - 160px,1320px);margin:0 auto;padding-top:70px;position:relative}.work-design-eyebrow{color:#69c7d2;letter-spacing:.14em;margin-bottom:24px;font-size:.72rem;font-weight:600;display:inline-block}.work-design-hero h1{color:#f5f3ef;letter-spacing:-.045em;max-width:900px;margin:0 0 26px;font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:.98}.work-design-hero p{color:#f5f3efd1;max-width:650px;margin:0;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.65}.work-design-intro{background:#f4f2ef;padding:110px 0}.work-design-intro .work-design-container{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:100px;display:grid}.work-design-intro h2{letter-spacing:-.035em;max-width:620px;margin:0;font-size:clamp(2rem,3.3vw,3.6rem);font-weight:500;line-height:1.1}.work-design-intro-copy{padding-top:42px}.work-design-intro-copy p{color:#52626b;margin:0;font-size:1rem;line-height:1.85}.intro-line{background:#2f80c9;width:70px;height:2px;margin-top:35px;display:block}.work-design-approach{color:#f5f3ef;background:#07141d;padding:100px 0}.work-design-approach .work-design-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.approach-content h2{color:#f5f3ef;letter-spacing:-.035em;max-width:650px;margin:0 0 28px;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:500;line-height:1.08}.approach-content p{color:#f5f3efad;max-width:580px;margin:0 0 35px;font-size:1rem;line-height:1.8}.approach-link{color:#69c7d2;align-items:center;gap:14px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.approach-link span{transition:transform .25s}.approach-link:hover span{transform:translate(5px)}.approach-visual{background:radial-gradient(circle,#2f80c933,#0000 45%),linear-gradient(135deg,#0a202c,#071018);min-height:420px;position:relative;overflow:hidden}.visual-orbit{border:1px solid #69c7d24d;border-radius:50%;position:absolute}.orbit-one{width:340px;height:340px;top:40px;left:50%;transform:translate(-50%)}.orbit-two{border-color:#2f80c980;width:220px;height:220px;top:100px;left:50%;transform:translate(-50%)}.visual-core{background:#69c7d2;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #69c7d2b3}.work-elements-section{background:#f4f2ef;padding:120px 0}.elements-heading{max-width:720px;margin-bottom:65px}.elements-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3.4vw,3.8rem);font-weight:500;line-height:1.1}.work-elements-grid{border-top:1px solid #1b303d29;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-element-card{border-bottom:1px solid #1b303d29;grid-template-columns:80px 1fr;gap:25px;padding:45px 35px;transition:background .3s,transform .3s;display:grid}.work-element-card:nth-child(odd){border-right:1px solid #1b303d29}.work-element-card:hover{background:#fff}.element-number{color:#2f80c9;letter-spacing:.08em;font-size:.75rem;font-weight:600}.element-content h3{color:#1b303d;letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(1.5rem,2vw,2.1rem);font-weight:500}.element-content p{color:#65747c;margin:0 0 28px;font-size:.9rem;line-height:1.75}.element-link{color:#1b303d;gap:10px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.element-link span{color:#2f80c9;transition:transform .25s}.element-link:hover span{transform:translate(5px)}.work-design-statement{background:#1f4050;padding:100px 0}.statement-panel{background:#f4f2ef;grid-template-columns:1fr .75fr;gap:100px;padding:70px;display:grid}.statement-panel h2{color:#1b303d;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3.5vw,3.7rem);font-weight:500;line-height:1.1}.statement-panel p{color:#56666e;align-self:end;margin:0;font-size:1rem;line-height:1.8}@media (max-width:1024px){.work-design-container,.work-design-hero-content{width:calc(100% - 80px)}.work-design-hero{min-height:500px}.work-design-intro .work-design-container,.work-design-approach .work-design-container{gap:55px}.statement-panel{gap:55px;padding:55px}}@media (max-width:700px){.work-design-container,.work-design-hero-content{width:calc(100% - 40px)}.work-design-hero{min-height:460px}.work-design-hero-content{padding-top:50px}.work-design-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.work-design-intro,.work-elements-section{padding:75px 0}.work-design-intro .work-design-container,.work-design-approach .work-design-container{grid-template-columns:1fr;gap:40px}.work-design-intro-copy{padding-top:0}.work-design-approach{padding:75px 0}.approach-visual{min-height:300px}.work-elements-grid{grid-template-columns:1fr}.work-element-card{grid-template-columns:55px 1fr;padding:35px 0}.work-element-card:nth-child(odd){border-right:none}.work-design-statement{padding:60px 0}.statement-panel{grid-template-columns:1fr;gap:35px;padding:38px 28px}}