/* Theme Name: Revion
Description: Revion digital studio WordPress theme.
Version: 1.0.0
Text Domain: revion */
:root{--black:#0a0a0b;--paper:#f5f5f7;--line:#d5d5d9;--muted:#77777d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,"Noto Sans Armenian","DejaVu Sans",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.shell{max-width:1200px;margin:auto;padding:0 28px}.nav{height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:21px;font-weight:700;letter-spacing:-1.4px}.brand:before{display:inline-block;width:18px;height:18px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:-3px}.menu{display:flex;list-style:none;gap:28px;margin:0;padding:0;font-size:13px;font-weight:700}.menu a{color:#66666c}.menu a:hover{color:#000}.btn{display:inline-flex;gap:8px;align-items:center;border:0;border-radius:99px;background:#0b0b0c;color:#fff;padding:14px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s}.btn:hover{transform:scale(1.04)}.hero{min-height:670px;background:#0b0b0c;color:#fff;border-radius:0 0 40px 40px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid #ffffff22;border-radius:50%;right:-200px;top:-290px;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff05}.hero .nav{position:relative;z-index:1}.hero .menu a{color:#aaaab0}.hero .brand:before{background:#fff}.hero-inner{padding:108px 0;position:relative;z-index:1}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.06em;color:#8d8d94}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:9px}.hero h1,.page-title{font-size:clamp(54px,8vw,106px);line-height:.95;letter-spacing:-.085em;margin:22px 0 26px;max-width:970px}.hero h1 span,.page-title span{color:#929299}.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:68px}.hero-copy{max-width:390px;color:#b6b6bb;font-size:17px;line-height:1.55}.section{padding:125px 0}.heading{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.07em;margin:14px 0 58px}.heading span{color:#85858b}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px}.stat{padding:0 25px;border-left:1px solid var(--line)}.stat:first-child{border:0;padding-left:0}.stat strong{font-size:39px;letter-spacing:-.08em;display:block}.stat span{font-size:13px;color:#707076;display:block;margin-top:6px}.dark{background:#111112;color:#fff;border-radius:40px;padding:120px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:45px}.section-head .heading{margin:0;max-width:540px}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project{min-height:420px;padding:27px;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:transform .35s}.project:hover{transform:translateY(-7px)}.project-meta{font-size:13px;font-weight:700;display:flex;justify-content:space-between;position:relative;z-index:1}.project-meta span:last-child{opacity:.6}.project h3{font-size:21px;letter-spacing:-.05em;margin:0;position:relative;z-index:1}.orb{position:absolute;width:230px;height:230px;border:1px solid #777;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;background:#111}.orb:before{width:96px;height:96px;top:32px;left:32px}.orb:after{width:42px;height:42px;bottom:25px;right:25px}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:65px 1fr minmax(190px,330px) 30px;gap:18px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.service small{color:#888;font-size:12px}.service h3{font-size:22px;letter-spacing:-.05em;margin:0}.service p{font-size:14px;color:#707076;margin:0;line-height:1.45}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{min-height:205px;padding:24px 22px;border-right:1px solid var(--line)}.step:first-child{padding-left:0}.step h3{font-size:20px;margin:44px 0 10px;letter-spacing:-.05em}.step p{font-size:13px;line-height:1.5;color:#707076}.quote-track{display:flex;transition:transform .7s ease}.quote-slide{min-width:100%;padding-top:35px}.quote{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.065em;font-weight:600;max-width:930px}.quote:before{content:"“";display:block;font-size:42px;color:#8e8e94;line-height:.3;margin-bottom:22px}.quote-author{font-size:13px;color:#a2a2a8}.controls{display:flex;gap:8px}.controls button{border:1px solid #ffffff40;background:transparent;color:#fff;border-radius:50%;width:39px;height:39px;cursor:pointer}.dots{display:flex;gap:5px;margin-top:45px}.dot{width:28px;height:2px;border:0;background:#ffffff3d;padding:0;cursor:pointer}.dot.active{background:#fff}.contact{background:#e1e1e4;border-radius:40px 40px 0 0;padding:110px 0 45px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(43px,5vw,74px);line-height:.97;letter-spacing:-.08em;margin:13px 0}.intro{color:#67676d;font-size:16px;line-height:1.5;max-width:360px}.field{border-bottom:1px solid #aaaab0;margin-bottom:25px}.field input,.field textarea{width:100%;border:0;outline:0;background:transparent;padding:14px 0;font:inherit;font-size:16px;resize:none}.field textarea{height:75px}.footer{border-top:1px solid #c3c3c8;margin-top:90px;padding-top:22px;display:flex;justify-content:space-between;color:#74747a;font-size:12px}.page-hero{padding:80px 0}.lead{max-width:430px;color:#68686e;font-size:17px;line-height:1.55}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filter{border:1px solid #c9c9ce;border-radius:99px;background:transparent;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:#111;color:#fff}.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:110px}.archive .project{min-height:500px}.modal{width:min(900px,calc(100% - 24px));max-height:88vh;border:0;border-radius:28px;padding:28px;background:#f7f7f8;box-shadow:0 30px 90px #0009}.modal::backdrop{background:#000a;backdrop-filter:blur(8px)}.modal-art{height:230px;border-radius:18px;margin-bottom:28px}.modal h2{font-size:clamp(38px,6vw,68px);letter-spacing:-.08em;line-height:.97;margin:12px 0 25px}.close{float:right;border:1px solid #bbb;border-radius:50%;background:white;width:38px;height:38px;font-size:20px;cursor:pointer}.modal-info{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;border-top:1px solid #ccc;padding-top:20px}.modal p{font-size:17px;line-height:1.5}.modal ul{list-style:none;padding:0;color:#666;line-height:2;font-size:14px}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:720px){.shell{padding:0 20px}.menu{display:none}.hero{min-height:620px;border-radius:0 0 28px 28px}.hero-inner{padding-top:85px}.hero-foot{display:block;margin-top:50px}.hero-copy{margin-bottom:25px}.section,.dark,.contact{padding:82px 0}.stats{margin-top:45px}.stat{padding:0 10px}.stat strong{font-size:28px}.stat span{font-size:11px}.dark,.contact{border-radius:28px 28px 0 0}.section-head{display:block}.section-head .heading{margin-top:18px}.projects,.archive,.contact-grid,.modal-info{grid-template-columns:1fr}.project,.archive .project{min-height:370px}.service{grid-template-columns:30px 1fr 22px;gap:8px}.service p{display:none}.service h3{font-size:18px}.steps{grid-template-columns:1fr 1fr}.step{min-height:175px;padding:20px 13px;border-bottom:1px solid var(--line)}.step h3{font-size:18px;margin-top:30px}.footer{margin-top:60px;display:block;line-height:2}.modal{padding:18px;max-height:92vh}.modal-art{height:175px}}