.services{box-sizing:border-box;color:#161616;background:#f7f6f2;width:100%;padding:120px 5vw 64px;overflow:hidden}.services-heading{text-align:center}.services-label,.content-label{letter-spacing:.04em;color:#16161673;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.services-label{justify-content:center}.services-heading h2{letter-spacing:-.065em;margin:20px 0 0;font-size:clamp(48px,7vw,112px);font-weight:600;line-height:.94}.services-heading h2 span{color:#16161647}.services-intro{color:#1616168c;margin:34px auto 0;font-size:clamp(16px,1.2vw,19px);line-height:1.5}.services-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr) minmax(190px,.65fr);align-items:center;gap:5vw;margin-top:110px;display:grid}.services-visual{aspect-ratio:1;border:1px solid #16161626;border-radius:50%;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative}.visual-index{letter-spacing:.08em;color:#16161666;gap:5px;font-size:11px;display:flex;position:absolute;top:8%;left:10%}.visual-index span:first-child{color:#161616}.service-art{justify-content:center;align-items:center;width:72%;height:72%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:relative}.services-visual:hover .service-art{transform:scale(1.025)}.visual-caption{letter-spacing:.12em;color:#16161666;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:8%;left:10%;right:10%}.art-browser{background:#f7f6f2;border:2px solid #161616;border-radius:12px;width:78%;height:68%;overflow:hidden;transform:rotate(-5deg)}.art-browser-top{border-bottom:1px solid #16161640;gap:5px;padding:11px;display:flex}.art-browser-top span{opacity:.4;background:#161616;border-radius:50%;width:6px;height:6px}.art-browser-content{padding:16px}.art-eyebrow{letter-spacing:.15em;opacity:.4;font-size:7px}.art-title{letter-spacing:-.07em;flex-direction:column;margin-top:18px;font-size:clamp(22px,3vw,42px);line-height:.82;display:flex}.art-title strong{font-weight:600}.art-grid{grid-template-columns:1.5fr 1fr;gap:7px;margin-top:25px;display:grid}.art-grid div{opacity:.12;background:#161616;border-radius:3px;height:34px}.art-grid div:first-child{opacity:1;grid-row:span 2;height:75px}.art-code{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.code-decoration{letter-spacing:-.1em;font-size:clamp(28px,4vw,54px);font-weight:600}.code-decoration.right{opacity:.3}.code-editor{border:2px solid #161616;border-radius:10px;width:58%;height:210px;overflow:hidden;transform:rotate(4deg)}.editor-top{border-bottom:1px solid #16161633;gap:5px;padding:11px;display:flex}.editor-top span{opacity:.4;background:#161616;border-radius:50%;width:6px;height:6px}.editor-lines{flex-direction:column;gap:12px;padding:18px;display:flex}.editor-lines i{opacity:.25;background:#161616;border-radius:5px;width:80%;height:5px;display:block}.editor-lines i:nth-child(2){opacity:.7;width:55%;margin-left:12%}.editor-lines i:nth-child(3){width:70%}.editor-lines i:nth-child(4){opacity:.6;width:42%;margin-left:12%}.editor-lines i:nth-child(5){width:65%}.editor-lines i:nth-child(6){opacity:.5;width:48%}.art-branding{width:100%;height:100%;position:relative}.brand-card{box-sizing:border-box;z-index:2;background:#f7f6f2;border:2px solid #161616;flex-direction:column;justify-content:space-between;width:55%;height:62%;padding:25px;display:flex;position:absolute;top:18%;left:15%;transform:rotate(-7deg)}.brand-card span{letter-spacing:.15em;font-size:9px}.brand-card strong{letter-spacing:-.06em;font-size:clamp(24px,3vw,42px);line-height:.85}.brand-card small{opacity:.45;font-size:8px}.brand-circle{aspect-ratio:1;border:1px solid #161616;border-radius:50%;width:45%;position:absolute;top:10%;right:8%}.brand-line{opacity:.35;background:#161616;width:40%;height:1px;position:absolute;bottom:22%;right:0}.art-motion{width:100%;height:100%;position:relative}.motion-circle{aspect-ratio:1;border:2px solid #161616;border-radius:50%;width:48%;animation:4s ease-in-out infinite motionFloat;position:absolute;top:18%;left:17%}.motion-circle.second{opacity:.3;border-width:1px;width:30%;animation-delay:-1s;top:37%;left:48%}.motion-arrow{font-size:clamp(32px,5vw,64px);font-weight:500;position:absolute;bottom:17%;right:12%;transform:rotate(-20deg)}@keyframes motionFloat{0%,to{transform:translate(0)}50%{transform:translate(10px,-8px)}}.art-maintenance{width:100%;height:100%;position:relative}.maintenance-ring{aspect-ratio:1;border:2px solid #161616;border-radius:50%;place-items:center;width:45%;display:grid;position:absolute;top:25%;left:27%}.maintenance-ring span{font-size:48px;font-weight:300}.maintenance-line{opacity:.3;background:#161616;height:1px;position:absolute}.maintenance-line.one{width:20%;top:40%;left:5%}.maintenance-line.two{width:18%;top:58%;right:4%}.maintenance-line.three{width:35%;bottom:13%;left:32%}.services-content{border-left:1px solid #16161626;padding-left:3vw}.services-content h3{letter-spacing:-.05em;margin:28px 0 20px;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1}.services-content p{color:#1616169e;max-width:390px;margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.55}.service-tags{flex-wrap:wrap;gap:7px;margin-top:32px;display:flex}.service-tags span{letter-spacing:.06em;color:#1616168c;border:1px solid #16161633;border-radius:100px;padding:7px 10px;font-size:10px}.services-note{letter-spacing:.1em;color:#16161666;align-items:center;gap:8px;margin-top:55px;font-size:9px;display:flex}.note-dot{background:#161616;border-radius:50%;width:5px;height:5px}.services-navigation{flex-direction:column;display:flex}.service-row{color:#16161652;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1616161f;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px;padding:20px 0;transition:color .25s,padding .3s;display:grid}.service-row:first-child{border-top:1px solid #1616161f}.service-row.selected{color:#161616;padding-left:8px}.service-number{opacity:.6;font-size:10px}.service-name{font-size:clamp(15px,1.15vw,18px)}.service-arrow{opacity:0;font-size:18px;transition:opacity .25s,transform .25s;transform:translate(-5px,5px)}.service-row.selected .service-arrow{opacity:1;transform:translate(0)}.services-footer{letter-spacing:.08em;border-top:1px solid #16161626;justify-content:space-between;align-items:center;gap:30px;margin-top:110px;padding-top:24px;font-size:11px;display:flex}.services-footer>span{color:#16161666}.services-footer a{color:#161616;text-decoration:none;transition:opacity .25s}.services-footer a:hover{opacity:.5}.services-footer a span{margin-left:8px;transition:transform .25s;display:inline-block}.services-footer a:hover span{transform:translate(4px,-4px)}@media (max-width:1000px){.services{padding-top:96px}.services-layout{grid-template-columns:1fr 1fr;gap:7vw;margin-top:80px}.services-visual{grid-row:span 2}.services-content{padding-left:4vw}.services-navigation{grid-column:2}}@media (max-width:639px){.services{padding:80px 5vw 40px}.services-heading h2{font-size:clamp(42px,11vw,64px)}.services-intro{margin-top:28px}.services-layout{flex-direction:column;gap:40px;margin-top:60px;display:flex}.services-visual{width:100%}.service-art{width:70%;height:70%}.services-content{box-sizing:border-box;width:100%;padding-left:20px}.services-content h3{font-size:34px}.services-note{margin-top:36px}.services-navigation{width:100%}.service-row{padding:17px 0}.service-row.selected{padding-left:4px}.services-footer{flex-direction:column;align-items:flex-start;gap:18px;margin-top:70px}}