/* CONCRETTA V281 — Shared inner-page hero system based on Gallery V271 */
:root{
  --ct281-bg:#f4f1ec;
  --ct281-paper:#fbfaf7;
  --ct281-ink:#27231f;
  --ct281-muted:#655f58;
  --ct281-line:rgba(39,35,31,.14);
  --ct281-accent:#b79a64;
  --ct281-radius:22px;
  --ct281-shell:min(1180px,calc(100% - 64px));
}
.ct281-shell{width:var(--ct281-shell);margin:0 auto}
.ct281-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ece7df 0%,#f7f4ef 55%,#e8e1d7 100%);border-bottom:1px solid var(--ct281-line)}
.ct281-hero:before,.ct281-hero:after{content:"";position:absolute;pointer-events:none}
.ct281-hero:before{inset:0;background:radial-gradient(circle at 78% 28%,rgba(183,154,100,.13),transparent 24%),linear-gradient(115deg,transparent 0 65%,rgba(255,255,255,.38) 65% 66%,transparent 66%)}
.ct281-hero:after{width:46%;height:1px;right:-5%;top:52%;background:rgba(39,35,31,.16);transform:rotate(-18deg);transform-origin:right center}
.ct281-hero-grid{position:relative;z-index:1;min-height:420px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:72px;align-items:center;padding:92px 0 66px}
.ct281-hero-copy{max-width:700px}
.ct281-kicker{margin:0 0 16px;font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:#806d4f;font-weight:600}
.ct281-hero h1{margin:0;max-width:720px;font-size:clamp(40px,4.4vw,52px);line-height:.98;letter-spacing:-.035em;font-weight:400;color:var(--ct281-ink)}
.ct281-hero-lead{max-width:720px;margin:24px 0 0;font-size:17px;line-height:1.7;color:var(--ct281-muted)}
.ct281-hero-art{min-height:230px;display:flex;align-items:flex-end;justify-content:flex-end;position:relative;padding:0 8px 12px 0}
.ct281-hero-art:before{content:"";position:absolute;inset:4% 0 8% 14%;border:1px solid rgba(39,35,31,.15);border-radius:var(--ct281-radius)}
.ct281-hero-art:after{content:"";position:absolute;width:46%;height:62%;right:8%;top:0;border-top:1px solid rgba(183,154,100,.66);border-right:1px solid rgba(183,154,100,.66)}
.ct281-hero-mark{position:relative;z-index:1;text-align:right}
.ct281-hero-mark small{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.22em;color:#857c72;text-transform:uppercase}
.ct281-hero-mark strong{display:block;font-weight:400;font-size:30px;line-height:1.05;letter-spacing:-.03em;color:#3f3933}
.ct281-hero-mark span{display:block;margin-top:14px;font-size:12px;letter-spacing:.12em;color:#917d59;text-transform:uppercase}
body.tech266 .ct281-hero + .tech266-jump{border-top:0}
@media(max-width:900px){
  :root{--ct281-shell:min(100% - 40px,1180px)}
  .ct281-hero-grid{min-height:390px;grid-template-columns:1fr;gap:20px;padding:92px 0 46px}
  .ct281-hero-art{min-height:120px;justify-content:flex-start;padding:0}
  .ct281-hero-art:before{inset:10% 20% 0 0}
  .ct281-hero-art:after{right:30%;height:70%}
  .ct281-hero-mark{text-align:left;padding:30px 0 0 24px}
  .ct281-hero-mark strong{font-size:24px}
}
@media(max-width:620px){
  :root{--ct281-shell:calc(100% - 28px)}
  .ct281-hero-grid{min-height:0;padding:82px 0 34px}
  .ct281-hero h1{font-size:34px}
  .ct281-hero-lead{font-size:15px;line-height:1.65}
  .ct281-hero-art{min-height:96px}
  .ct281-hero-mark strong{font-size:21px}
}