.cp{padding-block:clamp(24px,4vw,48px) 20px}.cp-hero{background:var(--bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:1.05fr 1fr;min-height:460px;display:grid;position:relative;overflow:hidden}.cp-hero.noimg{grid-template-columns:1fr;min-height:0}.cp-text{z-index:2;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px);display:flex;position:relative}.cp-label{color:var(--accent);font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;display:flex}.cp-label:before{content:"";background:var(--accent);width:24px;height:2px}.cp-text h1{font:700 clamp(32px,5vw,56px)/1.08 var(--serif);color:var(--hd,#1c2e43);letter-spacing:-.01em;margin:0 0 16px}.cp-text p{max-width:44ch;margin:0 0 28px;font-size:16px;line-height:1.7}.cp-btns{flex-wrap:wrap;gap:12px;display:flex}.cp-btn{background:var(--accent);border:1.5px solid var(--accent);color:#fff;min-width:180px;font:700 14px/1 var(--sans);letter-spacing:.02em;border-radius:6px;justify-content:center;align-items:center;padding:16px 26px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cp-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.cp-btn.line{background:var(--bg);border-color:var(--line);color:var(--ink)}.cp-btn.line:hover{border-color:var(--ink);background:var(--bg);color:var(--ink)}.cp-pic{background:var(--alt);min-height:280px;position:relative}.cp-pic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cp-pic:before{content:"";z-index:1;background:linear-gradient(to right,var(--bg) 0%,transparent 48%);position:absolute;inset:0}.cp-panel{background:#1c2e43;border-radius:10px;margin-top:12px;padding:clamp(14px,3vw,36px)}.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cp-tile{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:16px;min-height:92px;padding:18px 20px;transition:background .2s,border-color .2s;display:flex}.cp-tile:hover{background:#ffffff21;border-color:#ffffff57}.cp-tile:focus-visible{outline-offset:2px;outline:2px solid #fff}.cp-tile small{font:700 11px/1.3 var(--sans);letter-spacing:.06em;opacity:.78;margin-bottom:3px;display:block}.cp-tile b{font:600 15px/1.35 var(--sans);overflow-wrap:anywhere;display:block}@media (max-width:820px){.cp-hero{grid-template-columns:1fr}.cp-pic{order:-1;min-height:220px}.cp-pic:before{background:linear-gradient(to top,var(--bg) 0%,transparent 55%)}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.cp-grid{grid-template-columns:1fr}.cp-btn{flex:100%}}
