body.xy-manufacturing{--paper:#f3f0e9;--stone:#e1dbd0;--ink:#262521;--muted:#716c63;--gold:#a58d68;--gold-dark:#786349;--sage:#575c51;--sage-soft:#e5e5dc;--line:rgba(74,65,51,.15);--deep:#292824;background:var(--paper)}
.xy-manufacturing .topbar{background:#e6e1d7;color:#605a50}.xy-manufacturing .nav{background:#f3f0e9ed}.mf-page-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0}.mf-page-tools .mf-crumb{padding:0;font-size:11px}.mf-page-tools .xy-motion-toggle{padding:6px 10px;font-size:10px;border-color:#ccc3b4;background:transparent;flex-shrink:0}
.xy-manufacturing .mf-hero-background{min-height:0;padding:34px 0 64px;background:transparent;overflow:visible;isolation:auto}.xy-manufacturing .mf-hero-background:before,.xy-manufacturing .mf-hero-background:after{content:none;background:none}.xy-manufacturing .mf-hero-background .mf-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:56px;min-height:0;padding-bottom:0}.xy-manufacturing .mf-hero-background .mf-hero-grid>div{max-width:none;min-width:0}.xy-manufacturing .mf-hero-background h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3.5vw,50px);font-weight:400;letter-spacing:-1.4px;line-height:1.12;max-width:520px;color:#302b24;margin-bottom:24px}.xy-manufacturing .mf-hero-background .mf-eyebrow{font-size:10px;letter-spacing:1.8px;color:#8a7352;margin-bottom:18px}.xy-manufacturing .mf-hero-background .mf-lead{font-size:15px;line-height:1.85;color:#666056;max-width:480px}.xy-manufacturing .mf-hero-background .mf-hero-image{position:static;max-width:none;width:100%;border:1px solid #dcd5c9;background:#f9f7f2;padding:12px;margin:0;box-shadow:0 16px 40px #4e41210b}.xy-manufacturing .mf-hero-background .mf-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1494/1053;object-fit:contain;background:#fff}.xy-manufacturing .mf-hero-background .mf-hero-image .mf-caption{font-size:10px;line-height:1.7;padding:12px 6px 2px!important;color:#7d7568}.xy-manufacturing .mf-hero-background .mf-actions{gap:10px;margin-top:26px}.xy-manufacturing .mf-hero-background .mf-btn{font-size:11px;padding:13px 16px;background:#575c51;border-color:#575c51}.xy-manufacturing .mf-hero-background .mf-btn.secondary{background:transparent;border-color:#b9ad98;color:#514a3d}.xy-manufacturing .mf-hero-background .mf-caption{font-size:10px;line-height:1.75;color:#81786a;max-width:460px;margin-top:16px}.xy-manufacturing .mf-hero-background .mf-hero-image .mf-caption{max-width:none}
@media(max-width:1000px){.xy-manufacturing .mf-hero-background .mf-hero-grid{gap:30px}.xy-manufacturing .mf-hero-background h1{font-size:38px}}
@media(max-width:720px){.mf-page-tools{gap:12px;padding:15px 0;align-items:flex-start}.mf-page-tools .mf-crumb{max-width:240px;line-height:1.6;font-size:10px}.xy-manufacturing .mf-hero-background{padding:20px 0 38px}.xy-manufacturing .mf-hero-background .mf-hero-grid{grid-template-columns:1fr;gap:28px;min-height:0;padding:0}.xy-manufacturing .mf-hero-background h1{font-size:36px;letter-spacing:-.8px;max-width:440px}.xy-manufacturing .mf-hero-background .mf-lead{font-size:14px;line-height:1.8}.xy-manufacturing .mf-hero-background .mf-hero-image{padding:8px}.xy-manufacturing .mf-hero-background .mf-caption{font-size:10px}.xy-manufacturing .mf-hero-background .mf-actions{flex-wrap:wrap}.xy-manufacturing .mf-hero-background .mf-btn{flex:0 1 auto;font-size:11px;padding:12px 14px}}

/* DT01: make both views visible without interaction. */
#dt01-collection .mf-case-visuals{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start;max-width:none;margin:0}
#dt01-collection .mf-case-visuals figure{margin:0;min-width:0;padding:10px;background:#faf8f3;border:1px solid #ded7cb}
#dt01-collection .mf-case-visuals img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#faf8f3}
#dt01-collection .mf-case-visuals .mf-caption{padding:10px 4px 2px;margin:0;font-size:11px;color:#746b5d;line-height:1.6}
@media(max-width:720px){#dt01-collection .mf-case-visuals{grid-template-columns:1fr;gap:18px}#dt01-collection .mf-case-visuals figure{padding:8px}}