/*
Theme Name: Ferlieview
Theme URI: https://ferlieview.com
Description: Cinematic mystery child theme for Ferlieview (Divi). Matches the Ferlieview design language — forest-mountain archive aesthetic.
Author: Fernando R. Gonzalez
Template: Divi
Version: 1.1
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{
  /* palette SAMPLED from the Ferlieview concept stills (dominant colors):
     deep cool blacks, slate-blue night, teal mids, muted khaki-amber glow, dark rust */
  /* palette from Adobe swatch: blue-black #00010D, slate-teal #465659,
     greys #6E7273/#0D0D0D, wine #402127. Accent = cold slate-teal; wine = dramatic pop. */
  --ink:#e8e6e1; --muted:#8b9092; --paper:#c7c2b6;
  --black:#00010d; --night:#06070c; --slate:#273b40; --slate-2:#1a2a2e;
  --pine:#141d20; --pine-2:#22302f; --moss:#273b40;
  --rust:#8c3a42; --wine:#400409; --gold:#8fb2b4; --amber:#a9c2c2; --line:rgba(120,132,133,.2);
  --mono:"DM Mono",monospace; --sans:"Montserrat",sans-serif; --serif:"Playfair Display",serif;
  /* component aliases (accent kept as --gold var so every accent usage updates at once) */
  --bg:var(--black); --panel:#0f171b; --panel2:#16222a; --gold-dim:#4f6b6d; --red:var(--rust); --faint:#5c6062;
}

/* ---------- base ---------- */
html{background:var(--black);scroll-behavior:smooth;}
body,#page-container{background:
  radial-gradient(circle at 50% 0%, rgba(39,59,64,.42), transparent 34rem), var(--black)!important;
  color:var(--ink);font-family:var(--sans);line-height:1.7;overflow-x:hidden;}
#main-content{background:transparent;}
a{color:var(--gold);text-decoration:none;transition:.25s;}
a:hover{color:#bcd6d7;}
h1,h2,h3,h4,h5{font-family:var(--serif);color:var(--ink);font-weight:600;letter-spacing:.01em;line-height:1.14;}
h1{font-size:clamp(2.2rem,5vw,3.6rem);} h2{font-size:clamp(1.7rem,3.5vw,2.5rem);}
p{color:#cdd2d1;}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0;}
.et_pb_row,.et_pb_section{background:transparent;}
::selection{background:var(--gold);color:var(--black);}

/* film grain + reading progress */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");}
#fv-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);box-shadow:0 0 15px var(--gold);z-index:10000;}

.fv-mono,.fv-classified{font-family:var(--mono);letter-spacing:.03em;color:var(--gold);text-transform:uppercase;font-size:.78rem;}
blockquote{border-left:3px solid var(--rust);background:rgba(140,58,66,.12);
  padding:1rem 1.4rem;font-family:var(--serif);font-style:italic;font-size:1.4rem;color:#dfe4e3;margin:2rem 0;}

.fv-wrap{max-width:1080px;margin:0 auto;padding:0 1.4rem;}
.fv-narrow{max-width:760px;margin:0 auto;padding:0 1.4rem;}
.entry-content,.et_pb_post_content{max-width:1080px;margin-left:auto;margin-right:auto;}

/* ---------- nav ---------- */
#main-header{background:transparent!important;box-shadow:none!important;border-bottom:1px solid transparent;transition:.35s;}
.et-fixed-header#main-header{background:rgba(0,1,13,.85)!important;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);}
#logo{max-height:34px;}
#top-menu li a{color:#c5c9c4!important;font-family:var(--mono);text-transform:uppercase;font-size:.6rem!important;letter-spacing:.1em;padding-bottom:0;}
#top-menu li{padding-right:15px;}
#top-menu li a:hover,#top-menu li.current-menu-item a{color:var(--gold)!important;}
/* footer credit: replace Divi default */
#footer-info{font-size:0!important;}
#footer-info a{display:none!important;}
#footer-info:after{content:"© Ferlieview — an original mystery universe by Fernando R. Gonzalez";
  font-size:.66rem;font-family:var(--mono);letter-spacing:.05em;color:var(--faint);}
.et_mobile_menu{background:rgba(0,1,13,.97);border-color:var(--gold);}
.et_mobile_menu li a{color:#d7ddd2;font-family:var(--mono);text-transform:uppercase;font-size:.78rem;}
#et_mobile_nav_menu .mobile_menu_bar:before{color:var(--gold);}
.fv-brand{font-family:var(--serif);font-size:1.4rem;letter-spacing:.35em;color:var(--ink);text-transform:uppercase;}

/* ---------- buttons ---------- */
a.button,.fv-btn,.wp-block-button__link{display:inline-block;font-family:var(--mono);text-transform:uppercase;
  letter-spacing:.14em;font-size:.7rem;color:var(--ink)!important;border:1px solid var(--gold-dim);
  padding:.9em 1.6em;margin:.35rem;background:rgba(143,178,180,.07);border-radius:1px;transition:.25s;}
a.button:hover,.fv-btn:hover{background:var(--gold);color:var(--black)!important;border-color:var(--gold);box-shadow:0 0 26px rgba(143,178,180,.2);}
.fv-btn--ghost{border-color:var(--line);color:var(--muted)!important;}

/* ---------- HERO (layered, per reference) ---------- */
.fv-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;isolation:isolate;background-size:cover;background-position:center;
  background-image:radial-gradient(circle at 70% 40%,rgba(70,86,89,.16),transparent 22%),
    linear-gradient(to bottom,#0a1114 0%,#05070e 48%,#00010d 100%);}
.fv-hero:after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(0,1,13,.94),transparent 38%);}
/* photo background variant: add class fv-hero--photo + inline style background-image */
.fv-hero--photo:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,8,9,.55),rgba(5,8,9,.35) 40%,rgba(5,8,9,.9)),radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.6),transparent 60%);}
.fv-mtn{position:absolute;inset:auto -8% 16%;height:58%;z-index:-5;
  clip-path:polygon(0 62%,9% 38%,19% 60%,31% 25%,40% 52%,54% 5%,65% 55%,75% 28%,83% 58%,92% 35%,100% 62%,100% 100%,0 100%);}
.fv-mtn.back{background:#152c23;opacity:.55;transform:scaleY(.72);transform-origin:bottom;filter:blur(1px);}
.fv-mtn.mid{background:#0b1914;transform:translateY(9%);}
.fv-forest{position:absolute;left:-3%;right:-3%;bottom:0;z-index:-3;height:48%;background-repeat:repeat-x;background-position:bottom;
  background-size:130px 280px;opacity:.7;
  background-image:url("data:image/svg+xml,%3Csvg width='130' height='280' viewBox='0 0 130 280' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23081611'%3E%3Cpath d='M24 280V87l-19 55h13L1 192h17L0 246h48l-18-54h16l-18-50h13z'/%3E%3Cpath d='M88 280V36L65 103h17l-22 61h20l-25 72h65l-25-72h20l-22-61h17z'/%3E%3C/g%3E%3C/svg%3E");}
.fv-fog{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(60% 40% at 30% 72%,rgba(180,190,175,.09),transparent 60%),
    radial-gradient(50% 35% at 75% 82%,rgba(160,175,160,.07),transparent 60%);
  animation:fvfog 24s ease-in-out infinite alternate;mix-blend-mode:screen;}
@keyframes fvfog{0%{transform:translateX(-4%);opacity:.7}100%{transform:translateX(6%);opacity:1}}
.fv-fireflies{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.fv-fireflies span{position:absolute;width:3px;height:3px;border-radius:50%;background:#bcd0d2;
  box-shadow:0 0 8px 2px rgba(150,180,182,.5);animation:fvflick 5s infinite;}
@keyframes fvflick{0%,100%{opacity:.12}50%{opacity:.85}}
.fv-hero__inner{position:relative;z-index:2;padding:2rem 1.2rem;}
.fv-hero__eyebrow{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-size:.7rem;}
.fv-hero h1{font-size:clamp(2.8rem,8vw,6rem);letter-spacing:.22em;margin:.5rem 0;text-shadow:0 4px 44px #000;}
.fv-hero__sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.6vw,1.9rem);color:#cfd6d5;}
.fv-hero__lead{max-width:720px;margin:1.6rem auto;color:#c2c9c8;font-size:1.1rem;}
.fv-sigil{position:absolute;right:clamp(20px,6vw,90px);bottom:16%;z-index:2;text-align:center;color:var(--muted);}
.fv-sigil .ring{width:80px;height:80px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;
  margin:0 auto .5rem;position:relative;color:var(--gold);font-size:1.4rem;}
.fv-sigil .ring b{position:absolute;top:4px;font-family:var(--mono);font-size:.55rem;}
.fv-sigil p{font-family:var(--mono);letter-spacing:.2em;font-size:.7rem;margin:.2rem 0;color:var(--ink);}
.fv-sigil small{font-family:var(--mono);letter-spacing:.14em;font-size:.55rem;color:var(--rust);}
.fv-scrollcue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;color:var(--faint);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;animation:fvbob 2.4s infinite;}
@keyframes fvbob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:900px){.fv-sigil{display:none;}}

/* ---------- sections ---------- */
.fv-section{padding:5.5rem 0;position:relative;}
.fv-section--alt{background:linear-gradient(180deg,#080d10,#00010d);}
.fv-photo{background-size:cover;background-position:center;position:relative;isolation:isolate;}
.fv-photo:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,8,9,.82),rgba(5,8,9,.68));}
.fv-thumb{width:calc(100% + 2.8rem);margin:-1.4rem -1.4rem 1rem;display:block;height:150px;object-fit:cover;filter:brightness(.82) contrast(1.05);border-bottom:1px solid var(--line);}
.fv-map--photo{background-size:cover!important;background-position:center;}
.fv-map--photo:before{content:"";position:absolute;inset:0;background:rgba(5,8,9,.6);z-index:0;}
.fv-map--photo .fv-hot{z-index:2;}
.fv-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em;color:var(--gold);font-size:.7rem;}
.fv-lead{font-size:1.2rem;color:#cfd4c9;max-width:760px;}

/* reveal on scroll */
.fv-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;}
.fv-reveal.in{opacity:1;transform:none;}

/* ---------- cards ---------- */
.fv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;}
.fv-card{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:1.4rem;position:relative;transition:.28s;overflow:hidden;}
.fv-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.5;}
.fv-card:hover{transform:translateY(-4px);border-color:var(--gold-dim);box-shadow:0 12px 40px rgba(0,0,0,.55);}
.fv-card h3{margin:.2rem 0 .4rem;}
.fv-card .fv-tag{font-family:var(--mono);font-size:.62rem;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;}
.fv-card .fv-alias{font-family:var(--mono);font-size:.76rem;color:var(--muted);}
.fv-card dl{margin:.6rem 0 0;font-size:.9rem;}
.fv-card dt{color:var(--gold-dim);font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;}
.fv-card dd{margin:0;color:#d2d7cb;}
.fv-redact{background:#030706;color:#030706;padding:0 .3em;border-radius:1px;user-select:none;transition:.3s;}
.fv-card:hover .fv-redact{background:#2a2320;color:#8a765230;}
.fv-card:hover .fv-redact:hover{color:#b7a074;}

/* ---------- timeline ---------- */
.fv-timeline{position:relative;max-width:760px;margin:0 auto;padding-left:2rem;}
.fv-timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:var(--line);}
.fv-tl{position:relative;margin:0 0 2.4rem;}
.fv-tl:before{content:"";position:absolute;left:-2rem;top:.4rem;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(194,165,108,.15);}
.fv-tl .fv-year{font-family:var(--mono);color:var(--gold);letter-spacing:.18em;font-size:.82rem;}

/* ---------- evidence board ---------- */
.fv-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;}
.fv-clue{background:var(--paper);color:#211d16;padding:1rem;border-radius:1px;cursor:pointer;position:relative;
  font-family:var(--mono);font-size:.8rem;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.5);
  transform:rotate(var(--r,-1deg));transition:.2s;border:1px solid #b8ad8b;}
.fv-clue:nth-child(3n){--r:1.4deg}.fv-clue:nth-child(2n){--r:-1.8deg}
.fv-clue:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--rust);box-shadow:0 2px 5px rgba(0,0,0,.6);}
.fv-clue:hover{transform:rotate(0) scale(1.03);z-index:2;}
.fv-clue.sel{outline:2px solid var(--rust);box-shadow:0 0 24px rgba(155,68,54,.5);}
.fv-verdict{margin-top:1.6rem;padding:1.2rem 1.4rem;border:1px dashed var(--gold-dim);background:rgba(194,165,108,.06);font-family:var(--mono);color:var(--gold);min-height:2rem;}

/* ---------- quiz ---------- */
.fv-quiz{max-width:720px;margin:0 auto;}
.fv-q{background:var(--panel);border:1px solid var(--line);padding:1.2rem 1.4rem;margin-bottom:1rem;border-radius:2px;}
.fv-q p{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin:0 0 .8rem;}
.fv-q button{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--line);color:#d2d7cb;font-family:var(--mono);font-size:.8rem;padding:.7em 1em;margin:.4rem 0;cursor:pointer;transition:.2s;}
.fv-q button:hover{border-color:var(--gold);color:var(--gold);}
.fv-q button.pick{background:var(--gold);color:var(--black);border-color:var(--gold);}
.fv-result{text-align:center;padding:2rem;border:1px solid var(--gold-dim);background:rgba(143,178,180,.07);display:none;}
.fv-result.show{display:block;}
.fv-result h3{font-size:2rem;color:var(--gold);}

/* ---------- map ---------- */
.fv-map{position:relative;border:1px solid var(--line);border-radius:2px;overflow:hidden;
  background:radial-gradient(120% 120% at 40% 20%,#1b282b,#00010d);min-height:460px;transition:background .5s;}
.fv-map.dark{background:radial-gradient(120% 120% at 40% 20%,#0c1417,#00010d);}
.fv-hot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;text-align:center;}
.fv-hot i{display:block;width:12px;height:12px;margin:0 auto;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(194,165,108,.15);animation:fvpulse 3s infinite;}
@keyframes fvpulse{0%,100%{box-shadow:0 0 0 4px rgba(194,165,108,.15)}50%{box-shadow:0 0 0 9px rgba(194,165,108,.02)}}
.fv-hot span{font-family:var(--mono);font-size:.58rem;color:#d2d7cb;letter-spacing:.08em;white-space:nowrap;display:block;margin-top:4px;text-transform:uppercase;}
.fv-hot.night{display:none;}.fv-map.dark .fv-hot.night{display:block;}
.fv-map.dark .fv-hot i{background:var(--rust);box-shadow:0 0 0 4px rgba(155,68,54,.2);}
.fv-mapbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem;}
.fv-toggle{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--gold-dim);color:var(--gold);background:transparent;padding:.6em 1.1em;cursor:pointer;border-radius:1px;}
.fv-toggle.on{background:var(--rust);border-color:var(--rust);color:#fff;}
.fv-detail{margin-top:1rem;border:1px solid var(--line);background:var(--panel);padding:1.2rem;min-height:3rem;}
.fv-detail .fv-mono{display:block;margin-bottom:.4rem;}

.fv-callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.4rem;}

/* ---------- footer ---------- */
#main-footer{background:#020403;border-top:1px solid var(--line);}
#footer-widgets .footer-widget h4,#main-footer p,#footer-bottom p,#footer-info{color:var(--muted);}
.fv-footwarn{font-family:var(--serif);font-style:italic;color:#d3d9cf;font-size:1.15rem;}

/* ---------- fixes: hide duplicate page titles, hero tuning ---------- */
.page .et_post_meta_wrapper > h1.entry-title,
.home .et_post_meta_wrapper > h1.entry-title,
.page h1.entry-title, .home h1.entry-title{display:none!important;}
.single-post .et_post_meta_wrapper{margin-bottom:1rem;}
.fv-hero h1{letter-spacing:.1em;max-width:100%;overflow-wrap:break-word;padding:0 .3em;}
@media(max-width:600px){.fv-hero h1{letter-spacing:.04em;}}
/* deeper atmosphere */
.fv-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.7),transparent 60%),
    radial-gradient(80% 60% at 50% -10%,rgba(30,60,45,.25),transparent 60%);}
.fv-section--alt:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(194,165,108,.35),transparent);}

/* ---------- teaser modal ---------- */
.fv-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  background:rgba(2,4,3,.9);backdrop-filter:blur(6px);padding:1.4rem;}
.fv-modal.open{display:flex;}
.fv-modal__box{position:relative;max-width:820px;width:100%;border:1px solid var(--gold-dim);
  background:radial-gradient(120% 120% at 50% 0%,#12251d,#030706);padding:0;overflow:hidden;border-radius:2px;}
.fv-modal__frame{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;
  text-align:center;position:relative;overflow:hidden;}
.fv-modal__frame .fv-forest{height:60%;opacity:.5;} .fv-modal__frame .fv-fog{opacity:.8;}
.fv-modal__play{width:74px;height:74px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin-bottom:1rem;color:var(--gold);}
.fv-modal__play:after{content:"";border-left:18px solid var(--gold);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px;}
.fv-modal__cap{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-size:.8rem;z-index:2;}
.fv-modal__sub{font-family:var(--serif);font-style:italic;color:#cfd4c9;z-index:2;margin-top:.4rem;}
.fv-modal__x{position:absolute;top:10px;right:14px;z-index:5;background:none;border:0;color:var(--ink);font-size:1.6rem;cursor:pointer;line-height:1;}

/* ---------- contact form (CF7) ---------- */
.fv-form{max-width:640px;margin-top:1.4rem;display:grid;gap:.9rem;}
.fv-form input[type=text],.fv-form input[type=email],.fv-form select,.fv-form textarea{
  width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);
  font-family:var(--mono);font-size:.85rem;padding:.85em 1em;border-radius:1px;}
.fv-form textarea{min-height:140px;resize:vertical;}
.fv-form input:focus,.fv-form select:focus,.fv-form textarea:focus{outline:none;border-color:var(--gold);}
.fv-form .wpcf7-submit{width:auto;justify-self:start;font-family:var(--mono);text-transform:uppercase;
  letter-spacing:.14em;font-size:.72rem;color:var(--ink);border:1px solid var(--gold-dim);
  padding:.9em 1.8em;background:rgba(143,178,180,.07);cursor:pointer;transition:.25s;}
.fv-form .wpcf7-submit:hover{background:var(--gold);color:var(--black);}
.wpcf7-response-output{border-color:var(--gold-dim)!important;color:var(--muted);font-family:var(--mono);font-size:.78rem;}

/* ---------- language switch ---------- */
.fv-lang{display:none;}
body.lang-en .fv-en{display:block;}
body.lang-es .fv-es{display:block;}
#fv-lang-btn{position:relative;z-index:10050;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;height:34px;padding:0 .55rem;
  border-radius:1px;display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;}
#fv-lang-btn span{cursor:pointer;color:var(--muted);transition:.2s;padding:.1rem .1rem;}
#fv-lang-btn span:hover{color:var(--ink);}
#fv-lang-btn span.active{color:var(--gold);}
#fv-lang-btn b{color:var(--faint);}
.fv-langfloat{position:fixed;top:14px;right:16px;z-index:10001;}

/* ---------- concept photography (Ferlieview stills) ---------- */
.fv-hero{
  background-image:linear-gradient(180deg,rgba(5,8,9,.5),rgba(5,8,9,.42) 42%,rgba(5,8,9,.95)),
    url('/wp-content/uploads/fv/fv-family.jpeg')!important;}
.fv-hero .fv-mtn,.fv-hero .fv-forest{opacity:.15;}
.fv-map{background-image:linear-gradient(rgba(5,8,9,.58),rgba(5,8,9,.72)),url('/wp-content/uploads/fv/fv-town.jpeg')!important;background-size:cover;background-position:center;}
.fv-map.dark{background-image:linear-gradient(rgba(5,8,9,.82),rgba(5,8,9,.9)),url('/wp-content/uploads/fv/fv-town.jpeg')!important;}
#fv-board-mount .fv-section{background:linear-gradient(rgba(5,8,9,.9),rgba(5,8,9,.92)),url('/wp-content/uploads/fv/fv-chamber.jpeg') center/cover;}
#fv-quiz-mount .fv-section{background:linear-gradient(rgba(5,8,9,.9),rgba(5,8,9,.93)),url('/wp-content/uploads/fv/fv-observatory.jpeg') center/cover;}
#teaser{background:linear-gradient(rgba(5,8,9,.8),rgba(5,8,9,.9)),url('/wp-content/uploads/fv/fv-house.jpeg') center/cover!important;}
.page-id-7 .fv-section{background:linear-gradient(rgba(5,8,9,.86),rgba(5,8,9,.9)),url('/wp-content/uploads/fv/fv-sophie.jpeg') center/cover;}
.page-id-6 .fv-section{background:linear-gradient(rgba(5,8,9,.87),rgba(5,8,9,.9)),url('/wp-content/uploads/fv/fv-hallway.jpeg') center/cover;}
.page-id-11 .fv-section{background:linear-gradient(rgba(5,8,9,.85),rgba(5,8,9,.9)),url('/wp-content/uploads/fv/fv-tunnel.jpeg') center/cover;}


/* ---------- footer credit ---------- */
#footer-info{color:var(--faint);font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;}
#footer-info a{color:var(--gold);}
.fv-foot{opacity:.85;}

/* ---------- exhibits (The Story) ---------- */
.fv-exhibits{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin:1.4rem 0 0;}
.fv-exhibit{background:var(--panel);border:1px solid var(--line);padding:1rem 1.1rem;border-radius:2px;display:block;
  transition:.25s;position:relative;overflow:hidden;}
.fv-exhibit:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);opacity:.5;transition:.25s;}
.fv-exhibit:hover{border-color:var(--gold-dim);transform:translateY(-3px);background:var(--panel2);}
.fv-exhibit:hover:before{opacity:1;}
.fv-exhibit .fv-mono{color:var(--gold);font-size:.6rem;letter-spacing:.14em;}
.fv-exhibit strong{display:block;color:var(--ink);font-family:var(--serif);font-size:1.15rem;margin-top:.35rem;font-weight:600;}
.fv-exhibit em{display:block;color:var(--muted);font-style:normal;font-size:.72rem;margin-top:.2rem;font-family:var(--mono);}

/* ---------- radio ---------- */
.fv-radio{margin-top:2rem;display:grid;gap:1rem;}
.fv-track{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:1.1rem 1.3rem;display:flex;
  flex-direction:column;gap:.7rem;position:relative;}
.fv-track:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rust);opacity:.6;}
.fv-track__meta{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;}
.fv-track__meta h3{margin:0;font-size:1.2rem;}
.fv-track audio{width:100%;height:38px;filter:invert(.92) hue-rotate(180deg) saturate(.6) contrast(.95);border-radius:2px;}

/* ---------- gallery lightbox ---------- */
.fv-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;padding:1.4rem;max-height:82vh;overflow:auto;}
.fv-gallery-grid img{width:100%;height:160px;object-fit:cover;border:1px solid var(--line);filter:brightness(.9);transition:.25s;cursor:zoom-in;}
.fv-gallery-grid img:hover{filter:brightness(1.05);border-color:var(--gold-dim);}


.fv-onair{color:var(--rust)!important;display:inline-flex;align-items:center;gap:.45rem}
.fv-onair:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rust);animation:fvair 1.6s infinite}
@keyframes fvair{0%{box-shadow:0 0 0 0 rgba(140,58,66,.55)}70%{box-shadow:0 0 0 7px rgba(140,58,66,0)}100%{box-shadow:0 0 0 0 rgba(140,58,66,0)}}
.fv-silence{color:var(--muted)!important;font-style:italic;font-size:.9rem;letter-spacing:.04em}


.fv-form--inline{display:flex;gap:.5rem;max-width:460px;margin:1rem auto 0;align-items:stretch}
.fv-form--inline .wpcf7-form-control-wrap{flex:1}
.fv-form--inline input[type=email]{width:100%;margin:0}
.fv-form--inline .wpcf7-submit{white-space:nowrap;margin:0}
@media(max-width:520px){.fv-form--inline{flex-direction:column}}


.fv-portrait{float:right;width:190px;height:230px;margin:0 0 1rem 1.5rem;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;text-align:center;color:var(--faint);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.6}
@media(max-width:600px){.fv-portrait{float:none;width:100%;margin:0 0 1.2rem}}


.fv-sign{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;margin-top:1.4rem}
.fv-sign-mark{width:150px;height:150px;flex:0 0 auto;border:1px solid var(--line);padding:1.1rem;border-radius:2px;background:var(--panel)}
.fv-sign-body{flex:1;min-width:270px}
.fv-sign-key{margin:1.2rem 0 0}
.fv-sign-key dt{color:var(--gold);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-top:.8rem}
.fv-sign-key dd{margin:.15rem 0 0;color:#cdd2d1}


.fv-404{font-family:var(--serif);font-size:clamp(4rem,14vw,9rem);letter-spacing:.12em;color:var(--gold);opacity:.22;line-height:.85;margin:.3rem 0}
.fv-stamp{display:inline-block;margin-top:1.6rem;border:2px solid var(--rust);color:var(--rust);font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;padding:.5em 1.2em;transform:rotate(-5deg);opacity:.92;border-radius:2px}


/* remove Divi placeholder social links (href="#") */
.et-social-icons,#et-footer-nav .et-social-icons{display:none!important;}

/* ---------- radio receiver: car-stereo / retro-punk skin ---------- */
.fv-set{position:relative;margin-top:1.8rem}
.fv-radioset{
  --dial:#f0b64a; --needle:#ff4a2e; --accent:var(--dial);
  --shell:linear-gradient(180deg,#39413f 0%,#20272a 8%,#161c1e 55%,#0d1213 100%);
  --bezel:linear-gradient(180deg,#d7dde0,#7c868b 20%,#39403f 55%,#c3cace 78%,#5a6360);
  --grille:repeating-linear-gradient(180deg,#cdd4d7 0 2px,#828a8e 2px 4px,#3c4347 4px 7px,#171c1f 7px 9px);
  --brandcol:#20262a; --radius:18px 18px 12px 12px; --brandsize:1.5rem; --grilleR:8px; --dialR:8px;
  position:relative;border-radius:var(--radius);padding:1.5rem 1.7rem 1.4rem;overflow:hidden;background:var(--shell);
  border:1px solid #05080a;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32),inset 0 -3px 8px rgba(0,0,0,.7),inset 0 0 0 6px rgba(0,0,0,.22),0 12px 32px rgba(0,0,0,.55)}
.fv-radioset:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:6px;
  background:var(--bezel);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* corner rivets (default) */
.fv-radioset:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  background:radial-gradient(circle at 15px 15px,#c9d0d4 0 2px,#1c2225 2.6px 4px,transparent 4.4px),radial-gradient(circle at calc(100% - 15px) 15px,#c9d0d4 0 2px,#1c2225 2.6px 4px,transparent 4.4px),radial-gradient(circle at 15px calc(100% - 15px),#c9d0d4 0 2px,#1c2225 2.6px 4px,transparent 4.4px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#c9d0d4 0 2px,#1c2225 2.6px 4px,transparent 4.4px)}
.fv-grille{position:relative;height:54px;margin:0 0 1rem;border-radius:var(--grilleR);border:1px solid #05090b;overflow:hidden;
  background:var(--grille);box-shadow:inset 0 2px 6px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,.07),inset 0 -2px 5px rgba(0,0,0,.55)}
.fv-grille:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 42%);pointer-events:none}
.fv-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;
  font-family:var(--serif);font-style:italic;font-weight:700;font-size:var(--brandsize);letter-spacing:.02em;
  color:var(--brandcol);-webkit-text-fill-color:var(--brandcol);
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 1px rgba(0,0,0,.3);pointer-events:none}
.fv-dial{position:relative;height:74px;border-radius:var(--dialR);margin:0 0 .3rem;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 28%),
    radial-gradient(120% 95% at 50% 14%, color-mix(in srgb,var(--dial) 45%,#fff), var(--dial) 42%, color-mix(in srgb,var(--dial) 70%,#000) 82%, color-mix(in srgb,var(--dial) 45%,#000));
  box-shadow:inset 0 0 0 2px #1a1a10,inset 0 0 0 4px rgba(255,255,255,.18),inset 0 3px 10px rgba(0,0,0,.4),inset 0 -5px 14px rgba(0,0,0,.4),0 0 28px color-mix(in srgb,var(--dial) 45%,transparent)}
.fv-set.is-on .fv-dial{box-shadow:inset 0 0 0 2px #1a1a10,inset 0 0 0 4px rgba(255,255,255,.22),inset 0 3px 10px rgba(0,0,0,.32),0 0 44px color-mix(in srgb,var(--accent) 72%,transparent)}
.fv-labels{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.66rem;font-weight:700;color:color-mix(in srgb,var(--dial) 34%,#000);letter-spacing:.04em}
.fv-scale{position:absolute;left:12px;right:12px;bottom:10px;height:22px;display:flex;justify-content:space-between;align-items:flex-end}
.fv-scale span{width:1px;height:8px;background:color-mix(in srgb,var(--dial) 40%,#000)}
.fv-scale span.maj{height:16px;width:2px;background:color-mix(in srgb,var(--dial) 55%,#000)}
.fv-needle{position:absolute;top:6px;bottom:6px;width:2px;left:12%;background:linear-gradient(color-mix(in srgb,var(--needle) 75%,#fff),color-mix(in srgb,var(--needle) 72%,#000));box-shadow:0 0 6px 1px color-mix(in srgb,var(--needle) 75%,transparent);border-radius:2px;transition:left .8s ease}
.fv-needle:after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--needle) 45%,color-mix(in srgb,var(--needle) 60%,#000));box-shadow:0 0 8px color-mix(in srgb,var(--needle) 80%,transparent),0 0 0 1px rgba(255,255,255,.4)}
.fv-set.is-scanning .fv-needle{animation:fvscan 1.1s linear infinite}
@keyframes fvscan{0%{left:8%}50%{left:92%}100%{left:8%}}
.fv-readout{display:flex;align-items:center;gap:.7rem;margin:.7rem 0 .2rem;padding:.4rem .6rem;border-radius:5px;background:linear-gradient(180deg,#0a0f11,#060a0b);box-shadow:inset 0 1px 3px rgba(0,0,0,.7);position:relative;z-index:1}
.fv-led{width:9px;height:9px;border-radius:50%;background:#3a1414;transition:.3s}
.fv-set.is-on .fv-led{background:var(--accent);box-shadow:0 0 10px var(--accent)}
.fv-set.is-idle .fv-led{background:var(--rust);animation:fvblink 1.8s infinite}
@keyframes fvblink{0%,100%{opacity:.25}50%{opacity:.75}}
.fv-status{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#8a9295}
.fv-set.is-on .fv-status{color:var(--accent)}
.fv-vu{display:flex;gap:3px;align-items:flex-end;height:16px;margin-left:auto}
.fv-vu i{width:3px;height:4px;background:#3a4145;display:block;border-radius:1px}
.fv-set.is-on .fv-vu i{background:var(--accent);animation:fvvu .9s ease-in-out infinite}
.fv-set.is-on .fv-vu i:nth-child(2){animation-delay:.12s}
.fv-set.is-on .fv-vu i:nth-child(3){animation-delay:.28s}
.fv-set.is-on .fv-vu i:nth-child(4){animation-delay:.08s}
.fv-set.is-on .fv-vu i:nth-child(5){animation-delay:.2s}
@keyframes fvvu{0%,100%{height:4px}50%{height:16px}}
.fv-radioset.is-live .fv-led{animation:fvpulse2 1.1s infinite}
@keyframes fvpulse2{0%,100%{box-shadow:0 0 8px var(--accent)}50%{box-shadow:0 0 18px var(--accent)}}
.fv-radioset.is-live .fv-vu i{animation-duration:.5s}
.fv-controls{display:flex;align-items:center;gap:1rem;margin-top:1.05rem;flex-wrap:wrap;position:relative;z-index:1}
.fv-knobwrap{display:flex;flex-direction:column;align-items:center;gap:.32rem}
.fv-knob{width:50px;height:50px;border-radius:50%;position:relative;cursor:pointer;
  background:repeating-conic-gradient(from 0deg,#dfe5e8 0 7deg,#828b8f 7deg 14deg);
  border:1px solid #23292c;box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.6);transition:transform .35s ease}
.fv-knob:before{content:"";position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 42% 36%,#39413f,#12181b);box-shadow:inset 0 1px 2px rgba(255,255,255,.15),inset 0 -2px 4px rgba(0,0,0,.7)}
.fv-knob__mark{position:absolute;top:3px;left:50%;width:3px;height:12px;background:#c9d0d4;transform:translateX(-50%);border-radius:2px;z-index:1;box-shadow:0 0 2px rgba(0,0,0,.6)}
.fv-knob__lbl{font-family:var(--mono);font-size:.54rem;letter-spacing:.16em;color:#79817f;text-transform:uppercase}
.fv-knob:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fv-power{transform:rotate(-42deg)}
.powered .fv-power{transform:rotate(42deg)}
.powered .fv-power .fv-knob__mark{background:var(--accent);box-shadow:0 0 8px var(--accent)}
.fv-tune.spin{transform:rotate(320deg)}
.is-scanning .fv-tune{animation:fvspin .9s linear infinite}
@keyframes fvspin{to{transform:rotate(360deg)}}
.fv-knob.fv-vol{transition:transform .08s linear;touch-action:none}
.muted .fv-vol{opacity:.45}
.muted .fv-vol .fv-knob__mark{background:var(--rust)}
.fv-keys{display:flex;gap:5px;flex:1;justify-content:center;padding:0 .3rem;flex-wrap:wrap}
.fv-key{min-width:46px;height:34px;border-radius:3px;background:linear-gradient(180deg,#eef2f4,#9aa2a6 55%,#c7ced1);border:1px solid #454c50;box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -2px 3px rgba(0,0,0,.35),0 2px 3px rgba(0,0,0,.5);cursor:pointer;font-family:var(--mono);font-size:.62rem;font-weight:700;color:#262b2e;letter-spacing:.01em;transition:.12s;padding:0 .35em;line-height:1}
.fv-key b{font-weight:700}
.fv-key:hover{transform:translateY(1px);filter:brightness(1.05)}
.fv-key:active{transform:translateY(3px)}
.fv-key.is-active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,#fff),var(--accent) 55%,color-mix(in srgb,var(--accent) 65%,#000));color:#20140a;border-color:color-mix(in srgb,var(--accent) 60%,#000);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 0 12px color-mix(in srgb,var(--accent) 75%,transparent)}
.fv-nowline{flex:0 0 100%;order:9;font-family:var(--mono);font-size:.66rem;color:#6f7775;letter-spacing:.04em;margin-top:.6rem;padding:.45rem .6rem;border-radius:4px;background:rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.powered .fv-nowline{color:var(--accent)}
.fv-standby{display:flex;align-items:center;gap:.9rem;margin-top:.9rem;flex-wrap:wrap}
.fv-set.is-on .fv-standby{display:none}
.fv-offsign{font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rust);border:1px solid var(--rust);padding:.32em .7em;border-radius:2px;animation:fvflicker 3.2s infinite}
@keyframes fvflicker{0%,44%,70%,100%{opacity:.9}46%{opacity:.15}48%{opacity:.9}72%{opacity:.2}74%{opacity:.9}}
.fv-count{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:#8a9295}
.is-scanning .fv-led{background:var(--rust)!important;animation:fvblink .5s infinite!important}
@media(prefers-reduced-motion:reduce){.fv-needle,.fv-vu i,.fv-led,.fv-tune,.fv-offsign{animation:none!important}}
@media(max-width:560px){.fv-knob{width:44px;height:44px}.fv-key{min-width:40px}.fv-brand{font-size:1.3rem}}

/* chassis decor slots (revealed per design) */
.fv-crown,.fv-pillar,.fv-cabinet,.fv-handle{display:none;position:absolute}
.fv-grille,.fv-dial{z-index:1}

@media(max-width:782px){.fv-section{padding:3.4rem 0;}}

/* ============ radio designs (distinct chassis, backend-selectable) ============ */

/* ---- CAR STEREO: Chrome Slab (baseline) ---- */
.fv-skin-car-chrome{--dial:#f0b64a;--needle:#ff4a2e;--accent:#f6c256}

/* ---- CAR STEREO: Cassette DIN ---- */
.fv-skin-car-cassette{--dial:#ffb43a;--needle:#ff4a2e;--accent:#ffb43a;--radius:6px;
  --shell:linear-gradient(180deg,#303234,#141517 45%,#0a0b0c);--bezel:linear-gradient(180deg,#4a4d50,#141517 60%,#3a3d40);--grille:linear-gradient(180deg,#1a1c1e,#0c0d0f);padding-bottom:3.1rem}
.fv-skin-car-cassette .fv-cabinet{display:block;left:20px;right:20px;bottom:10px;height:20px;border-radius:3px;background:linear-gradient(180deg,#0a0b0c,#000);box-shadow:inset 0 0 0 1px #33363a,inset 0 2px 6px rgba(0,0,0,.9);z-index:0}
.fv-skin-car-cassette .fv-cabinet:before{content:"\25B6  T A P E";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 9px var(--mono);letter-spacing:.22em;color:#414850}

/* ---- CAR STEREO: 80s Digital LED ---- */
.fv-skin-car-digital{--dial:#39ff88;--needle:#39ff88;--accent:#39ff88;--radius:6px;
  --shell:linear-gradient(180deg,#26282a,#0c0d0f);--bezel:linear-gradient(180deg,#4a4d50,#0c0d0f);--grille:linear-gradient(180deg,#141517,#080909)}
.fv-skin-car-digital .fv-dial{background:linear-gradient(180deg,#04120a,#020806);box-shadow:inset 0 0 0 2px #0a1f14,inset 0 0 18px rgba(0,0,0,.9),0 0 22px rgba(57,255,136,.25)}
.fv-skin-car-digital .fv-labels{font-family:var(--mono);color:#39ff88;text-shadow:0 0 7px rgba(57,255,136,.9);font-size:.82rem;letter-spacing:.08em;top:24px}
.fv-skin-car-digital .fv-scale span{background:rgba(57,255,136,.32)}
.fv-skin-car-digital .fv-scale span.maj{background:rgba(57,255,136,.7)}
.fv-skin-car-digital .fv-needle{background:#39ff88;box-shadow:0 0 9px #39ff88}
.fv-skin-car-digital .fv-key{background:linear-gradient(180deg,#26292b,#141517);color:#8fa0a0;border-color:#0a0b0c}
.fv-skin-car-digital .fv-key.is-active{background:linear-gradient(180deg,#39ff88,#0f8a4a);color:#02160b;border-color:#0f8a4a;box-shadow:0 0 12px rgba(57,255,136,.8)}

/* ---- JUKEBOX: Bubbler Arch (Wurlitzer 1015) ---- */
.fv-skin-jbx-bubbler{--dial:#f4b63a;--needle:#ff5a2e;--accent:#ff7a2e;--radius:130px 130px 14px 14px;--brandsize:1.5rem;--grilleR:70px 70px 10px 10px;--dialR:34px;--brandcol:#3a2606;
  --shell:linear-gradient(180deg,#7a5228,#4f3418 34%,#2c1c0d 72%,#160d05);--bezel:linear-gradient(180deg,#e6c88a,#8a6320 40%,#4a3410 70%,#d8bd7c);--grille:repeating-linear-gradient(180deg,#f4d477 0 2px,#b8892f 2px 4px,#6a4a12 4px 7px,#2a1d08 7px 9px);
  padding:5rem 2.5rem 1.6rem}
.fv-skin-jbx-bubbler .fv-crown{display:block;left:10%;right:10%;top:16px;height:66px;z-index:0;border-radius:80px 80px 0 0;background:linear-gradient(180deg,#ffe4b0,#ff9a3c 45%,#ff3c2e 80%,#8a1c10);box-shadow:0 0 26px rgba(255,120,40,.55),inset 0 0 24px rgba(255,220,150,.6)}
.fv-skin-jbx-bubbler .fv-pillar{display:block;top:70px;bottom:26px;width:16px;border-radius:10px;z-index:0;background:linear-gradient(0deg,#fff,#ffcf6a,#ff5a3c,#8a5aff,#4aa8ff,#fff);background-size:100% 320%;animation:fvbubble 6s linear infinite;box-shadow:0 0 12px rgba(255,180,80,.55),inset 0 0 5px rgba(255,255,255,.7)}
.fv-skin-jbx-bubbler .fv-pl{left:16px}.fv-skin-jbx-bubbler .fv-pr{right:16px}
.fv-skin-jbx-bubbler .fv-cabinet{display:block;left:0;right:0;bottom:0;height:22px;z-index:0;background:linear-gradient(180deg,#2c1c0d,#160d05)}
@keyframes fvbubble{0%{background-position:0 0}100%{background-position:0 320%}}

/* ---- JUKEBOX: Rainbow Neon (Crosley) ---- */
.fv-skin-jbx-neon{--dial:#ffd36a;--needle:#ff4a5a;--accent:#ff5aa0;--radius:120px 120px 14px 14px;--brandcol:#bfe0ff;--brandsize:1.5rem;--grilleR:60px 60px 10px 10px;--dialR:30px;
  --shell:radial-gradient(120% 80% at 50% 0,#1a2f6a,#0b1330 55%,#060a1a);--bezel:linear-gradient(180deg,#c9d0d4,#4a5560 50%,#c3cace);--grille:repeating-linear-gradient(180deg,#2a3a6a 0 2px,#16224a 2px 5px,#0b1330 5px 8px);
  padding:5rem 2.5rem 1.6rem}
.fv-skin-jbx-neon .fv-crown{display:block;left:8%;right:8%;top:14px;height:64px;z-index:0;border-radius:80px 80px 0 0;background:conic-gradient(from 200deg at 50% 100%,#ff4a5a,#ffd36a,#6ad46a,#4aa8ff,#b06aff,#ff4a5a);opacity:.9;filter:blur(.4px);box-shadow:0 0 30px rgba(120,120,255,.5)}
.fv-skin-jbx-neon .fv-pillar{display:block;top:66px;bottom:24px;width:16px;border-radius:10px;z-index:0;background:linear-gradient(0deg,#ff4a5a,#ffd36a,#6ad46a,#4aa8ff,#b06aff);background-size:100% 260%;animation:fvbubble 5s linear infinite;box-shadow:0 0 14px rgba(120,160,255,.6)}
.fv-skin-jbx-neon .fv-pl{left:16px}.fv-skin-jbx-neon .fv-pr{right:16px}
.fv-skin-jbx-neon .fv-cabinet{display:block;left:0;right:0;bottom:0;height:22px;z-index:0;background:linear-gradient(180deg,#0b1330,#060a1a)}

/* ---- JUKEBOX: Slant Console (Wurlitzer Stereo) ---- */
.fv-skin-jbx-console{--dial:#f4c24a;--needle:#ff5a3c;--accent:#f4c24a;--radius:10px 10px 6px 6px;--brandcol:#f4e0a0;--grilleR:6px;--dialR:6px;
  --shell:linear-gradient(180deg,#5a4326,#33240f 55%,#1c1206);--bezel:linear-gradient(180deg,#e6c88a,#7a5410 55%,#d8bd7c);--grille:repeating-linear-gradient(180deg,#f4d477 0 4px,#8a6318 4px 6px,#4a3410 6px 8px)}
.fv-skin-jbx-console .fv-grille{height:42px}
.fv-skin-jbx-console .fv-brand{font-style:normal;letter-spacing:.3em;font-size:1rem;font-family:var(--mono);text-transform:uppercase}

/* ---- JUKEBOX: Chrome Starburst (AMI) ---- */
.fv-skin-jbx-starburst{--dial:#7fe0e0;--needle:#ff5a3c;--accent:#7fe0e0;--radius:12px;--brandcol:#20262a;--grilleR:8px;--dialR:8px;
  --shell:linear-gradient(180deg,#c9d0d4,#7a8286 30%,#3a4145 70%,#20262a);--bezel:linear-gradient(180deg,#fff,#9aa2a6 50%,#c7ced1)}
.fv-skin-jbx-starburst .fv-grille{background:radial-gradient(circle at 50% 128%,rgba(255,255,255,.55),transparent 62%),conic-gradient(from 0deg at 50% 130%,#c9d0d4 0 6deg,#59626a 6deg 12deg)}

/* ---- JUKEBOX: Curved Dome (Seeburg) ---- */
.fv-skin-jbx-dome{--dial:#5ab0ff;--needle:#ffd24a;--accent:#5ab0ff;--radius:80px 80px 10px 10px;--brandcol:#bfe0ff;--grilleR:40px 40px 8px 8px;--dialR:40px 40px 8px 8px;
  --shell:linear-gradient(180deg,#3a4145,#1a2024 50%,#0c1013);--bezel:linear-gradient(180deg,#e6ebef,#7a8286 50%,#c3cace);--grille:repeating-linear-gradient(90deg,#3a4145 0 3px,#1a2024 3px 6px);padding-top:3.4rem}
.fv-skin-jbx-dome .fv-crown{display:block;left:6%;right:6%;top:12px;height:42px;z-index:0;border-radius:60px 60px 0 0;background:linear-gradient(180deg,rgba(120,200,255,.6),rgba(20,60,120,.15));box-shadow:inset 0 0 20px rgba(120,200,255,.4)}

/* ---- CARRY-ON: 80s Boombox + Neon Boombox (shared chassis) ---- */
.fv-skin-box-boombox,.fv-skin-box-retro{--radius:14px;--grilleR:8px;--dialR:8px;padding:2.7rem 94px 3rem}
.fv-skin-box-boombox .fv-handle,.fv-skin-box-retro .fv-handle{display:block;left:34%;right:34%;top:8px;height:15px;border-radius:15px 15px 0 0;border:3px solid #5a5d60;border-bottom:none;z-index:0}
.fv-skin-box-boombox .fv-pillar,.fv-skin-box-retro .fv-pillar{display:block;top:42px;width:78px;height:78px;border-radius:50%;z-index:0;
  background:radial-gradient(circle at 45% 40%,#4a4d50,#1a1c1e 62%),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.5) 0 3px,rgba(255,255,255,.05) 3px 6px);
  box-shadow:inset 0 0 0 4px #5a5d60,inset 0 0 12px rgba(0,0,0,.8),0 0 0 2px #0c0d0f}
.fv-skin-box-boombox .fv-pl,.fv-skin-box-retro .fv-pl{left:8px}.fv-skin-box-boombox .fv-pr,.fv-skin-box-retro .fv-pr{right:8px}
.fv-skin-box-boombox .fv-cabinet,.fv-skin-box-retro .fv-cabinet{display:block;left:102px;right:102px;bottom:10px;height:18px;border-radius:3px;background:linear-gradient(180deg,#0a0b0c,#000);box-shadow:inset 0 0 0 1px #4a4d50;z-index:0}
.fv-skin-box-boombox .fv-cabinet:before,.fv-skin-box-retro .fv-cabinet:before{content:"\25B7 TAPE";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 9px var(--mono);letter-spacing:.18em;color:#4a5155}
/* boombox colors */
.fv-skin-box-boombox{--dial:#ff6a3c;--needle:#ffd24a;--accent:#ff6a3c;--brandcol:#dfe6e6;--shell:linear-gradient(180deg,#3a3d40,#232527 40%,#141517);--bezel:linear-gradient(180deg,#5a5d60,#141517);--grille:repeating-linear-gradient(180deg,#2a2c2e 0 2px,#0c0d0f 2px 5px)}
.fv-skin-box-retro{--dial:#ff2ea0;--needle:#2ee6ff;--accent:#2ee6ff;--brandcol:#2ee6ff;--shell:linear-gradient(180deg,#241436,#120a20 45%,#080410);--bezel:linear-gradient(180deg,#ff2ea0,#2ee6ff);--grille:repeating-linear-gradient(180deg,#2a1440 0 2px,#120a20 2px 5px)}
.fv-skin-box-retro .fv-pillar{box-shadow:inset 0 0 0 4px #2ee6ff,inset 0 0 14px rgba(255,46,160,.6),0 0 14px rgba(46,230,255,.5)}

/* ============ themed designs: glass + bulbs (cold palette) ============ */
@keyframes fvbulbs{0%,49%{opacity:1}50%,100%{opacity:.2}}
@keyframes fvbulbs2{0%,49%{opacity:.2}50%,100%{opacity:1}}

/* JUKEBOX — Marquee Bulbs (wine/black + teal chase bulbs) */
.fv-skin-jbx-marquee{--dial:#8fb2b4;--needle:#8c3a42;--accent:#a9c2c2;--radius:120px 120px 14px 14px;--brandcol:#a9c2c2;--brandsize:1.5rem;--grilleR:60px 60px 10px 10px;--dialR:30px;
  --shell:linear-gradient(180deg,#3a1116,#1a0407 45%,#00010d);--bezel:linear-gradient(180deg,#8fb2b4,#273b40 50%,#8fb2b4);--grille:repeating-linear-gradient(180deg,#122024 0 2px,#0a1418 2px 5px,#00010d 5px 8px);padding:4.6rem 2.4rem 2.5rem}
.fv-skin-jbx-marquee .fv-crown{display:block;left:5%;right:5%;top:12px;height:58px;border-radius:70px 70px 0 0;overflow:hidden;z-index:0}
.fv-skin-jbx-marquee .fv-crown:before,.fv-skin-jbx-marquee .fv-crown:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7px 7px,var(--accent) 0 3px,transparent 3.8px) 0 0/26px 26px;filter:drop-shadow(0 0 4px var(--accent))}
.fv-skin-jbx-marquee .fv-crown:before{animation:fvbulbs 1.1s steps(1) infinite}
.fv-skin-jbx-marquee .fv-crown:after{background-position:13px 13px;animation:fvbulbs2 1.1s steps(1) infinite}
.fv-skin-jbx-marquee .fv-cabinet{display:block;left:6%;right:6%;bottom:8px;height:14px;z-index:0;background:radial-gradient(circle at 7px 7px,var(--accent) 0 3px,transparent 3.8px) 0 0/26px 26px;animation:fvbulbs 1.1s steps(1) infinite;filter:drop-shadow(0 0 3px var(--accent))}

/* JUKEBOX — Glass Dome (steel + teal glass canopy) */
.fv-skin-jbx-glassdome{--dial:#8fb2b4;--needle:#8c3a42;--accent:#8fb2b4;--radius:90px 90px 12px 12px;--brandcol:#a9c2c2;--grilleR:50px 50px 8px 8px;--dialR:50px 50px 8px 8px;
  --shell:linear-gradient(180deg,#2a3438,#141d20 50%,#00010d);--bezel:linear-gradient(180deg,#c7d4d4,#3a4d4f 50%,#a9c2c2);--grille:repeating-linear-gradient(90deg,#1a2a2e 0 3px,#0a1418 3px 6px);padding-top:3.2rem}
.fv-skin-jbx-glassdome .fv-crown{display:block;left:5%;right:5%;top:10px;height:52px;border-radius:70px 70px 0 0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(143,178,180,.08) 45%,transparent);box-shadow:inset 0 2px 8px rgba(255,255,255,.3)}
.fv-skin-jbx-glassdome .fv-handle{display:block;left:0;right:0;top:0;height:60%;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16) 0 26%,transparent 52%)}

/* JUKEBOX — Cold Bubbler (theme-color tubes) */
.fv-skin-jbx-coldbubbler{--dial:#a9c2c2;--needle:#8c3a42;--accent:#8fb2b4;--radius:130px 130px 14px 14px;--brandcol:#a9c2c2;--grilleR:70px 70px 10px 10px;--dialR:34px;
  --shell:linear-gradient(180deg,#2a3438,#141d20 40%,#00010d);--bezel:linear-gradient(180deg,#8fb2b4,#273b40 50%,#8fb2b4);--grille:repeating-linear-gradient(180deg,#122024 0 2px,#0a1418 2px 5px);padding:5rem 2.5rem 1.6rem}
.fv-skin-jbx-coldbubbler .fv-crown{display:block;left:10%;right:10%;top:16px;height:64px;z-index:0;border-radius:80px 80px 0 0;background:linear-gradient(180deg,#a9c2c2,#8fb2b4 45%,#8c3a42 85%,#400409);box-shadow:0 0 24px rgba(143,178,180,.5),inset 0 0 22px rgba(169,194,194,.5)}
.fv-skin-jbx-coldbubbler .fv-pillar{display:block;top:68px;bottom:24px;width:16px;border-radius:10px;z-index:0;background:linear-gradient(0deg,#a9c2c2,#8fb2b4,#273b40,#8c3a42,#a9c2c2);background-size:100% 300%;animation:fvbubble 6s linear infinite;box-shadow:0 0 12px rgba(143,178,180,.55)}
.fv-skin-jbx-coldbubbler .fv-pl{left:16px}.fv-skin-jbx-coldbubbler .fv-pr{right:16px}
.fv-skin-jbx-coldbubbler .fv-cabinet{display:block;left:0;right:0;bottom:0;height:22px;z-index:0;background:linear-gradient(180deg,#141d20,#00010d)}

/* JUKEBOX — Lantern Glass (lit glass side columns) */
.fv-skin-jbx-lantern{--dial:#8fb2b4;--needle:#8c3a42;--accent:#a9c2c2;--radius:20px 20px 12px 12px;--brandcol:#a9c2c2;--grilleR:8px;--dialR:8px;
  --shell:linear-gradient(180deg,#1a2a2e,#0a1418 55%,#00010d);--bezel:linear-gradient(180deg,#8fb2b4,#273b40 55%,#8fb2b4);--grille:repeating-linear-gradient(90deg,#122024 0 3px,#0a1418 3px 6px);padding:1.8rem 40px 1.6rem}
.fv-skin-jbx-lantern .fv-pillar{display:block;top:14px;bottom:14px;width:22px;border-radius:6px;z-index:0;background:linear-gradient(180deg,rgba(169,194,194,.5),rgba(143,178,180,.2) 50%,rgba(64,4,9,.4));box-shadow:inset 0 0 10px rgba(169,194,194,.5),0 0 12px rgba(143,178,180,.4)}
.fv-skin-jbx-lantern .fv-pl{left:8px}.fv-skin-jbx-lantern .fv-pr{right:8px}
.fv-skin-jbx-lantern .fv-handle{display:block;left:0;right:0;top:0;height:50%;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.14) 0 24%,transparent 50%)}

/* CAR STEREO — Glass Deco (glossy + bulb strip) */
.fv-skin-car-glass{--dial:#8fb2b4;--needle:#8c3a42;--accent:#a9c2c2;--radius:10px;
  --shell:linear-gradient(180deg,#2a3438,#141d20 50%,#00010d);--bezel:linear-gradient(180deg,#c7d4d4,#3a4d4f 50%,#a9c2c2);--grille:repeating-linear-gradient(180deg,#122024 0 2px,#0a1418 2px 5px);padding-bottom:2.6rem}
.fv-skin-car-glass .fv-handle{display:block;left:0;right:0;top:0;height:56%;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.18) 0 26%,transparent 52%)}
.fv-skin-car-glass .fv-cabinet{display:block;left:16px;right:16px;bottom:7px;height:9px;z-index:0;background:radial-gradient(circle at 6px 5px,var(--accent) 0 2.4px,transparent 3px) 0 0/20px 20px;animation:fvbulbs 1.2s steps(1) infinite;filter:drop-shadow(0 0 3px var(--accent))}

/* CARRY-ON — Glass Boombox (teal-lit glass speakers) */
.fv-skin-box-glass{--dial:#8fb2b4;--needle:#8c3a42;--accent:#a9c2c2;--radius:14px;--grilleR:8px;--dialR:8px;--brandcol:#a9c2c2;padding:2.7rem 94px 3rem;
  --shell:linear-gradient(180deg,#2a3438,#141d20 45%,#00010d);--bezel:linear-gradient(180deg,#8fb2b4,#273b40);--grille:repeating-linear-gradient(180deg,#122024 0 2px,#0a1418 2px 5px)}
.fv-skin-box-glass .fv-handle{display:block;left:34%;right:34%;top:8px;height:15px;border-radius:15px 15px 0 0;border:3px solid #8fb2b4;border-bottom:none;z-index:0}
.fv-skin-box-glass .fv-pillar{display:block;top:42px;width:78px;height:78px;border-radius:50%;z-index:0;background:radial-gradient(circle at 45% 40%,rgba(169,194,194,.35),rgba(20,29,32,.9) 60%),repeating-radial-gradient(circle at 50% 50%,rgba(143,178,180,.25) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 4px #273b40,inset 0 0 14px rgba(143,178,180,.4),0 0 12px rgba(143,178,180,.4)}
.fv-skin-box-glass .fv-pl{left:8px}.fv-skin-box-glass .fv-pr{right:8px}
.fv-skin-box-glass .fv-cabinet{display:block;left:102px;right:102px;bottom:10px;height:18px;border-radius:3px;background:linear-gradient(180deg,#0a1418,#00010d);box-shadow:inset 0 0 0 1px #8fb2b4;z-index:0}
.fv-skin-box-glass .fv-cabinet:before{content:"\25B7 TAPE";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 9px var(--mono);letter-spacing:.18em;color:#8fb2b4}

/* ============ Clearance Portal ============ */
.fv-clearance{max-width:640px;margin:2rem auto;padding:0 1rem}
.fv-relay{color:var(--rust);letter-spacing:.24em;font-size:.7rem;margin-bottom:1.4rem}
.fv-briefing p{color:#cdd2d1;line-height:1.8;margin:.9rem 0}
.fv-briefing p:first-child{font-family:var(--serif);font-size:1.22rem;color:var(--ink)}
.fv-clearform{margin:2rem 0;padding:1.6rem;border:1px solid var(--line);background:rgba(15,23,27,.6);border-radius:4px;position:relative}
.fv-clearform label.fv-mono{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.16em;margin-bottom:.5rem}
.fv-clearform input[type=email]{width:100%;background:#0a1216;border:1px solid var(--gold-dim);color:var(--ink);padding:.8rem;font-family:var(--mono);border-radius:3px;box-sizing:border-box}
.fv-consent{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0;color:#a9afa7;font-size:.82rem;line-height:1.5}
.fv-btn{display:inline-block;margin-top:.4rem;background:var(--slate);color:var(--gold);border:1px solid var(--gold-dim);padding:.8rem 1.6rem;font-family:var(--mono);letter-spacing:.16em;font-size:.78rem;cursor:pointer;border-radius:3px;text-decoration:none;transition:.2s}
.fv-btn:hover{background:var(--gold);color:var(--black)}
.fv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fv-sub{margin-top:1rem;font-size:.7rem}.fv-sub a{color:var(--faint)}
.fv-note{padding:.8rem 1rem;border-radius:3px;margin:1rem 0;font-family:var(--mono);font-size:.8rem}
.fv-note.ok{border:1px solid var(--gold-dim);color:var(--gold);background:rgba(39,59,64,.3)}
.fv-note.err{border:1px solid var(--rust);color:var(--rust)}
.fv-disclaim{color:var(--faint);font-size:.68rem;margin-top:2rem;line-height:1.5}
.fv-locked{border:1px dashed var(--rust);padding:1.6rem;border-radius:4px;text-align:center}
.fv-locked .fv-mono{color:var(--rust);letter-spacing:.2em;font-size:.72rem;display:block;margin-bottom:.6rem}
.fv-progress{color:var(--gold);border:1px solid var(--line);padding:.6rem 1rem;border-radius:3px;font-size:.72rem;letter-spacing:.1em;margin-bottom:1.4rem;font-family:var(--mono)}
.fv-case>.fv-mono{color:var(--gold);letter-spacing:.14em;font-size:.8rem;display:block;margin-bottom:1rem}
.fv-board{display:grid;gap:1rem;margin-top:2rem}
.fv-clue{border:1px solid var(--line);border-left:3px solid var(--rust);padding:1rem 1.2rem;background:var(--panel);border-radius:2px;color:#cdd2d1}
.fv-clue .fv-mono{color:var(--gold);font-size:.68rem;letter-spacing:.14em}
.fv-clue strong{display:block;font-family:var(--serif);font-size:1.1rem;margin:.2rem 0 .4rem;color:#e8e6e1}
.fv-theory{margin:2rem 0;padding:1.4rem;border:1px solid var(--line);border-radius:4px}
.fv-choice{display:block;margin:.5rem 0;color:#cdd2d1;cursor:pointer}
.fv-pct{color:var(--gold);font-family:var(--mono);float:right}

/* portal classified-mode header (hides Divi nav on portal pages) */
body.fv-portal #main-header,body.fv-portal #top-header{display:none!important}
body.fv-portal #page-container{padding-top:0!important}
.fv-porthead{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:rgba(6,10,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.fv-porthead__sig{width:26px;height:26px;background:url(/wp-content/uploads/ferlieview-sigil.svg) center/contain no-repeat;display:block;flex:0 0 auto}
.fv-porthead__status{color:var(--gold);font-size:.66rem;letter-spacing:.16em}
.fv-porthead__nav{margin-left:auto;display:flex;gap:1.2rem}
.fv-porthead__nav a{color:var(--muted);font-size:.66rem;letter-spacing:.14em;text-decoration:none}
.fv-porthead__nav a:hover{color:var(--gold)}

/* a11y: reduced motion for animated radio skins + portal focus states */
@media(prefers-reduced-motion:reduce){
  .fv-skin-jbx-bubbler .fv-pillar,.fv-skin-jbx-coldbubbler .fv-pillar,.fv-skin-jbx-neon .fv-pillar,
  .fv-fam-jukebox:after,.fv-skin-jbx-marquee .fv-crown:before,.fv-skin-jbx-marquee .fv-crown:after,
  .fv-skin-jbx-marquee .fv-cabinet,.fv-skin-car-glass .fv-cabinet{animation:none!important}
}
.fv-clearform input[type=email]:focus-visible,.fv-btn:focus-visible,.fv-choice input:focus-visible,.fv-porthead__nav a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* portal inline language spans (button/label/consent/sub) */
.fv-btn .fv-lang,.fv-consent .fv-lang,label.fv-mono .fv-lang,.fv-sub .fv-lang{display:none}
body.lang-en .fv-btn .fv-en,body.lang-en .fv-consent .fv-en,body.lang-en label.fv-mono .fv-en,body.lang-en .fv-sub .fv-en{display:inline}
body.lang-es .fv-btn .fv-es,body.lang-es .fv-consent .fv-es,body.lang-es label.fv-mono .fv-es,body.lang-es .fv-sub .fv-es{display:inline}

/* qualification test mission */
.fv-mission .fv-testtag{color:var(--rust);letter-spacing:.18em;font-size:.72rem;display:block;margin-bottom:1rem}
.fv-mapimg{width:100%;border:1px solid var(--line);border-radius:4px;margin:1.4rem 0;display:block}
.fv-testdone{margin-bottom:1.5rem}

/* unlock interstitial (post-qualification gate) */
.fv-unlock{border:1px solid var(--gold-dim);border-radius:6px;padding:2rem;margin:1.5rem 0;background:linear-gradient(180deg,rgba(39,59,64,.35),rgba(15,23,27,.6));text-align:center}
.fv-unlock__tag{color:var(--gold);letter-spacing:.2em;font-size:.7rem;display:block;margin-bottom:1rem}
.fv-unlock h2{font-family:var(--serif);font-size:1.8rem;margin:.2rem 0;color:#e8e6e1}
.fv-unlock p{color:#cdd2d1}
.fv-unlock__file{border:1px solid var(--line);border-left:3px solid var(--rust);border-radius:3px;padding:1rem;margin:1.4rem 0;text-align:left}
.fv-unlock__file .fv-mono{color:var(--gold);font-size:.68rem;letter-spacing:.12em;display:block}
.fv-unlock__file strong{font-family:var(--serif);font-size:1.2rem;display:block;margin-top:.3rem;color:#e8e6e1}
.fv-unlock__form{max-width:520px;margin:0 auto;text-align:left}
.fv-unlock__form label.fv-mono{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.16em;margin:1rem 0 .4rem}
.fv-unlock__form input[type=text]{width:100%;background:#0a1216;border:1px solid var(--gold-dim);color:var(--ink);padding:.7rem;font-family:var(--mono);border-radius:3px;box-sizing:border-box;letter-spacing:.12em;text-transform:uppercase}
.fv-hint{font-size:.72rem;color:var(--faint);margin:.4rem 0 0}
.fv-btn--big{display:block;width:100%;margin-top:1.4rem;padding:1rem;font-size:.85rem;text-align:center}

/* generic inline language spans (portal: buttons, header, progress, labels) */
span.fv-lang{display:none}
body.lang-en span.fv-en{display:inline}
body.lang-es span.fv-es{display:inline}
.fv-porthead #fv-lang-btn{margin-left:1rem;position:relative}

/* field fax + countdown */
.fv-fax{border:1px solid var(--gold-dim);border-left:3px solid var(--gold);border-radius:4px;padding:1.3rem 1.4rem;margin:2rem 0;background:repeating-linear-gradient(0deg,rgba(143,178,180,.03) 0 2px,transparent 2px 5px),var(--panel)}
.fv-fax__tag{color:var(--gold);letter-spacing:.16em;font-size:.68rem;display:block;margin-bottom:.6rem}
.fv-fax p{color:#cdd2d1;line-height:1.7}
.fv-fax__task{color:var(--muted);font-size:.85rem;font-style:italic;margin-top:.6rem}
.fv-fax__ack{margin-top:1rem}
.fv-count2{color:var(--gold)}

/* ===== mobile menu fixes ===== */
@media(max-width:980px){
  #et_top_search{display:none!important}
  #et_mobile_nav_menu{display:block!important;position:relative;z-index:11000!important;float:right}
  #et_mobile_nav_menu .mobile_nav,#et_mobile_nav_menu .mobile_menu_bar{display:block!important}
  #et_mobile_nav_menu .mobile_menu_bar:before{content:"\61"!important;font-family:"ETmodules"!important;color:var(--gold)!important;font-size:34px!important;line-height:1!important;opacity:1!important;display:inline-block!important}
  .et_mobile_menu,#mobile_menu.et_mobile_menu{background:rgba(0,1,13,.98)!important;border-color:var(--gold-dim)!important}
  .et_mobile_menu li a,.et_mobile_menu li a:visited{color:#e8e6e1!important;opacity:1!important}
  .et_mobile_menu li a:hover,.et_mobile_menu li.current-menu-item a{color:var(--gold)!important}
  /* language switch now lives inside the menu (see .fv-langitem) */
}

/* custom mobile menu */
#fv-mnav{display:none}
@media(max-width:980px){
  #et_mobile_nav_menu{display:none!important}
  #fv-mnav{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:22px;right:18px;z-index:11001;width:42px;height:42px;background:rgba(0,1,13,.7);border:1px solid var(--gold-dim);border-radius:6px;cursor:pointer;padding:0 9px}
  #fv-mnav span{display:block;height:2px;width:100%;background:var(--gold);border-radius:2px;transition:.25s}
  body.fv-mopen #fv-mnav span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.fv-mopen #fv-mnav span:nth-child(2){opacity:0}
  body.fv-mopen #fv-mnav span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #fv-mpanel{position:fixed;inset:0;background:rgba(0,1,13,.97);z-index:11000;display:none;padding:90px 24px 40px;overflow:auto;backdrop-filter:blur(4px)}
  body.fv-mopen #fv-mpanel{display:block}
  .fv-mpanel__in{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:1rem}
  .fv-mpanel__in a{color:#e8e6e1;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:1.05rem;text-decoration:none}
  .fv-mpanel__in a:hover{color:var(--gold)}
  body.fv-portal #fv-mnav{display:none!important}
}

/* ===== site-wide mini radio (collapsible corner) ===== */
.fv-miniradio{position:fixed;right:16px;bottom:16px;z-index:10030}
.fv-mini-launch{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold-dim);background:rgba(0,1,13,.85);color:var(--gold);font-size:20px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.5);line-height:44px;text-align:center;padding:0}
.fv-mini-launch:hover{color:var(--amber);border-color:var(--gold)}
.fv-mini-body{display:none;width:300px;max-width:calc(100vw - 32px);position:relative}
.fv-miniradio.open .fv-mini-launch{display:none}
.fv-miniradio.open .fv-mini-body{display:block}
.fv-mini-close{position:absolute;top:-9px;right:-7px;z-index:3;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-dim);background:#00010d;color:var(--gold);cursor:pointer;font:700 15px/1 var(--mono)}
.fv-miniradio .fv-radioset{padding:.6rem .8rem!important;border-radius:10px!important;margin:0!important}
.fv-miniradio .fv-radioset:before,.fv-miniradio .fv-radioset:after,.fv-miniradio .fv-grille,.fv-miniradio .fv-dial,.fv-miniradio .fv-keys,.fv-miniradio .fv-standby,.fv-miniradio .fv-vu,.fv-miniradio .fv-knob__lbl{display:none!important}
.fv-miniradio .fv-readout{margin:.35rem 0 .5rem;padding:.3rem .5rem}
.fv-miniradio .fv-status{font-size:.56rem}
.fv-miniradio .fv-controls{gap:.7rem;margin:0;flex-wrap:nowrap;align-items:center}
.fv-miniradio .fv-knobwrap{gap:0}
.fv-miniradio .fv-knob{width:34px;height:34px}
.fv-miniradio .fv-nowline{flex:1;min-width:0;font-size:.58rem;margin:0;padding:.35rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.fv-portal .fv-miniradio{display:none}

/* language menu item */
#top-menu li.fv-langitem a{color:var(--gold)!important;font-family:var(--mono)!important;letter-spacing:.08em}
#top-menu li.fv-langitem a:hover{color:var(--amber)!important}
