/* Nav CTA takes FLKY's Baked Clay, not Glisco saffron. */
.btn-fire { background:#B75A3C !important; border-color:#B75A3C !important; color:#F2EDE2 !important; }

/* ============================================================
   FLKY — butter. flour. obsession.
   Archivo Black for display, Newsreader for body, Archivo medium/
   semibold for the tagline, labels and buttons.
   Chocolate 60 / Cream 30 / Dust 7 / Clay 2 / Strawberry 2 / Ink 1 —
   accents highlight, never overpower.
============================================================ */

.fk {
  --fk-choc:  #2B1F17;   /* FLKY Chocolate  — primary   */
  --fk-cream: #F2EDE2;   /* Bakehouse Cream — primary   */
  --fk-dust:  #CFC6B2;   /* Flour Dust      — secondary */
  --fk-clay:  #B75A3C;   /* Baked Clay      — accent    */
  --fk-straw: #DCA1A6;   /* Strawberry Crumb— accent    */
  --fk-ink:   #111111;   /* Ink Black       — neutral   */

  background:var(--fk-cream); color:var(--fk-choc);
  font-family:'Newsreader',serif;
}
.fk ::selection { background:var(--fk-clay); color:var(--fk-cream); }

.fk-sec  { padding:104px 56px; }
.fk-in   { max-width:1180px; margin:0 auto; }
.fk-dark { background:var(--fk-choc); color:var(--fk-cream); }
.fk-dust { background:var(--fk-dust); }

.fk h1, .fk h2, .fk h3 {
  font-family:'Archivo Black',sans-serif; font-weight:400; text-transform:uppercase;
  letter-spacing:.005em; line-height:.96; margin:0;
}
.fk h2 { font-size:clamp(2rem,4.6vw,3.6rem); }

.fk-lbl {
  font-family:'Archivo',sans-serif; font-size:.64rem; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:var(--fk-clay);
  margin-bottom:18px;
}
.fk-dark .fk-lbl { color:var(--fk-straw); }

.fk-body {
  font-size:1.03rem; font-weight:400; line-height:1.85;
  color:var(--fk-choc); opacity:.82; max-width:60ch; margin:22px 0 0;
}
.fk-dark .fk-body { color:var(--fk-cream); opacity:.74; }
.fk-body + .fk-body { margin-top:16px; }
.fk-body strong { font-weight:600; opacity:1; }

/* ─── HERO ─── */
.fk-hero {
  min-height:88vh; display:flex; flex-direction:column; justify-content:center;
  padding:150px 56px 96px; background:var(--fk-cream); position:relative; overflow:hidden;
}
.fk-word { margin:0; color:var(--fk-choc); line-height:0; }
.fk-word svg, .fk-word img { display:block; width:min(520px,72vw); height:auto; }
.fk-tag {
  font-family:'Archivo',sans-serif; font-size:clamp(1rem,2.4vw,1.7rem); font-weight:500;
  letter-spacing:-.005em; color:var(--fk-choc); margin:20px 0 0;
}
.fk-hero-sub {
  font-family:'Archivo',sans-serif; font-size:clamp(.95rem,1.7vw,1.1rem); font-weight:600;
  line-height:1.55; margin:38px 0 0; max-width:24ch; letter-spacing:-.005em;
}
.fk-rule { width:100%; height:2px; background:var(--fk-choc); opacity:.14; margin:44px 0 0; }

/* ─── BELIEFS ─── */
.fk-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(43,31,23,.14); margin-top:48px; }
.fk-item { background:var(--fk-cream); padding:36px 28px 40px; }
.fk-dark .fk-item { background:var(--fk-choc); }
.fk-dust .fk-item { background:var(--fk-dust); }
.fk-item h4 {
  font-family:'Archivo Black',sans-serif; font-weight:400; text-transform:uppercase;
  font-size:1.05rem; letter-spacing:.01em; margin-bottom:12px; line-height:1.1;
}
.fk-item p { font-size:.92rem; font-weight:400; line-height:1.75; opacity:.8; }
.fk-item .fk-n {
  font-family:'Archivo',sans-serif; font-size:.62rem; font-weight:500;
  letter-spacing:.2em; color:var(--fk-clay); display:block; margin-bottom:16px;
}

/* ─── BIG STATEMENT ─── */
.fk-say { padding:120px 56px; text-align:center; background:var(--fk-choc); color:var(--fk-cream); }
.fk-say h2 { font-size:clamp(2.2rem,6vw,5rem); line-height:.98; }
.fk-say .fk-say-sub {
  font-family:'Archivo',sans-serif; font-size:.72rem; font-weight:500;
  letter-spacing:.28em; text-transform:uppercase; color:var(--fk-straw); margin-top:24px;
}

/* ─── MENU ─── */
.fk-menu { display:grid; grid-template-columns:repeat(2,1fr); gap:0 56px; margin-top:44px; }
.fk-row {
  display:flex; align-items:baseline; gap:14px;
  border-bottom:1px solid rgba(43,31,23,.14); padding:17px 0 15px;
}
.fk-dark .fk-row { border-bottom-color:rgba(242,237,226,.16); }
.fk-row h4 {
  font-family:'Archivo',sans-serif; font-weight:600; font-size:.92rem;
  text-transform:none; letter-spacing:0; line-height:1.3; flex-shrink:0;
}
.fk-row p { font-size:.78rem; font-weight:400; line-height:1.6; opacity:.66; margin:0; }
.fk-row .fk-dot { flex:1; border-bottom:1px dotted rgba(43,31,23,.28); min-width:14px; align-self:flex-end; margin-bottom:4px; }

/* ─── CTA ─── */
.fk-cta { text-align:center; padding:112px 56px; background:var(--fk-dust); }
.fk-cta h2 { font-size:clamp(2rem,5vw,3.8rem); }
.fk-btn {
  display:inline-block; margin-top:32px; background:var(--fk-clay); color:var(--fk-cream);
  font-family:'Archivo',sans-serif; font-size:.72rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; padding:16px 34px;
  transition:background .25s, transform .25s;
}
.fk-btn:hover { background:var(--fk-choc); transform:translateY(-2px); }
.fk-btn-ghost {
  background:transparent; color:var(--fk-choc); border:1.5px solid rgba(43,31,23,.3);
}
.fk-btn-ghost:hover { background:var(--fk-choc); color:var(--fk-cream); border-color:var(--fk-choc); }
.fk-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* Stamp badge */
.fk-stamp {
  width:132px; height:132px; border:2px solid currentColor; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; margin:0 auto 34px; opacity:.9;
}
.fk-stamp b {
  font-family:'Archivo Black',sans-serif; font-weight:400; font-size:1.5rem; line-height:.9;
  letter-spacing:.01em; text-transform:uppercase;
}
.fk-stamp span {
  font-family:'Archivo',sans-serif; font-size:.46rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase;
}

.fk-note {
  display:inline-flex; align-items:center; gap:10px; margin-top:36px;
  border:1px solid rgba(43,31,23,.22); padding:12px 20px;
  font-family:'Archivo',sans-serif; font-size:.62rem; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; opacity:.72;
}
.fk-note b { color:var(--fk-clay); font-weight:700; }
.fk-dark .fk-note { border-color:rgba(242,237,226,.24); }

@media (max-width:1100px) {
  .fk-sec  { padding:80px 30px; }
  .fk-hero { padding:132px 30px 76px; }
  .fk-grid { grid-template-columns:1fr 1fr; }
  .fk-menu { grid-template-columns:1fr; gap:0; }
  .fk-say, .fk-cta { padding:88px 30px; }
}
@media (max-width:640px) {
  .fk-sec  { padding:64px 18px; }
  .fk-hero { padding:120px 18px 64px; min-height:auto; }
  .fk-grid { grid-template-columns:1fr; }
  .fk-say, .fk-cta { padding:72px 18px; }
}

/* ══════════════════════════════════════════════════════════════════
   IMAGERY  — photography from getflky.com
   ══════════════════════════════════════════════════════════════════ */
.fk-hero { display:grid; grid-template-columns:1.02fr .98fr; gap:0; align-items:stretch; padding:0; min-height:92vh; }
.fk-hero-copy { padding:150px 56px 96px; display:flex; flex-direction:column; justify-content:center; }
.fk-hero-img  { position:relative; overflow:hidden; background:var(--fk-dust); min-height:420px; }
.fk-hero-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* Wordmark is assets/images/flky-logo.svg, inlined so it inherits currentColor
   and works on cream, chocolate and dust without a second file. */

.fk-split { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.fk-split figure { margin:0; overflow:hidden; background:var(--fk-dust); }
.fk-split img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:3/4; }
.fk-split.wide img { aspect-ratio:3/2; }

.fk-27 {
  font-family:'Archivo Black',sans-serif; font-size:clamp(6rem,17vw,15rem); line-height:.78;
  color:var(--fk-clay); opacity:.16; margin:0; letter-spacing:-.02em;
}

/* The FLKY's — product rail */
.fk-bakes { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
.fk-bake  { background:var(--fk-cream); border:1px solid rgba(43,31,23,.12); overflow:hidden; transition:transform .35s, box-shadow .35s; }
.fk-dark .fk-bake { background:var(--fk-choc); border-color:rgba(242,237,226,.14); }
.fk-bake:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(43,31,23,.14); }
.fk-bake figure { margin:0; aspect-ratio:4/3; overflow:hidden; background:var(--fk-dust); }
.fk-bake img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.3,1); }
.fk-bake:hover img { transform:scale(1.04); }
.fk-bake-txt { padding:22px 24px 26px; }
.fk-bake .fk-meta {
  font-family:'Archivo',sans-serif; font-size:.6rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--fk-clay); display:block; margin-bottom:10px;
}
.fk-bake h4 { font-family:'Archivo Black',sans-serif; font-weight:400; text-transform:uppercase; font-size:1.15rem; letter-spacing:.01em; margin-bottom:8px; }
.fk-bake p  { font-size:.9rem; line-height:1.65; opacity:.76; }

/* Where + how */
.fk-info { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(43,31,23,.14); margin-top:44px; }
.fk-info > div { background:var(--fk-cream); padding:32px 28px 36px; }
.fk-dust .fk-info > div { background:var(--fk-dust); }
.fk-info h4 { font-family:'Archivo Black',sans-serif; font-weight:400; text-transform:uppercase; font-size:1.05rem; margin-bottom:12px; }
.fk-info p  { font-size:.92rem; line-height:1.7; opacity:.8; }
.fk-info a  { color:var(--fk-clay); font-weight:600; }

@media (max-width:1100px) {
  .fk-hero { grid-template-columns:1fr; min-height:auto; }
  .fk-hero-copy { padding:132px 30px 64px; }
  .fk-hero-img  { min-height:340px; }
  .fk-split { grid-template-columns:1fr; gap:32px; }
  .fk-bakes { grid-template-columns:1fr 1fr; }
  .fk-info  { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .fk-hero-copy { padding:118px 18px 56px; }
  .fk-bakes { grid-template-columns:1fr; }
}