:root{--ink:#0b2337;--navy:#0b2f4e;--blue:#15537c;--gold:#f4b52f;--paper:#f4f7f8;--white:#fff;--muted:#5c6d7b;--line:#dce4e8;--radius:6px;--shadow:0 24px 70px rgba(8,37,58,.13);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 14px;background:#fff;color:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(11,47,78,.1);backdrop-filter:blur(16px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:132px;height:50px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px;font-weight:600;color:#274254}.site-nav>a:not(.nav-cta){position:relative;padding:25px 0}.site-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--gold);transition:right .25s}.site-nav>a:hover::after,.site-nav>a:focus-visible::after{right:0}.nav-cta{padding:11px 18px;background:var(--navy);color:#fff;border-radius:3px}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:26px;height:2px;margin:5px;background:var(--navy)}
.hero{position:relative;min-height:760px;padding-top:78px;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:78px 0 0;background:url("../images/homepage.webp") center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:78px 0 0;background:linear-gradient(90deg,rgba(4,28,45,.94) 0%,rgba(4,28,45,.74) 45%,rgba(4,28,45,.16) 100%)}.hero-content{position:relative;z-index:1;padding-bottom:80px}.hero h1{max-width:850px;margin:14px 0 22px;font:800 clamp(2.8rem,6vw,5.6rem)/1.02 "Manrope",sans-serif;letter-spacing:-.05em}.hero-copy{max-width:650px;font-size:1.2rem;line-height:1.65;color:#e3edf2}.eyebrow{margin:0;color:var(--blue);font:700 .78rem/1.2 "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}.eyebrow.light{color:#ffd677}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:3px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#182a36}.button-ghost{border-color:rgba(255,255,255,.5);color:#fff}.button-ghost:hover{background:#fff;color:var(--navy)}.hero-facts{position:absolute;z-index:2;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.18);background:rgba(5,31,49,.78);backdrop-filter:blur(12px)}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr)}.fact-grid>div{padding:22px 24px;border-left:1px solid rgba(255,255,255,.14)}.fact-grid>div:last-child{border-right:1px solid rgba(255,255,255,.14)}.fact-grid strong,.fact-grid span{display:block}.fact-grid strong{font:700 1.1rem "Manrope"}.fact-grid span{color:#bfcdd5;font-size:.86rem;margin-top:3px}
.section{padding:110px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}.section-heading h2,.heritage-copy h2,.polymer-copy h2,.responsibility-copy h2,.contact-head h2,.cta-band h2{margin:14px 0 0;font:750 clamp(2.2rem,4vw,4rem)/1.1 "Manrope";letter-spacing:-.04em}.intro-copy .lead{margin-top:0;font-size:1.28rem;color:var(--ink)}.intro-copy p{color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}.story-card{position:relative;background:var(--paper);overflow:hidden}.story-card img{width:100%;height:260px;object-fit:cover;filter:saturate(.75)}.story-content{padding:28px}.story-content>span{color:var(--gold);font-weight:800}.story-content h3{margin:8px 0;font:700 1.45rem "Manrope"}.story-content p{margin:0;color:var(--muted)}
.heritage{background:var(--paper)}.heritage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.heritage-photo{position:relative}.heritage-photo::before{content:"";position:absolute;inset:-18px 30px 18px -18px;border:2px solid var(--gold)}.heritage-photo img{position:relative;width:100%;height:600px;object-fit:cover;box-shadow:var(--shadow)}.heritage-copy p{color:var(--muted)}.heritage-copy blockquote{margin:35px 0 0;padding:22px 0 22px 28px;border-left:4px solid var(--gold);color:var(--navy);font:700 1.35rem "Manrope"}
.products>.section-heading{max-width:800px}.centered{text-align:center}.centered>p:last-child{max-width:680px;margin:20px auto 0;color:var(--muted)}.agent-banner{margin-top:52px;padding:38px 44px;background:linear-gradient(120deg,#0b2f4e,#15537c);color:#fff;border-left:6px solid var(--gold)}.agent-banner h3{max-width:920px;margin:10px 0;font:700 clamp(1.55rem,3vw,2.4rem)/1.25 "Manrope"}.agent-banner>p:last-child{max-width:820px;margin:12px 0 0;color:#d9e6ec}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:60px}.category-card{display:grid;grid-template-columns:45% 55%;min-height:390px;background:#fff;box-shadow:0 18px 50px rgba(16,54,78,.11);overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover}.category-body{padding:38px 32px;display:flex;flex-direction:column;justify-content:center}.category-body h3{margin:12px 0;font:700 1.7rem/1.25 "Manrope"}.category-body p{color:var(--muted)}.category-body a{margin-top:12px;color:var(--blue);font-weight:700}.category-body a span{margin-left:6px}.product-panel{margin-top:110px;padding:70px;background:var(--navy);color:#fff}.panel-heading{max-width:760px}.panel-heading h2{margin:14px 0 50px;font:750 clamp(2rem,3.5vw,3.5rem)/1.1 "Manrope";letter-spacing:-.04em}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.product-card{background:#fff;color:var(--ink)}.product-card img{width:100%;height:190px;object-fit:cover}.product-card>div{padding:25px}.product-card>div>span{color:var(--gold);font-weight:800}.product-card h3{margin:5px 0;font:700 1.35rem "Manrope"}.product-card p{margin:8px 0 0;color:var(--muted);font-size:.94rem}.grade-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.grade-list b{display:inline-flex;padding:5px 9px;border:1px solid #cfdae0;background:#f4f7f8;color:var(--navy);font-size:.75rem;line-height:1.25}.polymer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:110px}.polymer-copy p{color:var(--muted)}.check-list{list-style:none;margin:30px 0 0;padding:0}.check-list li{position:relative;padding:13px 0 13px 32px;border-bottom:1px solid var(--line)}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.grade-block{margin-top:30px}.grade-block>p{margin:0;color:var(--navy);font:700 .82rem "Manrope";letter-spacing:.08em;text-transform:uppercase}.polymer-products{display:grid;grid-template-columns:1fr 1fr;gap:18px}.polymer-products figure{margin:0;background:var(--paper)}.polymer-products img{width:100%;height:330px;object-fit:cover}.polymer-products figcaption{padding:20px}.polymer-products strong,.polymer-products span{display:block}.polymer-products strong{font:700 1.4rem "Manrope"}.polymer-products span{color:var(--muted);font-size:.9rem}.specialty-strip{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:90px;padding:44px;background:#123f5f;color:#fff}.specialty-strip h3{margin:10px 0 0;font:700 1.75rem/1.3 "Manrope"}.specialty-strip>p{margin:0;color:#d9e6ec;font-size:1.05rem}
.responsibility{padding:0;background:#082b47;color:#fff}.responsibility-grid{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr}.responsibility-image img{width:100%;height:100%;min-height:760px;object-fit:cover;opacity:.78}.responsibility-copy{padding:100px max(40px,calc((100vw - var(--max))/2)) 100px 80px}.responsibility-copy>p:not(.eyebrow){color:#c9d5dc;max-width:600px}.principles{list-style:none;margin:42px 0 0;padding:0}.principles li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.15)}.principles span{color:var(--gold);font-weight:800}.principles p{margin:0;color:#e1e8ec}
.contact{background:var(--paper)}.contact-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.contact-head>p{max-width:420px;color:var(--muted);font-size:1.1rem}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.location-card{padding:30px;background:#fff;border-left:4px solid var(--gold)}.location-card .contact-label{color:var(--blue)}.location-card h3{margin:7px 0 5px;font:700 1.45rem "Manrope"}.location-card address{font-style:normal;color:var(--muted)}.founder-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:36px 42px;background:var(--navy);color:#fff}.contact-label,.role{margin:0;color:#f6c65e;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.founder-card h3{margin:5px 0 0;font:700 1.9rem "Manrope"}.contact-links{display:flex;flex-direction:column;text-align:right}.contact-links a{color:#fff}.department{margin-top:62px}.department>h3{font:700 1.55rem "Manrope";margin:0 0 20px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.people-grid-2{grid-template-columns:repeat(2,1fr)}.people-grid-3{grid-template-columns:repeat(3,1fr)}.person-card{min-width:0;padding:25px;background:#fff;border-top:3px solid var(--gold)}.person-card .role{color:var(--blue);min-height:42px}.person-card h4{margin:12px 0 18px;font:700 1.17rem "Manrope"}.person-card a{display:block;color:var(--muted);font-size:.87rem;overflow-wrap:anywhere}.person-card a:hover{color:var(--blue)}
.cta-band{padding:75px 0;background:var(--gold)}.cta-band>.container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band .eyebrow{color:#614400}.cta-band h2{max-width:700px;color:#102b3e}.button-light{background:#fff;color:var(--navy)}.site-footer{padding:70px 0 25px;background:#061f33;color:#dbe6ec}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid img{width:145px;filter:brightness(0) invert(1)}.footer-grid p{max-width:370px;color:#98abb7}.footer-grid h3{margin:0 0 14px;color:#fff;font:700 1rem "Manrope"}.footer-grid a{display:block;margin:8px 0;color:#aabac4}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#8ea2ae;font-size:.86rem}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.site-nav{position:absolute;top:78px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:12px 20px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.08)}.site-nav.open{display:flex;flex-direction:column}.site-nav>a:not(.nav-cta){padding:12px 0}.site-nav>a::after{display:none}.nav-cta{text-align:center;margin-top:8px}.nav-toggle{display:block}.hero{min-height:720px}.fact-grid{grid-template-columns:1fr 1fr}.fact-grid>div:nth-child(3),.fact-grid>div:nth-child(4){display:none}.split,.heritage-grid,.polymer-grid,.contact-head{grid-template-columns:1fr;gap:45px}.story-grid{grid-template-columns:1fr 1fr}.story-card:last-child{grid-column:1/-1}.category-card{grid-template-columns:1fr}.category-image img{height:260px}.product-panel{padding:50px 30px}.product-cards{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:220px 1fr}.product-card img{height:100%}.specialty-strip{grid-template-columns:1fr;gap:24px}.responsibility-grid{grid-template-columns:1fr}.responsibility-image img{min-height:420px;height:500px}.responsibility-copy{padding:80px 40px}.people-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}.brand img{width:112px}.hero{min-height:760px}.hero-media,.hero-shade{inset:78px 0 0}.hero h1{font-size:2.75rem}.hero-copy{font-size:1.04rem}.hero-actions{align-items:stretch;flex-direction:column}.fact-grid>div{padding:16px 8px}.fact-grid strong{font-size:.95rem}.fact-grid span{font-size:.75rem}.story-grid{grid-template-columns:1fr}.story-card:last-child{grid-column:auto}.story-card img{height:220px}.heritage-photo img{height:430px}.agent-banner{padding:30px 24px}.category-grid{grid-template-columns:1fr}.category-body{padding:28px 24px}.product-panel{width:100%;padding:60px 20px}.product-card{display:block}.product-card img{height:210px}.polymer-products{grid-template-columns:1fr}.polymer-products img{height:260px}.specialty-strip{width:100%;padding:34px 20px}.responsibility-image img{height:360px;min-height:0}.responsibility-copy{padding:65px 20px}.location-grid{grid-template-columns:1fr}.founder-card{align-items:flex-start;flex-direction:column;padding:28px}.contact-links{text-align:left}.people-grid,.people-grid-2,.people-grid-3{grid-template-columns:1fr}.person-card .role{min-height:0}.cta-band>.container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{gap:20px;flex-direction:column}.section-heading h2,.heritage-copy h2,.polymer-copy h2,.responsibility-copy h2,.contact-head h2,.cta-band h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
.sourcing-network{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding:34px 44px;border:1px solid var(--line);border-top:0}.sourcing-network h3{margin:8px 0 0;font:700 1.6rem/1.3 "Manrope"}.country-list{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.country-list span{padding:8px 12px;background:var(--paper);border:1px solid var(--line);color:var(--navy);font-weight:700;font-size:.84rem}
@media(max-width:980px){.sourcing-network{grid-template-columns:1fr;gap:28px}.country-list{justify-content:flex-start}}
@media(max-width:680px){.sourcing-network{padding:28px 24px}.country-list span{font-size:.78rem}}
