/* Technology page: blueprint "How the DOR works" and the 2 MW kit. */
.bp-how{padding-top:24px;padding-bottom:clamp(40px,5vw,72px)}
.bp-panel{--bp-bg:#0b2a22;--bp-line:#a9d8bf;--bp-mint:#7fd49a;background:var(--bp-bg);background-image:linear-gradient(rgba(169,216,191,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(169,216,191,.07) 1px,transparent 1px);background-size:32px 32px;color:#fff;border-radius:22px;padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(20px,3vw,48px);align-items:center}
.bp-eyebrow{display:block;font-family:var(--fm,ui-monospace,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bp-mint);margin-bottom:14px}
.bp-copy h2{font-size:clamp(34px,3.6vw,54px);font-weight:550;letter-spacing:-.045em;line-height:1.02;margin:0 0 26px;color:#fff}
.bp-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bp-list button{display:block;width:100%;text-align:left;padding:13px 14px 13px 16px;border:0;border-left:2px solid rgba(169,216,191,.22);background:none;color:inherit;font:inherit;cursor:pointer;transition:border-color .3s,background .3s}
.bp-list strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.62);transition:color .3s}
.bp-list span{display:block;max-height:0;overflow:hidden;opacity:0;font-size:14px;line-height:1.5;color:#cfe6d8;transition:max-height .4s ease,opacity .4s ease,margin .4s ease}
.bp-list button[aria-pressed="true"]{border-left-color:var(--bp-mint);background:rgba(127,212,154,.07)}
.bp-list button[aria-pressed="true"] strong{color:#fff}
.bp-list button[aria-pressed="true"] span{max-height:80px;opacity:1;margin-top:5px}
.bp-list button:focus-visible,.bp-toggle:focus-visible{outline:2px solid var(--bp-mint);outline-offset:2px}
.bp-figure{position:relative;margin:0;aspect-ratio:1376/768;border-radius:14px;overflow:hidden;container-type:inline-size}
.bp-figure img{display:block;width:100%;height:100%;object-fit:cover}
.bp-hot{position:absolute;left:var(--x);top:var(--y);transform:translate(-7px,-50%);display:flex;align-items:center;gap:8px;pointer-events:none}
.bp-hot i{width:14px;height:14px;border-radius:50%;border:2px solid var(--bp-mint);background:rgba(11,42,34,.6);box-shadow:0 0 0 0 rgba(127,212,154,.5);opacity:.45;transition:opacity .3s}
.bp-hot b{font-family:var(--fm,ui-monospace,monospace);font-weight:500;font-size:clamp(10px,1.35cqw,13px);letter-spacing:.08em;text-transform:uppercase;color:var(--bp-bg);background:var(--bp-mint);padding:5px 9px;border-radius:4px;white-space:nowrap;opacity:0;transform:translateX(-4px);transition:opacity .35s,transform .35s}
.bp-hot.is-on i{opacity:1;background:var(--bp-mint);animation:bp-ping 1.6s ease-out infinite}
.bp-hot.is-on b{opacity:1;transform:none}
@keyframes bp-ping{0%{box-shadow:0 0 0 0 rgba(127,212,154,.55)}100%{box-shadow:0 0 0 14px rgba(127,212,154,0)}}
.bp-toggle{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(169,216,191,.4);background:rgba(11,42,34,.75);cursor:pointer;display:grid;place-items:center}
.bp-toggle span{width:10px;height:11px;border-inline:3px solid #fff;box-sizing:border-box}
.bp-toggle[aria-pressed="true"] span{border:0;width:0;height:0;border-left:10px solid #fff;border-block:6px solid transparent;margin-left:3px}
.bp-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid rgba(169,216,191,.25)}
.bp-facts div{display:flex;flex-direction:column-reverse;gap:6px;padding:22px 16px 4px 0}
.bp-facts div+div{padding-left:22px;border-left:1px solid rgba(169,216,191,.25)}
.bp-facts dt{font-family:var(--fm,ui-monospace,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bp-mint)}
.bp-facts dd{margin:0;font-size:clamp(24px,2.6vw,38px);font-weight:550;letter-spacing:-.035em;line-height:1.05}
.technology-refresh .tr-grow{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em;color:var(--tk-green,#357048);margin:-6px 0 16px}

.bp-kit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:center}
.bp-kit h2{margin-bottom:18px}
.bp-kit-copy>p{font-size:17px;line-height:1.6;color:#45594b;max-width:42ch;margin:0 0 26px}
.bp-kit-points{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid #dce2dd}
.bp-kit-points li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dce2dd}
.bp-kit-points strong{font-size:clamp(20px,1.9vw,26px);font-weight:550;letter-spacing:-.03em;color:#14241d}
.bp-kit-points span{font-size:14px;color:#596860;text-align:right}
.bp-kit-figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:1376/768;background:#0b2a22}
.bp-kit-figure img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:900px){
  .bp-panel,.bp-kit{grid-template-columns:1fr}
  .bp-figure{order:-1}
  .bp-facts{grid-template-columns:1fr}
  .bp-facts div,.bp-facts div+div{padding:16px 0 12px;border-left:0;border-bottom:1px solid rgba(169,216,191,.2)}
}
@media(prefers-reduced-motion:reduce){.bp-hot.is-on i{animation:none}.bp-list span,.bp-hot b,.bp-hot i{transition:none}}

/* Technology page film: Higgsfield animation of the DOR opening up. */
.tr-film{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(48px,6vw,88px)}
.tr-film-title{font-size:clamp(32px,3.6vw,52px);font-weight:550;letter-spacing:-.045em;line-height:1.02;margin:0 0 22px;color:#14241d}
.tr-film-frame{margin:0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#e9ece7}
.tr-film-video{display:block;width:100%;height:100%;object-fit:cover}