:root{--ink:#101010;--paper:#f5f5f2;--yellow:#f5eb00;--line:#b9b9b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip{position:absolute;left:-9999px;top:10px;z-index:10;background:var(--yellow);padding:10px}.skip:focus{left:10px}.wrap{width:min(100% - 7vw,1500px);margin:auto}.site-header{height:82px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;gap:3vw;padding:0 3.5vw;color:white;background:linear-gradient(#080808c9,#08080800);text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.08em}.brand{margin-right:auto;width:176px;flex:none}.brand img{width:100%;filter:brightness(0) invert(1)}.site-header nav{display:flex;gap:2.7vw}.site-header nav a,.header-cta{transition:color .2s}.site-header nav a:hover,.header-cta:hover{color:var(--yellow)}.header-cta{border:1px solid #ffffff8c;padding:12px 17px;white-space:nowrap}.header-cta span{margin-left:25px}.menu-toggle{display:none}.hero{height:min(850px,100svh);min-height:580px;background:#0c0c0c;position:relative;overflow:hidden;color:white}.hero video{width:100%;height:100%;object-fit:cover;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 24%,transparent 65%,rgba(0,0,0,.55))}.hero-bottom{position:absolute;bottom:32px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;align-items:center;font-size:.77rem;letter-spacing:.1em;font-weight:700}.hero-bottom a{border-bottom:1px solid white;padding-bottom:8px}.hero-bottom a span{margin-left:40px}.eyebrow{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:17px;font-weight:700;letter-spacing:.1em;font-size:.73rem;text-transform:uppercase}.eyebrow.light{border-color:#686868}.intro{padding-top:100px;padding-bottom:155px}.intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end;margin-top:75px}.intro h1,.ai h2,.section-heading h2,.credibility h2,.closing h2{font-family:Oswald,Impact,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:-.045em;line-height:.96;margin:0;text-transform:uppercase}.intro h1{font-size:clamp(5rem,10.5vw,12rem)}em{font-style:normal;color:var(--yellow)}.intro h1 em{color:var(--ink);font-weight:400;font-style:italic}.intro-copy{max-width:390px;padding-bottom:10px}.lead{font-size:clamp(1.4rem,2vw,2rem);line-height:1.32;letter-spacing:-.025em;font-weight:500;margin:0 0 24px}.intro-copy>p:not(.lead),.ai-heading>div>p:not(.lead){line-height:1.65;color:#535353;margin:0 0 38px}.text-link{display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.08em}.text-link:hover{gap:55px}.ai{background:#111;color:#f5f5f2;padding:100px 0 115px}.ai-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin:76px 0 86px}.ai h2{font-size:clamp(5.5rem,11vw,12rem)}.ai-heading>div{max-width:520px}.ai-heading>div>p:not(.lead){color:#a9a9a5}.workflow{border-top:1px solid #777;border-bottom:1px solid #777;max-width:1250px;margin:auto}.workflow-top{display:flex;justify-content:space-between;padding:19px 0;color:#aaa;font-size:.72rem;letter-spacing:.1em;font-weight:700}.flow-start,.flow-review{display:grid;grid-template-columns:60px 1fr auto;gap:25px;align-items:start;border-top:1px solid #555;padding:26px 0}.step-num{font-size:.8rem;color:var(--yellow);font-weight:700}.workflow b{display:block;font-family:Oswald,Impact,sans-serif;font-size:clamp(1.2rem,1.7vw,1.7rem);font-weight:500;letter-spacing:.02em}.workflow small{display:block;font-size:.85rem;line-height:1.5;color:#aaa;margin-top:5px}.flow-tag{font-size:.65rem;border:1px solid #555;border-radius:30px;padding:7px 12px;letter-spacing:.1em}.flow-tag.yellow{border-color:var(--yellow);color:var(--yellow)}.flow-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#555;border-top:1px solid #555;border-bottom:1px solid #555}.flow-branches>div{background:#171717;padding:32px 22px 35px;min-height:160px}.flow-branches .step-num{display:block;margin-bottom:25px}.flow-review{background:#202018;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;border-top:1px solid var(--yellow);border-bottom:1px solid var(--yellow)}.flow-end{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#555}.flow-end>div{background:#111;padding:30px 20px}.flow-end .step-num{display:block;margin-bottom:20px}.ai-foot{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:44px}.ai-foot p{font-family:Oswald,Impact,sans-serif;line-height:1.12;font-size:clamp(1.5rem,2.4vw,2.5rem);margin:0}.ai-foot strong{color:var(--yellow);font-weight:500}.light-link{color:var(--yellow);white-space:nowrap}.work{padding-top:110px;padding-bottom:165px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:70px 0 90px}.section-heading h2{font-size:clamp(5rem,10vw,11rem)}.section-heading h2 em{color:var(--ink);font-style:italic;font-weight:400}.section-heading p{max-width:330px;font-size:1.13rem;line-height:1.5}.work-feature .art{background:#dededb;overflow:hidden}.work-feature .art img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-feature:hover .art img{transform:scale(1.025)}.work-coke{max-width:78%;margin:0 auto 145px}.work-coke .art{height:clamp(490px,69vw,850px);background:#1a1a1a}.work-coke .art img{object-fit:contain}.work-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:14px;margin-top:13px}.work-caption span{font-size:.75rem;letter-spacing:.08em;font-weight:700}.work-caption h3{font-family:Oswald,Impact,sans-serif;font-weight:500;font-size:clamp(1.8rem,3.4vw,3.7rem);line-height:1;margin:0;text-align:right}.work-pair{display:grid;grid-template-columns:1.13fr .72fr;gap:8vw;align-items:start;margin-bottom:160px}.work-pair .offset{margin-top:230px}.landscape{height:490px}.portrait{height:600px}.interest-collage{height:640px;background:#171717;display:flex;justify-content:center;align-items:center;gap:3%;padding:5%}.interest-collage img{width:26%;height:70%;object-fit:cover}.interest-collage img:nth-child(2){width:28%;height:92%;align-self:flex-start}.interest-collage img:nth-child(3){width:29%;height:72%;align-self:flex-end}.credibility{background:#161616;color:#f6f6f2;padding:105px 0 120px}.credibility .eyebrow{border-color:#888}.credibility h2{font-size:clamp(4.5rem,8vw,9rem);max-width:930px;margin:80px 0 72px}.credibility img{width:100%;max-width:1000px;mix-blend-mode:screen}.credibility p{color:#aaa;font-size:.95rem;margin-top:50px}.closing{padding-top:160px;padding-bottom:180px}.eyebrow-single{display:block;border-top:1px solid var(--ink);padding-top:18px;font-size:.74rem;letter-spacing:.1em;font-weight:700}.closing h2{font-size:clamp(4.7rem,9.2vw,10.8rem);margin:80px 0 80px}.closing h2 em{color:var(--ink);font-style:italic;font-weight:400}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.closing-bottom p{max-width:450px;font-size:1.25rem;line-height:1.5}.build-link{font-family:Oswald,Impact,sans-serif;font-size:clamp(2.5rem,5vw,5rem);border-bottom:4px solid var(--ink);white-space:nowrap}.build-link span{font-family:Arial,sans-serif;font-size:.65em}footer{background:#111;color:#f4f4f1;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:.72rem;letter-spacing:.08em;font-weight:700}.footer-inner img{width:145px;filter:brightness(0) invert(1)}
@media(max-width:900px){.intro-grid,.ai-heading{grid-template-columns:1fr;gap:45px}.intro-copy{max-width:600px}.work-pair{gap:4vw}.work-pair .offset{margin-top:100px}.landscape{height:380px}.portrait{height:490px}.site-header nav{gap:15px}.brand{width:145px}.footer-inner{flex-wrap:wrap}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:68px;padding:0 20px}.brand{width:140px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111;padding:24px 20px 32px;flex-direction:column;gap:24px;font-size:1rem}.site-header nav.open{display:flex}.header-cta{margin-left:auto;padding:9px 10px;font-size:.68rem}.header-cta span{margin-left:5px}.menu-toggle{display:block;background:none;border:0;color:white;text-transform:uppercase;font-size:.7rem;letter-spacing:.07em;font-weight:700;padding:12px 0 12px 8px}.hero{height:78svh;min-height:500px}.hero video{object-position:center}.hero-bottom{left:20px;right:20px;bottom:22px;font-size:.62rem;gap:10px}.hero-bottom span:first-child{max-width:180px}.hero-bottom a span{margin-left:8px}.eyebrow{font-size:.65rem;gap:10px}.eyebrow span:last-child{text-align:right;max-width:45%}.intro{padding-top:65px;padding-bottom:95px}.intro-grid{margin-top:50px}.intro h1{font-size:clamp(4.2rem,17vw,7rem)}.lead{font-size:1.4rem}.ai{padding:72px 0 85px}.ai-heading{margin:60px 0}.ai h2{font-size:clamp(4.5rem,17vw,7rem)}.workflow-top{font-size:.6rem}.workflow-top span:last-child{text-align:right}.flow-branches{grid-template-columns:1fr}.flow-branches>div{min-height:0;padding:22px}.flow-branches .step-num{margin-bottom:10px}.flow-start,.flow-review{grid-template-columns:35px 1fr;gap:12px}.flow-tag{grid-column:2;justify-self:start}.flow-end{grid-template-columns:1fr}.ai-foot{align-items:start;flex-direction:column;gap:30px}.work{padding-top:75px;padding-bottom:90px}.section-heading{display:block;margin:55px 0 55px}.section-heading h2{font-size:clamp(4.6rem,16vw,7rem)}.section-heading p{margin-top:30px}.work-coke{max-width:100%;margin-bottom:85px}.work-coke .art{height:530px}.work-caption{display:block}.work-caption h3{text-align:left;margin-top:12px}.work-pair{grid-template-columns:1fr;gap:80px;margin-bottom:95px}.work-pair .offset{margin-top:0}.landscape{height:300px}.portrait{height:500px}.interest-collage{height:370px;padding:3%;gap:2%}.credibility{padding:75px 0 85px}.credibility h2{font-size:clamp(4rem,14vw,6rem);margin:55px 0}.closing{padding-top:95px;padding-bottom:100px}.closing h2{font-size:clamp(3.7rem,13vw,6.5rem);margin:60px 0}.closing-bottom{align-items:start;flex-direction:column;gap:35px}.closing-bottom p{font-size:1.1rem}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:.62rem}.footer-inner img{width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-feature .art img{transition:none}}

/* Selected work: gallery scale, two-column cadence, and quiet captions. */
.work{width:100%;padding:0;background:#fff}
.work-intro{padding-top:100px;padding-bottom:76px}
.work-intro h2{font-family:Oswald,Impact,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(4.8rem,8vw,9rem);line-height:1;margin:68px 0 25px;letter-spacing:-.045em}
.work-intro p{font-size:1.16rem;line-height:1.5;max-width:460px;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.project{min-width:0;margin:0;border-top:1px solid #191919;border-right:1px solid #191919}
.project:nth-child(2n){border-right:0}
.project-image{aspect-ratio:1.38;overflow:hidden;background:#171717}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.project:hover .project-image img{transform:scale(1.025)}
.project figcaption{min-height:96px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 3.5vw 19px;background:#fff;color:#111}
.project figcaption div{display:flex;flex-wrap:wrap;gap:7px 19px;align-items:baseline}
.project figcaption strong{font-family:Oswald,Impact,sans-serif;font-size:1.28rem;letter-spacing:.015em;font-weight:500}
.project figcaption span,.project figcaption small{font-size:.74rem;letter-spacing:.065em;font-weight:700}
.project figcaption span{color:#555}
.project figcaption small{white-space:nowrap}
@media(max-width:750px){.work-intro{padding-top:75px;padding-bottom:52px}.work-intro h2{font-size:clamp(4rem,13vw,6rem);margin-top:52px}.project-grid{grid-template-columns:1fr}.project{border-right:0}.project-image{aspect-ratio:1.2}.project figcaption{padding:16px 20px;min-height:84px}}
@media(max-width:420px){.project figcaption div{display:block}.project figcaption span{display:block;margin-top:4px;font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.project-image img{transition:none}}
.credibility{background:#000}
.credibility img{mix-blend-mode:normal;filter:contrast(1.2)}
.microsoft-relationship{display:flex;align-items:center;gap:30px;margin:30px 0 0;max-width:1000px;padding:27px 0;border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b}
.credibility .microsoft-logo{display:block;width:245px;max-width:52%;height:auto;filter:none;mix-blend-mode:normal}
.microsoft-relationship span{font-size:.73rem;letter-spacing:.1em;font-weight:700;color:#b6b6b6}
@media(max-width:650px){.microsoft-relationship{gap:14px;padding:22px 0}.credibility .microsoft-logo{width:175px}.microsoft-relationship span{font-size:.61rem}}
@media(max-width:650px){
  .site-header{position:relative;background:#111}
  .hero{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}
  .hero video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#080808}
  .hero-shade{display:none}
  .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:15px 20px 17px;background:#111}
}
@media(max-width:380px){.site-header{gap:8px}.brand{width:110px}.header-cta{font-size:.62rem;padding:8px}.menu-toggle{padding-left:0}}
