.cosplay-journal{font-family:"Outfit",sans-serif;background:#fbf8fc;color:#1b1421}.cosplay-journal *{box-sizing:border-box}.cosplay-journal a:focus-visible,.cosplay-journal button:focus-visible,.cosplay-journal input:focus-visible{outline:3px solid #ffcf5d;outline-offset:3px}.cosplay-journal .container{max-width:1180px}.cos-journal-hero{position:relative;isolation:isolate;background:#0a0610;color:#fff;padding:125px 0 125px;overflow:hidden}.cos-journal-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgb(9 5 14 / .98),rgb(15 5 24 / .91) 52%,rgb(19 7 29 / .40)),url(https://www.cosplaydjs.com/wp-content/uploads/2026/10/Cosplay-DJs-—-DJ-performance-hero.jpg) center/cover}.cos-journal-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#f902a0,#5e1078);width:100%}.cos-journal-kicker{display:block;font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:850;color:#9d268a;margin-bottom:18px}.cos-journal-hero .cos-journal-kicker{color:#ff9bdb}.cos-journal-hero h1{color:#fff;font-size:clamp(3rem,6.5vw,6rem);max-width:850px;font-weight:900;letter-spacing:-.055em;line-height:1.02;margin:0 0 25px}.cos-journal-hero h1 em{font-style:normal;color:#ffa7de}.cos-journal-hero p{max-width:670px;color:#eee2f1;font-size:1.23rem;line-height:1.65;margin:0 0 30px}.cos-journal-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.cos-journal-button{background:linear-gradient(115deg,#f902a0,#9c127e);color:#fff;display:inline-flex;align-items:center;gap:12px;border-radius:100px;min-height:48px;padding:13px 23px;text-decoration:none;font-weight:750}.cos-journal-button:hover{background:#90237d;color:#fff;text-decoration:none}.cos-journal-subtle{color:#fff;text-decoration:underline;text-underline-offset:5px;font-weight:650}.cos-journal-subtle:hover{color:#ff9bdb}.cos-journal-section{padding:90px 0 105px}.cos-journal-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;border-bottom:1px solid #eadfed;padding-bottom:28px}.cos-journal-intro h2{font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em;color:#1d1422;margin:0;font-weight:850}.cos-journal-search{width:min(100%,365px)}.cos-journal-search label{display:block;font-size:.85rem;font-weight:750;margin:0 0 9px}.cos-journal-search-control{display:flex;border:1px solid #d4c8d8;border-radius:10px;overflow:hidden;background:#fff}.cos-journal-search-control input{width:100%;min-width:0;padding:11px 13px;color:#29202f;border:0;background:#fff}.cos-journal-search-control button{border:0;background:#3c1946;color:#fff;padding:11px 17px;font-weight:750;cursor:pointer}.cos-journal-categories{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 12px}.cos-journal-categories a{padding:9px 15px;border:1px solid #dfcfe3;background:#fff;border-radius:100px;color:#501c58;font-size:.84rem;font-weight:730;text-decoration:none}.cos-journal-categories a:hover{background:#4c1c57;color:#fff}.cos-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:37px}.cos-journal-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #eee3f0;border-radius:17px;overflow:hidden;box-shadow:0 16px 35px rgb(27 10 30 / .06)}.cos-journal-card:first-child{grid-column:span 2;grid-row:span 2}.cos-journal-cover{display:block;height:240px;overflow:hidden;background:#161021}.cos-journal-card:first-child .cos-journal-cover{height:390px}.cos-journal-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cos-journal-cover:hover img{transform:scale(1.04)}.cos-journal-placeholder{width:100%;height:100%;min-height:100px;display:grid;place-items:center;color:#ffb6e1;background:radial-gradient(ellipse at 70% 45%,#612568,#21132b 65%,#0e0a18)}.cos-journal-placeholder span{font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;font-weight:750}.cos-journal-card-body{padding:27px;display:flex;flex-direction:column;flex:1}.cos-journal-category{text-transform:uppercase;font-size:.70rem;letter-spacing:.15em;font-weight:830;color:#8b2a80;margin-bottom:10px}.cos-journal-card h3{font-weight:840;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.18;margin:0 0 15px}.cos-journal-card:first-child h3{font-size:clamp(1.8rem,2.7vw,2.7rem)}.cos-journal-card h3 a{color:#1e1724;text-decoration:none}.cos-journal-card h3 a:hover{color:#8d267f}.cos-journal-card-body>p{line-height:1.65;color:#62586a;margin:0 0 20px}.cos-journal-card-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:17px;border-top:1px solid #eee5ef;font-size:.84rem}.cos-journal-card-bottom time{color:#766d7b}.cos-journal-card-bottom a{color:#842879;font-weight:800}.cos-journal-pagination{margin:48px 0 0;text-align:center}.cos-journal-pagination .nav-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.cos-journal-pagination .page-numbers{padding:9px 15px;border-radius:7px;background:#fff;border:1px solid #dfd0e2;color:#501f56;text-decoration:none}.cos-journal-pagination .page-numbers.current{background:#501f56;color:#fff}.cos-journal-empty{text-align:center;max-width:680px;margin:45px auto 10px;background:#fff;border:1px solid #eee3f0;border-radius:18px;padding:52px 35px}.cos-journal-empty h3{font-size:1.8rem;margin:0 0 15px}.cos-journal-empty p{color:#5e5564;line-height:1.6}@media(max-width:1000px){.cos-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cos-journal-card:first-child{grid-column:span 2;grid-row:auto}.cos-journal-card:first-child .cos-journal-cover{height:340px}}@media(max-width:700px){.cos-journal-hero{padding:85px 0 95px}.cos-journal-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.cos-journal-intro{display:block}.cos-journal-search{margin-top:28px;width:100%}.cos-journal-section{padding:65px 0}.cos-journal-grid{grid-template-columns:1fr}.cos-journal-card:first-child{grid-column:auto}.cos-journal-card:first-child .cos-journal-cover{height:255px}.cos-journal-card h3,.cos-journal-card:first-child h3{font-size:1.57rem}.cos-journal-hero-actions{align-items:stretch;flex-direction:column}.cos-journal-button{justify-content:center}.cos-journal-subtle{text-align:center}}@media(max-width:430px){.cosplay-journal .container{padding-inline:16px}.cos-journal-hero h1{font-size:2.54rem}.cos-journal-cover{height:225px}}