/* Kouklamou — editorial layer on top of theme.json */
:root{--k-gutter:clamp(16px,4vw,56px)}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{text-wrap:balance}
:where(a,button,input):focus-visible{outline:2px solid var(--wp--preset--color--loukoumi);outline-offset:3px}
.k-eyebrow,.k-eyebrow a,.wp-block-post-terms.k-eyebrow a{font-family:var(--wp--preset--font-family--body);font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--wp--preset--color--fig);text-decoration:none}
.k-muted{color:var(--wp--preset--color--soft)}
.k-greek{font-family:var(--wp--preset--font-family--greek)}
em,.k-it{font-family:var(--wp--preset--font-family--italic);font-style:italic;font-weight:400}

/* header */
.k-topbar{font-size:.75rem;color:var(--wp--preset--color--soft);border-bottom:1px solid var(--wp--preset--color--line)}
.k-topbar p{margin:0}
.k-mast .wp-block-site-title a{text-decoration:none;text-transform:lowercase}
.k-mast .wp-block-site-title a::after{content:".";color:var(--wp--preset--color--loukoumi)}
.k-mast .wp-block-navigation a{text-decoration:none;border-bottom:1px solid transparent;padding-block:4px}
.k-mast .wp-block-navigation a:hover{border-color:var(--wp--preset--color--loukoumi);color:var(--wp--preset--color--ink)}
.k-chip .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--ink);padding:.4rem .9rem;font-size:.75rem}
.k-chip.is-style-fill .wp-block-button__link,.k-chip--fill .wp-block-button__link{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--ground)}
.k-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--ink)}
.k-outline .wp-block-button__link:hover{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--ground)}
.wp-block-button__link{transition:transform .15s,background .2s}
.wp-block-button__link:hover{transform:translateY(-1px)}

/* hero */
.k-hero{border-top:1px solid var(--wp--preset--color--ink)}
.k-hero__title{margin-bottom:.35em!important;font-family:var(--wp--preset--font-family--greek)!important;line-height:.86!important;letter-spacing:-.03em}
.k-hero__title .k-mou{display:block;padding-left:.9em;color:var(--wp--preset--color--loukoumi);font-family:var(--wp--preset--font-family--italic);font-style:italic;letter-spacing:-.01em}
.k-defn{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;max-width:520px;font-size:.92rem;color:var(--wp--preset--color--soft);border-top:1px solid var(--wp--preset--color--line);padding-top:16px;margin:0}
.k-defn dt{font-weight:600;color:var(--wp--preset--color--ink);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding-top:3px}
.k-defn dd{margin:0}
.k-hero__tag em{color:var(--wp--preset--color--fig)}
.k-hero__art{position:relative}
.k-arch img{aspect-ratio:4/5;object-fit:cover;border-radius:220px 220px 4px 4px;width:100%}
.k-sticker{position:absolute;top:18px;left:-26px;width:118px;height:118px;border-radius:50%;background:var(--wp--preset--color--loukoumi);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--wp--preset--font-family--italic);font-style:italic;font-size:1.05rem;line-height:1.1;transform:rotate(-12deg);padding:12px;margin:0;z-index:2}
@media (prefers-reduced-motion:no-preference){.k-sticker{animation:k-spin 18s linear infinite}@keyframes k-spin{to{transform:rotate(348deg)}}}

/* marquee */
.k-marquee{border-block:1px solid var(--wp--preset--color--ink);overflow:hidden;padding-block:14px;width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important}
body{overflow-x:hidden}
.k-track{display:flex;gap:40px;width:max-content;font-family:var(--wp--preset--font-family--display);font-size:1.35rem;white-space:nowrap}
.k-track .k-dup{display:flex;gap:40px}
.k-track span:not(.k-dup)::after{content:"✺";color:var(--wp--preset--color--loukoumi);margin-left:40px;font-size:1rem;vertical-align:middle}
@media (prefers-reduced-motion:no-preference){.k-track{animation:k-slide 60s linear infinite}@keyframes k-slide{to{transform:translateX(-50%)}}}

/* section heads */
.k-sechead{border-bottom:0}
.k-sechead p{max-width:40ch;margin:0}

/* worlds grid */
.k-worlds{gap:1px!important;background:var(--wp--preset--color--line);border:1px solid var(--wp--preset--color--line)}
.k-world{background:var(--wp--preset--color--ground);padding:22px 20px 20px!important;transition:background .25s;height:100%}
.k-world:hover{background:var(--wp--preset--color--blush)}
.k-world .wp-block-image img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.k-world .wp-block-image{margin:0}
.k-world__g{font-family:var(--wp--preset--font-family--greek);font-size:1.9rem;line-height:1;margin:6px 0 0!important}
.k-world h3{font-family:var(--wp--preset--font-family--body)!important;font-weight:600;font-size:.78rem!important;letter-spacing:.16em;text-transform:uppercase;margin:0!important}
.k-world h3 a{color:var(--wp--preset--color--fig);text-decoration:none}
.k-world h3 a::after{content:"";position:absolute;inset:0}
.k-world{position:relative}
.k-world p:last-child{font-size:.88rem;color:var(--wp--preset--color--soft);margin:0}

/* stories */
.k-lead .wp-block-post-featured-image img{aspect-ratio:5/4;object-fit:cover}
.k-list .wp-block-post-template{display:flex;flex-direction:column;gap:22px}
.k-list .wp-block-post{padding-bottom:22px;border-bottom:1px solid var(--wp--preset--color--line)}
.k-list .wp-block-post:last-child{border:0}
.k-list .wp-block-post-featured-image img{aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.k-list .wp-block-post-title a,.k-lead .wp-block-post-title a,.k-grid .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--ink)}
.k-list .wp-block-post-title a:hover,.k-grid .wp-block-post-title a:hover{color:var(--wp--preset--color--fig)}
.k-card{background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--line)}
.k-slang__word{font-family:var(--wp--preset--font-family--greek);font-size:2.4rem;line-height:1;margin:0!important}
.k-small{font-size:.9rem}
.k-yiayia .k-eyebrow{color:var(--wp--preset--color--onfig);opacity:.8}
.k-yiayia__q{font-family:var(--wp--preset--font-family--italic);font-style:italic;font-size:1.5rem;line-height:1.2}

/* archive grid */
.k-grid .wp-block-post-featured-image img{aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.k-grid .wp-block-post-title{font-size:1.45rem}
.k-archive-head .wp-block-term-description{font-family:var(--wp--preset--font-family--greek);font-size:1.3rem;color:var(--wp--preset--color--fig)}
.wp-block-query-pagination a{text-decoration:none}

/* single */
.k-single .wp-block-post-excerpt{font-size:1.2rem;color:var(--wp--preset--color--soft)}
.k-single .wp-block-post-content>p:first-child::first-letter{font-family:var(--wp--preset--font-family--display);float:left;font-size:4.2rem;line-height:.85;padding:.25rem .5rem 0 0;color:var(--wp--preset--color--fig)}
.k-credit{font-size:.72rem;color:var(--wp--preset--color--soft);margin-top:.4rem;text-align:right}
.k-credit a{color:inherit}

/* translator */
.k-translator{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:center;background:var(--wp--preset--color--blush);padding:clamp(28px,5vw,64px);border-radius:4px}
.k-translator__title{font-size:clamp(2.2rem,4.4vw,3.8rem)!important;margin:.5rem 0}
.k-translator__title em{color:var(--wp--preset--color--fig)}
.k-phrases{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.k-phrases button{font-family:var(--wp--preset--font-family--greek);font-size:1.05rem;background:transparent;border:1px solid var(--wp--preset--color--ink);color:var(--wp--preset--color--ink);border-radius:99px;padding:7px 14px;cursor:pointer}
.k-phrases button[aria-pressed="true"]{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--ground)}
.k-result{background:var(--wp--preset--color--paper);padding:30px;border-radius:4px;min-height:260px;display:flex;flex-direction:column;gap:16px}
.k-result .k-eyebrow{margin:0}
.k-said{font-family:var(--wp--preset--font-family--greek);font-size:2rem;line-height:1.1}
.k-lit{color:var(--wp--preset--color--soft);font-size:.9rem}
.k-means{font-family:var(--wp--preset--font-family--display);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--wp--preset--color--fig);line-height:1.1;border-top:1px solid var(--wp--preset--color--line);padding-top:16px}
.k-share{margin-top:auto;display:flex;justify-content:space-between;font-size:.75rem;color:var(--wp--preset--color--soft);gap:12px;flex-wrap:wrap}

/* social feed */
.k-feed{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.k-post{position:relative;display:block;aspect-ratio:9/14;border-radius:4px;overflow:hidden;background:var(--wp--preset--color--blush);text-decoration:none}
.k-post:nth-child(even){margin-top:36px}
.k-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.k-post:hover img{transform:scale(1.04)}
.k-post::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(43,22,33,.82),rgba(43,22,33,0) 60%);z-index:1}
.k-post__hook{position:absolute;inset:auto 12px 38px 12px;z-index:2;font-family:var(--wp--preset--font-family--display);font-size:1.05rem;line-height:1.1;color:#fff}
.k-post__cap{position:absolute;left:12px;bottom:10px;z-index:2;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--ink);background:var(--wp--preset--color--paper);padding:3px 8px;border-radius:2px}
.k-post__play{position:absolute;top:10px;right:10px;z-index:2;font-size:.62rem;font-weight:600;letter-spacing:.1em;background:var(--wp--preset--color--ink);color:var(--wp--preset--color--ground);padding:3px 7px;border-radius:99px}

/* newsletter + footer */
.k-parea{border-top:1px solid var(--wp--preset--color--ink)}
.k-parea .k-greek{color:var(--wp--preset--color--loukoumi)}
.k-footer{border-top:1px solid var(--wp--preset--color--line);font-size:.8rem;color:var(--wp--preset--color--soft)}
.k-footer .wp-block-navigation a{text-decoration:none}

@media (max-width:1000px){
  .k-worlds{grid-template-columns:repeat(2,1fr)!important}
  .k-feed{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:781px){
  .k-translator{grid-template-columns:1fr}
  .k-sticker{left:auto;right:-6px;width:96px;height:96px;font-size:.9rem}
  .k-post:nth-child(even){margin-top:0}
  .k-hero__art{max-width:420px}
}
