/* ============ Atelier — front-end design system ============ */
:root{
  --vf-bg:#0C0A07; --vf-bg2:#14110B; --vf-ink:#EFE7D8; --vf-muted:#98907F;
  --vf-line:rgba(239,231,216,.13); --vf-gold:#CBA96F; --vf-gold2:#E6CD9A;
  --vf-gold-soft:rgba(203,169,111,.16); --vf-onimg:#F4EEE1; --vf-onimg-muted:rgba(244,238,225,.74);
  --vf-header-bg:rgba(12,10,7,.6); --vf-ghost:rgba(203,169,111,.16);
  --vf-serif:'Fraunces',Georgia,serif; --vf-sans:'Space Grotesk',Helvetica,Arial,sans-serif;
  --vf-tamil:'Noto Serif Tamil',serif; --vf-ease:cubic-bezier(.65,0,.35,1); --vf-radius:22px;
}
html[data-theme="light"]{
  --vf-bg:#F4EFE4; --vf-bg2:#EAE2D1; --vf-ink:#1A150D; --vf-muted:#6E6450;
  --vf-line:rgba(26,21,13,.15); --vf-gold:#9A7231; --vf-gold2:#8A6527;
  --vf-gold-soft:rgba(154,114,49,.16); --vf-header-bg:rgba(244,239,228,.65); --vf-ghost:rgba(154,114,49,.22);
}
body{ background:var(--vf-bg)!important; color:var(--vf-ink)!important; transition:background .5s ease,color .5s ease; }
html[data-theme="light"] body{ background:var(--vf-bg)!important; color:var(--vf-ink)!important; }
::selection{ background:var(--vf-gold); color:#14110B; }
a{ text-decoration:none; }
img{ border-radius:0; }

.vf-noise{ position:fixed; inset:-50%; width:200%; height:200%; pointer-events:none; z-index:2000; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:vfgrain 8s steps(10) infinite; }
@keyframes vfgrain{ 0%,100%{transform:translate(0,0)} 20%{transform:translate(-3%,2%)} 40%{transform:translate(2%,-3%)} 60%{transform:translate(-2%,-2%)} 80%{transform:translate(3%,3%)} }
#vfProgress{ position:fixed; top:0; left:0; height:2px; width:100%; z-index:3000;
  background:linear-gradient(90deg,var(--vf-gold),var(--vf-gold2)); transform-origin:left; transform:scaleX(0); }
.vf-cursor-dot,.vf-cursor-ring{ position:fixed; top:0; left:0; pointer-events:none; z-index:4000; border-radius:50%; transform:translate(-50%,-50%); }
.vf-cursor-dot{ width:8px; height:8px; background:var(--vf-gold); }
.vf-cursor-ring{ width:44px; height:44px; border:1px solid var(--vf-gold); display:flex; align-items:center; justify-content:center; transition:width .35s var(--vf-ease),height .35s var(--vf-ease),background .35s; }
.vf-cursor-ring span{ font:600 .6rem/1 var(--vf-sans); letter-spacing:.18em; text-transform:uppercase; color:#16120A; opacity:0; transition:opacity .25s; }
.vf-cursor-ring.big{ width:84px; height:84px; background:var(--vf-gold); }
.vf-cursor-ring.big span{ opacity:1; }
.vf-cursor-ring.mini{ width:60px; height:60px; background:var(--vf-gold-soft); }
@media (pointer:coarse){ .vf-cursor-dot,.vf-cursor-ring{ display:none; } }

#vfLoader{ position:fixed; inset:0; z-index:5000; background:#0C0A07; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1.4rem; }
#vfLoader .vf-l-logo{ width:min(240px,50vw); }
#vfLoader .d{ stroke:#CBA96F; stroke-width:7; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; }
#vfLoader .f{ fill:#CBA96F; opacity:0; }
.vf-l-count{ font:300 1rem var(--vf-serif); letter-spacing:.35em; color:#98907F; }
.vf-l-tag{ font:.68rem var(--vf-sans); letter-spacing:.32em; text-transform:uppercase; color:#5c5546; }

.vf-header{ position:fixed; top:0; left:0; right:0; z-index:1000; height:84px; padding:0 clamp(1.25rem,4vw,3.5rem);
  border-bottom:1px solid transparent; transition:background .4s,border-color .4s,backdrop-filter .4s; }
.vf-header.scrolled{ background:var(--vf-header-bg); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom-color:var(--vf-line); }
body.admin-bar .vf-header{ top:32px; }
@media (max-width:782px){ body.admin-bar .vf-header{ top:46px; } }
.vf-brand{ gap:.9rem; }
.vf-brand .wp-block-site-title a{ color:var(--vf-ink); }
.vf-brand .wp-block-site-logo img{ border-radius:0; }
.vf-nav .wp-block-navigation-item__content{ color:var(--vf-muted); padding:.3rem 0; }
.vf-nav .wp-block-navigation-item__content:hover{ color:var(--vf-ink); }
.vf-head-right{ display:flex; align-items:center; gap:1.1rem; }
.vf-clock{ display:flex; align-items:center; gap:.55rem; font:.5rem/1 var(--vf-sans); font-size:.7rem; letter-spacing:.16em; color:var(--vf-muted); }
.vf-clock i{ width:6px; height:6px; border-radius:50%; background:var(--vf-gold); animation:vfpulse 2s infinite; }
@keyframes vfpulse{ 0%,100%{opacity:1} 50%{opacity:.25} }
.vf-icon-btn{ width:40px; height:40px; border:1px solid var(--vf-line); border-radius:50%; display:grid; place-items:center; background:none; color:var(--vf-ink); cursor:pointer; transition:border-color .3s,transform .3s; }
.vf-icon-btn:hover{ border-color:var(--vf-gold); transform:rotate(15deg); }
.vf-icon-btn svg{ width:16px; height:16px; }
.vf-icon-btn .sun{ display:none; }
html[data-theme="light"] .vf-icon-btn .sun{ display:block; }
html[data-theme="light"] .vf-icon-btn .moon{ display:none; }
.vf-btn-gold{ display:inline-flex; align-items:center; gap:.6rem; background:var(--vf-gold); color:#16120A!important; font:600 .74rem var(--vf-sans);
  letter-spacing:.16em; text-transform:uppercase; padding:.85rem 1.6rem; border-radius:999px; border:none; cursor:pointer; white-space:nowrap; transition:background .3s; }
.vf-btn-gold:hover{ background:var(--vf-gold2); }
.wp-block-navigation__responsive-container.is-menu-open{ background:var(--vf-bg2)!important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{ font-family:var(--vf-serif); font-size:2rem; text-transform:none; letter-spacing:0; }
@media (max-width:900px){ .vf-clock, .vf-head-right .vf-btn-gold{ display:none; } .vf-head-right{ margin-left:auto; } }

/* Mobile hamburger menu */
.vf-header .wp-block-navigation__responsive-container-open {
    display: none;
}
@media (max-width:900px) {
    .vf-header .wp-block-navigation__responsive-container-open {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        background: none;
        border: none;
        color: var(--vf-ink);
        cursor: pointer;
        margin-left: auto;
    }
    .vf-header .wp-block-navigation__responsive-container-open svg {
        width: 24px;
        height: 24px;
    }
    .vf-header .wp-block-navigation__responsive-container-open:hover {
        opacity: 0.7;
    }
    .vf-header .wp-block-navigation__responsive-container-close {
        position: fixed;
        top: 1rem;
        right: 1rem;
        width: 44px;
        height: 44px;
        background: none;
        border: none;
        color: var(--vf-ink);
        cursor: pointer;
        z-index: 1001;
    }
    .vf-header .wp-block-navigation__responsive-container-close svg {
        width: 28px;
        height: 28px;
    }
    .vf-header .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        padding: 5rem 2rem;
        overflow-y: auto;
    }
    .vf-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__items {
        flex-direction: column;
        gap: 1.5rem;
        align-items: center;
    }
    .vf-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        font-size: 1.6rem !important;
    }
    .vf-nav {
        gap: 0 !important;
    }
}


.vf-wrap{ max-width:1500px; margin:0 auto; padding-left:clamp(1.25rem,4vw,3.5rem); padding-right:clamp(1.25rem,4vw,3.5rem); }
.vf-sec{ padding:clamp(5rem,10vw,9rem) 0; position:relative; }
.vf-index{ padding-top:140px; }
.vf-sec-head{ margin-bottom:clamp(2.5rem,5vw,4.5rem); gap:2rem; }
.vf-sec-label{ font-size:.68rem!important; letter-spacing:.32em; text-transform:uppercase; color:var(--vf-gold)!important; display:flex; align-items:center; gap:.8rem; margin-bottom:1.2rem; }
.vf-sec-label::before{ content:''; width:34px; height:1px; background:var(--vf-gold); display:inline-block; }
.vf-sec-label.is-center{ justify-content:center; }
.vf-sec-head h2 em, .vf-dispatch h2 em, .vf-index h2 em{ font-style:italic; color:var(--vf-gold2); }
html[data-theme="light"] .vf-sec-head h2 em, html[data-theme="light"] .vf-dispatch h2 em{ color:var(--vf-gold); }
.vf-sec-link a{ font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:var(--vf-muted); }
.vf-sec-link a:hover{ color:var(--vf-gold); }
.vf-sec-note{ color:var(--vf-muted); max-width:34ch; font-size:.95rem; }
.vf-ghost{ position:absolute; top:2rem; right:-1rem; font:600 clamp(7rem,20vw,19rem)/1 var(--vf-serif)!important;
  color:transparent!important; -webkit-text-stroke:1px var(--vf-ghost); pointer-events:none; user-select:none; margin:0; }
.vf-vi{ font-family:var(--vf-tamil)!important; color:var(--vf-gold)!important; font-size:1.3rem!important; }
.vf-vi-inline{ font-family:var(--vf-tamil); color:var(--vf-gold); }

.vf-hero-query, .vf-hero-query ul, .vf-hero-query li{ margin:0; }
.vf-hero-cover{ overflow:hidden; }
.vf-hero-cover::after{ content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top,rgba(8,6,4,.92) 0%,rgba(8,6,4,.55) 34%,rgba(8,6,4,.18) 62%,rgba(8,6,4,.35) 100%); }
.vf-hero-cover .wp-block-cover__inner-container{ position:relative; z-index:2; width:100%; }
.vf-hero-cover .wp-block-cover__image-background{ animation:vfkenburns 22s ease-in-out infinite alternate; }
@keyframes vfkenburns{ from{transform:scale(1)} to{transform:scale(1.09) translate(-1%,1%)} }
.vf-hero-inner{ max-width:1100px; }
.vf-kicker{ display:inline-flex; align-items:center; gap:.7rem; font-size:.7rem!important; letter-spacing:.3em; text-transform:uppercase; color:var(--vf-onimg-muted)!important; margin-bottom:1.4rem; }
.vf-kicker i{ width:7px; height:7px; border-radius:50%; background:var(--vf-gold); animation:vfpulse 2s infinite; display:inline-block; }
.vf-hero-title{ color:var(--vf-onimg)!important; max-width:16ch; line-height:1.04!important; }
.vf-hero-title a{ color:inherit!important; }
.vf-hero-title .w{ display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.08em; margin-bottom:-.08em; }
.vf-hero-title .w > span{ display:inline-block; transform:translateY(118%) rotate(2deg); }
.vf-hero-excerpt{ color:var(--vf-onimg-muted)!important; max-width:56ch; margin-top:1.4rem; }
.vf-hero-meta{ gap:1.2rem; margin-top:1.6rem; color:var(--vf-onimg-muted)!important; font-size:.78rem; letter-spacing:.06em; align-items:center; }
.vf-hero-meta time, .vf-hero-meta .wp-block-post-author-name{ color:var(--vf-onimg-muted); }
.vf-hero-cta .wp-block-read-more{ color:var(--vf-onimg); font-size:.76rem; letter-spacing:.2em; text-transform:uppercase; border-bottom:1px solid var(--vf-gold); padding-bottom:.3rem; }

.vf-pills{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }
.vf-pills a{ font:500 .66rem var(--vf-sans)!important; letter-spacing:.16em; text-transform:uppercase; padding:.5rem .95rem; border-radius:999px;
  border:1px solid rgba(203,169,111,.7); color:var(--vf-gold2)!important; background:rgba(10,8,5,.35); backdrop-filter:blur(6px); }
.vf-pills a:hover{ background:var(--vf-gold); color:#16120A!important; }
.vf-pills-solid a{ background:var(--vf-gold); border-color:var(--vf-gold); color:#16120A!important; }
.vf-pills .wp-block-post-terms__separator{ display:none; }

.vf-now{ border-bottom:1px solid var(--vf-line); gap:0; }
.vf-now-cell{ flex:1 1 240px; display:flex; align-items:center; gap:.8rem; padding:1.1rem clamp(1.25rem,4vw,3.5rem);
  border-right:1px solid var(--vf-line); font-size:.78rem!important; letter-spacing:.05em; color:var(--vf-muted)!important; margin:0; }
.vf-now-cell:last-child{ border-right:none; }
.vf-now-lab{ color:var(--vf-gold); font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; }
.vf-now-cell i{ width:5px; height:5px; border-radius:50%; background:var(--vf-gold); flex:none; display:inline-block; }

.vf-marquee{ overflow:hidden; border-bottom:1px solid var(--vf-line); padding:1.6rem 0; }
.vf-marquee-track{ width:max-content; gap:0; animation:vfmq 30s linear infinite; }
.vf-marquee:hover .vf-marquee-track{ animation-play-state:paused; }
.vf-mq-set{ flex:none; gap:0; }
.vf-mq-set p{ font-family:var(--vf-serif)!important; font-weight:300; font-size:clamp(1.4rem,2.6vw,2.2rem)!important; white-space:nowrap; padding:0 1.6rem; color:var(--vf-muted)!important; margin:0; }
.vf-mq-set p:nth-child(4n+1){ font-style:italic; color:var(--vf-ink)!important; }
.vf-mq-set .vf-vi{ color:var(--vf-gold)!important; font-style:normal; }
@keyframes vfmq{ to{ transform:translateX(-50%); } }

.vf-cards{ display:grid!important; grid-template-columns:repeat(12,1fr); gap:clamp(.9rem,1.6vw,1.4rem); list-style:none; padding:0; }
.vf-cards.vf-cards > * + *{ margin-block-start:0; }
.vf-cards > li{ position:relative; min-height:340px; border-radius:var(--vf-radius); overflow:hidden; isolation:isolate; }
.vf-cards > li:nth-child(6n+1){ grid-column:span 7; aspect-ratio:16/11.5; }
.vf-cards > li:nth-child(6n+2){ grid-column:span 5; }
.vf-cards > li:nth-child(6n+3),
.vf-cards > li:nth-child(6n+4),
.vf-cards > li:nth-child(6n+5){ grid-column:span 4; aspect-ratio:4/4.6; }
.vf-cards > li:nth-child(6n+6){ grid-column:span 12; aspect-ratio:21/8; }
.vf-cards .wp-block-cover{ position:absolute; inset:0; min-height:0; transition:box-shadow .5s; }
.vf-cards .wp-block-cover::after{ content:''; position:absolute; inset:0; z-index:1; transition:background .6s;
  background:linear-gradient(to top,rgba(8,6,4,.9) 4%,rgba(8,6,4,.42) 42%,rgba(8,6,4,.05) 72%,rgba(8,6,4,.22) 100%); }
.vf-cards li:hover .wp-block-cover::after{ background:linear-gradient(to top,rgba(8,6,4,.95) 4%,rgba(8,6,4,.5) 48%,rgba(8,6,4,.12) 75%,rgba(8,6,4,.3) 100%); }
.vf-cards .wp-block-cover__inner-container{ position:relative; z-index:2; width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.vf-cards .wp-block-cover__image-background{ transition:transform 1.1s var(--vf-ease),filter 1.1s var(--vf-ease); }
.vf-cards li:hover .wp-block-cover__image-background{ transform:scale(1.07); filter:saturate(1.1); }
.vf-cards > li::after{ content:''; position:absolute; top:1.1rem; right:1.1rem; z-index:3; width:44px; height:44px; border-radius:50%;
  background:var(--vf-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316120A' stroke-width='1.8'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/16px no-repeat;
  opacity:0; transform:translate(8px,-8px); transition:.45s var(--vf-ease); }
.vf-cards > li:hover::after{ opacity:1; transform:none; }
.vf-card-body{ transition:transform .5s var(--vf-ease); }
.vf-cards li:hover .vf-card-body{ transform:translateY(-6px); }
.vf-card-title{ font-size:clamp(1.25rem,1.9vw,1.7rem)!important; line-height:1.18!important; color:var(--vf-onimg)!important; margin:0; }
.vf-card-title a{ color:inherit!important; }
li:nth-child(6n+1) .vf-card-title{ font-size:clamp(1.7rem,2.8vw,2.5rem)!important; }
li:nth-child(6n+6) .vf-card-title{ font-size:clamp(1.6rem,3vw,2.6rem)!important; max-width:22ch; }
.vf-card-exc{ margin-top:.7rem; font-size:.86rem; line-height:1.55; color:var(--vf-onimg-muted)!important; max-width:52ch;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.vf-card-exc p{ margin:0; }
.vf-card-date{ margin-top:1rem; font-size:.72rem; letter-spacing:.1em; color:rgba(244,238,225,.6)!important; }
@media (max-width:1080px){
  .vf-cards > li{ grid-column:span 12!important; aspect-ratio:16/10!important; }
}

.vf-worlds-list{ border-top:1px solid var(--vf-line); }
.vf-world-row{ gap:1.5rem; padding:2.2rem .5rem; border-bottom:1px solid var(--vf-line); cursor:pointer; transition:padding .45s var(--vf-ease); }
.vf-world-row:hover{ padding-left:1.6rem; }
.vf-w-num{ font:italic 400 1rem var(--vf-serif)!important; color:var(--vf-muted)!important; min-width:44px; margin:0; transition:color .3s; }
.vf-world-row:hover .vf-w-num{ color:var(--vf-gold)!important; }
.vf-w-main{ flex:1; }
.vf-w-main h3{ font-size:clamp(1.6rem,3.4vw,2.8rem)!important; transition:color .3s; margin:0; }
.vf-world-row:hover .vf-w-main h3{ color:var(--vf-gold2); font-style:italic; }
html[data-theme="light"] .vf-world-row:hover .vf-w-main h3{ color:var(--vf-gold); }
.vf-w-desc{ margin-top:.4rem; color:var(--vf-muted)!important; font-size:.9rem; max-width:52ch; }
.vf-w-arrow{ width:52px; height:52px; border:1px solid var(--vf-line); border-radius:50%; display:grid; place-items:center; margin:0; flex:none; transition:.4s var(--vf-ease); font-size:1.2rem!important; }
.vf-world-row:hover .vf-w-arrow{ background:var(--vf-gold); border-color:var(--vf-gold); color:#16120A!important; transform:rotate(-45deg); }
.vf-world-thumb{ display:none; }
#vfWorldPreview{ position:fixed; top:0; left:0; width:300px; height:380px; border-radius:16px; overflow:hidden; pointer-events:none; z-index:800;
  opacity:0; transform:scale(.85) rotate(-4deg); box-shadow:0 30px 80px rgba(0,0,0,.5); }
#vfWorldPreview img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:900px){ #vfWorldPreview{ display:none; } .vf-w-num{ min-width:30px; } .vf-w-arrow{ width:42px; height:42px; } }

.vf-manifesto{ background:var(--vf-bg2); border-top:1px solid var(--vf-line); border-bottom:1px solid var(--vf-line); }
.vf-m-grid{ align-items:center; gap:clamp(2.5rem,6vw,6rem); }
.vf-manifesto-text{ font-family:var(--vf-serif)!important; font-weight:300; font-size:clamp(1.5rem,2.7vw,2.4rem)!important; line-height:1.4!important; }
.vf-manifesto-text .mw{ opacity:.13; }
.vf-stats{ display:flex; flex-wrap:wrap; gap:clamp(2rem,5vw,4.5rem); margin-top:clamp(3rem,6vw,5rem); padding-top:2.5rem; border-top:1px solid var(--vf-line); }
.vf-stat-num{ font:300 clamp(2.6rem,5vw,4rem)/1 var(--vf-serif); color:var(--vf-gold); }
.vf-stat-lab{ margin-top:.5rem; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--vf-muted); }
.vf-m-media{ border-radius:var(--vf-radius); overflow:hidden; position:relative; }
.vf-m-media img{ aspect-ratio:4/5; object-fit:cover; }
.vf-m-media figcaption{ position:absolute; bottom:1rem; left:1.2rem; font-size:.68rem; letter-spacing:.24em; text-transform:uppercase; color:var(--vf-onimg-muted); z-index:2; }
.vf-m-media::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(8,6,4,.55),transparent 45%); }

.vf-dispatch{ text-align:center; overflow:hidden; }
.vf-d-vi{ position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); font-family:var(--vf-tamil)!important;
  font-size:clamp(16rem,40vw,34rem)!important; line-height:1; color:var(--vf-gold-soft)!important; margin:0; pointer-events:none; user-select:none; }
.vf-dispatch .vf-wrap{ position:relative; z-index:1; }
.vf-d-sub{ max-width:46ch; margin:1.4rem auto 0; color:var(--vf-muted)!important; font-size:.95rem; }
.vf-d-form{ margin:3rem auto 0; max-width:560px; display:flex; gap:.8rem; align-items:center; }
.vf-d-form input{ flex:1; background:transparent; border:none; border-bottom:1px solid var(--vf-line); color:var(--vf-ink);
  font:1rem var(--vf-sans); padding:1rem .4rem; outline:none; transition:border-color .3s; }
.vf-d-form input:focus{ border-color:var(--vf-gold); }
.vf-d-form input::placeholder{ color:var(--vf-muted); }
.vf-d-success{ display:none; font:italic 400 1.4rem var(--vf-serif); color:var(--vf-gold2); margin-top:3rem; }
html[data-theme="light"] .vf-d-success{ color:var(--vf-gold); }
.vf-d-fine{ margin-top:1.4rem; font-size:.68rem!important; letter-spacing:.18em; text-transform:uppercase; color:var(--vf-muted)!important; }
@media (max-width:640px){ .vf-d-form{ flex-direction:column; align-items:stretch; } }

.vf-single-hero{ overflow:hidden; }
.vf-single-hero::after{ content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top,rgba(8,6,4,.92) 0%,rgba(8,6,4,.5) 40%,rgba(8,6,4,.15) 70%,rgba(8,6,4,.3) 100%); }
.vf-single-hero .wp-block-cover__inner-container{ position:relative; z-index:2; width:100%; }
.vf-single-hero .wp-block-post-title{ color:var(--vf-onimg)!important; max-width:20ch; }
.vf-single-body{ padding-top:clamp(3rem,6vw,5rem); padding-bottom:clamp(3rem,6vw,5rem); }
.vf-single-body .wp-block-post-content > p:first-of-type::first-letter{ font-family:var(--vf-serif); font-size:3.4em; float:left; line-height:.85; padding:.06em .12em 0 0; color:var(--vf-gold); }
.vf-comments{ margin-top:3rem; }

.vf-footer{ border-top:1px solid var(--vf-line); position:relative; overflow:hidden; padding-bottom:0; }
.vf-f-vi{ position:absolute; right:-3rem; bottom:-9rem; font-family:var(--vf-tamil)!important; font-size:clamp(14rem,32vw,26rem)!important; line-height:1; margin:0;
  pointer-events:none; user-select:none; background:linear-gradient(180deg,var(--vf-gold) 0%,transparent 90%); -webkit-background-clip:text; background-clip:text; color:transparent!important; opacity:.16; }
.vf-f-top{ padding:clamp(3.5rem,7vw,6rem) 0 3rem; gap:2.5rem; position:relative; z-index:1; }
.vf-f-tag{ margin-top:1.2rem; color:var(--vf-muted)!important; font-size:.88rem; max-width:30ch; }
.vf-f-head{ font-size:.68rem!important; letter-spacing:.3em; text-transform:uppercase; color:var(--vf-gold)!important; margin-bottom:1.1rem; font-weight:500; }
.vf-f-top .wp-block-column p:not(.vf-f-head):not(.vf-f-tag) a{ display:inline-block; padding:.3rem 0; color:var(--vf-muted); transition:color .3s,transform .3s; }
.vf-f-top .wp-block-column p a:hover{ color:var(--vf-ink); transform:translateX(6px); }
.vf-f-bottom{ border-top:1px solid var(--vf-line); padding:1.6rem 0; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; position:relative; z-index:1; }
.vf-f-bottom p{ color:var(--vf-muted)!important; margin:0; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; }

.vf-pagination{ margin-top:3rem; }
.vf-pagination a{ font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:var(--vf-muted); }
.vf-pagination .page-numbers{ padding:.4rem .7rem; border:1px solid var(--vf-line); border-radius:8px; }
.vf-pagination .page-numbers.current{ background:var(--vf-gold); color:#16120A; border-color:var(--vf-gold); }

.vf-reveal{ opacity:0; transform:translateY(46px); }
html.vf-no-motion .vf-reveal, html.vf-no-motion .vf-hero-title .w > span{ opacity:1!important; transform:none!important; }
html.vf-no-motion #vfLoader, html.vf-no-motion .vf-cursor-dot, html.vf-no-motion .vf-cursor-ring{ display:none!important; }
html.vf-no-motion .vf-hero-cover .wp-block-cover__image-background, html.vf-no-motion .vf-marquee-track{ animation:none; }