.project-rail{height:100vh;position:relative;background:var(--ink);color:var(--paper);overflow:hidden}.rail-sticky{height:100vh;display:flex;flex-direction:column;justify-content:center}.rail-head{display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:end;margin-bottom:34px;position:relative;z-index:2}.rail-head h2{font-size:clamp(38px,5vw,75px);line-height:.91;letter-spacing:-.075em;margin:30px 0 0}.rail-head h2 i{color:var(--acid);font-family:var(--serif);font-weight:500}.rail-head>p,.rail-note{font:10px var(--mono);text-transform:uppercase;color:var(--acid);margin:0 0 8px}.rail-note span{font-size:20px;margin-right:7px}.rail-viewport{width:100%;overflow:hidden}.horizontal-track{display:flex;gap:20px;width:max-content;padding:0 max(40px,calc((100vw - 1200px)/2)) 16px;will-change:transform}.project-card{width:min(68vw,780px);height:min(65vh,590px);min-height:455px;padding:18px;border-radius:24px;background:#e8e7ed;color:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden;flex:none;transition:transform .35s}.project-card:hover{transform:translateY(-8px)}.project-card.tone-1{background:#dfff3e}.project-card.tone-2{background:#c4bcff}.project-card.tone-3{background:#ff8c60}.project-card.tone-4{background:#a6e7de}.card-label{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase}.device-stage{flex:1;min-height:0;display:grid;place-items:center;padding:20px 10px}.browser-shell{width:91%;height:80%;border-radius:21px;border:2px solid rgba(23,25,29,.86);background:#17191d;overflow:hidden;box-shadow:12px 16px #17191d24;transform:rotate(-1.5deg);transition:transform .45s}.project-card:hover .browser-shell{transform:rotate(0) scale(1.025)}.browser-bar{height:32px;background:#f3efe7;display:flex;gap:5px;align-items:center;padding:0 12px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:var(--orange)}.browser-bar i:nth-child(2){background:var(--acid)}.browser-bar i:nth-child(3){background:var(--purple)}.browser-bar span{font:8px var(--mono);margin:auto;color:#555}.browser-screen{height:calc(100% - 32px);color:#f5f0e8;padding:clamp(18px,3vw,36px);background:radial-gradient(circle at 90% 0,#6f64e8,transparent 35%),#17191d;position:relative;overflow:hidden}.web-kicker{font:10px var(--mono);color:var(--acid);text-transform:uppercase}.browser-screen strong{font-size:clamp(27px,4vw,55px);letter-spacing:-.08em;line-height:.9;max-width:75%;display:block;margin-top:24px}.web-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;position:absolute;right:6%;bottom:14%;width:48%;height:39%}.web-grid i{background:var(--acid);border-radius:8px}.web-grid i:nth-child(2){background:var(--purple);transform:translateY(-22px)}.web-grid i:nth-child(3){background:var(--orange);transform:translateY(13px)}.web-grid i:nth-child(4){background:#f7eef0;transform:translateY(-8px)}.web-cta{position:absolute;left:7%;bottom:10%;font:11px var(--mono);border-bottom:1px solid var(--acid);padding-bottom:5px}.phone-shell{height:94%;aspect-ratio:.48;border-radius:35px;background:#17191d;border:5px solid #17191d;padding:3px;box-shadow:12px 15px #17191d29;position:relative;overflow:hidden;transition:transform .4s}.project-card:hover .phone-shell{transform:translateY(-7px) rotate(2deg)}.phone-island{position:absolute;z-index:2;width:37%;height:18px;left:31.5%;top:8px;background:#17191d;border-radius:20px}.phone-screen{height:100%;border-radius:27px;background:#f7f4ee;overflow:hidden;position:relative}.mobile-brand{background:linear-gradient(120deg,#c4bcff,#ffaf86);height:42%;padding:45px 15px 0;color:#17191d;font:800 18px/1 var(--sans);letter-spacing:-.07em}.mobile-hero{width:74px;height:74px;border-radius:50%;background:var(--acid);position:absolute;top:19%;right:13%;box-shadow:-26px 24px #ff8c60}.mobile-sheet{position:absolute;bottom:0;width:100%;min-height:55%;border-radius:25px 25px 0 0;background:#fff;padding:20px 14px;color:#17191d}.mobile-sheet small{font:9px var(--mono);display:block;color:#777}.mobile-sheet b{display:block;font-size:17px;line-height:1;letter-spacing:-.05em;margin:7px 0 14px}.mobile-lines{display:grid;gap:7px}.mobile-lines i{height:9px;background:#e9e7e4;border-radius:10px}.mobile-lines i:nth-child(2){width:75%}.mobile-sheet button{position:absolute;bottom:14px;left:14px;right:14px;border:0;border-radius:14px;padding:11px;background:#17191d;color:#fff;font:9px var(--mono)}.card-bottom{display:flex;justify-content:space-between;align-items:end}.card-bottom h3{font-size:clamp(20px,2.1vw,30px);letter-spacing:-.06em;line-height:.95;margin:0;max-width:520px}.card-bottom p{font:10px var(--mono);margin:8px 0 0;text-transform:uppercase}.card-bottom>a{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;text-decoration:none;font-size:20px}.live-link{position:absolute;right:76px;bottom:21px;font:10px var(--mono);text-transform:uppercase;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}@media(max-width:700px){.project-rail{height:auto;min-height:0;padding:75px 0}.rail-sticky{height:auto;min-height:0}.rail-head{width:calc(100% - 40px);display:block;margin:0 auto 30px}.rail-head h2{font-size:48px}.rail-head>p{position:absolute;right:0;bottom:4px}.rail-note{display:none}.rail-viewport{overflow-x:auto;padding:0 0 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail-viewport::-webkit-scrollbar{display:none}.horizontal-track{padding:0 20px;gap:14px}.project-card{width:86vw;height:525px;min-height:525px;scroll-snap-align:start;border-radius:20px}.browser-shell{width:96%;height:76%}.phone-shell{height:89%}.card-bottom h3{font-size:23px}.live-link{right:68px}.project-card:hover{transform:none}}.rail-head{grid-template-columns:1fr}.cursor-dot,.cursor-ring{display:none!important}.project-card:hover{transform:none}.web-art{width:91%;height:80%;color:#f5f0e8;padding:clamp(18px,3vw,36px);background:radial-gradient(circle at 90% 0,#6f64e8,transparent 35%),#17191d;position:relative;overflow:hidden;box-shadow:12px 16px #17191d24;transition:transform .45s}.project-card:hover .web-art{transform:scale(1.025)}.web-art strong{font-size:clamp(27px,4vw,55px);letter-spacing:-.08em;line-height:.9;max-width:75%;display:block;margin-top:24px}.web-art .web-grid i{border-radius:0}.mobile-art{height:94%;aspect-ratio:.5;background:#f7f4ee;position:relative;overflow:hidden;box-shadow:12px 15px #17191d29;transition:transform .4s}.project-card:hover .mobile-art{transform:translateY(-7px) rotate(2deg)}.mobile-art .mobile-brand{padding-top:35px}.mobile-art .mobile-sheet,.mobile-art .mobile-lines i,.mobile-art .mobile-sheet button{border-radius:0}@media(max-width:700px){.web-art{width:96%;height:76%}.mobile-art{height:89%}}.web-preview{width:91%;height:80%;object-fit:contain;object-position:center;display:block;background:#f5f0e8;box-shadow:12px 16px #17191d24;transition:transform .45s}.project-card:hover .web-preview{transform:scale(1.025)}@media(max-width:700px){.web-preview{width:96%;height:76%}}.mobile-preview{display:block;width:auto;height:clamp(240px,42vh,350px);max-width:100%;object-fit:contain;object-position:center;flex:none;background:#17191d;box-shadow:12px 15px #17191d29;transition:transform .4s}.project-card:hover .mobile-preview{transform:translateY(-7px) rotate(2deg)}@media(max-width:700px){.mobile-preview{height:clamp(250px,42vh,340px);width:auto;max-width:100%}}.project-card:hover .web-preview,.project-card:hover .web-art,.project-card:hover .mobile-preview,.project-card:hover .mobile-art{transform:scale(1.035)}.tech-service{grid-template-columns:12% 28% 48% 12%}.tech-logos{display:flex;flex-wrap:wrap;gap:11px}.tech-logo{width:70px;min-height:68px;padding:9px 5px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid rgba(23,25,29,.22);background:#fff;transition:transform .25s,background .25s}.tech-logo:hover{transform:translateY(-5px);background:var(--acid)}.tech-icon{height:28px;width:28px;display:grid;place-items:center}.tech-icon svg{width:28px;height:28px;display:block}.tech-logo.inverse .tech-icon{background:#17191d;border-radius:7px;padding:5px}.tech-logo.inverse .tech-icon svg{width:18px;height:18px;filter:invert(1)}.tech-logo small{font:8px var(--mono);white-space:nowrap}@media(max-width:700px){.tech-service{grid-template-columns:15% 28% 57%;gap:0}.tech-service>b{display:none}.tech-logos{gap:6px}.tech-logo{width:48px;min-height:51px;padding:6px 2px}.tech-icon,.tech-icon svg{width:22px;height:22px}.tech-logo.inverse .tech-icon svg{width:14px;height:14px}.tech-logo small{font-size:6px}}.contact{padding:120px 0 80px;min-height:760px}.contact-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(50px,9vw,145px);align-items:center}.contact-copy>p:not(.section-label){max-width:365px;font-size:16px;line-height:1.55;margin:0 0 32px}.contact-form{background:#16182fd4;border:1px solid rgba(255,255,255,.2);padding:28px 38px 24px;color:var(--paper);display:grid;gap:0;box-shadow:0 22px 60px #211c7433}.contact-form label{display:grid;gap:10px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:13px}.contact-form input,.contact-form textarea{appearance:none;width:100%;border:0;outline:0;background:transparent;color:#fff;font:14px var(--sans);resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff6e}.contact-form textarea{min-height:85px}.contact-form button{border:0;margin-top:24px;background:var(--acid);color:var(--ink);font:700 14px var(--sans);padding:17px;cursor:pointer;transition:transform .25s,background .25s}.contact-form button:hover{background:#fff;transform:translateY(-2px)}.contact-form button span{margin-left:10px}.form-status{min-height:16px;margin:12px 0 0;color:#fff9;font:9px var(--mono);text-transform:uppercase}.contact footer{position:static;margin-top:60px}.contact h2{margin:45px 0 28px}@media(max-width:700px){.contact{padding:90px 0 35px;min-height:0}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-form{padding:18px 20px}.contact footer{margin-top:46px}.contact-copy>p:not(.section-label){font-size:14px}.contact h2{margin:34px 0 22px}}.brand-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.36);transition:transform .25s,border-color .25s}.brand-avatar:hover{transform:rotate(-8deg) scale(1.08);border-color:var(--acid)}.brand-avatar img{width:100%;height:100%;object-fit:cover;display:block}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.certificate-image img{object-fit:contain}.certificate-placeholder-card{display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#dfff3e,#c4bcff 55%,#ff8c60)}.certificate-paper{width:88%;height:82%;padding:clamp(12px,2vw,22px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#f5f0e8;color:var(--ink);box-shadow:8px 9px #17191d29}.certificate-paper>span{font:italic 500 clamp(24px,3vw,40px) var(--serif);color:#7b6cff}.certificate-paper small,.certificate-paper em{font:7px var(--mono);text-transform:uppercase;font-style:normal}.certificate-paper i{width:80%;height:3px;margin-top:8px;background:#17191d29}.certificate-paper i:nth-of-type(2){width:58%}.certificate-paper b{margin:12px 0 5px;font-size:clamp(13px,1.5vw,20px)}.certificate-placeholder-card>span{position:absolute;right:12px;bottom:12px;font:10px var(--mono)}@media(max-width:900px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.certificate-grid{grid-template-columns:1fr}}.round-link{width:clamp(82px,8vw,104px);height:clamp(82px,8vw,104px);flex:0 0 clamp(82px,8vw,104px);padding:12px;gap:7px;line-height:1.35}.round-link b{line-height:1}@media(max-width:700px){html{scroll-padding-top:16px}.wrap{width:calc(100% - 36px)}.hero{height:820px;min-height:100svh;max-height:920px}.nav{width:calc(100% - 36px)}.nav-contact{font-size:11px}.hero-copy{padding-top:9vh}.hero h1{font-size:clamp(52px,15vw,72px);line-height:.88;letter-spacing:-.085em}.hero h1 em{padding-left:3vw}.hero-intro{width:min(60%,240px);margin:26px 0 0;font-size:13px}.hero-portrait{width:min(38vw,160px);right:8%;bottom:76px}.portrait-sticker{font-size:8px;padding:8px}.portrait-sticker.top{left:-18px}.statement{padding:88px 0}.statement h2{font-size:clamp(34px,10vw,48px)}.statement-foot{gap:16px}.statement-foot p{min-width:0}.services{padding:88px 0}.service.tech-service{grid-template-columns:28px minmax(0,1fr);gap:10px 8px;padding:24px 0}.tech-service>span{grid-column:1;grid-row:1}.tech-service h3{grid-column:2;grid-row:1;font-size:clamp(25px,7vw,34px);line-height:1}.tech-service .tech-logos{grid-column:2;grid-row:2;gap:7px}.tech-service .tech-logo{width:54px;min-height:57px;padding:6px 3px}.tech-service .tech-icon,.tech-service .tech-icon svg{width:23px;height:23px}.tech-service .tech-logo.inverse .tech-icon svg{width:15px;height:15px}.tech-service .tech-logo small{font-size:7px}.organizations{padding:88px 0}.organizations h2,.certificates-heading h2{font-size:clamp(43px,12vw,60px)}.organization-card{min-height:250px}.certificates{padding:88px 0}.certificate-empty{padding:18px;gap:25px}.contact{padding:78px 0 30px}.contact-grid{gap:36px}.contact-form{padding:16px 18px 20px}.contact footer{gap:14px;font-size:9px}}@media(min-width:701px)and (max-width:960px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:clamp(76px,10vw,110px)}.hero-portrait{width:min(34vw,300px);right:6%}.service.tech-service{grid-template-columns:9% 25% 58% 8%}.tech-logos{gap:7px}.tech-logo{width:58px}.contact-grid{gap:38px}}@media(min-width:961px){.hero{height:100svh;min-height:min(850px,100svh)}.hero-copy{padding-top:clamp(72px,12vh,150px)}.hero h1{font-size:clamp(76px,min(10vw,20vh),180px);margin-top:clamp(30px,3.8vw,60px)}.hero h1 em{padding-left:clamp(72px,10vw,170px)}.hero-intro{max-width:min(34vw,400px);margin-left:44%;font-size:clamp(15px,1.35vw,20px)}.hero-portrait{width:clamp(240px,min(29vw,48vh),410px);right:clamp(48px,10vw,180px);bottom:0}.portrait-sticker.top{left:clamp(-31px,-2vw,-18px)}.orb-one{width:clamp(350px,33vw,640px);height:clamp(350px,33vw,640px);right:clamp(-150px,-8vw,-72px);top:clamp(-185px,-11vw,-90px)}.orb-two{width:clamp(180px,14vw,270px);height:clamp(180px,14vw,270px);left:clamp(60px,9vw,170px);bottom:clamp(-95px,-5vw,-34px)}.hero-bottom{bottom:clamp(18px,3.2vh,36px)}}@media(min-width:961px)and (max-width:1250px){.hero h1{font-size:clamp(68px,8vw,112px)}.hero h1 em{padding-left:clamp(48px,7vw,88px)}.hero-intro{width:min(29vw,300px);max-width:29vw;margin-left:40%;font-size:clamp(14px,1.3vw,17px)}.hero-portrait{width:min(25vw,280px);right:4%}}.project-caption{font-size:13px;line-height:1.45;max-width:290px;margin:0 0 17px}.project-meta small{display:block;font:9px var(--mono);margin-top:5px;text-transform:uppercase}.project-live{font:10px var(--mono);margin-top:18px;color:inherit;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;width:max-content}.all-projects{display:block;margin-top:45px;color:var(--acid);font:11px var(--mono);text-decoration:none;text-transform:uppercase}.all-projects span{font-size:16px;margin-left:8px}.organizations{padding:145px 0 130px}.organizations h2{font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.075em;margin:44px 0 65px}.organizations h2 i{font-family:var(--serif);font-weight:500;color:#7b6cff}.organization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.organization-card{background:var(--ink);color:var(--paper);min-height:340px;padding:22px;display:flex;flex-direction:column;text-decoration:none;transition:transform .35s,background .35s}.organization-card:hover{transform:translateY(-8px);background:#292d34}.organization-top{display:flex;justify-content:space-between;align-items:start}.organization-card span,.organization-card b{font:10px var(--mono);text-transform:uppercase}.organization-top img{width:64px;height:64px;border-radius:18px;object-fit:cover;background:#f5f0e8;border:1px solid rgba(255,255,255,.2)}.organization-card h3{font-size:clamp(30px,3.2vw,48px);line-height:.85;letter-spacing:-.08em;margin:50px 0 22px}.organization-card p{margin:0;max-width:290px;font-size:14px;line-height:1.5}.organization-card b{margin-top:auto;color:var(--acid)}@media(max-width:850px){.organization-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.project-caption{font-size:12px}.organization-grid{grid-template-columns:1fr}.organizations{padding:95px 0}.organization-card{min-height:270px}.organization-card h3{margin-top:35px;font-size:45px}}.certificates{padding:140px 0 130px}.certificates-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:54px}.certificates-heading h2{font-size:clamp(48px,6vw,88px);line-height:.91;letter-spacing:-.075em;margin:42px 0 0}.certificates-heading h2 i{font-family:var(--serif);font-weight:500;color:#7b6cff}.certificates-intro{max-width:260px;margin:0 0 7px;font-size:15px;line-height:1.55}.certificate-empty{min-height:300px;padding:clamp(22px,5vw,56px);display:grid;grid-template-columns:minmax(180px,320px) 1fr;align-items:center;gap:clamp(30px,7vw,90px);background:#eae7df;border:1px solid rgba(23,25,29,.12)}.certificate-placeholder{aspect-ratio:1.42;background:linear-gradient(135deg,#f8f5ed,#dcd8ce);border:1px solid rgba(23,25,29,.15);box-shadow:10px 12px #17191d1a;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.certificate-placeholder:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(123,108,255,.4);border-radius:50%;right:-42px;top:-48px;box-shadow:0 0 0 16px #7b6cff14,0 0 0 32px #7b6cff0f}.certificate-placeholder span{font:italic 500 clamp(34px,5vw,62px) var(--serif);color:#7b6cff}.certificate-placeholder small{font:8px var(--mono);letter-spacing:.12em;margin:7px 0 18px}.certificate-placeholder i{height:4px;width:72%;margin:3px 0;background:#17191d29}.certificate-placeholder i:nth-of-type(2){width:49%}.certificate-placeholder b{margin-top:15px;font:9px var(--mono);text-transform:uppercase}.certificate-empty>div:last-child h3{max-width:470px;margin:14px 0;font-size:clamp(24px,3.4vw,42px);line-height:1;letter-spacing:-.055em}.certificate-empty>div:last-child>p:last-child{max-width:370px;margin:0;color:#17191dad;font-size:14px;line-height:1.55}.certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.certificate-card{min-width:0}.certificate-image{display:block;position:relative;aspect-ratio:1.42;background:#eae7df;overflow:hidden}.certificate-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.certificate-image:hover img{transform:scale(1.035)}.certificate-image>span{position:absolute;right:14px;bottom:14px;background:var(--ink);color:var(--paper);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:11px var(--mono)}.certificate-meta{padding:15px 0;border-bottom:1px solid rgba(23,25,29,.25)}.certificate-meta h3{margin:0 0 6px;font-size:20px;letter-spacing:-.04em}.certificate-meta p{margin:0;font:10px var(--mono);text-transform:uppercase}@media(max-width:700px){.certificates{padding:95px 0}.certificates-heading{display:block;margin-bottom:34px}.certificates-intro{margin-top:22px}.certificate-empty{grid-template-columns:1fr;gap:32px;padding:22px}.certificate-placeholder{width:min(100%,360px);justify-self:center}.certificate-grid{grid-template-columns:1fr}}