@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#11110f;--paper:#f2f0eb;--acid:#d7ff3f;--muted:#77736c;--line:#d5d1ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;top:0}.logo{font-weight:800;font-size:25px;text-decoration:none;color:var(--ink);letter-spacing:-2px}.logo span{color:#a2c900}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.contact-pill{background:var(--ink);color:white;padding:12px 17px;border-radius:100px;text-decoration:none;font-size:12px;font-weight:700}.contact-pill span{color:var(--acid);font-size:16px;margin-left:7px}.hero{min-height:100vh;padding:150px 5vw 42px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-copy{position:relative;z-index:1}.eyebrow,.section-label,.case-type,.job-meta,.impact span{font:500 11px 'DM Mono',monospace;letter-spacing:1.4px}.eyebrow span{color:#9fc300;margin-left:6px}.hero h1,h2{font-size:clamp(55px,8.6vw,136px);line-height:.91;letter-spacing:-.075em;margin:23px 0 28px;font-weight:700}.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500}.hero-text{max-width:485px;font-size:17px;line-height:1.65;color:#55524d}.hero-actions{display:flex;gap:12px;margin-top:32px}.primary,.secondary{padding:15px 21px;border-radius:2px;text-decoration:none;font-size:13px;font-weight:700}.primary{background:var(--ink);color:#fff}.primary span{color:var(--acid);margin-left:15px}.secondary{border:1px solid var(--ink);color:var(--ink)}.hero-stats{position:absolute;right:5vw;bottom:70px;display:grid;grid-template-columns:repeat(3,1fr);width:min(48vw,650px);gap:30px;border-top:1px solid var(--ink);padding-top:17px}.hero-stats strong{display:block;font-size:22px;letter-spacing:-1px}.hero-stats span{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:6px}.scroll-note{position:absolute;left:5vw;bottom:40px;font:10px 'DM Mono',monospace;letter-spacing:1px}.scroll-note span{margin-left:8px}.section{padding:130px 5vw}.section-label{color:var(--muted);margin-bottom:60px}.about{background:var(--ink);color:#f4f2ed}.about-content{display:grid;grid-template-columns:1.25fr .65fr;gap:8vw}.about h2{font-size:clamp(45px,6.7vw,100px);margin:0}.about-side{padding-top:13px}.about-side p{font-size:16px;line-height:1.75;color:#c7c5c0;margin:0 0 20px}.signature{font:32px 'Playfair Display',serif;font-style:italic;margin-top:40px;color:var(--acid)}.marquee{background:var(--acid);overflow:hidden;white-space:nowrap;padding:18px 0;font:700 14px 'DM Mono',monospace;letter-spacing:1px}.marquee div{animation:move 25s linear infinite;width:max-content}.marquee span{margin:0 28px}.expertise-head,.cases-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.expertise h2,.cases h2,.tools h2{font-size:clamp(48px,6vw,90px);margin:0}.expertise-head>p,.cases-intro>p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:285px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.service:hover{background:var(--ink);color:white}.service span,.step b,.principle-grid b{font:11px 'DM Mono',monospace;color:#888}.service h3{font-size:24px;letter-spacing:-1px;line-height:1.05;margin:72px 0 17px}.service p{font-size:12px;line-height:1.65;color:var(--muted)}.service:hover p{color:#bbb}.workflow{background:#e6e3dc}.workflow h2{font-size:clamp(50px,7vw,105px);margin:0 0 70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step{border-top:2px solid var(--ink);padding-top:17px}.step h3{font-size:19px;margin:40px 0 10px}.step p{font-size:13px;color:var(--muted);line-height:1.6}.job{border-top:1px solid var(--ink);display:grid;grid-template-columns:.5fr 1.5fr;padding:23px 0 80px}.job-meta{display:flex;flex-direction:column;gap:12px}.company{font:600 13px 'DM Mono',monospace;letter-spacing:1px}.job h2{font-size:clamp(52px,7vw,100px);margin:25px 0}.job-main>p:not(.company){max-width:580px;line-height:1.7;color:var(--muted);font-size:15px}.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.job-tags span{font:10px 'DM Mono',monospace;border:1px solid var(--line);padding:8px 10px}.impact{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.impact>div{padding:30px 0}.impact>div+div{border-left:1px solid var(--line);padding-left:8vw}.impact strong{font-size:clamp(58px,8vw,120px);display:block;letter-spacing:-.07em;margin:16px 0}.impact p{max-width:260px;color:var(--muted);font-size:13px;line-height:1.6}.cases{background:var(--ink);color:#f4f2ed}.cases .section-label,.cases-intro>p{color:#999}.case-list{border-top:1px solid #3b3b37}.case{display:grid;grid-template-columns:100px 1fr 40px;gap:30px;padding:35px 0;border-bottom:1px solid #3b3b37;transition:.3s}.case:hover{padding-left:20px;background:#191916}.case-no,.arrow{font:13px 'DM Mono',monospace;color:var(--acid)}.case-type{color:var(--acid);margin:0}.case h3{font-size:clamp(24px,3vw,43px);letter-spacing:-.04em;margin:13px 0}.case div>p:last-child{max-width:670px;color:#aaa;font-size:14px;line-height:1.7}.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.tool-cloud{padding-top:20px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}.tool-cloud span{font:12px 'DM Mono',monospace;border:1px solid var(--line);padding:12px 14px}.tool-cloud .large{font-size:22px;font-family:Manrope,sans-serif;font-weight:600}
.certification{background:#e6e3dc}
.cert-card{border-top:1px solid var(--ink);display:grid;grid-template-columns:.45fr 1.2fr .55fr;gap:30px;padding:25px 0 15px}
.cert-year{font:11px 'DM Mono',monospace;color:var(--muted)}
.cert-card h2{font-size:clamp(42px,5.5vw,82px);margin:20px 0}
.cert-card>div:nth-child(2)>p:not(.company){max-width:620px;color:var(--muted);font-size:15px;line-height:1.7}
.cert-id{font:10px 'DM Mono',monospace;color:var(--muted);line-height:1.7;padding-top:5px}
.cert-id strong{display:block;color:var(--ink);font-size:11px;margin-top:6px;word-break:break-word}
@media(max-width:850px){.cert-card{grid-template-columns:1fr;gap:18px}.cert-card h2{margin:10px 0}.cert-id{padding-top:0}}

.principles{background:#e6e3dc}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principle-grid>div{border-top:1px solid var(--ink);padding-top:17px}.principle-grid h3{font-size:32px;margin:45px 0 10px;letter-spacing:-1px}.principle-grid p{font-size:14px;color:var(--muted);max-width:230px;line-height:1.6}.contact{background:var(--acid);min-height:80vh;padding:100px 5vw 40px;display:flex;align-items:center}.contact-inner{width:100%}.contact h2{font-size:clamp(55px,8vw,120px);margin:20px 0 35px}.email{font-size:clamp(18px,2.3vw,32px);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px}.email span{margin-left:20px}.contact-bottom{display:flex;justify-content:space-between;margin-top:130px;font:10px 'DM Mono',monospace}.contact-bottom a{color:var(--ink);text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
@keyframes move{to{transform:translateX(-50%)}}
@media(max-width:850px){.nav-links{display:none}.hero{padding-top:120px}.hero-stats{position:relative;right:auto;bottom:auto;width:100%;margin-top:80px}.scroll-note{display:none}.about-content,.tools-layout{grid-template-columns:1fr}.expertise-head,.cases-intro{display:block}.expertise-head>p,.cases-intro>p{margin-top:25px}.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.job{grid-template-columns:1fr}.job-meta{flex-direction:row;justify-content:space-between;margin-bottom:40px}.case{grid-template-columns:45px 1fr}.case .arrow{display:none}.principle-grid{grid-template-columns:1fr}.impact{grid-template-columns:1fr}.impact>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.contact-bottom{margin-top:80px}.section{padding:90px 5vw}}@media(max-width:520px){.hero h1{font-size:57px}.hero-stats{grid-template-columns:1fr;gap:18px}.service-grid,.steps{grid-template-columns:1fr}.section-label{margin-bottom:35px}.hero-actions{flex-direction:column;align-items:flex-start}.contact-bottom{flex-direction:column;gap:15px}.case{padding:28px 0}}

.dashboard{background:#f8f7f3}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.dashboard-head h2{font-size:clamp(45px,6vw,90px);margin:0}.dashboard-head p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.7}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.dash-card{background:#fff;border:1px solid var(--line);padding:22px;min-height:210px}.dash-card.wide{grid-column:span 2}.dash-title{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:1px}.dash-title i{font-style:normal;color:#8aa900}.channels{display:grid;grid-template-columns:repeat(5,1fr);margin-top:45px}.channels>div{border-left:1px solid var(--line);padding:0 14px}.channels>div:first-child{border:0;padding-left:0}.channels b{display:block;font-size:14px}.channels span{font-size:10px;color:var(--muted);display:block;margin-top:7px}.metric{display:flex;flex-direction:column}.metric>span{font:10px 'DM Mono',monospace;letter-spacing:1px}.metric strong{font-size:clamp(44px,5vw,75px);letter-spacing:-.06em;margin:auto 0 15px}.metric p{font-size:12px;color:var(--muted);line-height:1.5;max-width:260px}.bars{display:flex;align-items:end;gap:5px;height:38px}.bars i{display:block;background:var(--ink);width:9px}.bars i:nth-child(1){height:20%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:30%}.bars i:nth-child(4){height:75%}.bars i:nth-child(5){height:55%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:100%;background:#a2c900}.workflow-card{min-height:auto}.mini-flow{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:10px;flex-wrap:wrap}.mini-flow b{font-size:12px;background:var(--paper);padding:12px}.mini-flow i{font-style:normal;color:#8aa900}.profile-placeholder{width:100%;height:130px;border:1px dashed #6b6a63;margin-bottom:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#777}.profile-placeholder span{font:42px 'Playfair Display',serif;font-style:italic;color:var(--acid)}.profile-placeholder small{font:9px 'DM Mono',monospace;letter-spacing:1.4px;margin-top:10px}
@media(max-width:850px){.dashboard-head{display:block}.dashboard-head p{margin-top:25px}.channels{grid-template-columns:1fr 1fr;gap:18px}.channels>div{border-left:0;padding:0}.dash-card.wide{grid-column:span 2}}
@media(max-width:520px){.dashboard-grid{grid-template-columns:1fr}.dash-card.wide{grid-column:auto}.mini-flow{flex-direction:column;align-items:flex-start}.mini-flow i{transform:rotate(90deg)}}

.hero-portrait{position:absolute;right:9vw;top:120px;width:min(24vw,330px);z-index:2}
.portrait-frame{height:min(29vw,390px);overflow:hidden;background:#d9d6cf;border-radius:170px 170px 8px 8px;position:relative}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(.08) contrast(1.03)}
.hero-portrait>span{display:block;margin-top:10px;font:10px 'DM Mono',monospace;letter-spacing:1.6px;text-align:right}
.profile-photo{width:100%;height:250px;overflow:hidden;margin-bottom:28px;background:#222}
.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
@media(max-width:1100px){.hero-portrait{opacity:.22;right:5vw;width:330px}.hero-stats{width:58vw}}
@media(max-width:850px){.hero-portrait{position:relative;top:auto;right:auto;width:100%;opacity:1;margin:40px 0 0}.portrait-frame{height:360px;width:min(280px,70vw);margin-left:auto}.hero-portrait>span{width:min(280px,70vw);margin-left:auto}.hero-stats{width:100%}.profile-photo{height:360px;max-width:420px}}

/* Support work gallery */
.work{background:#f8f7f3}
.work-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}
.work-intro h2{font-size:clamp(48px,6vw,90px);margin:0}
.work-intro p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.work-card{margin:0;border:1px solid var(--line);background:#fff;padding:10px;transition:transform .35s ease,box-shadow .35s ease}
.work-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,18,15,.08)}
.work-card.wide{grid-column:span 2}
.work-image{display:block;width:100%;padding:0;border:0;background:#eeece7;cursor:zoom-in;overflow:hidden}
.work-image img{display:block;width:100%;height:auto;transition:transform .45s ease}
.work-card:hover .work-image img{transform:scale(1.012)}
.work-card:not(.portrait) .work-image img{aspect-ratio:3/2;object-fit:cover;object-position:top}
.work-card.portrait{max-width:440px;justify-self:center}
.work-card.portrait .work-image img{max-height:720px;object-fit:cover;object-position:top}
.work-card figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 4px 5px}
.work-card figcaption span{font:10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.8px}
.work-card figcaption strong{font-size:13px;font-weight:600}
.lightbox{position:fixed;inset:0;background:rgba(9,10,9,.94);z-index:1000;display:flex;align-items:center;justify-content:center;padding:35px;opacity:0;visibility:hidden;transition:.25s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.lightbox-close{position:absolute;top:18px;right:24px;border:0;background:transparent;color:white;font-size:42px;line-height:1;cursor:pointer}
@media(max-width:850px){.work-intro{display:block}.work-intro p{margin-top:25px}.work-grid{grid-template-columns:1fr}.work-card.wide{grid-column:auto}.work-card.portrait{max-width:100%}.work-card figcaption{display:block}.work-card figcaption strong{display:block;margin-top:7px}}


/* Contact links */
.contact-links{display:flex;gap:22px;align-items:center}
.contact-links a{color:var(--ink);text-decoration:none}
@media(max-width:520px){.contact-links{flex-wrap:wrap;gap:14px}}