/* page: texas-bbq-pit-maker (from case-study.html) */
/* ---- case-study only ---- */
.meta4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#070C14aa}
.meta4 div{padding:18px 20px;border-right:1px solid var(--line)}
.meta4 div:last-child{border-right:0}
.meta4 b{display:block;font:600 10px/1 var(--mono);letter-spacing:.16em;color:var(--dim);margin-bottom:10px}
.meta4 span{font:600 15px/1.35 var(--sans);color:var(--ink)}
.brief{padding:30px}
.brief .k{display:block}
.brief h3{font-size:22px}
.px{margin-top:18px;display:flex;align-items:flex-end;gap:10px;height:120px}
.px i{display:block;border:1px dashed var(--line2);border-radius:6px;position:relative}
.px i::after{content:attr(data-l);position:absolute;left:6px;top:6px;font:500 10px/1 var(--mono);color:var(--dim)}
.px i.cap{border-style:solid;border-color:#35D6EE66;background:#35D6EE0d}
.px i.cap::after{color:var(--cyan)}
.vec{margin-top:18px;height:120px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff08 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#ffffff08 19px 20px)}
.vec svg{width:110px;height:80px}
/* configurator */
.cfg{padding:24px}
.cfg .models{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.cfg .models button{border:1px solid var(--line2);background:#070C14;border-radius:10px;padding:12px 8px;color:var(--muted);font:600 12px/1.2 var(--sans);cursor:pointer;text-align:left;transition:all .2s}
.cfg .models button small{display:block;margin-top:6px;font:500 10px/1 var(--mono);color:var(--dim)}
.cfg .models button.on{color:var(--ink);border-color:var(--cyan);background:#35D6EE12;box-shadow:0 0 24px -8px #35D6EE88}
.cfg .opt-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff08;font-size:14px;color:var(--text);cursor:pointer}
.cfg .opt-row input{accent-color:var(--blue);width:16px;height:16px}
.cfg .opt-row em{font:600 12px/1 var(--mono);font-style:normal;color:var(--muted)}
.cfg .ship{margin-top:16px}
.cfg .tot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.cfg .tot span{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}
.cfg .tot b{font:800 34px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.cfg .l{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:20px}
.did{list-style:none;margin-top:28px;display:grid;gap:14px}
.did li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.did li span{font:600 11px/1 var(--mono);color:var(--cyan);padding-top:5px}
.did li b{display:block;font:700 18px/1.25 var(--sans);color:var(--ink)}
.did li p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--muted)}
/* build log rail */
.how.five{grid-template-columns:repeat(5,1fr)}
.how .step .tool{display:inline-block;margin-top:12px;font:600 10px/1 var(--mono);letter-spacing:.12em;color:var(--cyan);border:1px solid #35D6EE33;border-radius:5px;padding:5px 6px;background:#35D6EE0a}
.log{margin-top:48px;padding:22px;font:500 12.5px/1.8 var(--mono);color:var(--muted)}
.log .t{color:var(--dim)}.log .ok{color:var(--cyan)}.log b{color:var(--ink);font-weight:600}
/* status */
.status{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:34px}
.status .dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid #4D8DFF66;background:#4D8DFF12;position:relative}
.status .dot::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue);animation:sy-pulse 1.4s infinite}
.status h3{font-size:24px}
.status p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}
.mean{padding:26px}
.mean h3{font-size:20px}
.cta .sub{margin-left:auto;margin-right:auto}
@media (max-width:1080px){.how.five{grid-template-columns:1fr 1fr}.meta4{grid-template-columns:1fr 1fr}.meta4 div:nth-child(2){border-right:0}.meta4 div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:720px){.how.five{grid-template-columns:1fr}.cfg .models{grid-template-columns:1fr 1fr}.status{grid-template-columns:1fr;padding:24px}.log{font-size:11px}}