.bortte-collection { --bc-navy:#081827; --bc-cyan:#2dbad1; --bc-red:#d82339; --bc-ink:#122334; --bc-muted:#647381; --bc-line:#dbe2e6; color:var(--bc-ink); }
.bortte-collection .bc-wrap { max-width:1280px; margin-inline:auto; width:100%; }
.bortte-collection .bc-kicker { color:var(--bc-cyan); font-size:13px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.bortte-collection .bc-hero { background:var(--bc-navy); color:#fff; padding-block:92px; }
.bortte-collection .bc-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:76px; align-items:center; }
.bortte-collection .bc-hero-copy { gap:24px; }
.bortte-collection .bc-hero h1 { color:#fff; font-size:clamp(48px,5.3vw,76px); line-height:.98; letter-spacing:-.045em; max-width:780px; }
.bortte-collection .bc-lede { color:#cad4dc; font-size:19px; line-height:1.7; max-width:680px; }
.bortte-collection .bc-hero-image { aspect-ratio:4/3; overflow:hidden; }
.bortte-collection .bc-hero-image img { width:100%; height:100%; object-fit:cover; }
.bortte-collection .bc-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.18); margin-top:12px; }
.bortte-collection .bc-stat { background:var(--bc-navy); padding:18px 12px 4px 0; gap:4px; }
.bortte-collection .bc-stat p:first-child { color:#fff; font-size:26px; font-weight:800; }
.bortte-collection .bc-stat p:last-child { color:#8da0ae; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.bortte-collection .bc-family-nav { border-bottom:1px solid var(--bc-line); padding-block:18px; }
.bortte-collection .bc-family-links { display:flex; flex-flow:row wrap; gap:8px 24px; align-items:center; }
.bortte-collection .bc-family-links a { color:#536371; font-size:14px; font-weight:700; text-decoration:none; }
.bortte-collection .bc-family-links a.is-current { color:var(--bc-red); }
.bortte-collection .bc-section { padding-block:96px; }
.bortte-collection .bc-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.7fr); gap:70px; align-items:end; margin-bottom:54px; }
.bortte-collection .bc-section h2 { font-size:clamp(38px,4vw,58px); line-height:1.05; letter-spacing:-.035em; }
.bortte-collection .bc-intro { color:var(--bc-muted); font-size:17px; line-height:1.75; }
.bortte-collection .bc-model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.bortte-collection .bc-model-card { display:flex; flex-direction:column; border:1px solid var(--bc-line); min-height:100%; overflow:hidden; }
.bortte-collection .bc-model-card .bc-card-image { aspect-ratio:4/3; background:#f3f5f6; }
.bortte-collection .bc-model-card .bc-card-image img { width:100%; height:100%; object-fit:contain; }
.bortte-collection .bc-card-body { display:flex; flex:1; flex-direction:column; padding:24px; gap:12px; }
.bortte-collection .bc-model-code { color:var(--bc-red); font-weight:800; letter-spacing:.1em; }
.bortte-collection .bc-card-title { font-size:23px; line-height:1.2; }
.bortte-collection .bc-card-text { color:var(--bc-muted); line-height:1.65; }
.bortte-collection .bc-card-link { display:inline-flex; align-items:center; align-self:flex-start; gap:8px; margin-top:auto; padding:11px 15px; background:var(--bc-navy); color:#fff; font-size:14px; font-weight:800; line-height:1.2; text-decoration:none; transition:background-color .2s ease,color .2s ease,transform .2s ease; }
.bortte-collection .bc-card-link:hover,.bortte-collection .bc-card-link:focus-visible { background:var(--bc-red); color:#fff; transform:translateY(-1px); }
.bortte-collection .bc-card-link:focus-visible { outline:3px solid var(--bc-cyan); outline-offset:3px; }
.bortte-collection .bc-applications { background:#eef3f4; }
.bortte-collection .bc-app-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1fr); gap:80px; align-items:center; }
.bortte-collection .bc-app-copy { gap:20px; }
.bortte-collection .bc-app-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px; }
.bortte-collection .bc-app-item { border-top:1px solid #cbd6da; padding-top:14px; font-weight:700; }
.bortte-collection .bc-app-image { aspect-ratio:4/3; overflow:hidden; }
.bortte-collection .bc-app-image img { width:100%; height:100%; object-fit:cover; }
.bortte-collection .bc-decision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bortte-collection .bc-decision { border-top:3px solid var(--bc-cyan); padding:24px 0; gap:12px; }
.bortte-collection .bc-decision-number { color:var(--bc-cyan); font-size:13px; font-weight:800; }
.bortte-collection .bc-decision h3 { font-size:25px; }
.bortte-collection .bc-cta { background:var(--bc-red); color:#fff; padding-block:72px; }
.bortte-collection .bc-cta-grid { display:flex; flex-flow:row wrap; justify-content:space-between; gap:30px; align-items:center; }
.bortte-collection .bc-cta h2 { color:#fff; font-size:clamp(36px,4vw,56px); max-width:760px; }
.bortte-collection .bc-cta .bricks-button { background:#fff; color:var(--bc-red); font-weight:800; padding:18px 28px; }
@media (max-width:991px){.bortte-collection .bc-hero-grid,.bortte-collection .bc-section-head,.bortte-collection .bc-app-grid{grid-template-columns:1fr}.bortte-collection .bc-model-grid{grid-template-columns:repeat(2,1fr)}.bortte-collection .bc-hero-grid,.bortte-collection .bc-app-grid{gap:42px}}
@media (max-width:600px){.bortte-collection .bc-hero,.bortte-collection .bc-section{padding-block:64px}.bortte-collection .bc-model-grid,.bortte-collection .bc-decision-grid,.bortte-collection .bc-app-list{grid-template-columns:1fr}.bortte-collection .bc-hero h1{font-size:44px}.bortte-collection .bc-stats{grid-template-columns:1fr}.bortte-collection .bc-hero-image{aspect-ratio:1/1}}