@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap');
/*
Theme Name: JADED.RIP
Theme URI: https://jaded.rip
Author: JADED.RIP
Description: A dark, atmospheric Rogue hideout theme for WordPress.
Version: 0.6.21
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jaded-rip
*/
:root{--bg:#070908;--panel:#0b0e0d;--panel2:#0e1210;--text:#e7e0d2;--muted:#958f82;--line:#3c392f;--gold:#b9a477;--green:#82b66b;--green2:#557c47;--poison:#6fa95a;--shadow:rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 12%,#111613 0,#080a09 38%,#050606 100%);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:92px;border-bottom:1px solid rgba(185,164,119,.24);display:flex;align-items:center;background:rgba(5,7,6,.82);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:100;transform:translateY(0);transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .4s ease}.front-page-header{opacity:1}.front-page-header.is-hidden{transform:translateY(-105%);opacity:0;pointer-events:none}.front-page-header.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;min-width:220px}.brand-logo{width:215px;height:auto;display:block}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:13px;letter-spacing:.18em;color:#c7c0b2;position:relative;padding:34px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:.25s}.nav a:hover:after,.nav .current-menu-item a:after{transform:scaleX(1)}.moon{font-size:22px;color:#b8ae9a;opacity:.85}.hero{padding:76px 0 70px;position:relative;text-align:center}.hero:before{content:"";position:absolute;inset:30px 4% 0;pointer-events:none}.ornament{display:flex;justify-content:center;align-items:center;gap:18px;color:var(--gold);margin-bottom:24px}.ornament:before,.ornament:after{content:"";width:82px;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.ornament:after{background:linear-gradient(90deg,var(--line),transparent)}.dagger{font-size:20px}.hero-logo-wrap{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.hero-logo{width:min(520px,68vw);height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.58))}.hero-kicker{display:none}.hero-rule{width:180px;height:1px;background:var(--line);margin:22px auto 18px}.hero-quote{font-style:italic;color:#b7af9f;font-size:22px;position:relative;z-index:1}.hero-note{position:absolute;left:0;top:58px;text-align:left;color:#756f62;font-size:10px;letter-spacing:.2em;line-height:2.5;border-left:1px solid rgba(185,164,119,.32);padding-left:14px}.hero-note.right{left:auto;right:0;text-align:right;border-left:0;border-right:1px solid rgba(185,164,119,.32);padding-left:0;padding-right:14px}.section{padding:34px 0 86px}.section-title{display:flex;align-items:center;gap:18px;margin:0 0 24px;font-size:25px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.section-title:after{content:"";height:1px;flex:1;background:var(--line)}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:0}.category{min-height:220px;padding:28px 18px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:1px solid rgba(185,164,119,.30);border-radius:3px;transition:background .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004));position:relative;overflow:hidden}.category:before{content:"";position:absolute;inset:1px;background:radial-gradient(circle at 50% 30%,rgba(111,169,90,.045),transparent 62%);pointer-events:none}.category:hover{background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(111,169,90,.018));border-color:rgba(185,164,119,.48);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.category-icon{height:72px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.category-icon img{width:92px;height:62px;object-fit:contain;display:block;image-rendering:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.category h3{font-size:16px;font-weight:400;letter-spacing:.12em;margin:9px 0 7px;position:relative;z-index:1}.category h3:after{content:"";display:block;width:34px;height:1px;background:var(--green);margin:7px auto 0;opacity:.9}.category p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45;max-width:155px;min-height:38px;position:relative;z-index:1}.category .arrow{margin-top:auto;padding-top:15px;color:var(--gold);font-size:19px;line-height:1;position:relative;z-index:1}.category:last-child{border-right:1px solid rgba(185,164,119,.30)}.content-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:55px}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:80px 100px 1fr 20px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(60,57,47,.72);transition:.2s}.article-row:hover{padding-left:8px;background:linear-gradient(90deg,rgba(111,169,90,.04),transparent)}.date,.category-label{font-size:11px;letter-spacing:.16em;color:var(--muted)}.category-label{color:var(--green)}.article-title{font-size:17px}.article-excerpt{font-size:13px;color:var(--muted)}.article-arrow{color:var(--gold)}.note-card{min-height:210px;border:1px solid var(--line);padding:48px 42px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 50% 70%,rgba(111,169,90,.06),transparent 55%)}.note-card:before{content:"✦";position:absolute;top:16px;left:50%;transform:translateX(-50%);color:var(--green);font-size:18px}.note-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(185,164,119,.08);pointer-events:none}.note-card blockquote{font-size:25px;line-height:1.5;font-style:italic;margin:0;text-align:center}.note-card cite{display:block;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.2em;margin-top:24px}.footer{border-top:1px solid var(--line);padding:35px 0 55px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{color:var(--text);letter-spacing:.12em}.footer-tag{font-size:11px;letter-spacing:.3em}.single{padding:90px 0}.single-header{max-width:850px;margin-bottom:55px}.single-header h1{font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.1;margin:12px 0}.single-meta{color:var(--muted);font-size:12px;letter-spacing:.16em}.single-content{max-width:800px;font-size:18px}.single-content h2{font-size:30px;font-weight:400;margin-top:55px}.single-content a{color:var(--green);border-bottom:1px solid rgba(111,169,90,.4)}.single-content img{max-width:100%;height:auto}.search-form{display:flex;gap:8px}.search-form input{background:#0b0e0d;border:1px solid var(--line);color:var(--text);padding:12px 14px}.search-form button{background:transparent;color:var(--green);border:1px solid var(--line);padding:0 15px}
@keyframes flicker{0%{transform:translateX(-50%) rotate(42deg) scale(.9,.95)}50%{transform:translateX(-47%) rotate(49deg) scale(1.02,.9)}100%{transform:translateX(-53%) rotate(39deg) scale(.94,1.06)}}@keyframes drip{0%,55%{transform:translateY(0);opacity:0}65%{opacity:1}100%{transform:translateY(28px);opacity:0}}

/* Front-page scroll choreography */
.front-page .hero-logo-wrap,.front-page .hero-note{opacity:0;transform:translateY(10px);animation:hero-in .9s cubic-bezier(.22,.61,.36,1) forwards}
.front-page .hero-logo-wrap{animation-delay:.08s}.front-page .hero-note{animation-delay:.28s}
.category{opacity:0;transform:translateY(18px)}.category.is-revealed{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1),background .28s ease,border-color .28s ease,box-shadow .28s ease}
@keyframes hero-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.front-page .hero-logo-wrap,.front-page .hero-note{animation:none;opacity:1;transform:none}.category{opacity:1;transform:none}.front-page-header{transition:none}}
@media(max-width:900px){.site-header{height:auto;padding:18px 0}.header-inner{align-items:flex-start}.nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:10px 0}.nav a:after{bottom:2px}.hero{padding:58px 0 48px}.hero-note{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category:nth-child(2){border-right:1px solid rgba(185,164,119,.30)}.category:nth-child(-n+3){border-bottom:1px solid rgba(185,164,119,.30)}.content-grid{grid-template-columns:1fr}.note-card{min-height:280px}.article-row{grid-template-columns:65px 85px 1fr 15px}.article-excerpt{display:none}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.brand-logo{width:165px}.nav{gap:11px}.nav a{font-size:10px}.moon{display:none}.hero-logo{width:min(460px,92vw)}.hero-quote{font-size:18px}.category-grid{grid-template-columns:1fr;gap:10px}.category{border-right:1px solid rgba(185,164,119,.30)!important;border-bottom:1px solid rgba(185,164,119,.30)!important;min-height:165px}.category:last-child{border-bottom:1px solid rgba(185,164,119,.30)!important}.article-row{grid-template-columns:55px 1fr 15px}.category-label{display:none}.footer-inner{gap:20px;align-items:flex-start}.footer-tag{text-align:right}}

/* Animated candle system: artwork stays static; flame and poison are live DOM elements. */
.logo-candle{position:relative;display:block;line-height:0;overflow:visible}
.logo-candle .brand-logo,.logo-candle .hero-logo{position:relative;z-index:1}

/* Hero flame: narrow, calm and smoothly animated. */
.animated-flame{position:absolute;z-index:3;left:79.6%;top:3.4%;width:3.25%;height:18%;min-width:7px;min-height:14px;transform:translateX(-50%) translateX(calc(var(--flame-x,0px) + var(--flame-gust,0px))) rotate(var(--flame-rotate,0deg)) scaleY(var(--flame-scale,1));transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 0 6px rgba(225,171,70,.72));will-change:transform}
.animated-flame:before{content:"";position:absolute;left:50%;bottom:0;width:82%;height:100%;transform:translateX(-50%) rotate(2deg);border-radius:55% 45% 55% 45% / 65% 65% 35% 35%;background:linear-gradient(to top,#e8a83d 0%,#fff1bd 52%,#fff 100%);clip-path:polygon(50% 0,78% 35%,100% 68%,76% 100%,26% 100%,0 68%,23% 35%)}
.animated-flame:after{content:"";position:absolute;left:50%;bottom:3%;width:34%;height:48%;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:#fff9df;opacity:.92}

/* Poison starts higher on the candle. Each drop receives a random start point from JS. */
.poison-stage{position:absolute;z-index:4;left:79.6%;top:36%;width:22px;height:66%;transform:translateX(-50%);pointer-events:none;overflow:visible}
.poison-drop{position:absolute;left:50%;top:0;width:var(--drop-size);height:calc(var(--drop-size) * 1.5);border-radius:58% 58% 72% 72%;background:radial-gradient(circle at 35% 28%,#a6dc8d 0 12%,#6fa95a 35%,#3f6f35 100%);box-shadow:0 0 7px rgba(111,169,90,.38);transform:translate(calc(-50% + var(--drop-x)),var(--drop-start-y)) scale(.62,.55);opacity:0;animation:poison-fall var(--drop-duration) linear forwards;will-change:transform,opacity}
@keyframes poison-fall{
  0%{opacity:0;transform:translate(calc(-50% + var(--drop-x)),var(--drop-start-y)) scale(.72,.62)}
  7%{opacity:.92;transform:translate(calc(-50% + var(--drop-x)),calc(var(--drop-start-y) + var(--drop-fall) * .07)) scale(.98,.96)}
  78%{opacity:.78;transform:translate(calc(-50% + var(--drop-x)),calc(var(--drop-start-y) + var(--drop-fall) * .78)) scale(1,1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--drop-x)),calc(var(--drop-start-y) + var(--drop-fall))) scale(.78,.84)}
}
.hero-candle{width:min(520px,68vw)}

/* Header logo uses its own much smaller flame and poison scale. */
.site-header .animated-flame{width:2.65%;height:16%;min-width:5px;min-height:10px;filter:drop-shadow(0 0 4px rgba(225,171,70,.62))}
.site-header .poison-stage{width:9px;height:32%;top:40%}
.site-header .poison-drop{box-shadow:0 0 4px rgba(111,169,90,.28)}
.hero-candle .hero-logo{width:100%}
@media(max-width:600px){.hero-candle{width:min(460px,92vw)}}
@media(prefers-reduced-motion:reduce){.animated-flame{transform:translateX(-50%);}.poison-stage{display:none}}

@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(min-width:783px){body.admin-bar .site-header{top:32px}}


/* 0.5.4 — refined From the Hideout layout */
.hideout-section{padding-top:18px;padding-bottom:64px}
.section-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}
.section-heading .section-title{margin:0;flex:1}
.view-all{flex:0 0 auto;color:var(--green);font-size:11px;letter-spacing:.16em;white-space:nowrap;transition:opacity .2s ease}
.view-all span{font-size:16px;margin-left:4px}
.view-all:hover{opacity:.75}
.hideout-main .article-list{border-top:1px solid var(--line)}
.hideout-main .article-row{grid-template-columns:78px 110px 1fr 20px;gap:18px;padding:15px 0;min-height:44px}
.hideout-main .article-title{font-size:16px;line-height:1.35}
.hideout-main .article-row:hover{padding-left:6px}
.note-card{min-height:0;height:100%;padding:30px 28px;align-self:stretch}
.note-card blockquote{font-size:20px;line-height:1.45}
.note-card cite{margin-top:18px}
@media(max-width:900px){.hideout-section{padding-top:8px}.hideout-section .content-grid{grid-template-columns:1fr;gap:30px}.content-grid{gap:30px}.note-card{min-height:190px}.hideout-main .article-row{grid-template-columns:65px 85px 1fr 15px}}
@media(max-width:600px){.section-heading{gap:12px}.section-heading .section-title{font-size:20px}.view-all{font-size:9px}.hideout-main .article-row{grid-template-columns:55px 1fr 15px}.hideout-main .category-label{display:none}.hideout-main .article-title{font-size:15px}}


/* 0.5.7 — mobile stacking fix */
@media (max-width: 900px){
  .hideout-section .content-grid{grid-template-columns:1fr !important; gap:30px !important;}
}
@media (max-width: 600px){
  .hideout-section .content-grid{grid-template-columns:1fr !important; gap:24px !important;}
}


/* 0.6.0 — split hideout entrance: illustrated lair left, clean logo right. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:22px;align-items:center;text-align:center;padding:34px 0 30px;min-height:390px}
.hero:before{inset:10px 0 0;z-index:0}
.hero-hideout-art{position:relative;align-self:stretch;min-height:390px;overflow:hidden;z-index:1;mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%)}
.hero-hideout-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,8,.02),rgba(7,9,8,.22) 75%,rgba(7,9,8,.72)),linear-gradient(90deg,transparent 58%,#070908 100%);pointer-events:none}
.hero-hideout-art img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;filter:saturate(.72) contrast(.92) brightness(.72);transform:scale(1.04)}
.hero-copy{position:relative;z-index:2;min-width:0;padding:0 22px 0 0}
.hero-copy .hero-note{top:16px;right:0}
.hero-logo{width:min(560px,100%)}
.hero-rule{margin-top:16px}
.hero-quote{font-size:20px}
#explore{padding-top:4px}
.category-grid{gap:10px}
.category{min-height:182px;padding:19px 14px 16px}
.category-icon{height:58px}
.category-icon img{width:78px;height:50px}
.category h3{font-size:15px;margin-top:7px}
.category p{font-size:12px;line-height:1.35;min-height:32px;max-width:145px}
.category .arrow{padding-top:10px;font-size:17px}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:0;padding:20px 0 22px;min-height:0}
  .hero-hideout-art{position:absolute;inset:0 20% 0 0;min-height:0;opacity:.55;mask-image:linear-gradient(90deg,#000 0%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 100%)}
  .hero-copy{padding:28px 10px 12px;position:relative}
  .hero-copy .hero-note{display:none}
  .hero-logo{width:min(520px,92vw)}
  #explore{padding-top:0}
  .category{min-height:175px}
}
@media(max-width:600px){
  .hero{padding:8px 0 14px}
  .hero-hideout-art{inset:0 0 0 0;opacity:.28}
  .hero-copy{padding:24px 0 8px}
  .hero-logo{width:min(460px,94vw)}
  .category{min-height:155px;padding:17px 14px 14px}
  .category-icon{height:52px}
  .category-icon img{width:70px;height:46px}
}


/* 0.6.2 — tighter entrance + refined hero quote */
.hero{padding-bottom:0;}
.hero-rule{display:none!important;}
.hero-quote{margin:20px auto 0;font-size:20px;color:#b7af9f;}
.hero-quote:before{content:"◆";display:block;color:rgba(185,164,119,.78);font-size:7px;line-height:1;margin-bottom:9px;}
#explore{padding-top:0!important;}
.category-grid{gap:10px;margin-top:0;}
.category{min-height:158px;padding:14px 12px 12px;}
.category-icon{height:50px;}
.category-icon img{width:70px;height:46px;}
.category h3{font-size:15px;margin:6px 0 5px;}
.category h3:after{margin-top:5px;}
.category p{font-size:11.5px;line-height:1.3;min-height:29px;max-width:140px;}
.category .arrow{padding-top:7px;font-size:16px;}

@media(max-width:900px){
  .hero{padding-bottom:0;}
  #explore{padding-top:0!important;}
  .category{min-height:150px;}
}
@media(max-width:600px){
  .hero{padding-bottom:0;}
  .hero-quote{margin-top:14px;font-size:17px;}
  .hero-quote:before{margin-bottom:7px;}
  .category{min-height:142px;padding:14px 12px 11px;}
  .category-icon{height:48px;}
  .category-icon img{width:66px;height:43px;}
  .category h3{margin-top:5px;}
  .category p{font-size:11px;}
}

/* 0.6.3 — compact centered category entrance */
#explore{padding-top:0!important;margin-top:0!important;}
#explore .category-grid{width:min(960px,100%);margin:0 auto;gap:10px;}
#explore .category{min-height:148px;padding:12px 10px 10px;}
#explore .category-icon{height:46px;}
#explore .category-icon img{width:64px;height:42px;}
#explore .category h3{font-size:14px;margin:5px 0 4px;}
#explore .category h3:after{width:30px;margin-top:4px;}
#explore .category p{font-size:11px;line-height:1.25;min-height:27px;max-width:132px;}
#explore .category .arrow{padding-top:5px;font-size:15px;}
@media(max-width:900px){
  #explore .category-grid{width:100%;}
}


/* 0.6.3 — simplified hero: remove hero quote; place the hero note beneath the logo. */
.hero-note-below{
  position:relative;
  left:auto; right:auto; top:auto;
  margin:14px 22px 0 auto;
  width:max-content;
  max-width:100%;
  text-align:right;
  color:#756f62;
  font-size:10px;
  letter-spacing:.2em;
  line-height:2.05;
  border-left:0;
  border-right:1px solid rgba(185,164,119,.32);
  padding:2px 14px 2px 0;
}
@media(max-width:900px){.hero-note-below{display:none}}

/* 0.6.21 — rollback to the 0.6.12 design state */
.jaded-note{
  position:relative;
  width:88%;
  max-width:410px;
  min-height:220px;
  padding:34px 38px 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:
    radial-gradient(ellipse at 45% 42%, rgba(244,211,158,.22), transparent 48%),
    linear-gradient(115deg, rgba(112,73,37,.94), rgba(172,126,71,.94) 48%, rgba(113,75,39,.94));
  border:solid 11px transparent;
  border-image:url('https://res.cloudinary.com/ez-nettools/image/upload/v1635183100/parchment-hand-painted_zfdfpt.avif') 32 fill stretch;
  background-clip:padding-box;
  box-shadow:0 9px 24px rgba(0,0,0,.14);
  transform:rotate(-0.18deg);
}
.jaded-note:before{
  content:"";
  position:absolute;
  inset:11px 13px 10px;
  background:
    radial-gradient(ellipse at 22% 25%, rgba(255,232,190,.12), transparent 24%),
    radial-gradient(ellipse at 78% 70%, rgba(73,40,18,.11), transparent 30%),
    repeating-linear-gradient(1deg, rgba(255,236,196,.018) 0, rgba(255,236,196,.018) 1px, transparent 1px, transparent 6px);
  mix-blend-mode:soft-light;
  pointer-events:none;
  z-index:1;
}
.jaded-note-copy{position:relative;z-index:3;text-align:center;max-width:350px}
.jaded-note blockquote{margin:0;color:#4a2e1c;font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:26px;line-height:1.42;font-style:normal;font-weight:400;letter-spacing:.01em;color:#5b4535;opacity:.82;text-shadow:0 1px 0 rgba(255,225,181,.12)}
.jaded-note cite{display:block;margin-top:16px;color:#6a5140;font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:13px;letter-spacing:.03em;font-style:normal;font-weight:400;opacity:.78;text-shadow:0 1px 0 rgba(255,225,181,.10)}
.jaded-note-watermark{
  position:absolute;
  z-index:4;
  right:1.5%;
  bottom:5%;
  width:108px !important;
  height:auto;
  opacity:.14;
  filter:sepia(.18) brightness(.66);
  transform:rotate(3deg);
  pointer-events:none;
}

@media(max-width:900px){.jaded-note{width:92%;min-height:205px;padding:30px 28px;border-width:10px}.jaded-note-watermark{width:100px !important;right:1.5%;bottom:5%}}
@media(max-width:600px){.jaded-note{width:94%;min-height:180px;padding:25px 22px;border-width:9px}.jaded-note blockquote{font-size:21px}.jaded-note cite{margin-top:11px;font-size:10px}.jaded-note-watermark{width:84px !important;right:1.5%;bottom:4%}}


/* 0.6.23 — matte reference-style parchment */
.jaded-note{
  width:min(100%, 410px);
  max-width:410px;
  min-height:0;
  aspect-ratio:1200 / 1200;
  padding:18% 13% 13%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
  overflow:hidden;
  background:transparent url('assets/branding/jaded-note-parchment.png') center center / 100% 100% no-repeat;
  border:0;
  box-shadow:none;
  transform:rotate(-0.35deg);
}
.jaded-note:before{display:none}
.jaded-note-copy{position:relative;z-index:2;width:100%;max-width:none;text-align:center}
.jaded-note blockquote{margin:0;color:#493022;font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:25px;line-height:1.48;font-style:italic;font-weight:400;letter-spacing:.01em;opacity:.82;text-shadow:none}
.jaded-note cite{display:block;margin-top:17px;color:#59402d;font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:13px;letter-spacing:.02em;font-style:italic;font-weight:400;opacity:.76;text-shadow:none}
.jaded-note-watermark{display:none}
@media(max-width:900px){.jaded-note{width:min(92%,300px);padding-top:18%;padding-left:13%;padding-right:13%}}
@media(max-width:600px){.jaded-note{width:min(94%,280px);padding-top:18%;padding-left:13%;padding-right:13%}.jaded-note blockquote{font-size:21px}.jaded-note cite{margin-top:12px;font-size:11px}}

/* 0.6.24 — compact hideout note placement and typography */
#explore{padding-bottom:12px!important;}
.hideout-section{padding-top:0!important;}
.jaded-note{
  width:min(100%,330px);
  max-width:330px;
  padding:28% 14% 13%;
  justify-self:center;
  align-self:start;
}
.jaded-note blockquote{font-size:19px;line-height:1.5;}
.jaded-note cite{font-size:11px;margin-top:13px;}
@media(max-width:900px){
  .jaded-note{width:min(88%,300px);max-width:300px;padding-top:27%;}
  .jaded-note blockquote{font-size:18px;}
}
@media(max-width:600px){
  .jaded-note{width:min(86%,270px);max-width:270px;padding-top:27%;}
  .jaded-note blockquote{font-size:17px;}
  .jaded-note cite{font-size:10px;margin-top:10px;}
}