:root { --ink:#090909; --paper:#f5f5f7; --line:rgba(255,255,255,.18); --muted:#a1a1a6; --dark-muted:#6e6e73; --radius:28px; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, "Noto Sans Armenian", "DejaVu Sans", sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-decoration:none; }
    button, input, textarea { font:inherit; }
    .shell { max-width:1200px; margin:auto; padding:0 28px; }
    .nav { height:74px; display:flex; align-items:center; justify-content:space-between; }
    .brand { font-size:21px; letter-spacing:-1.4px; font-weight:700; display:flex; align-items:center; gap:8px; }
    .brand-mark { width:18px; height:18px; border-radius:50%; background:#050505; position:relative; overflow:hidden; }
    .brand-mark::after { content:""; position:absolute; width:14px; height:14px; background:var(--paper); border-radius:50%; top:-5px; left:6px; }
    .links { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:600; }
    .links a { color:#515156; transition:color .2s; }
    .links a:hover { color:#000; }
    .nav-cta, .button { border:0; border-radius:999px; background:#0a0a0a; color:white; cursor:pointer; padding:12px 18px; font-size:13px; font-weight:700; transition:transform .2s, background .2s; }
    .nav-cta:hover, .button:hover { transform:scale(1.035); background:#2a2a2d; }
    .menu-button { display:none; border:0; background:transparent; padding:8px 0 8px 12px; cursor:pointer; }
    .menu-button i { width:20px; height:1.5px; background:#000; display:block; margin:5px 0; }

    .hero { min-height:675px; background:var(--ink); color:#fff; overflow:hidden; position:relative; border-radius:0 0 40px 40px; }
    .hero::before { content:""; position:absolute; width:min(74vw,900px); height:min(74vw,900px); border:1px solid rgba(255,255,255,.11); border-radius:50%; right:-225px; top:-238px; box-shadow:0 0 0 72px rgba(255,255,255,.025), 0 0 0 144px rgba(255,255,255,.018); }
    .hero .nav { position:relative; z-index:3; }
    .hero .brand-mark { background:#fff; }.hero .brand-mark::after{background:var(--ink)}
    .hero .links a { color:#b1b1b5; }.hero .links a:hover {color:#ffffff}.hero .nav-cta{background:#fff;color:#000}
    .hero-inner { position:relative; z-index:1; padding:108px 0 60px; }
    .eyebrow { font-size:13px; font-weight:700; letter-spacing:.04em; color:#a5a5aa; display:flex; gap:9px; align-items:center; }
    .eyebrow::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:#fff; }
    h1 { margin:20px 0 26px; font-size:clamp(52px,8vw,104px); max-width:960px; letter-spacing:-.075em; line-height:.98; font-weight:700; }
    h1 span { color:#919196; }
    .hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-top:72px; }
    .hero-copy { max-width:390px; color:#b2b2b7; font-size:17px; line-height:1.55; letter-spacing:-.02em; margin:0; }
    .hero .button { background:#fff; color:#000; display:inline-flex; gap:10px; align-items:center; white-space:nowrap; padding:15px 20px; }
    .arrow { font-size:18px; line-height:0; transition:transform .2s; }.button:hover .arrow { transform:translateX(3px); }
    .scroll-note { position:absolute; bottom:53px; right:28px; color:#75757c; font-size:11px; writing-mode:vertical-rl; text-transform:uppercase; letter-spacing:.15em; }
    .hero-glow { width:470px; height:470px; position:absolute; right:-120px; bottom:-190px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.19),transparent 66%); filter:blur(10px); animation:floatGlow 8s ease-in-out infinite alternate; }
    @keyframes floatGlow { to { transform:translate(-80px,-45px) scale(1.17); } }

    .statement { padding:142px 0; }
    .statement h2 { font-size:clamp(37px,5vw,69px); letter-spacing:-.065em; line-height:1.06; font-weight:600; max-width:1050px; margin:0; }
    .statement h2 span { color:#85858b; }
    .stats { margin-top:92px; padding-top:24px; border-top:1px solid #d5d5d8; display:grid; grid-template-columns:repeat(3,1fr); }
    .stat { padding:0 24px; border-left:1px solid #d5d5d8; }.stat:first-child {padding-left:0;border:0}.stat strong{display:block;font-size:38px;letter-spacing:-.07em}.stat span{color:#707076;font-size:13px;display:block;margin-top:7px}

    .work { background:#101011; color:#fff; padding:128px 0; border-radius:40px; }
    .section-top { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; margin-bottom:48px; }.kicker { color:#8e8e94; font-size:13px; font-weight:700; }.section-top h2 { font-size:clamp(38px,5vw,65px); letter-spacing:-.07em; line-height:1; margin:0; max-width:520px; }
    .projects { display:grid; grid-template-columns:1.22fr .78fr; gap:18px; }.project { min-height:450px; border-radius:var(--radius); overflow:hidden; position:relative; background:#1f1f21; padding:28px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .35s ease; }.project:hover{transform:translateY(-5px)}
    .project.large { background:#d7d7d9; color:#0c0c0e; }.project.dark-card { background:#242429; }.project-info { display:flex; justify-content:space-between; position:relative; z-index:2; font-size:13px; font-weight:700; }.project-info span:last-child{color:#79797f}.large .project-info span:last-child{color:#757579}
    .project-visual { flex:1; display:flex; align-items:center; justify-content:center; position:relative; }.orbit { width:230px;height:230px;border-radius:50%;border:1px solid #969699;position:relative; }.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:#0d0d0e}.orbit:before{width:96px;height:96px;top:32px;left:32px}.orbit:after{width:42px;height:42px;bottom:25px;right:25px}.glass { width:68%; height:54%; border:1px solid rgba(255,255,255,.3); border-radius:20px; background:linear-gradient(125deg,rgba(255,255,255,.22),rgba(255,255,255,.02)); box-shadow:0 18px 50px #0005; position:relative; overflow:hidden}.glass:after{content:"REVION";font-size:clamp(30px,5vw,65px);font-weight:700;letter-spacing:-.09em;position:absolute;left:8%;bottom:10%;color:white}
    .project-name { font-size:20px; letter-spacing:-.04em; font-weight:700; position:relative; z-index:2; }
    .all-work { margin-top:28px; display:flex; justify-content:flex-end; }.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #737379;padding-bottom:7px;transition:color .2s,border-color .2s}.text-link:hover{color:#a8a8ad;border-color:#fff}

    .services { padding:132px 0 120px; }.services h2{font-size:clamp(42px,5vw,66px);letter-spacing:-.07em;line-height:1;margin:17px 0 64px;max-width:600px}.service-list{border-top:1px solid #d1d1d4}.service{display:grid;grid-template-columns:70px 1fr minmax(190px,330px) 36px;align-items:center;gap:18px;padding:27px 0;border-bottom:1px solid #d1d1d4;transition:padding .25s}.service:hover{padding-left:12px}.service-no{color:#86868b;font-size:12px}.service h3{font-size:23px;letter-spacing:-.045em;margin:0}.service p{margin:0;color:#6d6d73;font-size:14px;line-height:1.45}.service-arrow{font-size:22px;text-align:right}
    .marquee { border-top:1px solid #d5d5d8; border-bottom:1px solid #d5d5d8; overflow:hidden; white-space:nowrap; padding:17px 0; }.marquee-track{display:inline-flex;gap:50px;animation:marquee 24s linear infinite;font-size:13px;font-weight:700;letter-spacing:.04em}.marquee-track span{display:inline-flex;align-items:center;gap:20px}.marquee-track span::after{content:"✦";color:#87878c}@keyframes marquee{to{transform:translateX(-50%)}}
    .process { background:#fff; padding:126px 0; }.process-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:66px}.process h2{font-size:clamp(42px,5vw,67px);line-height:1;letter-spacing:-.07em;margin:16px 0 0}.process-copy{align-self:end;color:#68686e;max-width:360px;font-size:16px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5d5d8}.step{padding:25px 22px 10px;border-right:1px solid #d5d5d8;min-height:210px}.step:first-child{padding-left:0}.step:last-child{border:0}.step-no{font-size:12px;color:#86868b}.step h3{font-size:20px;letter-spacing:-.045em;margin:47px 0 12px}.step p{color:#717176;font-size:13px;line-height:1.45;margin:0;max-width:210px}
    .testimonial { background:#111112;color:#fff;padding:118px 0;border-radius:40px;overflow:hidden}.testimonial-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.slider-controls{display:flex;gap:8px}.slider-button{width:39px;height:39px;border:1px solid #ffffff35;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:background .2s,transform .2s}.slider-button:hover{background:#fff;color:#111;transform:scale(1.06)}.quotes-window{overflow:hidden}.quotes-track{display:flex;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.quote-slide{min-width:100%;padding-top:35px}.quote-mark{font-size:43px;line-height:.3;color:#8d8d92}.quote{font-size:clamp(31px,4vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.065em;max-width:930px;margin:35px 0 48px}.quote-author{display:flex;align-items:center;gap:11px;color:#a0a0a5;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f5f5f7,#79797f)}.avatar.two{background:linear-gradient(135deg,#99aeb2,#21363b)}.avatar.three{background:linear-gradient(135deg,#e3b99f,#5f3b31)}.slider-progress{display:flex;gap:5px;margin-top:54px}.slider-dot{display:block;width:28px;height:2px;background:#ffffff2d;border:0;padding:0;cursor:pointer}.slider-dot.active{background:#fff}

    .contact { background:#e3e3e6; border-radius:40px 40px 0 0; padding:116px 0 48px; }.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(43px,5.4vw,74px);line-height:.98;letter-spacing:-.075em;margin:16px 0 20px}.contact .intro{color:#66666c;font-size:16px;max-width:330px;line-height:1.5}.contact-form{padding-top:13px}.field{border-bottom:1px solid #aaaab0;margin-bottom:26px}.field input,.field textarea{border:0;outline:0;background:transparent;width:100%;padding:14px 0;color:#111;font-size:17px;resize:none}.field textarea{height:72px}.field input::placeholder,.field textarea::placeholder{color:#77777d}.form-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-status{font-size:12px;color:#525258}.contact footer{border-top:1px solid #c3c3c7;margin-top:95px;padding-top:23px;display:flex;justify-content:space-between;color:#76767b;font-size:12px}.footer-links{display:flex;gap:19px}
    .reveal{opacity:0;transform:translateY(24px);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1),filter .8s}.reveal.on{opacity:1;transform:none;filter:none}.reveal.on .step{animation:stepIn .6s both}.reveal.on .step:nth-child(2){animation-delay:.08s}.reveal.on .step:nth-child(3){animation-delay:.16s}.reveal.on .step:nth-child(4){animation-delay:.24s}@keyframes stepIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-glow,.marquee-track{animation:none}.reveal{opacity:1;transform:none;filter:none;transition:none}.project,.button,.nav-cta{transition:none}}
    @media(max-width:720px){.shell{padding:0 20px}.links,.nav-cta{display:none}.menu-button{display:block}.hero{min-height:640px;border-radius:0 0 28px 28px}.hero-inner{padding-top:92px}.hero-bottom{margin-top:54px;display:block}.hero-copy{font-size:16px;margin-bottom:25px}.scroll-note{display:none}.statement{padding:90px 0}.stats{margin-top:55px}.stat{padding:0 10px}.stat strong{font-size:28px}.stat span{font-size:11px}.work,.contact,.testimonial{border-radius:28px 28px 0 0}.work{padding:85px 0}.section-top{display:block}.section-top h2{margin-top:18px}.projects{grid-template-columns:1fr}.project{min-height:360px}.services{padding:88px 0}.services h2{margin-bottom:45px}.service{grid-template-columns:32px 1fr 24px;gap:7px;padding:21px 0}.service p{display:none}.service h3{font-size:18px}.process{padding:85px 0}.process-head{display:block;margin-bottom:45px}.process-copy{margin-top:25px}.steps{grid-template-columns:1fr 1fr}.step{min-height:180px;padding:20px 14px;border-bottom:1px solid #d5d5d8}.step:first-child{padding-left:0}.step h3{margin-top:32px;font-size:18px}.testimonial{padding:82px 0}.testimonial-top{align-items:flex-start}.slider-progress{margin-top:35px}.contact{padding:85px 0 35px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact footer{margin-top:65px;display:block;line-height:2}.footer-links{margin-top:7px} }