@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b0e;--ink:#f5f2fa;--muted:#aaa6b4;--purple:#a880ff;--line:#29262f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--purple);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:1.3px}.brand img{width:37px;height:45px;object-fit:contain}.brand b{color:var(--purple)}.brand small{display:block;font-size:16px;letter-spacing:2px;margin-top:5px;font-weight:400;color:var(--muted)}nav{display:flex;gap:35px;align-items:center;font-size:16px}nav a:hover,.text-link:hover{color:var(--purple)}.nav-contact{border:1px solid #4c435d;border-radius:30px;padding:13px 21px}.nav-contact span{margin-left:20px}.hero{position:relative;display:grid;grid-template-columns:57% 43%;padding-top:67px}.eyebrow{font-size:16px;font-weight:600;letter-spacing:2.1px;color:#c6becf;margin:0 0 30px;display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(54px,5.8vw,82px);font-weight:500;letter-spacing:-4.5px;line-height:1.08;margin-bottom:27px}em{font-style:normal;color:var(--purple)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:450px}.actions{display:flex;align-items:center;gap:34px;margin:32px 0 38px}.button{display:inline-flex;gap:38px;align-items:center;background:#a77af5;color:#100b1b;border-radius:6px;font-size:16px;font-weight:700;padding:20px 24px;transition:background .2s,transform .2s}.button:hover{background:#c3a1ff;transform:translateY(-2px)}.text-link{font-size:16px;display:inline-flex;gap:20px;align-items:center}.hero-meta{display:flex;gap:20px;color:#928b9b;font-size:16px}.hero-meta span+span{border-left:1px solid #403747;padding-left:20px}.hero-art{position:relative;min-height:570px;isolation:isolate;overflow:hidden}.portrait{position:absolute;height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;object-position:center 18%;z-index:-1}.orb{position:absolute;width:380px;height:380px;top:90px;left:45px;border-radius:50%;background:radial-gradient(circle,#6633b759,transparent 67%);border:1px solid #8e56d139;z-index:-2;box-shadow:0 0 100px #6421a925}.vertical{position:absolute;right:0;top:36px;writing-mode:vertical-rl;color:#91869f;font-size:16px;letter-spacing:3px}.portrait-label{position:absolute;bottom:40px;left:30px;right:30px;border-top:1px solid #695b7c;display:grid;grid-template-columns:1fr 50px;padding-top:18px}.portrait-label>span:first-child{font-size:16px;letter-spacing:2px;color:#bc9eea}.portrait-label strong{font-size:19px;font-weight:400;line-height:1.3;margin-top:8px}.cross{grid-column:2;grid-row:1/3;font-size:54px;color:var(--purple)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:#928b9b;font-size:16px;letter-spacing:1.5px;margin-top:25px}.hero-bottom a span{margin-left:30px}.projects{padding:105px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:500;margin-bottom:0}.section-heading>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:355px;margin:0}.featured{display:grid;grid-template-columns:64% 36%;border:1px solid #302635;background:#141117;margin-bottom:35px;border-radius:10px;overflow:hidden}.project-visual{display:block;overflow:hidden;background:#201827;position:relative}.project-visual img{width:100%;height:390px;object-fit:cover;object-position:top;display:block;transition:transform .5s}.project-visual:hover img{transform:scale(1.025)}.featured .project-visual{padding:30px;background:radial-gradient(ellipse at 40% 30%,#41244c,#1e1724)}.featured .project-visual img{height:430px;object-fit:cover;border:1px solid #41314d;border-top:0}.browser-bar{display:flex;justify-content:space-between;padding:12px 15px;background:#19171e;border:1px solid #41314d;border-radius:6px 6px 0 0;font-size:16px;color:#81728c}.browser-bar small{font-size:16px}.project-info{padding:42px 33px;position:relative}.tag{font-size:16px;letter-spacing:1.7px;color:#bda0e4}.project-number{position:absolute;right:28px;font-size:16px;color:#72667e}.project-info h3{font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:33px 0 23px}.project-info p,.project-info dd{font-size:16px;color:var(--muted);line-height:1.7}.project-info dl{border-top:1px solid var(--line);padding-top:20px;margin:25px 0}.project-info dt{font-size:16px;color:#ddd0ed;margin-bottom:8px}.project-info dd{margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-grid .project-visual{border-radius:8px}.project-grid .project-visual img{height:330px}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.project-caption h3{font-size:24px;font-weight:500;margin:8px 0 10px}.project-caption>a{font-size:23px;color:var(--purple)}.project-grid p{color:var(--muted);font-size:16px;margin-bottom:8px}.project-grid .review-note{font-size:16px;color:#a293b2}.services{padding:95px 0;background:#111014;border-block:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 180px 45px;gap:25px;align-items:center;border-top:1px solid #38303e;padding:35px 0}.service-row:last-child{border-bottom:1px solid #38303e}.service-num{font-size:16px;color:var(--purple)}.service-row h3{font-size:30px;font-weight:500;margin-bottom:12px;letter-spacing:-.7px}.service-row p{font-size:16px;color:var(--muted);max-width:550px;line-height:1.7;margin:0}.service-tags{font-size:16px;line-height:2;letter-spacing:1px;color:#a293b2}.arrow{font-size:28px;color:var(--purple)}.service-row:hover h3{color:var(--purple)}.process{padding:100px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #4d3a60;padding-top:25px}.steps span{color:var(--purple);font-size:16px}.steps h3{font-size:18px;font-weight:500;margin:27px 0 12px}.steps p{font-size:16px;line-height:1.7;color:var(--muted)}.about{display:grid;grid-template-columns:40% 1fr;gap:100px;align-items:center;padding:30px 0 110px}.about-image{height:470px;background:#141118;overflow:hidden;position:relative;border-radius:7px}.about-image img{height:100%;width:100%;object-fit:cover;object-position:center 30%}.about-image span{position:absolute;bottom:22px;left:25px;font-size:16px;letter-spacing:3px;color:#d4b7f6}.about-copy h2{font-size:42px;margin-bottom:28px}.about-copy p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}.about-copy .text-link{margin-top:15px}.contact{background:radial-gradient(ellipse at 95% 0,#56288766,transparent 60%),#17111f;border:1px solid #3e2e50;border-radius:12px;padding:55px 60px;margin-bottom:70px}.contact h2{font-size:80px;letter-spacing:-4px;position:relative}.contact h2>span{position:absolute;right:0;top:0;color:#b795e6;font-size:100px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.contact-bottom p{color:#b5a9c3;font-size:16px;line-height:1.8;margin:0}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:30px 0 60px}footer>span,footer>a:last-child{font-size:16px;color:var(--muted)}footer .brand{font-size:16px}footer img{width:25px;height:30px}.preview-label{position:fixed;bottom:12px;right:12px;background:#22182de8;border:1px solid #59436f;color:#d0b3ef;font-size:16px;letter-spacing:1px;padding:9px 12px;border-radius:4px;z-index:10}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:20;background:#fff;color:#000;padding:10px}
@media(min-width:1700px){.wrap{width:1340px}.hero-art{min-height:640px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero{grid-template-columns:55% 45%}h1{font-size:62px}.hero-art{min-height:560px}.eyebrow{font-size:16px;letter-spacing:1.5px}.featured{grid-template-columns:58% 42%}.project-info{padding:28px 23px}.featured .project-visual{padding:20px}.section-heading>p{max-width:270px}.about{gap:50px}.service-row{grid-template-columns:35px 1fr 125px 30px;gap:15px}.contact h2{font-size:68px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}header{height:90px}.brand{font-size:16px}.brand small{font-size:16px}.brand img{width:29px;height:35px}nav{gap:13px}nav a{font-size:16px}nav a:nth-child(3),nav .nav-contact{display:none}.hero{display:flex;flex-direction:column;padding-top:45px}.hero-copy{position:relative;z-index:1}h1{font-size:58px;letter-spacing:-3px}.intro{font-size:16px;max-width:340px}.hero-art{min-height:420px;margin-top:0}.portrait{object-fit:contain}.orb{left:calc(50% - 170px);width:340px;height:340px;top:30px}.portrait-label{bottom:15px}.hero-bottom{margin-top:0;font-size:16px;letter-spacing:.5px}.hero-bottom a span{margin-left:7px}.projects,.process{padding:65px 0}.section-heading{display:block;margin-bottom:30px}h2{font-size:37px;letter-spacing:-1.5px}.section-heading>p{margin-top:20px;max-width:none}.featured{grid-template-columns:1fr}.featured .project-visual img{height:300px}.project-info h3{margin:22px 0 15px;font-size:34px}.project-info h3 br{display:none}.project-info{padding:25px}.project-grid{grid-template-columns:1fr;gap:35px}.project-grid .project-visual img{height:280px}.services{padding:65px 0}.service-row{grid-template-columns:25px 1fr 25px;gap:13px;padding:28px 0}.service-row h3{font-size:23px}.service-tags{display:none}.service-row p{font-size:16px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps h3{font-size:16px}.about{display:flex;flex-direction:column;gap:35px;padding:0 0 65px}.about-image{height:380px;width:100%}.about-copy h2{font-size:35px}.contact{padding:35px 25px;margin-bottom:40px}.contact h2{font-size:52px;letter-spacing:-2.5px}.contact h2>span{font-size:50px}.contact .eyebrow{font-size:16px}.contact-bottom{display:block}.contact-bottom .button{margin-top:25px}.contact-bottom p{font-size:16px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%}.actions{gap:25px}.button{gap:25px;padding:18px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}