/* Shared MATE series selector — fixed 2 x 2 block layout on every page. */
.mate-series-selector{padding:96px 0 104px;background:#f4efe7;overflow:hidden}
.mate-series-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:10px 50px;align-items:end;margin-bottom:32px}
.mate-series-head .eyebrow{grid-column:1/-1}
.mate-series-head h2{margin:0;max-width:10ch;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em}
.mate-series-head p{margin:0 0 5px;color:#6b626b;line-height:1.85}

.mate-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mate-series-card{position:relative;min-width:0;min-height:250px;padding:22px 22px 58px;border-radius:30px;text-decoration:none;color:#35273d;overflow:hidden;border:1px solid rgba(53,39,61,.06);transition:transform .24s ease,box-shadow .24s ease;background:#fffdf9}
.mate-series-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(53,39,61,.08)}
.mate-series-card:after{content:"";position:absolute;right:-12%;bottom:-32%;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.42);pointer-events:none}
.mate-series-card small{position:relative;z-index:2;display:block;font-size:9px;font-weight:900;letter-spacing:.15em}
.mate-series-card>b{position:relative;z-index:2;display:block;margin-top:7px;font-size:clamp(31px,4vw,46px);line-height:1;letter-spacing:-.035em}
.mate-series-card h3{position:relative;z-index:2;margin:48px 0 7px;font-size:21px;line-height:1.3}
.mate-series-card p{position:relative;z-index:2;max-width:24ch;margin:0;color:#675f67;font-size:12px;line-height:1.65}
.mate-series-card em{position:absolute;z-index:2;left:22px;bottom:20px;font-style:normal;font-size:11px;font-weight:900}
.mate-series-num{position:absolute;z-index:1;right:18px;top:15px;font-size:48px;font-weight:950;line-height:1;color:rgba(53,39,61,.09)}

.mate-series-friend{background:linear-gradient(150deg,#f8f1dc,#eef3df)}
.mate-series-love{background:linear-gradient(150deg,#fae8ef,#f0e5f6)}
.mate-series-work{background:linear-gradient(150deg,#e3f1ef,#e5ebf5)}
.mate-series-coming{background:linear-gradient(150deg,#f2efe8,#e9e5de);cursor:default}
.mate-series-coming:hover{transform:none;box-shadow:none}
.mate-series-coming>b{font-size:clamp(28px,3.5vw,42px)}
.mate-series-coming em{color:#817981}

.future-type-card{display:block;text-decoration:none}

@media(max-width:767px){
  .mate-series-selector{padding:70px 0 78px}
  .mate-series-head{grid-template-columns:1fr;margin-bottom:24px}
  .mate-series-head .eyebrow{grid-column:auto}
  .mate-series-head h2{font-size:42px}
  .mate-series-head p{font-size:13px}
  .mate-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mate-series-card{min-height:220px;padding:17px 16px 52px;border-radius:24px}
  .mate-series-card>b{font-size:clamp(24px,7vw,34px)}
  .mate-series-card h3{margin-top:38px;font-size:17px;line-height:1.35}
  .mate-series-card p{font-size:11px;line-height:1.55}
  .mate-series-card em{left:16px;right:12px;bottom:16px;font-size:10px;line-height:1.35}
  .mate-series-num{right:12px;top:12px;font-size:34px}
  .mate-series-coming>b{font-size:clamp(23px,6.3vw,31px)}
}
@media(max-width:360px){
  .mate-series-grid{gap:8px}
  .mate-series-card{min-height:210px;padding:15px 13px 50px;border-radius:21px}
  .mate-series-card>b{font-size:23px}
  .mate-series-card h3{margin-top:32px;font-size:15px}
  .mate-series-card p{font-size:10px}
  .mate-series-card em{left:13px;font-size:9px}
  .mate-series-num{font-size:30px}
  .mate-series-coming>b{font-size:22px}
}