.cre8-journal p{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.cre8-journal{color-scheme:dark;--bg:#0c0d0f;--surface:#14161a;--text:#f3f3f4;--muted:#a3a6af;--line:#2b2d33;--blue:#5683ff;--max:1320px;font-family:Arial,Helvetica,sans-serif!important;font-synthesis:none}
.cre8-journal *{box-sizing:border-box}
.cre8-journal{margin:0;background:var(--bg);color:var(--text);font-size:16px!important;line-height:1.5!important}
.cre8-journal a{color:inherit;text-decoration:none}
.cre8-journal button,.cre8-journal input,.cre8-journal select{font:inherit}
.cre8-journal button,.cre8-journal a,.cre8-journal input,.cre8-journal select{-webkit-tap-highlight-color:transparent}
.cre8-journal button{cursor:pointer}
.cre8-journal a:focus-visible,.cre8-journal button:focus-visible,.cre8-journal input:focus-visible,.cre8-journal select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.cre8-journal img{display:block;max-width:100%}
.cre8-journal button{color:inherit}
.cre8-journal button:disabled{cursor:default}
.cre8-journal ::selection{background:#315fcb;color:white}
.cre8-journal .wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}
.cre8-journal .intro{padding:57px 0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.cre8-journal .eyebrow{text-transform:uppercase;font-size:12px!important;letter-spacing:.14em;font-weight:600;color:var(--muted);margin:0 0 14px}
.cre8-journal .intro h1{font-size:clamp(3.5rem,7vw,6.4rem)!important;font-weight:500;letter-spacing:-.065em;line-height:1.03!important;margin:0}
.cre8-journal .intro h1 span{color:var(--blue)}
.cre8-journal .intro-copy{color:var(--muted);max-width:305px;margin:0 0 6px;font-size:16px!important;line-height:1.7!important}
.cre8-journal .feature{display:grid;grid-template-columns:1.42fr 1fr;min-height:405px;background:var(--surface);border-radius:6px;overflow:hidden}
.cre8-journal .feature-visual{position:relative;overflow:hidden;min-height:360px;background:#030707}
.cre8-journal .feature-visual img{height:100%;width:100%;object-fit:cover;transition:transform .6s}
.cre8-journal .feature:hover .feature-visual img{transform:scale(1.025)}
.cre8-journal .feature-label{position:absolute;left:24px;top:23px;padding:7px 11px;background:#0b0d10df;font-size:12px!important;text-transform:uppercase;letter-spacing:.09em;border:1px solid #5d656b80;border-radius:3px}
.cre8-journal .feature-copy{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}
.cre8-journal .meta{font-size:12px!important;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cre8-journal .meta .category{color:#94adff}
.cre8-journal .sep{color:#676b77}
.cre8-journal .feature h2{font-size:clamp(1.8rem,2.65vw,2.5rem)!important;font-weight:500;letter-spacing:-.035em;line-height:1.17!important;margin:20px 0 16px;max-width:450px}
.cre8-journal .feature-copy p{color:var(--muted);font-size:15px!important;line-height:1.7!important;margin:0 0 26px}
.cre8-journal .read-link{display:flex;align-items:center;gap:18px;font-size:14px!important}
.cre8-journal .round-arrow{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #555b65;border-radius:50%;font-size:20px!important;transition:background .2s,border-color .2s}
.cre8-journal .feature:hover .round-arrow{background:#285be0;border-color:#285be0}
.cre8-journal .library{padding:64px 0 80px}
.cre8-journal .library-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.cre8-journal .library h2{font-size:26px!important;font-weight:500;letter-spacing:-.03em;margin:0}
.cre8-journal .search-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:4px;padding:0 14px;gap:12px;width:270px;min-height:45px}
.cre8-journal .search-field svg{width:18px;height:18px;flex:none;color:var(--muted)}
.cre8-journal .search-field input{background:transparent;border:0;width:100%;color:var(--text);padding:11px 0;font-size:14px!important;min-width:0;outline:none}
.cre8-journal .search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.cre8-journal .search-field input::placeholder{color:#969aa5}
.cre8-journal .filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 32px}
.cre8-journal .filter{border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:14px!important;padding:9px 14px;min-height:42px;transition:background .2s,color .2s}
.cre8-journal .filter:hover{background:#1d2027;color:var(--text)}
.cre8-journal .filter[aria-pressed=true]{background:#eef1f7;color:#0c0d0f}
.cre8-journal .filter span{margin-left:7px;color:#696d78;font-size:12px!important}
.cre8-journal .results-count{font-size:13px!important;color:var(--muted);margin:0 0 22px}
.cre8-journal .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 25px}
.cre8-journal .card{min-width:0}
.cre8-journal .card-link{display:block}
.cre8-journal .card-image{aspect-ratio:1.69;overflow:hidden;background:var(--surface);border-radius:5px;margin:0 0 19px;position:relative}
.cre8-journal .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .4s}
.cre8-journal .card-link:hover .card-image img{transform:scale(1.04);opacity:.88}
.cre8-journal .card-image .card-arrow{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;width:33px;height:33px;background:#08090baa;border:1px solid #ffffff50;border-radius:50%;font-size:18px!important}
.cre8-journal .card h3{font-size:22px!important;line-height:1.28!important;letter-spacing:-.02em;font-weight:500;margin:12px 0}
.cre8-journal .card-link:hover h3{color:#b6c8ff}
.cre8-journal .card .date{font-size:13px!important;color:var(--muted);margin-top:15px}
.cre8-journal .load-area{display:flex;justify-content:center;margin-top:46px}
.cre8-journal .load-more,.cre8-journal .reset-button{border:1px solid #555b65;border-radius:4px;background:transparent;padding:12px 25px;font-size:14px!important;min-height:46px}
.cre8-journal .load-more:hover,.cre8-journal .reset-button:hover{background:var(--surface);border-color:var(--blue)}
.cre8-journal .empty{padding:55px 20px;text-align:center;border-top:1px solid var(--line)}
.cre8-journal .empty h3{font-size:24px!important;font-weight:500}
.cre8-journal .empty p{color:var(--muted)}
.cre8-journal [hidden]{display:none!important}
.cre8-journal .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cre8-journal .cover-crop img{height:190%;object-fit:cover;object-position:center top}
.cre8-journal .article-top{padding-top:35px}
.cre8-journal .back-link{display:inline-flex;align-items:center;gap:13px;font-size:14px!important;color:var(--muted);min-height:44px}
.cre8-journal .back-link:hover{color:var(--text)}
.cre8-journal .article-heading{max-width:950px;padding:40px 0 35px;margin:auto}
.cre8-journal .article-heading h1{font-size:clamp(2.2rem,4.5vw,3.9rem)!important;line-height:1.08!important;letter-spacing:-.045em;font-weight:500;margin:23px 0}
.cre8-journal .byline{display:flex;gap:12px;flex-wrap:wrap;font-size:14px!important;color:var(--muted);margin:25px 0 0}
.cre8-journal .article-hero{max-width:1050px;aspect-ratio:2.05;overflow:hidden;margin:0 auto 62px;border-radius:5px;background:var(--surface)}
.cre8-journal .article-hero img{width:100%;height:100%;object-fit:cover}
.cre8-journal .article-hero.cover-crop img{height:190%;object-position:top}
.cre8-journal .prose{max-width:740px;width:calc(100% - 48px);margin:auto;color:#c6c8cf;font-size:18px!important;line-height:1.85!important;overflow-wrap:anywhere}
.cre8-journal .prose>p:first-of-type{font-size:21px!important;color:#ebecef;line-height:1.7!important}
.cre8-journal .prose p{margin:0 0 1.4em}
.cre8-journal .prose h2,.cre8-journal .prose h3,.cre8-journal .prose h4,.cre8-journal .prose h5,.cre8-journal .prose h6{font-weight:500;color:var(--text);line-height:1.3!important;letter-spacing:-.025em;margin:2em 0 .7em}
.cre8-journal .prose h2{font-size:30px!important}
.cre8-journal .prose h3,.cre8-journal .prose h4{font-size:24px!important}
.cre8-journal .prose h5,.cre8-journal .prose h6{font-size:21px!important}
.cre8-journal .prose h2 strong,.cre8-journal .prose h3 strong{font-weight:500}
.cre8-journal .prose a{color:#98b3ff;text-decoration:underline;text-underline-offset:4px}
.cre8-journal .prose a:hover{color:#c6d5ff}
.cre8-journal .prose img{border-radius:4px;width:100%;height:auto;margin:28px auto}
.cre8-journal .prose figure{margin:32px 0}
.cre8-journal .prose figure figure{margin:20px 0}
.cre8-journal .prose figcaption{font-size:13px!important;line-height:1.5!important;color:var(--muted);margin-top:-10px}
.cre8-journal .prose blockquote{border-left:2px solid var(--blue);padding-left:24px;margin:35px 0;color:var(--text)}
.cre8-journal .prose table{display:block;overflow-x:auto;width:100%}
.cre8-journal .prose td,.cre8-journal .prose th{padding:12px;border-bottom:1px solid var(--line)}
.cre8-journal .prose li{margin:.5em 0}
.cre8-journal .prose ul,.cre8-journal .prose ol{padding-left:25px}
.cre8-journal .prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.cre8-journal .related{border-top:1px solid var(--line);margin-top:70px;padding:42px 0 75px}
.cre8-journal .related-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.cre8-journal .related-heading h2{font-size:27px!important;font-weight:500;letter-spacing:-.03em;margin:0}
.cre8-journal .related-heading a{font-size:14px!important;color:var(--muted)}
@media(min-width:1600px){.cre8-journal .intro{padding-top:70px}
.cre8-journal .feature{min-height:460px}
.cre8-journal .feature-copy{padding:48px}}
@media(max-width:1050px){.cre8-journal .wrap{width:calc(100% - 64px)}
.cre8-journal .feature{grid-template-columns:1.2fr 1fr}
.cre8-journal .feature-copy{padding:28px}
.cre8-journal .feature-copy p{font-size:14px!important}
.cre8-journal .card h3{font-size:20px!important}
.cre8-journal .intro h1{font-size:5rem!important}
.cre8-journal .filters{gap:2px}
.cre8-journal .filter{padding:9px 11px}}
@media(max-width:760px){.cre8-journal .wrap{width:calc(100% - 40px)}
.cre8-journal .intro{padding:36px 0 28px;display:block}
.cre8-journal .intro h1{font-size:4.2rem!important}
.cre8-journal .intro-copy{margin:18px 0 0;max-width:360px;font-size:15px!important}
.cre8-journal .eyebrow{font-size:12px!important}
.cre8-journal .feature{grid-template-columns:1fr}
.cre8-journal .feature-visual{min-height:0;aspect-ratio:1.75}
.cre8-journal .feature-copy{padding:25px}
.cre8-journal .feature h2{font-size:1.85rem!important;margin:15px 0}
.cre8-journal .feature-copy p{font-size:15px!important}
.cre8-journal .feature-label{left:16px;top:16px}
.cre8-journal .library{padding:42px 0 54px}
.cre8-journal .library-title{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:20px}
.cre8-journal .library h2{font-size:24px!important}
.cre8-journal .search-field{width:100%}
.cre8-journal .filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:9px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#44474f transparent}
.cre8-journal .filter{white-space:nowrap;flex:none}
.cre8-journal .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
.cre8-journal .card h3{font-size:19px!important}
.cre8-journal .card .meta{font-size:12px!important;gap:6px}}
@media(max-width:760px){.cre8-journal .article-top{padding-top:20px}
.cre8-journal .article-heading{padding-top:28px}
.cre8-journal .article-heading h1{font-size:2.4rem!important}
.cre8-journal .article-hero{margin-bottom:35px;aspect-ratio:1.7}
.cre8-journal .prose{font-size:17px!important;width:calc(100% - 40px);line-height:1.8!important}
.cre8-journal .prose>p:first-of-type{font-size:19px!important}
.cre8-journal .prose h2{font-size:26px!important}
.cre8-journal .prose h3,.cre8-journal .prose h4{font-size:22px!important}
.cre8-journal .related{margin-top:45px}
.cre8-journal .related-heading h2{font-size:24px!important}}
@media(max-width:480px){.cre8-journal .card-grid{grid-template-columns:1fr;gap:35px}
.cre8-journal .card h3{font-size:22px!important;max-width:350px}
.cre8-journal .card-image{margin-bottom:15px}
.cre8-journal .intro h1{font-size:3.65rem!important}
.cre8-journal .feature h2{font-size:1.8rem!important}
.cre8-journal .feature-copy{padding:24px}
.cre8-journal .meta{font-size:12px!important}
.cre8-journal .card .date{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.cre8-journal *,.cre8-journal *::before,.cre8-journal *::after{animation:none!important;transition:none!important}}
.cre8-journal{display:block;width:100%;max-width:none;margin:0;padding:96px 0 0;background:#0c0d0f;color:#f3f3f4;overflow-x:clip;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;isolation:isolate}
/* The unchanged theme navigation has a 200px hit area. Keep article controls below it. */
.cre8-journal[data-journal-page="article"]{padding-top:200px}
.cre8-journal h1,.cre8-journal h2,.cre8-journal h3,.cre8-journal h4,.cre8-journal h5,.cre8-journal h6{font-family:Arial,Helvetica,sans-serif!important;color:var(--text);text-transform:none}
.cre8-journal .hidden,.cre8-journal .animate__animated{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}
.cre8-journal .reveal-text{display:block;isolation:auto}
.cre8-journal .reveal-clone{display:none!important}
.cre8-journal .reveal-base{display:inline!important;position:static!important;width:auto!important;height:auto!important;color:inherit!important;font:inherit!important;text-shadow:none!important}
.cre8-journal .card{display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none;max-width:none;word-wrap:normal}
.cre8-journal a{box-shadow:none}
.cre8-journal .meta{position:static;opacity:1}
.cre8-journal .prose .wp-block-image img{max-width:100%;height:auto}
.cre8-journal .prose p,.cre8-journal .prose li{font-size:18px!important;line-height:1.85!important}
.cre8-journal .prose span{line-height:inherit!important}
.cre8-journal .prose iframe,.cre8-journal .prose video{max-width:100%}
.cre8-journal .prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.cre8-journal .prose .wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px}
.cre8-journal .prose .wp-block-gallery>figure{flex:1 1 280px;margin:0}
.cre8-journal .prose h2 span,.cre8-journal .prose h3 span{font-weight:inherit!important}
.cre8-journal .prose>div{max-width:100%}
.cre8-journal .prose pre{overflow-x:auto}
.cre8-journal .comments-area{margin-top:50px}
.cre8-journal .comments-area input:not([type=checkbox]),.cre8-journal .comments-area textarea,.cre8-journal .post-password-form input{max-width:100%;background:#16181d;border:1px solid #555b65;border-radius:4px;color:#f3f3f4;padding:10px}
.cre8-journal .comments-area label{display:block;font-size:14px}
.cre8-journal .comments-area input[type=submit]{cursor:pointer;padding:12px 24px}
.cre8-journal .prose [class*=wp-block-embed]{max-width:100%}
@media(max-width:760px){.cre8-journal{padding-top:80px}.cre8-journal .prose p,.cre8-journal .prose li{font-size:17px!important;line-height:1.8!important}}