@font-face{font-family:"Krona One";src:url("/fonts/kronaone-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Luckiest Guy";src:url("/fonts/luckiestguy-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibmplexsans-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibmplexsans-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibmplexsans-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/ibmplexsans-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#05140a;
  --ink2:#0a1c10;
  --leaf:#0f6a38;
  --gold:#ffd24a;
  --gold2:#ffe36a;
  --lime:#b8ff3d;
  --cin:#e01820;
  --ivory:#f3ead6;
  --bronze:#c4843a;
  --vein:#ffb020;
  --aff:#jk7;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
a:hover{color:var(--lime)}
h1,h2,h3,.fk-word{font-family:"Krona One",sans-serif;font-weight:400;letter-spacing:.01em;line-height:1.15}
.fk-skip{position:absolute;left:-999px;top:0}
.fk-skip:focus{left:12px;top:12px;z-index:80;background:var(--gold);color:var(--ink);padding:8px 12px}

/* ===== HEADER (vine bar) ===== */
.fk-head{
  display:flex;align-items:center;gap:14px;
  height:78px;padding:0 16px 0 10px;
  background:linear-gradient(180deg,rgba(12,8,4,.94),rgba(8,18,10,.82));
  border-bottom:2px solid rgba(255,210,74,.45);
  box-shadow:0 8px 24px rgba(0,0,0,.45), inset 0 -8px 18px rgba(80,40,8,.15);
  position:relative;z-index:30;
}
.fk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.fk-brand img{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 14px rgba(255,210,74,.55)}
.fk-word{font-family:"Luckiest Guy","Krona One",sans-serif;font-size:56px;line-height:1;color:#ffd24a;text-shadow:0 3px 0 #120806, 0 0 16px rgba(255,210,74,.65);letter-spacing:.01em}
.fk-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;flex-wrap:nowrap}
.fk-nav a{
  display:inline-flex;align-items:center;gap:5px;
  height:40px;padding:0 11px;border-radius:999px;
  background:rgba(16,28,16,.7);border:1px solid rgba(255,210,74,.35);
  color:var(--ivory);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap
}
.fk-nav a:hover,.fk-nav a[aria-current="page"]{background:rgba(255,210,74,.16);border-color:var(--gold);color:var(--gold2)}
.fk-ico{font-size:14px;line-height:1}
.fk-burger{display:none;background:none;border:1px solid var(--gold);color:var(--gold);border-radius:10px;width:44px;height:40px;font-size:22px}

/* CTA */
.fk-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:52px;padding:0 22px;border-radius:999px;
  background:linear-gradient(180deg,#ff4a3a 0%,#e01820 45%,#9a0c14 100%);
  color:#fff8e8!important;text-decoration:none!important;
  font-family:"Krona One",sans-serif;font-size:15px;letter-spacing:.02em;
  border:2px solid var(--gold);box-shadow:0 0 0 1px #4a0808, 0 6px 18px rgba(224,24,32,.45);
  white-space:nowrap
}
.fk-cta:hover{filter:brightness(1.08)}
.fk-cta-lime{
  background:linear-gradient(180deg,#e8ff6a 0%,#b8ff3d 35%,#5aaa10 100%);
  color:#132008!important;border-color:#fff3a0;
  box-shadow:0 0 0 1px #1a3a08, 0 6px 18px rgba(184,255,61,.35)
}
.fk-cta-lg{height:56px;padding:0 28px;font-size:16px}
.fk-disc{margin:.4rem 0 0;font-size:13px;color:#c9d6b8;opacity:.9}

/* ===== HOME FOLD: giant horizontal monstera ===== */
.fk-fold{
  position:relative;
  width:100%;
  background:#05140a url("/img/folha-gigante-lobby-7kfolha.webp") center top / cover no-repeat;
  overflow:hidden;
}
@media (min-width:1100px){
  .fk-fold{height:800px;max-width:none}
  .fk-fold .fk-head{position:absolute;top:0;left:0;right:0}
  .fk-stage{position:absolute;inset:0;pointer-events:none}
  .fk-stage > *{pointer-events:auto}
  .fk-h1{
    position:absolute;left:390px;top:262px;margin:0;width:760px;
    font-family:"Luckiest Guy","Krona One",sans-serif;
    font-size:96px;line-height:.88;letter-spacing:.02em;z-index:8
  }
  .fk-mid-cta{position:absolute;left:400px;top:478px;z-index:9;display:flex;align-items:center;gap:18px}
  .fk-seal{
    width:108px;height:108px;border-radius:50%;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:radial-gradient(circle at 35% 30%,#fff1a0,#ffd24a 45%,#b88614);
    color:#1a0e04;border:4px solid #5a3a08;
    box-shadow:0 0 0 3px #ffd24a, 0 8px 20px rgba(0,0,0,.45);
    font-family:"Krona One",sans-serif;text-align:center;line-height:1.05;flex:0 0 auto
  }
  .fk-seal b{font-size:16px;font-weight:400}
  .fk-seal small{font-family:"IBM Plex Sans",sans-serif;font-weight:700;font-size:12px}

  /* 4 upper-lobe fenestra tiles, staggered */
  .fk-t1{position:absolute;left:428px;top:96px;width:168px;height:168px}
  .fk-t2{position:absolute;left:638px;top:88px;width:176px;height:176px}
  .fk-t3{position:absolute;left:856px;top:94px;width:168px;height:168px}
  .fk-t4{position:absolute;left:1068px;top:90px;width:172px;height:172px}
  /* 4 lower-lobe fenestra tiles, staggered, bottoms ~770-795 */
  .fk-t5{position:absolute;left:478px;top:612px;width:172px;height:172px}
  .fk-t6{position:absolute;left:700px;top:628px;width:168px;height:168px}
  .fk-t7{position:absolute;left:910px;top:616px;width:172px;height:172px}
  .fk-t8{position:absolute;left:1104px;top:598px;width:176px;height:176px}
  /* dew-drop promos at lower-left petiole */
  .fk-p1{position:absolute;left:22px;top:498px;width:132px}
  .fk-p2{position:absolute;left:164px;top:518px;width:132px}
  .fk-p3{position:absolute;left:306px;top:502px;width:132px}
}
.fk-h1-outline,.fk-h1-fill{display:block}
.fk-h1-fill{position:relative;z-index:1}
.fk-h1-outline{position:absolute;left:0;top:0;right:0;z-index:0;pointer-events:none;user-select:none}
.fk-h1-outline span,.fk-h1-fill span{display:block}
.fk-h1-outline span{
  color:#061208;-webkit-text-fill-color:#061208;background:none;filter:none;
  text-shadow:
    6px 0 0 #061208,-6px 0 0 #061208,0 6px 0 #061208,0 -6px 0 #061208,
    5px 5px 0 #061208,-5px 5px 0 #061208,5px -5px 0 #061208,-5px -5px 0 #061208,
    0 0 16px #ffd24a,0 0 32px rgba(184,255,61,.6);
}
.fk-h1-fill span{
  color:#ffd024;
  background:linear-gradient(180deg,#ffe56a 0%,#ffd000 40%,#b8ff20 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:none;
}

/* tiles as fenestration windows */
.fk-tile{
  display:block;border-radius:50%;
  border:5px solid #ffd24a;
  box-shadow:0 0 0 3px #4a3008, 0 10px 22px rgba(0,0,0,.55), inset 0 0 0 2px #fff2a0;
  overflow:hidden;text-decoration:none;background:#0a1a0c;
  z-index:6;
}
.fk-tile img{width:100%;height:100%;object-fit:cover}
.fk-plaque{
  position:absolute;left:6%;right:6%;bottom:6px;z-index:3;
  background:#120c04;
  color:#ffe9a0;
  font-family:"IBM Plex Sans",sans-serif;
  font-weight:700;
  font-size:16px;line-height:1.15;text-align:center;
  padding:7px 5px 6px;border-radius:8px;border:1.5px solid #ffd24a;
  letter-spacing:0;white-space:normal;
  box-shadow:0 2px 0 #000, 0 6px 10px rgba(0,0,0,.35)
}
.fk-tile{position:absolute} /* fallback; desktop overrides coords */
.fk-badge{
  position:absolute;top:8px;right:6px;z-index:2;
  font-family:"Krona One",sans-serif;font-size:11px;letter-spacing:.04em;
  padding:3px 7px;border-radius:6px;color:#140404;border:1px solid #fff3c0
}
.fk-hot{background:linear-gradient(180deg,#ff6a4a,#e01820)}
.fk-novo{background:linear-gradient(180deg,#e8ff6a,#7ad020);color:#132008}

/* promo dew drops: art + one bold title only */
.fk-promo{display:block;text-decoration:none;text-align:center;z-index:7}
.fk-promo img{
  width:100%;aspect-ratio:1;border-radius:50%;
  border:4px solid #ffd24a;box-shadow:0 0 0 2px #3a2808, 0 8px 16px rgba(0,0,0,.45);
  background:#08140c;object-fit:cover
}
.fk-promo span{
  display:block;margin-top:6px;
  font-family:"IBM Plex Sans",sans-serif;font-weight:700;
  font-size:18px;line-height:1.15;
  color:#fff8d8;text-shadow:0 2px 0 #05140a, 0 0 8px #05140a, 0 0 2px #05140a;
  letter-spacing:.01em
}

/* ===== BELOW-FOLD: vertical midrib of leaflets ===== */
.fk-blade{position:relative;background:radial-gradient(1200px 600px at 50% 0%,#0c2414,var(--ink));padding:28px 0 64px}
.fk-blade::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:8px;margin-left:-4px;
  background:linear-gradient(180deg,#ffd24a,#c4843a 40%,#ffd24a);border-radius:8px;opacity:.7
}
.fk-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;position:relative;z-index:1}
.fk-leaflet{
  display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;
  background:linear-gradient(180deg,rgba(10,28,16,.92),rgba(5,16,8,.94));
  border:1px solid rgba(255,210,74,.28);border-radius:28px;
  padding:28px;margin:28px 0;
  box-shadow:0 12px 32px rgba(0,0,0,.35)
}
.fk-leaflet:nth-child(even){grid-template-columns:.95fr 1.05fr}
.fk-leaflet:nth-child(even) .fk-fig{order:-1}
.fk-leaflet h2{margin:0 0 12px;color:var(--gold);font-size:30px}
.fk-leaflet p{margin:0 0 12px}
.fk-fig{margin:0;border-radius:20px;overflow:hidden;border:2px solid rgba(255,210,74,.35)}
.fk-fig img{width:100%;height:auto}
.fk-fig figcaption{padding:8px 12px;font-size:13px;color:#c9d6b8;background:#08140c}

.fk-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.fk-fact{
  background:#0a1c10;border:1px solid rgba(255,210,74,.3);border-radius:16px;padding:14px 12px;text-align:center
}
.fk-fact b{display:block;font-family:"Krona One",sans-serif;color:var(--gold);font-size:22px;font-weight:400}
.fk-fact span{display:block;font-size:13px;color:#c9d6b8}

.fk-syms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fk-sym{background:#0a1c10;border:1px solid rgba(255,210,74,.28);border-radius:18px;overflow:hidden;text-align:center;text-decoration:none;color:inherit}
.fk-sym img{width:100%;aspect-ratio:1;object-fit:cover}
.fk-sym b{display:block;padding:8px 6px 10px;font-family:"Krona One",sans-serif;font-size:13px;color:var(--gold2);font-weight:400}

/* myths as three leaflets */
.fk-myths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fk-myth{background:#0a1c10;border:1px solid rgba(255,210,74,.28);border-radius:18px;padding:16px}
.fk-myth h3{margin:0 0 8px;color:var(--gold);font-size:18px}

details.fk-q{background:#0a1c10;border:1px solid rgba(255,210,74,.28);border-radius:14px;padding:10px 16px;margin:8px 0}
details.fk-q summary{cursor:pointer;font-weight:700;color:var(--gold2)}
details.fk-q p{margin:8px 0 4px}

.fk-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fk-card{
  background:#0a1c10;border:1px solid rgba(255,210,74,.28);border-radius:16px;padding:14px;text-decoration:none;color:inherit
}
.fk-card h3{margin:0 0 6px;color:var(--gold);font-size:16px}

/* ===== INTERIOR ===== */
.fk-page{background:var(--ink)}
.fk-banner{
  position:relative;min-height:280px;display:flex;align-items:flex-end;
  background:#05140a center/cover no-repeat;
  border-bottom:3px solid var(--gold)
}
.fk-banner .fk-wrap{padding:28px 0 32px}
.fk-banner h1{
  margin:0;font-size:42px;max-width:18ch;
  color:var(--gold);
  background:linear-gradient(180deg,#fff8c8,#ffd24a 50%,#c8ff45);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(2px 0 0 #07140a) drop-shadow(-2px 0 0 #07140a) drop-shadow(0 2px 0 #07140a) drop-shadow(0 -2px 0 #07140a)
}
.fk-lead{font-size:19px;max-width:62ch}
.fk-prose{width:min(820px,calc(100% - 32px));margin:28px auto 64px}
.fk-prose h2{color:var(--gold);font-size:28px;margin:28px 0 10px}
.fk-prose h3{color:var(--gold2);font-size:20px;margin:22px 0 8px}
.fk-prose figure{margin:20px 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,210,74,.3)}
.fk-prose figcaption{padding:8px 12px;font-size:13px;color:#c9d6b8;background:#08140c}

/* hub */
.fk-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;align-items:center}
.fk-tools input,.fk-tools select{
  height:42px;border-radius:10px;border:1px solid rgba(255,210,74,.35);
  background:#0a1c10;color:var(--ivory);padding:0 12px;font:inherit
}
.fk-veins{display:flex;flex-wrap:wrap;gap:8px}
.fk-veins button{
  height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,210,74,.35);
  background:#0a1c10;color:var(--ivory);font:inherit;cursor:pointer
}
.fk-veins button[aria-pressed="true"]{background:rgba(255,210,74,.18);color:var(--gold);border-color:var(--gold)}
.fk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:16px 0}
.fk-leafcard{
  display:block;background:#0a1c10;border:1px solid rgba(255,210,74,.25);border-radius:14px;
  padding:12px;text-decoration:none;color:inherit;min-height:88px
}
.fk-leafcard b{display:block;color:var(--gold2);font-size:15px}
.fk-leafcard small{display:block;color:#9fb098;font-size:12px;margin-top:4px}
.fk-full{border-color:var(--gold);box-shadow:0 0 0 1px rgba(255,210,74,.25)}
.fk-more{display:block;margin:16px auto;height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--gold);background:#0a1c10;color:var(--gold);font:inherit;cursor:pointer}

.fk-foot{
  background:#070e08;border-top:2px solid rgba(255,210,74,.3);
  padding:28px 0 40px;font-size:14px;color:#c9d6b8
}
.fk-foot .fk-wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.fk-foot a{color:var(--gold2)}
.fk-18{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--cin);color:#fff;font-weight:700;margin-right:8px}

@media (max-width:1099px){
  .fk-word{font-size:32px;letter-spacing:-.04em}
  .fk-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#07140a;flex-direction:column;padding:12px;gap:8px;border-bottom:2px solid var(--gold)}
  .fk-nav.fk-open{display:flex}
  .fk-burger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .fk-head .fk-cta{height:44px;padding:0 12px;font-size:12px}
  .fk-fold{height:auto;padding-bottom:24px}
  .fk-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:86px 12px 12px}
  .fk-h1{position:relative;width:auto;font-size:44px;line-height:.9;text-align:center;margin:8px 0 12px}
  .fk-mid-cta{position:static;display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 16px}
  .fk-tile{position:relative;left:auto!important;top:auto!important;width:146px;height:146px;margin:6px}
  .fk-stage .fk-tiles{display:flex;flex-wrap:wrap;justify-content:center;width:100%}
  .fk-promo{position:relative;left:auto!important;top:auto!important;width:110px;margin:6px;display:inline-block}
  .fk-promos{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0}
  .fk-leaflet,.fk-leaflet:nth-child(even){grid-template-columns:1fr}
  .fk-leaflet:nth-child(even) .fk-fig{order:0}
  .fk-facts,.fk-syms,.fk-myths,.fk-mini{grid-template-columns:1fr 1fr}
  .fk-foot .fk-wrap{grid-template-columns:1fr}
  .fk-banner h1{font-size:30px}
  .fk-blade::before{display:none}
}
@media (max-width:640px){
  .fk-facts,.fk-syms,.fk-myths,.fk-mini{grid-template-columns:1fr}
  .fk-word{font-size:26px}
}

@media (min-width:1100px){
  .fk-tiles,.fk-promos{display:contents}
}


/* ===== fold overlay, tiles, badges, mobile typography ===== */
body.fk-home .fk-head{position:absolute;top:0;left:0;right:0;z-index:40;width:100%}
@media (min-width:1100px){
  body.fk-home .fk-fold{height:800px}
  .fk-nav a{padding:0 8px;font-size:13px;height:38px;gap:3px}
  .fk-head{gap:10px;padding:0 14px 0 10px}
  .fk-head > .fk-cta{padding:0 16px;font-size:14px;flex:0 0 auto}
  .fk-word{font-size:56px}
}
.fk-tile{
  overflow:visible!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.fk-tile-art{
  display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;
  border:5px solid #ffd24a;
  box-shadow:0 0 0 3px #4a3008, 0 10px 22px rgba(0,0,0,.55), inset 0 0 0 2px #fff2a0;
  background:#0a1a0c;
}
.fk-tile-art img{width:100%;height:100%;object-fit:cover}
.fk-badge{
  top:2px!important;right:8px!important;z-index:4;
  font-family:"Luckiest Guy","Krona One",sans-serif;
  font-size:13px!important;padding:5px 9px!important;letter-spacing:.04em;
  box-shadow:0 2px 6px rgba(0,0,0,.45)
}
.fk-plaque{
  left:6%;right:6%;bottom:6px;z-index:3;
  background:#120c04;
  color:#ffe9a0;
  font-family:"IBM Plex Sans",sans-serif;
  font-weight:700;
  font-size:16px;line-height:1.15;text-align:center;
  padding:7px 5px 6px;border-radius:8px;border:1.5px solid #ffd24a;
  letter-spacing:0;white-space:normal;
  box-shadow:0 2px 0 #000, 0 6px 10px rgba(0,0,0,.35)
}
.fk-seal{
  width:108px;height:108px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#fff1a0,#ffd24a 45%,#b88614);
  color:#1a0e04;border:4px solid #5a3a08;
  box-shadow:0 0 0 3px #ffd24a, 0 8px 20px rgba(0,0,0,.45);
  font-family:"Krona One",sans-serif;text-align:center;line-height:1.05;flex:0 0 auto
}
.fk-seal b{font-size:16px;font-weight:400;display:block}
.fk-seal small{font-family:"IBM Plex Sans",sans-serif;font-weight:700;font-size:12px;display:block}
@media (max-width:1099px){
  .fk-head .fk-cta{display:none}
  .fk-head{height:72px}
  .fk-brand img{width:56px;height:56px}
  .fk-h1{font-size:44px;line-height:.9;width:100%;max-width:100%;overflow:visible;position:relative}
  .fk-h1-outline,.fk-h1-fill,.fk-h1-outline span,.fk-h1-fill span{display:block;width:100%;text-align:center}
  .fk-word{font-size:32px}
  .fk-promo span{font-size:18px}
  .fk-plaque{font-size:16px}
  .fk-seal{margin-top:4px}
}