/* Additive Flux family chapter. Original flagship layout and interactions remain intact. */
.ff-family{--ff-active:#edc28e;--ff-strip-level:.65}.ff-spectrum{background:linear-gradient(100deg,#a8d5f0,#dac9ef 50%,#edbc93);background-clip:text;-webkit-background-clip:text;color:transparent}.ff-peach{color:#edb899}.ff-green{color:#b8d5b9}.ff-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:40px}.ff-selector button{text-align:left;min-height:78px;padding:12px 0!important}.ff-selector button span{display:block;font-size:27px;font-weight:500;letter-spacing:-.03em}.ff-selector small{display:block;margin-top:12px;color:#ababaf;font-size:14px;line-height:1.7}.ff-selector [aria-pressed=true] span{color:#f2c390}.ff-selector [aria-pressed=true] small{color:#ded7cb}.ff-explorer{display:grid;grid-template-columns:1.65fr 1fr;gap:56px;align-items:center}.ff-room-diagram{min-width:0}.ff-room-diagram svg{display:block;width:100%;height:auto;overflow:visible}.ff-room-diagram text{fill:#ffeac7;font-size:16px;font-family:inherit;letter-spacing:.03em}.ff-room-diagram .ff-voltage-label{font-size:14px;fill:#dededc}.ff-diagram-group{opacity:.13;transition:opacity .5s}.ff-explorer[data-family=pro] [data-ff-diagram=pro],.ff-explorer[data-family=ord] [data-ff-diagram=ord],.ff-explorer[data-family=nano] [data-ff-diagram=nano],.ff-explorer[data-family=strip] [data-ff-diagram=strip]{opacity:1}.ff-explorer-copy h3{font-size:32px}.ff-explorer-copy>p:not(.fp-kicker){font-size:17px;line-height:1.85;color:#b6b6bc;margin-top:24px}.ff-explorer-copy .ff-selected-role{font-size:14px!important;color:#e6c799!important}.ff-explorer-copy>a,.ff-editorial a{display:inline-block;color:#e7b87d;margin-top:30px;font-size:15px}.ff-editorial{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center}.ff-editorial .fp-lead{margin-top:36px}.ff-editorial p:not(.fp-lead):not(.fp-kicker){font-size:17px;line-height:1.95;color:#b0b0b8;margin-top:26px}.ff-editorial figure{margin:0;min-width:0}.ff-editorial img{display:block;width:100%;height:auto;border-radius:26px}.ff-editorial figcaption{font-size:14px;line-height:1.8;color:#a6a6ad;margin-top:20px}.ff-three-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;margin-top:66px}.ff-three-notes h3,.ff-story-columns h3{font-size:24px}.ff-three-notes p,.ff-story-columns p{font-size:17px;line-height:1.95;color:#b0b0b8;margin-top:20px}.ff-photo{overflow:hidden;border-radius:28px;margin:0}.ff-photo img{display:block;width:100%;height:auto}.ff-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:56px}.ff-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.35fr;gap:30px;align-items:center;margin-top:56px}.ff-flow span{display:block;font-size:14px;color:#a6a6ad;line-height:1.6}.ff-flow strong{display:block;font-size:23px;font-weight:500;margin-top:16px;line-height:1.5}.ff-flow>b{color:#8396a4;font-size:24px;font-weight:400}.ff-strip-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;margin-top:80px}.ff-strip-demo label{display:flex;justify-content:space-between;font-size:16px;margin-top:34px}.ff-strip-demo output{color:#e7b87d;font-variant-numeric:tabular-nums}.ff-strip-demo input{margin-top:16px}.ff-strip-visual{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:26px;background:linear-gradient(110deg,#19150f,#100d0a);isolation:isolate}.ff-shelf{position:absolute;inset:20% 0 auto;height:9px;background:linear-gradient(#6a5340,#271f17);z-index:2}.ff-shelf-bottom{top:auto;bottom:18%;height:18px}.ff-strip-wash{position:absolute;inset:21% 0 19%;background:linear-gradient(#ffe0b090,#d692472e 16%,transparent 92%);opacity:var(--ff-strip-level);transition:opacity .12s;pointer-events:none;z-index:1}.ff-shelf-top:after{content:"";position:absolute;top:9px;left:0;width:100%;height:3px;background:#ffe4b7;opacity:var(--ff-strip-level);box-shadow:0 5px 28px 5px #eec98e}.ff-ceramic{position:absolute;left:23%;bottom:22%;width:21%;height:30%;border-radius:42% 42% 30% 30%;background:linear-gradient(100deg,#27241e,#665b47 40%,#27251f);box-shadow:10px 10px 24px #0008;z-index:2}.ff-books{position:absolute;right:20%;bottom:22%;height:12%;width:28%;background:repeating-linear-gradient(0deg,#49412e 0 8px,#635b42 9px 16px,#231e17 17px 19px);transform:skewY(-3deg);z-index:2}.ff-comparison{overflow-x:auto}.ff-comparison table{width:100%;border-collapse:collapse;text-align:left;min-width:720px;font-size:16px;line-height:1.75}.ff-comparison th,.ff-comparison td{padding:26px 24px 26px 0;border-bottom:1px solid #303034;vertical-align:top}.ff-comparison thead th{color:#a6a6ad;font-size:14px;font-weight:400}.ff-comparison tbody th{font-size:20px;font-weight:500;width:20%;white-space:nowrap}.ff-comparison td{color:#b6b6bd}.ff-comparison td:nth-child(2){width:25%}.ff-comparison td:last-child{white-space:nowrap}.ff-comparison a{color:#e7b87d}.ff-family a:hover{color:#fff}.ff-guide .fp-links{margin-top:55px}
@media(max-width:1100px){.ff-explorer{gap:32px;grid-template-columns:1.3fr 1fr}.ff-selector{gap:18px}.ff-selector button span{font-size:22px}.ff-editorial{gap:56px;grid-template-columns:1.2fr .8fr}.ff-three-notes{gap:30px}.ff-story-columns{gap:45px}.ff-flow{gap:18px}.ff-flow strong{font-size:19px}.ff-strip-demo{gap:45px}.fp-nav>div{gap:18px}}
@media(max-width:760px){.ff-selector{grid-template-columns:1fr 1fr;gap:16px 22px}.ff-selector button span{font-size:23px}.ff-selector small{font-size:13px}.ff-explorer,.ff-editorial,.ff-story-columns,.ff-three-notes,.ff-strip-demo{grid-template-columns:1fr;gap:36px}.ff-explorer-copy h3{font-size:29px}.ff-editorial .fp-lead{margin-top:28px}.ff-editorial figure{max-width:420px;margin-inline:auto}.ff-photo,.ff-editorial img,.ff-strip-visual{border-radius:22px}.ff-three-notes,.ff-story-columns{margin-top:40px}.ff-flow{grid-template-columns:1fr;gap:20px;margin-top:42px}.ff-flow>b{transform:rotate(90deg);justify-self:start;margin-left:8px}.ff-flow strong{font-size:24px;margin-top:8px}.ff-strip-demo{margin-top:50px}.ff-comparison table{font-size:15px}.ff-comparison tbody th{font-size:17px}.ff-room-diagram .fp-note{margin-top:12px!important}.ff-room-diagram svg{min-height:190px}.ff-room-diagram text{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ff-diagram-group,.ff-strip-wash{transition:none}}