:root{--brown:#4a291d;--copper:#b96142;--cream:#fff7ed;--text:#3b241a}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Montserrat,system-ui,sans-serif;background:#ead8c8;overflow-x:hidden}.ambient{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(250,240,228,.60),rgba(250,240,228,.78)),url('assets/background.webp') center/cover fixed;filter:blur(2px);transform:scale(1.03)}.ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.8),transparent 35%)}.page{width:min(620px,calc(100% - 28px));margin:auto;padding:32px 0 42px}.profile{text-align:center;margin-bottom:20px}
.profile-top{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.profile-top .avatar-wrap{margin:0}.share-trigger{position:fixed;top:18px;right:18px;z-index:20;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #9d603e80;border-radius:999px;background:#fff8efd9;color:#5b301e;font:600 11px Montserrat,system-ui,sans-serif;letter-spacing:.4px;cursor:pointer;box-shadow:0 7px 18px #4a291d1c,inset 0 1px #fff;backdrop-filter:blur(10px);transition:.18s}.share-trigger:hover,.share-trigger:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px #4a291d2c;outline:none}.share-trigger-icon{font-size:18px;line-height:1}.share-menu{position:fixed;z-index:19;top:66px;right:18px;left:auto;width:min(330px,calc(100vw - 36px));padding:14px;border:1px solid #a9683880;border-radius:18px;background:#fffaf4f2;box-shadow:0 18px 45px #4a291d33;backdrop-filter:blur(14px);text-align:left}.share-title{margin:0 0 10px;font:600 18px/1.1 'Cormorant Garamond',serif;color:#5b301e}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-option{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:8px 5px;border-radius:13px;text-decoration:none;color:#fff;box-shadow:inset 0 0 0 1px #ffffff30;transition:.18s}.share-option:hover,.share-option:focus-visible{transform:translateY(-2px);outline:none}.share-option span{font-size:23px;font-weight:700;line-height:1}.share-option small{font-size:8px;letter-spacing:.4px;font-weight:600}.share-facebook{background:#1877f2}.share-messenger{background:#0084ff}.share-whatsapp{background:#25d366}.share-x{background:#111}.share-instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}.share-copy{background:#704128;border:0;font:inherit;cursor:pointer}.share-note{display:block;margin:10px 2px 0;color:#6b4a3a;font-size:8.5px;line-height:1.35;text-align:center}.share-menu[hidden]{display:none}
.avatar-wrap{width:142px;height:142px;margin:0 auto 12px;padding:5px;border-radius:50%;background:linear-gradient(135deg,#f2cf9d,#a96838,#f3d5a8);box-shadow:0 8px 30px #4b281b3d}.avatar{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;border-radius:50%;border:3px solid #fff8f0}h1{margin:0;font:600 clamp(48px,10vw,70px)/.9 'Cormorant Garamond',serif;letter-spacing:-1.5px;color:#5b301e}.subtitle{margin:10px 0 0;font-size:12px;letter-spacing:3px;font-weight:600}.intro{margin:10px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.78}.links{display:grid;gap:12px}.link{min-height:72px;display:flex;align-items:center;gap:16px;padding:11px 18px;text-decoration:none;color:var(--text);background:#fff8efdf;border:1px solid #b0663980;border-radius:20px;box-shadow:0 7px 20px #4a291d24,inset 0 1px #ffffffeb;backdrop-filter:blur(8px);transition:.18s}.link:hover,.link:focus-visible{transform:translateY(-2px) scale(1.008);box-shadow:0 12px 28px #4a291d38;outline:none}.dark,.link-dark{background:linear-gradient(100deg,#3d2419,#5a3021);color:#fff8ef}.copper,.link-copper{background:linear-gradient(100deg,#a94e35,#c86b4c);color:white}.pink,.link-pink{background:linear-gradient(100deg,#f3d5c5,#f8e8dc)}.icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;font-weight:700;font-size:27px;background:#ffffffb8;color:#4b2a1d;box-shadow:inset 0 0 0 1px #5c321f24}.dark .icon,.link-dark .icon,.copper .icon,.link-copper .icon{background:#ffffff24;color:white}.copy{min-width:0;display:flex;flex-direction:column;gap:4px}.copy b{font:600 24px/1 'Cormorant Garamond',serif}.copy small{font-size:10px;letter-spacing:1.7px;font-weight:500;opacity:.82}.arrow{margin-left:auto;font-size:34px;line-height:1;font-weight:300}footer{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:26px;color:#704128;font-size:20px;opacity:.8}footer i{font-style:normal;font-size:11px;color:#b46a3f}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,120px);padding:11px 16px;border-radius:999px;color:#fff;background:#4b281b;font-size:12px;box-shadow:0 8px 25px #0003;transition:.25s;z-index:10}.toast.show{transform:translate(-50%,0)}@media(max-width:520px){.page{padding-top:24px}.share-trigger{top:12px;right:12px;padding:9px 11px;font-size:10px}.share-menu{top:58px;right:12px;width:min(330px,calc(100vw - 24px))}.avatar-wrap{width:124px;height:124px}h1{font-size:50px}.subtitle{font-size:10px;letter-spacing:2px}.intro{font-size:9px;letter-spacing:1.4px}.link{min-height:66px;padding:9px 14px;border-radius:17px;gap:12px}.icon{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:23px}.copy b{font-size:22px}.copy small{font-size:8.5px;letter-spacing:1.25px}}

@media (max-width: 700px){.ambient{background-attachment:scroll}}

.avatar-link{display:block;text-decoration:none;cursor:pointer;transition:transform .2s ease,filter .2s ease}.avatar-link:hover,.avatar-link:focus-visible{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 10px 18px #4b281b22);outline:none}.avatar-link:focus-visible{box-shadow:0 0 0 4px #fff8ef,0 0 0 7px #a96838}

.link-club{background:linear-gradient(100deg,#f0dfc9,#fff3e5)}
.link-club .icon{background:#fffaf2;color:#704128}

.link-publish{background:linear-gradient(105deg,#5b301e,#9b5839 58%,#c17a55);color:#fffaf4;border-color:#e0ad88;position:relative;overflow:hidden}.link-publish:before{content:"";position:absolute;inset:-80% 55% auto -10%;height:220%;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 58%);pointer-events:none}.link-publish .icon{background:#fff5e6;color:#6a3824}.link-publish .copy strong{font-family:'Cormorant Garamond',serif;font-size:25px;line-height:.95}.link-publish .copy small{color:#fff4e9}.link-publish:hover{box-shadow:0 14px 32px #5b301e45;transform:translateY(-3px) scale(1.01)}
@media(max-width:520px){.link-publish .copy strong{font-size:20px}}

/* ===== Unified editorial pages: About + Club ===== */
.inner-page{width:min(900px,calc(100% - 28px));margin:0 auto;padding:30px 0 54px}
.inner-card{position:relative;overflow:hidden;background:rgba(255,249,241,.88);border:1px solid rgba(176,102,57,.42);border-radius:30px;padding:clamp(22px,4.5vw,48px);box-shadow:0 22px 65px rgba(74,41,29,.22),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(14px)}
.inner-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 92% 88%,rgba(217,157,111,.11),transparent 28%)}
.inner-content{position:relative;z-index:1}
.inner-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.inner-back{display:inline-flex;align-items:center;gap:7px;color:#704128;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.inner-back:hover{opacity:.7;transform:translateX(-2px)}
.inner-mini{font-size:9px;letter-spacing:1.4px;color:#a96838;font-weight:700;text-transform:uppercase}
.inner-hero{text-align:center;max-width:720px;margin:0 auto 30px}
.inner-avatar{width:96px;height:96px;display:block;object-fit:cover;object-position:center 34%;margin:0 auto 15px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#f2cf9d,#a96838,#f3d5a8);border:4px solid #fff8f0;box-shadow:0 11px 30px rgba(75,40,27,.24)}
.inner-kicker{margin:0 0 7px;color:#a96838;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase}
.inner-title{margin:0;color:#5b301e;font:600 clamp(48px,8vw,72px)/.88 'Cormorant Garamond',serif;letter-spacing:-1px}
.inner-lead{max-width:650px;margin:14px auto 0;color:#6b4a3a;font:500 clamp(17px,2.5vw,21px)/1.38 'Cormorant Garamond',serif}
.inner-divider{width:74px;height:1px;margin:22px auto;background:linear-gradient(90deg,transparent,#b06639,transparent)}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.inner-section{padding:22px;border:1px solid rgba(176,102,57,.24);border-radius:20px;background:rgba(255,253,248,.7);box-shadow:0 8px 24px rgba(74,41,29,.07)}
.inner-section.about-wide{grid-column:1/-1}
.inner-section h2{margin:0 0 9px;color:#5b301e;font:600 29px/1 'Cormorant Garamond',serif}
.inner-section p{margin:0;color:#6b4a3a;font-size:12px;line-height:1.75}
.about-quote{position:relative;z-index:1;margin:20px auto 0;max-width:650px;text-align:center;padding:20px 24px;border-top:1px solid rgba(176,102,57,.28);border-bottom:1px solid rgba(176,102,57,.28);color:#704128;font:600 22px/1.3 'Cormorant Garamond',serif}
.inner-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:1}
.inner-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 19px;border-radius:999px;background:#5b301e;color:#fff9f1;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.8px;transition:.18s;box-shadow:0 7px 18px rgba(74,41,29,.16)}
.inner-btn.secondary{background:#fff8ef;color:#5b301e;border:1px solid rgba(176,102,57,.42);box-shadow:none}
.inner-btn:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(74,41,29,.2)}
.about-signature{text-align:center;color:#a96838;font:600 23px 'Cormorant Garamond',serif;margin:21px 0 0;position:relative;z-index:1}

/* Club */
.club-intro-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:18px}
.club-stat{min-width:145px;text-align:center;padding:15px 18px;border:1px solid rgba(176,102,57,.25);border-radius:18px;background:rgba(255,253,248,.72)}
.club-stat strong{display:block;color:#5b301e;font:600 29px/1 'Cormorant Garamond',serif}
.club-stat span{display:block;margin-top:4px;color:#8a624e;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}
.meetings{display:grid;gap:16px;position:relative;z-index:1}
.meeting{display:grid;grid-template-columns:118px minmax(0,1fr) 94px;gap:18px;align-items:center;padding:16px;border:1px solid rgba(176,102,57,.3);border-radius:22px;background:rgba(255,253,248,.8);box-shadow:0 9px 26px rgba(74,41,29,.09)}
.book-cover{width:118px;aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:#f1dfcf;box-shadow:0 8px 20px rgba(74,41,29,.18)}
.book-cover img{width:100%;height:100%;display:block;object-fit:cover}
.meeting-label{display:inline-block;color:#a96838;font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:4px}
.meeting-body h2{margin:0 0 8px;color:#5b301e;font:600 30px/1 'Cormorant Garamond',serif}
.meeting-meta{display:flex;flex-wrap:wrap;gap:7px}
.meta-pill{display:inline-flex;padding:7px 9px;border-radius:999px;background:#f7eadf;color:#704128;font-size:9px;font-weight:600}
.meeting-note{display:block;margin-top:9px;color:#806253;font-size:9px;line-height:1.4}
.date-badge{width:94px;aspect-ratio:1/1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:19px;background:linear-gradient(145deg,#5b301e,#8d5037);color:#fff9f1;box-shadow:0 10px 22px rgba(74,41,29,.18)}
.date-badge .month{font-size:8px;letter-spacing:2px;font-weight:700;opacity:.82}
.date-badge .day{font:600 43px/.9 'Cormorant Garamond',serif;margin:4px 0}
.date-badge .year{font-size:8px;letter-spacing:1.3px;opacity:.75}
.club-notice{position:relative;z-index:1;margin-top:18px;padding:24px;text-align:center;border-radius:22px;border:1px solid rgba(176,102,57,.28);background:linear-gradient(135deg,rgba(250,239,227,.9),rgba(255,253,248,.78))}
.notice-icon{font-size:24px;margin-bottom:3px}
.club-notice h2{margin:0 0 7px;color:#5b301e;font:600 31px/1 'Cormorant Garamond',serif}
.club-notice p{max-width:650px;margin:0 auto;color:#6b4a3a;font-size:11px;line-height:1.7}
.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:15px;min-height:43px;padding:11px 18px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.4px;box-shadow:0 8px 20px rgba(37,211,102,.2);transition:.18s}
.whatsapp-btn:hover{transform:translateY(-2px)}
.edit-note{font-size:8px!important;opacity:.55;margin-top:10px!important}
.club-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(176,102,57,.2);position:relative;z-index:1;color:#704128;font-size:9px}
.club-footer a{color:#704128;text-decoration:none;font-weight:700;letter-spacing:.5px}
.club-footer span{opacity:.75;font-size:13px}

@media(max-width:700px){
  .about-grid{grid-template-columns:1fr}
  .inner-section.about-wide{grid-column:auto}
  .club-intro-grid{grid-template-columns:1fr}
  .club-stat{width:100%;max-width:220px;margin:auto}
  .meeting{grid-template-columns:86px minmax(0,1fr);gap:13px}
  .book-cover{width:86px}
  .date-badge{grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:auto;padding:8px 10px;flex-direction:row;gap:9px;border-radius:12px}
  .date-badge .day{font-size:27px;margin:0}
}
@media(max-width:480px){
  .inner-page{width:min(100% - 18px,900px);padding:18px 0 38px}
  .inner-card{border-radius:23px;padding:18px 14px}
  .inner-nav{margin-bottom:21px}
  .inner-title{font-size:52px}
  .meeting{grid-template-columns:78px minmax(0,1fr);padding:11px}
  .book-cover{width:78px}
  .meeting-body h2{font-size:25px}
  .meta-pill{font-size:8px;padding:6px 7px}
  .date-badge{grid-column:1/-1}
}

/* Wattpad: same native button system as the other links */
.wattpad-link{
  display:flex;
  align-items:center;
  gap:16px;
  width:100%;
  min-height:72px;
  padding:11px 18px;
  box-sizing:border-box;
  text-decoration:none !important;
  color:#fff !important;
  border-radius:20px;
  cursor:pointer;
}
.wattpad-link .copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.wattpad-link .copy b{font:600 24px/1 'Cormorant Garamond',serif}
.wattpad-link .copy small{font-size:10px;letter-spacing:1.7px;font-weight:500;opacity:.82}
.wattpad-link .icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:#ffffff24;color:#fff;font-size:27px;box-shadow:inset 0 0 0 1px #ffffff30}
.wattpad-link .arrow{margin-left:auto;font-size:34px;line-height:1;font-weight:300}
.wattpad-link:hover,.wattpad-link:focus-visible{color:#fff !important;text-decoration:none !important}

/* Próximos eventos — editorial + vibrante */
.link-events{position:relative;overflow:hidden;background:linear-gradient(105deg,#3d165e 0%,#6c197f 48%,#d42670 100%);color:#fffaf7;border:1px solid rgba(255,213,235,.65);box-shadow:0 10px 28px rgba(104,25,105,.24),inset 0 1px rgba(255,255,255,.3)}
.link-events:before{content:"";position:absolute;inset:-80% auto auto -8%;width:48%;height:260%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);animation:eventShine 4.8s ease-in-out infinite;pointer-events:none}
.link-events .icon{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.18)}
.link-events .copy,.link-events .arrow,.link-events .event-badge{position:relative;z-index:1}
.link-events .copy strong{font-size:25px}
.link-events .copy small{color:#fff;opacity:.9}
.link-events .arrow{color:#fff}
.event-badge{width:50px;height:50px;flex:0 0 50px;position:relative;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.event-badge b{font-size:25px;line-height:1}
.event-badge i{position:absolute;top:-6px;right:-7px;padding:3px 5px;border-radius:999px;background:#ffd34d;color:#42134e;font:800 7px/1 Montserrat,sans-serif;letter-spacing:.5px;font-style:normal;box-shadow:0 4px 9px rgba(0,0,0,.18)}
.link-events:hover{box-shadow:0 15px 34px rgba(104,25,105,.32),inset 0 1px rgba(255,255,255,.35)}
@keyframes eventShine{0%,55%{left:-55%;opacity:0}65%{opacity:1}90%,100%{left:120%;opacity:0}}

.events-page .inner-card{background:rgba(255,249,241,.9)}
.event-hero{position:relative;text-align:center;max-width:760px;margin:0 auto 24px}
.event-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;color:#8a2373;font-size:9px;font-weight:800;letter-spacing:2.7px;text-transform:uppercase}
.event-kicker:before,.event-kicker:after{content:"✦";font-size:8px;color:#c78b32}
.event-title{margin:0;color:#4a1d5e;font:600 clamp(48px,8vw,72px)/.86 'Cormorant Garamond',serif;letter-spacing:-1px}
.event-lead{max-width:620px;margin:13px auto 0;color:#6b4a3a;font:500 clamp(17px,2.5vw,21px)/1.35 'Cormorant Garamond',serif}
.event-poster-wrap{position:relative;max-width:610px;margin:24px auto 0;padding:9px;border-radius:27px;background:linear-gradient(135deg,#c78b32,#6d237c 38%,#d32670 72%,#c78b32);box-shadow:0 24px 55px rgba(74,29,89,.25),0 0 0 1px rgba(255,255,255,.55);}
.event-poster-wrap:before{content:"";position:absolute;inset:5px;border-radius:22px;border:1px solid rgba(255,255,255,.55);pointer-events:none;z-index:2}
.event-poster{display:block;width:100%;height:auto;border-radius:20px;background:#fff;position:relative;z-index:1}
.event-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.event-detail{padding:18px 14px;text-align:center;border:1px solid rgba(176,102,57,.25);border-radius:19px;background:rgba(255,253,248,.76);box-shadow:0 8px 22px rgba(74,41,29,.07)}
.event-detail .symbol{display:block;font-size:23px;color:#8a2373;margin-bottom:5px}
.event-detail b{display:block;color:#5b301e;font:600 25px/1 'Cormorant Garamond',serif}
.event-detail span{display:block;margin-top:5px;color:#806253;font-size:8px;letter-spacing:1.1px;text-transform:uppercase}
.event-description{margin-top:18px;padding:22px;text-align:center;border-radius:21px;border:1px solid rgba(176,102,57,.26);background:linear-gradient(135deg,rgba(250,239,227,.92),rgba(255,253,248,.8))}
.event-description h2{margin:0 0 8px;color:#5b301e;font:600 31px/1 'Cormorant Garamond',serif}
.event-description p{max-width:660px;margin:0 auto;color:#6b4a3a;font-size:11px;line-height:1.7}
.event-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(176,102,57,.2);color:#704128;font-size:9px}
.event-footer a{color:#704128;text-decoration:none;font-weight:700;letter-spacing:.5px}
@media(max-width:650px){
  .event-details{grid-template-columns:1fr}
  .event-detail{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left;align-items:center;padding:12px 14px}
  .event-detail .symbol{grid-row:1/3;margin:0;text-align:center}
  .event-detail b{font-size:23px}
  .event-detail span{margin-top:2px}
}
@media(max-width:480px){
  .link-events .copy strong{font-size:22px}
  .event-poster-wrap{padding:6px;border-radius:22px}
  .event-poster{border-radius:16px}
}

/* Botones editoriales — misma tipografía visual que las redes, conservando sus colores actuales */
.link-feature{position:relative;overflow:hidden;isolation:isolate}
.link-feature > *{position:relative;z-index:2}
.link-feature:after{content:"🦋";position:absolute;right:13px;bottom:-5px;z-index:1;font-size:25px;line-height:1;opacity:.18;filter:drop-shadow(0 3px 4px rgba(74,41,29,.18));transform:rotate(-12deg);pointer-events:none;transition:.22s ease}
.link-feature:hover:after,.link-feature:focus-visible:after{opacity:.42;transform:rotate(8deg) translateY(-2px) scale(1.06)}
.link-feature .copy strong{font:600 25px/1 'Cormorant Garamond',serif}
.link-feature .icon{box-shadow:inset 0 0 0 1px rgba(74,41,29,.10),0 5px 12px rgba(74,41,29,.10)}
.link-feature .arrow{font-size:34px;line-height:1;font-weight:300}
.link-club .icon{background:#fffaf2;color:#704128}
.link-books .icon{background:#fff8ef;color:#704128}
.link-pink .icon{background:#ffffffa8;color:#8b4962}
.link-dark .icon{background:#ffffff24;color:#fff}
.link-feature:hover,.link-feature:focus-visible{transform:translateY(-2px) scale(1.008)}

/* Redes sociales — colores oficiales suavizados para integrarse con la estética editorial */
.link-social{position:relative;overflow:hidden;color:#fff;border-width:1px;border-style:solid;isolation:isolate}
.link-social > *{position:relative;z-index:2}
.link-social:after{content:"🦋";position:absolute;right:13px;bottom:-5px;z-index:1;font-size:25px;line-height:1;opacity:.18;filter:drop-shadow(0 3px 4px rgba(74,41,29,.18));transform:rotate(-12deg);pointer-events:none;transition:.22s ease}
.link-social:hover:after,.link-social:focus-visible:after{opacity:.42;transform:rotate(8deg) translateY(-2px) scale(1.06)}
.link-social:before{content:"";position:absolute;left:-20%;top:-80%;width:42%;height:250%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(18deg);opacity:0;transition:.35s ease;z-index:1;pointer-events:none}
.link-social:hover:before,.link-social:focus-visible:before{left:115%;opacity:1}
.link-social .icon{border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 12px rgba(0,0,0,.12)}
.link-social .copy strong{font-size:25px}
.link-social .copy small{color:#fff;opacity:.88}
.link-social .arrow{color:#fff}

/* TikTok */
.link-tiktok{background:linear-gradient(105deg,#111018 0%,#17151f 58%,#282331 100%);border-color:rgba(37,244,238,.55);box-shadow:0 9px 25px rgba(25,18,29,.23),inset 3px 0 0 #25f4ee,inset -2px 0 0 #fe2c55}
.link-tiktok .icon{background:linear-gradient(145deg,#25f4ee22,#fe2c5526);color:#fff;text-shadow:-2px 1px #25f4ee,2px -1px #fe2c55}
.link-tiktok:after{filter:hue-rotate(105deg) drop-shadow(0 3px 4px rgba(0,0,0,.2))}

/* YouTube */
.link-youtube{background:linear-gradient(105deg,#9f1717 0%,#d92323 52%,#ef3d35 100%);border-color:rgba(255,220,214,.72);box-shadow:0 9px 25px rgba(139,24,24,.24),inset 0 1px rgba(255,255,255,.28)}
.link-youtube .icon{background:rgba(255,255,255,.16);color:#fff}

/* Instagram */
.link-instagram{background:linear-gradient(110deg,#5b238e 0%,#b52d77 42%,#e83f68 70%,#f29a45 100%);border-color:rgba(255,236,222,.72);box-shadow:0 9px 25px rgba(130,37,104,.23),inset 0 1px rgba(255,255,255,.3)}
.link-instagram .icon{background:rgba(255,255,255,.15);color:#fff}

/* Spotify */
.link-spotify{background:linear-gradient(105deg,#176b43 0%,#1f8d58 54%,#2ca866 100%);border-color:rgba(215,255,229,.62);box-shadow:0 9px 25px rgba(31,111,70,.23),inset 0 1px rgba(255,255,255,.25)}
.link-spotify .icon{background:rgba(255,255,255,.16);color:#fff}

/* Wattpad */
.link-wattpad{background:linear-gradient(105deg,#a93f08 0%,#d55b13 52%,#e67b27 100%);border-color:rgba(255,236,211,.72);box-shadow:0 9px 25px rgba(169,63,8,.22),inset 0 1px rgba(255,255,255,.28)}
.link-wattpad .icon{background:rgba(255,255,255,.15);color:#fff}
.link-wattpad .copy b{font:600 25px/1 'Cormorant Garamond',serif}
.link-wattpad:hover,.link-wattpad:focus-visible{color:#fff!important}


@media(max-width:520px){
  .link-feature .copy strong{font-size:22px}
  .link-feature:after{right:10px;font-size:21px}
}

@media(max-width:520px){
  .link-social .copy strong,.link-wattpad .copy b{font-size:22px}
  .link-social:after{right:10px;font-size:21px}
}

.club-intro-copy{margin:7px 0 0;color:#6b4a3a;font-size:11px;line-height:1.6}