/* Rob Style — variant 2 "RAW": black / blood red / hard cuts */
:root{
  --bg:#070707;
  --bg-2:#0f0f0f;
  --ink:#f3f0e8;
  --dim:#8d8880;
  /* single source of truth for the accent: change ONLY --red-rgb */
  --red-rgb:208 52 34;
  --red:rgb(var(--red-rgb));
  --red-2:color-mix(in srgb,var(--red) 78%,#fff);
  --red-d:color-mix(in srgb,var(--red) 55%,#000);
  --line:rgba(243,240,232,.18);
  --disp:'Oswald','Noto Sans Armenian',Impact,'Arial Narrow',sans-serif;
  --sans:'Manrope','Noto Sans Armenian',system-ui,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1320px;
  --gut:clamp(18px,3.4vw,52px);
  --hdr:76px;
  /* type scale: ONE value per text type, used by every page (change it here and all of that type changes) */
  --fs-h1:clamp(44px,6.5vw,104px);
  --fs-h2:clamp(30px,3.6vw,60px);
  --fs-h3:clamp(22px,2.2vw,32px);
  --fs-h4:clamp(18px,1.6vw,22px);
  --fs-h5:17px;
  --fs-h6:15px;
  --fs-body:17px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 var(--fs-body)/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4,h5,h6,p{margin:0}
h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}
/* landing sections show the same h1 / h2 a bit larger (same variables, bigger values only inside these sections) */
.hero,.about,.video,.statement,.contact{--fs-h1:clamp(48px,8.5vw,144px);--fs-h2:clamp(34px,4.6vw,80px)}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:3px solid var(--red-2);outline-offset:3px}
.wrap{width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.09;background:url(../img/noise.webp);mix-blend-mode:overlay}

.disp{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.88}
.tag{display:inline-flex;align-items:center;gap:12px;font:700 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--red)}
.tag::before{content:"";width:28px;height:3px;background:var(--red)}

/* buttons: hard, slightly cut corner */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 34px;font:700 14px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:background .3s,color .3s,transform .3s var(--ease);overflow:hidden}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(6px)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--ink);color:#0a0a0a}
.btn-line{color:var(--ink);background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) 0 100%/100% 2px no-repeat}
.btn-line:hover{background:var(--ink);color:#0a0a0a}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:60;height:var(--hdr);transition:background .3s,height .3s var(--ease)}
.hdr.is-scrolled{--hdr:62px;background:rgba(7,7,7,.9);backdrop-filter:blur(10px);border-bottom:2px solid var(--red)}
.hdr .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:44px;height:44px;border-radius:50%}
.brand b{font:700 24px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}
.brand b i{font-style:normal;color:var(--red)}
.nav{display:flex;gap:6px}
.nav a{position:relative;padding:12px 16px;font:700 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:color .2s,background .2s}
.nav a::before{content:"/";color:var(--red);margin-right:8px}
.nav a:hover{background:var(--red);color:#fff}
.nav a:hover::before{color:#fff}
.hdr-r{display:flex;align-items:center;gap:18px}
.langs{display:flex;font:700 12px/1 var(--sans);letter-spacing:.14em}
.langs a{padding:14px 9px;color:var(--dim);transition:color .2s}
.langs a:hover{color:var(--ink)}
.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -3px var(--red)}
.wa{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;background:var(--red);color:#fff;font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .25s,color .25s}
.wa:hover{background:var(--ink);color:#0a0a0a}
.wa svg{width:20px;height:20px;fill:currentColor}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--hdr)}
.hero-red{position:absolute;z-index:-3;right:2vw;top:0;bottom:0;width:min(52vw,760px);background:var(--red);clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
.hero-ph{position:absolute;z-index:-2;right:5.5vw;top:calc(var(--hdr) + 18px);bottom:0;width:min(46vw,660px);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);background:#111}
.hero-ph img{width:100%;height:112%;object-fit:cover;object-position:50% 45%;filter:grayscale(.9) contrast(1.12) brightness(1.08);will-change:transform}
.hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgb(var(--red-rgb) / 0) 55%,rgb(var(--red-rgb) / .45));mix-blend-mode:multiply}
.hero-shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,7,7,.9) 0,rgba(7,7,7,.55) 28%,transparent 48%),linear-gradient(0deg,rgba(7,7,7,.85) 0,transparent 22%)}
.hero-meta{position:absolute;left:var(--gut);top:calc(var(--hdr) + 34px);display:flex;flex-direction:column;gap:6px;font:700 11px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.hero-meta b{color:var(--red);font-weight:800}
.hero-body{padding-bottom:clamp(96px,11vw,150px)}
.hero h1{font:700 var(--fs-h1)/.8 var(--disp);text-transform:uppercase;letter-spacing:-.015em;margin-left:-.04em}
.hero h1 .ln{display:block;white-space:nowrap;overflow:hidden;padding-top:.06em}
.hero h1 .ln>span{display:block;transform:translateY(105%) skewY(6deg);animation:slam .9s var(--ease) forwards}
.hero h1 .ln:nth-child(2){font-size:.5em;line-height:.95;margin-top:.02em}
.hero h1 .ln:nth-child(2)>span{animation-delay:.12s;color:transparent;-webkit-text-stroke:2px var(--ink)}
.hero-row{display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin-top:34px}
.hero-sub{max-width:30ch;font:800 clamp(17px,1.5vw,22px)/1.3 var(--sans);text-transform:uppercase;letter-spacing:.02em}
.hero-sub em{font-style:normal;color:var(--red)}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.hero-meta,.hero-sub,.hero-cta{opacity:0;animation:fade .8s var(--ease) .55s forwards}
.hero-sub{animation-delay:.7s}.hero-cta{animation-delay:.85s}
.strip{position:absolute;left:-3%;right:-3%;bottom:18px;z-index:3;background:var(--red);color:#0a0a0a;transform:rotate(-1.6deg);overflow:hidden;padding:12px 0;border-block:3px solid #0a0a0a}
.strip-t{display:flex;width:max-content;animation:marq 26s linear infinite}
.strip span{display:inline-flex;align-items:center;gap:30px;padding-right:30px;font:700 clamp(22px,2.6vw,34px)/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.strip span::after{content:"//";font-weight:500;opacity:.6}

/* ---------- about ---------- */
.about{position:relative;padding:clamp(110px,13vw,200px) 0 clamp(90px,10vw,150px);background:var(--bg-2);clip-path:polygon(0 clamp(24px,4vw,64px),100% 0,100% 100%,0 100%);margin-top:calc(clamp(24px,4vw,64px)*-1)}
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,6vw,100px);align-items:center}
.portrait{position:relative;aspect-ratio:1/1.12;display:grid;place-items:end center}
.portrait::before{content:"";position:absolute;inset:8% 2% 0 8%;background:var(--red);clip-path:polygon(0 8%,100% 0,100% 100%,6% 100%)}
.portrait::after{content:"01";position:absolute;left:0;top:0;font:700 clamp(90px,13vw,190px)/.8 var(--disp);color:transparent;-webkit-text-stroke:2px rgba(243,240,232,.35)}
.portrait img{position:relative;z-index:1;width:94%;filter:contrast(1.08) drop-shadow(-18px 24px 0 rgba(0,0,0,.45))}
.about h2{font:700 var(--fs-h2)/.82 var(--disp);text-transform:uppercase;margin:0 0 34px;letter-spacing:-.01em}
.about h2 em{display:block;font-style:normal;color:var(--red)}
.about .txt p{color:var(--ink);opacity:.86;max-width:52ch}
.about .txt p+p{margin-top:16px}
.about .txt .lead{font:800 clamp(20px,1.9vw,26px)/1.3 var(--sans);opacity:1;text-transform:uppercase;letter-spacing:.01em;border-left:4px solid var(--red);padding-left:20px}
.pillars{list-style:none;margin:42px 0 0;padding:0;display:grid;gap:0;counter-reset:p}
.pillars li{counter-increment:p;display:flex;align-items:baseline;gap:22px;padding:16px 18px;border-top:2px solid var(--line);font:700 clamp(28px,3.2vw,44px)/1 var(--disp);text-transform:uppercase;transition:background .25s,padding-left .35s var(--ease)}
.pillars li:last-child{border-bottom:2px solid var(--line)}
.pillars li::before{content:"0" counter(p);font:800 13px/1 var(--sans);letter-spacing:.2em;color:var(--red);transition:color .25s}
.pillars li:hover{background:var(--red);padding-left:34px}
.pillars li:hover::before{color:#fff}

/* ---------- video ---------- */
.video{padding:clamp(80px,9vw,140px) 0 clamp(110px,12vw,180px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,72px)}
.sec-head h2{font:700 var(--fs-h2)/.82 var(--disp);text-transform:uppercase;letter-spacing:-.01em}
.sec-head h2 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ink)}
.sec-head p{max-width:30ch;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,36px);align-items:start}
.card{position:relative}
.card:nth-child(2){margin-top:clamp(36px,7vw,110px)}
.card:nth-child(3){margin-top:clamp(0px,3vw,46px)}
.card-btn{position:relative;display:block;width:100%;text-align:left;cursor:pointer}
.card-m{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}
.card-m img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(.8);transform:scale(1.02);transition:filter .5s,transform 1s var(--ease)}
.card-m::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,7,.85),transparent 45%),linear-gradient(200deg,rgb(var(--red-rgb) / 0),rgb(var(--red-rgb) / .35));mix-blend-mode:normal;transition:opacity .4s}
.card-btn:hover .card-m img,.card-btn:focus-visible .card-m img{filter:grayscale(0) contrast(1.1) brightness(1);transform:scale(1.07)}
.card-btn:hover .card-m::after{opacity:.3}
.num{position:absolute;z-index:2;left:18px;top:8%;font:700 clamp(70px,9vw,140px)/.8 var(--disp);color:transparent;-webkit-text-stroke:2px var(--ink);transition:color .3s,-webkit-text-stroke-color .3s}
.card-btn:hover .num{color:var(--red);-webkit-text-stroke-color:var(--red)}
.play{position:absolute;z-index:2;right:18px;bottom:9%;transform:skewY(-5.08deg);width:76px;height:76px;display:grid;place-items:center;background:var(--red);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:background .25s,transform .4s var(--ease)}
.play svg{width:26px;height:26px;fill:#fff;margin-left:3px;transform:skewY(5.08deg);transition:fill .25s}
.card-btn:hover .play{background:var(--ink);transform:skewY(-5.08deg) scale(1.08)}
.card-btn:hover .play svg{fill:#0a0a0a}
.cap{position:absolute;z-index:2;left:18px;right:18px;bottom:calc(9% + 92px);font:700 clamp(24px,2.4vw,34px)/.95 var(--disp);text-transform:uppercase}

/* ---------- statement ---------- */
.statement{position:relative;background:var(--red);color:#0a0a0a;clip-path:polygon(0 0,100% clamp(24px,4vw,64px),100% 100%,0 calc(100% - clamp(24px,4vw,64px)));margin-block:calc(clamp(24px,4vw,64px)*-1);padding:clamp(110px,11vw,170px) 0 clamp(90px,9vw,140px);overflow:hidden;isolation:isolate}
.statement::before{content:"ROB STYLE ROB STYLE ROB STYLE";position:absolute;z-index:-1;left:-2%;top:50%;translate:0 -50%;white-space:nowrap;font:700 clamp(200px,32vw,520px)/.8 var(--disp);color:var(--red-2);opacity:.55}
.st-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:20px}
.statement blockquote{margin:0;font:700 var(--fs-h2)/.84 var(--disp);text-transform:uppercase;letter-spacing:-.01em}
.statement blockquote span{display:block}
.statement blockquote span:nth-child(2){color:transparent;-webkit-text-stroke:2px #0a0a0a}
.statement blockquote span:nth-child(3){color:#fff}
.statement cite{display:block;margin-top:30px;font:800 12px/1 var(--sans);font-style:normal;letter-spacing:.3em;text-transform:uppercase}
.jump{justify-self:end;width:min(100%,420px);margin-bottom:-4%}
.jump img{width:100%;filter:grayscale(1) contrast(1.25) drop-shadow(-22px 26px 0 rgba(0,0,0,.35));will-change:transform}

/* ---------- contact ---------- */
.contact{padding:clamp(120px,13vw,200px) 0 50px}
.contact h2{font:700 var(--fs-h2)/.8 var(--disp);text-transform:uppercase;letter-spacing:-.015em}
.contact h2 em{display:block;font-style:normal;color:var(--red)}
.c-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);margin-top:clamp(44px,5vw,80px);align-items:end}
.c-grid>div>p{font:800 clamp(17px,1.6vw,22px)/1.35 var(--sans);text-transform:uppercase;max-width:34ch}
.c-cta{margin-top:36px}
.c-list{list-style:none;margin:0;padding:0}
.c-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;border-top:2px solid var(--line)}
.c-list li:last-child{border-bottom:2px solid var(--line)}
.c-list span{font:800 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--red)}
.c-list a,.c-list b{font:700 clamp(26px,2.8vw,40px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;transition:color .2s}
.c-list a:hover{color:var(--red)}

/* ---------- lightbox ---------- */
dialog.lb{width:min(94vw,520px);max-height:94svh;padding:0;border:3px solid var(--red);background:#000;color:var(--ink);overflow:visible}
dialog.lb::backdrop{background:rgba(0,0,0,.92)}
dialog.lb video{width:100%;max-height:88svh;background:#000}
.lb-x{position:absolute;right:-3px;top:-60px;width:46px;height:46px;display:grid;place-items:center;background:var(--red);color:#fff;transition:background .2s,color .2s}
.lb-x:hover{background:var(--ink);color:#0a0a0a}
.lb-x svg{width:20px;height:20px}

/* ---------- motion ---------- */
.rv{opacity:0;transform:translateY(46px) skewY(2deg);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
@keyframes slam{60%{transform:translateY(-3%) skewY(-1deg)}to{transform:none}}
@keyframes fade{to{opacity:1}}
@keyframes marq{to{transform:translateX(-50%)}}
.glitch:hover{animation:glitch .35s steps(2) 1}
@keyframes glitch{0%{text-shadow:4px 0 var(--red),-4px 0 #00e5ff;transform:translateX(-3px)}50%{text-shadow:-5px 0 var(--red),5px 0 #00e5ff;transform:translateX(3px)}100%{text-shadow:none;transform:none}}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .nav{display:none}
  .about-grid,.st-grid,.c-grid{grid-template-columns:1fr}
  .hero{justify-content:flex-start}
  .hero-red{top:var(--hdr);bottom:auto;height:58svh;width:100%;right:0}
  .hero-ph{position:relative;inset:auto;width:92%;height:58svh;margin-left:auto;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
  .hero-shade{display:none}
  .hero-body{position:relative;z-index:2;margin-top:-34px;padding-bottom:110px}
  .portrait{max-width:520px;margin-inline:auto}
  .jump{max-width:420px}
}
@media (max-width:720px){
  body{font-size:16px}
  .brand b{display:none}
  .wa span{display:none}
  .wa{padding:0;width:46px;justify-content:center}
  .hero-meta{display:none}
  .hero-body{padding-bottom:110px}
  .cards{grid-template-columns:1fr;gap:34px}
  .card:nth-child(n){margin-top:0;max-width:360px;margin-inline:auto}
  .btn{width:100%}
  .statement::before{font-size:60vw}
}
@media (prefers-reduced-motion:reduce){
  html:not(.rs-motion) *,html:not(.rs-motion) *::before,html:not(.rs-motion) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html:not(.rs-motion) .hero h1 .ln>span,html:not(.rs-motion) .hero-meta,html:not(.rs-motion) .hero-sub,html:not(.rs-motion) .hero-cta,html:not(.rs-motion) .rv{opacity:1;transform:none}
}

/* register button next to play */
.card-reg{position:absolute;z-index:3;left:18px;right:104px;transform:skewY(-5.08deg);bottom:9%;height:76px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;background:var(--ink);color:#0a0a0a;font:800 13px/1.1 var(--sans);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:background .25s,color .25s}
.card-reg>*{transform:skewY(5.08deg)}
.card-reg svg{width:20px;height:20px;flex:none;transition:transform .3s var(--ease)}
.card-reg:hover,.card-reg:focus-visible{background:var(--red);color:#fff}
.card-reg:hover svg{transform:skewY(5.08deg) translateX(5px)}

/* Armenian page: Bokonique for Armenian text */
html[lang=hy]{--disp:'Bokonique','Oswald','Noto Sans Armenian',Impact,sans-serif;--sans:'Bokonique','Manrope','Noto Sans Armenian',system-ui,sans-serif}
html[lang=hy] .disp,html[lang=hy] h1,html[lang=hy] h2,html[lang=hy] blockquote,html[lang=hy] .pillars li,html[lang=hy] .cap,html[lang=hy] .num,html[lang=hy] .strip span{letter-spacing:0}
html[lang=hy] .about h2,html[lang=hy] .sec-head h2,html[lang=hy] .contact h2,html[lang=hy] .statement blockquote{line-height:1}
html[lang=hy] .hero-sub,html[lang=hy] .btn,html[lang=hy] .card-reg,html[lang=hy] .tag,html[lang=hy] .nav a{letter-spacing:.06em}

/* card: number + play on top, title + register at the bottom (no skew) */
.card .num{top:8%}
.card>.play{position:absolute;z-index:3;right:18px;top:calc(8% + 6px);width:68px;height:68px;border:0;cursor:pointer;display:grid;place-items:center;background:var(--red);transform:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s}
.card>.play svg{width:24px;height:24px;fill:#fff;margin-left:3px;transform:none;transition:fill .25s}
.card:hover>.play,.card>.play:hover{background:var(--ink)}
.card:hover>.play svg,.card>.play:hover svg{fill:#0a0a0a}
.card-act{position:absolute;z-index:3;left:18px;right:18px;bottom:5%;display:flex;flex-direction:column;gap:16px;pointer-events:none}
.card-act .cap{position:static;left:auto;right:auto;bottom:auto;transform:none}
.card-act .card-reg{position:static;transform:none;height:64px;pointer-events:auto}
.card-act .card-reg>*{transform:none}
.card-act .card-reg:hover svg{transform:translateX(5px)}

/* WordPress: admin bar offset */
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}}

/* shop: account icon, currency switcher, card price/state */
.acct{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--line);color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.acct svg{width:22px;height:22px}
.acct:hover,.acct:focus-visible{border-color:var(--red);background:var(--red);color:#fff}
.acct.is-in{border-color:var(--red)}
.rs-currencies{display:flex;font:700 12px/1 var(--sans);letter-spacing:.14em}
.rs-currencies a{padding:14px 8px;color:var(--dim);transition:color .2s}
.rs-currencies a:hover{color:var(--ink)}
.rs-currencies a[aria-current]{color:var(--ink);box-shadow:inset 0 -3px var(--red)}
.card-act .card-price{font:700 clamp(28px,2.6vw,38px)/1 var(--disp);letter-spacing:.01em;margin-top:-16px}
.card-act .card-price del{opacity:.55;font-size:.7em;margin-right:8px}
.card-act .card-price ins{text-decoration:none;color:var(--red-2)}
.card-act .card-price .woocommerce-Price-currencySymbol{font-size:.8em;margin-left:2px}
.card-act .card-reg.is-off{opacity:.45;pointer-events:none}
.card--approved .card-reg{background:var(--red);color:#fff}
.card--pending .card-reg,.card--rejected .card-reg{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.card--rejected .card-reg{box-shadow:inset 0 0 0 2px var(--red-2);color:var(--red-2)}
@media (max-width:720px){.rs-currencies a{padding:14px 6px}.hdr-r{gap:10px}}

/* switcher buttons (language / currency) */
.sw{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:2px solid var(--line);color:var(--ink);font:800 12px/1 var(--sans);letter-spacing:.16em;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.sw svg{width:20px;height:20px;flex:none}
.sw:hover,.sw:focus-visible{border-color:var(--red);background:var(--red);color:#fff}

/* switcher modal: full-screen typographic menu */
.sw-modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden}
.sw-modal::backdrop{background:rgba(7,7,7,.96)}
.sw-modal[open]{animation:swIn .45s var(--ease)}
.sw-modal[open]::backdrop{animation:swFade .45s var(--ease)}
.sw-in{position:relative;height:100%;display:grid;align-content:center;padding:calc(var(--hdr) + 24px) var(--gut) 48px;max-width:var(--wrap);margin-inline:auto}
.sw-in::before{content:"";position:absolute;right:calc(var(--gut) * -1);top:0;bottom:0;width:min(38vw,520px);background:var(--red);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);opacity:.92;z-index:-1}
.sw-ghost{position:absolute;right:2vw;bottom:-2vw;font:700 clamp(180px,34vw,520px)/.8 var(--disp);text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(243,240,232,.16);pointer-events:none;user-select:none;z-index:-1}
.sw-x{position:absolute;right:var(--gut);top:calc(var(--hdr) - 16px);width:52px;height:52px;display:grid;place-items:center;background:var(--ink);color:#0a0a0a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,color .2s,transform .3s var(--ease)}
.sw-x svg{width:22px;height:22px}
.sw-x:hover,.sw-x:focus-visible{background:var(--red);color:#fff;transform:rotate(90deg)}
.sw-head{margin-bottom:clamp(20px,4vw,48px)}
.sw-head h2{font:700 var(--fs-h2)/.85 var(--disp);text-transform:uppercase;margin-top:16px;letter-spacing:-.01em}
.sw-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--line)}
.sw-list li{border-bottom:2px solid var(--line);opacity:0;transform:translateY(24px);animation:swRow .6s var(--ease) forwards;animation-delay:calc(.12s + var(--i) * .08s)}
.sw-list a{position:relative;display:grid;grid-template-columns:clamp(46px,6vw,84px) 1fr auto;align-items:baseline;gap:12px;padding:clamp(12px,2vw,24px) 6px;overflow:hidden;isolation:isolate;transition:padding-left .35s var(--ease),color .25s}
.sw-list a::before{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}
.sw-list a:hover,.sw-list a:focus-visible{padding-left:clamp(14px,2vw,28px);color:#fff}
.sw-list a:hover::before,.sw-list a:focus-visible::before{transform:scaleX(1)}
.sw-n{font:800 13px/1 var(--sans);letter-spacing:.2em;color:var(--red);transition:color .25s}
.sw-list a:hover .sw-n,.sw-list a:focus-visible .sw-n{color:#fff}
.sw-list b{font:700 clamp(35.2px,6vw,89.6px)/.95 var(--disp);text-transform:uppercase;letter-spacing:-.005em;font-weight:700}
.sw-list b em{font-style:normal;opacity:.55;font-size:.7em;margin-left:.15em}
.sw-list small{font:800 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);transition:color .25s}
.sw-list a:hover small,.sw-list a:focus-visible small{color:#fff}
.sw-list a[aria-current]{color:var(--ink)}
.sw-list a[aria-current] b::after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.22em;vertical-align:.5em;background:var(--red);transform:rotate(45deg)}
.sw-list a[aria-current]:hover b::after,.sw-list a[aria-current]:focus-visible b::after{background:#fff}
@keyframes swIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@keyframes swFade{from{opacity:0}to{opacity:1}}
@keyframes swRow{to{opacity:1;transform:none}}
@media (max-width:720px){.sw{padding:0 10px;gap:6px}.sw-in::before{width:56vw}.sw-list a{grid-template-columns:38px 1fr auto}}
@media (prefers-reduced-motion:reduce){html:not(.rs-motion) .sw-list li{opacity:1;transform:none;animation:none}html:not(.rs-motion) .sw-modal[open],html:not(.rs-motion) .sw-modal[open]::backdrop{animation:none}}

/* header buttons: same shape as WhatsApp (filled, cut corners, no border), light colour. Change --btn-alt to recolour. */
:root{--btn-alt:#f3f0e8}
.sw,.acct{position:relative;border:0;background:var(--btn-alt);color:#0a0a0a;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.acct{width:44px;padding:0}
.sw:hover,.sw:focus-visible,.acct:hover,.acct:focus-visible{background:var(--red);color:#fff;border:0}
.acct.is-in{border:0}
.acct.is-in::after{content:"";position:absolute;top:7px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--btn-alt);transition:background .2s,box-shadow .2s}
.acct.is-in:hover::after,.acct.is-in:focus-visible::after{background:#fff;box-shadow:0 0 0 2px var(--red)}

/* glitch: triggered by hover (desktop), by entering the viewport and by tap (touch) */
.glitch.is-glitch{animation:glitch .38s steps(2) 1}

/* touch devices have no hover: the card in the middle of the screen gets the "hover" look */
@media (hover:none){
  .card.is-active .card-m img{filter:grayscale(0) contrast(1.1) brightness(1);transform:scale(1.07)}
  .card.is-active .num{color:var(--red);-webkit-text-stroke-color:var(--red)}
  .card.is-active>.play{background:var(--ink)}
  .card.is-active>.play svg{fill:#0a0a0a}
  .pillars li.is-active{background:var(--red);padding-left:34px}
  .pillars li.is-active::before{color:#fff}
}

.acct.is-in:hover::after,.acct.is-in:focus-visible::after{background:var(--red);box-shadow:none}

/* header buttons (language, account): transparent, white chamfered outline (the border follows the cut corners) */
.sw,.acct{position:relative;isolation:isolate;background:transparent;border:0;color:#fff;clip-path:none}
.sw::before,.acct::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;pointer-events:none;clip-path:polygon(evenodd,0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px),0 0,2px 2px,calc(100% - 10.83px) 2px,calc(100% - 2px) 10.83px,calc(100% - 2px) calc(100% - 2px),10.83px calc(100% - 2px),2px calc(100% - 10.83px),2px 2px)}
.sw:hover,.sw:focus-visible,.acct:hover,.acct:focus-visible{background:transparent;color:#0a0a0a;border:0}
.sw:hover::before,.sw:focus-visible::before,.acct:hover::before,.acct:focus-visible::before{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.acct.is-in{border:0}
.acct.is-in::after{top:9px;right:9px;box-shadow:none}
.acct.is-in:hover::after,.acct.is-in:focus-visible::after{background:var(--red);box-shadow:none}

/* footer */
.rs-foot{margin-top:clamp(60px,8vw,120px);border-top:2px solid var(--red);background:var(--bg)}
.rf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px clamp(24px,4vw,64px);padding:clamp(40px,5vw,64px) 0 clamp(32px,4vw,48px)}
.rf-brand p{margin:16px 0 0;max-width:30ch;font:700 12px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.rf-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font:600 15px/1.35 var(--sans);color:var(--dim)}
.rf-col .rf-h{margin:0 0 6px;font:800 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--red-2)}
.rf-col a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;padding-bottom:2px;transition:background-size .25s,color .2s}
.rf-col a:hover,.rf-col a:focus-visible{background-size:100% 2px}
.rf-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:20px 0 26px;border-top:1px solid var(--line);font:600 12px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.rf-dev a{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.14em;transition:color .2s}
.rf-dev a:hover,.rf-dev a:focus-visible{color:var(--red-2)}
@media (max-width:900px){.rf-grid{grid-template-columns:1fr 1fr}.rf-brand{grid-column:1/-1}}
@media (max-width:480px){.rf-bottom{flex-direction:column}}
.rf-brand .brand b{display:inline}

/* back to top */
.rs-top{position:fixed;z-index:60;right:clamp(14px,2.4vw,32px);bottom:clamp(14px,2.4vw,32px);width:52px;height:52px;display:grid;place-items:center;padding:0;border:0;cursor:pointer;background:var(--red);color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease),background .2s,color .2s}
.rs-top[hidden]{display:none}
.rs-top.is-on{opacity:1;transform:none;pointer-events:auto}
.rs-top svg{width:22px;height:22px;transition:transform .25s var(--ease)}
.rs-top:hover,.rs-top:focus-visible{background:#fff;color:#0a0a0a}
.rs-top:hover svg{transform:translateY(-3px)}
@media (max-width:720px){.rs-top{width:46px;height:46px}}

.rf-legal{display:flex;flex-wrap:wrap;gap:6px 22px}
.rf-legal a{color:var(--dim);text-decoration:none;transition:color .2s}
.rf-legal a:hover,.rf-legal a:focus-visible{color:var(--ink)}
@media (min-width:901px){.rf-bottom{align-items:center}}
.rf-legal{order:-1;flex:1 0 100%;margin-bottom:6px}
/* Armenian names are long unbreakable words: keep the founder block inside the phone viewport */
.about-grid>*{min-width:0}
html[lang=hy] .about h2{overflow-wrap:anywhere}
html[lang=hy] .pillars li{font-size:clamp(20px,3.2vw,44px);overflow-wrap:anywhere}
html[lang=hy] .statement blockquote{overflow-wrap:anywhere}