/* BRAZZERS / join page. Scoped to .clan-join so it does not affect other DLE pages. */
.clan-join{--cj-red:#851319;--cj-red2:#59090d;--cj-gold:#b1843f;--cj-gold2:#e2bd72;--cj-dark:#171513;--cj-dark2:#29231e;--cj-paper:#f4eddf;--cj-paper2:#e5d9c6;margin:-2px -2px 0;font-family:Arial,Helvetica,sans-serif;color:#2d2924;scroll-behavior:smooth}
.clan-join *{box-sizing:border-box}.clan-join a{text-decoration:none}.clan-join p{margin-top:0}.clan-join [id]{scroll-margin-top:18px}
.dle-static:has(.clan-join)>h1{display:none}.dle-static:has(.clan-join){padding-top:0}.dle-static:has(.clan-join)>.story-text{margin-top:0}

.clan-join .cj-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:220px minmax(0,1fr) 88px;align-items:center;gap:28px;min-height:270px;padding:30px 34px;overflow:hidden;border:1px solid #6f4c23;border-bottom:4px double var(--cj-gold);background:radial-gradient(circle at 59% 8%,rgba(198,143,56,.24),transparent 39%),linear-gradient(115deg,#11100f 0,#2d251e 52%,#130e0d 100%);box-shadow:inset 0 0 0 2px rgba(216,181,108,.17),inset 0 0 78px rgba(0,0,0,.64),0 5px 18px rgba(55,33,13,.18);color:#f5ead4}
.clan-join .cj-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(45deg,transparent 48%,#d4a758 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,#d4a758 49%,transparent 51%);background-size:48px 48px}
.clan-join .cj-hero:after{content:"";position:absolute;right:-130px;bottom:-225px;width:540px;height:540px;z-index:-1;background:url('assets/menu-join.png') center/contain no-repeat;opacity:.055;filter:saturate(.85)}
.clan-join .cj-hero__art{width:205px;aspect-ratio:1;background:url('assets/menu-join.png') center/contain no-repeat;filter:drop-shadow(0 15px 14px rgba(0,0,0,.58));transform:rotate(-1deg);transition:transform .28s ease,filter .28s ease}
.clan-join .cj-hero:hover .cj-hero__art{transform:rotate(1deg) translateY(-3px);filter:drop-shadow(0 18px 17px rgba(0,0,0,.64))}
.clan-join .cj-kicker{margin:0 0 8px;color:#d9ad5c;text-transform:uppercase;letter-spacing:.25em;font-size:11px;font-weight:700}
.clan-join .cj-hero__copy h2{margin:0!important;padding:0!important;border:0!important;max-width:760px;color:#f1cf86!important;font:700 clamp(31px,4.3vw,55px)/1.03 Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:.015em!important;text-shadow:0 2px 0 #4c1f0b,0 0 18px rgba(184,107,47,.23)}
.clan-join .cj-hero__lead{margin:15px 0 0;max-width:620px;color:#eadcc5;font:15px/1.55 Georgia,'Times New Roman',serif}
.clan-join .cj-hero__seal{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid #cda659;background:radial-gradient(circle,#49351f,#17120e 69%);box-shadow:0 0 0 5px #160f0d,0 0 0 7px #8c652d,inset 0 0 25px #000}.clan-join .cj-hero__seal span{color:#edc875;font:700 26px/1 Georgia,serif;letter-spacing:.04em;text-shadow:0 1px 0 #5e2c11}

.clan-join .cj-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid #8c672e;border-top:0;background:#8c672e;box-shadow:0 3px 12px rgba(62,40,19,.12)}
.clan-join .cj-route a{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 8px;background:linear-gradient(#2b241e,#171412);color:#d8c5a3;font:700 11px/1.2 Georgia,'Times New Roman',serif;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.clan-join .cj-route a:hover{background:linear-gradient(#4b3221,#231914);color:#f1d392;box-shadow:inset 0 -2px #bd8d43}
.clan-join .cj-route span{flex:0 0 28px;height:28px;display:grid;place-items:center;border:1px solid #9a7238;border-radius:50%;background:#130f0c;color:#e0ba6d;font:700 9px Arial,sans-serif}
.clan-join .cj-route b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.clan-join .cj-content{padding:26px 24px 28px;border-left:1px solid #c2aa80;border-right:1px solid #c2aa80;background:radial-gradient(circle at 50% -12%,rgba(255,255,255,.78),transparent 33%),linear-gradient(135deg,#f6efe4,#e5d9c7)}
.clan-join .cj-section-head{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px;text-align:center}.clan-join .cj-section-head__mark{color:#9d702f;font-size:11px}.clan-join .cj-section-head p{margin:0 0 3px;color:#85683f;font:700 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em}.clan-join .cj-section-head h3{margin:0!important;padding:0!important;border:0!important;color:#492c1d!important;font:700 25px/1.15 Georgia,'Times New Roman',serif!important;text-transform:none!important}

.clan-join .cj-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.clan-join .cj-requirement{position:relative;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:14px;align-items:start;min-height:150px;padding:19px 18px;border:1px solid #b79b70;background:linear-gradient(105deg,rgba(255,255,255,.82),rgba(239,229,211,.93));box-shadow:0 4px 14px rgba(66,45,25,.08),inset 0 0 0 1px rgba(255,255,255,.58);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.clan-join .cj-requirement:hover{transform:translateY(-2px);border-color:#9d763c;box-shadow:0 7px 18px rgba(66,45,25,.13),inset 0 0 0 1px rgba(255,255,255,.65)}
.clan-join .cj-requirement:after{content:"";position:absolute;right:-52px;bottom:-75px;width:180px;height:180px;background:url('assets/menu-join.png') center/contain no-repeat;opacity:.027;pointer-events:none}
.clan-join .cj-requirement__num{position:absolute;top:9px;right:12px;color:rgba(120,86,43,.22);font:700 28px/1 Georgia,serif}
.clan-join .cj-requirement__icon{grid-row:1 / span 2;width:52px;height:52px;display:grid;place-items:center;border:1px solid #a77a38;border-radius:50%;background:radial-gradient(circle,#62451f,#211914 72%);box-shadow:0 0 0 3px #eee0ca,inset 0 0 16px #000;color:#e8c475;font:700 22px/1 Georgia,serif}
.clan-join .cj-requirement__body{min-width:0;padding-right:26px}.clan-join .cj-requirement__body h3{margin:2px 0 9px!important;padding:0 0 8px!important;border:0!important;border-bottom:1px solid rgba(134,103,64,.19)!important;color:#533421!important;font:700 18px/1.2 Georgia,'Times New Roman',serif!important;text-transform:none!important}.clan-join .cj-requirement__body p{margin:0;color:#40372f;font:14px/1.58 Georgia,'Times New Roman',serif}.clan-join .cj-requirement__body a{color:#7e1519!important;text-decoration:underline;text-decoration-color:#bd8b52;text-underline-offset:3px;font-weight:700}
.clan-join .cj-requirement--tax{grid-column:1 / -1;grid-template-columns:58px minmax(0,1fr);min-height:0;border-color:#a88750;background:linear-gradient(110deg,#fff9ef,#e9dbc5)}
.clan-join .cj-tax{margin:14px 0 0;padding:13px 15px;border:1px solid #9e7137;border-left:4px solid #851319;background:linear-gradient(105deg,#2b231d,#171412,#2b231d);box-shadow:inset 0 0 0 1px rgba(235,194,111,.12)}.clan-join .cj-tax__label{display:block;margin:0 0 5px;color:#d5a955;font:700 9px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em}.clan-join .cj-tax p{color:#f0d9ab;font-weight:700}
.clan-join .cj-requirement--final{border-color:#9a743c;background:linear-gradient(115deg,#fff8e9,#efe0c5)}.clan-join .cj-requirement--final .cj-requirement__icon{background:radial-gradient(circle,#7a561f,#24180e 72%);color:#f3d17f}

.clan-join .cj-note{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:19px;padding:16px 18px;border:1px solid #6b4828;border-top:3px double #bd8c46;background:linear-gradient(105deg,#1c1815,#33271f 58%,#171210);box-shadow:inset 0 0 0 1px rgba(225,187,111,.11);color:#eee1ca}.clan-join .cj-note__emblem{width:54px;height:54px;display:grid;place-items:center;border:1px solid #b88a43;border-radius:50%;background:radial-gradient(circle,#5f421f,#211914 70%);color:#edc875;font:700 25px/1 Georgia,serif;box-shadow:0 0 0 3px #15100d,inset 0 0 13px #000}.clan-join .cj-note__copy span{display:block;margin-bottom:3px;color:#c79648;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.clan-join .cj-note__copy strong{display:block;color:#f0d399;font:700 17px/1.2 Georgia,serif}.clan-join .cj-note__copy p{margin:5px 0 0;color:#cdbda7;font:12px/1.45 Georgia,serif}.clan-join .cj-note__button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 16px;border:1px solid #c09249;background:linear-gradient(#8a171d,#5b0c10);box-shadow:inset 0 1px rgba(255,220,154,.18),0 2px 7px rgba(0,0,0,.22);color:#f5d994!important;font:700 11px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;text-shadow:0 1px #35100c;transition:background .18s ease,transform .18s ease}.clan-join .cj-note__button:hover{transform:translateY(-1px);background:linear-gradient(#a31b22,#6d0d13)}

.clan-join .cj-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:17px 24px;border:1px solid #5b3d23;border-top:0;background:linear-gradient(100deg,#1d1916,#2b241e,#171311);color:#c69c55}.clan-join .cj-footer small{color:#d6c4a7;font:700 12px Georgia,serif;letter-spacing:.16em}.clan-join .cj-footer span{font-size:9px}

@media(max-width:980px){.clan-join .cj-hero{grid-template-columns:165px minmax(0,1fr)}.clan-join .cj-hero__art{width:155px}.clan-join .cj-hero__seal{display:none}.clan-join .cj-route{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.clan-join .cj-route a{justify-content:flex-start}.clan-join .cj-note{grid-template-columns:58px minmax(0,1fr)}.clan-join .cj-note__button{grid-column:2;justify-self:start}}
@media(max-width:700px){.clan-join{margin:0}.clan-join .cj-hero{grid-template-columns:105px minmax(0,1fr);gap:15px;min-height:0;padding:22px 18px}.clan-join .cj-hero__art{width:100px}.clan-join .cj-kicker{font-size:10px}.clan-join .cj-hero__copy h2{font-size:30px!important}.clan-join .cj-hero__lead{font-size:13px}.clan-join .cj-content{padding:18px 12px}.clan-join .cj-section-head h3{font-size:21px!important}.clan-join .cj-requirements{grid-template-columns:1fr}.clan-join .cj-requirement--tax{grid-column:auto}.clan-join .cj-requirement{grid-template-columns:48px minmax(0,1fr);gap:11px;min-height:0;padding:16px 13px}.clan-join .cj-requirement__icon{width:44px;height:44px;font-size:18px}.clan-join .cj-requirement__body{padding-right:18px}.clan-join .cj-requirement__body h3{font-size:16px!important}.clan-join .cj-requirement__body p{font-size:13px}.clan-join .cj-note{margin-top:14px;padding:14px 12px}}
@media(max-width:430px){.clan-join .cj-hero{grid-template-columns:1fr;text-align:center}.clan-join .cj-hero__art{display:none}.clan-join .cj-hero__copy h2{font-size:27px!important}.clan-join .cj-route{grid-template-columns:repeat(5,126px)}.clan-join .cj-section-head__mark{display:none}.clan-join .cj-requirement{grid-template-columns:39px minmax(0,1fr);padding:14px 10px}.clan-join .cj-requirement__icon{width:36px;height:36px;font-size:15px;box-shadow:0 0 0 2px #eee0ca,inset 0 0 13px #000}.clan-join .cj-requirement__num{font-size:23px}.clan-join .cj-requirement__body{padding-right:15px}.clan-join .cj-tax{padding:11px 12px}.clan-join .cj-note{grid-template-columns:1fr;text-align:center}.clan-join .cj-note__emblem{margin:auto}.clan-join .cj-note__button{grid-column:1;justify-self:center}}
@media(prefers-reduced-motion:reduce){.clan-join *{scroll-behavior:auto!important;transition:none!important}}