:root{--paper:#f5f8f5;--ink:#173c36;--muted:#516c63;--accent:#1e6655;--line:#cbdcd3;--panel:#e2ede7;--radius:2rem;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}body.supply{--paper:#f7f2e9;--ink:#39251f;--muted:#79645a;--accent:#b74532;--line:#dacbc0;--panel:#eaddcf;--radius:0}body.desk{--paper:#111f2d;--ink:#e5eef4;--muted:#9cb0be;--accent:#ffd270;--line:#344c60;--panel:#1b3042;--radius:.3rem}
[hidden]{display:none!important}a{color:inherit;text-underline-offset:.24em}button,input,select,textarea{font:inherit}a,button,input,select{touch-action:manipulation}button,select{cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0;min-width:0}p{line-height:1.75;max-width:72ch}h1,h2,h3{font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:0 0 1.3rem}h1{font-size:clamp(3rem,7.2vw,7.7rem);white-space:pre-line}h2{font-size:clamp(2.1rem,4.2vw,4.5rem)}h3{font-size:clamp(1.35rem,2vw,2rem)}.fold h1,.fold h2{font-family:Georgia,serif}.supply h1{font-weight:750;letter-spacing:-.065em}.desk h1{font-size:clamp(2.8rem,6.7vw,7rem)}.wrap,main,.site-header,.footer-inner{width:min(1440px,92vw);margin-inline:auto}main:focus{outline:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:1rem;top:-6rem;padding:1rem;background:var(--ink);color:var(--paper);z-index:40}.skip:focus{top:1rem}.demo-band{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 4vw;background:var(--ink);color:var(--paper);font:10px/1.5 monospace;letter-spacing:.08em}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:1.8rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand small{display:block;font:9px/1.4 monospace;letter-spacing:.11em;margin-top:.5rem}.site-header nav{display:flex;gap:1.5rem;font-size:.8rem;align-items:center}.site-header nav a{text-decoration:none}.site-header nav a[aria-current]{color:var(--accent);text-decoration:underline}.button,button.action{display:inline-flex;justify-content:center;align-items:center;gap:1rem;background:var(--accent);color:var(--paper);border:1px solid var(--accent);min-height:48px;padding:.95rem 1.25rem;text-decoration:none;font-size:.83rem}.desk .button{color:#111f2d}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover{filter:brightness(.94)}.actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.eyebrow,.index,.folio{font:10px/1.5 monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:1.6rem}.lead{font-size:1.13rem;line-height:1.75}.hero{padding:5rem 0 4rem;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw}.hero figure img{border-radius:var(--radius)}.fold .hero figure{padding-top:4rem}.fold .hero figure img{border-radius:50% 50% 2rem 2rem}.supply .hero{grid-template-columns:1.25fr 1fr;align-items:start}.supply .hero figure{margin-top:1rem;border-bottom:9px solid var(--accent)}.desk .hero{grid-template-columns:1fr 1.15fr}.desk .hero figure{border:1px solid var(--line);padding:1rem;background:var(--panel)}figcaption{font:10px/1.6 monospace;color:var(--muted);margin-top:.8rem}.section{padding:4.5rem 0;border-top:1px solid var(--line)}.section-head,.editorial{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.section-head{margin-bottom:2.7rem}.panel{background:var(--panel);padding:2.5rem;border-radius:var(--radius);min-width:0}.note{padding:1rem 1.3rem;border-left:2px solid var(--accent);font-size:.85rem;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}.product-card{min-width:0}.product-card figure{margin-bottom:1.6rem}.product-card img{border-radius:var(--radius)}.product-card p{font-size:.9rem}.fold .product-grid{grid-template-columns:1fr 1fr;gap:4rem}.fold .product-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.fold .product-card img{border-radius:45% 45% 1rem 1rem}.supply .product-card{border:1px solid var(--line);padding:1rem;background:var(--panel)}.supply .product-card .index{display:block;border-bottom:1px solid var(--line);padding-bottom:1rem}.desk .product-grid{gap:0;border-top:1px solid var(--line)}.desk .product-card{padding:2rem;border-left:1px solid var(--line)}.desk .product-card:last-child{border-right:1px solid var(--line)}.page-intro{padding:4rem 0 3rem;max-width:1000px}.page-intro h1{font-size:clamp(2.8rem,5.7vw,6.2rem)}.dossier{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:start}.dossier dl{margin:0}.dossier dl div{padding:1.1rem 0;border-bottom:1px solid var(--line)}dt{font:10px/1.4 monospace;color:var(--muted);margin-bottom:.5rem}dd{margin:0;line-height:1.6}.checklist{list-style:none;margin:2rem 0;padding:0}.checklist li{padding:.8rem 0;border-bottom:1px solid var(--line)}.checklist li:before{content:'↗ ';color:var(--accent)}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.related article{border-top:2px solid var(--accent);padding-top:1.5rem}.related p{font-size:.88rem}.filter-bar{display:flex;gap:1.5rem;align-items:end;flex-wrap:wrap;margin-bottom:2rem}.empty{padding:1.5rem;background:var(--panel)}label{display:block;font-size:.83rem;line-height:1.5}select,input[type=number],textarea{display:block;width:100%;min-width:0;margin-top:.55rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.95rem;font-size:.9rem;border-radius:0}select option{background:var(--paper);color:var(--ink)}select{min-height:48px}textarea{min-height:310px;line-height:1.65;resize:vertical;font-size:.8rem}fieldset{margin:0;padding:1.8rem;min-width:0;border:1px solid var(--line)}legend{padding:0 .4rem;font:11px monospace}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.brief-form label{margin-bottom:1.3rem}.ack{display:flex;gap:.8rem;align-items:start}.ack input{margin-top:.2rem;flex-shrink:0;width:20px;height:20px}.brief-output{min-width:0}.brief-output .actions button{flex:1 1 auto}.download-list article{display:grid;grid-template-columns:60px 1fr auto;gap:2rem;padding:2rem 0;border-top:1px solid var(--line);align-items:start}.download-list article p{margin-bottom:0;font-size:.9rem}.workbench{display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;align-items:start}.work-controls{background:var(--panel);padding:2rem;border-radius:var(--radius)}.work-controls label{margin-bottom:1.3rem}.view-choices{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.view-choices button{padding:.85rem;border:1px solid var(--line);background:transparent;color:var(--ink);min-height:44px}.view-choices button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.desk .view-choices button[aria-pressed=true]{color:#111f2d}.diagram{border:1px solid var(--line);padding:1.5rem;background:var(--panel);overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{margin-bottom:1.5rem}.diagram img{max-height:240px;object-fit:cover;border-radius:var(--radius)}.fold-layer,.reference-card{transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s;transform-box:fill-box;transform-origin:center}.fold-layer[data-layer=back]{transform:translate(-24px,-24px)}.fold-layer[data-layer=front]{transform:translate(24px,24px)}[data-view=edge] .fold-layer[data-layer=back]{transform:translate(-48px,-45px)}[data-view=edge] .fold-layer[data-layer=front]{transform:translate(48px,45px)}[data-view=pack] .fold-layer{transform:translate(0,0);opacity:.8}.pack-node{transition:opacity .4s,transform .4s;transform-box:fill-box;transform-origin:center}.supply [data-view=unit] .pack-node:not([data-level=unit]),.supply [data-view=inner] .pack-node[data-level=case]{opacity:.3}.reference-card[data-card=label]{transform:translate(12px,0)}.reference-card[data-card=revision]{transform:translate(24px,0)}[data-view=label] .reference-card[data-card=label]{transform:translate(0,-18px)}[data-view=revision] .reference-card[data-card=revision]{transform:translate(0,-24px)}.diagram-caption{font-size:.8rem;color:var(--muted)}.diagram-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.diagram-counts p{margin:0;padding:.8rem;border:1px solid var(--line);font:11px/1.5 monospace}.diagram-counts strong{display:block;font-size:1.4rem;margin-bottom:.4rem}.cta{margin-top:4rem;padding:4rem 4vw;background:var(--panel);display:flex;justify-content:space-between;gap:3rem;align-items:center}.cta h2{font-size:clamp(2.1rem,3.6vw,4rem)}footer{padding:3rem 0}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.footer-top p{font-size:.8rem;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.7rem;font-size:.77rem;padding:2rem 0;border-bottom:1px solid var(--line)}.footer-bottom{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:1.6rem;font:10px/1.5 monospace}#motion-toggle,#menu-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);min-height:44px;padding:.65rem 1rem}.image-viewer{width:min(1100px,94vw);max-height:94vh;padding:1rem;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.image-viewer::backdrop{background:#06131ccc}.image-viewer img{max-height:79vh;object-fit:contain}.image-viewer button{display:block;margin:0 0 1rem auto}.directory{padding:4rem 0}.directory .product-grid{gap:2rem}.directory .product-card{border:1px solid var(--line);padding:1.5rem}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.site-header nav{gap:1rem}.site-header{gap:1rem}.hero,.supply .hero,.desk .hero{gap:3rem}.product-grid{gap:1.3rem}.desk .product-card{padding:1.3rem}.download-list article{gap:1rem}.brand{font-size:1.5rem}}
@media(max-width:760px){.demo-band{font-size:9px;flex-wrap:wrap}.site-header{flex-wrap:wrap;padding:1.2rem 0}.site-header nav{width:100%;flex-wrap:wrap;gap:1rem;padding-top:.8rem}.site-header:has(#menu-toggle:not([hidden])) nav{display:none}.site-header nav.is-open{display:flex}.hero,.supply .hero,.desk .hero{grid-template-columns:1fr;padding:3rem 0;gap:2rem}.fold .hero figure{padding:0}.supply .hero figure{margin:0}.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero .lead{font-size:1rem}.section{padding:3rem 0}.section-head,.editorial,.dossier,.brief-form,.workbench,.footer-top{grid-template-columns:1fr;gap:2rem}.product-grid,.fold .product-grid,.related{grid-template-columns:1fr;gap:2rem}.fold .product-card:nth-child(3){grid-column:auto;display:block}.desk .product-card{border:1px solid var(--line)}.panel,.work-controls{padding:1.5rem}.page-intro{padding:3rem 0 2rem}.page-intro h1{font-size:clamp(2.5rem,11vw,4rem)}.checklist{margin:1.5rem 0}.download-list article{grid-template-columns:40px 1fr}.download-list article>a{grid-column:2}.cta{display:block;margin-top:2rem;padding:3rem 4vw}.cta>a{margin-top:1.5rem}.footer-top{gap:1rem}.diagram{padding:1rem}.diagram-counts{gap:.35rem}.diagram-counts p{padding:.6rem;font-size:10px}.diagram-counts strong{font-size:1.15rem}fieldset{padding:1.2rem}.actions{gap:.7rem}}
@media(max-width:360px){.brand small{max-width:180px;white-space:normal}.view-choices{display:grid;grid-template-columns:1fr}.demo-band{font-size:8px}.diagram-counts{grid-template-columns:1fr}.download-list article{grid-template-columns:1fr}.download-list article>a{grid-column:1}.button{padding:.9rem 1rem}}
#menu-toggle{display:none}@media(max-width:760px){#menu-toggle:not([hidden]){display:block}}input[type=search]{display:block;width:100%;min-width:0;margin-top:.55rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.95rem;font-size:.9rem;border-radius:0}
@media(max-width:760px){.site-header:has(#menu-toggle:not([hidden])) nav.is-open{display:flex}}