:root{color-scheme:dark;--bg:#101012;--ink:#f0efec;--muted:#a5a4ad;--line:#303036;--accent:#bc9cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1280px,88%);margin:auto}header{border-bottom:1px solid var(--line)}.head{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:21px;font-weight:750;letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:26px;font-size:14px}.lang{border-left:1px solid var(--line);padding-left:22px;color:var(--muted)}.lang b{color:var(--ink)}.hero{padding:110px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--accent)}h1{font-size:clamp(42px,6.2vw,85px);line-height:1.09;letter-spacing:-.055em;max-width:1100px;margin:28px 0}em{font-style:normal;color:var(--accent)}.intro{max-width:600px;color:var(--muted);font-size:20px}.actions{display:flex;gap:30px;align-items:center;margin-top:38px}.button{display:inline-block;padding:15px 25px;border-radius:40px;background:var(--ink);color:#141416;font-weight:600}.button:hover{background:var(--accent);color:#141416}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}section{padding:95px 0;border-top:1px solid var(--line)}h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 28px}h3{font-size:24px;letter-spacing:-.025em;margin:12px 0}.muted{color:var(--muted)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px}.sectionhead p{max-width:440px;font-size:14px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px;margin-top:35px}.project:first-child{grid-column:1/-1}.art{min-height:320px;display:flex;align-items:center;justify-content:center;padding:45px;background:#292238;border-radius:16px;overflow:hidden}.project:first-child .art{min-height:460px}.project:nth-child(2) .art{background:#203330}.project:nth-child(3) .art{background:#303044}.projectline{display:flex;justify-content:space-between;gap:20px;align-items:center}.projectline p{font-size:13px;color:var(--muted)}.mock{width:85%;background:#17171d;border:1px solid #55505f;border-radius:12px;box-shadow:0 30px 70px #0005;padding:22px;transform:rotate(-3deg);font-size:12px}.mocktop{display:flex;justify-content:space-between;border-bottom:1px solid #39343f;padding-bottom:15px}.mockgrid{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-top:22px}.mockside{color:#aaa0b8;line-height:2.7}.chart{display:flex;align-items:end;height:125px;gap:8px;padding-top:15px}.chart i{background:#b797ee;flex:1;border-radius:4px 4px 0 0}.phone{max-width:200px;background:#edece7;color:#1c2523;border:8px solid #151a19;border-radius:30px;padding:28px 16px;transform:rotate(8deg);box-shadow:20px 25px 50px #0005}.phone h3{font-size:26px}.tile{padding:12px;background:#d7e4db;border-radius:12px;margin:10px 0;font-size:12px}.system{width:90%;transform:rotate(-5deg);background:#e8e6f0;color:#2b2542;padding:28px;border-radius:12px}.swatches{display:flex;gap:10px;margin:25px 0}.swatches i{height:45px;flex:1;border-radius:50%;background:#695092}.swatches i:nth-child(2){background:#b99de5}.swatches i:nth-child(3){background:#292438}.swatches i:nth-child(4){background:#fff}.pill{display:inline-block;background:#635086;color:white;border-radius:25px;padding:8px 16px;font-size:12px}.services{margin-top:45px}.service{display:grid;grid-template-columns:60px 1fr 1.2fr;gap:25px;border-top:1px solid var(--line);padding:28px 0}.service p{margin:10px 0;color:var(--muted)}.service small{color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.monogram{display:flex;justify-content:center;align-items:center;min-height:330px;background:#1b1921;font-size:140px;color:var(--accent);letter-spacing:-20px;border-radius:16px}.contact h2{font-size:clamp(40px,6vw,80px)}footer{border-top:1px solid var(--line);padding:30px 0;font-size:13px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;background:white;color:black;padding:10px}.skip:focus{top:10px}.casebody{max-width:820px}.casebody section{padding:38px 0}.casebody p{color:var(--muted)}@media(max-width:700px){.head{flex-wrap:wrap;padding:22px 0;gap:18px}nav{gap:16px;flex-wrap:wrap;font-size:12px}.hero{padding:65px 0}.intro{font-size:18px}.sectionhead,.about{display:block}.projects{grid-template-columns:1fr}.project:first-child{grid-column:auto}.art,.project:first-child .art{min-height:290px;padding:25px}.mock{width:100%;padding:15px}.mockside{display:none}.mockgrid{grid-template-columns:1fr}.service{grid-template-columns:25px 1fr}.service p{grid-column:2}.monogram{min-height:230px;margin-bottom:35px}.meta{gap:20px}.actions{gap:20px;font-size:14px}section{padding:65px 0}.projectline{align-items:start}.projectline p{max-width:160px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}