:root{--p:#5932cf;--p2:#7b54ee;--ink:#0b0b0e;--muted:#85858d;--paper:#f5f4f1;--white:#fff;--line:rgba(0,0,0,.12);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1320px,calc(100% - 56px));margin:auto}.progress{position:fixed;z-index:100;top:0;left:0;height:3px;background:var(--p);width:0}
.loader{position:fixed;inset:0;background:var(--ink);z-index:200;display:grid;place-items:center;color:#fff;transition:.7s var(--ease)}.loader.done{opacity:0;visibility:hidden}.loader-logo{font-size:clamp(60px,10vw,150px);font-weight:800;letter-spacing:-.08em}.loader-logo span{color:var(--p2)}
header{position:fixed;z-index:80;top:0;left:0;right:0;padding:20px 0;mix-blend-mode:normal;transition:.35s var(--ease)}header.scrolled{background:rgba(245,244,241,.88);backdrop-filter:blur(18px);padding:12px 0;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{width:120px}.brand img{width:100%}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--p);transition:.25s}.navlinks a:hover:after{width:100%}.navbtn{background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:100svh;padding:150px 0 55px;display:flex;align-items:end;position:relative;overflow:hidden;background:#0b0b0e;color:#fff}.hero:before{content:"";position:absolute;width:65vw;height:65vw;right:-18vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(105,57,232,.9),rgba(55,25,130,.25) 45%,transparent 70%);filter:blur(4px)}.hero-inner{position:relative;z-index:2;width:100%}.hero-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#b7a8f4;font-weight:700}.hero h1{font-size:clamp(68px,11vw,170px);line-height:.82;letter-spacing:-.085em;margin:25px 0 45px;max-width:1150px}.hero h1 em{font-style:normal;color:#8c68f1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-copy{max-width:510px;font-size:17px;line-height:1.6;color:#c5c5cb}.hero-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px;font-weight:700}.scrollmark{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8e8e96;writing-mode:vertical-rl}
section{padding:145px 0}.section-tag{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--p);margin-bottom:22px}.section-title{font-size:clamp(48px,7vw,96px);line-height:.88;letter-spacing:-.07em;margin:0}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.intro-copy{font-size:20px;line-height:1.65;color:#55555d;max-width:610px}
.service-list{margin-top:80px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr 1.1fr 50px;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);transition:.3s var(--ease)}.service-row:hover{padding-left:20px;background:rgba(89,50,207,.045)}.service-no{color:var(--p);font-size:12px;font-weight:800}.service-row h3{font-size:34px;letter-spacing:-.04em;margin:0}.service-row p{margin:0;color:var(--muted);line-height:1.55}.service-arrow{font-size:26px;text-align:right}
.portfolio{background:#101014;color:#fff}.portfolio .section-tag{color:#9b7cf4}.portfolio .section-title{color:#fff}.portfolio-grid{margin-top:65px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.tile{position:relative;overflow:hidden;border-radius:20px;background:#222;min-height:480px}.tile:nth-child(1){grid-column:span 7}.tile:nth-child(2){grid-column:span 5}.tile:nth-child(3){grid-column:span 5}.tile:nth-child(4){grid-column:span 7}.tile:nth-child(5){grid-column:span 7}.tile:nth-child(6){grid-column:span 5}.tile img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease);opacity:.92}.tile:hover img{transform:scale(1.06);opacity:1}.tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.tile-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.tile-caption b{font-size:22px}.tile-caption span{display:block;margin-top:6px;color:#c2c2c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.statement{background:var(--p);color:#fff}.statement-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.statement h2{font-size:clamp(55px,8vw,120px);line-height:.84;letter-spacing:-.075em;margin:0}.statement p{font-size:20px;line-height:1.6;color:#e4ddff;max-width:550px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-big{font-size:clamp(55px,8vw,120px);line-height:.85;letter-spacing:-.075em;margin:0}.contact-big span{color:var(--p)}.contact-data{margin-top:45px;font-size:17px;line-height:1.8}.contact-data a{text-decoration:underline;text-underline-offset:5px}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--line);background:transparent;padding:17px 0;font:inherit;outline:none;border-radius:0}.contact-form textarea{min-height:130px;resize:vertical}.contact-form button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:17px 25px;font-weight:800;margin-top:12px;cursor:pointer}
footer{background:var(--ink);color:#888890;padding:30px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.foot strong{color:#fff}
.page-hero{padding:180px 0 100px;background:#101014;color:#fff;min-height:72vh;display:flex;align-items:end}.page-hero .section-title{max-width:1000px}.page-hero .lead{max-width:620px;color:#bdbdc4;font-size:19px;line-height:1.6;margin-top:35px}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:100px}.detail h2{font-size:48px;letter-spacing:-.05em;margin:0 0 25px}.detail p{font-size:17px;line-height:1.75;color:#5d5d65}.bullets{margin:35px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.bullets li{padding:16px 0;border-bottom:1px solid var(--line);font-weight:600}.visual{border-radius:25px;overflow:hidden;min-height:550px}.visual img{width:100%;height:100%;object-fit:cover}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:900px){.container{width:min(100% - 32px,1320px)}.navlinks{display:none}.menu{display:block}.hero{padding-top:130px}.hero-top,.hero-bottom,.intro,.statement-inner,.contact-grid,.detail{grid-template-columns:1fr;display:grid}.hero h1{font-size:clamp(64px,16vw,105px)}.hero-bottom{gap:30px}.scrollmark{display:none}.service-row{grid-template-columns:45px 1fr 35px}.service-row p{grid-column:2}.portfolio-grid{grid-template-columns:1fr 1fr}.tile:nth-child(n){grid-column:span 1;min-height:380px}section{padding:95px 0}.page-hero{min-height:auto;padding:150px 0 90px}.detail{gap:50px}.visual{min-height:400px}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.tile:nth-child(n){grid-column:span 1}.service-row{grid-template-columns:35px 1fr 30px}.service-row h3{font-size:25px}.service-row p{font-size:14px}.foot{flex-direction:column}.brand{width:105px}}