@font-face{font-family:Archivo;src:url(/experience/assets/archivo-n.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Inter;src:url(/experience/assets/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#0b0806;--bg2:#130d09;--card:#16100b;--ln:rgba(255,255,255,.09);--tx:#f6efe8;--mu:#b6a698;--or:#ff6a1a;--or2:#ffb27a;--gr:#25d366;--r:20px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.72 Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,footer,section{position:relative;z-index:1}
a{color:var(--or2)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}.narrow{max-width:740px;margin:0 auto}
h1,h2,h3{font-family:Archivo,sans-serif;font-stretch:108%;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(34px,6.4vw,64px);font-weight:900;margin:.25em 0 .35em}
h2{font-size:clamp(25px,4vw,36px);font-weight:850;margin:1.7em 0 .5em}h3{font-size:21px;margin:.2em 0 .4em}
.grad{background:linear-gradient(92deg,var(--or) 10%,var(--or2));-webkit-background-clip:text;background-clip:text;color:transparent}
.k{font:800 12px Archivo,sans-serif;letter-spacing:.18em;color:var(--or);text-transform:uppercase}
.mu{color:var(--mu)}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(11,8,6,.72);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx)}
.brand img{width:96px}.brand span{font:800 11px Archivo;letter-spacing:.16em;text-transform:uppercase;color:var(--mu);border-left:1px solid var(--ln);padding-left:12px;line-height:1.3}
.nav{display:flex;gap:8px;align-items:center}.nav a.l{color:var(--mu);text-decoration:none;font-size:14px;font-weight:600;padding:8px 10px}.nav a.l:hover{color:#fff}
@media(max-width:720px){.nav a.l{display:none}}
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--or),var(--or2));z-index:30;box-shadow:0 0 12px var(--or)}
/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#ff7a2e,#ff5a0a);color:#170900;font:850 16px Archivo,sans-serif;font-stretch:105%;text-decoration:none;padding:16px 26px;border-radius:14px;border:0;cursor:pointer;box-shadow:0 10px 30px -8px rgba(255,106,26,.7),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .2s}
.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.4s infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px rgba(255,106,26,.85)}
.btn.sm{font-size:13px;padding:10px 16px;border-radius:11px}.btn.big{width:100%;font-size:18px;padding:19px}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.btn.ghost:after{display:none}
.btn.wa{background:linear-gradient(180deg,#34e27a,#1fb85a);color:#03170a;box-shadow:0 10px 30px -8px rgba(37,211,102,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.btn svg{width:20px;height:20px;flex:none}
/* hero hub */
.hero{padding:34px 0 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:10px}
.hero .txt{padding-bottom:70px}
.hero .lead{font-size:19px;color:#efe3d7;max-width:560px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:var(--mu);font-size:14px}.proof b{color:#fff}
.stage{position:relative;height:620px;display:flex;justify-content:center;align-items:flex-end}
.stage:before{content:"";position:absolute;width:520px;height:520px;bottom:40px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,106,26,.75),rgba(255,106,26,.15) 55%,transparent 70%);filter:blur(10px);animation:pulse 5s ease-in-out infinite}
.stage:after{content:"";position:absolute;width:470px;height:470px;bottom:70px;left:50%;transform:translateX(-50%);border-radius:50%;border:1.5px solid rgba(255,160,90,.5);box-shadow:0 0 50px rgba(255,106,26,.4)}
@keyframes pulse{50%{transform:translateX(-50%) scale(1.06);opacity:.85}}
.stage img{position:relative;z-index:2;height:600px;width:auto;filter:drop-shadow(0 0 1.5px rgba(255,200,150,.9)) drop-shadow(-14px 0 34px rgba(255,106,26,.5))}
.float{position:absolute;z-index:3;padding:10px 14px;border-radius:14px;background:rgba(20,13,9,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,160,90,.35);font:800 13px Archivo;letter-spacing:.04em;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:fl 6s ease-in-out infinite}
.float small{display:block;font:500 11px Inter;color:var(--mu);letter-spacing:0}
.float.f1{left:0;top:120px}.float.f2{right:0;top:260px;animation-delay:-2s}.float.f3{left:10px;bottom:120px;animation-delay:-4s}
@keyframes fl{50%{transform:translateY(-10px)}}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero .txt{padding-bottom:0}.stage{height:440px}.stage img{height:430px}.stage:before{width:360px;height:360px}.stage:after{width:330px;height:330px;bottom:60px}.float.f1{top:40px}.float.f2{top:170px}.float.f3{bottom:60px}}
/* marquee */
.mq{border-block:1px solid var(--ln);background:linear-gradient(90deg,#1a0f08,#0f0a07);overflow:hidden;white-space:nowrap}
.mq div{display:inline-block;padding:14px 0;animation:mq 28s linear infinite;font:900 18px Archivo;font-stretch:120%;letter-spacing:.08em;color:#6b5646}
.mq span{margin:0 22px}.mq i{color:var(--or);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding:70px 0}.sec h2{margin-top:0}.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
/* glow card / banner */
.glow{position:relative;border-radius:26px;padding:1.5px;background:conic-gradient(from var(--a,0deg),rgba(255,106,26,.9),rgba(255,106,26,.1) 25%,rgba(255,178,122,.8) 50%,rgba(255,106,26,.1) 75%,rgba(255,106,26,.9));animation:spin 6s linear infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.glow>.in{border-radius:25px;background:radial-gradient(80% 120% at 85% 60%,rgba(255,106,26,.38),transparent 60%),linear-gradient(160deg,#1c110a,#0d0907);overflow:hidden;position:relative}
.ban{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;min-height:340px}
.ban .t{padding:34px 34px 34px}.ban h3{font:900 clamp(26px,3.6vw,40px)/1.05 Archivo;font-stretch:108%;letter-spacing:-.02em;margin:12px 0 12px}
.ban p{color:#e6d8cb;margin:0 0 22px;max-width:520px}.ban .ph{position:relative;align-self:end;display:flex;justify-content:center}
.ban .ph img{max-height:380px;width:auto;filter:drop-shadow(0 0 1.5px rgba(255,200,150,.9)) drop-shadow(-10px 0 30px rgba(255,106,26,.5))}
.ban .bul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}.ban .bul li{padding-left:28px;position:relative;color:#f0e4d8}
.ban .bul li:before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:6px;background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23180a00' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(255,106,26,.14);border:1px solid rgba(255,106,26,.5);font:800 11px Archivo;letter-spacing:.14em;color:var(--or2);text-transform:uppercase}
.chip.live:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgba(255,59,48,.7);animation:live 1.6s infinite}
@keyframes live{70%{box-shadow:0 0 0 10px rgba(255,59,48,0)}}
@media(max-width:760px){.ban{grid-template-columns:1fr}.ban .t{padding:26px 22px 8px}.ban .ph img{max-height:300px}}
.ban.green .glow,.glow.green{background:conic-gradient(from var(--a,0deg),rgba(37,211,102,.9),rgba(37,211,102,.1) 25%,rgba(160,255,200,.7) 50%,rgba(37,211,102,.1) 75%,rgba(37,211,102,.9))}
.glow.green>.in{background:radial-gradient(80% 120% at 85% 60%,rgba(37,211,102,.25),transparent 60%),linear-gradient(160deg,#0d1a11,#0a0d0a)}
.glow.green .chip{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.5);color:#8ff0b6}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--tx);transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);border-color:rgba(255,106,26,.55);box-shadow:0 20px 40px -20px rgba(255,106,26,.5)}
.card .im{aspect-ratio:16/10;overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .im img{transform:scale(1.04)}
.card .b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}.card .c{font:800 11px Archivo;letter-spacing:.14em;color:var(--or);text-transform:uppercase}
.card b{font:800 18px/1.3 Archivo;font-stretch:104%}.card small{color:var(--mu);font-size:14px;line-height:1.55}
.card .go{margin-top:6px;font:800 13px Archivo;color:var(--or2)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{background:rgba(255,255,255,.05);border:1px solid var(--ln);color:var(--tx);font:700 14px Inter;padding:9px 15px;border-radius:999px;cursor:pointer}.tabs button.on{background:var(--or);color:#170900;border-color:var(--or)}
/* lab (widgets) */
.lab{background:linear-gradient(160deg,#18100a,#0e0a07);border:1px solid rgba(255,140,60,.28);border-radius:24px;padding:26px;margin:30px 0;box-shadow:0 30px 60px -30px rgba(255,106,26,.35)}
.lab .hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}.lab .hd .k{color:var(--or2)}
.lab h3{margin:4px 0 4px;font-size:24px}.lab .row{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;margin-top:16px}
@media(max-width:720px){.lab .row{grid-template-columns:1fr}.lab{padding:20px}}
.lab svg{width:100%;height:auto;overflow:visible}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;min-width:56px;background:#1f150e;border:1px solid rgba(255,255,255,.1);color:#fff;font:850 16px Archivo;padding:12px 6px;border-radius:12px;cursor:pointer;transition:.2s}
.seg button.on{background:var(--or);color:#170900;border-color:var(--or);box-shadow:0 8px 22px -6px rgba(255,106,26,.8)}
.out{margin-top:14px;padding:16px 18px;border-radius:16px;background:rgba(255,106,26,.08);border:1px solid rgba(255,106,26,.3);min-height:96px}
.out b{font:900 26px Archivo;font-stretch:110%;display:block;color:#fff}.out span{color:#e6d6c8;font-size:15px}
input[type=range]{width:100%;accent-color:var(--or);height:28px}
/* article */
.ahero{padding-top:20px}
.crumb{font-size:13px;color:var(--mu);margin:8px 0 0}.crumb a{color:var(--mu);text-decoration:none}
.cover{margin:22px 0 10px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,140,60,.3);box-shadow:0 30px 80px -30px rgba(255,106,26,.55);aspect-ratio:16/10}
.cover img{width:100%;height:100%;object-fit:cover}
.meta{display:flex;align-items:center;gap:12px;color:var(--mu);font-size:14px;flex-wrap:wrap}
.meta img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top;background:#2a1a10;border:1.5px solid var(--or)}
.lead{font-size:20px;color:#fff;line-height:1.6}
.art h2{counter-increment:h;position:relative;padding-top:6px}
.art h2:before{content:counter(h,decimal-leading-zero);display:block;font:900 13px Archivo;letter-spacing:.2em;color:var(--or);margin-bottom:8px}
.art{counter-reset:h}
.art ol{list-style:none;padding:0;counter-reset:o;display:grid;gap:12px}
.art ol li{counter-increment:o;position:relative;padding:16px 18px 16px 66px;background:var(--card);border:1px solid var(--ln);border-radius:16px}
.art ol li:before{content:counter(o);position:absolute;left:16px;top:14px;width:36px;height:36px;border-radius:11px;background:linear-gradient(180deg,#ff7a2e,#ff5a0a);color:#170900;font:900 17px Archivo;display:grid;place-items:center}
.art ul{padding-left:0;list-style:none}.art ul li{position:relative;padding-left:26px;margin:.5em 0}.art ul li:before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border-radius:3px;background:var(--or);transform:rotate(45deg)}
.art strong{color:#fff;background:linear-gradient(transparent 62%,rgba(255,106,26,.35) 0)}
.toc{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.toc a{font-size:13px;font-weight:600;text-decoration:none;color:#e9dccf;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--ln)}
.quizbox{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px;border-radius:20px;margin:30px 0;background:linear-gradient(120deg,rgba(255,106,26,.2),rgba(255,106,26,.04));border:1px dashed rgba(255,140,60,.6)}
.quizbox img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:top;background:radial-gradient(circle,#ff6a1a,#3a1a08);border:2px solid var(--or)}
.quizbox b{font:900 20px Archivo;display:block}.quizbox p{margin:4px 0 12px;color:#e6d6c8;font-size:15px}
@media(max-width:560px){.quizbox{grid-template-columns:1fr;text-align:center}.quizbox img{margin:0 auto}}
.faq details{border:1px solid var(--ln);border-radius:16px;padding:4px 18px;margin:10px 0;background:var(--card)}.faq summary{cursor:pointer;font-weight:750;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary:after{content:"+";color:var(--or);font:900 22px Archivo;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--mu);margin:0 0 14px}
.author{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;border-radius:24px;padding:22px;margin:40px 0;background:linear-gradient(140deg,#1a110b,#0f0a07);border:1px solid var(--ln)}
.author .av{width:120px;height:120px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 70%,#ff6a1a,#2a1408 70%);border:2px solid var(--or)}
.author .av img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.author b{font:900 20px Archivo}.author p{margin:6px 0 0;color:var(--mu);font-size:15px}
@media(max-width:560px){.author{grid-template-columns:1fr;text-align:center}.author .av{margin:0 auto}}
/* sticky bar */
.sbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:25;display:none;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:rgba(20,13,9,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,140,60,.4);box-shadow:0 20px 40px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .35s}
.sbar.on{transform:none}.sbar span{font:800 14px/1.25 Archivo;flex:1}.sbar small{display:block;font:500 12px Inter;color:var(--mu)}
@media(max-width:860px){.sbar{display:flex}}
/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .rv.on{opacity:1;transform:none}
footer{border-top:1px solid var(--ln);margin-top:40px;padding:30px 0 100px;text-align:center;font-size:14px;color:var(--mu)}footer a{color:var(--mu);margin:0 6px}
/* forms */
form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;font-weight:650}
input:not([type=range]):not([type=checkbox]),select{font:16px Inter,sans-serif;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0f0b08;color:var(--tx);width:100%}
input:focus,select:focus{outline:2px solid var(--or);border-color:transparent}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--mu);font-size:13px}.chk input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--or)}
.err{color:#ff8a7a;margin:0;font-size:14px}.small{font-size:12px;color:var(--mu);text-align:center}
/* quiz */
.qz{max-width:640px;margin:0 auto;padding:26px 0 60px}
.qbar{height:8px;border-radius:9px;background:#22170f;overflow:hidden;margin:18px 0 8px}.qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--or),var(--or2));border-radius:9px;transition:width .45s;box-shadow:0 0 14px var(--or)}
.qmeta{display:flex;justify-content:space-between;font:800 12px Archivo;letter-spacing:.14em;color:var(--mu);text-transform:uppercase}
.qcard{animation:qin .45s both}@keyframes qin{from{opacity:0;transform:translateX(30px)}}
.qcard h2{font-size:clamp(24px,5vw,32px);margin:18px 0 20px}
.opts{display:grid;gap:10px}.opt{display:flex;gap:14px;align-items:center;text-align:left;width:100%;background:var(--card);border:1.5px solid rgba(255,255,255,.1);color:var(--tx);font:600 16px/1.4 Inter;padding:16px;border-radius:16px;cursor:pointer;transition:.18s}
.opt:hover{border-color:rgba(255,106,26,.7);transform:translateX(3px)}.opt i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#24180f;font:900 15px Archivo;font-style:normal;color:var(--or2)}
.opt.ok{border-color:var(--gr);background:rgba(37,211,102,.1)}.opt.ok i{background:var(--gr);color:#03170a}.opt.no{border-color:#ff5a4a;background:rgba(255,90,74,.08)}.opt.no i{background:#ff5a4a;color:#200}
.opt[disabled]{cursor:default}.opt[disabled]:hover{transform:none}
.fb{margin-top:16px;padding:16px 18px;border-radius:16px;background:rgba(255,106,26,.08);border:1px solid rgba(255,106,26,.35);animation:qin .4s both}.fb b{display:block;font:900 18px Archivo;margin-bottom:4px}
.load{text-align:center;padding:60px 0}.spin{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;border:5px solid #2a1c12;border-top-color:var(--or);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.ring{position:relative;width:180px;height:180px;margin:10px auto}.ring svg{transform:rotate(-90deg)}.ring b{position:absolute;inset:0;display:grid;place-items:center;font:900 44px Archivo}
.lvl{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--or);color:#170900;font:900 13px Archivo;letter-spacing:.12em;text-transform:uppercase}
.plan{display:grid;gap:10px;margin:18px 0}.plan a{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--ln);text-decoration:none;color:var(--tx);font-weight:650}
.plan a i{flex:none;width:30px;height:30px;border-radius:9px;background:rgba(255,106,26,.18);color:var(--or2);display:grid;place-items:center;font:900 14px Archivo;font-style:normal}
.qstart{text-align:center}.qstart .ph{position:relative;height:340px;display:flex;justify-content:center;align-items:flex-end;margin-top:10px}
.qstart .ph:before{content:"";position:absolute;width:300px;height:300px;bottom:10px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,26,.7),transparent 68%)}
.qstart .ph img{position:relative;height:340px;width:auto;filter:drop-shadow(-10px 0 30px rgba(255,106,26,.5))}
.gate{background:linear-gradient(160deg,#1a110a,#0e0a07);border:1px solid rgba(255,140,60,.35);border-radius:24px;padding:24px;animation:qin .45s both}
/* resultados (fotos do JP6 Studio) */
.resx{padding:70px 0 20px;overflow:hidden}.resx .sec-h{margin-bottom:22px}
.resx .row{display:flex;gap:14px;width:max-content;animation:rmq 70s linear infinite}.resx .row.r2{animation-direction:reverse;animation-duration:85s;margin-top:14px}
.resx figure{margin:0;position:relative;width:220px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;flex:none;border:1px solid rgba(255,255,255,.08)}
.resx figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.resx figure:hover img{transform:scale(1.08)}
.resx figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55))}
.resx .msk{-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@keyframes rmq{to{transform:translateX(-50%)}}
.resx .note{font-size:13px;color:#a89c90;margin-top:14px}
@media(max-width:700px){.resx figure{width:150px;border-radius:16px}}