@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f2ec;--ink:#20231e;--muted:#65685f;--line:#d8dbcf;--orange:#bb4a29;--green:#dfe6d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{max-width:1280px;margin:auto;padding-left:64px;padding-right:64px}header{padding:22px 64px;max-width:1408px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:800;letter-spacing:-5px;line-height:1}.brand span{color:var(--orange)}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border:1px solid var(--ink);padding:9px 18px;border-radius:25px}.nav-contact span{margin-left:20px}.hero{position:relative;padding-top:66px;padding-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(60px,7.8vw,106px);line-height:1.03;letter-spacing:-6px;font-weight:500;margin:30px 0 34px}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-bottom{display:flex;max-width:935px;align-items:center;gap:90px}.hero-bottom p{max-width:590px;font-size:18px;line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:white;padding:16px 24px;border-radius:3px;font-size:13px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:var(--orange);transform:translateY(-2px)}.hero-meta{display:flex;justify-content:space-between;gap:18px;margin-top:62px;border-top:1px solid var(--line);padding-top:21px;font-size:9px;letter-spacing:1px}.hero-meta a{color:var(--orange);font-weight:700}.hero-index{position:absolute;right:68px;top:80px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:var(--muted)}.proof{background:var(--green);padding:37px 0 22px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.proof-grid>div+div{border-left:1px solid #b7c0af;padding-left:40px}.proof strong{font-family:'Manrope',sans-serif;font-size:38px;font-weight:500;letter-spacing:-1px}.proof p{font-size:12px;line-height:1.65;margin:6px 0}.proof .metric-note{font-size:10px;margin:24px auto 0;color:#555d4f;max-width:1280px}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.small,small{font-size:12px;color:var(--muted)}h2{font-size:clamp(36px,4.4vw,58px);line-height:1.16;letter-spacing:-2.5px;font-weight:500;margin-bottom:40px}h3{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:600}.case{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid var(--line);padding:36px 0;gap:65px}.case-main p{font-size:15px;color:#51564b}.tags{display:flex;gap:18px;font-size:9px;letter-spacing:1px;font-weight:600;margin-bottom:25px}.company{font-size:12px!important;color:var(--orange)!important;font-weight:600}.case-main h3{font-size:33px;margin-bottom:12px}.case-visual{min-height:320px;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.fifo{background:#262e25;color:#f2f1e9}.visual-label{font-size:9px;letter-spacing:1.8px}.journey{margin:25px 0;display:grid;gap:12px}.journey span{font-size:11px;color:#afbda8;padding-bottom:11px;border-bottom:1px solid #485044}.journey b{margin-left:20px;font-size:15px;color:#f4f2ec;font-weight:400}.visual-bottom{display:flex;align-items:center;gap:20px}.visual-bottom b{font-size:52px;font-family:Georgia,serif;font-weight:400;color:#d9e8c7}.visual-bottom span{font-size:9px;letter-spacing:1.2px}.teamlease{background:#e8dfd0}.target{display:flex;flex-direction:column;align-items:center;margin:30px 0}.target span{border:1px solid #b5a68e;padding:15px 20px;text-align:center;font-size:12px;width:100%}.target span:first-child{width:74%;background:#f1e9dc}.target span:nth-child(2){width:87%;border-bottom:0;border-top:0}.teamlease>p{font-size:11px;margin:0;text-align:center}.quote-panel{padding:35px;background:#e6e7df;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.quote-panel>p{font-size:32px;line-height:1.4;font-family:Georgia,serif;margin:0}.case details{margin-top:25px;border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:600;padding:17px 0}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:20px;font-weight:400}details[open]>summary>span:last-child{transform:rotate(45deg)}.case-detail{padding:5px 0 10px}.case-detail h4{font-size:12px;margin:18px 0 6px}.case-detail p{font-size:14px}.project-heading{margin-top:50px}.project-heading h3{margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px}.projects article{border-top:1px solid var(--ink);padding-top:22px}.tag{font-size:9px;letter-spacing:1.3px;color:var(--orange);font-weight:700}.projects h3{margin:16px 0 8px}.projects p{font-size:14px}.scope{font-size:12px!important;color:var(--muted);border-left:2px solid #c2c9b9;padding-left:15px}.in-progress{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.in-progress summary{padding:21px 0}.in-progress small{display:block;font-weight:400;margin-top:4px}.in-progress>div{max-width:850px;font-size:14px;padding-bottom:15px}.experience-section{background:#eaece4}.text-button{border:0;background:transparent;font-size:12px;color:var(--ink)}.timeline>div{display:grid;grid-template-columns:170px 1.2fr 1fr;gap:30px;padding:25px 0;border-top:1px solid #cbd0c3}.timeline>div>span{font-size:12px;color:var(--muted)}.timeline h3{font-size:21px;letter-spacing:-.5px;margin:0}.timeline h3 small{display:block;font:12px 'DM Sans',sans-serif;margin-top:8px;line-height:1.6}.timeline p{font-size:13px;margin:0;color:#555b50}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:85px}.about h2{font-size:43px;margin-top:28px}.about p{font-size:15px;color:#555b50}.about .intro{font-size:18px;color:var(--ink)}.about-meta{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:var(--muted);display:grid;gap:9px}.capabilities>div{border-top:1px solid var(--line);padding:24px 0}.capabilities h3{font-size:20px;margin:13px 0}.capabilities p{font-size:14px}.contact{background:#252d24;color:#f4f2ec;padding:75px 0}.contact .eyebrow{color:#b6c4aa}.contact h2{margin:26px 0}.contact em{color:#d6e6bd}.contact p{max-width:550px;font-size:16px;color:#c0c6b8}.contact-links{display:flex;align-items:center;gap:35px;margin:32px 0;font-size:13px}.contact .button{background:#e4eccf;color:#252d24}.contact .button:hover{background:white}.email-row{display:flex;gap:20px;align-items:center;font-size:12px;flex-wrap:wrap;color:#c3cbbd}.email-row button{background:none;color:#c3cbbd;border:0;border-bottom:1px solid #76816f;font-size:11px;padding:0}footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px!important;padding-bottom:25px!important;font-size:10px}.muted{color:var(--muted)}.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:9}.skip:focus{top:10px}@media(max-width:900px){.wrap{padding-left:32px;padding-right:32px}header{padding:20px 32px}h1{letter-spacing:-4px}.hero-index{display:none}.hero-bottom{gap:30px}.hero-meta{flex-wrap:wrap}.case{gap:30px}.case-main h3{font-size:28px}.case-visual{padding:24px}.about{gap:40px}.timeline>div{grid-template-columns:130px 1fr}.timeline p{grid-column:2}.proof strong{font-size:30px}.proof-grid>div+div{padding-left:20px}.about h2{font-size:35px}}@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}header{padding:20px 22px}nav{gap:18px;font-size:11px}nav>a:nth-child(3){display:none}.nav-contact{padding:7px 10px}.nav-contact span{display:none}.brand{font-size:31px}.hero{padding-top:42px}h1{font-size:57px;letter-spacing:-3px;margin-top:28px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-bottom .button{margin-top:25px}.hero-meta{margin-top:40px;font-size:8px;gap:10px}.hero-meta span:nth-child(2){display:none}.proof-grid{grid-template-columns:1fr;gap:18px}.proof-grid>div{display:flex;gap:20px;align-items:center}.proof-grid>div+div{border-left:0;border-top:1px solid #b7c0af;padding:18px 0 0}.proof strong{font-size:29px;min-width:145px}.proof p{font-size:10px}.proof .metric-note{font-size:9px}.section{padding-top:60px;padding-bottom:60px}.section-top .small{display:none}h2{font-size:38px;letter-spacing:-1.5px}.case{grid-template-columns:1fr;gap:25px;padding:28px 0}.case-visual{min-height:290px}.case-main h3{font-size:29px}.projects{grid-template-columns:1fr;gap:25px}.project-heading{margin-top:28px}.project-heading h3{font-size:26px}.timeline>div{grid-template-columns:1fr;gap:8px}.timeline p{grid-column:1}.timeline h3{font-size:22px}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:36px}.contact{padding:55px 0}.contact h2{font-size:37px}.contact-links{gap:22px;font-size:12px}.contact-links .button{padding:14px 17px;gap:20px}footer{flex-wrap:wrap}footer .muted{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;font-size:11px}header,nav,.hero-index,.hero-meta,.case-visual,.quote-panel,.contact-links,.email-row button,.text-button,footer a,.skip{display:none}.wrap{padding:0;max-width:none}.hero,.section,.contact{padding:20px 0}h1{font-size:44px;letter-spacing:-2px}h2{font-size:28px}.hero-bottom{display:block}.hero-bottom .button{display:none}.proof{padding:18px 0}.case,.about{display:block}.case{break-inside:avoid}.projects{gap:20px}.contact{background:white;color:var(--ink)}.contact em,.contact p,.contact .eyebrow,.email-row{color:var(--ink)}.timeline>div{break-inside:avoid}details:not([open]) .case-detail{display:none}}
