/* Corporate brand refinements based on the 2023 PGM Trading style guide */
body{background:#f7f6f2;background-image:radial-gradient(rgba(91,103,112,.035) .75px,transparent .75px);background-size:5px 5px}
.site-header{height:96px;background:rgba(255,255,255,.98)}
.nav-shell{padding-block:10px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{width:215px;height:auto}
.site-header nav .nav-contact{background:#6b9560;color:#fff;padding:.72rem 1.05rem}.site-header nav .nav-contact:after{display:none}.site-header nav .nav-contact:hover{background:#5b8060}
.hero{background-image:url('assets/forest-canopy.webp');background-position:center 44%}
.hero:after{content:"";position:absolute;right:-7vw;bottom:-22%;width:42vw;height:78%;background:rgba(66,152,181,.78);clip-path:polygon(42% 0,100% 0,64% 50%,100% 100%,43% 100%,0 50%);mix-blend-mode:multiply;pointer-events:none}
.hero-overlay{background:linear-gradient(90deg,rgba(57,70,78,.92) 0%,rgba(57,70,78,.82) 41%,rgba(57,70,78,.16) 76%,rgba(57,70,78,.06) 100%)}
.hero-content{z-index:1}.hero h1 span{color:#a9c23f}.hero-marker{z-index:1}
.materials,.purpose,.values{position:relative}.materials:before,.values:after{content:"";position:absolute;width:170px;height:260px;background:rgba(169,194,63,.12);clip-path:polygon(0 0,100% 50%,0 100%);pointer-events:none}.materials:before{left:0;top:14%}.values:after{right:0;bottom:8%;transform:rotate(180deg)}
.material-card{background:rgba(255,255,255,.66)}.capabilities{background:rgba(91,103,112,.08)}
.material-photo{display:block;width:100%;height:150px;margin:1.2rem auto;object-fit:cover;object-position:center center;filter:saturate(.88) contrast(1.03)}
@media(max-width:980px){.site-header nav{top:95px}}
@media(max-width:680px){.site-header{height:82px}.site-header nav{top:81px}.nav-shell{padding-block:7px}.brand img{width:178px}}
.purpose{padding-bottom:105px}.purpose-heading{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:3rem}.purpose-heading h2{font-size:clamp(2.2rem,4vw,3.8rem)}.purpose-heading>p{color:#5b6770}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.purpose-card{min-height:500px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center}
.vision-card{background-image:linear-gradient(180deg,transparent 20%,rgba(91,103,112,.94) 100%),url('assets/misty-forest.webp')}
.mission-card{background-image:linear-gradient(180deg,transparent 20%,rgba(70,111,62,.92) 100%),url('assets/sunlit-forest.webp')}
.purpose-card:before{content:"";position:absolute;inset:0 auto auto 0;width:46%;height:55%;background:rgba(66,152,181,.75);clip-path:polygon(0 0,100% 0,42% 100%,0 72%);mix-blend-mode:multiply}.mission-card:before{left:auto;right:0;background:rgba(169,194,63,.76);clip-path:polygon(30% 0,100% 0,100% 100%,0 62%)}
.purpose-copy{position:relative;z-index:1;padding:2.2rem;color:#fff;max-width:610px}.purpose-copy>span{font-size:.72rem;letter-spacing:.16em}.purpose-copy h3{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.18;margin:.4rem 0;font-weight:500}.purpose-copy h3 b{color:#d9ea92;font-weight:600}
.values{background:rgba(255,255,255,.7);padding-top:64px;padding-bottom:64px}.values .section-heading{margin-bottom:1.6rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd6d8;border-left:1px solid #cfd6d8}.value-card{min-height:112px;padding:1.1rem 1.4rem;border-right:1px solid #cfd6d8;border-bottom:1px solid #cfd6d8;background:rgba(247,246,242,.62);display:flex;align-items:center;text-align:left}.value-card h3{text-transform:uppercase;letter-spacing:.06em;color:#5b6770;font-size:clamp(1.1rem,1.55vw,1.3rem);line-height:1.15;margin:0}.value-card:nth-child(2n) h3{color:#6b9560}.value-card:nth-child(3n) h3{color:#a9c23f}
.contact{background:rgba(66,152,181,.1)}.enquiry-form{background:#fafaf7}.button{background:#6b9560;border-color:#6b9560}.button:hover{background:#5b8060}
@media(max-width:980px){.purpose-grid{grid-template-columns:1fr}.purpose-card{min-height:430px}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.purpose-heading{grid-template-columns:1fr;gap:1rem}.purpose-grid,.values-grid{grid-template-columns:1fr}.purpose-card{min-height:410px}.purpose-copy{padding:1.5rem}.hero:after{width:58vw;opacity:.55}}