/*
Theme Name: Crawall Journal
Theme URI: https://crawall.com/
Description: Editorial homepage and dynamic guide template for Crawall.
Author: Crawall
Version: 1.0.0
Template: hello-elementor
Text Domain: crawall-journal
*/
:root{--cj-ink:#101524;--cj-muted:#687080;--cj-red:#e5222a;--cj-paper:#f8f7f4;--cj-line:#e7e6e3;--cj-cream:#f1efe8}
.cj-body{margin:0;background:#fff;color:var(--cj-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.cj-body *, .cj-body *:before, .cj-body *:after{box-sizing:border-box}
.cj-body a{text-decoration:none;color:inherit}
.cj-body img{max-width:100%;height:auto}
.cj-shell{width:min(1300px,calc(100% - 80px));margin-inline:auto}
.cj-skip{position:absolute;left:8px;top:-50px;z-index:1000;background:#fff;padding:10px}.cj-skip:focus{top:8px}
.cj-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid var(--cj-line)}
.cj-header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cj-brand{display:inline-flex;align-items:center;gap:5px;font-size:32px;font-weight:800;letter-spacing:-2.2px;white-space:nowrap}
.cj-brand-dot,.cj-accent{color:var(--cj-red)}
.cj-mark{width:31px;height:34px;position:relative;display:inline-block;margin-right:6px}
.cj-mark i{position:absolute;display:block;background:var(--cj-red);border-radius:9px;transform:rotate(28deg)}
.cj-mark i:first-child{width:11px;height:11px;left:0;top:3px}.cj-mark i:last-child{width:11px;height:28px;left:16px;top:5px}
.cj-nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}
.cj-nav a{transition:color .2s}.cj-nav a:hover,.cj-nav a:focus{color:var(--cj-red)}
.cj-header-cta{border:1px solid var(--cj-ink);padding:14px 20px;font-size:12px;font-weight:800;border-radius:3px;transition:background .2s,color .2s}
.cj-header-cta:hover{background:var(--cj-ink);color:#fff}
.cj-header-cta span,.cj-button span,.cj-read span{margin-left:15px}
.cj-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--cj-red)}
.cj-red-line{display:inline-block;width:25px;height:2px;background:var(--cj-red)}
.cj-hero{background:var(--cj-paper);overflow:hidden}
.cj-hero-grid{min-height:615px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.cj-hero-copy{padding:80px 0}.cj-hero h1{font-size:clamp(58px,5.3vw,84px);line-height:1.03;letter-spacing:-5px;margin:28px 0 28px;font-weight:800;max-width:700px}
.cj-hero h1 em,.cj-cta h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;color:var(--cj-red)}
.cj-hero-copy>p{font-size:18px;line-height:1.8;color:#525b6b;max-width:575px;margin:0}
.cj-hero-actions{display:flex;align-items:center;gap:23px;margin-top:36px}.cj-hero-actions>span{font-size:12px;color:var(--cj-muted);max-width:160px;line-height:1.5}
.cj-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:185px;background:var(--cj-red);color:#fff!important;padding:18px 22px;font-size:12px;font-weight:800;letter-spacing:.2px;transition:transform .2s,background .2s}
.cj-button:hover{transform:translateY(-3px);background:#c21720}
.cj-hero-art{height:520px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 0,#fff 35%,transparent 36%);isolation:isolate}
.cj-art-orbit{position:absolute;border:1px solid #dad8d2;border-radius:50%;width:465px;height:465px}.cj-art-orbit-two{width:365px;height:365px;transform:rotate(30deg);border-style:dashed}
.cj-hero-art:before,.cj-hero-art:after{content:'';position:absolute;border-radius:50%;background:var(--cj-red);z-index:2}
.cj-hero-art:before{height:30px;width:30px;top:80px;left:75px}.cj-hero-art:after{height:15px;width:15px;right:60px;bottom:80px}
.cj-art-center{z-index:1;width:310px;height:310px;border-radius:50%;background:var(--cj-ink);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:57px;box-shadow:25px 25px 0 #e7e4dc}
.cj-art-center span{font-size:10px;letter-spacing:2px;font-weight:800;color:#adb4c2}.cj-art-center strong{font-size:52px;line-height:.96;letter-spacing:-3px;margin:22px 0}.cj-art-tag{position:absolute;background:#fff;border:1px solid var(--cj-line);font-size:10px;font-weight:800;letter-spacing:1.4px;padding:14px 17px;z-index:2;box-shadow:0 8px 20px #1015240d}.cj-art-tag-one{right:4px;top:128px}.cj-art-tag-two{left:1px;bottom:125px}
.cj-ticker{background:var(--cj-ink);color:#fff}.cj-ticker .cj-shell{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;font-size:10px;font-weight:800;letter-spacing:2px}.cj-ticker b{color:var(--cj-red);font-size:17px}
.cj-section{padding-top:110px;padding-bottom:125px}.cj-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.cj-section-head h2,.cj-list-head h2{font-size:clamp(42px,4vw,62px);letter-spacing:-3px;line-height:1.1;margin:15px 0}.cj-section-head p{font-size:15px;color:var(--cj-muted);margin:0}
.cj-search{height:49px;width:265px;border-bottom:1px solid var(--cj-ink);display:flex;align-items:center}.cj-search input{border:0!important;box-shadow:none!important;outline:none;background:transparent;font:inherit;font-size:13px;padding:10px 0;min-width:0;flex:1}.cj-search button{border:0;background:transparent;font-size:25px;cursor:pointer}
.cj-featured-label{display:flex;justify-content:space-between;color:var(--cj-red);font-size:10px;font-weight:800;letter-spacing:2px;padding-bottom:13px;border-bottom:1px solid var(--cj-line);margin-bottom:19px}
.cj-card{min-width:0}.cj-card-media{display:block;overflow:hidden;background:#eae9e5;aspect-ratio:1.63}.cj-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.cj-card:hover .cj-card-media img{transform:scale(1.04)}
.cj-image-fallback{height:100%;display:grid;place-content:center;text-align:center;background:#201a31;color:#fff;font-size:32px;font-weight:800;letter-spacing:-2px}.cj-image-fallback span{font-size:10px;color:#74ded1;letter-spacing:2px;margin-top:12px}
.cj-card-body{padding:22px 2px 0}.cj-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:1.4px;color:var(--cj-red)}.cj-meta span:last-child{color:#88909b;font-weight:600}
.cj-card h3{font-size:25px;line-height:1.18;letter-spacing:-1px;margin:16px 0 13px}.cj-card h3 a:hover{color:var(--cj-red)}.cj-card p{font-size:14px;line-height:1.75;color:var(--cj-muted);margin:0 0 18px}.cj-read{font-size:12px;font-weight:800;border-bottom:1px solid var(--cj-ink);padding-bottom:5px}.cj-read:hover{color:var(--cj-red);border-color:var(--cj-red)}
.cj-card-featured{display:grid;grid-template-columns:1.35fr 1fr;background:var(--cj-paper)}.cj-card-featured .cj-card-media{height:100%;aspect-ratio:1.5}.cj-card-featured .cj-card-body{padding:clamp(35px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cj-card-featured .cj-meta{width:100%}.cj-card-featured h3{font-size:clamp(29px,3vw,43px);margin:25px 0 18px}.cj-card-featured p{font-size:15px}.cj-card-featured .cj-read{margin-top:10px}
.cj-list-head{display:flex;align-items:center;justify-content:space-between;margin:82px 0 30px;border-bottom:1px solid var(--cj-line)}.cj-list-head h2{font-size:35px;letter-spacing:-1.5px;margin:0 0 18px}.cj-list-head>span,.cj-list-head>a{font-size:12px;font-weight:800;color:var(--cj-muted)}
.cj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}.cj-empty{background:var(--cj-paper);border-left:4px solid var(--cj-red);padding:55px}.cj-empty>span{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cj-red)}.cj-empty h3{font-size:36px;letter-spacing:-2px;margin:18px 0}.cj-empty p{color:var(--cj-muted);font-size:15px}
.cj-cta{background:var(--cj-red);color:#fff}.cj-cta-inner{padding:78px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.cj-cta .cj-eyebrow{color:#ffddd8}.cj-cta h2{font-size:clamp(36px,4vw,56px);max-width:600px;line-height:1.08;letter-spacing:-2.5px;margin:20px 0}.cj-cta h2 em{color:#fff}.cj-cta p{font-size:15px;line-height:1.7;max-width:560px;color:#ffdfdf}.cj-button-light{background:#fff;color:var(--cj-ink)!important;white-space:nowrap}.cj-button-light:hover{background:var(--cj-ink);color:#fff!important}
.cj-footer{background:var(--cj-ink);color:#fff}.cj-footer-grid{padding:80px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.cj-footer .cj-brand{font-size:30px}.cj-footer p{font-size:13px;color:#aab0bc;line-height:1.8;max-width:300px;margin:20px 0}.cj-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:15px}.cj-footer strong{font-size:11px;letter-spacing:1.8px;color:#fff;text-transform:uppercase;margin-bottom:10px}.cj-footer-grid a:not(.cj-brand){color:#aab0bc;font-size:13px}.cj-footer-grid a:hover{color:#fff}.cj-footer-bottom{border-top:1px solid #313848;padding:24px 0;display:flex;justify-content:space-between;color:#9299a7;font-size:11px}
.cj-single-main{background:#fff}.cj-article-hero{background:var(--cj-paper);padding:52px 0 75px}.cj-breadcrumb{font-size:11px;font-weight:700;color:var(--cj-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:75px}.cj-breadcrumb a:hover{color:var(--cj-red)}.cj-breadcrumb span{margin-left:9px}.cj-article-kicker{display:flex;align-items:center;gap:12px;color:var(--cj-red);font-size:11px;letter-spacing:1.7px;font-weight:800}.cj-article-hero h1{font-size:clamp(48px,6vw,88px);max-width:1050px;line-height:1.04;letter-spacing:-4px;margin:30px 0}.cj-article-excerpt{max-width:760px;color:#596272;font-size:19px;line-height:1.65;margin:0}.cj-article-meta{display:flex;gap:12px;align-items:center;color:#737b88;font-size:12px;font-weight:700;margin-top:32px}.cj-article-cover{margin-top:-25px;position:relative}.cj-article-cover img{width:100%;max-height:620px;object-fit:cover;display:block}.cj-article-layout{display:grid;grid-template-columns:245px minmax(0,720px);gap:75px;justify-content:center;padding-top:85px;padding-bottom:100px}.cj-article-aside{align-self:start;position:sticky;top:30px}.cj-aside-card{border-top:2px solid var(--cj-red);padding-top:25px}.cj-aside-card>span{color:var(--cj-red);font-size:11px;letter-spacing:2px;font-weight:800}.cj-aside-card p{font-size:14px;line-height:1.7;color:var(--cj-muted)}.cj-aside-card a{display:inline-block;margin-top:20px;font-size:12px;font-weight:800}.cj-aside-card a:hover{color:var(--cj-red)}
.cj-prose{font-family:Georgia,serif;font-size:19px;line-height:1.85;color:#282c34;min-width:0}.cj-prose p{margin:0 0 26px}.cj-prose h2{font-family:Arial,Helvetica,sans-serif;font-size:32px;letter-spacing:-1.4px;line-height:1.2;margin:48px 0 20px}.cj-prose h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin:35px 0 17px}.cj-prose a{color:var(--cj-red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.cj-prose ul,.cj-prose ol{padding-left:24px;margin:20px 0 35px}.cj-prose li{padding-left:7px;margin:8px 0}.cj-prose blockquote{margin:40px 0;padding:8px 28px;border-left:3px solid var(--cj-red);background:var(--cj-paper);font-style:italic}.cj-article-end{border-top:1px solid var(--cj-line);margin-top:70px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px}.cj-article-end span{color:var(--cj-muted)}.cj-article-end a{text-decoration:none}.cj-related{padding-bottom:110px;border-top:1px solid var(--cj-line)}.cj-related .cj-list-head{margin-top:55px}.cj-index{padding-top:90px;padding-bottom:120px;min-height:60vh}.cj-index h1{font-size:60px;letter-spacing:-3px;margin:15px 0 50px}.cj-pagination{margin-top:60px}.cj-pagination .nav-links{display:flex;gap:12px}.cj-pagination a,.cj-pagination span{border:1px solid var(--cj-line);padding:9px 14px}
@media(max-width:1050px){.cj-shell{width:min(100% - 48px,1300px)}.cj-nav{gap:18px}.cj-hero-grid{gap:20px}.cj-hero-art{transform:scale(.85)}.cj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-article-layout{grid-template-columns:180px minmax(0,1fr);gap:45px}}
@media(max-width:700px){.cj-shell{width:calc(100% - 38px)}.cj-header-inner{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 0}.cj-brand{font-size:27px}.cj-nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px;gap:23px;white-space:nowrap;font-size:12px}.cj-header-cta{margin-left:auto;padding:10px;font-size:11px}.cj-hero-grid{display:block;min-height:0}.cj-hero-copy{padding:70px 0 48px}.cj-hero h1{font-size:clamp(49px,13vw,72px);letter-spacing:-3.5px}.cj-hero-copy>p{font-size:16px}.cj-hero-art{height:380px;transform:scale(.72);transform-origin:top center;margin-bottom:-90px}.cj-ticker .cj-shell{justify-content:center;gap:13px;flex-wrap:wrap;padding:15px 0}.cj-ticker span{font-size:8px}.cj-section{padding-top:75px;padding-bottom:80px}.cj-section-head{display:block}.cj-section-head h2{font-size:45px}.cj-search{margin-top:30px;width:100%}.cj-card-featured{display:block}.cj-card-featured .cj-card-media{height:auto;aspect-ratio:1.6}.cj-card-featured .cj-card-body{padding:27px}.cj-card-featured h3{font-size:30px}.cj-grid{grid-template-columns:1fr;gap:44px}.cj-card h3{font-size:25px}.cj-list-head{margin-top:65px}.cj-list-head h2{font-size:29px}.cj-cta-inner{display:block;padding:62px 0}.cj-cta h2{font-size:42px}.cj-button-light{margin-top:20px}.cj-footer-grid{grid-template-columns:1fr 1fr;gap:42px;padding:65px 0}.cj-footer-grid>div:first-child{grid-column:1/-1}.cj-article-hero{padding:35px 0 65px}.cj-breadcrumb{margin-bottom:60px}.cj-article-hero h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2.5px}.cj-article-excerpt{font-size:16px}.cj-article-layout{display:block;padding-top:52px;padding-bottom:75px}.cj-article-aside{display:none}.cj-prose{font-size:18px;line-height:1.78}.cj-prose h2{font-size:28px}.cj-article-end{display:block}.cj-article-end a{display:block;margin-top:15px}.cj-index{padding-top:65px}.cj-index h1{font-size:48px}}
@media(max-width:400px){.cj-header-cta{display:none}.cj-art-orbit{width:390px;height:390px}.cj-art-orbit-two{width:300px;height:300px}.cj-hero-art{margin-left:-20px}.cj-hero-actions{display:block}.cj-hero-actions>span{display:block;margin-top:18px}.cj-footer-bottom{display:block}.cj-footer-bottom span{display:block;margin-bottom:8px}}
