/* Hellthy Junk Food — design system.
   1) base  2) approved design CSS (handoff/design/hjf.css)  3) per-template extras from the previews
   4) Elementor adapter (design classes on widget wrappers)  5) theme components  6) print */

/* ---------------------------------------------------------------- 1. base (replaces Hello's reset) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;min-height:100vh}
img,svg,video{display:block;max-width:100%;height:auto}
svg{flex:none}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid #FF6B1A;outline-offset:3px;border-radius:4px}
.screen-reader-text,.elementor-screen-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.skip-link:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100000;background:#FF6B1A;color:#0A0D14;padding:10px 16px;border-radius:999px;font-weight:700}

/* ---------------------------------------------------------------- 2. approved design CSS */
:root,.hj{--acc:#FF6B1A;--blu:#2E6BFF}
body{margin:0;background:#07090F}
*{box-sizing:border-box}
img{display:block;max-width:100%}
.hj{--bg:#07090F;--s1:#0D1322;--s2:#131B2E;--s3:#1B2640;--ln:#24314C;--tx:#F4F1EA;--mu:#A2ADC0;--navy:#0B2A6B;
  --fd:'Bricolage Grotesque','Bricolage Grotesque Variable',system-ui,sans-serif;--fs:'Instrument Serif',Georgia,serif;--fm:'Space Mono',ui-monospace,monospace;
  background:var(--bg);color:var(--tx);font-family:var(--fd);font-size:17px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
.hj a{color:inherit;text-decoration:none}
:where(.hj) button{background:none;color:inherit;font:inherit;border:0;padding:0}
.hj h1,.hj h2,.hj h3,.hj h4{text-wrap:balance;margin:0;font-weight:800;font-stretch:82%;letter-spacing:-0.02em;line-height:.98}
.hj p,.hj li{text-wrap:pretty}
.hj p{margin:0}
.nw{white-space:nowrap}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.sec{padding:clamp(64px,8vw,112px) 0}
.ser{font-family:var(--fs);font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-0.01em}
.acc{color:var(--acc)}
.eyebrow{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:10px}
.eyebrow.blu{color:#8FB0FF}
.dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 25%,transparent)}
.h-xl{font-size:clamp(46px,6.6vw,104px)}
.h-lg{font-size:clamp(38px,4.6vw,68px)}
.h-md{font-size:clamp(28px,3vw,42px)}
.h-sm{font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-0.01em;font-stretch:90%}
.lede{font-size:clamp(18px,1.4vw,20px);color:var(--mu);max-width:60ch}
.muted{color:var(--mu)}
.mono{font-family:var(--fm);font-size:12px;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:16px;line-height:1.1;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;font-family:var(--fd)}
.btn:hover{transform:translateY(-2px)}
.btn-acc{background:var(--acc);color:#0A0D14 !important}
.btn-acc:hover{background:#FF8A47}
.btn-blu{background:var(--blu);color:#fff !important}
.btn-ghost{border-color:rgba(244,241,234,.28);color:var(--tx)}
.btn-ghost:hover{border-color:var(--tx)}
.btn-sm{min-height:44px;padding:10px 18px;font-size:15px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tx);border-bottom:1.5px solid var(--acc);padding-bottom:2px}
.link:hover{color:var(--acc)}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--ln);color:var(--mu);white-space:nowrap}
.chip.on{background:var(--tx);border-color:var(--tx);color:#07090F}
.chip.hot{background:var(--acc);border-color:var(--acc);color:#0A0D14}
.card{background:var(--s1);border:1px solid var(--ln);border-radius:20px;overflow:hidden}
.thumb{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--s2);aspect-ratio:16/9}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.thumb:hover img{transform:scale(1.04)}
.thumb .pb{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(7,9,15,.72);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.2)}
.thumb .pb.c{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:84px;height:84px;background:var(--acc);color:#0A0D14;border:0}
.vt{font-weight:700;font-size:18px;line-height:1.25;letter-spacing:-0.005em;margin-top:14px;text-wrap:pretty}
.vm{font-family:var(--fm);font-size:12px;color:var(--mu);margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}
.vcard:hover .vt{color:var(--acc)}
.rays{background:repeating-conic-gradient(from 0deg at 50% 55%,rgba(120,160,255,.0) 0deg 5deg,rgba(120,160,255,.12) 5deg 10deg),radial-gradient(ellipse at 50% 55%,#3D7BFF 0%,#1446B8 22%,#0B2A6B 48%,#07090F 82%)}
.grain{position:relative}
.ln-t{border-top:1px solid var(--ln)}
.g2{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.g6{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}
.split{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.input{min-height:52px;border-radius:999px;border:1.5px solid var(--ln);background:var(--s1);color:var(--tx);padding:0 22px;font:inherit;font-size:16px;min-width:0;flex:1}
.input::placeholder{color:#7D889C}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.field .input{border-radius:14px}
textarea.input{padding:14px 18px;min-height:140px;resize:vertical}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.annc{background:var(--acc);color:#0A0D14;font-weight:700;font-size:14px}
.annc .wrap{display:flex;justify-content:center;align-items:center;gap:14px;min-height:40px;text-align:center;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.annc a{text-decoration:underline;text-underline-offset:3px}
.hdr{position:sticky;top:0;z-index:20;background:rgba(7,9,15,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:10px 14px;border-radius:999px;font-weight:600;font-size:16px;color:var(--mu)}
.nav a:hover,.nav a.on{color:var(--tx);background:var(--s2)}
.hdr-r{display:flex;align-items:center;gap:10px}
.ibtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ln);color:var(--tx);background:transparent}
.menu-btn{display:none !important}
.soc{display:flex;gap:10px;flex-wrap:wrap}
.soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--s2);border:1px solid var(--ln);color:var(--tx)}
.soc a:hover{background:var(--acc);color:#0A0D14;border-color:var(--acc)}
.ftr{border-top:1px solid var(--ln);padding:72px 0 28px;background:#05070C}
.ftr-g{display:grid;gap:40px;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}
.ftr h4{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:16px;font-stretch:100%}
.ftr nav{display:flex;flex-direction:column;gap:10px}
.ftr nav a{color:var(--mu);font-weight:600}
.ftr nav a:hover{color:var(--tx)}
.wordmark{font-weight:800;font-stretch:75%;font-size:clamp(40px,15.4vw,226px);line-height:.86;letter-spacing:-0.035em;margin:56px 0 24px;color:#141D33;white-space:nowrap;overflow:hidden}
.legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ln);padding-top:22px;font-family:var(--fm);font-size:12px;color:var(--mu)}
.nl{border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;overflow:hidden;position:relative}
.nl form{display:flex;gap:10px;flex-wrap:wrap}
.tt{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:var(--s2)}
.tt img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.tt:hover img{transform:scale(1.04)}
.tt .ov{position:absolute;inset:auto 0 0 0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(5,7,12,.92));display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px;font-stretch:85%}
.logo-cell{display:grid;place-items:center;height:96px;border-radius:16px;background:#ECE8E0;padding:18px 22px}
.logo-cell img{max-height:48px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.9}
.row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--ln)}
.row:hover .vt{color:var(--acc)}
.row .vt{margin-top:0}
.stat{padding:28px;border-radius:20px;background:var(--s1);border:1px solid var(--ln);display:flex;flex-direction:column;gap:6px}
.stat .n{font-weight:800;font-stretch:78%;font-size:clamp(48px,5vw,76px);line-height:.9;letter-spacing:-0.03em}
.stat .k{display:flex;align-items:center;gap:10px;font-weight:700}
.crumbs{font-family:var(--fm);font-size:12px;color:var(--mu);display:flex;gap:8px;flex-wrap:wrap;letter-spacing:.04em}
.crumbs a:hover{color:var(--tx)}
@media (max-width:1100px){.nav{display:none}.menu-btn{display:grid !important}.g6{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr-g{grid-template-columns:repeat(3,minmax(0,1fr))}.ftr-g>:first-child{grid-column:1/-1}}
@media (max-width:900px){.split,.g2,.nl{grid-template-columns:minmax(0,1fr)}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-md{display:none !important}}
@media (max-width:600px){.g3,.g4{grid-template-columns:minmax(0,1fr)}.g6{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr-g{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:120px minmax(0,1fr);gap:14px}.row .vt{font-size:16px}.hide-sm{display:none !important}.hdr .wrap{min-height:68px}.hdr .btn{display:none}.hj form .btn{width:100%;justify-content:center}.sec-head{margin-bottom:28px}}

/* template: video */
.post-g{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.side{position:sticky;top:104px;display:flex;flex-direction:column;gap:20px}
.stop{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-radius:18px;background:var(--s1);border:1px solid var(--ln)}
.stop:hover{border-color:var(--acc)}
.stop .num{font-weight:800;font-stretch:78%;font-size:44px;line-height:1;color:var(--acc)}
.ts{font-family:var(--fm);font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px;background:var(--s3);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.slot{border:1.5px dashed #3A4A6D;border-radius:14px;padding:14px 16px;color:var(--mu);font-size:15px;margin-top:12px}
.slot b{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8FB0FF;display:block;margin-bottom:4px}
.mini{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.mini .vt{font-size:15px;margin-top:0}
@media (max-width:1100px){.post-g{grid-template-columns:minmax(0,1fr)}.side{position:static}}
@media (max-width:600px){.stop{grid-template-columns:48px minmax(0,1fr);padding:16px}.stop .num{font-size:34px}.stop .ts{grid-column:2;justify-self:start}}

/* template: recipe */
.rc{background:#F4F1EA;color:#141821;border-radius:28px;overflow:hidden}
.rc .muted{color:#5B6270}
.rc-head{background:#0B2A6B;color:#F4F1EA;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}
.rc-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1.5px solid #D9D3C6}
.rc-meta div{padding:18px clamp(16px,3vw,32px);border-right:1.5px solid #D9D3C6}
.rc-meta div:last-child{border-right:0}
.rc-meta b{display:block;font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5B6270;font-weight:700}
.rc-meta span{font-weight:800;font-size:22px;font-stretch:85%}
.rc-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0}
.rc-ing{padding:clamp(24px,3.5vw,40px);border-right:1.5px solid #D9D3C6}
.rc-steps{padding:clamp(24px,3.5vw,40px)}
.ing-g h4{font-family:var(--fm);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#B5420A;margin:26px 0 10px;font-stretch:100%}
.ing{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #E3DDD0;font-size:16px;line-height:1.4;cursor:pointer}
.ing input{width:20px;height:20px;margin:1px 0 0;accent-color:#FF6B1A;flex:none}
.step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid #E3DDD0}
.step:last-child{border-bottom:0}
.step .n{width:44px;height:44px;border-radius:50%;background:#141821;color:#F4F1EA;display:grid;place-items:center;font-weight:800}
.step h3{font-size:22px;font-stretch:88%;letter-spacing:-0.01em}
.step p{margin-top:6px;color:#2E3440}
.tip{margin-top:12px;background:#FFE4D2;border-radius:14px;padding:14px 16px;font-size:15px}
.nut{border:2px solid #141821;border-radius:12px;padding:14px 16px;margin-top:30px;font-size:15px}
.nut .r{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #C9C2B4}
.nut .r.flag span:last-child{color:#B5420A;font-weight:700}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tools span,.tools a{border:1.5px solid #D9D3C6;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}
.cal{position:absolute;border-radius:999px;padding:12px 18px;font-weight:800;font-stretch:85%;line-height:1;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.cal small{display:block;font-family:var(--fm);font-size:10px;letter-spacing:.1em;margin-top:4px;font-weight:700}
@media (max-width:900px){.rc-cols{grid-template-columns:minmax(0,1fr)}.rc-ing{border-right:0;border-bottom:1.5px solid #D9D3C6}.rc-meta{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.rc-meta div:nth-child(2){border-right:0}.rc-meta div:nth-child(-n+2){border-bottom:1.5px solid #D9D3C6}}
@media (max-width:600px){.cal{display:none}}

/* template: series */
.ep{display:grid;grid-template-columns:72px 320px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--ln)}
.ep:hover .vt{color:var(--acc)}
.ep .num{font-weight:800;font-stretch:75%;font-size:56px;line-height:1;color:#2C3A59}
.ep:hover .num{color:var(--acc)}
.ep .vt{font-size:22px;margin-top:0}
.sh-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end}
@media (max-width:1100px){.ep{grid-template-columns:56px 240px minmax(0,1fr)}.ep .btn,.ep .ep-btn{display:none}}
@media (max-width:900px){.sh-hero{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.ep{grid-template-columns:minmax(0,1fr);gap:12px}.ep .num{font-size:36px}.ep .vt{font-size:19px}}

/* template: archive */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters .chip{min-height:44px;padding:10px 16px;font-size:12px;cursor:pointer}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-top:36px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:56px;flex-wrap:wrap}
.pager a{min-width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid var(--ln);font-weight:700;padding:0 14px}
.pager a.on{background:var(--tx);color:#07090F;border-color:var(--tx)}

/* template: work */
.fmt{padding:28px;border-radius:20px;background:var(--s1);border:1px solid var(--ln);display:flex;flex-direction:column;gap:12px}
.fmt .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--s3);color:var(--acc)}
.form-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-g .full{grid-column:1/-1}
.opt{display:flex;flex-wrap:wrap;gap:8px}
.opt label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--ln);font-weight:600;cursor:pointer}
.opt input{accent-color:#FF6B1A;width:18px;height:18px;margin:0}
.wk-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
@media (max-width:900px){.wk-hero{grid-template-columns:minmax(0,1fr)}.form-g{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- 3. per-template extras (from the previews' inline styles) */
.hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:clamp(32px,4vw,64px);align-items:center}
.hero-glow{position:absolute;inset:-20% -10% auto 35%;height:900px;background:radial-gradient(closest-side,rgba(46,107,255,.38),rgba(11,42,107,.18) 55%,transparent 75%);pointer-events:none}
.hero-tag{position:absolute;left:-28px;bottom:-26px;background:var(--s2);border:1px solid var(--ln);border-radius:18px;padding:16px 20px;max-width:300px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.prime{border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:40px;padding:clamp(32px,5vw,72px);border:1px solid rgba(143,176,255,.25)}
.poster{justify-self:center;width:min(100%,340px);aspect-ratio:2/3;border-radius:20px;background:#07090F;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 22px;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative;overflow:hidden;text-align:center}
.poster>.rays{position:absolute;inset:0;opacity:.9}
.poster>*:not(.rays){position:relative}
.poster .poster-k{font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C9D4EA}
.poster .poster-logo{width:82%;height:auto}
.poster .poster-soon{font-weight:800;font-stretch:78%;font-size:34px;line-height:1;letter-spacing:-0.01em}
.poster .poster-foot .mono{margin-top:8px;color:#C9D4EA}
.poster.has-art{padding:0}
.poster.has-art img{width:100%;height:100%;object-fit:cover}
.ranked{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
.work{border-radius:24px;background:var(--acc);color:#0A0D14;padding:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.about-g .since{position:absolute;right:-16px;bottom:24px;background:var(--tx);color:#07090F;border-radius:999px;padding:10px 18px;font-weight:800;font-stretch:85%;transform:rotate(-4deg)}
.rcp{padding-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:40px;align-items:center}
@media (min-width:901px){.about-g{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}
@media (max-width:1100px){.hero-g{grid-template-columns:minmax(0,1fr)}.hero-tag{left:16px;bottom:-30px}}
@media (max-width:900px){.prime,.ranked,.rcp{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.rcp .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-tag{position:relative;left:0;bottom:0;margin-top:16px;max-width:none}}

/* ---------------------------------------------------------------- 4. Elementor adapter
   Design classes go on Elementor wrappers (CSS Classes field). Inner tags inherit so a Heading widget with class
   "h-lg" renders exactly like <h2 class="h-lg">. Containers use Elementor's own CSS variables. */
.elementor-kit-0,.hj .elementor{color:inherit}
.hj .e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.hj .e-con.wrap{--content-width:1320px;max-width:1320px;margin-inline:auto;--padding-left:clamp(16px,4vw,48px);--padding-right:clamp(16px,4vw,48px);width:100%}
.hj .e-con.wrap{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}
.hj .e-con.sec.pt0{padding-top:0}
.hj .e-con.band{background:var(--s1);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.hj .e-con.g2,.hj .e-con.g3,.hj .e-con.g4,.hj .e-con.g6,.hj .e-con.split,.hj .e-con.hero-g,.hj .e-con.prime,.hj .e-con.ranked,.hj .e-con.rcp,.hj .e-con.post-g,.hj .e-con.sh-hero,.hj .e-con.wk-hero,.hj .e-con.nl,.hj .e-con.ftr-g,.hj .e-con.form-g,.hj .e-con.inq{--display:grid;display:grid}
.hj .e-con.sec-head{--display:flex;--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:flex-end;--gap:24px;--row-gap:24px;--column-gap:24px}
.hj .e-con.stack{--display:flex;--flex-direction:column;--align-items:flex-start}
.hj .e-con.stack.stretch{--align-items:stretch}
.hj .e-con.inline{--display:flex;--flex-direction:row;--flex-wrap:wrap;--align-items:center;--gap:12px;--row-gap:12px;--column-gap:12px}
.hj .e-con.sec-head>.e-con,.hj .e-con.hdr-in>.e-con,.hj .e-con.work>.e-con,.hj .e-con.inline>.e-con,.hj .e-con.vault>.e-con,.hj .e-con.legal>.e-con,.hj .e-con.side-tt>.e-con,.hj .e-con.bar>.e-con{--width:auto}
.hj .e-con.work{--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:center;--gap:28px;--row-gap:28px;--column-gap:28px}
.hj .e-con.bar{--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:center;--gap:16px;--row-gap:16px;--column-gap:16px}
.hj .nl .elementor-form,.hj .elementor-widget-form form{display:block}
.hj .e-con.vcard,.hj .e-con.row,.hj .e-con.ep,.hj .e-con.mini,.hj .e-con.stat,.hj .e-con.fmt,.hj .e-con.card{--flex-wrap:nowrap}

/* heading/text widgets: inner tag inherits the wrapper's design styles */
.hj .elementor-widget-heading .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;text-wrap:inherit;margin:0;padding:0}
.hj .elementor-widget-heading .elementor-heading-title a{color:inherit}
.h-xl,.h-lg,.h-md{font-weight:800;font-stretch:82%;letter-spacing:-0.02em;line-height:.98;text-wrap:balance}
.hj .elementor-widget.eyebrow,.hj .elementor-widget.chip,.hj .elementor-widget.link-w,.hj .elementor-widget.since-w{align-self:flex-start;width:auto;max-width:100%}
/* Card grids that drop the category chip (More from Julia) */
.hj .no-chip .elementor-widget.chip{display:none}
.hj .elementor-widget.chip .elementor-heading-title,.hj .elementor-widget.eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px}
.hj .elementor-widget-text-editor p+p{margin-top:1em}
.hj .elementor-widget-text-editor.lede{max-width:60ch}
.hj .elementor-widget-image img{border-radius:inherit}
.hj .elementor-widget-shortcode .elementor-shortcode{display:contents}

/* buttons: wrapper class "hjb" + a variant */
.hj .hjb .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font:700 16px/1.1 var(--fd);border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;background:transparent;color:var(--tx);fill:currentColor;box-shadow:none;text-decoration:none}
.hj .hjb .elementor-button:hover,.hj .hjb .elementor-button:focus-visible{transform:translateY(-2px)}
.hj .hjb .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px}
.hj .hjb .elementor-button-icon{display:inline-flex;font-size:18px}
.hj .hjb .elementor-button-icon svg{width:18px;height:18px;fill:none}
.hj .hjb .elementor-button-icon svg [fill="currentColor"]{fill:currentColor}
.hj .hjb-acc .elementor-button{background:var(--acc);color:#0A0D14}
.hj .hjb-acc .elementor-button:hover{background:#FF8A47;color:#0A0D14}
.hj .hjb-ghost .elementor-button{border-color:rgba(244,241,234,.28);color:var(--tx)}
.hj .hjb-ghost .elementor-button:hover{border-color:var(--tx);color:var(--tx)}
.hj .hjb-glass .elementor-button{background:rgba(7,9,15,.5)}
.hj .hjb-dark .elementor-button{background:#0A0D14;color:#F4F1EA}
.hj .hjb-dark .elementor-button:hover{color:#F4F1EA}
.hj .hjb-onacc .elementor-button{border-color:rgba(10,13,20,.4);color:#0A0D14}
.hj .hjb-onacc .elementor-button:hover{border-color:#0A0D14;color:#0A0D14}
.hj .hjb-sm .elementor-button{min-height:44px;padding:10px 18px;font-size:15px}
.hj .hjb-full{align-self:stretch}
.hj .hjb-full .elementor-button{width:100%}
.hj .hjb-link .elementor-button{min-height:0;padding:0 0 2px;border:0;border-bottom:1.5px solid var(--acc);border-radius:0;gap:8px}
.hj .hjb-link .elementor-button:hover{color:var(--acc);transform:none}

/* video card / rows / episode rows built as loop items */
.hj .e-con.thumb{--display:block;display:block;padding:0}
.hj .thumb .elementor-widget-image,.hj .tt .elementor-widget-image{position:absolute;inset:0}
.hj .thumb .elementor-widget-image img,.hj .tt .elementor-widget-image img{width:100%;height:100%;object-fit:cover;border-radius:0}
.hj .e-con.vcard:hover .thumb img,.hj .e-con.row:hover .thumb img,.hj .e-con.ep:hover .thumb img,.hj .e-con.mini:hover .thumb img{transform:scale(1.04)}
.hj .thumb.play::after{content:"";position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(7,9,15,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/18px no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2)}
.hj .thumb.play-c::after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A0D14' d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/30px no-repeat}
.hj .vm>.elementor-widget{display:flex;align-items:center}
.hj .vm .chip{margin-right:0}
.hj .e-con.row .thumb{border-radius:12px}
.hj .e-con.ep .thumb{border-radius:14px}
.hj .e-con.mini .thumb{border-radius:10px}
.hj .ep .num{text-align:left}
.hj .ep .ep-label{font-family:var(--fm);font-size:12px;letter-spacing:.06em;color:var(--acc);font-weight:700;text-transform:uppercase}
.hj .mini .mini-label{font-family:var(--fm);color:var(--acc);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.hj .vlist .e-loop-item:first-child .row{border-top:0}
.hj .feature-card .vt{font-size:24px}
.hj .tile .vt{font-size:16px;margin-top:10px}
.hj .tile .thumb{aspect-ratio:1/1}

/* TikTok card */
.hj .e-con.tt-card{--display:block;display:block}
.hj .tt .ov .elementor-heading-title{display:flex;align-items:center;gap:6px}
.hj .tt .ov .elementor-heading-title::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.hj .tt-card .vt{font-size:16px}
.hj .tt-card:hover .vt{color:var(--acc)}

/* logo wall cells built as loop items */
.hj .e-con.logo-cell{--display:grid;display:grid;place-items:center}
.hj .logo-cell .elementor-widget-image{display:grid;place-items:center;width:100%}
.hj .logo-cell img{max-height:48px;max-width:100%;width:auto!important;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.9}

/* stat cards */
.hj .stat .k .elementor-heading-title{display:flex;align-items:center;gap:10px}
.hj .stat .n{font-weight:800;font-stretch:78%;font-size:clamp(48px,5vw,76px);line-height:.9;letter-spacing:-0.03em}
.hj a.e-con.stat:hover{border-color:var(--acc)}

/* header */
.hj .elementor-location-header{position:sticky;top:calc(-1 * var(--annc-h,40px));z-index:50}
.hj .e-con.hdr{position:relative;top:auto}
.hj .e-con.hdr>.wrap,.hj .e-con.hdr .hdr-in{--display:flex;--flex-direction:row;--align-items:center;--justify-content:space-between;--gap:24px;--row-gap:24px;--column-gap:24px;min-height:80px}
.hj .hdr-logo img{height:60px;width:auto}
.hj .hjf-nav .elementor-nav-menu--main .elementor-item{padding:10px 14px;border-radius:999px;font:600 16px/1.2 var(--fd);color:var(--mu);margin:0}
.hj .hjf-nav .elementor-nav-menu--main .elementor-item:hover,.hj .hjf-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,.hj .hjf-nav .elementor-nav-menu--main .current-menu-item>.elementor-item{color:var(--tx);background:var(--s2)}
.hj .hjf-nav{flex:0 0 auto;width:auto}
.hj .hjf-nav .elementor-nav-menu--main .elementor-nav-menu{gap:4px;flex-wrap:nowrap}
.hj .hjf-nav .elementor-nav-menu--main .elementor-item::before,.hj .hjf-nav .elementor-nav-menu--main .elementor-item::after{display:none}
.hj .e-con.hdr-in,.hj .e-con.hdr-r,.hj .e-con.vm,.hj .e-con.side-tt{--flex-wrap-mobile:nowrap}
.hj .hdr-r{--display:flex;--flex-direction:row;--align-items:center;--gap:10px;--row-gap:10px;--column-gap:10px}
.hj .hjf-search .elementor-search-form__toggle{--e-search-form-toggle-size:44px;width:44px;height:44px}
.hj .hjf-search .elementor-search-form__toggle i,.hj .hjf-search .elementor-search-form__toggle .e-font-icon-svg-container{width:44px;height:44px;border-radius:50%;border:1px solid var(--ln);background:transparent;color:var(--tx);display:grid;place-items:center}
.hj .hjf-search .elementor-search-form__toggle svg{width:18px;height:18px;fill:currentColor}
.hj .elementor-search-form--skin-full_screen .elementor-search-form__container{background:rgba(7,9,15,.94)}
.hj .elementor-search-form--skin-full_screen input[type=search].elementor-search-form__input{font:800 clamp(32px,6vw,72px)/1.1 var(--fd);font-stretch:82%;color:var(--tx);border-bottom:2px solid var(--acc)!important;border-color:var(--acc)}
@media (max-width:600px){.hj .e-con.hdr .hdr-in{min-height:68px}.hj .hdr .hjb{display:none}.hj .hdr-logo img{height:52px}}

/* header drawer (menu button + off-canvas panel) */
.hjf-drawer{position:fixed;inset:0;z-index:1000;display:none}
.hjf-drawer.is-open{display:block}
.hjf-drawer-scrim{position:absolute;inset:0;background:rgba(5,7,12,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hjf-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--s1);border-left:1px solid var(--ln);padding:20px 22px 28px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;animation:hjf-in .2s ease}
@keyframes hjf-in{from{transform:translateX(24px);opacity:0}}
.hjf-drawer-top{display:flex;justify-content:space-between;align-items:center}
.hjf-drawer nav{display:flex;flex-direction:column;gap:2px}
.hjf-drawer nav a{display:flex;align-items:center;min-height:52px;padding:0 4px;font-weight:800;font-size:28px;font-stretch:82%;letter-spacing:-.01em;border-bottom:1px solid var(--ln)}
.hjf-drawer nav a:hover{color:var(--acc)}
.hjf-drawer .btn{justify-content:center}
@media (prefers-reduced-motion:reduce){.hjf-drawer-panel{animation:none}.btn:hover,.hj .hjb .elementor-button:hover{transform:none}.thumb img,.tt img{transition:none}}

/* footer */
.hj .ftr-nav .elementor-nav-menu--main .elementor-nav-menu{display:flex;flex-direction:column;gap:10px}
.hj .ftr-nav .elementor-nav-menu--main .elementor-item{padding:0;color:var(--mu);font:600 17px/1.4 var(--fd);display:inline-block}
.hj .ftr-nav .elementor-nav-menu--main .elementor-item:hover{color:var(--tx)}
.hj .ftr-nav .elementor-nav-menu--main .elementor-item::before,.hj .ftr-nav .elementor-nav-menu--main .elementor-item::after{display:none}
.hj .ftr-h{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.hj .wordmark{width:100%}
.hj .wordmark .elementor-heading-title{white-space:nowrap}
.hj .ftr-logo img{height:84px;width:auto}
.hj .ftr-credit{margin-top:14px}
.hj .ftr-credit .elementor-heading-title{font-family:var(--fm);font-size:11px;font-weight:400;letter-spacing:.06em;line-height:1.5;color:#7D889C}

/* forms (Elementor Pro Form styled to the design) */
.hj .elementor-form .elementor-field-group{margin-bottom:0}
.hj .elementor-form .elementor-field-group>label,.hj .elementor-form .elementor-field-label{font-family:var(--fm);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-bottom:8px;padding:0}
.hj .elementor-form .elementor-field-textual{min-height:52px;border-radius:14px;border:1.5px solid var(--ln);background:var(--s1);color:var(--tx);padding:0 18px;font:inherit;font-size:16px}
.hj .elementor-form textarea.elementor-field-textual{padding:14px 18px;min-height:140px}
.hj .elementor-form .elementor-field-textual::placeholder{color:#7D889C}
.hj .elementor-form .elementor-field-textual:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent)}
.hj .elementor-form .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px}
.hj .elementor-form .elementor-field-subgroup .elementor-field-option{margin:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--ln);position:relative}
.hj .elementor-form .elementor-field-subgroup .elementor-field-option:has(input:checked){border-color:var(--acc)}
.hj .elementor-form .elementor-field-subgroup .elementor-field-option:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.hj .elementor-form .elementor-field-subgroup .elementor-field-option label{font:700 12px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);cursor:pointer;padding:0;margin:0}
.hj .elementor-form .elementor-field-subgroup .elementor-field-option label::after{content:"";position:absolute;inset:0;border-radius:999px}
.hj .elementor-form .elementor-field-subgroup input{accent-color:#FF6B1A;width:18px;height:18px;margin:0}
.hj .elementor-form .e-form__buttons .elementor-button{width:auto}
.hj .hjf-email-form .e-form__buttons .elementor-button,.hj .elementor-form .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 24px;border-radius:999px;font:700 16px/1.1 var(--fd);background:var(--acc);color:#0A0D14;border:0;transition:transform .15s ease,background .15s ease}
.hj .elementor-form .elementor-button:hover{background:#FF8A47;transform:translateY(-2px)}
.hj .elementor-form .elementor-message{font-weight:600;margin-top:12px}
.hj .elementor-form .elementor-message-success{color:#8FE3A8}
/* single-line email forms: pill input + button in a row */
.hj .hjf-email-form .elementor-form-fields-wrapper{flex-wrap:nowrap;gap:10px}
.hj .hjf-email-form .elementor-field-type-email{flex:1;min-width:0}
.hj .hjf-email-form .elementor-field-textual{border-radius:999px;background:rgba(7,9,15,.7);border-color:rgba(255,255,255,.22);padding:0 22px}
.hj .hjf-email-form .e-form__buttons{flex:none;width:auto}
@media (max-width:600px){.hj .hjf-email-form .elementor-form-fields-wrapper{flex-wrap:wrap}.hj .hjf-email-form .e-form__buttons,.hj .hjf-email-form .elementor-field-type-email{flex:1 1 100%;width:100%}.hj .elementor-form .elementor-button{width:100%}}

/* Loop Grid pagination + taxonomy filter */
.hj .elementor-pagination{display:flex;gap:8px;justify-content:center;margin-top:56px;flex-wrap:wrap}
.hj .elementor-pagination .page-numbers{min-width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid var(--ln);font-weight:700;padding:0 14px;margin:0;color:var(--tx)}
.hj .elementor-pagination .page-numbers.current{background:var(--tx);color:#07090F;border-color:var(--tx)}
.hj .elementor-pagination .page-numbers.dots{border:0}
.hj .elementor-pagination span.page-numbers.prev,.hj .elementor-pagination span.page-numbers.next{display:none}
.hj .e-filter{display:flex;gap:8px;flex-wrap:wrap}
.hj .e-filter-item{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--ln);color:var(--mu);font:700 12px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;background:transparent;cursor:pointer}
.hj .e-filter-item:hover{color:var(--tx);border-color:var(--mu)}
.hj .e-filter-item[aria-pressed=true]{background:var(--tx);border-color:var(--tx);color:#07090F}
.hj .e-loop-nothing-found-message{color:var(--mu)}


/* decorative icons on headings (eyebrows, stat labels): class ic-NAME on the widget */
.hj [class*=' ic-'] .elementor-heading-title::before,.hj [class^='ic-'] .elementor-heading-title::before{content:'';width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hj .stat .k[class*=' ic-'] .elementor-heading-title::before{width:20px;height:20px}
.hj .ic-bell{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 1.5h-15zM10 20.5h4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
.hj .ic-tt{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.2 2.5c.4 2.4 1.9 3.9 4.3 4.2v3.3c-1.6.1-3-.4-4.3-1.2v6.4a5.7 5.7 0 1 1-5.7-5.7c.3 0 .6 0 .9.1v3.4a2.4 2.4 0 1 0 1.5 2.2V2.5h3.3z'/%3E%3C/svg%3E")}
.hj .ic-sp{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7.2 9.8c3.3-.9 6.9-.6 9.6.9M7.8 12.7c2.7-.7 5.5-.4 7.7.8M8.4 15.4c2.1-.5 4.2-.3 5.8.6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.hj .ic-yt{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 9v6l5-3z'/%3E%3C/svg%3E")}
.hj .ic-fb{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.6 21.5v-8h2.7l.4-3.2h-3.1V8.3c0-.9.3-1.5 1.6-1.5h1.7V3.9c-.3 0-1.3-.1-2.4-.1-2.4 0-4.1 1.5-4.1 4.2v2.3H7.7v3.2h2.7v8h3.2z'/%3E%3C/svg%3E")}
.hj .ic-ig{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.3'/%3E%3C/svg%3E")}
.hj .ic-play{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E")}
.hj .ep-btn{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E")}
.hj .ep-btn .elementor-heading-title{display:inline-flex;align-items:center;gap:8px}
.hj .ep-btn .elementor-heading-title::before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

/* ---------------------------------------------------------------- 4b. template layout (classes set in the Elementor templates) */
.hj .mw-720{max-width:720px}.hj .mw-760{max-width:760px}
.hj .e-con.narrow{max-width:1120px}
.hj .annc .annc-in{min-height:40px;--padding-top:6px;--padding-bottom:6px;text-align:center}
.hj .annc-link a{text-decoration:underline;text-underline-offset:3px}
.hj .e-con.hero{position:relative;overflow:hidden;background:radial-gradient(closest-side,rgba(46,107,255,.38),rgba(11,42,107,.18) 55%,transparent 75%) no-repeat;background-size:min(1100px,90vw) 900px;background-position:right -10vw top -180px}
.hj .e-con.hero-g{--padding-top:clamp(48px,6vw,88px);--padding-bottom:clamp(56px,6vw,96px)}
.h-hero{font-size:clamp(44px,5.5vw,84px)}
.hero-media{position:relative}
.hero-thumb{border-radius:26px;box-shadow:0 40px 120px -30px rgba(46,107,255,.55),0 0 0 1px rgba(255,255,255,.08)}
.hero-tag .mono{color:var(--acc);font-weight:700;text-transform:uppercase}
.hero-tag-t{font-weight:700;line-height:1.25;margin-top:6px}
.hj .hjb-count .elementor-button{min-height:44px;padding:0;border:0;color:var(--mu);font-size:15px;gap:8px}
.hj .hjb-count .elementor-button:hover{color:var(--tx);transform:none}
.hj .hjb-count .elementor-button-content-wrapper{gap:8px}
.hj .e-con.prime-sec{padding-top:clamp(40px,5vw,64px)}
.hj .prime-form{max-width:520px;width:100%}
.on-rays .ser:not(.acc),.rays .h-lg .ser:not(.acc){color:#fff}
.hj .pod-cover img{width:100%;max-width:560px;border-radius:24px;box-shadow:0 40px 100px -30px rgba(46,107,255,.6)}
.hj .pod-host{font-size:28px;line-height:1.2;color:var(--mu)}
.hj .pod-list-w{align-self:stretch}
.hj .work-p{font-size:18px;font-weight:500}
.hj .work .h-md{line-height:1}
.hj .about-media{position:relative;max-width:460px;width:100%}
.hj .about-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}
.hj .about-media .since{z-index:1;position:absolute;right:-16px;bottom:24px;background:var(--tx);color:#07090F;border-radius:999px;padding:10px 18px;font-weight:800;font-stretch:85%;transform:rotate(-4deg);width:auto}
.hj .rcp .g4{gap:24px}
.hj .e-con.archive-top{--padding-top:clamp(48px,6vw,88px)}
.hj .archive-head{margin-bottom:0;align-items:flex-end}
.hj .e-con.archive-grid{--padding-top:40px;--padding-bottom:96px}
.hj .sort-label b{color:var(--tx)}
.hj .e-con.vault{--padding-top:clamp(24px,3vw,36px);--padding-bottom:clamp(24px,3vw,36px);--padding-left:clamp(24px,3vw,36px);--padding-right:clamp(24px,3vw,36px);--display:flex;--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:center;--gap:24px;--row-gap:24px;--column-gap:24px;background:var(--s1)}
.hj .vault-h{font-size:30px;font-weight:400;font-stretch:100%;letter-spacing:-.01em}
.hj .e-con.post-top{--padding-top:36px}
.hj .e-con.post-main{--padding-top:40px;--padding-bottom:72px}
.h-post{font-size:clamp(34px,3.8vw,56px)}
.h-recipe{font-size:clamp(42px,6vw,88px)}
.hj .post-body{color:var(--tx);max-width:68ch}
.hj .post-body p+p{margin-top:1em}
.hj.has-recipe .post-body{color:var(--mu);max-width:60ch}
.hj .e-con.hjf-recipe-section{--padding-top:56px;--padding-bottom:80px}
.hj .e-con.series-hero{border-bottom:1px solid var(--ln)}
.hj .e-con.series-hero-in{--padding-top:clamp(40px,5vw,72px);--padding-bottom:clamp(48px,6vw,88px)}
.hj .series-thumb{border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.hj .side-series:not(:has(.e-loop-item)){display:none}
.hj .hjf-next .e-loop-item:first-of-type .mini-label .elementor-heading-title{font-size:0}
.hj .hjf-next .e-loop-item:first-of-type .mini-label .elementor-heading-title::after{content:"Up next";font-size:11px}
.hj .e-con.side-tt{background:var(--s2)}
.hj .side-tt-t{font-weight:800}
.hj .side-tt-s{font-size:15px}
.hjf-badge{width:52px;height:52px;border-radius:50%;background:var(--tx);color:#07090F;display:grid;place-items:center;flex:none}
.hjf-search-field{display:flex;align-items:center;gap:10px;min-width:min(100%,360px);flex:0 1 360px;border:1.5px solid var(--ln);border-radius:999px;padding:0 6px 0 18px;background:var(--s1);color:var(--mu)}
.hjf-search-field .input{border:0;background:transparent;padding-left:4px}
.hjf-search-field:focus-within{border-color:var(--acc)}
/* The shortcode widget wrapper is the flex item in page heads: give it the field's sizing */
.hj .elementor-widget-shortcode:has(.hjf-search-field){flex:0 1 360px;min-width:min(100%,360px)}
.hj .hjf-search-field{width:100%}
.hj .ftr-tagline{max-width:34ch}
.hj .ftr-mail .elementor-button{font-size:15px}
.hj .e-con.ftr-brand{--align-items:flex-start}
.hj .elementor-widget-shortcode .menu-btn{display:none!important}
@media (max-width:1100px){.hj .elementor-widget-shortcode .menu-btn{display:grid!important}}
@media (max-width:600px){.hj .about-media .since{right:10px}}

/* ---------------------------------------------------------------- 5. theme components (shortcodes) */
.hjf-chips{display:flex;gap:8px;flex-wrap:wrap}
.hjf-byline{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.hjf-byline.is-plain{border:0;padding:0}
.hjf-byline-who{display:flex;align-items:center;gap:12px}
.hjf-byline-name{font-weight:700}
.hj img.hjf-avatar{border-radius:50%;object-fit:cover;object-position:top}
.hjf-byline-actions,.hjf-actions{display:flex;gap:8px;flex-wrap:wrap}
.hjf-actions{gap:10px}
.ibtn{cursor:pointer;transition:border-color .15s ease,color .15s ease}
.ibtn:hover{border-color:var(--tx)}
[data-hjf-save][aria-pressed=true]{color:var(--acc);border-color:var(--acc)}
[data-hjf-save][aria-pressed=true] svg path{fill:currentColor}
.hjf-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--tx);color:#07090F;font-weight:700;padding:12px 18px;border-radius:999px;z-index:2000;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hjf-player{cursor:pointer;border-radius:24px;box-shadow:0 40px 120px -40px rgba(46,107,255,.55)}
.hjf-player .pb.c{cursor:pointer}
.hjf-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hjf-player.is-playing{cursor:default}
.hjf-player-wrap{position:relative}
.hjf-stops{margin-top:56px}
.hjf-stops-sub{margin-top:8px}
.hjf-stop-list{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:14px}
.hjf-tie{margin-top:48px;padding:28px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center}
.hjf-tie img{width:120px;border-radius:14px}
.hjf-tie--wide{margin-top:0;padding:clamp(24px,3vw,36px);grid-template-columns:140px minmax(0,1fr) auto;gap:28px}
.hjf-tie--wide img{width:140px;border-radius:16px}
.hjf-tie-title{margin-top:10px;font-size:30px;font-weight:400;font-stretch:100%;letter-spacing:-.01em;line-height:1.1}
@media (max-width:900px){.hjf-tie--wide{grid-template-columns:96px minmax(0,1fr)}.hjf-tie--wide img{width:96px}.hjf-tie--wide .btn{grid-column:1/-1;justify-self:start}}
@media (max-width:600px){.hjf-tie{grid-template-columns:80px minmax(0,1fr);padding:20px}.hjf-tie img{width:80px}}
.hjf-pod-list{list-style:none;padding:0;margin:28px 0 0}
.hjf-pod-list a{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--ln)}
.hjf-pod-list .mono{color:var(--acc);font-weight:700;font-size:14px}
.hjf-pod-t{font-weight:700;line-height:1.3}
.hjf-pod-list .ibtn{width:40px;height:40px}
.hjf-pod-list a:hover .hjf-pod-t{color:var(--acc)}
.hjf-pod-list a:hover .ibtn{background:var(--acc);border-color:var(--acc);color:#0A0D14}
.hjf-sort{display:flex;gap:8px;flex-wrap:wrap}
.hjf-sort .chip{min-height:44px;padding:10px 16px;cursor:pointer}
.hjf-sort .chip:not(.on):hover{color:var(--tx);border-color:var(--mu)}
.rc-title{margin-top:12px;font-size:clamp(32px,3.6vw,50px)}
.hj .rc-sum{margin-top:12px;color:#C9D4EA;max-width:62ch}
.rc-k{color:#5B6270;font-weight:700;text-transform:uppercase}
.nut-h{font-weight:800;font-size:24px;font-stretch:85%;border-bottom:6px solid #141821;padding-bottom:6px}
.hjf-steps{list-style:none;margin:10px 0 0;padding:0}
.step p+p{margin-top:8px}
.rc-foot{background:#141821;color:#F4F1EA;padding:22px clamp(24px,3.5vw,40px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-weight:700}
.ing input:checked+span{text-decoration:line-through;color:#7A8090}
.series-hero .ser.acc{color:#fff}
.on-rays .lede,.rays .lede{color:#C9D4EA}

/* work / about / prose pages */
.hj .e-con.wk-sec{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,88px)}
.hj .wk-media{position:relative;max-width:420px;justify-self:center;width:100%}
.hj .wk-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px}
.hj .e-con.wk-stat{position:absolute;left:-28px;bottom:28px;--padding-top:18px;--padding-bottom:18px;--padding-left:22px;--padding-right:22px;padding:18px 22px;background:var(--s2);width:auto}
.hj .wk-stat .n{font-size:44px}
.hj .wk-stat .muted{font-size:14px}
@media (max-width:600px){.hj .e-con.wk-stat{left:12px}}
.hj .fmt .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--s3);color:var(--acc)}
.hj .e-con.inq{padding:clamp(24px,4vw,56px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
@media (max-width:900px){.hj .e-con.inq{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.hj .tt-g .elementor-loop-container{gap:14px}}
.hj .e-con.narrow-text{max-width:860px}
.hj .prose{color:var(--mu);font-size:17px;line-height:1.7}
.hj .prose h2{font-size:clamp(24px,2.4vw,30px);color:var(--tx);margin:40px 0 12px}
.hj .prose p+p{margin-top:1em}
.hj .prose ul,.hj .prose ol{margin:12px 0 0;padding-left:1.2em}
.hj .prose a{color:var(--tx);border-bottom:1.5px solid var(--acc)}
.hj .e-con.req-card{padding:clamp(24px,4vw,44px)}
.hj .about-bio p+p{margin-top:1em}
.hj .about-story{align-items:start}

/* extra recipes */
.hjf-more-recipes{margin-top:56px;display:flex;flex-direction:column;gap:24px}
.rc-more .rc-head{background:#0B2A6B}
.rc-more .rc-title{margin-top:10px;font-size:clamp(26px,2.6vw,36px)}
.rc-more .rc-serves{margin-top:10px;color:#C9D4EA}
.rc-more .ing-g:first-child h4{margin-top:0}
.rc-more .rc-steps .hjf-steps{margin-top:6px}

/* ---------------------------------------------------------------- 6. print: recipe card only */
@media print{
  @page{margin:12mm}
  body.hj{background:#fff!important;color:#141821}
  body.hj *{box-shadow:none!important}
  body.hj.single-post .elementor-location-header,body.hj.single-post .elementor-location-footer,body.hj.single-post .hjf-print-hide,body.hj.single-post #notify{display:none!important}
  body.hj.has-recipe .elementor-location-single>*:not(.hjf-recipe-section){display:none!important}
  .rc{border-radius:0;border:1px solid #D9D3C6}
  .rc-head{background:#0B2A6B!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rc-foot{display:none}
  .ing input{print-color-adjust:exact}
}