.process.process-editorial{padding-block:4.75rem 1.5rem;background:radial-gradient(ellipse at 85% 10%,#faf9f6,transparent 70%),#f1eee8;color:#141715}
.process-heading{display:flex;justify-content:space-between;gap:3rem;margin-bottom:3rem}
.process-editorial .eyebrow{font-size:.6875rem;letter-spacing:.2em;color:#817d75}
.process-editorial h2{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.06;letter-spacing:-.055em;margin:1.25rem 0 0;font-weight:650}
.process-editorial h2 span{color:#90897d}
.process-intro{max-width:22rem;display:flex;flex-direction:column;justify-content:space-between;padding-top:.15rem}
.process-intro>span{font-size:.6875rem;letter-spacing:.12em;color:#89857c;text-align:right}
.process-intro p{font-size:.9375rem;line-height:1.55;color:#77756e;margin-top:1rem}.process-intro b{font-weight:600;color:#242724}
.process-composition{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.25rem;align-items:stretch}
.discovery-card{min-height:28rem;padding:2.25rem;position:relative;overflow:clip;border-radius:.4rem;background:radial-gradient(ellipse at 80% 0,#202420,#101613);color:#f0eee7}
.discovery-card:before,.discovery-card:after{content:'';position:absolute;width:32rem;height:32rem;border:1px solid #ffffff0a;border-radius:50%;left:38%;top:-12rem;pointer-events:none}.discovery-card:after{left:54%;top:-15rem}
.discovery-label{font-size:.6875rem;letter-spacing:.12em;color:#d3d3c5;position:relative}
.discovery-card h3{font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.06;letter-spacing:-.045em;font-weight:600;margin:1.25rem 0 1rem;position:relative;z-index:1}
.discovery-copy{font-size:.9375rem;line-height:1.5;max-width:28ch;color:#b0b1a5;position:relative;z-index:1}
.discovery-note{position:absolute;bottom:2.6rem;left:2.25rem;font-size:.6875rem;letter-spacing:.035em;color:#c9c6aa;transform:rotate(-7deg);border-bottom:1px solid;padding-bottom:.35rem}
.process-browser{position:absolute;width:76%;height:12rem;right:-.25rem;bottom:-1.5rem;transform:rotate(-9deg);background:#f0eee5;border:.375rem solid #b8b7ac;border-radius:.75rem;box-shadow:0 1rem 2rem #0003}
.browser-toolbar{height:1.35rem;background:#dedcd2;border-bottom:1px solid #cbc9be;display:flex;align-items:center;gap:.25rem;padding:0 .5rem}.browser-toolbar i{width:.3rem;height:.3rem;border-radius:50%;background:#aaa99f}
.browser-canvas{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1rem}.wire-copy{display:flex;flex-direction:column;gap:.45rem}.wire-copy i{height:.4rem;width:80%;background:#bfbbb0;border-radius:.1rem}.wire-copy b{height:1rem;background:#505852;width:90%}.wire-copy b:nth-child(3){width:75%}.wire-copy em{height:1.25rem;width:45%;background:#2c342f;margin-top:.3rem}.wire-picture{background:linear-gradient(130deg,#cecbc0,#aaa99e);border-radius:.15rem}
.process-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(3,1fr)}
.process-stages li{display:grid;grid-template-columns:3rem 1fr 9.5rem;gap:1.5rem;align-items:start;padding:1.35rem 0;border-bottom:1px solid #d6d2c9;min-width:0}.process-stages li:first-child{padding-top:1.25rem}
.stage-number{font-size:1.5rem;color:#a4a096;line-height:1.2}.stage-copy h3{font-size:1.6rem;font-weight:600;line-height:1.14;letter-spacing:-.04em;margin:0 0 .75rem}.stage-copy p{font-size:.875rem;line-height:1.5;color:#7d7a72;max-width:30ch}
.stage-art{align-self:center;justify-self:end;width:9rem;height:5.75rem;position:relative;transition:transform .25s}
.wireframe-art{padding:.65rem;background:#fcfbf7;border:1px solid #cfc9bc;border-radius:.4rem;transform:rotate(5deg);box-shadow:0 .65rem 1rem #322a1810}.wireframe-art>i{display:block;width:35%;height:.3rem;background:#7d8076;border-radius:.1rem;margin-bottom:.45rem}.wireframe-art>b{display:block;height:1.8rem;background:#d7d3c6}.wireframe-art>div{display:flex;gap:.3rem;margin-top:.4rem}.wireframe-art span{height:1.1rem;flex:1;background:#e9e5da;border:1px solid #d5d0c5;border-radius:.1rem}
.code-art{border-radius:.35rem;background:#192420;transform:rotate(-4deg);padding:1.05rem .9rem;box-shadow:0 .65rem 1rem #19242025}.code-art i{display:block;height:.23rem;background:#70928a;margin-bottom:.45rem;border-radius:.1rem}.code-art i:nth-child(2){width:72%;background:#c4a977}.code-art i:nth-child(3){width:90%}.code-art i:nth-child(4){width:52%;background:#a4afba}.code-art i:nth-child(5){width:80%}
.launch-art{height:6.5rem;display:grid;place-content:center;text-align:center}.launch-art>span{display:grid;place-items:center;width:4.75rem;height:4.75rem;border:1px solid #cecdc4;outline:1px solid #cecdc4;outline-offset:.4rem;border-radius:50%;font-size:2rem;color:#526956}.launch-art small{position:absolute;bottom:.2rem;right:0;white-space:nowrap;background:#e6e9de;color:#5d705b;border:1px solid #c1cab8;border-radius:.35rem;padding:.2rem .5rem;font-size:.625rem}
.process-footer{display:flex;justify-content:space-between;gap:2rem;padding-top:1.2rem;border-top:1px solid #d6d2c9;margin-top:.5rem;align-items:center}.process-footer p{font-size:.75rem;color:#858076}.process-footer .text-link{font-size:.8125rem;border:0;white-space:nowrap}
@media(hover:hover){.process-stages li:hover .stage-art{transform:rotate(0) translateY(-3px)}}
@media(max-width:1199px){.process-composition{gap:2rem}.process-stages li{grid-template-columns:2rem 1fr 7rem;gap:1rem}.stage-art{width:7rem;height:5rem}.stage-copy h3{font-size:1.35rem}.discovery-card{padding:1.75rem}.process-browser{height:11rem}.launch-art{height:6rem}}
@media(max-width:767px){.process.process-editorial{padding-block:3.5rem 1.5rem}.process-heading{gap:2rem;margin-bottom:2rem}.process-intro{max-width:16rem}.process-intro>span{display:none}.process-intro p{font-size:.8125rem}.process-composition{grid-template-columns:1fr}.discovery-card{min-height:29rem}.process-browser{width:68%;height:13rem}.process-stages li{grid-template-columns:2rem 1fr 8rem;padding-block:1.75rem}.stage-art{width:8rem}.stage-copy h3{font-size:1.5rem}}
@media(max-width:575px){.process-heading{display:block}.process-intro{max-width:30ch;margin-top:1.5rem}.process-intro p{font-size:.9375rem}.process-editorial h2{font-size:2.75rem}.discovery-card{min-height:29rem;padding:1.5rem}.discovery-card h3{font-size:2rem}.process-browser{width:85%;right:-1.25rem;height:12rem;bottom:-1rem}.discovery-note{left:1.5rem;bottom:3rem}.process-stages li{grid-template-columns:1.75rem 1fr 5rem;gap:.75rem}.stage-art{width:5rem;height:4rem}.stage-copy h3{font-size:1.25rem}.stage-copy p{font-size:.8125rem}.stage-number{font-size:1.125rem}.code-art{padding:.7rem .5rem}.code-art i{height:.2rem;margin-bottom:.35rem}.wireframe-art{padding:.4rem}.wireframe-art>b{height:1.2rem}.wireframe-art span{height:.7rem}.launch-art{height:5rem}.launch-art>span{width:3rem;height:3rem;font-size:1.5rem}.launch-art small{font-size:.45rem;right:-.3rem;bottom:0}.process-footer{align-items:flex-start;gap:1rem}.process-footer p{font-size:.6875rem;max-width:26ch}.process-footer .text-link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.stage-art{transition:none}}