/* OXANN V5 production hardening — loaded after preview styles. */
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}

/* Progressive enhancement: content remains readable when JavaScript is unavailable. */
.reveal{opacity:1;transform:none}
html.has-js .reveal{opacity:0;transform:translateY(18px)}
html.has-js .reveal.is-visible{opacity:1;transform:none}

.project.risk{grid-column:span 12}

/* V5.1 — proof is structured as burden -> build -> evidence -> learning. */
.proof-lens{margin:14px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.proof-lens>div{display:grid;grid-template-columns:minmax(76px,.36fr) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.proof-lens>div:nth-child(odd){padding-right:14px;border-right:1px solid var(--line)}
.proof-lens>div:nth-child(even){padding-left:14px}
.proof-lens dt{margin:0;font-size:.57rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:620}
.proof-lens dd{margin:0;font-size:.7rem;line-height:1.48;color:#3f3f46}
.proof-lens [data-proof-axis="learning"] dd{color:var(--ink);font-weight:560}
.work-catalogue-link{margin:36px 0 0;display:flex;justify-content:flex-end}

.talk-box{min-width:0}
.confident-ask{display:block}
.confident-result{margin-top:32px;border-top:1px solid var(--line);padding-top:24px;display:grid;gap:14px}
.confident-result[hidden]{display:none}
.confident-kicker{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.confident-result h3{font-size:clamp(1.7rem,2.7vw,2.6rem);margin:0;line-height:1.02}
.confident-result p{margin:0;color:var(--muted);max-width:58ch}
.confident-result .direction{color:var(--ink)}

/* V5.2 LOT 3 — Confident exposes a checkpoint before any callback/action. */
.confident-governance{display:grid;gap:18px;margin-top:8px;padding-top:20px;border-top:1px solid var(--line)}
.confident-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.confident-state-grid>section{padding:16px 16px 18px 0;min-width:0}
.confident-state-grid>section+section{padding-left:16px;border-left:1px solid var(--line)}
.confident-state-label{font-size:.57rem!important;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)!important;font-weight:620;margin:0 0 10px!important}
.confident-state-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.confident-state-grid li{font-size:.72rem;line-height:1.5;color:#3f3f46}
.confident-state-grid li::before{content:'—';margin-right:8px;color:var(--focus)}
.confident-plan-box{display:grid;gap:10px;padding:18px 0}
.confident-plan-box>#confidentPlan{color:var(--ink);font-size:.9rem;line-height:1.55;max-width:64ch}
.confident-boundary{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.confident-boundary span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid var(--line);font-size:.6rem;line-height:1.3;color:var(--muted);background:#fff}
.confident-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:4px}
.text-button{appearance:none;border:0;background:transparent;padding:7px 0;color:var(--ink);font:inherit;font-size:.72rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.text-button:hover{opacity:.65}.text-button:disabled{opacity:.4;cursor:not-allowed}
.confident-clarify{display:grid;gap:10px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.confident-clarify[hidden]{display:none}
.confident-clarify label{font-size:.78rem;line-height:1.5;color:var(--ink);max-width:62ch}
.confident-clarify textarea{min-height:92px;width:100%;resize:vertical;border:1px solid var(--line);padding:12px;background:#fff;color:var(--ink);font:inherit;line-height:1.45}
.confident-clarify textarea:focus{border-color:var(--ink);outline:none}
.confident-clarify-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.confident-stop-status{min-height:1.2em;font-size:.7rem!important;color:var(--muted)!important}

.callback-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid var(--line)}
.callback-form[hidden]{display:none}
.callback-field{display:grid;gap:6px}
.callback-field.wide{grid-column:1/-1}
.callback-field label,.callback-consent{font-size:.72rem;color:var(--muted)}
.callback-field input{width:100%;min-height:48px;border:1px solid var(--line);padding:0 12px;background:#fff;border-radius:0}
.callback-field input:focus{border-color:var(--ink);outline:none}
.callback-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.callback-consent input{margin-top:2px}
.callback-form .button.wide{grid-column:1/-1;justify-self:start}
.callback-status,.callback-attr-note{grid-column:1/-1;font-size:.72rem;color:var(--muted);margin:0;max-width:60ch}
.button:disabled{cursor:not-allowed;opacity:.5}
.legal-link{text-decoration:underline;text-underline-offset:3px}

/* /work/ — deliberately editorial, not a second marketing template. */
.work-index-page{background:var(--paper)}
.work-index-head .work-back{justify-self:end;font-size:.72rem;letter-spacing:.02em;opacity:.7}
.work-index-head .work-back:hover,.work-index-head .work-back:focus-visible{opacity:1}
.work-index{padding:132px var(--gutter) 96px}
.work-index-inner{width:min(1240px,100%);margin:0 auto}
.work-index-hero{padding:24px 0 clamp(72px,9vw,132px);border-bottom:1px solid var(--line)}
.work-index-hero h1{max-width:11ch;margin:0 0 30px;font-size:clamp(3.7rem,8vw,8rem)}
.problemes-index-page .work-index-hero h1{max-width:16ch}
.work-index-hero .work-index-lead{max-width:700px;margin:0;color:#3f3f46;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}
.work-index-note{margin:22px 0 0;max-width:720px;color:var(--muted);font-size:.75rem;line-height:1.55}
.work-cases{padding:clamp(78px,9vw,128px) 0 0}
.work-cases-head{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;margin-bottom:54px}
.work-cases-head h2{font-size:clamp(2.7rem,5.6vw,5.8rem);max-width:10ch;margin:0}
.work-cases-head p{color:var(--muted);max-width:520px;margin:0}
.work-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);padding:48px 0;border-top:1px solid var(--line);align-items:start}
.work-case:last-child{border-bottom:1px solid var(--line)}
.work-case-copy{min-width:0}
.work-case .project-head{margin-bottom:20px}
.work-case .project-head h3{font-size:clamp(2rem,3.4vw,3.7rem)}
.work-case-media{margin:0;min-height:320px;background:var(--soft2);overflow:hidden}
.work-case-media img{width:100%;height:100%;min-height:320px;object-fit:cover}
.work-case-media.estimer img{object-position:center top}
.work-case-media.hop img{filter:saturate(.78) brightness(.88)}
.work-case-media.valentin img{filter:grayscale(.8)}
.work-case-surface{min-height:320px;background:var(--ink);color:#fff;padding:30px;display:grid;align-content:end;gap:16px}
.work-case-surface .surface-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.work-case-surface strong{font-size:clamp(1.8rem,3.2vw,3.2rem);font-weight:520;letter-spacing:-.05em;line-height:1}
.work-case-surface span:last-child{font-size:.74rem;color:rgba(255,255,255,.62)}
.work-case-boundary{margin:16px 0 0;color:var(--muted);font-size:.69rem;line-height:1.5}
.work-case-link{margin-top:22px}
.work-index-cta{padding:clamp(76px,9vw,120px) 0 18px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.work-index-cta h2{font-size:clamp(2.6rem,5vw,5rem);max-width:10ch;margin:0}
.work-index-footer{width:min(1240px,calc(100% - 2*var(--gutter)));margin:0 auto}

/* V5.1.1 — Estimer UI is a proof object, not a decorative crop. */
.proof-shot.one img,
.project.estimer .project-media>img,
.work-case-media.estimer img{
  object-fit:contain;
  object-position:center top;
  background:#f4f7fb;
}

@media(max-width:1100px){
  .project.risk{grid-column:1/3}
  .proof-lens{grid-template-columns:1fr}
  .proof-lens>div:nth-child(odd),.proof-lens>div:nth-child(even){padding-left:0;padding-right:0;border-right:0}
}

@media(max-width:820px){
  .project.risk{grid-column:1}
  .work-index{padding-top:106px}
  .work-cases-head,.work-case,.work-index-cta{grid-template-columns:1fr}
  .work-case{gap:24px}
  .work-case-media,.work-case-media img,.work-case-surface{min-height:280px}
  .work-index-cta .button{justify-self:start}
  .confident-state-grid{grid-template-columns:1fr}
  .confident-state-grid>section,.confident-state-grid>section+section{padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}
  .confident-state-grid>section:last-child{border-bottom:0}
}

@media(max-width:640px){
  .callback-form{grid-template-columns:1fr}
  .callback-field.wide,.callback-consent,.callback-form .button.wide,.callback-status,.callback-attr-note{grid-column:1}
  .proof-lens>div{grid-template-columns:76px 1fr}
  .work-catalogue-link{justify-content:flex-start}
  .confident-controls{align-items:flex-start;flex-direction:column}
  .confident-boundary{display:grid}
}

@media(prefers-reduced-motion:reduce){
  html.has-js .reveal{opacity:1;transform:none;transition:none}
}
