/* OPC tool: warm ivory, brass process chips and layered sand contours. */
.fh-opc {
  grid-column:span 6; display:grid; grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr; align-items:center; gap:20px 14px;
  min-height:clamp(206px,15.1vw,280px); padding:clamp(24px,2.2vw,40px);
  isolation:isolate; overflow:hidden; border:1px solid #d7c9b487; border-radius:18px;
  background:radial-gradient(ellipse at 1% 5%,#fffefb 0,transparent 57%),linear-gradient(105deg,#fcf4e6,#f0e5d3 64%,#e9e1d5);
  box-shadow:inset 0 1px 1px #ffffffde,0 4px 14px -8px #77634440;
}
.fh-opc::before { position:absolute; z-index:-1; inset:0; background:url('../business/opc-dunes.svg') left bottom / 100% auto no-repeat; content:""; pointer-events:none; }
.fh-opc::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(125deg,#fffdf91c 28%,#fff8e737 40%,transparent 60%); content:""; pointer-events:none; }
.fh-opc .fh-business-label { position:relative; align-self:center; color:#a88b5c; font-size:clamp(12px,1vw,17px); letter-spacing:.09em; }
.fh-opc .fh-business-label::after { display:block; width:22px; height:1px; margin-top:8px; background:#b99b6f; content:""; }
.fh-opc-process { display:flex; justify-self:end; align-items:center; gap:clamp(5px,.6vw,10px); color:#8d764e; }
.fh-opc-process>span { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #d8c3a480; border-radius:6px; color:#846d46; background:linear-gradient(125deg,#fffaf2ad,#fdf8ed6b); box-shadow:inset 0 1px 0 #ffffffa1,0 3px 7px #8c754617; font-size:clamp(10px,.85vw,14px); white-space:nowrap; }
.fh-opc-process svg { width:16px; height:16px; stroke-width:1.5; }
.fh-opc-process i { color:#b4a07d; font-size:15px; font-style:normal; }
.fh-opc .fh-business-copy { min-width:0; align-self:center; }
.fh-opc h2 { color:#62502f; font-size:clamp(25px,2.25vw,40px); line-height:1.3; font-weight:650; letter-spacing:.01em; white-space:nowrap; text-shadow:0 1px 0 #fff6e3; }
.fh-opc p { margin-top:16px; color:#8c7c61; font-size:clamp(11px,.9vw,15px); line-height:1.7; }
.fh-opc .fh-opc-open { display:flex; align-items:center; justify-self:end; align-self:center; gap:10px; min-height:46px; color:#8d642a; font-size:clamp(12px,1vw,17px); font-weight:550; letter-spacing:.025em; white-space:nowrap; }
.fh-opc-open>span:first-child { position:relative; padding:9px 0; }
.fh-opc-open>span:first-child::after { position:absolute; right:0; bottom:2px; left:0; height:1px; background:#b29363; content:""; }
.fh-opc-open .zmt-fh-arrow { margin:0; transition:transform .18s ease-out; }
.fh-opc-open .zmt-fh-arrow svg { width:22px; height:22px; }
.fh-opc .fh-opc-open:hover { color:#654112; transform:translateY(-1px); }
.fh-opc-open:hover .zmt-fh-arrow { transform:translateX(3px); }
.fh-opc .fh-opc-open:focus-visible { outline:2px solid #997342; outline-offset:4px; border-radius:4px; }