[hidden]{display:none!important}
/* zoukouridis.com · Noir Atelier
   Shared styles for every page. Page sections are scoped under body.A (and .xs / .xt for the
   Inside the kitchen and Chef's tools pages); blog articles use body.A.blog-art. */
:root{color-scheme:dark;--gold:#c9a45c;--gold-bright:#e4c88a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid #c9a45c;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:16px;z-index:100;background:#c9a45c;color:#0b0a09;padding:10px 16px;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ======================================================
   CONCEPT A · NOIR ATELIER  (evolution of the current identity)
   ====================================================== */
.A{--bg:#0b0a09;--bg2:#13110f;--line:#2a251d;--fg:#ece6da;--muted:#a39a8b;--gold:#c9a45c;--gold-hi:#e4c88a;
   --disp:'Cormorant Garamond','EB Garamond',Georgia,serif;--body:'Manrope',system-ui,sans-serif;
   background:var(--bg);color:var(--fg);font-family:var(--body);font-weight:300}
.A .nav{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(18px,4vw,48px);background:linear-gradient(to bottom,rgba(11,10,9,.85),rgba(11,10,9,0));backdrop-filter:blur(6px)}
.A .mono{font-family:var(--disp);font-size:34px;line-height:1;color:var(--gold)}
.A .links{display:flex;gap:clamp(14px,2.6vw,34px);flex-wrap:wrap;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.A .links a{text-decoration:none;color:var(--fg);opacity:.85;position:relative;padding-bottom:4px}
.A .links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.A .links a:hover::after{transform:scaleX(1)}
.A .badge{font-size:9px;letter-spacing:.12em;background:var(--gold);color:#0b0a09;padding:2px 6px;border-radius:2px;margin-left:6px;font-weight:600}
.A .hero{position:relative;margin-top:-70px;min-height:640px;display:grid;align-items:end;overflow:hidden}
.A .hero-img{position:absolute;inset:0;background:url(/img/kitchen.jpg) center/cover;filter:saturate(.55) brightness(.5);animation:kb 18s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.A .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(201,164,92,.18),transparent 55%),linear-gradient(to top,var(--bg) 2%,rgba(11,10,9,.2) 55%,rgba(11,10,9,.55))}
.A .hero-in{position:relative;z-index:1;padding:0 clamp(18px,5vw,64px) 64px;display:grid;gap:18px;max-width:900px}
.A .eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px}
.A .eyebrow::before{content:"";width:48px;height:1px;background:var(--gold)}
.A .hero h1,.A .hero h2{font-family:var(--disp);font-weight:400;font-size:clamp(52px,9vw,124px);line-height:.9;margin:0;letter-spacing:-.02em}
.A .hero h1 em,.A .hero h2 em{color:var(--gold-hi);font-weight:400}
.A .motto{font-family:var(--disp);font-style:italic;font-size:clamp(22px,2.6vw,30px);color:var(--fg);opacity:.9;margin:0}
.A .scroll{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:16px}
.A .intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);padding:96px clamp(18px,5vw,64px)}
.A .intro h3{font-family:var(--disp);font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1.02;margin:0;color:var(--fg);text-wrap:balance}
.A .intro h3 span{display:block;font-family:var(--body);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.A .intro p{margin:0 0 18px;font-size:16.5px;line-height:1.9;max-width:62ch;color:#d9d2c5}
.A .intro p:first-of-type::first-letter{font-family:var(--disp);font-size:4.4em;float:left;line-height:.8;padding:6px 12px 0 0;color:var(--gold)}
.A .quote{border-block:1px solid var(--line);padding:80px clamp(18px,5vw,64px);text-align:center;background:radial-gradient(ellipse at center,rgba(201,164,92,.07),transparent 70%)}
.A .quote p{font-family:var(--disp);font-style:italic;font-size:clamp(30px,4.4vw,58px);line-height:1.1;margin:0 auto;max-width:18ch;color:var(--gold-hi);text-wrap:balance}
.A .quote small{display:block;margin-top:22px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.A .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-bottom:1px solid var(--line)}
.A .fact{padding:40px clamp(18px,3vw,40px);border-right:1px solid var(--line);display:grid;gap:10px}
.A .fact:last-child{border-right:0}
.A .fact b{font-family:var(--disp);font-weight:400;font-size:52px;line-height:1;color:var(--gold)}
.A .fact span{font-size:14px;color:var(--muted);max-width:26ch}
.A .sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;padding:96px clamp(18px,5vw,64px) 32px}
.A .sec-head h3{font-family:var(--disp);font-weight:400;font-size:clamp(36px,4.4vw,56px);margin:0;line-height:1}
.A .sec-head a{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}
.A .gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:0 2px}
.A .dish{position:relative;aspect-ratio:3/4;overflow:hidden;background:#000;max-width:100%}
.A .dish img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.9)}
.A .dish::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 10%,rgba(0,0,0,0) 60%)}
.A .dish figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px;display:grid;gap:6px}
.A .dish h4{font-family:var(--disp);font-weight:500;font-size:24px;margin:0;line-height:1.1}
.A .dish p{margin:0;font-size:13px;line-height:1.6;color:#cfc6b6;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .5s}
.A .dish:hover img{transform:scale(1.06);filter:saturate(1.1)}
.A .dish:hover p{max-height:120px;opacity:1}
.A .tk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:18px clamp(18px,5vw,64px) 12px;align-items:start}
.A .tk{--paper:#17140f;--edge:rgba(201,164,92,.32);--edge-hi:rgba(228,200,138,.85);--tx:#ece6da;--sub:#a39a8b;--dash:rgba(201,164,92,.3);
  position:relative;background:var(--paper);border:1px solid var(--edge);border-bottom:0;color:var(--tx);text-decoration:none;padding:26px 24px 30px;display:grid;gap:14px;
  transform:rotate(var(--r,0deg));transition:transform .4s,border-color .4s,background .4s;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.A .tk:hover{transform:rotate(0) translateY(-4px);border-color:var(--edge-hi)}
.A .tk::before{content:"";position:absolute;left:50%;top:-9px;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 35%,#f2dca6,#a8853f 65%,#6f5626);box-shadow:0 3px 6px rgba(0,0,0,.6)}
.A .tk::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-9px;height:10px;background:radial-gradient(circle at 6px -2px,transparent 6px,var(--paper) 6.5px) 0 0/12px 10px repeat-x}
.A .tk header,.A .tk footer{display:flex;justify-content:space-between;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.A .tk header{border-bottom:1px dashed var(--dash);padding-bottom:12px}
.A .tk footer{border-top:1px dashed var(--dash);padding-top:12px}
.A .tk h4{font-family:var(--disp);font-weight:500;font-size:25px;line-height:1.15;margin:0;color:var(--tx);text-wrap:balance}
.A .tk p{margin:0;font-size:14px;line-height:1.7;color:var(--sub)}
.A .tk footer b{font-weight:400;transition:transform .35s}
.A .tk:hover footer b{transform:translateX(5px)}
.A .contact{margin-top:96px;padding:96px clamp(18px,5vw,64px);text-align:center;border-top:1px solid var(--line);display:grid;justify-items:center;gap:20px;background:linear-gradient(to bottom,var(--bg2),var(--bg))}
.A .contact h3{font-family:var(--disp);font-weight:400;font-size:clamp(44px,6vw,80px);margin:0;line-height:1}
.A .contact p{margin:0;max-width:52ch;color:var(--muted)}
.A .btn{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--gold);color:var(--gold-hi);text-decoration:none;font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:16px 30px;transition:background .3s,color .3s}
.A .btn:hover{background:var(--gold);color:#0b0a09}
.A .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px clamp(18px,5vw,64px);border-top:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.06em}
.A .foot .mono{font-size:22px}
@media (max-width:860px){.A .intro{grid-template-columns:minmax(0,1fr)}.A .gal{grid-template-columns:repeat(2,minmax(0,1fr))}.A .posts{grid-template-columns:minmax(0,1fr)}.A .hero{min-height:520px}.A .links{display:none}.A .dish p{max-height:120px;opacity:1}.A .tk-row{grid-template-columns:minmax(0,1fr)}}


/* ---------- Concept A · inner pages ---------- */
.A figure{margin:0}
.A .mono{text-decoration:none}
.A .links a.on{opacity:1;color:var(--gold-hi)}
.A .links a.on::after{transform:scaleX(1)}
.A .burger{display:none;background:none;border:1px solid var(--line);color:var(--gold);font:500 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;padding:10px 14px;cursor:pointer}
.A .pg{animation:pgin .55s ease both}
@keyframes pgin{from{transform:translateY(10px)}to{transform:none}}
.A .pg:not([data-pg="home"]){padding-top:8px}
.A .pg-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.A .pg-title{font-family:var(--disp);font-weight:400;font-size:clamp(44px,6.4vw,84px);line-height:.98;letter-spacing:-.015em;margin:0;text-wrap:balance}
.A .pg-head{padding:72px clamp(18px,5vw,64px) 40px;display:grid;gap:14px;justify-items:center;text-align:center}
.A .pg-head::after{content:"";width:60px;height:1px;background:var(--gold);margin-top:10px}
.A .nav{justify-content:center}
.A .portrait{position:relative;max-width:100%;padding:14px;border:1px solid rgba(201,164,92,.5);background:linear-gradient(160deg,rgba(201,164,92,.1),rgba(201,164,92,0) 55%)}
.A .portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:62% 30%;filter:saturate(.92) contrast(1.04)}
.A .portrait::before{content:"";position:absolute;inset:5px;border:1px solid rgba(201,164,92,.2);pointer-events:none}
.A .f-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:40px;margin-bottom:44px;border-bottom:1px solid var(--line)}
.A .f-motto{margin:0;font-family:var(--disp);font-style:italic;font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1;color:var(--gold-hi)}
.A .f-loc{margin-top:18px;font-size:14px;color:var(--muted)}
.A .f-con{display:grid;gap:10px;align-content:start}
.A .f-mail{color:var(--fg);user-select:all}
.A .f-up{color:var(--muted);text-decoration:none;letter-spacing:.14em;text-transform:uppercase;font-size:11px;transition:color .3s}
.A .f-up:hover{color:var(--gold-hi)}
.A .portrait figcaption{margin-top:28px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.A .intro.with-photo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
.A .intro.with-photo h3{margin-bottom:26px}
.A .ab-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:center;padding:64px clamp(18px,5vw,64px) 72px;border-bottom:1px solid var(--line)}
.A .ab-txt{display:grid;gap:16px;min-width:0}
.A .ab-h{font-family:var(--disp);font-style:italic;font-weight:400;font-size:28px;color:var(--gold-hi);margin:18px 0 0}
.A .ab-txt p{margin:0;font-size:16.5px;line-height:1.9;color:#d9d2c5;max-width:60ch}
.A .portrait.tall img{aspect-ratio:3/4}
.A .portrait.tall{transform:rotate(2.5deg);box-shadow:0 30px 60px rgba(0,0,0,.55);transition:transform .6s ease}
.A .portrait.tall:hover{transform:rotate(0deg)}.A .prose{max-width:720px;margin:0 auto;padding:56px clamp(18px,5vw,40px) 24px}
.A .prose h3{font-family:var(--disp);font-weight:500;font-size:clamp(28px,3vw,36px);line-height:1.1;color:var(--gold);margin:44px 0 14px;text-wrap:balance}
.A .prose h3:first-child{margin-top:0}
.A .prose p{margin:0 0 16px;font-size:16.5px;line-height:1.9;color:#d9d2c5}
.A .prose ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.A .prose li{position:relative;padding-left:26px;font-size:16px;line-height:1.8;color:#d9d2c5}
.A .prose li::before{content:"";position:absolute;left:0;top:.9em;width:12px;height:1px;background:var(--gold)}
.A .prose strong{color:var(--gold-hi);font-weight:500}
.A .sig{font-family:var(--disp);font-style:italic;font-size:24px!important;color:var(--gold)!important;border-top:1px solid var(--line);padding-top:28px;margin-top:36px!important;line-height:1.4!important}
.A .bring-wrap{max-width:1000px;margin:40px auto;padding:56px clamp(18px,5vw,56px);border-block:1px solid var(--line);background:radial-gradient(ellipse at top,rgba(201,164,92,.07),transparent 70%);display:grid;gap:26px}
.A .bring-wrap h3{font-family:var(--disp);font-weight:400;font-size:clamp(32px,4vw,48px);margin:0;text-align:center}
.A .bring-wrap>p{margin:0 auto;max-width:62ch;text-align:center;color:var(--muted)}
.A .bring{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.A .bring li{background:var(--bg);padding:24px 20px;font-size:14.5px;line-height:1.6;color:var(--fg)}
.A .cv-card{max-width:680px;margin:0 auto 24px;margin-inline:max(18px,calc((100% - 680px)/2));border:1px solid var(--line);background:linear-gradient(160deg,var(--bg2),var(--bg));padding:clamp(26px,5vw,48px);display:grid;gap:24px;position:relative}
.A .cv-card::before{content:"";position:absolute;inset:-1px;border:1px solid var(--gold);opacity:.35;transform:translate(10px,10px);pointer-events:none}
.A .cv-top{display:flex;gap:20px;align-items:center}
.A .cv-ph{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:62% 25%;border:1px solid var(--gold);flex:0 0 auto}
.A .cv-name{font-family:var(--disp);font-size:32px;line-height:1.05}
.A .cv-role{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:6px}
.A .cv-card p{margin:0;color:#d9d2c5;font-size:16px;line-height:1.8}
.A .btn.solid{background:var(--gold);color:#0b0a09;justify-self:start;cursor:pointer;font-family:var(--body);font-weight:600}
.A .btn.solid:hover{background:var(--gold-hi)}
.A .aside{max-width:64ch;margin:0 auto 48px;padding:0 clamp(18px,5vw,40px);text-align:center;font-family:var(--disp);font-style:italic;font-size:21px;line-height:1.6;color:var(--muted)}
.A .aside.plain{font-family:var(--body);font-style:normal;font-size:16px;line-height:1.85;margin-bottom:24px}
.A .gal-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px;padding:0 2px}
.A .gal-all .dish{cursor:zoom-in}
.A .gal-all .dish button{position:absolute;inset:0;z-index:2;background:none;border:0;cursor:zoom-in}
.A .ct{max-width:640px;margin:0 auto;padding:72px clamp(18px,5vw,40px) 96px;display:grid;gap:22px;justify-items:center;text-align:center}
.A .ct-intro{margin:0;color:#d9d2c5;font-size:16.5px;line-height:1.85;max-width:52ch}
.A .or{display:flex;align-items:center;gap:16px;width:100%;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:12px}
.A .or::before,.A .or::after{content:"";flex:1;height:1px;background:var(--line)}
.A .ct-form{width:100%;display:grid;gap:8px;text-align:left}
.A .ct-form label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:14px}
.A .ct-form input,.A .ct-form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--fg);font:300 16px/1.6 var(--body);padding:14px 16px;transition:border-color .3s;resize:vertical}
.A .ct-form input:focus,.A .ct-form textarea:focus{outline:none;border-color:var(--gold)}
.A .ct-form input::placeholder,.A .ct-form textarea::placeholder{color:#6f685d}
.A .ct-form button{margin-top:22px;border:0}
.A .check{width:72px;height:72px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-hi);margin-bottom:6px}
.A .lang{display:flex;justify-content:center;gap:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.A .lang a{text-decoration:none;color:var(--muted)}.A .lang a.on{color:var(--gold-hi);border-bottom:1px solid var(--gold)}
.A .tk-row.many{row-gap:44px;padding-bottom:40px}
.A .tk{cursor:pointer}
.A .art{max-width:760px;margin:0 auto;padding:56px clamp(18px,5vw,40px) 0;display:grid;gap:16px}
.A .art .back{justify-self:start;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-bottom:18px}
.A .art .pg-title{font-size:clamp(38px,5vw,62px)}
.A .art .lead{margin:8px 0 0;font-family:var(--disp);font-style:italic;font-size:clamp(22px,2.4vw,28px);line-height:1.4;color:var(--gold-hi);border-left:1px solid var(--gold);padding-left:22px}
.A .art .prose{padding-inline:0;max-width:none}
.A .tip{background:var(--bg2);border:1px solid var(--line);border-left:2px solid var(--gold);padding:18px 20px;margin:20px 0;font-size:15px;line-height:1.75;color:#d9d2c5}
.A .tip.neg{border-left-color:#c0674f}.A .tip.neg strong{color:#e0907a}
.A .tip.pos{border-left-color:#93a56f;margin:0}.A .tip.pos strong{color:#b8c993}
.A .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.A .foot2{border-top:1px solid var(--line);padding:56px clamp(18px,5vw,64px) 24px;margin-top:40px;font-size:14px;color:var(--muted)}
.A .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.A .f-name{font-family:var(--disp);font-size:26px;color:var(--gold-hi);line-height:1.1}
.A .f-sub{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-top:8px}
.A .f-h{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.A .f-links{display:grid;gap:6px}
.A .f-links a,.A .f-li{color:var(--muted);text-decoration:none;transition:color .3s}
.A .f-links a:hover,.A .f-li:hover{color:var(--gold-hi)}
.A .f-li{display:inline-flex;gap:10px;align-items:center}
.A .f-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:12px}
.A .f-bottom .mono{font-size:24px}
.lb{position:fixed;inset:0;z-index:50;background:rgba(6,5,4,.94);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(56px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lb figure{margin:0;display:grid;gap:14px;justify-items:center;max-height:100%;min-width:0}
.lb img{max-height:calc(100vh - 160px);width:auto;max-width:100%;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb figcaption{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:26px;color:#e4c88a;text-align:center}
.lb button{background:none;border:1px solid #3a342b;color:#e4c88a;cursor:pointer;font-size:26px;line-height:1;width:48px;height:48px}
.lb button:hover{border-color:#c9a45c}
.lb-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));font-size:18px!important}
@media (max-width:860px){
  .A .burger{display:block}
  .A .nav{flex-wrap:wrap;background:rgba(11,10,9,.94)}
  /* 3 · full-screen mobile menu */
  .A .nav.open .links{display:flex;position:fixed;inset:0;z-index:60;flex-direction:column;justify-content:center;align-items:center;gap:26px;background:rgba(11,10,9,.97);backdrop-filter:blur(8px);animation:menuIn .35s ease both}
  .A .nav.open .links a{font-family:var(--disp);font-size:36px;letter-spacing:.02em;text-transform:none;opacity:1}
  .A .nav.open .links a::after{bottom:-2px}
  .A .nav.open .burger{position:fixed;z-index:61;top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px))}
  @keyframes menuIn{from{opacity:0}to{opacity:1}}
  .A .nav.open{backdrop-filter:none!important}
  .A .intro.with-photo,.A .ab-hero{grid-template-columns:minmax(0,1fr)}
  .A .portrait{max-width:420px}
  .A .grid-2{grid-template-columns:minmax(0,1fr)}
  .A .f-grid{grid-template-columns:minmax(0,1fr)}
  .A .hero{margin-top:0}
  .lb{grid-template-columns:minmax(0,1fr)}.lb-nav{display:none}
}

/* 1 · embers over the hero */
.A .hero::after{z-index:1}
.A .embers{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.A .hero-in{z-index:3}
/* 2 · reveal on scroll (only for elements that start below the fold) */
.A .rv-t{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)!important}
.A .rv{opacity:0;transform:translateY(24px)!important}
/* 4 · sticky menu that slims down on scroll */
.A .nav{transition:padding .4s ease,margin .4s ease,background-color .4s ease,border-color .4s ease;border-bottom:1px solid transparent}
.A .nav.scrolled{padding-block:10px;margin-bottom:16px;background:rgba(11,10,9,.86);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
/* 6 · reading progress */
.A .read-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;opacity:0;transition:opacity .3s}
.A .read-bar.on{opacity:1}
.A .read-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 0 8px rgba(228,200,138,.6)}
#a-rt:not(:empty)::before{content:"·";margin:0 10px}
/* Gallery: same-size framed prints, each a little crooked, as if scattered on the pass */
.A .gal-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:36px 26px;padding:16px clamp(22px,5vw,60px) 48px}
.A .gal-all .dish{position:relative;aspect-ratio:auto;overflow:visible;padding:10px 10px 0;background:linear-gradient(160deg,#1c1711,#110e0a);border:1px solid rgba(201,164,92,.3);
  box-shadow:0 16px 32px rgba(0,0,0,.55);transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.A .gal-all .dish::after{display:none}
.A .gal-all .dish img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:none}
.A .gal-all .dish figcaption{position:static;padding:12px 4px 14px;display:block;text-align:center}
.A .gal-all .dish h4{font-size:18px;line-height:1.2;text-wrap:balance}
.A .gal-all .dish p{display:block;max-height:none;opacity:1;margin:8px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.A .gal-all .dish:hover,.A .gal-all .dish:focus-within{z-index:3;transform:translate(0,0) rotate(0deg) scale(1.06);border-color:rgba(228,200,138,.75);box-shadow:0 24px 50px rgba(0,0,0,.65),0 0 26px rgba(201,164,92,.2)}
.A .gal-all .dish:hover img{transform:none}
@media (max-width:860px){.A .gal-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding-inline:18px}.A .gal-all .dish h4{font-size:16px}.A .gal-all .dish p{font-size:12px}}
/* Home: four signature dishes gliding past in a slim strip */
.A .dish-rail{overflow:hidden;padding:6px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.A .rail-track{display:flex;gap:16px;width:max-content;animation:rail 260s linear infinite}
.A .dish-rail:hover .rail-track{animation-play-state:paused}
@keyframes rail{to{transform:translateX(-50%)}}
.A .dish-rail{padding:16px 0 22px}
.A .rcard{position:relative;flex:0 0 auto;width:clamp(160px,19vw,230px);display:grid;align-content:start;gap:14px;padding:10px;text-decoration:none;color:var(--fg);
  background:linear-gradient(160deg,rgba(201,164,92,.11),rgba(201,164,92,0) 55%),var(--bg2);border:1px solid rgba(201,164,92,.28);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.A .rcard::before{content:"";position:absolute;inset:4px;border:1px solid rgba(201,164,92,.12);pointer-events:none}
.A .rph{display:block;aspect-ratio:4/5;overflow:hidden;max-width:100%}
.A .rph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.A .rt{display:grid;justify-items:center;gap:9px;padding:0 6px 8px;font-family:var(--disp);font-size:18px;line-height:1.2;text-align:center;text-wrap:balance}
.A .rt::before{content:"";width:22px;height:1px;background:var(--gold)}
.A .rcard:hover{transform:translateY(-6px);border-color:rgba(201,164,92,.7);box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 22px rgba(201,164,92,.18)}
.A .rcard:hover .rph img{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.A .dish-rail{overflow-x:auto}}
/* Film-strip version of the home dish strip */
.A .dish-rail.film{padding:10px 0 14px}
.A .film .rail-track{position:relative;gap:10px;padding:30px 10px 30px;background:linear-gradient(180deg,#050403,#0d0b08 50%,#050403);box-shadow:inset 0 1px 0 rgba(201,164,92,.18),inset 0 -1px 0 rgba(201,164,92,.18)}
.A .film .rail-track::before,.A .film .rail-track::after{content:"";position:absolute;left:0;right:0;height:11px;opacity:.8;
  background-image:linear-gradient(90deg,#d9cfbd 0 12px,transparent 12px);background-size:24px 11px;background-repeat:repeat-x}
.A .film .rail-track::before{top:10px}
.A .film .rail-track::after{bottom:10px}
.A .film .rcard{width:clamp(150px,18vw,210px);padding:0;gap:10px;background:none;border:0;box-shadow:none;transform:none}
.A .film .rcard::before{display:none}
.A .film .rph{border:2px solid #000;outline:1px solid rgba(201,164,92,.22);aspect-ratio:3/4}
.A .film .rph img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.A .film .rt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:0 2px;gap:0}
.A .film .rt::before{display:none}
.A .film .rcard:hover{transform:none;box-shadow:none}
.A .film .rcard:hover .rph{outline-color:var(--gold-hi)}
.A .film .rcard:hover .rph img{transform:scale(1.04)}
/* Mobile: Menu button opens a lit dropdown panel under the bar (not a full black screen) */
@media (max-width:860px){
  .A .nav{position:sticky}
  .A .nav.open .links{position:absolute!important;inset:auto!important;top:calc(100% + 6px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);z-index:20!important;
    width:max-content;min-width:200px;
    display:flex!important;flex-direction:column;align-items:center;gap:14px!important;padding:18px 30px!important;
    background:linear-gradient(180deg,#221c13,#16120d)!important;border:1px solid rgba(201,164,92,.55);
    box-shadow:0 0 0 1px rgba(201,164,92,.08),0 0 40px rgba(201,164,92,.22),0 24px 50px rgba(0,0,0,.6);
    backdrop-filter:none!important;animation:dropIn .35s cubic-bezier(.2,.7,.2,1) both!important}
  .A .nav.open .links a{font-family:var(--body)!important;font-size:12px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--fg)}
  .A .nav.open .links a.on{color:var(--gold-hi)}
  .A .nav.open .burger{position:static!important;background:var(--gold);color:#0b0a09;border-color:var(--gold);box-shadow:0 0 18px rgba(201,164,92,.45)}
  @keyframes dropIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
}

/* Mobile: every page in one row at the top, swiped sideways with a finger; no Menu button */
@media (max-width:860px){
  .A .burger{display:none!important}
  /* see-through over the hero photo, dark and blurred once the page scrolls, as on desktop */
  .A .nav,.A .nav.scrolled{padding:0!important;margin:0!important;justify-content:flex-start;background:linear-gradient(to bottom,rgba(11,10,9,.75),rgba(11,10,9,0))!important;backdrop-filter:none!important;border-bottom:1px solid transparent!important}
  .A .nav.scrolled{background:rgba(11,10,9,.9)!important;backdrop-filter:blur(10px)!important;border-bottom-color:var(--line)!important}
  .A .hero{margin-top:-49px}
  .A .nav .links{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:24px;width:100%;padding:15px 20px;scrollbar-width:none}
  .A .nav .links.over{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent)}
  .A .nav .links::-webkit-scrollbar{display:none}
  .A .nav .links a{flex:0 0 auto;white-space:nowrap;font-size:11px;letter-spacing:.2em}
  /* auto margins centre the row when it fits, and still let it scroll from the first item when it doesn't */
  .A .nav .links a:first-child{margin-left:auto}
  .A .nav .links a:last-child{margin-right:auto}
}

/* Home "From the blog": a lit band with a centred, ornamented heading */
.A .blog-band{position:relative;margin-top:96px;padding:76px 0 72px;background:radial-gradient(ellipse 70% 70% at 50% 0%,rgba(201,164,92,.11),rgba(201,164,92,0) 70%)}
.A .blog-band::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),rgba(201,164,92,.6),rgba(201,164,92,0))}
.A .sec-head.center{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:0 clamp(18px,5vw,64px) 44px}
.A .sec-head.center h3{display:flex;align-items:center;gap:22px}
.A .sec-head.center h3::before,.A .sec-head.center h3::after{content:"";width:clamp(28px,6vw,90px);height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),var(--gold))}
.A .sec-head.center h3::after{background:linear-gradient(90deg,var(--gold),rgba(201,164,92,0))}
.A .sec-head.center a{border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:11px 24px;transition:background .3s,color .3s}
.A .sec-head.center a:hover{background:var(--gold);color:#0b0a09}
/* Home "Let's connect": framed panel over a dimmed kitchen photo */
.A .contact{position:relative;isolation:isolate;overflow:hidden;margin:72px clamp(16px,5vw,64px) 0;padding:110px clamp(22px,6vw,80px);border:1px solid rgba(201,164,92,.4);background:none}
/* background: professional kitchen with steam (Unsplash, free licence), dimmed and drifting slowly */
.A .contact::before{content:"";position:absolute;inset:-4%;z-index:-2;background:url(/img/kitchen-steam.jpg) center 40%/cover;filter:saturate(.7) brightness(.34) sepia(.2);animation:bokeh 30s ease-in-out infinite alternate}
@keyframes bokeh{from{transform:scale(1)}to{transform:scale(1.06)}}
.A .contact::after{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid rgba(201,164,92,.2);background:radial-gradient(ellipse at center,rgba(201,164,92,.14),rgba(11,10,9,.5) 72%)}
.A .contact h3{color:var(--fg)}
.A .contact p{color:#e2dacb;font-size:16.5px;line-height:1.8}
/* same gold outline pill as "All articles" and "View gallery" */
.A .contact .btn{margin-top:10px;background:none;color:var(--gold);border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:13px 26px;font-weight:500;justify-self:center}
.A .contact .btn:hover{background:var(--gold);color:#0b0a09}
/* the contact panel sits in the same lit band as the two sections above, gold hairline on top */
.A .cband{margin-top:24px;padding:72px 0 0}
.A .cband .contact{margin-top:0}

/* Then & Now: before/after photo slider, then a two-column comparison by topic */
.A .ba{position:relative;max-width:1000px;margin:8px auto 0;margin-inline:max(18px,calc((100% - 1000px)/2));aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(201,164,92,.4);user-select:none;touch-action:pan-y}
.A .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.A .ba-now{filter:saturate(.9)}
.A .ba-then{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p,50%)) 0 0)}
.A .ba-then img{filter:grayscale(1) sepia(.25) contrast(1.05)}
.A .ba-tag{position:absolute;top:16px;z-index:3;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg);background:rgba(11,10,9,.6);border:1px solid rgba(201,164,92,.45);padding:7px 12px}
.A .ba-tag.l{left:16px}.A .ba-tag.r{right:16px}
.A .ba-line{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:var(--gold-hi);box-shadow:0 0 12px rgba(228,200,138,.6);z-index:2;pointer-events:none}
.A .ba-line span{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(11,10,9,.75);border:1px solid var(--gold-hi);box-shadow:0 0 18px rgba(201,164,92,.35)}
.A .ba-line span::before,.A .ba-line span::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:1.5px solid var(--gold-hi);border-left:1.5px solid var(--gold-hi);transform:translateY(-50%) rotate(-45deg)}
.A .ba-line span::before{left:11px}.A .ba-line span::after{right:11px;transform:translateY(-50%) rotate(135deg)}
.A .ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}
.A .tn{max-width:1000px;margin:72px auto 0;padding:0 clamp(18px,5vw,40px)}
.A .tn-h{display:grid;grid-template-columns:1fr 200px 1fr;gap:28px;padding-bottom:16px;border-bottom:1px solid rgba(201,164,92,.4);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.A .tn-h span:last-child{text-align:right}
.A .tn-row{display:grid;grid-template-columns:1fr 200px 1fr;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}
.A .tn-row h3{margin:0;text-align:center;font-family:var(--disp);font-weight:500;font-size:26px;line-height:1.1;color:var(--gold-hi);text-wrap:balance}
.A .tn-row p{margin:0;font-size:15px;line-height:1.8}
.A .tn-row p:first-child{color:var(--muted);font-style:italic}
.A .tn-row p:last-child{color:#e2dacb;text-align:right}
.A .tn-q{margin-top:72px}
.A .ba-home{max-width:820px;margin-inline:max(18px,calc((100% - 820px)/2));aspect-ratio:16/8}
.A .tn-intro{margin-bottom:34px}
@media (max-width:760px){
  .A .tn-h{display:none}
  .A .tn-row{grid-template-columns:minmax(0,1fr);gap:12px;text-align:center}
  .A .tn-row h3{order:-1}
  .A .tn-row p:last-child{text-align:center}
  .A .tn-row p:first-child::before{content:"Then · ";font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
  .A .tn-row p:last-child::before{content:"Now · ";font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
}

/* Languages: Greek is the main language, English the alternative; each text carries both */
.A[data-lang="el"] [lang="en"],.A[data-lang="en"] [lang="el"]{display:none!important}
.A .lng{position:absolute;right:clamp(18px,4vw,48px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.16em}
.A .lng i{font-style:normal;color:var(--line)}
.A .lng button{background:none;border:0;padding:4px 2px;font:500 11px/1 var(--body);letter-spacing:.16em;color:var(--muted);cursor:pointer}
.A .lng button[aria-pressed="true"]{color:var(--gold-hi);border-bottom:1px solid var(--gold)}
/* About: the name under the closing line as a calligraphic autograph (Latin letters in both languages) */
.A .autograph{display:block;margin-top:34px;font-family:'Mrs Saint Delafield','Segoe Script','Brush Script MT',cursive;font-style:normal;font-size:clamp(52px,6vw,68px);line-height:1;color:var(--gold-hi);transform:rotate(-5deg);transform-origin:left center}
/* the big fact label ("Ομάδα"/"Team") keeps the big gold style, not the small caption style */
.A .fact b span{font-size:inherit;color:inherit;max-width:none}
.A[data-lang="el"] .tn-row p:first-child::before{content:"Τότε · "}
.A[data-lang="el"] .tn-row p:last-child::before{content:"Τώρα · "}
/* the language switch floats as a small pill in the bottom-right corner, so it never covers the menu */
.A .lng{position:fixed;top:auto;transform:none;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;
  padding:9px 16px;border-radius:999px;background:rgba(19,17,15,.9);border:1px solid rgba(201,164,92,.5);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 18px rgba(201,164,92,.15)}

/* Home teaser for "Inside the kitchen": four photo tiles, one per section */
.A .kt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 clamp(18px,5vw,64px)}
.A .kt{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(201,164,92,.3);text-decoration:none;color:var(--fg);isolation:isolate;transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.A .kt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.85) brightness(.8);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .5s}
.A .kt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(11,10,9,.95) 8%,rgba(11,10,9,.35) 55%,rgba(11,10,9,.1))}
.A .kt-in{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;padding:22px}
.A .kt-n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;color:var(--gold)}
.A .kt b{font-family:var(--disp);font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.1;text-wrap:balance}
.A .kt-p{font-size:13.5px;line-height:1.6;color:#d9d2c5}
.A .kt-go{justify-self:start;margin-top:4px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(201,164,92,.6);display:grid;place-items:center;color:var(--gold-hi);transition:background .3s,color .3s,transform .3s}
.A .kt:hover{transform:translateY(-6px);border-color:rgba(228,200,138,.8);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 24px rgba(201,164,92,.18)}
.A .kt:hover img{transform:scale(1.07);filter:saturate(1) brightness(.9)}
.A .kt:hover .kt-go{background:var(--gold);color:#0b0a09;transform:translateX(4px)}
@media (max-width:1000px){.A .kt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.A .kt-grid{grid-template-columns:minmax(0,1fr)}.A .kt{aspect-ratio:16/10}}

/* ---------- "Inside the kitchen" page: four approved sections ---------- */
.xs .xin{max-width:1120px;margin:0 auto;padding-inline:clamp(18px,5vw,64px)}
.xs .sec{position:relative;padding-block:96px 88px}
.xs .sec::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),rgba(201,164,92,.6),rgba(201,164,92,0))}
.xs .sec:first-child::before{display:none}
.xs .head{display:grid;justify-items:center;text-align:center;gap:16px;margin-bottom:48px}
.xs .eyebrow{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.xs .eyebrow::before{display:none}
.xs .head h2{display:flex;align-items:center;gap:22px;margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(38px,5.4vw,64px);line-height:1;text-wrap:balance}
.xs .head h2::before,.xs .head h2::after{content:"";width:clamp(24px,6vw,90px);height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),var(--gold))}
.xs .head h2::after{background:linear-gradient(90deg,var(--gold),rgba(201,164,92,0))}
.xs .head p{margin:0;max-width:60ch;color:var(--muted);font-size:16px}
/* 1 · timeline with a sticky clock */
.xs .tl{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:40px}
.xs .clock{position:sticky;top:150px;align-self:start;display:grid;justify-items:center;gap:12px}
.xs .clock svg{width:120px;height:120px}
.xs .clock .face{fill:none;stroke:rgba(201,164,92,.45);stroke-width:1}
.xs .clock .tick{stroke:rgba(201,164,92,.5);stroke-width:1}
.xs .clock .h,.xs .clock .m{stroke:var(--gold-hi);stroke-linecap:round;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform-origin:60px 60px}
.xs .clock .h{stroke-width:3}.xs .clock .m{stroke-width:1.6}
.xs .clock .now{font-family:var(--disp);font-size:34px;color:var(--gold-hi);line-height:1}
.xs .steps{position:relative;display:grid;gap:56px;padding-left:34px;border-left:1px solid rgba(201,164,92,.35)}
.xs .step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center;opacity:.45;transition:opacity .5s}
.xs .step.on{opacity:1}
.xs .step::before{content:"";position:absolute;left:-41px;top:12px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);transition:background .4s,box-shadow .4s}
.xs .step.on::before{background:var(--gold);box-shadow:0 0 14px rgba(228,200,138,.7)}
.xs .step time{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;color:var(--gold)}
.xs .step h3{margin:6px 0 10px;font-family:var(--disp);font-weight:500;font-size:30px;line-height:1.1}
.xs .step p{margin:0;color:#d9d2c5;font-size:15.5px;line-height:1.7}
.xs .step .ph{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(201,164,92,.3);max-width:100%}
.xs .step .ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.xs .step.on .ph img{transform:scale(1.04)}
/* 2 · anatomy of a dish */
.xs .anat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center}
.xs .plate{position:relative;max-width:100%;border:1px solid rgba(201,164,92,.35);overflow:hidden}
.xs .plate img{width:100%;aspect-ratio:1200/801;object-fit:cover}
.xs .dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:rgba(11,10,9,.55);box-shadow:inset 0 0 0 1.5px var(--gold-hi);cursor:pointer;display:grid;place-items:center;font:500 12px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--gold-hi)}
.xs .dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(228,200,138,.6);animation:xpulse 2.4s ease-out infinite}
.xs .dot[aria-pressed="true"]{background:var(--gold);color:#0b0a09}
@keyframes xpulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.7);opacity:0}}
.xs .detail{border:1px solid rgba(201,164,92,.4);background:linear-gradient(160deg,rgba(201,164,92,.1),rgba(201,164,92,0) 55%),var(--bg2);padding:30px 28px;display:grid;gap:12px;min-height:240px;align-content:start}
.xs .detail .n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;color:var(--gold)}
.xs .detail h3{margin:0;font-family:var(--disp);font-weight:500;font-size:34px;line-height:1.05}
.xs .detail p{margin:0;color:#d9d2c5;font-size:15.5px;line-height:1.7}
.xs .an-nav{display:flex;gap:10px;margin-top:8px}
.xs .an-nav button{background:none;border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:9px 16px;font:500 11px/1 var(--body);letter-spacing:.2em;color:var(--gold);cursor:pointer}
.xs .an-nav button:hover{background:var(--gold);color:#0b0a09}
/* 3 · the brigade */
.xs .brig{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(201,164,92,.35);padding:56px clamp(16px,4vw,48px)}
.xs .brig::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/img/x/brigade.jpg) center 40%/cover;filter:saturate(.6) brightness(.22)}
.xs .brig::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,rgba(201,164,92,.12),rgba(11,10,9,.6) 75%)}
.xs .pyr{display:grid;justify-items:center;gap:8px}
.xs .lvl{width:var(--w);max-width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:rgba(19,17,15,.82);border:1px solid rgba(201,164,92,.3);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .3s,background .3s,transform .3s}
.xs .lvl:hover{border-color:rgba(201,164,92,.7)}
.xs .lvl[aria-pressed="true"]{background:linear-gradient(90deg,rgba(201,164,92,.22),rgba(201,164,92,.08));border-color:var(--gold-hi);transform:scale(1.02)}
.xs .lvl b{font-family:var(--disp);font-weight:500;font-size:clamp(20px,2.4vw,26px);color:var(--fg)}
.xs .lvl small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:right}
.xs .role{max-width:640px;margin:30px auto 0;text-align:center;display:grid;gap:10px}
.xs .role h3{margin:0;font-family:var(--disp);font-weight:500;font-size:30px;color:var(--gold-hi)}
.xs .role p{margin:0;color:#e2dacb;font-size:16px;line-height:1.7}
.xs .pill{justify-self:center;margin-top:10px;border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:11px 22px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.xs .pill:hover{background:var(--gold);color:#0b0a09}
/* 4 · myths and truths */
.xs .myths{isolation:isolate}
.xs .myths::after{content:"";position:absolute;inset:0;z-index:-1;background:url(/img/x/myths.jpg) center/cover;filter:saturate(.5) brightness(.14);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.xs .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.xs .card{perspective:1200px;background:none;border:0;padding:0;cursor:pointer;min-height:240px;text-align:center;font:inherit;color:inherit}
.xs .card .flip{position:relative;display:grid;height:100%;min-height:240px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.xs .card[aria-pressed="true"] .flip{transform:rotateY(180deg)}
.xs .side{grid-area:1/1;display:grid;align-content:center;gap:14px;padding:30px 26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(201,164,92,.35)}
.xs .front{background:linear-gradient(160deg,rgba(201,164,92,.1),rgba(201,164,92,0) 55%),rgba(19,17,15,.92)}
.xs .back{transform:rotateY(180deg);background:linear-gradient(160deg,rgba(201,164,92,.28),rgba(201,164,92,.1)),rgba(26,22,15,.96);border-color:var(--gold-hi)}
.xs .side .tag{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.xs .front q{font-family:var(--disp);font-style:italic;font-size:26px;line-height:1.2;color:var(--fg);quotes:"«" "»"}
.A[data-lang="en"] .xs .front q{quotes:"“" "”"}
.xs .back p{margin:0;font-size:15.5px;line-height:1.7;color:var(--fg)}
.xs .side .hint{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){
  .xs .tl{grid-template-columns:minmax(0,1fr)}
  .xs .clock{top:112px;z-index:2;grid-auto-flow:column;justify-content:start;align-items:center;background:rgba(11,10,9,.9);padding:8px 0;margin-bottom:-20px}
  .xs .clock svg{width:52px;height:52px}
  .xs .clock .now{font-size:26px}
  .xs .step,.xs .anat,.xs .cards{grid-template-columns:minmax(0,1fr)}
  .xs .lvl{--w:100%!important}
}

/* ---------- "Chef's tools" page: five approved interactive sections ---------- */
.xt{--good:#93a56f;--warn:#d1a24a;--bad:#c0674f}
.xt .panel{border:1px solid rgba(201,164,92,.4);background:linear-gradient(160deg,rgba(201,164,92,.1),rgba(201,164,92,0) 55%),var(--bg2);padding:28px}
.xt button,.xt input{font:inherit;color:inherit}
/* knife roll */
.xt .roll-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.xt .roll{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:26px;border-radius:6px;
  background:radial-gradient(ellipse at 30% 20%,rgba(255,220,170,.08),transparent 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 7px),linear-gradient(160deg,#4a3220,#2e1e13 60%,#24170e);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),inset 0 0 40px rgba(0,0,0,.45),0 24px 50px rgba(0,0,0,.6);clip-path:inset(0 0 0 0 round 6px);transition:clip-path 1.6s cubic-bezier(.65,0,.35,1)}
.xt .roll.closed{clip-path:inset(0 100% 0 0 round 6px)}
.xt .roll::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(228,200,138,.35);border-radius:4px;pointer-events:none}
.xt .slot{position:relative;display:block;aspect-ratio:3/4;padding:0;overflow:hidden;border:1px solid rgba(0,0,0,.5);background:#1b130c;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.45)}
.xt .slot img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.85);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.xt .slot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#3a2718,#24170e);box-shadow:inset 0 2px 0 rgba(255,220,170,.14),0 -4px 10px rgba(0,0,0,.45);border-top:1px dashed rgba(228,200,138,.35)}
.xt .slot span{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 8px 14px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#e9d6ae;text-align:center;line-height:1.3}
.xt .slot:hover img,.xt .slot[aria-pressed="true"] img{transform:translateY(-10px) scale(1.04);filter:saturate(1) brightness(1)}
.xt .slot[aria-pressed="true"]{outline:1px solid var(--gold-hi);outline-offset:2px}
.xt .tool{padding:0;overflow:hidden}
.xt .tool img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid rgba(201,164,92,.35)}
.xt .tool .tx{padding:24px 26px 28px}
.xt .tool h3{margin:0 0 10px;font-family:var(--disp);font-weight:500;font-size:32px;line-height:1.05}
.xt .tool .use{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.xt .tool p{margin:0;color:#d9d2c5;font-size:15.5px;line-height:1.7}
/* food cost */
.xt .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.xt .calc label{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:18px 0 8px}
.xt .calc label:first-child{margin-top:0}
.xt .money{display:flex;align-items:center;border:1px solid var(--line);background:var(--bg)}
.xt .money span{padding:0 14px;color:var(--gold);font-family:'JetBrains Mono',ui-monospace,monospace}
.xt .money input{flex:1;min-width:0;background:none;border:0;padding:14px 14px 14px 0;font-size:20px;font-family:'JetBrains Mono',ui-monospace,monospace;outline:none}
.xt .money:focus-within{border-color:var(--gold)}
.xt .chk{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:14px;color:#d9d2c5;cursor:pointer;letter-spacing:0;text-transform:none}
.xt .chk input{accent-color:var(--gold);width:18px;height:18px}
.xt .result{display:grid;align-content:center;gap:14px;text-align:center}
.xt .gauge{position:relative;width:min(260px,100%);margin:0 auto}
.xt .gauge svg{width:100%;height:auto;overflow:visible}
.xt .g-track{fill:none;stroke:var(--line);stroke-width:14;stroke-linecap:round}
.xt .g-val{fill:none;stroke:var(--good);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1),stroke .4s}
.xt .g-num{position:absolute;left:0;right:0;bottom:4px;font-family:var(--disp);font-size:56px;line-height:1;color:var(--fg)}
.xt .g-num small{font-size:24px;color:var(--muted)}
.xt .verdict{display:inline-block;justify-self:center;padding:6px 14px;border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border:1px solid currentColor}
.xt .advice{margin:0 auto;max-width:44ch;color:#d9d2c5;font-size:15px;line-height:1.7}
.xt .figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:6px}
.xt .figs div{background:var(--bg);padding:14px 10px;display:grid;gap:2px}
.xt .figs b{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:500;font-size:18px;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.xt .figs span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
/* seasonal calendar */
.xt .season{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
.xt .wheel{position:relative;width:min(420px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;
  background:radial-gradient(circle,rgba(11,10,9,.88) 0 48%,rgba(11,10,9,.55) 49%,rgba(11,10,9,.35) 70%),url(/img/x/t-0800.jpg) center/cover;border:1px solid rgba(201,164,92,.4)}
.xt .wheel::after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid rgba(201,164,92,.3);pointer-events:none}
.xt .mo{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:1px solid rgba(201,164,92,.35);background:rgba(11,10,9,.75);cursor:pointer;font:500 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);transition:background .3s,color .3s,transform .3s}
.xt .mo:hover{transform:scale(1.08)}
.xt .mo[aria-pressed="true"]{background:var(--gold);color:#0b0a09;border-color:var(--gold);box-shadow:0 0 18px rgba(201,164,92,.45)}
.xt .hub{position:absolute;inset:30%;display:grid;place-items:center;text-align:center;pointer-events:none}
.xt .hub b{font-family:var(--disp);font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1;color:var(--gold-hi)}
.xt .hub span{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.xt .prod h3{margin:0 0 8px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-family:var(--body);font-weight:500}
.xt .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.xt .tags span{padding:7px 13px;border:1px solid rgba(201,164,92,.35);border-radius:999px;font-size:14px;color:var(--fg);background:rgba(19,17,15,.7);animation:xpop .4s both}
@keyframes xpop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.xt .small{font-size:12.5px;color:var(--muted);margin:0}
/* quiz */
.xt .quiz{max-width:760px;margin:0 auto}
.xt .qbar{height:2px;background:var(--line);margin-bottom:24px}.xt .qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width .5s}
.xt .qn{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;color:var(--gold);text-align:center}
.xt .qq{margin:10px 0 24px;text-align:center;font-family:var(--disp);font-weight:500;font-size:clamp(26px,3.2vw,36px);line-height:1.15;text-wrap:balance}
.xt .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xt .opt{padding:18px 20px;text-align:left;border:1px solid rgba(201,164,92,.3);background:rgba(19,17,15,.85);cursor:pointer;font-size:15.5px;line-height:1.5;transition:border-color .3s,background .3s,transform .3s}
.xt .opt:hover{border-color:var(--gold-hi);background:rgba(201,164,92,.12);transform:translateY(-2px)}
.xt .res{text-align:center;display:grid;gap:14px;justify-items:center}
.xt .res .big{font-family:var(--disp);font-weight:500;font-size:clamp(40px,6vw,64px);line-height:1;color:var(--gold-hi)}
.xt .res p{margin:0;max-width:56ch;color:#d9d2c5;font-size:16px;line-height:1.7}
/* ask the chef */
.xt .faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.xt .qa{border:1px solid rgba(201,164,92,.3);background:rgba(19,17,15,.85)}
.xt .qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--disp);font-weight:500;font-size:clamp(20px,2.3vw,24px);line-height:1.25}
.xt .qa button i{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(201,164,92,.5);display:grid;place-items:center;font-style:normal;color:var(--gold-hi);transition:transform .35s,background .3s}
.xt .qa.open button i{transform:rotate(45deg);background:var(--gold);color:#0b0a09}
.xt .qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.xt .qa.open .ans{grid-template-rows:1fr}
.xt .qa .ans>div{overflow:hidden;min-height:0}
.xt .qa .ans p{margin:0;padding:0 22px 14px;color:#d9d2c5;font-size:15.5px;line-height:1.7}
.xt .qa .ans a{display:inline-block;margin:0 22px 20px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,164,92,.5)}
.xt .qa.open{border-color:rgba(228,200,138,.7)}
@media (max-width:860px){
  .xt .roll-wrap,.xt .calc,.xt .season,.xt .opts{grid-template-columns:minmax(0,1fr)}
  .xt .roll{gap:10px;padding:18px}.xt .slot span{font-size:9.5px;padding-bottom:10px}
  .xt .mo{width:42px;height:42px;margin:-21px 0 0 -21px;font-size:10px}
}
/* home teaser with five tiles */
.A .kt-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.A .kt-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.A .kt-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.A .kt-grid.five{grid-template-columns:minmax(0,1fr)}}

/* Concept A footer: centered, gold hairline and glow */
.A .foot2{position:relative;text-align:center;border-top:0;padding-top:80px;background:radial-gradient(ellipse 55% 100% at 50% 0%,rgba(201,164,92,.11),rgba(201,164,92,0) 70%)}
.A .foot2::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),var(--gold),rgba(201,164,92,0))}
.A .f-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:34px}
.A .f-name{font-size:clamp(36px,4.4vw,52px);font-weight:400;letter-spacing:.01em}
.A .f-sub{color:var(--gold);letter-spacing:.34em;margin-top:14px}
.A .f-loc{margin-top:8px;font-size:13px;letter-spacing:.06em}
.A .f-h{display:none}
.A .f-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 0}
.A .f-links a{position:relative;padding:0 20px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg);opacity:.8}
.A .f-links a:hover{opacity:1}
.A .f-links a+a::before{content:"";position:absolute;left:-2px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.7;transform:translateY(-50%)}
.A .f-con{justify-items:center}
.A .f-li{width:48px;height:48px;justify-content:center;border:1px solid rgba(201,164,92,.5);border-radius:50%;font-size:0;color:var(--gold-hi);transition:background .3s,color .3s,border-color .3s}
.A .f-li svg{width:18px;height:18px}
.A .f-li:hover{background:var(--gold);border-color:var(--gold);color:#0b0a09}
.A .f-bottom{position:relative;margin-top:56px;border-top:0;padding-top:30px;flex-direction:column;justify-content:center;gap:18px}
.A .f-bottom::before{content:"";position:absolute;top:0;left:50%;width:min(420px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(201,164,92,0),rgba(201,164,92,.55),rgba(201,164,92,0))}
.A .f-copy{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);line-height:2}
.A .f-copy i{font-style:normal;color:var(--gold);margin:0 8px}
.A .f-c{font-family:var(--disp);font-size:16px;letter-spacing:0;color:var(--gold);margin-right:2px}
.A .f-n{color:var(--gold-hi)}
.A .f-up{border:1px solid var(--line);border-radius:999px;padding:9px 18px}
.A .f-up:hover{border-color:var(--gold)}
.A .home-prose{padding-top:0;padding-bottom:88px}
/* "What I bring to the table": joined cells, 3 + 2 with no empty cell */
.A .bring{grid-template-columns:repeat(6,minmax(0,1fr))}
.A .bring li{grid-column:span 2;background:linear-gradient(160deg,rgba(201,164,92,.09),rgba(201,164,92,0) 60%),var(--bg2);transition:background-color .35s}
.A .bring li:nth-child(4),.A .bring li:nth-child(5){grid-column:span 3}
.A .bring li:hover{background-color:#1c1813}
@media (max-width:860px){.A .bring{grid-template-columns:minmax(0,1fr)}.A .bring li,.A .bring li:nth-child(4),.A .bring li:nth-child(5){grid-column:auto}}
.A .art .back{display:inline-flex;align-items:center;gap:14px;margin:0 0 18px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:color .3s}
.A .bk-c{width:42px;height:42px;border-radius:50%;border:1px solid rgba(201,164,92,.5);display:grid;place-items:center;color:var(--gold-hi);transition:background .3s,color .3s,border-color .3s}
.A .bk-c svg{transition:transform .3s}
.A .art .back:hover{color:var(--gold-hi)}
.A .art .back:hover .bk-c{background:var(--gold);border-color:var(--gold);color:#0b0a09}
.A .art .back:hover .bk-c svg{transform:translateX(-3px)}
.A .intro{padding-bottom:48px}
.A .rm{display:flex;align-items:center;gap:22px;max-width:820px;margin:0 auto;padding:0 clamp(18px,5vw,64px) 88px}
.A .rm::before,.A .rm::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),rgba(201,164,92,.55))}
.A .rm::after{background:linear-gradient(90deg,rgba(201,164,92,.55),rgba(201,164,92,0))}
.A .rm-btn{display:inline-flex;align-items:center;gap:12px;background:none;border:1px solid rgba(201,164,92,.5);border-radius:999px;color:var(--gold-hi);font:500 11px/1 var(--body);letter-spacing:.28em;text-transform:uppercase;padding:15px 26px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.A .rm-btn:hover{background:var(--gold);border-color:var(--gold);color:#0b0a09}
.A .rm-btn svg{transition:transform .4s}
.A .rm-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.A .more-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s ease}
.A .more-wrap.open{grid-template-rows:1fr}
.A .more-in{overflow:hidden;min-height:0}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- final-site additions ---------- */
.A .lng a{padding:4px 2px;font:500 11px/1 var(--body);letter-spacing:.16em;color:var(--muted);text-decoration:none}
.A .lng a[aria-current]{color:var(--gold-hi);border-bottom:1px solid var(--gold)}
.A .links a[aria-current]{opacity:1;color:var(--gold-hi)}
.A .links a[aria-current]::after{transform:scaleX(1)}
.A .tk h4 a{text-decoration:none}
.A .tk .tk-h{font-family:var(--disp);font-weight:500;font-size:25px;line-height:1.15;margin:0;color:var(--tx);text-wrap:balance}

/* ---------- blog articles (existing article markup, new look) ---------- */
.blog-art{--gold-bright:var(--gold-hi);--text:var(--fg);--text-muted:var(--muted);--text-dim:var(--muted);--dark:var(--bg);--dark-2:var(--bg2)}
.blog-art .art-page{max-width:780px;margin:0 auto;padding:40px clamp(18px,5vw,40px) 56px}
.art-page .back{display:inline-flex;align-items:center;gap:14px;margin:8px 0 26px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.art-page .back:hover .bk-c{background:var(--gold);border-color:var(--gold);color:#0b0a09}
.art-page .article-header{display:grid;gap:12px;margin-bottom:6px}
.art-page h1{font-family:var(--disp);font-weight:400;font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.01em;margin:0 0 12px;color:var(--fg);text-wrap:balance}
.art-page .divider{width:60px;height:1px;background:var(--gold)}
.art-page .date{margin:4px 0 0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.art-page .intro-lead{margin:26px 0 10px;font-family:var(--disp);font-style:italic;font-size:clamp(21px,2.4vw,27px);line-height:1.45;color:var(--gold-hi);border-left:1px solid var(--gold);padding-left:22px}
.art-page h2{font-family:var(--disp);font-weight:500;font-size:clamp(28px,3vw,36px);line-height:1.1;color:var(--gold);margin:52px 0 14px;text-wrap:balance}
.art-page h3{font-family:var(--disp);font-weight:500;font-size:24px;line-height:1.2;color:var(--fg);margin:28px 0 8px}
.art-page p,.art-page li{font-size:16.5px;line-height:1.85;color:#d9d2c5}
.art-page p{margin:0 0 16px}
.art-page ul,.art-page ol{margin:0 0 18px;padding-left:22px}
.art-page li{margin-bottom:8px}
.art-page li::marker{color:var(--gold)}
.art-page strong{color:var(--gold-hi);font-weight:500}
.art-page a{color:var(--gold-hi)}
.art-page em{color:var(--fg)}
.art-page .tip,.art-page .tip-positive,.art-page .tip-negative{background:var(--bg2);border:1px solid var(--line);border-left:2px solid var(--gold);padding:18px 20px;margin:22px 0;font-size:15.5px;line-height:1.75;color:#d9d2c5}
.art-page .tip-positive{border-left-color:#93a56f}.art-page .tip-positive strong{color:#b8c993}
.art-page .tip-negative{border-left-color:#c0674f}.art-page .tip-negative strong{color:#e0907a}
.art-page .positive{color:#b8c993}.art-page .negative{color:#e0907a}
.art-page .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.art-page .grid-2>*{margin:0}
.art-page .formula{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;text-align:center;color:var(--gold-hi);background:var(--bg2);border:1px solid rgba(201,164,92,.4);padding:18px;margin:22px 0}
.art-page .icon,.art-page .knife-icon{color:var(--gold)}
.art-page .faq{margin-top:56px}
.art-page .faq-item{border:1px solid rgba(201,164,92,.28);background:rgba(19,17,15,.75);padding:18px 22px;margin-bottom:10px}
.art-page .faq-item h3{margin:0 0 8px;font-size:22px}
.art-page .faq-item p{margin:0}
.art-page .cta{margin:48px 0 0;padding:26px;border:1px solid rgba(201,164,92,.4);background:radial-gradient(ellipse at top,rgba(201,164,92,.1),transparent 70%);text-align:center;font-family:var(--disp);font-size:22px;line-height:1.4;color:var(--fg)}
.art-page .share-section{margin-top:44px;text-align:center}
.art-page .share-section h2{font-size:26px;color:var(--fg);margin:0 0 16px}
.art-page .share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.art-page .share-btn{border:1px solid rgba(201,164,92,.5);border-radius:999px;padding:10px 18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:background .3s,color .3s}
.art-page .share-btn:hover{background:var(--gold);color:#0b0a09}
.art-page #comments{margin-top:52px}
.art-page .comment-form{display:grid;gap:8px}
.art-page .comment-form label{margin-top:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.art-page .comment-form label strong{color:inherit;font-weight:500}
.art-page .comment-form input,.art-page .comment-form textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--fg);font:300 16px/1.6 var(--body);padding:14px 16px}
.art-page .comment-form input:focus,.art-page .comment-form textarea:focus{outline:none;border-color:var(--gold)}
.art-page .comment-form button{justify-self:start;margin-top:16px;background:var(--gold);color:#0b0a09;border:0;padding:15px 28px;font:600 12px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.art-page .comment-form button:hover{background:var(--gold-hi)}
.art-page table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.art-page th,.art-page td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.art-page .rtime{letter-spacing:.24em}
@media (max-width:700px){.art-page .grid-2{grid-template-columns:minmax(0,1fr)}}