.work-page{overflow:hidden}.work-page .eyebrow{color:var(--green)}.work-hero{padding:78px 0 92px;background:#eeeae1}.work-hero-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(45px,6vw,90px)}.work-hero h1{font-size:clamp(54px,6vw,91px);max-width:660px}.work-hero h1 em{font-weight:400;color:var(--green)}.work-hero p{max-width:510px;font-size:15px;line-height:1.85;margin-top:20px}.work-hero .work-lead{font-family:var(--serif);font-size:24px;color:var(--ink);margin-top:32px}.work-hero .button{margin-top:32px}.work-hero figure{margin:0;min-width:0;aspect-ratio:4/5;overflow:hidden;background:#dfe4dc}.work-hero img{width:100%;height:100%;object-fit:cover}.work-steps{padding-block:100px}.work-steps .headrow{align-items:end}.work-steps .headrow p{max-width:500px}.work-stage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 34px;margin-top:55px}.work-stage{border-top:1px solid var(--line);padding-top:22px;min-width:0}.work-stage-icon{color:var(--green);height:43px}.work-stage-icon .ggg-icon{width:32px;height:32px}.work-stage h3{font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);margin:10px 0 15px}.work-stage p{font-size:14px;line-height:1.9;max-width:360px}.work-proof{background:var(--deep);padding:70px 0}.work-proof .eyebrow{color:var(--gold)}.work-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.work-proof-grid>div{display:flex;gap:14px;align-items:center;color:var(--paper);font-family:var(--serif);font-size:21px;line-height:1.4}.work-proof-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:17px var(--sans);flex:0 0 auto}.work-next{padding-block:90px;display:flex;justify-content:space-between;align-items:center;gap:45px}.work-next h2{max-width:700px}.work-next p{margin-top:22px;font-size:14px}.work-next .actions{align-items:center;flex:0 0 auto}
@media(max-width:950px){.work-hero-grid{grid-template-columns:1fr 1fr;gap:36px}.work-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-next{align-items:flex-start;flex-direction:column}.work-next .actions{flex-wrap:wrap}}
@media(max-width:700px){.work-hero{padding:50px 0 60px}.work-hero-grid{grid-template-columns:1fr}.work-hero h1{font-size:clamp(48px,12vw,70px)}.work-hero figure{aspect-ratio:4/3}.work-steps{padding-block:70px}.work-stage-list{grid-template-columns:1fr;gap:25px;margin-top:30px}.work-stage h3{font-size:28px}.work-proof{padding:55px 0}.work-proof-grid{grid-template-columns:1fr;gap:23px}.work-proof-grid>div{font-size:20px}.work-next{padding-block:65px}.work-next .actions{align-items:flex-start;flex-direction:column}}
/* An immersive first view of the sourcing journey. The photo remains editable in GGG Rock settings. */
.work-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(660px,83svh,890px);padding:clamp(75px,10vh,120px) 0 130px;background:var(--deep);color:#fff;overflow:hidden}
.work-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2;animation:ggg-work-photo-enter 1.25s ease-out both}
.work-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,31,23,.91) 0%,rgba(7,31,23,.71) 47%,rgba(7,31,23,.24) 100%),linear-gradient(0deg,rgba(7,31,23,.67),transparent 46%)}
.work-hero-content{width:100%}.work-hero .eyebrow{color:#e4d2a9}.work-hero h1{font-size:clamp(54px,6.4vw,102px);line-height:1.03;max-width:900px;margin:18px 0 0}.work-hero h1 em{color:#f0dec0;font-weight:400}.work-hero p{max-width:620px;color:#e7ece5;font-size:clamp(15px,1.35vw,18px);line-height:1.8;margin-top:18px}
.work-hero .work-lead{font-family:var(--serif);font-size:clamp(23px,2.2vw,33px);line-height:1.3;color:#fff;margin-top:29px}.work-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}.work-hero .button{margin:0;background:#f2efe3;color:var(--deep);border-color:#f2efe3}.work-hero .button:hover{background:#dcc8a3;border-color:#dcc8a3}.work-hero-explore{color:#f5eddb;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #e6dcc280;padding:10px 0;font-size:12px;letter-spacing:.05em}.work-hero-explore:hover{color:#fff}.work-hero-explore span{font-size:18px}
.work-hero-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.35);background:rgba(7,31,23,.32);backdrop-filter:blur(10px)}.work-hero-foot .wrap{display:flex;gap:25px;justify-content:space-between;padding-block:24px;color:#f3e5ca;font-size:11px;text-transform:uppercase;letter-spacing:.14em}
#work-steps{scroll-margin-top:110px}.work-stage-list{gap:35px 28px}.work-stage{position:relative;border:1px solid var(--line);background:#fff;padding:35px 31px 38px;transition:transform .25s,box-shadow .25s,border-color .25s}.work-stage:hover{transform:translateY(-4px);box-shadow:0 20px 35px rgba(12,42,30,.08);border-color:#bdc9bd}.work-stage:before{content:'';position:absolute;top:0;left:0;width:65px;height:3px;background:var(--gold)}.work-stage h3{max-width:280px}.work-stage p{margin:0}
@keyframes ggg-work-photo-enter{from{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.work-hero{min-height:720px;padding:70px 0 145px}.work-hero-photo{object-position:61% center}.work-hero:before{background:linear-gradient(90deg,rgba(7,31,23,.85),rgba(7,31,23,.55)),linear-gradient(0deg,rgba(7,31,23,.64),transparent 55%)}.work-hero h1{font-size:clamp(48px,11vw,72px)}.work-hero-foot .wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 23px;padding-block:17px;font-size:9px}.work-stage{padding:29px 25px}.work-hero-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){.work-hero-photo{animation:none}.work-stage{transition:none}.work-stage:hover{transform:none}}