@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#202629;--black:#15191b;--cream:#f6f4ef;--yellow:#f5df88;--line:#dcdad3;--muted:#687074}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{text-decoration:none;color:inherit}.topbar{height:30px;background:#1d2123;color:#fff;padding:0 2.2vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.03em}.topbar a{color:#f5df88}header{height:118px;padding:0 2.2vw;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #e4e2dc;background:#fff}.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:43px;height:43px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.logo-mark i{display:block;background:var(--ink);border-radius:6px}.logo-mark i:first-child{grid-row:1/3}.logo-mark i:last-child{background:#dfbc42}.logo b{display:block;font:800 15px/1 'Manrope';letter-spacing:.04em}.logo small{display:block;font-size:8px;letter-spacing:.2em;margin-top:5px;color:#777}header nav{display:flex;gap:40px;font-size:14px;font-weight:600}header nav a:hover{color:#a17c00}.header-contact{display:flex;align-items:center;gap:25px;border-left:1px solid var(--line);padding-left:28px}.header-contact>span{font-size:11px;color:#6f7476}.header-contact>span a{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-top:5px}.header-btn{background:var(--ink);color:#fff;padding:16px 19px;border-radius:7px;font-weight:700;font-size:13px}.header-btn b{margin-left:13px;color:var(--yellow)}.hero{height:calc(100vh - 148px);min-height:650px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101617d9 0%,#151c1db0 38%,#181a1a3f 72%,#17171736),linear-gradient(0deg,#1118 0%,transparent 45%)}.hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-50%);color:#fff;max-width:850px}.hero-content>p,.kicker{font:700 10px 'Manrope';letter-spacing:.2em}.hero-content>p:before,.kicker:before{content:'';display:inline-block;width:30px;height:2px;background:var(--yellow);margin-right:12px;vertical-align:middle}.hero h1{font:600 clamp(3.7rem,6vw,7.2rem)/.95 'Manrope';letter-spacing:-.06em;margin:24px 0}.hero h1 em,.collab h2 em,.company h2 em{font-style:normal;color:var(--yellow)}.hero-content>span{display:block;font-size:18px;line-height:1.7;max-width:660px;color:#f0f0ec}.hero-content>div{display:flex;gap:14px;margin-top:34px}.pill{padding:17px 24px;border-radius:999px;font-size:13px;font-weight:700}.pill b{margin-left:16px}.pill.white{background:#fff;color:var(--ink)}.pill.outline{border:1px solid #fff7;color:#fff}.hero-note{position:absolute;right:2.5vw;bottom:28px;color:#fff;display:flex;align-items:center;gap:13px}.hero-note span{font:700 9px 'Manrope';letter-spacing:.22em}.hero-note b{background:var(--yellow);color:var(--ink);width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.solutions{background:var(--cream)}.capability-row{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5vw;border-bottom:1px solid var(--line)}.capability-row article{padding:48px 38px;position:relative;border-right:1px solid var(--line)}.capability-row article:last-child{border-right:0}.capability-row article>span{position:absolute;right:30px;top:29px;color:#a39f94;font-size:10px}.cap-icon{font-size:20px;margin-bottom:22px}.capability-row h2{font:700 18px 'Manrope';margin:0 0 10px}.capability-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:310px}.collab{padding:120px 7vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center}.collab-copy .kicker,.company .kicker{color:#6e726f}.collab h2,.company h2{font:600 clamp(2.8rem,4.4vw,5.2rem)/1.02 'Manrope';letter-spacing:-.05em;margin:24px 0}.collab-copy>p:not(.kicker){font-size:15px;line-height:1.8;color:var(--muted);max-width:540px}.collab ul{list-style:none;padding:0;margin:35px 0}.collab li{padding:15px 0;border-top:1px solid var(--line);display:flex;gap:20px;font-size:13px}.collab li:last-child{border-bottom:1px solid var(--line)}.collab li span{color:#aaa59a}.text-link{display:inline-block;margin-top:10px;font-weight:700;font-size:13px}.text-link b{margin-left:15px}.collab-image{position:relative}.collab-image img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.impact{position:absolute;right:0;top:-48px;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr}.impact span{padding:22px 28px;font-size:9px;letter-spacing:.08em;border-right:1px solid #a68c2b55}.impact b{display:block;font:700 27px 'Manrope';letter-spacing:-.04em}.company{display:grid;grid-template-columns:1.45fr .55fr;background:var(--black);color:#fff}.company-main{padding:110px 7vw}.company-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:950px}.company-columns p{font-size:14px;line-height:1.85;color:#adb2b2}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff28;margin-top:45px;padding-top:25px;gap:18px;font-size:11px;color:#d5d8d8}.values b{color:var(--yellow);margin-right:8px}.company aside{background:var(--yellow);color:var(--ink);padding:75px 45px;display:flex;flex-direction:column;justify-content:center}.company aside>p{font:700 9px 'Manrope';letter-spacing:.2em}.company aside h3{font:700 clamp(2.2rem,3.5vw,4rem)/1.05 'Manrope';letter-spacing:-.04em;margin:15px 0 35px}.company aside>a{border-top:1px solid #3d3a2c42;padding:19px 0;font-size:13px;font-weight:700}.company aside>a b{float:right}.company address{border-top:1px solid #3d3a2c42;padding-top:22px;margin-top:3px;font-style:normal;font-size:12px;line-height:1.7}footer{min-height:120px;padding:30px 3vw;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:10px;color:#8a8f91}footer nav{display:flex;gap:24px;font-size:11px;font-weight:600}
@media(max-width:1020px){header nav{display:none}.collab{grid-template-columns:1fr}.company{grid-template-columns:1fr}.company aside{padding:70px 7vw}.hero-content{max-width:750px}.hero h1{font-size:5.3rem}}
@media(max-width:700px){.topbar{display:none}header{height:80px;padding:0 18px}.logo-mark{width:36px;height:36px}.logo b{font-size:13px}.header-contact>span{display:none}.header-contact{border:0;padding:0;gap:0}.header-btn{font-size:0;padding:12px}.header-btn b{font-size:16px;margin:0}.hero{height:auto;min-height:710px}.hero>img{position:absolute}.hero-shade{background:linear-gradient(90deg,#101617dc,#1118)}.hero-content{left:22px;right:22px;top:47%}.hero h1{font-size:3.5rem}.hero-content>span{font-size:16px}.hero-content>div{flex-direction:column;align-items:flex-start}.capability-row{grid-template-columns:1fr;padding:0 20px}.capability-row article{border-right:0;border-bottom:1px solid var(--line);padding:35px 10px}.collab{padding:95px 22px;gap:80px}.impact{top:-55px}.impact span{padding:18px}.company-main{padding:85px 22px}.company-columns{grid-template-columns:1fr;gap:10px}.values{grid-template-columns:1fr}.company aside{padding:65px 22px}footer{align-items:flex-start;flex-direction:column}footer nav{flex-direction:column;gap:12px}}
