/* The last sections (AR first): Writing, Find me, footer. Same language as the rest: gold line in, dot-mask title and photo, soft-highlight reading style. */
.writesec,.findsec{position:relative;padding:88px var(--m) 40px;background-image:radial-gradient(rgba(255,193,7,.1) 1.2px,transparent 1.5px);background-size:20px 20px;background-position:10px 10px} /* taste-skill-ignore: dot pattern, not a gradient fill */
.writesec .dtitle,.findsec .dtitle{margin-bottom:22px}
/* writing */
.wr{display:grid;gap:26px;margin-bottom:20px}
.wphoto{position:relative}
.wphoto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--bg2)}
.wlist{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:18px}
.wlist li{display:grid;gap:8px;justify-items:start}
.wt{font-size:clamp(22px,6.2vw,28px);line-height:1.4;color:var(--pri)}
.soon{font-size:13px;color:var(--acc);border:2px solid rgba(255,193,7,.6);border-radius:45px;padding:2px 14px}
.wtxt .btn svg,.fm .btn svg{width:18px;height:18px}
/* find me */
.fm .read{margin-bottom:22px}
.btn.big{padding:16px 34px;font-size:18px}
.clist{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:4px}
.clist a{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;min-height:64px;padding:8px 0;color:var(--txt)}
.ci{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--acc);color:var(--pri);transition:background .3s,color .3s,transform .3s var(--ease)}
.ci svg{width:22px;height:22px}
.cn b{display:block;font-size:19px;line-height:1.3;color:var(--pri)}
.cn span{display:block;font:400 13.5px/1.4 'U',sans-serif;color:rgba(227,227,227,.8);direction:ltr;text-align:start;margin-top:2px}
html[dir=rtl] .cn span{text-align:right}
.go{color:var(--acc);display:grid;place-items:center}
.go svg{width:20px;height:20px;transition:transform .3s var(--ease)}
.clist a:hover .ci,.clist a:focus-visible .ci{background:var(--acc);color:var(--bg);transform:scale(1.06)}
.clist a:hover .go svg{transform:translateX(-4px)}
/* footer */
.foot{padding:56px var(--m) 36px;overflow:hidden;text-align:center;border-top:2px solid rgba(255,193,7,.25);margin-top:30px}
.js .mwand.ft{display:block;margin:0 auto 18px}
.fname{font-size:clamp(22px,6.6vw,56px);line-height:1.4;color:var(--acc)}
/* entrance (JS on) */
.js .wphoto img{--r:0px;-webkit-mask-image:radial-gradient(circle at center,#000 var(--r),transparent calc(var(--r) + .6px));mask-image:radial-gradient(circle at center,#000 var(--r),transparent calc(var(--r) + .6px));-webkit-mask-size:10px 10px;mask-size:10px 10px;filter:blur(5px) brightness(.55);transition:--r 1s var(--ease),filter 1.1s var(--ease)} /* taste-skill-ignore: dot mask reveal */
.js .wr.seen .wphoto img{--r:8px;filter:none}
.js .wlist li,.js .wtxt .btn,.js .fm .btn,.js .clist li{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) calc(var(--k,0)*.08s + .2s),transform .7s var(--ease) calc(var(--k,0)*.08s + .2s)}
.js .wtxt .btn{transition-delay:1s}.js .fm .btn{transition-delay:.9s}
.js .clist li{transition-delay:calc(var(--k,0)*.06s + .4s)}
.js .wr.seen .wlist li,.js .wr.seen .wtxt .btn,.js .fm.seen .btn,.js .fm.seen .clist li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .wphoto img,.js .wlist li,.js .wtxt .btn,.js .fm .btn,.js .clist li{transition:none}}
@media (min-width:900px){
.writesec,.findsec{padding:130px var(--m) 60px;max-width:1100px;margin-inline:auto}
.wr{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:60px;align-items:center}
.clist{grid-template-columns:1fr 1fr;gap:4px 40px}
}

/* LTR: the row arrows are drawn pointing left (forward in RTL), so mirror them; the hover nudge still moves forward */
html[dir=ltr] .go svg{transform:scaleX(-1)}
html[dir=ltr] .clist a:hover .go svg{transform:scaleX(-1) translateX(-4px)}
.fname .nw{white-space:nowrap}