/* The Ops Layer · Insights. Builds on tokens/base/components (Home v3 system). */
/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.3) 52%,rgba(0,0,0,0) 74%),linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.2) 45%,rgba(0,0,0,0) 60%)}
.sentinel{position:absolute;top:120px;left:0;width:1px;height:1px}
.ol.js:not(.is-static) .hero [data-h]{opacity:0;translate:0 24px;filter:blur(6px);transition:opacity 1.3s var(--ex),translate 1.5s var(--ex),filter 1.3s var(--ex);transition-delay:var(--d,0ms)}
.ol.js:not(.is-static).loaded .hero [data-h]{opacity:1;translate:0 0;filter:blur(0)}
.hero{min-height:max(640px,min(80vh,820px));display:flex;flex-direction:column}
.hero>.wrap{width:100%}
.sh-in{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:130px;padding-bottom:72px}
.sh-h1{font-size:clamp(60px,8vw,128px);line-height:.92}
.sh-h1 .ln+.ln{padding-left:clamp(0px,10vw,170px)}
.sh-sub{margin-top:clamp(32px,3vw,48px);max-width:18em;font-family:var(--disp);font-size:clamp(24px,2.4vw,38px);line-height:1.2;letter-spacing:-.012em;color:var(--on-d2);text-wrap:balance}
.sh-sub em{color:var(--fg)}
.sh-note{margin-top:20px;max-width:56ch;font-size:15.5px;line-height:1.7;color:var(--on-d3)}
@media (max-width:760px){.sh-h1 .ln+.ln{padding-left:0}}

/* The Routing Layer: a letter with a nameplate */
.np{text-align:center;padding-bottom:clamp(32px,3vw,48px);border-bottom:3px double rgb(0 0 0 / .35)}
.np-k{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 0;padding-bottom:18px;border-bottom:1px solid rgb(0 0 0 / .2);font-size:12.5px;font-weight:700;color:var(--on-d3)}
.np-k span{display:inline-flex;align-items:center}
.np-k span+span::before{content:"";width:9px;height:5px;margin:0 16px;background:currentColor;opacity:.45;transform:skewX(-29deg)}
.np-t{margin-top:clamp(20px,2vw,32px);font-size:clamp(56px,8vw,132px);line-height:.95;letter-spacing:-.03em;color:var(--fg)}
.np-d{margin:22px auto 0;max-width:44ch;font-family:var(--disp);font-style:italic;font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:var(--on-d2)}
.rl-g{margin-top:clamp(48px,4.4vw,72px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:40px clamp(40px,6vw,96px);align-items:start}
.iss{display:flex;flex-direction:column}
.is{padding:0 0 clamp(36px,3.4vw,52px);margin-bottom:clamp(36px,3.4vw,52px);border-bottom:1px solid rgb(0 0 0 / .1)}
.is:last-child{margin-bottom:0;border-bottom:0}
.is-n{font-size:12.5px;font-weight:700;color:var(--on-d3)}
.is h3{margin-top:12px;font-size:clamp(28px,2.7vw,44px);line-height:1.08;letter-spacing:-.018em;color:var(--fg);max-width:18em}
.is-b{margin-top:20px;max-width:58ch}
.is-dx{margin-top:18px;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-left:2px solid #0F0F0F;background:rgb(0 0 0 / .035);font-family:var(--disp);font-size:clamp(17px,1.4vw,20px);line-height:1.4;color:var(--fg);max-width:52ch}
.is-dx b{font-family:var(--sans);font-size:12px;color:var(--on-d3)}
.is .lk{margin-top:20px}
.sub{position:sticky;top:120px;padding:30px 30px 34px;border:1px solid rgb(0 0 0 / .14);border-radius:6px;background:#FBFAF8;display:flex;flex-direction:column;gap:20px}
.sub-h{font-size:clamp(24px,2.1vw,32px);line-height:1.1;color:var(--fg)}
.sub .fld input{font-size:clamp(19px,1.5vw,22px)}
.sub .qq-consent{margin-top:4px;font-size:13px}
.band-light .btn.sub-go{align-self:flex-start;}
.sub.busy .sub-go{opacity:.6;pointer-events:none}
.sub-done{font-family:var(--disp);font-size:20px;line-height:1.35;color:var(--fg)}
.sub-done[hidden]{display:none}
.sub.sent>:not(.sub-done):not(.sub-h){display:none}
.qz-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* writing: long-form, then the shorter pieces */
.ars{margin-top:clamp(40px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--hair2)}
.ar{position:relative;display:flex;flex-direction:column;gap:20px;padding:36px 40px 40px 0;text-decoration:none;color:inherit}
.ar+.ar{padding-left:40px;border-left:1px solid var(--hair)}
.ar h3{font-size:clamp(28px,2.7vw,44px);line-height:1.06;letter-spacing:-.018em;color:var(--fg);transition:translate .7s var(--ex)}
.ar h3 em{font-weight:400}
.ar-go{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--fg);margin-top:auto}
.ar-go .ic{font-size:15px;transition:transform .5s var(--ex)}
.ar:hover h3{translate:8px 0}
.ar:hover .ar-go .ic{transform:translate(3px,-3px)}
.ar::after{content:"";position:absolute;left:0;right:40px;top:-1px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ex)}
.ar+.ar::after{left:40px;right:0}
.ar:hover::after{transform:scaleX(1)}
.sp-head{margin-top:clamp(96px,9vw,150px);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.sp-head .lk .ic{font-size:17px;transform:none}
.shs{list-style:none;margin:clamp(32px,3vw,48px) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);border-top:1px solid var(--hair2)}
.shs li{border-bottom:1px solid var(--hair)}
.shs a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:8px 16px;padding:24px 0;text-decoration:none}
.shs b{font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.6vw,24px);line-height:1.2;color:var(--fg);transition:translate .6s var(--ex)}
.shs span{grid-column:1;font-size:14.5px;line-height:1.6;color:var(--on-d3)}
.shs span em{font-family:var(--disp);font-size:1.08em;color:var(--on-d)}
.shs .ic{grid-column:2;grid-row:1;font-size:15px;color:var(--fg);opacity:.35;transition:opacity .4s,transform .5s var(--ex)}
.shs a:hover b{translate:6px 0}
.shs a:hover .ic{opacity:1;transform:translateX(4px)}
.faq-a a{color:var(--fg);text-underline-offset:3px}

@media (max-width:1100px){
.rl-g{grid-template-columns:minmax(0,1fr)}
.sub{position:relative;top:0}
.ars,.shs{grid-template-columns:minmax(0,1fr)}
.ar+.ar{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
.ar+.ar::after{left:0}
}
@media (prefers-reduced-motion:reduce){
.ol *,.ol *::before,.ol *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
}

/* writing, now WordPress posts ([ol_posts]) */
.wr-head{margin-top:0}
.ar-m{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;font-size:13px;color:var(--on-d3)}
.ar-m span:first-child{color:var(--fg)}
.ar>p:not(.ar-m){max-width:52ch;font-size:15.5px;line-height:1.65;color:var(--on-d2)}
.shs small{grid-column:1;font-size:12.5px;color:var(--on-d3)}
.wr-empty{margin-top:40px;font-family:var(--disp);font-size:clamp(22px,2vw,30px);color:var(--on-d2)}
.wr-empty a{color:var(--fg)}