@import url("/assets/front/site-spacing.css?v=1");
@import url("/assets/front/site-surfaces.css?v=2");
/* Company and production: scoped desktop styling based on the approved About pages. */
#company-production{background:var(--lonhow-surface-page);color:#594335}
#company-production .production-eyebrow{display:block;font-size:10px;line-height:1.7;letter-spacing:1.8px;color:#997e70;text-transform:uppercase}
#company-production h1,#company-production h2,#company-production h3{font-family:Georgia,'Noto Serif Variable',serif!important;font-weight:400!important;color:#594335!important}
#company-production h1{font-size:clamp(38px,3.7vw,56px);line-height:1.15;letter-spacing:-1px;margin:24px 0 0}
#company-production h2{font-size:clamp(31px,2.9vw,43px);line-height:1.2;letter-spacing:-.7px;margin:19px 0 0}
#company-production h3{font-size:26px;line-height:1.25;margin:0 0 10px}
#company-production p{font-size:14px;line-height:1.9;color:#807267;max-width:590px;margin:0}
#company-production svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none}
#company-production .production-link{display:inline-flex;align-items:center;gap:12px;padding:8px 0;text-decoration:none;color:#795747;font-size:12px;line-height:1.6}
#company-production .production-link>svg:last-child{width:17px;height:17px;margin-left:2px;transition:transform .2s}
#company-production .production-link:hover,#company-production .production-link:focus-visible{color:#a94b5b}
#company-production .production-link:hover>svg:last-child,#company-production .production-link:focus-visible>svg:last-child{transform:translateX(4px)}
#company-production a:focus-visible{outline:2px solid #a94b5b;outline-offset:5px}
#company-production .production-split{display:grid;grid-template-columns:1fr 1.04fr;gap:8%;align-items:stretch}
#company-production .production-hero{padding:48px 0 62px;background:linear-gradient(120deg,#fffefb,#f8f1e8)}
#company-production .production-hero-copy,#company-production .production-process-copy{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:28px;min-width:0}
#company-production .production-hero-copy>.production-link{padding-bottom:0}
#company-production .production-lead{font-size:15px}
#company-production .production-placeholder{margin:0;min-width:0;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;border:1px solid #dfcfbe;background:radial-gradient(ellipse at 70% 20%,#faf6ef,#f1e7da);color:#a08a76;font-family:Arial,sans-serif}
#company-production .production-placeholder>svg{width:32px;height:32px;margin-bottom:22px;opacity:.7}
#company-production .production-placeholder strong{font-size:21px;font-weight:400;letter-spacing:2px;margin-bottom:16px}
#company-production .production-placeholder>span{font-size:13px}
#company-production .production-placeholder p{font:12px/1.85 Arial,sans-serif;color:#a08a76;margin-top:18px}
#company-production .production-placeholder small{font:11px/1.8 Arial,sans-serif;margin-top:22px;color:#af9984}
#company-production .production-model,#company-production .production-categories{padding:64px 0}
#company-production .production-section-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:end;margin-bottom:35px}
#company-production .production-section-heading>p{font-size:13px;max-width:520px}
#company-production .production-model-flow{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;border-top:1px solid #d8c5b2;border-bottom:1px solid #d8c5b2;padding:31px 0}
#company-production .production-model-flow article{display:flex;align-items:flex-start;gap:22px;padding:0 22px}
#company-production .production-model-flow article>svg{width:32px;height:32px;color:#ad8a73;margin-top:3px}
#company-production .production-model-flow h3{font-size:31px}
#company-production .production-model-flow p{font-size:13px}
#company-production .production-model-connection{display:flex;justify-content:center;color:#b79981}
#company-production .production-model-connection svg{width:34px;height:34px}
#company-production .production-process{padding:62px 0;background:var(--lonhow-surface-band)}
#company-production .production-process .production-split{grid-template-columns:1.04fr 1fr}
#company-production .production-detail-list{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid #decebc}
#company-production .production-detail-list li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #decebc;color:#795747;font-size:13px}
#company-production .production-detail-list svg{color:#ad8a73}
#company-production .production-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#company-production .production-category-grid .production-placeholder{padding:24px 16px}
#company-production .production-category-grid .production-placeholder strong{font-size:18px}
#company-production .production-category-grid .production-placeholder>span{font-size:12px}
#company-production .production-category-grid .production-placeholder p{font-size:11px}
#company-production .production-category-grid .production-placeholder small{font-size:10px;margin-top:18px}
#company-production .production-category-copy{display:flex;align-items:flex-start;gap:17px;padding:25px 0 0}
#company-production .production-category-copy>svg{color:#ad8a73;margin-top:4px}
#company-production .production-brand{font:11px/1.6 Georgia,serif;letter-spacing:1px;color:#ad8a73}
#company-production .production-category-copy h3{font-size:25px;margin:10px 0 9px}
#company-production .production-category-copy p{font-size:13px}
#company-production .production-documents{background:var(--lonhow-surface-band);padding:52px 0}
#company-production .production-documents-inner{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:start}
#company-production .production-documents-copy{padding-top:6px}
#company-production .production-documents-copy .production-link{margin-top:20px;padding-bottom:0}
#company-production .production-contact{display:flex;justify-content:space-between;align-items:center;gap:60px;padding:60px 0;border-bottom:1px solid #e6dbd0}
#company-production .production-contact h2{font-size:clamp(30px,2.8vw,41px);margin-bottom:20px}
#company-production .production-contact p{font-size:13px;max-width:700px}
#company-production .production-contact>.front-button{flex:none}
@media(prefers-reduced-motion:reduce){#company-production .production-link>svg:last-child{transition:none}}

/* Approved hero image: preserve the full 4:3 composition. */
#company-production .production-hero-visual{margin:0;min-width:0;align-self:start}
#company-production .production-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}

/* Approved materials and packaging scene: keep the complete composition. */
#company-production .production-process-visual{margin:0;min-width:0;align-self:start}
#company-production .production-process-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}

/* Process copy: grouped reading rhythm and aligned detail rows. */
#company-production .production-process-copy{justify-content:flex-start;gap:24px}
#company-production .production-process-copy h2{margin-top:16px;font-size:clamp(31px,2.8vw,42px);line-height:1.2;letter-spacing:-.5px}
#company-production .production-process-summary{display:grid;gap:12px;width:100%;max-width:560px}
#company-production .production-process-summary p{font-size:14px;line-height:1.85;max-width:none}
#company-production .production-process-copy .production-detail-list{margin-top:auto}
#company-production .production-process-copy .production-detail-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:15px;padding:13px 0;font-size:13px;line-height:1.65}
#company-production .production-process-copy .production-detail-list svg{width:21px;height:21px;align-self:center}

/* Category imagery uses the full approved 4:3 composition. */
#company-production .production-category-visual{margin:0;min-width:0}
#company-production .production-category-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}