@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("./fonts/manrope-latin.woff2") format("woff2")}@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600 800;font-display:swap;src:url("./fonts/barlow-condensed-700-latin.woff2") format("woff2")}
body.portal-page { background:#f6f3ef !important; color:#111; font-family:"Manrope",Arial,sans-serif !important; }
.portal-page #root { min-height:65vh; }
.portal-page #root > div > div[class~="pb-20"] { background:#f6f3ef !important; color:#111 !important; padding-bottom:90px !important; }
.portal-page #root > div > div[class~="pb-20"] > div:first-child { position:relative !important; top:auto !important; z-index:10 !important; background:#f6f3ef !important; box-shadow:none !important; border-bottom:1px solid #ded8d1; }
.portal-page #root > div > div[class~="pb-20"] > div:nth-child(2),.portal-page #root .portal-hits-hero { padding:82px 24px 105px !important; background:#623038 !important; position:relative; overflow:hidden; }
.portal-page #root > div > div[class~="pb-20"] > div:nth-child(2)::after { content:"♪"; position:absolute; right:-20px; top:-120px; color:rgba(255,102,128,.18); font-family:"Barlow Condensed",sans-serif; font-size:24rem; line-height:1; transform:rotate(-8deg); }
.portal-page #root h1,.portal-page #root h2,.portal-page #root h3 { font-family:"Barlow Condensed",sans-serif !important; text-transform:uppercase; letter-spacing:-.015em; }
.portal-page #root > div > div[class~="pb-20"] > div:nth-child(2) h1 { position:relative; z-index:1; font-size:clamp(3.6rem,8vw,7rem) !important; line-height:.88 !important; margin-bottom:18px !important; }
.portal-page #root > div > div[class~="pb-20"] > div:nth-child(2) p { position:relative; z-index:1; max-width:690px !important; font-size:1.05rem; }
.portal-page #root > div > div[class~="pb-20"] > div:nth-child(3) { width:min(1180px,calc(100% - 48px)) !important; margin-top:-48px !important; padding-left:0 !important; padding-right:0 !important; position:relative; z-index:2; }
.portal-page #root .portal-admin-entry { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 13px; border:1px solid #ded8d1; background:#fff; color:#623038; font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.portal-page #root .portal-admin-entry:hover,.portal-page #root .portal-admin-entry:focus-visible { border-color:#e65f78; color:#8f2f42; background:#fbfafa; outline:none; }
.portal-page #root .portal-hits-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.portal-page #root .portal-hit-card { min-width:0; }
.portal-page #root .portal-hit-cover { aspect-ratio:1/1; }
.portal-page #root .portal-hit-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.portal-page #root [class*="rounded-2xl"][class*="shadow-xl"] { border:1px solid #e7e0d9; border-radius:0 !important; box-shadow:0 16px 44px rgba(18,15,13,.12) !important; }
.portal-page #root [class*="rounded-2xl"][class*="shadow-xl"] img { aspect-ratio:4/5; }
.portal-page #root [class~="text-[#df6977]"] { color:#e84968 !important; }
.portal-page #root [class~="bg-[#df6977]"] { background:#ff6680 !important; }
.portal-page #root [class*="rounded-3xl"] { border-radius:0 !important; }
.portal-page #root a[href*="youtube.com"],.portal-page #root a[href*="youtu.be"],.portal-page #root div:has(iframe[src*="youtube.com"]) { display:none !important; }
.portal-page #root div:has(> label.text-red-600) { display:none !important; }
.portal-site-footer { position:relative; z-index:5; }
@media (max-width:980px) { .portal-page #root .portal-hits-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:780px) { .portal-page #root > div > div[class~="pb-20"] > div:nth-child(2),.portal-page #root .portal-hits-hero { padding:62px 18px 92px !important; } .portal-page #root > div > div[class~="pb-20"] > div:nth-child(3) { width:min(100% - 28px,650px) !important; } .portal-page #root .portal-hits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:520px) { .portal-page #root .portal-hits-grid { grid-template-columns:1fr; } .portal-page #root .portal-admin-entry { font-size:.72rem; } }
@media (max-width:420px) { .portal-page #root > div > div[class~="pb-20"] > div:nth-child(2) h1 { font-size:clamp(3rem,16vw,4.6rem) !important; overflow-wrap:anywhere; } }