{"id":37,"date":"2026-06-19T14:51:25","date_gmt":"2026-06-19T14:51:25","guid":{"rendered":"https:\/\/atotoatori.co.ke\/yviarture\/?page_id=37"},"modified":"2026-06-20T03:18:35","modified_gmt":"2026-06-20T03:18:35","slug":"still-cooking","status":"publish","type":"page","link":"https:\/\/atotoatori.co.ke\/yviarture\/","title":{"rendered":"Still Cooking"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Yviartures \u2014 Still Cooking | Atoto Atori<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;1,9..144,400;1,9..144,500&#038;family=DM+Mono:wght@400;500&#038;family=Outfit:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --ink:#0B0A08;\n    --ink-soft:#16140F;\n    --gold:#C9A84C;\n    --gold-soft:#E3CD8E;\n    --bone:#F4F1EA;\n    --bone-dim:#A8A39A;\n    --plum:#6B4E71;\n    --clay:#C97B5B;\n    --sage:#8A9A7E;\n    --pink:#C98FA0;\n    --rule:#2A2620;\n  }\n\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;}\n\n  body{\n    background:var(--ink);\n    color:var(--bone);\n    font-family:'Outfit',sans-serif;\n    font-weight:300;\n    min-height:100vh;\n    overflow-x:hidden;\n  }\n\n  a{color:inherit;text-decoration:none;}\n  a:focus-visible, button:focus-visible{\n    outline:2px solid var(--gold);\n    outline-offset:4px;\n    border-radius:2px;\n  }\n\n  .page{\n    min-height:100vh;\n    display:flex;\n    flex-direction:column;\n    max-width:1080px;\n    margin:0 auto;\n    padding:0 28px;\n  }\n\n  \/* ---------- topbar ---------- *\/\n  .topbar{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    padding:32px 0 0;\n    font-family:'DM Mono',monospace;\n    font-size:12px;\n    letter-spacing:0.08em;\n    color:var(--bone-dim);\n  }\n  .topbar .mark{color:var(--gold-soft);}\n  .topbar .mark a:hover{color:var(--gold);}\n  .topbar .crumb{opacity:0.7;}\n\n  \/* ---------- hero ---------- *\/\n  .hero{\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    padding:80px 0 64px;\n    position:relative;\n  }\n\n  .eyebrow{\n    font-family:'DM Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.18em;\n    text-transform:uppercase;\n    color:var(--gold);\n    margin-bottom:28px;\n  }\n\n  .ember{\n    position:relative;\n    width:100%;\n    display:flex;\n    justify-content:center;\n  }\n\n  .ember::before{\n    content:\"\";\n    position:absolute;\n    width:520px;\n    height:520px;\n    max-width:90vw;\n    border-radius:50%;\n    background:radial-gradient(circle, rgba(201,168,76,0.16) 0%, rgba(201,168,76,0.05) 40%, transparent 70%);\n    filter:blur(2px);\n    animation:simmer 6s ease-in-out infinite;\n    z-index:0;\n  }\n\n  @keyframes simmer{\n    0%,100%{opacity:0.7; transform:scale(1);}\n    50%{opacity:1; transform:scale(1.06);}\n  }\n\n  h1{\n    position:relative;\n    z-index:1;\n    font-family:'Fraunces',serif;\n    font-style:italic;\n    font-weight:500;\n    font-size:clamp(48px, 10vw, 104px);\n    line-height:0.95;\n    margin:0;\n    color:var(--bone);\n  }\n\n  .steam{\n    position:relative;\n    z-index:1;\n    width:100%;\n    max-width:300px;\n    height:46px;\n    margin:8px auto 0;\n    opacity:0.55;\n  }\n  .steam path{\n    stroke:var(--gold-soft);\n    stroke-width:1.1;\n    fill:none;\n    stroke-linecap:round;\n    opacity:0;\n    animation:rise 4.5s ease-in infinite;\n  }\n  .steam path:nth-child(2){animation-delay:1s;}\n  .steam path:nth-child(3){animation-delay:2.2s;}\n\n  @keyframes rise{\n    0%{opacity:0; transform:translateY(6px);}\n    20%{opacity:0.8;}\n    100%{opacity:0; transform:translateY(-22px);}\n  }\n\n  .subhead{\n    position:relative;\n    z-index:1;\n    margin-top:28px;\n    max-width:440px;\n    font-size:16px;\n    line-height:1.6;\n    color:var(--bone-dim);\n  }\n\n  .subhead strong{color:var(--bone); font-weight:400;}\n\n  \/* ---------- divider ---------- *\/\n  .divider{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:16px;\n    padding:0 0 56px;\n  }\n  .divider .line{height:1px; width:80px; background:var(--rule);}\n  .divider .divider-logo{height:22px; width:auto; flex:none; opacity:0.9;}\n\n  \/* ---------- experiences ---------- *\/\n  .experiences{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:1px;\n    background:var(--rule);\n    border:1px solid var(--rule);\n    margin-bottom:96px;\n  }\n\n  .card{\n    background:var(--ink);\n    padding:28px 24px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    transition:background 0.25s ease;\n  }\n  .card:hover, .card:focus-visible{\n    background:var(--ink-soft);\n  }\n\n  .card .dot{\n    width:9px;\n    height:9px;\n    border-radius:50%;\n  }\n  .card .name{\n    font-family:'Fraunces',serif;\n    font-weight:500;\n    font-size:19px;\n    color:var(--bone);\n  }\n  .card .desc{\n    font-size:13.5px;\n    color:var(--bone-dim);\n    line-height:1.5;\n    flex:1;\n  }\n  .card .go{\n    font-family:'DM Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.06em;\n    color:var(--gold);\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n  }\n  .card .go svg{\n    width:11px;\n    transition:transform 0.2s ease;\n  }\n  .card:hover .go svg{\n    transform:translateX(3px);\n  }\n\n  .c-tales .dot{background:var(--plum);}\n  .c-shop .dot{background:var(--clay);}\n  .c-nnalolile .dot{background:var(--gold);}\n  .c-sensual .dot{background:var(--sage);}\n  .c-trust .dot{background:var(--pink);}\n\n  \/* ---------- invite card (mail invitation style) ---------- *\/\n  .card-invite{\n    background:var(--bone);\n    color:var(--ink);\n    align-items:center;\n    text-align:center;\n    justify-content:center;\n    gap:14px;\n    cursor:default;\n  }\n  .invite-logo{\n    max-width:120px;\n    height:auto;\n    margin-bottom:4px;\n  }\n  .invite-text{\n    font-family:'Fraunces',serif;\n    font-style:italic;\n    font-size:15px;\n    line-height:1.5;\n    color:var(--ink);\n  }\n  .ping-btn{\n    font-family:'DM Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n    color:var(--ink);\n    border:1px solid var(--ink);\n    padding:8px 18px;\n    border-radius:30px;\n    transition:background 0.2s ease, color 0.2s ease;\n  }\n  .ping-btn:hover{\n    background:var(--ink);\n    color:var(--bone);\n  }\n\n  \/* ---------- footer ---------- *\/\n  footer{\n    text-align:center;\n    padding:0 0 40px;\n    font-family:'DM Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.06em;\n    color:var(--bone-dim);\n    opacity:0.6;\n  }\n\n  @media (max-width:520px){\n    .topbar{font-size:11px;}\n    .subhead{font-size:14.5px;}\n  }\n\n  @media (max-width:760px){\n    .experiences{grid-template-columns:1fr;}\n  }\n  @media (min-width:761px) and (max-width:1000px){\n    .experiences{grid-template-columns:repeat(2, 1fr);}\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .ember::before, .steam path{animation:none; opacity:0.4;}\n  }\n\n  \/* ---------- WP theme chrome override ----------\n     Hides Twenty Twenty-Five's site header\/footer and\n     strips the theme's content-column max-width so this\n     page renders full-bleed instead of boxed-in. *\/\n  body.page header.wp-block-template-part,\n  body.page footer.wp-block-template-part,\n  .wp-site-blocks > header,\n  .wp-site-blocks > footer,\n  .site-header,\n  .site-footer,\n  #masthead,\n  #colophon,\n  #wpadminbar{\n    display:none !important;\n  }\n  html, body.page, .wp-site-blocks, main,\n  .entry-content, .wp-block-post-content{\n    margin:0 !important;\n    padding:0 !important;\n    max-width:none !important;\n    width:100% !important;\n  }\n\n  \/* ---------- native WP Page Title ----------\n     Hidden \u2014 duplicates the custom \"Still Cooking\" headline below. *\/\n  .wp-block-post-title,\n  h1.entry-title,\n  .entry-title{\n    display:none !important;\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n  <main class=\"hero\">\n    <div class=\"ember\">\n      <div>\n        <h1>Still Cooking<\/h1>\n        <svg class=\"steam\" viewBox=\"0 0 300 46\" aria-hidden=\"true\">\n          <path d=\"M40,46 C30,30 50,22 40,10 C32,2 48,-4 42,-10\" \/>\n          <path d=\"M150,46 C140,28 162,20 150,8 C141,0 158,-6 151,-12\" \/>\n          <path d=\"M258,46 C248,30 268,22 258,10 C250,2 266,-4 260,-10\" \/>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <p class=\"subhead\">The gallery&#8217;s still on the stove. <strong>Yviartures<\/strong> is being plated \u2014 while it finishes, here&#8217;s what&#8217;s already on the table.<\/p>\n  <\/main>\n\n  <div class=\"divider\"><span class=\"line\"><\/span><img decoding=\"async\" class=\"divider-logo\" src=\"https:\/\/atotoatori.co.ke\/yviarture\/wp-content\/uploads\/2026\/06\/transparent-nnalolile-yvi-logo-scaled.png\" alt=\"Nnalolile\"><span class=\"line\"><\/span><\/div>\n\n  <section>\n\n    <div class=\"experiences\">\n\n      <a class=\"card c-tales\" href=\"https:\/\/atotoatori.co.ke\/anthology-of-east-african-stories\/\">\n        <span class=\"dot\"><\/span>\n        <span class=\"name\">Yvitales<\/span>\n        <span class=\"desc\">We age not by our years, but by our stories.<\/span>\n        <span class=\"go\">READ <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n      <\/a>\n\n      <a class=\"card c-shop\" href=\"https:\/\/atotoatori.co.ke\/yvishop\/\">\n        <span class=\"dot\"><\/span>\n        <span class=\"name\">Yvishop<\/span>\n        <span class=\"desc\">Every cart tells a story.<\/span>\n        <span class=\"go\">SHOP <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n      <\/a>\n\n      <a class=\"card c-nnalolile\" href=\"https:\/\/atotoatori.co.ke\/nnalolile\/\">\n        <span class=\"dot\"><\/span>\n        <span class=\"name\">Nnalolile<\/span>\n        <span class=\"desc\">We look, we listen, we learn \u2014 then we tell.<\/span>\n        <span class=\"go\">FOR BUSINESS <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n      <\/a>\n\n      <a class=\"card c-sensual\" href=\"https:\/\/atotoatori.co.ke\/nnalolile\/about-us\/the-proposed-yvisensual-health-wellness-centre\/\">\n        <span class=\"dot\"><\/span>\n        <span class=\"name\">Yvisensual<\/span>\n        <span class=\"desc\">Heal the soul, not just the skin.<\/span>\n        <span class=\"go\">VISIT <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n      <\/a>\n\n      <a class=\"card c-trust\" href=\"https:\/\/atotoatori.co.ke\/nnalolile-yvi-trust-fund\/\">\n        <span class=\"dot\"><\/span>\n        <span class=\"name\">Yvi Trust Fund<\/span>\n        <span class=\"desc\">From little acorns, mighty oaks grow.<\/span>\n        <span class=\"go\">DONATE <svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/span>\n      <\/a>\n\n      <div class=\"card card-invite\">\n        <img decoding=\"async\" class=\"invite-logo\" src=\"https:\/\/atotoatori.co.ke\/yviarture\/wp-content\/uploads\/2026\/06\/transparent-nnalolile-logo-scaled.png\" alt=\"Nnalolile\">\n        <span class=\"invite-text\">You&#8217;re invited. Ping me, and I&#8217;ll tell you the moment it&#8217;s ready.<\/span>\n        <a class=\"ping-btn\" href=\"https:\/\/atotoatori.co.ke\/yviarture\/atoto-atori\/\">Ping me<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <footer>ATOTO ATORI \u00b7 YVIARTURES IS COMING<\/footer>\n\n<\/div>\n\n<script>\n  \/\/ Fallback in case the theme's actual header\/footer markup\n  \/\/ doesn't match the CSS selectors above.\n  document.addEventListener('DOMContentLoaded', function () {\n    var selectors = {\n      header: 'header.wp-block-template-part, .site-header, #masthead, .wp-site-blocks > header',\n      footer: 'footer.wp-block-template-part, .site-footer, #colophon, .wp-site-blocks > footer'\n    };\n    document.querySelectorAll(selectors.header).forEach(function (el) { el.style.display = 'none'; });\n    document.querySelectorAll(selectors.footer).forEach(function (el) { el.style.display = 'none'; });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Yviartures \u2014 Still Cooking | Atoto Atori Still Cooking The gallery&#8217;s still on the stove. Yviartures is being plated \u2014 while it finishes, here&#8217;s what&#8217;s already on the table. Yvitales We age not by our years, but by our stories. READ Yvishop Every cart tells a story. SHOP Nnalolile We look, we listen, we learn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"atoto-atori","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":5,"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/pages\/37\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/atotoatori.co.ke\/yviarture\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}