:root{
  --sunset-cream:#f8eb98;
  --sunset-gold:#fad574;
  --sunset-peach:#e69d5f;
  --sunset-coral:#cc7352;
  --sunset-terracotta:#9b684e;
  --sunset-brown:#6f493a;
  --sunset-deep:#120e0c;
  --bg:#120e0c!important;
  --panel:#1b130f!important;
  --line:rgba(248,235,152,.14)!important;
  --muted:#b99779!important;
  --accent:#e69d5f!important;
  --site-accent:#e69d5f!important;
  --palette-color:#fad574!important;
  --tone-101010:#120e0c;
  --tone-111111:#15100d;
  --tone-151515:#1a120f;
  --tone-171717:#1d1512;
  --tone-202020:#241814;
  --tone-222222:#291c16;
  --tone-252525:#2d1f19;
  --tone-262626:#302019;
  --tone-292929:#34231b;
  --tone-333333:#4c3428;
  --tone-444444:#604334;
  --tone-ffffff1c:rgba(248,235,152,.14);
  --fg-f5f5f5:#fbf3df;
  --fg-ffffff:#fff8e8;
  --fg-eeeeee:#f2e5cc;
  --fg-dddddd:#ead9be;
  --fg-cfcfcf:#dec8a9;
  --fg-bdbdbd:#cdb08d;
  --fg-aaaaaa:#b99779;
  --fg-999999:#a98265;
  --fg-888888:#906f58;
  --fg-777777:#7d604d;
}
:root[data-mode="light"]{
  --bg:#f5e7c8!important;
  --panel:#fff0d2!important;
  --line:rgba(111,73,58,.18)!important;
  --muted:#8b644e!important;
  --accent:#b96a3d!important;
  --site-accent:#b96a3d!important;
  --palette-color:#cc7352!important;
  --tone-101010:#f5e7c8;
  --tone-111111:#f0ddba;
  --tone-151515:#f8e8ca;
  --tone-171717:#fff0d2;
  --tone-202020:#efd8b5;
  --tone-222222:#e9cfaa;
  --tone-252525:#e4c69f;
  --tone-262626:#dec099;
  --tone-292929:#d7b68e;
  --tone-333333:#c6a27d;
  --tone-444444:#a77f61;
  --fg-f5f5f5:#3f2a21;
  --fg-ffffff:#2d1d17;
  --fg-eeeeee:#493126;
  --fg-dddddd:#5b3d30;
  --fg-cfcfcf:#694837;
  --fg-bdbdbd:#7a5642;
  --fg-aaaaaa:#8b644e;
  --fg-999999:#966f58;
  --fg-888888:#a17b64;
  --fg-777777:#ad8770;
}
body{background:var(--bg)!important;color:var(--fg-f5f5f5)!important}
.site-header,.menu-panel,.site-settings,.profile-sheet,.ask-franklin-panel,.franklin-sheet{background-color:color-mix(in srgb,var(--panel) 88%,transparent)!important}
.button.primary,.compat-scan-button,.feedback-submit,.profile-save{background:linear-gradient(135deg,var(--sunset-gold),var(--sunset-peach))!important;border-color:color-mix(in srgb,var(--sunset-gold) 70%,transparent)!important;color:#2a1811!important}
.button.primary:hover,.compat-scan-button:hover,.feedback-submit:hover,.profile-save:hover{background:linear-gradient(135deg,#fff0a8,var(--sunset-coral))!important}
.settings-trigger,.menu-toggle,.menu-close,.profile-close,.profile-edit,.ask-franklin-launcher,.lazy-franklin{border-color:rgba(248,235,152,.18)!important}
input,textarea,select,.search,.feedback-field,.profile-field{border-color:rgba(248,235,152,.16)!important;background:color-mix(in srgb,var(--panel) 72%,transparent)!important}
input:focus,textarea:focus,select:focus{border-color:var(--sunset-peach)!important;box-shadow:0 0 0 3px rgba(230,157,95,.10)!important}

/* Give the welcome editorial phase more scroll runway so visitors can actually read it. */
.home-intro-v4{height:470svh!important;min-height:2800px!important}
.home-intro-v4-stage{background:#5f3b2a!important}
.home-intro-v4-message-phase{
  background:
    linear-gradient(180deg,rgba(18,14,12,.10) 0%,rgba(18,14,12,.04) 34%,rgba(18,14,12,.12) 68%,rgba(18,14,12,.42) 100%),
    linear-gradient(90deg,rgba(111,73,58,.14),transparent 34%,transparent 66%,rgba(111,73,58,.12)),
    url('assets/community-sunset-v1.svg') center center/cover no-repeat;
}
.home-intro-v4-message-phase:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(64% 54% at 50% 42%,rgba(248,235,152,.10),transparent 76%);mix-blend-mode:screen}
.home-intro-v4-message-phase:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:17%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(18,14,12,.18));z-index:0}
.home-intro-v4-message{position:relative;z-index:1;text-shadow:0 10px 34px rgba(43,24,16,.34)}
.home-intro-v4-message small{color:#ffe9ba!important}
.home-intro-v4-message h1{color:#fff6df!important}
.home-intro-v4-message h1 span{color:#f2b06f!important}
.home-intro-v4-message p{color:#f1dec6!important}

/* Scroll-trigger typography: each layer has its own scrubbed entrance. */
.home-intro-v4-message-kicker,
.home-intro-v4-message-line,
.home-intro-v4-message-body{will-change:opacity,transform,filter}
.home-intro-v4-message-kicker{opacity:var(--intro4-msg-kicker,0);transform:translate3d(0,calc((1 - var(--intro4-msg-kicker,0))*22px),0);filter:blur(calc((1 - var(--intro4-msg-kicker,0))*3px))}
.home-intro-v4-message h1 .home-intro-v4-message-line{display:block}
.home-intro-v4-message-line-1{opacity:var(--intro4-msg-line1,0);transform:translate3d(0,calc((1 - var(--intro4-msg-line1,0))*48px),0) scale(calc(.965 + var(--intro4-msg-line1,0)*.035));filter:blur(calc((1 - var(--intro4-msg-line1,0))*4px))}
.home-intro-v4-message-line-2{opacity:var(--intro4-msg-line2,0);transform:translate3d(0,calc((1 - var(--intro4-msg-line2,0))*56px),0) scale(calc(.96 + var(--intro4-msg-line2,0)*.04));filter:blur(calc((1 - var(--intro4-msg-line2,0))*4.5px))}
.home-intro-v4-message-body{opacity:var(--intro4-msg-body,0);transform:translate3d(0,calc((1 - var(--intro4-msg-body,0))*28px),0);filter:blur(calc((1 - var(--intro4-msg-body,0))*2.5px))}

.home-intro-v4-announcement{background:linear-gradient(90deg,#6f493a,#cc7352 44%,#e69d5f 70%,#9b684e)!important;color:#fff5dd!important}
.home-intro-v4-cue-pill{background:linear-gradient(135deg,rgba(250,213,116,.92),rgba(230,157,95,.92))!important;border-color:rgba(248,235,152,.34)!important;color:#3a2117!important}
.home-intro-v4-chevron:before,.home-intro-v4-chevron:after{background:#efbc75!important}
.site-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 88%,#2b1b14),var(--bg))!important}
.home-hero{border-top:0!important;margin-top:-1px}

@media(max-width:760px){
  .home-intro-v4{height:500svh!important;min-height:3200px!important}
  .home-intro-v4-message-phase{background-position:center center}
  .home-intro-v4-message{align-self:center}
  .home-intro-v4-message p{max-width:360px!important;font-size:13px!important;line-height:1.75!important}
}
@media(max-width:390px){
  .home-intro-v4{height:520svh!important;min-height:3300px!important}
  .home-intro-v4-message p{display:block!important;font-size:12px!important;line-height:1.7!important;max-width:320px!important}
}