/* About Arena Battle — a distinct editorial layout within the corporate system. */
.company-opening{padding-block:76px 64px}
.company-opening>.eyebrow{color:var(--orange);margin-bottom:32px}
.company-opening-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:72px;align-items:center}
.company-opening h1{font-size:clamp(64px,6.1vw,92px);line-height:1.03;letter-spacing:-.035em;max-width:820px}
.company-opening h1 em{font-style:normal;color:var(--orange)}
.company-opening p{max-width:580px;margin-top:30px;font-size:14px;line-height:1.9}
.company-opening .text-link{margin-top:28px}
.company-signature{position:relative;min-height:440px;border:1px solid #42403a;background:#e7e2d8;color:#242522;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:25px 28px}
.company-signature:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 47px,#20251f0b 47px,#20251f0b 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,#20251f0b 47px,#20251f0b 48px);pointer-events:none}
.signature-index{position:relative;display:flex;justify-content:space-between;font:9px "JetBrains Mono",monospace;letter-spacing:.12em;border-bottom:1px solid #24252230;padding-bottom:16px}
.signature-symbol{position:absolute;width:68%;height:68%;left:16%;top:13%;display:grid;place-items:center}
.signature-symbol:before,.signature-symbol:after{content:"";position:absolute;inset:6% 2%;border:1px solid #b4aea1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#dbd5c9;transform:rotate(-9deg) translate(-18px,9px)}
.signature-symbol:after{background:#c9c3b7;transform:rotate(7deg) translate(14px,5px)}
.signature-symbol img{position:relative;z-index:1;width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 16px 12px #25221825);transform:rotate(-8deg)}
.signature-caption{position:relative;margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:20px}
.signature-caption b{font:800 clamp(30px,3vw,44px)/.92 "Big Shoulders Display",sans-serif;letter-spacing:-.02em}
.signature-caption>span{max-width:135px;font:8px/1.7 "JetBrains Mono",monospace;text-transform:uppercase;text-align:right;letter-spacing:.06em}
.company-index{display:flex;align-items:center;gap:30px;margin-top:58px;border-top:1px solid var(--line);padding-top:22px;font:9px "JetBrains Mono",monospace;letter-spacing:.05em;text-transform:uppercase;color:#92959c}
.company-index>span:first-child{color:var(--orange);margin-right:auto}
.company-index a{display:flex;align-items:center;gap:10px;min-height:36px}
.company-index a:before{content:"/";color:var(--orange)}
.company-index a:hover{color:var(--text)}
.company-idea{background:var(--cream);color:#242522;margin-block:20px 0}
.company-idea .wrap{padding-block:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}
.company-idea .eyebrow{color:#78766e}
.company-idea h2{font-size:clamp(44px,4.8vw,70px);max-width:550px;line-height:1.07}
.company-idea p{color:#575953;font-size:14px;line-height:1.9;margin-top:24px;max-width:520px}
.company-idea p+p{font-size:12px;color:#717269;padding-left:18px;border-left:2px solid #d18b6c}
.company-experience{background:#15171b;border-radius:5px;overflow:hidden;box-shadow:0 16px 35px #22251c20;transform:rotate(2deg);border:1px solid #3b3d40}
.experience-bar{padding:17px 22px;border-bottom:1px solid #ffffff13;display:flex;justify-content:space-between;gap:15px;color:#a7a9ad;font:8px "JetBrains Mono",monospace;letter-spacing:.08em}
.experience-bar span:first-child{color:#eeeae2}
.experience-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:24px 26px 22px;align-items:center}
.experience-covers img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:6px;user-select:none;-webkit-user-drag:none}
.experience-bottom{display:flex;align-items:center;gap:18px;padding:0 26px 24px;color:#babcc1;font-size:10px;line-height:1.6}
.experience-seats{display:flex;flex-shrink:0}
.experience-seats i{display:grid;place-items:center;font:9px "JetBrains Mono",monospace;font-style:normal;width:33px;height:33px;border-radius:50%;border:3px solid #15171b;background:#354961;color:#c4d6ed;margin-left:-5px}
.experience-seats i:nth-child(2){background:#674239;color:#f3c6b8}.experience-seats i:nth-child(3){background:#3a554a;color:#c5ddcd}
.company-approach{padding-block:88px 76px}
.company-approach-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);gap:40px;margin-bottom:50px;align-items:start}
.company-approach-head .eyebrow{color:var(--orange);margin-top:9px}
.company-approach h2{font-size:clamp(40px,4.1vw,60px);line-height:1.1}
.company-principle{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr) 44px;gap:40px;border-top:1px solid var(--line);padding-block:34px;align-items:start}
.company-principle:last-child{border-bottom:1px solid var(--line)}
.company-principle-label{display:flex;align-items:center;gap:22px;padding-top:5px;font-size:12px}
.company-principle-label>span{font:10px "JetBrains Mono",monospace;color:var(--orange)}
.company-principle-label b{font-weight:500;color:#a6a9b0}
.company-principle h3{font:500 clamp(21px,2vw,28px)/1.4 Onest,"Noto Sans Armenian",sans-serif;letter-spacing:-.035em}
.company-principle p{max-width:640px;font-size:13px;line-height:1.9;margin-top:13px}
.company-principle .circle-arrow{margin-top:3px}
.company-principle:hover .circle-arrow{color:#161616;background:var(--orange);border-color:var(--orange)}
.company-principle .text-link{margin-top:18px;font-size:11px}
.company-contact{margin-bottom:72px;padding:46px 50px;background:#191b1f;border:1px solid #393a3e;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative}
.company-contact:before{content:"";position:absolute;width:4px;top:30px;bottom:30px;left:0;background:var(--orange)}
.company-contact h2{font-size:clamp(36px,4vw,54px);line-height:1.1}
.company-contact .eyebrow{color:var(--orange);margin-bottom:20px}
.company-contact p{margin-top:17px;font-size:12px;max-width:500px}
.company-contact .button{flex-shrink:0}
html[lang=hy] .company-opening h1{font-size:clamp(40px,4vw,60px);line-height:1.22}
html[lang=hy] .company-idea h2{font-size:clamp(34px,3.4vw,49px);line-height:1.22}
html[lang=hy] .company-approach h2,html[lang=hy] .company-contact h2{font-size:clamp(30px,3vw,44px);line-height:1.24}
@media(max-width:1100px){.company-opening-grid{gap:40px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.company-opening h1{font-size:66px}.company-signature{min-height:390px;padding:22px}.company-idea .wrap{gap:50px}.company-principle,.company-approach-head{gap:25px;grid-template-columns:minmax(0,.65fr) minmax(0,1.55fr) 44px}.company-approach-head h2{grid-column:2/4}.company-contact{padding:38px}.company-contact .button{max-width:220px}}
@media(max-width:900px){.company-opening{padding-top:50px}.company-opening h1{font-size:58px}.company-opening p{font-size:12px}.company-signature{min-height:350px}.signature-caption{gap:12px}.signature-caption>span{font-size:7px;max-width:95px}.company-index{gap:22px;font-size:8px}.company-idea .wrap{gap:35px;padding-block:55px}.company-idea h2{font-size:43px}.company-idea p{font-size:12px}.experience-bar{padding:13px 16px;font-size:7px}.experience-covers{gap:8px;padding:20px 18px}.experience-bottom{padding:0 18px 20px;gap:12px;font-size:9px}.experience-seats i{width:27px;height:27px;font-size:7px}.company-principle-label{gap:14px;font-size:11px}.company-principle p{font-size:12px}.company-approach{padding-block:65px 55px}.company-contact{gap:30px}.company-contact h2{font-size:40px}}
@media(max-width:650px){.company-opening{padding-block:38px 28px}.company-opening>.eyebrow{margin-bottom:25px}.company-opening-grid{grid-template-columns:1fr;gap:32px}.company-opening h1{font-size:clamp(49px,12vw,70px);line-height:1.06}.company-opening p{font-size:13px;line-height:1.85;margin-top:24px}.company-opening .text-link{margin-top:23px}.company-signature{min-height:340px;max-width:100%;padding:23px}.signature-symbol{height:70%;width:60%;top:10%;left:20%}.signature-caption b{font-size:40px}.signature-caption>span{font-size:8px;max-width:135px}.company-index{margin-top:30px;padding-top:15px;gap:8px 18px;flex-wrap:wrap}.company-index>span:first-child{width:100%;margin-bottom:4px}.company-idea{margin-top:0}.company-idea .wrap{grid-template-columns:1fr;padding-block:43px 46px;gap:34px}.company-idea h2{font-size:45px}.company-idea p{font-size:13px}.company-idea p+p{font-size:12px}.company-experience{transform:rotate(1deg);margin:3px 4px}.experience-bar{font-size:7px}.experience-covers{padding:18px 19px 17px;gap:10px}.experience-bottom{font-size:9px;padding:0 19px 19px}.company-approach{padding-block:46px 43px}.company-approach-head{display:block;margin-bottom:32px}.company-approach-head h2{font-size:38px}.company-principle{grid-template-columns:minmax(0,1fr) 36px;gap:15px;padding-block:25px}.company-principle-label{grid-column:1;gap:16px}.company-principle>div:nth-child(2){grid-column:1/3;grid-row:2}.company-principle>span{grid-column:2;grid-row:1;width:33px;height:33px;margin:0}.company-principle>span svg{width:17px}.company-principle h3{font-size:22px}.company-principle p{font-size:12px;line-height:1.9}.company-principle .text-link{font-size:11px;margin-top:15px}.company-contact{margin-bottom:40px;display:block;padding:30px 26px}.company-contact h2{font-size:38px}.company-contact .button{margin-top:25px;max-width:none}.company-contact p{font-size:12px}.company-contact .eyebrow{font-size:8px}html[lang=hy] .company-opening h1{font-size:clamp(33px,8.8vw,51px)}html[lang=hy] .company-idea h2{font-size:32px}html[lang=hy] .company-approach h2,html[lang=hy] .company-contact h2{font-size:30px}html[lang=hy] .company-principle h3{font-size:19px}}