/* URock Media — purpose-built page layouts (contact, auth, plans, services, international, topic pages) */
.muted{color:var(--muted)}
.small{font-size:13px}
.muted a,.small a{color:var(--y)}
.pg-sec{padding-top:clamp(50px,7vw,90px)}
.pg>.pg-sec:last-child,.pg>.wrap:last-child{padding-bottom:clamp(60px,8vw,110px)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.sec-head .h2{font-size:clamp(36px,5.4vw,76px);margin:0}
.lead{font-size:clamp(19px,2vw,24px);line-height:1.55;color:var(--text);max-width:52ch;margin:0 0 40px}

/* call-to-action band */
.cta{margin:clamp(60px,8vw,110px) var(--gut);border-radius:28px;overflow:hidden;position:relative;background:radial-gradient(80% 120% at 85% 10%,#3b2486,#1a1033 60%,#120b25)}
.cta::after{content:"UROCK";position:absolute;right:-.05em;bottom:-.22em;font:400 clamp(120px,20vw,300px)/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,204,0,.18);pointer-events:none}
.cta__in{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:clamp(36px,6vw,80px) clamp(24px,5vw,70px)}
.cta__title{font:400 clamp(36px,5.4vw,80px)/.95 var(--display);text-transform:uppercase;margin:0 0 16px;max-width:14ch}
.cta__title .serif{color:var(--y)}
.cta p{color:#cfc8e2;max-width:52ch;margin:0 0 26px;font-size:17px}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px}

/* contact */
.contactpg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);padding:clamp(50px,7vw,90px) var(--gut) clamp(70px,9vw,120px)}
.contactpg__info{display:grid;gap:14px;align-content:start}
.ci{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(19,12,38,.5)}
.ci__ic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(255,204,0,.12);color:var(--y)}
.ci__ic svg{width:22px;height:22px}
.ci b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--y);margin-bottom:6px}
.ci p{margin:0;display:flex;flex-direction:column;gap:2px;font-size:16px}
.ci a:hover{color:var(--y)}
.contactpg__quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.contactpg__form{padding:clamp(24px,3.5vw,44px);border-radius:24px;background:rgba(19,12,38,.85);border:1px solid var(--line);align-self:start}
.contactpg__form .h3{margin-bottom:6px}
.contactpg__form>.muted{margin:0 0 22px}
.contactpg .wpcf7 p{margin:0 0 16px}
.contactpg .wpcf7 label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.contactpg .wpcf7 input[type=text],.contactpg .wpcf7 input[type=email],.contactpg .wpcf7 textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.04);color:var(--text);font:500 16px var(--sans)}
.contactpg .wpcf7 input:focus,.contactpg .wpcf7 textarea:focus{outline:0;border-color:var(--y)}

/* login / register */
.authpg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(50px,7vw,90px) var(--gut) clamp(70px,9vw,120px)}
.authpg__form.prose{margin:0;max-width:none}
.authpg__form [class*="ihc-login-form-wrap"]{max-width:none!important;margin:0!important}
.authpg__side .h3{font-size:clamp(32px,3.6vw,52px);line-height:1}
.authpg__side .h3 .serif{color:var(--y)}
.ticks{list-style:none;padding:0;margin:22px 0 30px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:30px;color:#d9d4e6}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:13px;height:7px;border:solid var(--y);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.authpg__covers{position:relative;height:210px;margin:0 0 24px}
.authpg__covers img{position:absolute;left:calc(var(--i) * 92px);top:calc(var(--i) * 10px);width:140px;height:190px;object-fit:cover;border-radius:6px;box-shadow:0 20px 40px -12px rgba(0,0,0,.8);transform:rotate(calc((var(--i) - 1) * 5deg));transition:transform .5s var(--ease)}
.authpg__covers:hover img{transform:rotate(0) translateY(-6px)}

/* subscription plans (membership plugin, template 5) */
.planspg{margin-top:clamp(40px,6vw,70px)}
.planspg .ich_level_wrap{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
.planspg .ihc-level-item{width:auto!important;float:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.planspg .ihc-level-item-wrap{height:100%;display:flex;flex-direction:column;border-radius:24px!important;overflow:hidden;border:1px solid var(--line)!important;background:linear-gradient(160deg,rgba(42,25,95,.55),rgba(19,12,38,.8))!important;box-shadow:none!important;transition:transform .5s var(--ease),border-color .3s;color:var(--text)}
.planspg .ihc-level-item-wrap:hover{transform:translateY(-6px);border-color:rgba(255,204,0,.45)!important}
.planspg .ihc-level-item:last-child .ihc-level-item-wrap{background:linear-gradient(160deg,var(--y),#e0a800)!important;border-color:transparent!important;color:#120a24}
.planspg .ihc-level-item-top,.planspg .ihc-level-item-price,.planspg .ihc-level-item-content,.planspg .ihc-level-item-bottom{background:transparent!important;border:0!important;color:inherit!important}
.planspg .ihc-level-item-top{padding:28px 26px 0!important}
.planspg .ihc-level-item-title{font:700 12px/1 var(--sans)!important;letter-spacing:.25em!important;text-transform:uppercase;color:inherit!important;text-align:left!important;padding:0!important}
.planspg .ihc-level-item-price{font:400 72px/1 var(--display)!important;text-align:left!important;padding:14px 26px 6px!important;color:inherit!important}
.planspg .ihc-level-item-content{padding:10px 26px 0!important;flex:1;text-align:left!important}
.planspg .ihc-level-item-content h6{font:500 14px/1.4 var(--sans)!important;color:inherit!important;margin:0 0 10px!important;padding-left:24px;position:relative;text-transform:none;letter-spacing:0}
.planspg .ihc-level-item-content h6::before{content:"";position:absolute;left:0;top:.45em;width:11px;height:6px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg);opacity:.8}
.planspg .ihc-level-item-content h6 strong{font-weight:500;color:inherit}
.planspg .ihc-level-item-bottom{padding:20px 26px 28px!important}
.planspg .ihc-level-item-link{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:50px;margin:0!important;border-radius:999px!important;background:var(--y)!important;color:#120a24!important;font:700 14px var(--sans)!important;letter-spacing:.04em;border:0!important;box-shadow:none!important;transition:transform .3s}
.planspg .ihc-level-item:last-child .ihc-level-item-link{background:#120a24!important;color:var(--y)!important}
.planspg .ihc-level-item-link:hover{transform:translateY(-2px)}
.planspg .iump-clear{display:none}
.planspg h4,.planspg h3,.planspg p{font:500 16px/1.6 var(--sans)!important;text-transform:none!important;color:var(--muted)!important;text-align:center;max-width:70ch;margin:24px auto!important;letter-spacing:0}
.planspg h4 a,.planspg p a{color:var(--y)!important}

/* services grid */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc__item{position:relative;padding:28px 26px 30px;border:1px solid var(--line);border-radius:22px;background:rgba(19,12,38,.55);transition:border-color .3s,transform .5s var(--ease)}
.svc__item:hover{border-color:rgba(255,204,0,.45);transform:translateY(-4px)}
.svc__n{font:400 15px/1 var(--display);color:var(--y);letter-spacing:.1em}
.svc__item h3{font:400 clamp(24px,2.4vw,32px)/1.02 var(--display);text-transform:uppercase;margin:18px 0 10px}
.svc__item p{margin:0;color:var(--muted);font-size:15px}
.svc__price{display:inline-block;margin-top:18px;font-weight:700;font-size:13px;color:#120a24;background:var(--y);padding:6px 12px;border-radius:999px}
.radio--wide{margin:0}
.radio--wide .radio__eq{display:flex}

/* country cards */
.countries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.country{position:relative;display:grid;gap:4px;padding:26px;min-height:170px;align-content:end;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(42,25,95,.5),rgba(19,12,38,.7));transition:transform .5s var(--ease),border-color .3s}
.country:hover{transform:translateY(-5px);border-color:rgba(255,204,0,.5)}
.country__code{position:absolute;right:16px;top:6px;font:400 74px/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,204,0,.35)}
.country__name{font:400 34px/1 var(--display);text-transform:uppercase}
.country__sub{font-size:13px;color:var(--y);font-weight:600}
.note{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:20px 24px;border-radius:18px;border:1px solid rgba(255,204,0,.3);background:rgba(255,204,0,.06)}
.note b{font:400 22px var(--display);text-transform:uppercase;color:var(--y)}
.note a{color:var(--text);font-weight:600}

/* long headings in content read better in the text face than in the condensed display face */
.prose .is-long,.wp-builder .is-long{font-family:var(--sans)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important;font-size:clamp(20px,2vw,26px)!important}

@media (max-width:1000px){
  .planspg .ich_level_wrap{grid-template-columns:repeat(2,1fr)}
  .svc,.countries{grid-template-columns:repeat(2,1fr)}
  .contactpg,.authpg{grid-template-columns:1fr}
  .authpg__side{order:2}
}
@media (max-width:620px){
  .planspg .ich_level_wrap,.svc,.countries{grid-template-columns:1fr}
  .authpg__covers{height:170px}
  .authpg__covers img{width:110px;height:150px;left:calc(var(--i) * 76px)}
  .cta{margin-left:16px;margin-right:16px;border-radius:22px}
}
/* radio page card */
.radiocard{position:relative;overflow:hidden;border-radius:28px;padding:clamp(30px,5vw,64px);background:radial-gradient(80% 120% at 85% 10%,#3b2486,#1a1033 60%,#120b25);border:1px solid rgba(255,204,0,.18)}
.radiocard__eq{position:absolute;right:clamp(20px,5vw,60px);bottom:0;top:0;display:flex;align-items:center;gap:5px;opacity:.55;pointer-events:none}
.radiocard__eq i{width:5px;height:60%;background:var(--y);border-radius:4px;animation:eq 1.4s ease-in-out infinite;transform:scaleY(.25)}
.radiocard__eq i:nth-child(3n){animation-duration:1s}.radiocard__eq i:nth-child(4n){animation-duration:1.8s;animation-delay:-.5s}.radiocard__eq i:nth-child(5n){animation-delay:-.9s}.radiocard__eq i:nth-child(7n){animation-duration:1.2s;animation-delay:-.2s}
.radiocard__copy{position:relative;max-width:520px}
.radiocard .h2{margin:0 0 12px}
.radiocard .muted{margin:0 0 24px}
@media (max-width:760px){.radiocard__eq{opacity:.2;right:0}}
/* plans page: Elementor sections are transparent, cards size to their content */
.planspg{padding-top:0}
.planspg .elementor-section,.planspg .elementor-column-wrap,.planspg .elementor-widget-wrap,.planspg .e-con{background:transparent!important;background-image:none!important}
.planspg .elementor-background-overlay{display:none!important}
.planspg .ihc-level-item,.planspg .ihc-level-item-wrap,.planspg .ihc-level-item-content,.planspg .ihc-level-item-top,.planspg .ihc-level-item-bottom{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.planspg .ihc-level-item-price,.planspg .ihc-level-item-price *{color:inherit!important;opacity:1!important}
.planspg .ihc-level-item-content *{color:inherit!important}
.planspg .ich_level_wrap{margin:10px 0 0!important;width:100%!important}
.planspg .elementor-widget-text-editor{max-width:820px;margin:0 auto!important;text-align:center}
.planspg .elementor-widget-text-editor h1,.planspg .elementor-widget-text-editor h2,.planspg .elementor-widget-text-editor h3,.planspg .elementor-widget-text-editor h4,.planspg .elementor-widget-text-editor p{font:500 15px/1.65 var(--sans)!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;margin:0 auto 14px!important}
.planspg .elementor-widget-text-editor a{color:var(--y)!important;font-weight:700;text-decoration:none}
.planspg .elementor-widget-text-editor:has(a){padding:18px 22px;border:1px solid rgba(255,204,0,.28);border-radius:16px;background:rgba(255,204,0,.05);margin:22px auto!important}
.planspg .elementor-widget-text-editor:has(.ich_level_wrap){max-width:none;padding:0;border:0;background:none;margin:0!important}
.planspg .ihc-level-item-bottom,.planspg .ihc-level-item-link{position:static!important;transform:none}
.planspg .ihc-level-item-price,.planspg .ihc-level-item-title{color:var(--text)!important}
.planspg .ihc-level-item:last-child .ihc-level-item-wrap,.planspg .ihc-level-item:last-child .ihc-level-item-wrap *:not(.ihc-level-item-link){color:#120a24!important}
.planspg .ihc-level-item:last-child .ihc-level-item-link{color:var(--y)!important}
.planspg .ich_level_wrap{align-items:stretch}
.planspg .ihc-level-item{display:flex!important}
.planspg .ihc-level-item-wrap{flex:1}
.planspg .ihc-level-item-bottom{margin-top:auto}
.prose .impu-form-links a,.prose .impu-form-label-remember,.prose [class*="ihc-login-template"] *{font-family:var(--sans)!important}.prose .impu-form-links a{font-weight:600;font-size:13px!important;letter-spacing:0}
/* advertise: rate cards */
.rates{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rates--2{grid-template-columns:repeat(2,1fr);max-width:900px}
.rate{padding:26px 24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(42,25,95,.5),rgba(19,12,38,.75));transition:transform .5s var(--ease),border-color .3s}
.rate:hover{transform:translateY(-5px);border-color:rgba(255,204,0,.45)}
.rate--feat{border-color:rgba(255,204,0,.55);box-shadow:0 0 0 1px rgba(255,204,0,.15) inset}
.rate__title{font:400 26px/1.02 var(--display);text-transform:uppercase;margin:0}
.rate__sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--y);margin:8px 0 16px;font-weight:600}
.rate__rows{list-style:none;margin:0;padding:0}
.rate__rows li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-top:1px dashed rgba(255,255,255,.14);font-size:15px;color:#d9d4e6}
.rate__rows b{font:400 22px/1 var(--display);color:var(--text);white-space:nowrap}
.adcontact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(28px,4vw,50px);border-radius:28px;border:1px solid var(--line);background:rgba(19,12,38,.6)}
.adcontact .h2{font-size:clamp(36px,4.6vw,64px);margin:0 0 12px}
.adcontact__people{display:grid;gap:12px}
.person{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;transition:border-color .3s,background .3s}
.person:hover{border-color:rgba(255,204,0,.5);background:rgba(255,204,0,.05)}
.person__av{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--y);color:#120a24;font:400 20px var(--display)}
.person b{display:block;font:400 20px/1 var(--display);text-transform:uppercase}
.person small{color:var(--muted);font-size:13px}
@media (max-width:1100px){.rates{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.rates,.rates--2,.adcontact{grid-template-columns:1fr}}
/* app promo block */
.appblock{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(135deg,#2a195f 0%,#1a1033 55%,#120b25 100%);border:1px solid var(--line)}
.appblock::before{content:"";position:absolute;right:-12%;bottom:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,204,0,.35),transparent 70%);pointer-events:none}
.appblock__copy{position:relative}
.appblock .h2{font-size:clamp(38px,5vw,72px);margin:0 0 14px}
.appblock .muted{max-width:46ch;margin:0 0 26px}
.appblock__stores{display:flex;flex-wrap:wrap;gap:12px}
.store{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 20px 0 16px;border-radius:14px;background:#0b0716;border:1px solid rgba(255,255,255,.22);color:var(--text);text-align:left;transition:transform .3s var(--ease),border-color .3s}
.store:hover{transform:translateY(-3px);border-color:var(--y)}
.store svg{width:26px;height:26px;flex:none}
.store span{display:grid;font:700 17px/1.1 var(--sans)}
.store small{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.appblock__phone{position:relative;display:grid;place-items:center}
.phone{position:relative;width:min(240px,70vw);aspect-ratio:9/18.5;border-radius:38px;padding:12px;background:#07040f;border:2px solid #2d2450;box-shadow:0 40px 80px -24px rgba(0,0,0,.9),inset 0 0 0 2px #120c25;transform:rotate(-6deg);transition:transform .8s var(--ease)}
.appblock:hover .phone{transform:rotate(-2deg) translateY(-6px)}
.phone__notch{position:absolute;top:18px;left:50%;width:70px;height:18px;border-radius:12px;background:#07040f;transform:translateX(-50%);z-index:2}
.phone__screen{height:100%;border-radius:28px;overflow:hidden;padding:44px 14px 14px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(90% 60% at 50% 0%,#3b2486,#140d29 70%)}
.phone__logo{width:110px;margin:0 auto 6px}
.phone__card{display:grid;gap:4px;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.phone__card span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--y);font-weight:700}
.phone__card b{font:400 16px/1 var(--display);text-transform:uppercase}
.phone__card>i{display:block;height:60px;border-radius:8px;margin-top:6px;background:linear-gradient(135deg,var(--y),#e0a800)}
.phone__card em{display:flex;align-items:flex-end;gap:3px;height:22px;margin-top:4px}
.phone__card em i{width:4px;height:100%;background:var(--y);border-radius:2px;animation:eq 1s ease-in-out infinite;transform-origin:bottom}
.phone__card em i:nth-child(2){animation-delay:-.3s}.phone__card em i:nth-child(3){animation-delay:-.6s}.phone__card em i:nth-child(4){animation-delay:-.15s}.phone__card em i:nth-child(5){animation-delay:-.45s}
.phone__tabs{margin-top:auto;display:flex;justify-content:space-around;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.08)}
.phone__tabs i{width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.18)}
.phone__tabs i:first-child{background:var(--y)}
@media (max-width:860px){.appblock{grid-template-columns:1fr}.appblock__phone{order:-1}.phone{width:190px}}
/* magazine hub */
.magfeat{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:clamp(28px,6vw,80px);align-items:center}
.magfeat__cover{position:relative;display:block;width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:0 50px 90px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.08);transform:rotate(-3deg);transition:transform .8s var(--ease)}
.magfeat__cover:hover{transform:rotate(0) translateY(-6px)}
.magfeat__cover img{width:100%;height:100%;object-fit:cover}
.magfeat__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.16),transparent 35%,transparent 80%,rgba(0,0,0,.25))}
.magfeat__play{position:absolute;left:50%;top:50%;z-index:1;width:72px;height:72px;margin:-36px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:.4s var(--ease)}
.magfeat__play::before{content:"";border-left:18px solid #120a24;border-block:11px solid transparent;margin-left:5px}
.magfeat__cover:hover .magfeat__play{opacity:1;transform:none}
.magfeat .h2{font-size:clamp(38px,5vw,76px);margin:0 0 16px}
.magfeat .muted{max-width:52ch;margin:0 0 26px}
.magfeat__facts{list-style:none;display:flex;gap:clamp(18px,4vw,44px);padding:24px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}
.magfeat__facts li{display:grid;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.magfeat__facts b{font:400 40px/1 var(--display);color:var(--y);letter-spacing:0}
.magyears{position:sticky;top:80px;z-index:5;background:linear-gradient(var(--ink) 70%,transparent);padding-top:10px}
.magyear{padding-top:24px;scroll-margin-top:150px}
.magyear__h{display:flex;align-items:baseline;gap:14px;font:400 44px/1 var(--display);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.magyear__h span{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.magrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-bottom:26px}
.magcard{display:grid;gap:6px;text-align:left;color:var(--text)}
.magcard__img{position:relative;display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#1a1230;box-shadow:0 16px 30px -14px rgba(0,0,0,.8);transition:transform .5s var(--ease),box-shadow .5s}
.magcard:hover .magcard__img{transform:translateY(-6px) rotate(-1deg);box-shadow:0 26px 40px -16px rgba(0,0,0,.9)}
.magcard__img img{width:100%;height:100%;object-fit:cover}
.magcard__tag{position:absolute;left:8px;top:8px;font:700 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(11,7,22,.85);color:var(--y)}
.magcard.is-free .magcard__tag{background:var(--y);color:#120a24}
.magcard:not(.is-free) .magcard__img img{filter:saturate(.85)}
.magcard__t{font:400 20px/1 var(--display);text-transform:uppercase;margin-top:6px}
.magcard__s{font-size:12px;color:var(--muted)}
.magcard.is-free .magcard__s{color:var(--y)}
.is-wait{opacity:.6;pointer-events:none}
@media (max-width:1100px){.magrid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.magfeat{grid-template-columns:1fr}.magfeat__cover{max-width:280px;margin:0 auto}.magrid{grid-template-columns:repeat(2,1fr);gap:14px}.magyears{top:70px}}
/* about */
.aboutlead{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,5vw,70px);align-items:end}
.aboutlead__big{font:500 clamp(24px,3vw,40px)/1.3 var(--sans);color:var(--text);margin:0;letter-spacing:-.01em}
.aboutlead__big .serif{color:var(--y);font-size:1.12em}
.aboutlead__side .muted{margin:0 0 18px;font-size:16px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pillar{display:flex;flex-direction:column;gap:12px;padding:30px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,rgba(42,25,95,.45),rgba(19,12,38,.7));transition:transform .5s var(--ease),border-color .3s}
.pillar:hover{transform:translateY(-6px);border-color:rgba(255,204,0,.45)}
.pillar__n{font:400 15px/1 var(--display);color:var(--y);letter-spacing:.1em}
.pillar h3{font:400 clamp(30px,3vw,42px)/1 var(--display);text-transform:uppercase;margin:6px 0 0}
.pillar p{margin:0;color:var(--muted);font-size:15px;flex:1}
.aboutstats{margin-top:clamp(50px,7vw,90px);border-block:1px solid var(--line);background:rgba(19,12,38,.6)}
.aboutstats__in{display:grid;grid-template-columns:repeat(6,1fr)}
.aboutstats .stat{padding:30px 16px}
.aboutmag{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center}
.aboutmag .h2{font-size:clamp(36px,4.6vw,66px);margin:0 0 14px}
.topics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.topics li{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,204,0,.3);background:rgba(255,204,0,.05);font-weight:600;font-size:15px}
.topics li:nth-child(3n+1){background:var(--y);color:#120a24;border-color:var(--y)}
@media (max-width:1000px){.aboutlead,.aboutmag{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.aboutstats__in{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.aboutstats__in{grid-template-columns:repeat(2,1fr)}}
