/*
Theme Name: ALTER PRODUCTION
Theme URI: https://alter-production.jp/
Author: 株式会社アドバンス
Author URI: https://alter-production.jp/
Description: VTuber事務所「ALTER PRODUCTION」公式サイト用WordPressカスタムテーマ
Version: 1.0.0
License: All Rights Reserved
Text Domain: alter-production
*/

:root {
  --black: #0A0A0A;
  --white: #FFFFFF;
  --red: #8B0000;
  --red-b: #C41E3A;
  --magenta: #9B1B5A;
  --border: rgba(255,255,255,.1);
  --f-h: "Barlow Condensed", sans-serif;
  --f-b: "Noto Sans JP", sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;color-scheme:dark}
body{font-family:var(--f-b);font-size:15px;line-height:1.8;color:var(--white);background-color:var(--black);background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);background-size:16px 16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--red-b);outline-offset:4px}

/* SKIP LINK — キーボードナビゲーション用 */
.skip-link{position:fixed;top:-100%;left:50%;transform:translateX(-50%);z-index:10000;background:var(--red-b);color:var(--white);padding:12px 24px;font-family:var(--f-b);font-size:14px;font-weight:700;border-radius:0 0 4px 4px;text-decoration:none;opacity:0;transition:top .15s,opacity .15s}
.skip-link:focus{top:0;opacity:1}

/* LOADING */
.loader{position:fixed;inset:0;z-index:9999;background:var(--black);display:flex;align-items:center;justify-content:center;transition:opacity .4s .1s,visibility .4s .1s}
.loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader__logo{display:flex;flex-direction:column;align-items:center;opacity:0;animation:loaderIn .6s .3s ease forwards}
.loader__bar{position:absolute;bottom:48%;left:50%;transform:translateX(-50%);width:0;height:1px;background:var(--red-b);animation:loaderBar 1.2s .6s ease forwards}
@keyframes loaderIn{to{opacity:1}}
@keyframes loaderBar{to{width:120px}}

/* BACKGROUND TEXTURE — fractalNoise grain（維持）*/
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");transform:translateZ(0);will-change:transform,opacity}
/* VIGNETTE — 四隅の暗落とし。光ではなく影で奥行きを作る */
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 85% at 50% 50%,transparent 45%,rgba(0,0,0,.65) 100%)}

/* BG SLASH */
.bg-slash{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 150px,rgba(196,30,58,0.04) 150px,rgba(196,30,58,0.04) 152px);z-index:-1;pointer-events:none}


/* SNS ICONS */
.sns-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:rgba(255,255,255,.4);transition:color .08s}
.sns-icon svg{width:20px;height:20px}

/* COLLAGE LOGO */
.logo-row{display:flex;align-items:baseline;font-family:var(--f-h);font-weight:900;line-height:.75;white-space:nowrap}
.logo-row span{display:inline-block;color:var(--white);transition:font-size .8s ease,transform .8s ease,margin .8s ease}
.la1{transform:rotate(-8deg) translateY(.1em);font-size:1.15em;margin-right:-.06em}
.la2{transform:rotate(5deg) translateY(-.08em);font-size:.95em;color:var(--red-b);margin-right:-.08em}
.la3{transform:rotate(-3deg) translateY(.05em);font-size:1.08em;margin-right:-.05em}
.la4{transform:rotate(10deg) translateY(-.12em);font-size:.9em;margin-right:-.07em}
.la5{transform:rotate(-6deg) translateY(.15em);font-size:1.1em;color:var(--red-b)}
.lp1{transform:rotate(4deg) translateY(-.05em);font-size:.92em;margin-right:-.04em}
.lp2{transform:rotate(-7deg) translateY(.12em);font-size:1.05em;color:var(--red-b);margin-right:-.06em}
.lp3{transform:rotate(3deg) translateY(-.025em);font-size:.88em;margin-right:-.05em}
.lp4{transform:rotate(-5deg) translateY(.08em);font-size:1em;margin-right:-.04em}
.lp5{transform:rotate(8deg) translateY(-.1em);font-size:.95em;margin-right:-.07em}
.lp6{transform:rotate(-2deg) translateY(.05em);font-size:1.02em;margin-right:-.03em}
.lp7{transform:rotate(6deg) translateY(-.08em);font-size:.9em;margin-right:-.06em}
.lp8{transform:rotate(-9deg) translateY(.12em);font-size:1.08em;color:var(--red-b);margin-right:-.04em}
.lp9{transform:rotate(4deg) translateY(-.025em);font-size:.93em;margin-right:-.05em}
.lp10{transform:rotate(-4deg) translateY(.1em);font-size:1em}

/* FIXED BIG LOGO */
.big-logo{position:fixed;top:0;left:0;z-index:110;padding:12px 0 0 16px;opacity:0;animation:cutDown .5s 1.6s ease forwards;transform-origin:top left;transition:all .8s ease}
.big-logo .logo-row--top{font-size:clamp(52px,7vw,96px)}
.big-logo .logo-row--btm{font-size:clamp(22px,3vw,42px);margin-top:-.15em}
.big-logo.mini{padding:8px 0 0 14px}
.big-logo.mini .logo-row--top{font-size:clamp(24px,3vw,40px)}
.big-logo.mini .logo-row--btm{font-size:clamp(10px,1.3vw,18px);margin-top:-.1em}

/* HEADER */
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid transparent;transition:background .15s,border-color .15s;opacity:0;animation:cutDown .4s 1.8s ease forwards}
.hdr.is-solid{background:rgba(10,10,10,.96);border-bottom-color:var(--border)}
.hdr__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px}
.hdr__nav{display:none}
.hdr__sns{display:flex;align-items:center;gap:0}
.hdr__ham{display:flex;flex-direction:column;gap:5px;width:32px;padding:8px 0;min-height:44px;justify-content:center}
.hdr__ham span{display:block;height:2px;background:var(--white);transition:transform .15s,opacity .1s}
.hdr__ham.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr__ham.is-open span:nth-child(2){opacity:0}
.hdr__ham.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* MOBILE MENU */
.mob{position:fixed;inset:0;z-index:199;background:rgba(10,10,10,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;pointer-events:none;transition:opacity .15s}
.mob.is-open{opacity:1;pointer-events:auto}
.mob__nav a{display:block;text-align:center;font-family:var(--f-h);font-size:36px;font-weight:700;letter-spacing:.15em;padding:20px 0;border-bottom:1px solid var(--border);transition:color .08s,background .08s;min-width:280px}
.mob__nav a:active{color:var(--red-b);background:rgba(139,0,0,.08)}
.mob__sns{display:flex;gap:8px;margin-top:32px}
.mob__sns .sns-icon{width:52px;height:52px}
.mob__sns .sns-icon svg{width:24px;height:24px}

/* DESKTOP NAV */
@media(min-width:769px){
  .hdr__ham{display:none}
  .hdr__nav{display:flex;align-items:center;gap:32px}
  .hdr__nav a{font-family:var(--f-h);font-size:16px;font-weight:600;letter-spacing:.15em;color:rgba(255,255,255,.6);transition:color .08s;padding:8px 4px;min-height:44px;display:inline-flex;align-items:center}
}

/* HERO */
.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(255,255,255,.012) 40px,rgba(255,255,255,.012) 41px);pointer-events:none}
/* 版面罫：左端の縦1px線。印刷物・楽譜の余白マーカー */
.hero::after{content:"";position:absolute;left:clamp(16px,3.5vw,52px);top:15%;width:1px;height:70%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.07) 25%,rgba(255,255,255,.07) 75%,transparent);pointer-events:none;z-index:1}
.hero__ct{position:relative;z-index:2;text-align:center;padding:0 20px}
.hero-logo{display:flex;flex-direction:column;align-items:center;user-select:none;opacity:0;animation:cutDown .6s 2s ease forwards}
.hero-logo .logo-row--top{font-size:clamp(64px,15vw,170px)}
.hero-logo .logo-row--btm{font-size:clamp(28px,6.5vw,74px);margin-top:-.12em}
.hero-logo .logo-row span{opacity:0}
.hero-logo.in .logo-row span{animation:letterSlam .25s ease forwards}
.hero-logo.in .la1{animation-delay:2.1s}.hero-logo.in .la2{animation-delay:2.15s}.hero-logo.in .la3{animation-delay:2.2s}.hero-logo.in .la4{animation-delay:2.25s}.hero-logo.in .la5{animation-delay:2.3s}
.hero-logo.in .lp1{animation-delay:2.4s}.hero-logo.in .lp2{animation-delay:2.44s}.hero-logo.in .lp3{animation-delay:2.48s}.hero-logo.in .lp4{animation-delay:2.52s}.hero-logo.in .lp5{animation-delay:2.56s}.hero-logo.in .lp6{animation-delay:2.6s}.hero-logo.in .lp7{animation-delay:2.64s}.hero-logo.in .lp8{animation-delay:2.68s}.hero-logo.in .lp9{animation-delay:2.72s}.hero-logo.in .lp10{animation-delay:2.76s}
@keyframes letterSlam{from{opacity:0;transform:translateY(-30px) rotate(0deg) scale(1.3)}to{opacity:1}}
.hero__jp{font-size:clamp(18px,4vw,32px);font-weight:700;line-height:1.6;letter-spacing:.12em;color:rgba(255,255,255,.6);margin-top:clamp(20px,3vw,40px);opacity:0;animation:cutDown .5s 3s ease forwards}
.hero__en{display:block;font-family:var(--f-h);font-size:clamp(10px,1.5vw,13px);font-weight:600;letter-spacing:.25em;color:rgba(255,255,255,.25);margin-top:16px;opacity:0;animation:cutDown .5s 3.2s ease forwards}
.hero__slash{display:block;width:40px;height:2px;background:var(--red-b);margin:24px auto 0;transform:skewX(-20deg);opacity:0;animation:slashIn .3s 3.4s ease forwards}
.hero__fade{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to top,var(--black),transparent);pointer-events:none;z-index:1}

/* ANIMATIONS */
@keyframes cutDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes slashIn{from{opacity:0;width:0}to{opacity:1;width:40px}}
@keyframes cutUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes wipeRight{from{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}
@keyframes fadeSlideLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.ap{opacity:0}.ap.in{animation:cutUp .4s ease forwards}
.ap-left{opacity:0}.ap-left.in{animation:fadeSlideLeft .4s ease forwards}
.ap-line{opacity:0;transform:scaleX(0);transform-origin:left}.ap-line.in{animation:wipeRight .3s ease forwards}
.ap-d1.in{animation-delay:.08s}.ap-d2.in{animation-delay:.16s}.ap-d3.in{animation-delay:.24s}.ap-d4.in{animation-delay:.32s}
@keyframes vlabelIn{from{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}
.sec__vlabel{opacity:0}.sec__vlabel.in{animation:vlabelIn .6s ease forwards}

/* SECTIONS */
/* セクション境界のインク線：罫線印刷のような水平の区切り */
.sec{padding:80px 20px;position:relative}
.sec::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(196,30,58,.18) 0px,rgba(196,30,58,.18) 24px,rgba(255,255,255,.04) 24px,rgba(255,255,255,.04) 60%,transparent 100%);pointer-events:none}
.sec__in{max-width:800px;margin:0 auto}
.sec__lb{font-family:var(--f-h);font-size:16px;font-weight:700;letter-spacing:.25em;color:var(--red-b);margin-bottom:8px}
h2.sec__tt,.sec__tt{font-size:20px;font-weight:900;letter-spacing:.04em;color:var(--white);margin:0 0 36px;line-height:1.8}
.sec__div{width:32px;height:1px;background:var(--red-b);margin-bottom:36px;transform:skewX(-20deg)}
/* .sec__border — sec::before に統一したため削除 */
.sec__vlabel{position:absolute;left:20px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--f-h);font-size:clamp(48px,5vw,72px);font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.03);user-select:none;pointer-events:none;display:none}
@media(min-width:1100px){.sec__vlabel{display:block}}

/* NEWS */
.ni{display:flex;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid var(--border);transition:border-color .08s,padding-left .08s}
.ni__d{flex-shrink:0;min-width:110px;font-family:var(--f-h);font-size:15px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.5)}
.ni__t{font-size:16px;color:rgba(255,255,255,.9)}
.more{display:inline-flex;align-items:center;gap:12px;margin-top:32px;font-family:var(--f-h);font-size:14px;font-weight:600;letter-spacing:.15em;color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px;transition:color .08s,border-color .08s;min-height:44px}
.more svg{width:16px;height:16px}

/* ABOUT */
.abt{font-size:16px;line-height:2.2;color:rgba(255,255,255,.9)}
.abt+.abt{margin-top:16px}

/* TALENT */
a.tc{text-decoration:none;color:inherit;display:grid}
.tc{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:24px;border:1px solid var(--border);background:rgba(255,255,255,.015);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:border-color .25s ease,background .25s ease,transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;will-change:transform}
.tc__img{width:100px;height:130px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:rgba(255,255,255,.15);background:linear-gradient(135deg,var(--red),var(--magenta));clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.tc__gen{font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.45);margin-bottom:4px}
.tc__gen::before{content:"";display:inline-block;width:6px;height:6px;background:var(--red-b);margin-right:8px;vertical-align:1px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.tc__nm{font-family:var(--f-h);font-size:24px;font-weight:900;letter-spacing:.04em}
.tc__en{font-family:var(--f-h);font-size:12px;font-weight:500;font-style:italic;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-top:2px}
.tc__catch{font-size:14px;line-height:1.8;color:rgba(255,255,255,.8);margin-top:10px}

/* AUDITION */
.au-txt{font-size:16px;line-height:2;color:rgba(255,255,255,.9);margin-bottom:32px}
.au-cols{display:grid;gap:20px;margin-bottom:36px}
.au-box{border:1px solid var(--border);background:rgba(255,255,255,.015);padding:24px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:border-color .08s}
.au-box h3{font-size:17px;font-weight:900;letter-spacing:.06em;margin-bottom:14px;color:var(--white)}
.au-li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:8px}
.au-dot{display:inline-block;width:4px;height:4px;margin-top:10px;flex-shrink:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.au-dot--r{background:var(--red-b)}.au-dot--m{background:var(--magenta)}
/* .btn-e 削除済 — オーディション特設サイトリンク(.more)に統一 */
.au-dl{font-size:13px;color:rgba(255,255,255,.25);margin-top:14px}
.au-glow{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,transparent,rgba(196,30,58,.15),transparent)}

/* FOOTER */
.ft{border-top:1px solid var(--border);padding:48px 20px;font-size:13px}
.ft__in{max-width:800px;margin:0 auto}
.ft__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px}
.ft__br{font-family:var(--f-h);font-size:16px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.35)}
.ft__co{color:rgba(255,255,255,.2);margin-top:6px}
.ft__sns{display:flex;gap:4px;margin-top:12px}
.ft__sns .sns-icon{width:44px;height:44px;color:rgba(255,255,255,.2)}
.ft__lk{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:8px}
.ft__lk a{color:rgba(255,255,255,.2);transition:color .08s;padding:4px 0;min-height:44px;display:inline-flex;align-items:center}
.ft__cp{margin-top:36px;text-align:center;font-family:var(--f-h);font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.1)}

/* SKIP-DELAY: 2回目以降アクセス — 描画前にhtml要素で判定 */
html.skip-delay .loader{display:none!important}
html.skip-delay .big-logo,
html.skip-delay .hdr,
html.skip-delay .hero-logo,
html.skip-delay .hero__jp,
html.skip-delay .hero__en,
html.skip-delay .hero__slash,
html.skip-delay .scroll-ind {
  animation-delay: 0s !important;
  animation-duration: .12s !important;
}
html.skip-delay .hero-logo .logo-row span {
  animation: none !important;
  opacity: 1 !important;
}

/* SCROLL INDICATOR */
.scroll-ind{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;z-index:2;opacity:0;animation:cutUp .5s 3.6s ease forwards}
.scroll-ind__line{width:1px;height:44px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.scroll-ind__line::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.7),transparent);animation:scrollLine 2.2s ease-in-out 4s infinite}
@keyframes scrollLine{0%{top:-100%}50%{top:0%}100%{top:100%}}
.scroll-ind__txt{font-family:var(--f-h);font-size:9px;font-weight:700;letter-spacing:.3em;color:rgba(255,255,255,.25)}

/* PAGE TOP */
.pt{position:fixed;bottom:20px;right:20px;z-index:50;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:rgba(10,10,10,.9);color:rgba(255,255,255,.35);transition:border-color .08s,color .08s;opacity:0;pointer-events:none}
.pt.vis{opacity:1;pointer-events:auto}
.pt svg{width:16px;height:16px}

/* RESPONSIVE */
@media(min-width:769px){
  .sec{padding:120px 40px}.sec__in{max-width:900px}
  .au-cols{grid-template-columns:1fr 1fr}
  .tc{grid-template-columns:120px 1fr;gap:28px;padding:32px}.tc__img{width:120px;height:160px}
  .big-logo.mini .logo-row--top{font-size:clamp(26px,3.2vw,44px)}
  .big-logo.mini .logo-row--btm{font-size:clamp(11px,1.4vw,20px)}
}
@media(max-width:768px){
  .big-logo .logo-row--top{font-size:clamp(36px,11vw,56px)}
  .big-logo .logo-row--btm{font-size:clamp(15px,4.5vw,24px)}
  .big-logo.mini .logo-row--top{font-size:20px}
  .big-logo.mini .logo-row--btm{font-size:9px}
  .big-logo.mini{padding:8px 0 0 10px}
  .hero-logo .logo-row--top{font-size:clamp(48px,14vw,80px)}
  .hero-logo .logo-row--btm{font-size:clamp(20px,6vw,36px)}
  .ni{flex-direction:column;gap:4px}
  .ni__d{min-width:auto}
  .tc{grid-template-columns:80px 1fr;gap:14px;padding:16px}.tc__img{width:80px;height:105px}
  .ft__top{flex-direction:column}
}

/* REDUCED MOTION — アニメーション無効化（アクセシビリティ） */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .loader{transition:none!important}
  .scroll-ind__line::after{animation:none!important}
}

/* HOVER — ポインターデバイス限定（タッチのsticky hover防止） */
@media(hover:hover){
  .sns-icon:hover{color:var(--white)}
  .mob__nav a:hover{color:var(--red-b);background:rgba(139,0,0,.08)}
  .hdr__nav a:hover{color:var(--white)}
  .ni:hover{border-color:var(--red-b);padding-left:6px}
  .ni:hover .ni__t{color:var(--white)}
  .more:hover{color:var(--red-b);border-color:var(--red-b)}
  .tc:hover{border-color:var(--red-b);background:rgba(139,0,0,.05);transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.5),0 0 24px rgba(196,30,58,.08)}
  .au-box:hover{border-color:rgba(255,255,255,.2)}
  .ft__sns .sns-icon:hover{color:rgba(255,255,255,.5)}
  .ft__lk a:hover{color:rgba(255,255,255,.5)}
  .pt:hover{border-color:var(--red-b);color:var(--red-b)}
}

/* SELECTION — ダークテーマ用選択色 */
::selection{background:rgba(196,30,58,.4);color:var(--white)}

/* PRINT — 印刷時の最低限の可読性確保 */
@media print{
  body{background:#fff!important;color:#000!important}
  body::before,body::after,.bg-slash,.loader,.hdr,.mob,.pt,.hero__fade,.scroll-ind,.sec__vlabel,.au-glow,.sec::before{display:none!important}
  .hero{min-height:auto;padding:40px 20px}
  a{color:#000!important}
  .sec{padding:24px 20px}
}