/* Hytech-Pommec Brochures – house style of hytech-pommec.com (Lato, navy, violet, orange pills).
   Everything scoped under .hpbr so the theme is not affected. */
.hpbr{--hp-navy:#29235c;--hp-ink:#17104c;--hp-violet:#4945ff;--hp-orange:#f39200;--hp-orange-2:#f7941d;--hp-page:#ececf2;--hp-text:#514f65;--hp-muted:#7b7895;--hp-line:#d9d8e6;--gutter:clamp(20px,4vw,40px);
  font-family:"Lato",Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--hp-text);text-align:left;width:100%;overflow-x:clip}
.hpbr *,.hpbr *::before,.hpbr *::after{box-sizing:border-box}
.hpbr h1,.hpbr h2,.hpbr h3{font-family:"Lato",Arial,sans-serif;font-weight:900;line-height:1.25;letter-spacing:-.01em;color:var(--hp-ink);text-transform:none;text-wrap:balance;margin:0}
.hpbr p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.hpbr a{text-decoration:none;box-shadow:none}
.hpbr img{max-width:100%;height:auto;display:block;border-radius:0}
.hpbr svg{flex:none}
.hpbr .hpbr-narrow{max-width:1040px;margin:0 auto;padding-inline:var(--gutter)}
.hpbr .hpbr-wide{max-width:1560px;margin:0 auto;padding-inline:var(--gutter)}

/* buttons & links */
.hpbr .hpbr-button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 24px;border-radius:999px;background:var(--hp-orange);border:1px solid var(--hp-orange);color:#fff;font-weight:700;font-size:15px;line-height:1.2;transition:background .2s,border-color .2s}
.hpbr .hpbr-button:hover,.hpbr .hpbr-button:focus-visible{background:var(--hp-navy);border-color:var(--hp-navy);color:#fff}
.hpbr .hpbr-textlink{display:inline-flex;align-items:center;gap:6px;color:var(--hp-violet);font-weight:700;font-size:15px}
.hpbr .hpbr-textlink svg{transition:transform .2s}
.hpbr .hpbr-textlink:hover svg{transform:translateX(3px)}
.hpbr .hpbr-pill{display:inline-block;align-self:flex-start;padding:3px 12px;border-radius:999px;background:var(--hp-page);color:var(--hp-violet);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.6}
.hpbr a:focus-visible{outline:2px solid var(--hp-violet);outline-offset:3px}

/* ---------- overview ---------- */
.hpbr-archive{background:var(--hp-page);padding-block:56px 80px}
.hpbr .hpbr-archive__head{margin-bottom:56px}
.hpbr .hpbr-archive__head h1{font-size:clamp(28px,3vw,36px);margin-bottom:56px}
.hpbr .hpbr-archive__head h2{font-size:clamp(21px,2vw,26px);margin-bottom:12px}
.hpbr .hpbr-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.hpbr .hpbr-filter a{padding:7px 16px;border-radius:999px;background:#fff;border:1px solid #d0cfdf;color:var(--hp-text);font-weight:700;font-size:14px}
.hpbr .hpbr-filter a:hover{border-color:var(--hp-violet);color:var(--hp-violet)}
.hpbr .hpbr-filter a[aria-current]{background:var(--hp-violet);border-color:var(--hp-violet);color:#fff}
.hpbr .hpbr-empty{text-align:center;font-size:17px;padding:40px 0}

/* ---------- cards ---------- */
.hpbr .hpbr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hpbr .hpbr-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(23,16,76,.04);transition:box-shadow .2s,transform .2s;position:relative}
.hpbr .hpbr-card:hover{box-shadow:0 12px 28px rgba(23,16,76,.12);transform:translateY(-2px)}
.hpbr .hpbr-card__media{display:block;position:relative;aspect-ratio:210/297;background:radial-gradient(120% 90% at 50% 100%,#3a3380 0%,var(--hp-navy) 60%);overflow:hidden}
.hpbr .hpbr-card__media img.hpbr-cover{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover;object-position:top center;transform-origin:top center;transition:transform .4s}
.hpbr .hpbr-card:hover .hpbr-card__media img.hpbr-cover{transform:scale(1.03)}
.hpbr .hpbr-cover--empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:900;font-size:20px;text-align:center;padding:24px}
.hpbr .hpbr-cover--empty svg{width:40px;height:40px;color:var(--hp-orange)}
.hpbr .hpbr-card__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.hpbr .hpbr-card__title{font-size:19px;line-height:1.3}
.hpbr .hpbr-card__title a{color:var(--hp-ink)}
.hpbr .hpbr-card:hover .hpbr-card__title a{color:var(--hp-violet)}
.hpbr .hpbr-card__text{font-size:15px;line-height:1.55}
.hpbr .hpbr-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:auto;padding-top:14px;border-top:1px solid #ececf2}
.hpbr .hpbr-dl{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--hp-line);color:var(--hp-navy);font-weight:700;font-size:13px}
.hpbr .hpbr-dl:hover{background:var(--hp-orange);border-color:var(--hp-orange);color:#fff}
.hpbr .hpbr-dl svg{width:15px;height:15px}

/* ---------- market block (shortcode) ---------- */
.hpbr-block{background:transparent;padding-block:8px}
.hpbr .hpbr-block__title{font-size:clamp(21px,2vw,26px);margin-bottom:24px}
.hpbr .hpbr-grid--1{grid-template-columns:minmax(0,420px)}
.hpbr .hpbr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- single brochure ---------- */
.hpbr-single{background:var(--hp-page)}
.hpbr .hpbr-hero{padding-block:36px 56px}
.hpbr .hpbr-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}
.hpbr .hpbr-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hpbr .hpbr-back{display:inline-block;color:var(--hp-muted);font-weight:700;font-size:14px;margin-bottom:28px}
.hpbr .hpbr-hero .hpbr-pill{background:#fff}
.hpbr .hpbr-back:hover{color:var(--hp-violet)}
.hpbr .hpbr-hero h1{font-size:clamp(30px,3.6vw,44px);line-height:1.15}
.hpbr .hpbr-hero__text{font-size:18px;line-height:1.6;max-width:60ch}
.hpbr .hpbr-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:8px}
.hpbr .hpbr-facts{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--hp-muted)}
.hpbr .hpbr-hero__cover{display:block;justify-self:center;width:100%;max-width:300px}
.hpbr .hpbr-hero__cover .hpbr-cover{width:100%;box-shadow:0 12px 28px rgba(23,16,76,.16)}

.hpbr .hpbr-reader{padding-bottom:72px}
.hpbr .hpbr-reader__frame{background:#3b3a46;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px rgba(23,16,76,.12)}
.hpbr .hpbr-reader__frame iframe{display:block;width:100%;height:min(88vh,1040px);min-height:560px;border:0}

.hpbr .hpbr-more{padding-block:64px 80px;background:#fff}
.hpbr .hpbr-more__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px}
.hpbr .hpbr-more__head h2{font-size:clamp(22px,2.2vw,28px)}
.hpbr .hpbr-more .hpbr-card{box-shadow:0 0 0 1px #e6e5ef}
.hpbr .hpbr-more .hpbr-card:hover{box-shadow:0 0 0 1px #e6e5ef,0 12px 28px rgba(23,16,76,.12)}

.hpbr .hpbr-cta{background:var(--hp-navy);color:#d9d6ea;padding-block:56px}
.hpbr .hpbr-cta__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.hpbr .hpbr-cta h2{color:#fff;font-size:clamp(22px,2.2vw,28px);margin-bottom:8px}
.hpbr .hpbr-cta .hpbr-button:hover{background:#fff;border-color:#fff;color:var(--hp-navy)}

/* ---------- responsive ---------- */
@media(max-width:1000px){.hpbr .hpbr-grid,.hpbr .hpbr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:820px){
  .hpbr .hpbr-hero__grid{grid-template-columns:1fr;gap:36px}
  .hpbr .hpbr-hero__cover{max-width:230px;justify-self:start;order:-1}
  .hpbr .hpbr-hero__copy{order:0}
  /* phones show PDFs badly inside a page: cover + buttons instead */
  .hpbr .hpbr-reader{display:none}
}
@media(max-width:640px){
  .hpbr .hpbr-grid,.hpbr .hpbr-grid--1,.hpbr .hpbr-grid--2{grid-template-columns:1fr}
  .hpbr-archive{padding-block:36px 56px}
  .hpbr .hpbr-archive__head h1{margin-bottom:32px}
  .hpbr .hpbr-archive__head{margin-bottom:36px}
  .hpbr .hpbr-hero{padding-block:32px 40px}
  .hpbr .hpbr-hero__text{font-size:17px}
  .hpbr .hpbr-hero__actions .hpbr-button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.hpbr *{transition:none!important}.hpbr .hpbr-card:hover{transform:none}}