.proto-gammes{--ink:#0c1420;--paper:#f7f9fc;--bone:#eef2f8;--surface:#fbfcfd;--line:#0c14201a;--sher-navy:#022061;--sher-navy-light:#3a4d8c;--brand-blue:var(--sher-navy);--brand-blue-light:var(--sher-navy-light);--font-display:var(--font-fraunces), "Fraunces", "Times New Roman", serif;--font-body:var(--font-manrope), "Manrope", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", "Courier New", monospace;--ease:cubic-bezier(.22, 1, .36, 1);max-width:1500px;padding:72px 72px 120px}.proto-gammes .section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-blue);align-items:center;gap:14px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.proto-gammes .section-eyebrow:before{content:"";background:var(--brand-blue);width:32px;height:2px}.proto-gammes .section-title{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;color:var(--ink);margin-bottom:28px;font-size:clamp(42px,5vw,74px);font-weight:400;line-height:.98}.proto-gammes .section-title em{color:var(--brand-blue);font-style:italic;font-weight:300}.proto-gammes .section-lead{color:#0c1420bf;max-width:680px;margin-bottom:48px;font-size:19px;font-weight:400;line-height:1.55}.proto-gammes .minor-title{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);margin:22px 0 12px;font-size:12px;font-weight:700}.proto-gammes .gamme-info .minor-title:first-of-type{margin-top:0}.proto-gammes .xps-specs{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.proto-gammes .xps-spec{background:var(--bone);border-radius:8px;padding:14px 16px}.proto-gammes .xps-spec-label{letter-spacing:.13em;text-transform:uppercase;color:#0c142099;margin-bottom:6px;font-size:9.5px;font-weight:700}.proto-gammes .xps-spec-value{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:500}.proto-gammes .xps-use-list{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.proto-gammes .xps-use-list li{color:#0c1420cc;align-items:flex-start;gap:12px;font-size:13.5px;display:flex}.proto-gammes .xps-use-list li:before{content:"→";color:var(--brand-blue);flex-shrink:0;font-weight:700}.proto-gammes .xps-sizes-pill{background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.04em;border-radius:50px;align-items:center;margin:3px 5px 3px 0;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.proto-gammes .xps-sizes-pill.blue{background:var(--brand-blue)}.proto-gammes .xps-sizes-pill.blue.is-selectable.is-selected{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--paper)}.proto-gammes .gammes-strip{background:var(--bone);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:48px;padding:10px;display:grid}.proto-gammes .gammes-cat{border:1px solid var(--line);cursor:pointer;color:var(--ink);font-family:var(--font-body);transition:all .22s var(--ease);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:128px;padding:22px 14px 18px;display:flex;position:relative}.proto-gammes .gammes-cat:hover{border-color:var(--brand-blue-light);transform:translateY(-2px);box-shadow:0 8px 20px #0c142014}.proto-gammes .gammes-cat.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 10px 24px #0c14202e}.proto-gammes .gammes-cat-glyph{color:var(--brand-blue);letter-spacing:0;-webkit-user-select:none;user-select:none;font-family:Fraunces,Times New Roman,serif;font-size:36px;font-weight:300;line-height:1}.proto-gammes .gammes-cat.active .gammes-cat-glyph{color:var(--brand-blue-light)}.proto-gammes .gammes-cat-name{letter-spacing:-.005em;font-size:12.5px;font-weight:600;line-height:1.25}.proto-gammes .gammes-cat-num{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#0c142059;font-size:9px;font-weight:600;position:absolute;top:8px;left:10px}.proto-gammes .gammes-cat.active .gammes-cat-num{color:#f7f9fc80}.proto-gammes .gammes-panel{display:none}.proto-gammes .gammes-panel.active{animation:gammesFadeIn .35s var(--ease);display:block}@keyframes gammesFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.proto-gammes .gammes-panel-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:16px;font-size:10px;font-weight:600}.proto-gammes .gammes-panel-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:clamp(32px,4vw,48px);font-weight:300;line-height:1.05}.proto-gammes .gammes-panel-title em{color:var(--brand-blue);font-style:italic}.proto-gammes .gammes-panel-lead{color:#0c1420bf;max-width:780px;margin:0 0 40px;font-size:16px;line-height:1.65}.proto-gammes .gamme-models{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-bottom:28px;display:grid}.proto-gammes .gamme-model-tab{text-align:left;border:1px solid var(--line);cursor:pointer;transition:all .25s var(--ease);color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;font-family:inherit;display:flex}.proto-gammes .gamme-model-tab:hover{border-color:var(--brand-blue-light);transform:translateY(-2px);box-shadow:0 6px 16px #0c14200f}.proto-gammes .gamme-model-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 10px 24px #0c14202e}.proto-gammes .gamme-model-type{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brand-blue);opacity:.75;font-size:9px;font-weight:600}.proto-gammes .gamme-model-tab.active .gamme-model-type{color:var(--brand-blue-light);opacity:1}.proto-gammes .gamme-model-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.1}.proto-gammes .gamme-model-desc{color:#0c142099;font-size:12px;font-weight:500;line-height:1.4}.proto-gammes .gamme-model-tab.active .gamme-model-desc{color:#f7f9fcb8}.proto-gammes .gamme-models[data-density=compact]{gap:8px}.proto-gammes .gamme-models[data-density=compact] .gamme-model-tab{gap:3px;padding:12px 14px}.proto-gammes .gamme-models[data-density=compact] .gamme-model-name{letter-spacing:-.015em;font-size:17px}.proto-gammes .gamme-models[data-density=compact] .gamme-model-desc{font-size:11px;line-height:1.3}.proto-gammes .gamme-content{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.proto-gammes .gamme-info{border:1px solid var(--line);background:#fff;border-radius:14px;padding:32px;position:relative}.proto-gammes .gamme-info-header{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}.proto-gammes .gamme-info-header-top{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.proto-gammes .gamme-info-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:34px;font-weight:400;line-height:1.05}.proto-gammes .gamme-info-tagline{color:#0c1420b8;font-size:14px;line-height:1.6}.proto-gammes .gamme-info-badge{text-align:right;flex-shrink:0}.proto-gammes .gamme-info-badge-num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand-blue);font-size:54px;font-weight:300;line-height:1}.proto-gammes .gamme-info-badge-unit{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#0c142080;margin-top:4px;font-size:10px}.proto-gammes .gamme-swatches{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.proto-gammes .gamme-swatch{border:1px solid var(--line);transition:all .2s var(--ease);cursor:default;background:#fff;border-radius:10px;overflow:hidden}.proto-gammes .gamme-swatch:hover{border-color:var(--brand-blue-light);transform:translateY(-2px);box-shadow:0 8px 18px #0c142014}.proto-gammes .gamme-swatch-tile{aspect-ratio:3/2;background-position:50%;background-size:cover;background-color:var(--bone);width:100%}.proto-gammes .gamme-swatch-label{color:var(--ink);letter-spacing:-.005em;text-align:center;padding:7px 10px 9px;font-size:11.5px;font-weight:600;line-height:1.2}.proto-gammes .gamme-compare-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.proto-gammes .gamme-compare{border-collapse:collapse;width:100%;font-size:12.5px;font-family:var(--font-body);margin-top:8px}.proto-gammes .gamme-compare thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#0c14208c;text-align:left;border-bottom:1px solid var(--line);vertical-align:bottom;padding:10px;font-size:9.5px;font-weight:600;line-height:1.3}.proto-gammes .gamme-compare tbody td{color:#0c14209e;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px;line-height:1.35}.proto-gammes .gamme-compare tbody tr:last-child td{border-bottom:none}.proto-gammes .gamme-compare tbody td:first-child{color:#0c1420c7;white-space:nowrap;font-weight:600}.proto-gammes .gamme-compare tbody tr.active td{background:var(--brand-blue);color:var(--paper);font-weight:500}.proto-gammes .gamme-compare tbody tr.active td:first-child{color:var(--paper);border-top-left-radius:8px;border-bottom-left-radius:8px;font-weight:600}.proto-gammes .gamme-compare tbody tr.active td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.proto-gammes .gamme-compare tbody tr:not(.active) td:not(:first-child){color:#0c1420b3}.proto-gammes .gamme-compare-transposed tbody td:first-child{white-space:normal}.proto-gammes .gamme-compare-transposed thead th.is-active-col,.proto-gammes .gamme-compare-transposed tbody td.is-active-col{background:var(--brand-blue);color:var(--paper);font-weight:600}.proto-gammes .gamme-compare-transposed tbody tr td.is-active-col:not(:first-child){color:var(--paper)}.proto-gammes .gamme-compare-transposed thead th.is-active-col{border-top-left-radius:8px;border-top-right-radius:8px}.proto-gammes .gamme-compare-transposed tbody tr:last-child td.is-active-col{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.proto-gammes .gamme-photo-col{flex-direction:column;gap:14px;display:flex;position:sticky;top:20px}.proto-gammes .gamme-photo{aspect-ratio:1;background:var(--bone);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 12px 32px #0c14201f}.proto-gammes .gamme-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.proto-gammes .gamme-photo:hover img{transform:scale(1.02)}.proto-gammes .gamme-photo-secondary{aspect-ratio:5/2;background:var(--ink);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0c14201a}.proto-gammes .gamme-photo-secondary img{object-fit:cover;width:100%;height:100%;display:block}.proto-gammes .gamme-photo-secondary-caption{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:#0c14209e;border-radius:6px;padding:5px 10px;font-size:10px;position:absolute;bottom:10px;left:12px}.proto-gammes .gamme-scenario{position:relative}.proto-gammes .gamme-scenario-row{flex-wrap:wrap;gap:12px;display:flex}.proto-gammes .gamme-scenario-row>*{flex:180px}.proto-gammes .gamme-brochure-btn{background:var(--paper);color:var(--ink);border:1px solid var(--ink);cursor:pointer;font-family:var(--font-body);letter-spacing:-.005em;transition:all .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.proto-gammes .gamme-brochure-btn:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--paper);transform:translateY(-1px);box-shadow:0 10px 24px #02206140}.proto-gammes .gamme-cert{border:1px solid var(--line);background:#02206108;border-radius:14px;align-items:center;gap:20px;margin-top:28px;padding:20px 22px;display:flex}.proto-gammes .gamme-cert-logo{flex-shrink:0;width:84px;height:auto}.proto-gammes .gamme-cert-text{font-family:var(--font-body);color:#0c1420a8;margin:0;font-size:13px;line-height:1.55}@media (max-width:600px){.proto-gammes .gamme-cert{flex-direction:column;align-items:flex-start;gap:14px}}.proto-gammes .gamme-swatch.is-selectable{cursor:pointer}.proto-gammes .gamme-swatch.is-selectable .gamme-swatch-tile{transition:transform .2s var(--ease)}.proto-gammes .gamme-swatch.is-selectable:hover .gamme-swatch-tile{transform:scale(1.04)}.proto-gammes .gamme-swatch.is-selected{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--brand-blue), 0 8px 18px #0072ce2e;transform:translateY(-2px)}.proto-gammes .gamme-swatch.is-selected .gamme-swatch-label{color:var(--brand-blue)}.proto-gammes .xps-sizes-pill.is-selectable{cursor:pointer;color:var(--ink);border:1px solid var(--line);transition:all .18s var(--ease);background:#fff}.proto-gammes .xps-sizes-pill.is-selectable:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.proto-gammes .xps-sizes-pill.is-selectable.is-selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.proto-gammes .xps-sizes-pill.blue.is-selectable{color:var(--brand-blue);background:#fff;border:1px solid #0072ce4d}.proto-gammes .xps-sizes-pill.blue.is-selectable:hover{border-color:var(--brand-blue);background:#0072ce0f}.proto-gammes .xps-sizes-pill.blue.is-selectable.is-selected{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.proto-gammes .gamme-scenario-btn{background:var(--ink);width:100%;color:var(--paper);border:1px solid var(--ink);cursor:pointer;font-family:var(--font-body);letter-spacing:-.005em;transition:all .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.proto-gammes .gamme-scenario-btn:hover{background:var(--brand-blue);border-color:var(--brand-blue);transform:translateY(-1px);box-shadow:0 10px 24px #02206140}.proto-gammes .gamme-scenario-btn-icon{font-size:18px;font-weight:400;line-height:1}.proto-gammes .gamme-scenario-popover{width:var(--radix-popover-trigger-width);border:1px solid var(--line);z-index:50;animation:popoverFadeIn .18s var(--ease);background:#fff;border-radius:12px;outline:none;padding:8px;box-shadow:0 18px 42px #0c142029}.proto-gammes .gamme-scenario-popover[data-side=top]{animation-name:popoverFadeInFromBottom}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverFadeInFromBottom{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.proto-gammes .scenario-popover-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#0c142080;padding:8px 10px 6px;font-size:9px;font-weight:600}.proto-gammes .scenario-option{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink);transition:background .15s var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:13.5px;display:flex}.proto-gammes .scenario-option:hover{background:var(--bone)}.proto-gammes .scenario-option-icon{background:var(--bone);width:22px;height:22px;color:var(--brand-blue);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.proto-gammes .scenario-popover-divider{background:var(--line);height:1px;margin:6px 4px}.proto-gammes .scenario-option.create{color:var(--brand-blue);font-weight:600}.proto-gammes .scenario-option.create .scenario-option-icon{background:#02206114}.proto-gammes .gamme-scenario-confirm{background:var(--ink);color:var(--paper);z-index:45;animation:toastIn .2s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0}.proto-gammes .gamme-scenario-confirm-check{color:#7cdbae;font-size:15px;font-weight:700}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.proto-gammes .scenario-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;animation:backdropIn .2s var(--ease);background:#0c14208c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.proto-gammes .scenario-modal{width:100%;max-width:440px;animation:modalIn .3s var(--ease);background:#fff;border-radius:18px;padding:36px;box-shadow:0 30px 80px #0c14204d}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.proto-gammes .scenario-modal-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:10px;font-size:10px;font-weight:600}.proto-gammes .scenario-modal-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-size:26px;font-weight:400;line-height:1.15}.proto-gammes .scenario-modal-desc{color:#0c1420ad;margin-bottom:22px;font-size:13.5px;line-height:1.55}.proto-gammes .scenario-modal-input{border:1px solid var(--line);width:100%;font-family:var(--font-body);color:var(--ink);background:var(--bone);transition:all .18s var(--ease);border-radius:10px;margin-bottom:22px;padding:14px 16px;font-size:15px}.proto-gammes .scenario-modal-input:focus{border-color:var(--brand-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #02206114}.proto-gammes .scenario-modal-input.is-error{border-color:#d97757}.proto-gammes .scenario-modal-actions{justify-content:flex-end;gap:10px;display:flex}.proto-gammes .scenario-modal-btn{font-family:var(--font-body);cursor:pointer;transition:all .18s var(--ease);border:1px solid #0000;border-radius:10px;padding:12px 20px;font-size:13.5px;font-weight:600}.proto-gammes .scenario-modal-btn.cancel{color:#0c142099;border-color:var(--line);background:0 0}.proto-gammes .scenario-modal-btn.cancel:hover{color:var(--ink);border-color:var(--ink)}.proto-gammes .scenario-modal-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.proto-gammes .scenario-modal-btn.primary:hover{background:var(--brand-blue);border-color:var(--brand-blue)}@media (max-width:1100px){.proto-gammes{padding:48px 24px 80px}.proto-gammes .gammes-strip{grid-template-columns:repeat(3,1fr)}.proto-gammes .gamme-content{grid-template-columns:1fr}.proto-gammes .gamme-photo-col{position:static}}@media (max-width:700px){.proto-gammes .gammes-strip{grid-template-columns:repeat(2,1fr)}.proto-gammes .gamme-models{grid-auto-columns:auto;grid-auto-flow:row}}@media (max-width:560px){.proto-gammes .gamme-swatches{grid-template-columns:repeat(2,1fr)}.proto-gammes .xps-specs{grid-template-columns:1fr}}@media (max-width:480px){.proto-gammes{padding:48px 16px 80px}.proto-gammes .gamme-info{padding:24px 20px}.proto-gammes .gamme-info-header-top{flex-direction:column;align-items:flex-start;gap:10px}.proto-gammes .gamme-info-badge{text-align:left;align-items:baseline;gap:10px;display:flex}.proto-gammes .gamme-info-badge-unit{margin-top:0}.proto-gammes .gammes-strip{gap:8px;padding:8px}.proto-gammes .gammes-cat{gap:8px;min-height:104px;padding:16px 8px 14px}.proto-gammes .gammes-cat-glyph{font-size:28px}.proto-gammes .gammes-cat-name{font-size:11.5px}.proto-gammes .gamme-compare th,.proto-gammes .gamme-compare td{padding:8px 7px}}@media (max-width:374px){.proto-gammes .gammes-strip{grid-template-columns:1fr}}