:root{--ink:#334c55;--blue:#526f78;--sand:#c9b696;--white:#fafaf7;--mist:#edf2f2;--cream:#f0ece4;--line:#d8e0df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Georgia,serif;display:inline-flex;flex-direction:column;font-size:24px;letter-spacing:1px;line-height:1.2;color:var(--blue)}.brand span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3.4px;margin-top:9px;text-align:center;color:#826e51}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#7b6649}.hero{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:7%;padding:48px 6% 64px;min-height:640px}.logo-panel{border:1px solid var(--line);border-radius:50% 50% 12px 12px;overflow:hidden;background:#fff}.logo-panel img{display:block;width:100%;height:auto}.hero-copy{padding:20px 0}.eyebrow{font-size:11px;line-height:1.6;letter-spacing:2.2px;font-weight:700;margin:0 0 30px;color:var(--blue)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.5px;line-height:1.15}h1{font-size:clamp(40px,4.2vw,67px);margin:0 0 28px}h1 em{font-weight:400;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:520px;margin:0 0 32px;color:#5c7077;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:14px 24px;min-height:50px;border-radius:4px;font-size:14px;font-weight:700}.button:hover{background:#405b65}.intro-band{background:var(--mist);display:flex;justify-content:space-around;padding:24px 6%;font-size:14px;letter-spacing:1px}.section{padding:90px 6%}h2{font-size:clamp(32px,3.5vw,52px);margin:0 0 24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-copy p{color:#5c7077;margin:0 0 22px}.about-copy .lead{font-size:21px;color:var(--ink);line-height:1.55}.brands{padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading>p{color:#5c7077;font-size:16px;max-width:420px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:38px 40px 34px;border-radius:8px;display:flex;flex-direction:column}.afalac{background:var(--cream)}.obo{background:var(--mist)}.card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.7px;gap:20px;border-bottom:1px solid #c5cdca;padding-bottom:22px}.card h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,55px);font-weight:400;letter-spacing:1px;line-height:1.2;margin:34px 0 8px}.obo h3{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-2px}.obo h3 span{font-size:12px;letter-spacing:2px;display:block;margin-top:12px}.card .card-subtitle{font-size:21px;color:var(--ink);margin:12px 0 20px}.card p:not(.card-subtitle){color:#566b72;margin-bottom:28px}.card-bottom{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #c5cdca;padding-top:20px;font-size:12px}.text-link{align-self:flex-start;text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:700;margin-top:28px}.values{background:var(--cream)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.value-grid article{border-top:1px solid #c8cfc9;padding-top:24px}.value-grid span{font-size:12px}.value-grid h3{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:16px 0 12px}.value-grid p{color:#5c7077;margin:0}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center}.contact p:not(.eyebrow){color:#5c7077;max-width:580px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.email{font-size:clamp(17px,2vw,28px);border-bottom:1px solid var(--blue);overflow-wrap:anywhere;max-width:100%}.contact-action span{font-size:12px;color:#5c7077}footer{border-top:1px solid var(--line);padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#5c7077}footer p{letter-spacing:1.4px}@media(min-width:1500px){header,.hero,.section,.intro-band,footer{padding-left:max(6%,calc((100vw - 1350px)/2));padding-right:max(6%,calc((100vw - 1350px)/2))}}@media(max-width:900px){.hero{gap:5%;min-height:540px}.hero-copy>p:not(.eyebrow){font-size:16px}.eyebrow{letter-spacing:1.4px}.about{gap:6%}.card{padding:28px}.value-grid{gap:30px}.contact{gap:5%}.section-heading{align-items:start}}@media(max-width:650px){header{padding:24px 6%;align-items:flex-start}.brand{font-size:20px}.brand span{font-size:9px;letter-spacing:2.8px}nav{gap:10px;flex-wrap:wrap;max-width:150px;justify-content:flex-end;font-size:12px}.hero{grid-template-columns:1fr;padding:30px 6% 48px;gap:30px}.logo-panel{max-width:300px;margin:auto;width:100%}.hero-copy{padding:0}h1{font-size:43px}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}.intro-band{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font-size:12px}.section{padding:56px 6%}.about,.brand-grid,.contact{grid-template-columns:1fr;gap:24px}.brands{padding-top:8px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:15px}.card{padding:28px}.card h3{font-size:44px}.card-top{font-size:10px;letter-spacing:1px}.card-bottom{font-size:12px}.value-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.contact-action{gap:20px}.contact-action .button{width:100%}footer{flex-wrap:wrap;padding:30px 6%}footer>span{width:100%}.email{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button.secondary{background:transparent;color:var(--ink);border:1px solid #8ca1a7}.button.secondary:hover{background:#e0e7e5}@media(max-width:650px){.brand-actions{flex-direction:column}.brand-actions .button{width:100%}}
