/* ============================================================
   YATIN MALIK — DESIGN SYSTEM
   Ink #0E0E0E · Lime #BFFF3F · Archivo + JetBrains Mono
   Every rule here is a CLASS, so blocks stay editable in WP.
   ============================================================ */

:root{
  --ym-ink:#0E0E0E; --ym-panel:#121214; --ym-card:#141416; --ym-card2:#161618; --ym-deep:#0A0A0A;
  --ym-text:#F2F2F0; --ym-text2:#A7A7A3; --ym-text3:#8A8A86;
  --ym-lime:#BFFF3F; --ym-lime2:#D3FF70; --ym-limedeep:#5A7A1E;
  --ym-hair:rgba(242,242,240,.12); --ym-hair2:rgba(242,242,240,.16); --ym-hair3:rgba(242,242,240,.28);
  --ym-ease:cubic-bezier(.22,1,.36,1);
  --ym-gutter:clamp(20px,4vw,48px);
  --ym-sectionpad:clamp(76px,9vw,130px);
  --ym-max:1400px;
}

/* ---------- base ---------- */
html{background:var(--ym-ink);scroll-behavior:smooth;}
body.ym{margin:0;background:var(--ym-ink);color:var(--ym-text);font-family:Archivo,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;}
body.ym a{color:inherit;}
body.ym a:hover{color:var(--ym-lime);}
::selection{background:var(--ym-lime);color:var(--ym-ink);}
:focus-visible{outline:2px solid var(--ym-lime);outline-offset:2px;}
summary{list-style:none;} summary::-webkit-details-marker{display:none;}
img{max-width:100%;height:auto;}

/* ---------- layout ---------- */
.ym-section{position:relative;background-color:var(--ym-ink);color:var(--ym-text);padding:var(--ym-sectionpad) var(--ym-gutter);border-top:1px solid var(--ym-hair);}
.ym-section.is-style-ym-section{padding:var(--ym-sectionpad) var(--ym-gutter);}
.ym-section--hero{padding-top:clamp(140px,18vh,220px);padding-bottom:clamp(72px,10vh,120px);border-top:0;overflow:hidden;}
.ym-section--flush{border-top:0;}
.ym-section--tight{padding-top:clamp(44px,6vw,72px);padding-bottom:clamp(44px,6vw,72px);}
.ym-wrap{max-width:var(--ym-max);margin-inline:auto;width:100%;}

/* hero decoration: grid + noise + beam (pure CSS, no markup needed) */
.ym-section--hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(0deg,rgba(242,242,240,.03) 0 1px,transparent 1px 90px),
                   repeating-linear-gradient(90deg,rgba(242,242,240,.03) 0 1px,transparent 1px 90px);}
.ym-section--hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:140px 140px;}
.ym-section--hero > *{position:relative;z-index:1;}
.ym-beam{position:absolute;top:34%;left:-8%;width:130%;height:2px;z-index:0;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(191,255,63,0) 0%,rgba(191,255,63,.85) 42%,rgba(211,255,112,.9) 58%,rgba(191,255,63,0) 100%);
  box-shadow:0 0 34px rgba(191,255,63,.35);transform:rotate(-16deg);}

/* ---------- typography ---------- */
.ym-kicker,p.ym-kicker,.is-style-ym-kicker{margin:0 0 22px;display:flex;align-items:center;gap:14px;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ym-text3);}
.ym-kicker--lime,.ym-kicker.has-lime-color{color:var(--ym-lime);}
.ym-kicker::before{content:"";width:8px;height:14px;background-color:var(--ym-lime);flex-shrink:0;}
.ym-kicker.ym-kicker--plain::before{display:none;}

.ym-display,h1.ym-display,.is-style-ym-display{margin:0;font-family:Archivo,sans-serif;font-weight:900;
  font-size:clamp(34px,6.9vw,92px);line-height:.99;letter-spacing:-.03em;text-transform:uppercase;max-width:1300px;}
.ym-mega,.is-style-ym-mega{margin:0;font-weight:900;font-size:clamp(56px,9vw,128px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;}
.ym-h2{margin:0;font-weight:900;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;text-wrap:pretty;}
.ym-h3{margin:0;font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.015em;}
.ym-lead,p.ym-lead,.is-style-ym-lead{margin:0;font-size:18px;line-height:1.65;color:var(--ym-text2);max-width:620px;text-wrap:pretty;}
.ym-mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ym-text3);}
.ym-dim{color:var(--ym-text3);}

/* rich-text formats (toolbar buttons registered in formats.js) */
.ym-lime-text{color:var(--ym-lime);}
.ym-outline{-webkit-text-stroke:2px var(--ym-text);color:transparent;}
.ym-caret{display:inline-block;width:.13em;height:.74em;background-color:var(--ym-lime);margin-left:.09em;vertical-align:baseline;transform:translateY(.08em);animation:ymblink 1.15s steps(1) infinite;}
@keyframes ymblink{0%,55%{opacity:1}56%,100%{opacity:0}}

/* section head:  § 01 ————————— LABEL */
.ym-sechead{display:flex;align-items:center;gap:20px;margin-bottom:clamp(44px,6vw,72px);}
.ym-sechead__num{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ym-lime);flex-shrink:0;}
.ym-sechead__rule{flex:1 1 auto;height:1px;background-color:var(--ym-hair2);transform-origin:left;}
.ym-sechead__label{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ym-text3);flex-shrink:0;}

/* ---------- buttons ---------- */
.ym-btn > .wp-block-button__link,
.is-style-ym-lime > .wp-block-button__link,
a.ym-btn,.ym-btn-submit{
  display:inline-block;background-color:var(--ym-lime);color:var(--ym-ink);border:0;border-radius:0;
  font-family:Archivo,sans-serif;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:18px 30px;text-decoration:none;cursor:pointer;transition:background-color .25s var(--ym-ease);}
.ym-btn > .wp-block-button__link:hover,.is-style-ym-lime > .wp-block-button__link:hover,a.ym-btn:hover,.ym-btn-submit:hover{background-color:var(--ym-lime2);color:var(--ym-ink);}

.ym-btn-ghost > .wp-block-button__link,
.is-style-ym-ghost > .wp-block-button__link,
a.ym-btn-ghost{
  background:transparent;color:var(--ym-text);border:0;border-bottom:1px solid var(--ym-hair3);border-radius:0;
  font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 0 6px;text-decoration:none;
  transition:border-color .25s var(--ym-ease),color .25s var(--ym-ease);}
.ym-btn-ghost > .wp-block-button__link:hover,.is-style-ym-ghost > .wp-block-button__link:hover,a.ym-btn-ghost:hover{border-bottom-color:var(--ym-lime);color:var(--ym-lime);}

/* ---------- cards ---------- */
.ym-card,.is-style-ym-card{position:relative;background-color:var(--ym-card);border:1px solid var(--ym-hair);padding:clamp(24px,2.6vw,38px);transition:transform .5s var(--ym-ease),background-color .4s var(--ym-ease);}
.ym-card:hover,.is-style-ym-card:hover{transform:translateY(-4px);background-color:var(--ym-card2);}
.ym-card__edge{position:absolute;inset:0;pointer-events:none;border:1px solid transparent;transition:border-color .6s var(--ym-ease);}
.ym-card:hover .ym-card__edge{border-color:var(--ym-lime);}
.ym-card__num{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ym-lime);letter-spacing:.1em;}
.ym-panel,.is-style-ym-panel{background-color:var(--ym-panel);border:1px solid var(--ym-hair);padding:clamp(20px,2.4vw,34px);}

/* grids */
.ym-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(20px,2.4vw,30px);}
.ym-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,2.4vw,30px);}
.ym-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(20px,2.4vw,30px);}
.ym-split{display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,90px);align-items:flex-start;}
.ym-split > *{flex:1 1 min(100%,440px);}

/* ---------- stats (auto-counting: fx.js reads the number in the text) ---------- */
.ym-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:28px 24px;border-top:1px solid var(--ym-hair);border-bottom:1px solid var(--ym-hair);padding:clamp(28px,3.4vw,44px) 0;}
.ym-stat__num,.ym-count{display:block;font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.02em;color:var(--ym-text);}
.ym-stat__num .ym-count{display:inline;}
.ym-stat__label{display:block;margin-top:10px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ym-text3);}
.ym-stat--lime .ym-stat__num,.ym-stat--lime .ym-count{color:var(--ym-lime);}

/* ---------- figure / product window ---------- */
.ym-figure{margin:0;border:1px solid var(--ym-hair2);background-color:var(--ym-panel);padding:clamp(10px,1.4vw,16px);}
.ym-figure__inner{background-color:var(--ym-deep);border:1px solid rgba(242,242,240,.1);}
.ym-figure__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(242,242,240,.1);
  font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;color:var(--ym-text3);}
.ym-figure__live{color:var(--ym-lime);}
.ym-figure__body{padding:clamp(16px,2vw,26px);}
.ym-figcaption{margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;color:var(--ym-text3);text-transform:uppercase;}
.ym-bar{margin-bottom:12px;}
.ym-bar__top{display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--ym-text3);margin-bottom:5px;}
.ym-bar__track{height:4px;background-color:rgba(242,242,240,.1);}
.ym-bar__fill{height:100%;background-color:var(--ym-lime);}

/* ---------- marquee ---------- */
.ym-marquee{overflow:hidden;border-top:1px solid var(--ym-hair);border-bottom:1px solid var(--ym-hair);padding:clamp(20px,2.4vw,32px) 0;}
.ym-marquee__track{display:flex;gap:60px;width:max-content;will-change:transform;}
.ym-marquee__item{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(28px,3.6vw,54px);text-transform:uppercase;letter-spacing:-.02em;
  -webkit-text-stroke:1.5px var(--ym-text3);color:transparent;text-decoration:none;white-space:nowrap;transition:color .3s var(--ym-ease),-webkit-text-stroke .3s var(--ym-ease);}
.ym-marquee__item:hover{color:var(--ym-lime);-webkit-text-stroke:1.5px var(--ym-lime);}

/* ---------- post list ---------- */
.ym-postrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 24px;padding:clamp(22px,2.4vw,30px) 0;border-bottom:1px solid var(--ym-hair);text-decoration:none;transition:padding-left .4s var(--ym-ease);}
.ym-postrow:hover{padding-left:12px;}
.ym-postrow__date{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--ym-text3);flex:0 0 110px;}
.ym-postrow__title{flex:1 1 min(100%,420px);font-weight:800;font-size:clamp(19px,2vw,26px);line-height:1.25;letter-spacing:-.01em;}
.ym-postrow:hover .ym-postrow__title{color:var(--ym-lime);}
.ym-postrow__cat{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ym-lime);}

/* ---------- editorial post body ---------- */
.ym-prose{max-width:760px;margin-inline:auto;font-size:19px;line-height:1.75;color:var(--ym-text2);}
.ym-prose > *{margin-block:1.4em;}
.ym-prose h2{color:var(--ym-text);font-size:clamp(26px,3vw,38px);margin-top:2.2em;}
.ym-prose h3{color:var(--ym-text);font-size:clamp(20px,2.2vw,26px);text-transform:none;letter-spacing:-.01em;}
.ym-prose strong{color:var(--ym-text);}
.ym-prose blockquote{border-left:2px solid var(--ym-lime);margin-left:0;padding-left:28px;font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:var(--ym-text);font-weight:700;letter-spacing:-.01em;}
.ym-prose code{font-family:"JetBrains Mono",monospace;font-size:.86em;background:var(--ym-card);padding:2px 6px;}
.ym-prose img{border:1px solid var(--ym-hair);}
.ym-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--ym-lime);z-index:9999;transition:width .1s linear;}

/* ---------- FORM ---------- */
.ym-form{max-width:760px;}
.ym-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px 24px;}
.ym-field{margin:0;display:flex;flex-direction:column;gap:9px;}
.ym-field--full{grid-column:1/-1;}
.ym-field label{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ym-text3);}
.ym-field label span{color:var(--ym-lime);}
.ym-field input,.ym-field select,.ym-field textarea{
  width:100%;box-sizing:border-box;background:transparent;border:1px solid var(--ym-hair3);border-radius:0;
  color:var(--ym-text);font-family:Archivo,sans-serif;font-size:15px;padding:14px 16px;outline:none;
  transition:border-color .25s var(--ym-ease);}
.ym-field textarea{resize:vertical;min-height:110px;font-family:Archivo,sans-serif;}
.ym-field input::placeholder,.ym-field textarea::placeholder{color:#5A5A56;}
.ym-field input:focus,.ym-field select:focus,.ym-field textarea:focus{border-color:var(--ym-lime);}
.ym-field select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23BFFF3F' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.ym-field select option{background:var(--ym-card);color:var(--ym-text);}
.ym-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.ym-form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;}
.ym-form__note{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ym-text3);}
.ym-form__error{margin:0 0 20px;padding:14px 16px;border:1px solid #7A2E1E;background:rgba(122,46,30,.15);color:#F2F2F0;font-size:14px;}
.ym-form__done{display:flex;align-items:center;gap:14px;padding:26px 0;}
.ym-form__done p{margin:0;font-size:17px;font-weight:600;color:var(--ym-text);}

/* newsletter (inline) */
.ym-nl{display:flex;border:1px solid var(--ym-hair3);max-width:460px;}
.ym-nl input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:var(--ym-text);font-family:"JetBrains Mono",monospace;font-size:14px;padding:16px 18px;}
.ym-nl button{flex-shrink:0;background-color:var(--ym-lime);color:var(--ym-ink);border:none;font-family:Archivo,sans-serif;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:0 22px;cursor:pointer;}
.ym-nl button:hover{background-color:var(--ym-lime2);}

/* ---------- NAV (WordPress Navigation block, native mobile overlay) ---------- */
.ym-nav{position:fixed;top:0;left:0;right:0;z-index:9000;background-color:rgba(14,14,14,.88);color:var(--ym-text);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ym-hair);}
.ym-nav__in{max-width:var(--ym-max);margin:0 auto;padding:0 var(--ym-gutter);min-height:70px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ym-nav__brand{flex-shrink:0;}
.ym-nav__brand a{text-decoration:none;color:var(--ym-text);}
.ym-nav__brand a:hover{color:var(--ym-lime);}

/* menu items */
.ym-nav .wp-block-navigation__container{gap:clamp(16px,2.2vw,30px);}
.ym-nav .wp-block-navigation-item__content{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ym-text);opacity:.75;text-decoration:none;padding:6px 0;
  transition:opacity .25s var(--ym-ease),color .25s var(--ym-ease);}
.ym-nav .wp-block-navigation-item__content:hover{opacity:1;color:var(--ym-lime);}
.ym-nav .current-menu-item .wp-block-navigation-item__content{opacity:1;}
.ym-nav .current-menu-item .wp-block-navigation-item__content::before{
  content:"";display:inline-block;width:5px;height:5px;background:var(--ym-lime);margin-right:8px;vertical-align:middle;}
.ym-nav__cta{flex-shrink:0;}
.ym-nav__cta .wp-block-button__link{padding:12px 20px;font-size:12px;}

/* native mobile overlay (WP "overlayMenu":"mobile") */
.ym-nav .wp-block-navigation__responsive-container-open,
.ym-nav .wp-block-navigation__responsive-container-close{color:var(--ym-text);}
.ym-nav .wp-block-navigation__responsive-container.is-menu-open{
  background-color:var(--ym-panel)!important;color:var(--ym-text)!important;padding:clamp(28px,6vw,56px) var(--ym-gutter);}
.ym-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  font-family:Archivo,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.01em;opacity:1;
  padding:14px 0;border-bottom:1px solid var(--ym-hair);width:100%;}
.ym-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:0;width:100%;}

body.ym{padding-top:70px;}
@media (max-width:781px){ .ym-nav__cta{display:none;} }

/* ---------- FOOTER ---------- */
.ym-footer{position:relative;background-color:var(--ym-ink);color:var(--ym-text);border-top:1px solid var(--ym-hair);overflow:hidden;}
.ym-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:36px 24px;padding:clamp(40px,5vw,60px) 0;border-top:1px solid var(--ym-hair2);}
.ym-footer__col p{margin:0 0 6px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ym-text3);}
.ym-footer__col a{display:block;padding:5px 0;text-decoration:none;font-size:14px;opacity:.78;transition:opacity .2s var(--ym-ease);}
.ym-footer__col a:hover{opacity:1;}
.ym-footer__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ym-hair2);padding:26px 0 34px;
  font-size:13px;color:var(--ym-text3);}

/* ---------- MOTION (fx.js adds .is-in) ---------- */
.ym-reveal,[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ym-ease),transform .8s var(--ym-ease);}
.ym-reveal.is-in,[data-reveal].is-in{opacity:1;transform:none;}
.ym-line-mask{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em;}
.ym-line{display:block;transform:translateY(102%);transition:transform .9s var(--ym-ease);}
.ym-line.is-in{transform:none;}
.ym-stagger > *{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ym-ease),transform .7s var(--ym-ease);}
.ym-stagger.is-in > *{opacity:1;transform:none;}
.ym-cursor{position:fixed;top:0;left:0;z-index:99999;pointer-events:none;display:flex;align-items:center;justify-content:center;
  width:12px;height:12px;border-radius:50%;background:var(--ym-lime);mix-blend-mode:difference;
  transform:translate(-50%,-50%);transition:width .3s var(--ym-ease),height .3s var(--ym-ease),background-color .3s var(--ym-ease);}
.ym-cursor.is-label{width:74px;height:74px;background:var(--ym-lime);mix-blend-mode:normal;}
.ym-cursor span{opacity:0;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ym-ink);transition:opacity .2s;}
.ym-cursor.is-label span{opacity:1;}
@media (hover:none),(pointer:coarse){.ym-cursor{display:none!important;}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .ym-reveal,[data-reveal],.ym-stagger > *,.ym-line{opacity:1!important;transform:none!important;}
  .ym-beam{opacity:.6!important;}
  .ym-cursor{display:none!important;}
}

/* ---------- responsive ---------- */
@media (max-width:781px){
  .ym-figure__body{padding:16px;}
  .ym-stats{gap:22px 18px;}
}
  .ym-nav__menu.is-open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;
    background:var(--ym-panel);border-bottom:1px solid var(--ym-hair);padding:16px var(--ym-gutter) 28px;}
  .ym-nav__menu.is-open a{width:100%;padding:14px 0;border-bottom:1px solid var(--ym-hair);font-size:18px!important;font-family:Archivo,sans-serif!important;font-weight:800!important;opacity:1;}
}
@media (min-width:1080px){ .ym-nav__burger{display:none;} }
.ym-nav__burger{background:none;border:1px solid rgba(242,242,240,.3);color:inherit;font-family:"JetBrains Mono",monospace;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;cursor:pointer;}

/* ---------- editor parity ---------- */
.editor-styles-wrapper{background:var(--ym-ink)!important;color:var(--ym-text);}
.editor-styles-wrapper .ym-section{border-top-color:var(--ym-hair);}

/* ---------- product image (real screenshot slot) ---------- */
.ym-figure-img{margin:0;}
.ym-figure-img img{width:100%;display:block;border:1px solid var(--ym-hair2);background:var(--ym-panel);}
.ym-figure-img figcaption,.ym-figure-img .wp-element-caption{
  margin-top:12px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ym-text3);text-align:left;}

/* ---------- OFFER ROWS (Work With Me hub) ---------- */
.ym-offer{margin-bottom:24px;}
.ym-offer .ym-h2{margin-top:10px;}
.ym-offer--flagship{border-color:rgba(191,255,63,.35);background-color:var(--ym-card2);}
.ym-bestif{margin:22px 0 0;padding:14px 18px;background-color:rgba(191,255,63,.06);
  border-left:2px solid var(--ym-lime);font-size:15px;color:var(--ym-text2);}
.ym-bestif strong{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ym-lime);margin-right:10px;}
.ym-offer .wp-block-buttons{margin-top:24px;}

/* ---------- PRODUCT VERDICTS ---------- */
.ym-verdict{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--ym-text2);}
.ym-verdict strong{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ym-lime);margin-bottom:5px;}
.ym-verdict--skip strong{color:var(--ym-text3);}

/* ---------- TIMELINE ---------- */
.ym-timeline{display:flex;flex-direction:column;border-top:1px solid var(--ym-hair);}
.ym-tl{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:24px 0;
  border-bottom:1px solid var(--ym-hair);transition:padding-left .4s var(--ym-ease);}
.ym-tl:hover{padding-left:12px;}
.ym-tl__wk{flex:0 0 100px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;color:var(--ym-lime);}
.ym-tl__t{flex:0 1 260px;font-weight:800;font-size:clamp(18px,1.9vw,22px);letter-spacing:-.01em;color:var(--ym-text);}
.ym-tl__d{flex:1 1 300px;font-size:15px;line-height:1.6;color:var(--ym-text2);}

/* ---------- ARCHITECTURE FIGURE ---------- */
.ym-arch{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:13px 0;border-bottom:1px solid rgba(242,242,240,.08);}
.ym-arch:last-child{border-bottom:0;}
.ym-arch__n{flex:0 0 108px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;color:var(--ym-lime);}
.ym-arch__t{font-size:15px;font-weight:600;color:var(--ym-text);}
.ym-arch--own{margin-top:10px;padding-top:16px;border-top:1px solid var(--ym-lime);border-bottom:0;justify-content:center;}
.ym-arch--own .ym-arch__t{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ym-lime);}

/* ---------- BELIEFS ---------- */
.ym-beliefs{display:flex;flex-direction:column;border-top:1px solid var(--ym-hair);}
.ym-belief{display:flex;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--ym-hair);}
.ym-belief__n{flex:0 0 auto;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ym-lime);}
.ym-belief__t{font-size:clamp(18px,2.1vw,26px);line-height:1.4;font-weight:700;letter-spacing:-.01em;color:var(--ym-text);text-wrap:pretty;}

/* ---------- nav submenu (Work With Me dropdown) ---------- */
.ym-nav .wp-block-navigation__submenu-container{background-color:var(--ym-card)!important;
  border:1px solid var(--ym-hair2)!important;padding:8px;min-width:280px;}
.ym-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-family:Archivo,sans-serif!important;font-size:14px!important;font-weight:600!important;
  letter-spacing:0!important;text-transform:none!important;padding:11px 14px!important;width:100%;}
.ym-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  background-color:rgba(242,242,240,.05);}

@media (max-width:781px){
  .ym-tl__wk{flex:0 0 100%;}
  .ym-arch__n{flex:0 0 100%;}
  .ym-offer{padding:22px;}
}