*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#111210;color:#f1f1e9;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #0285ff;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#111;padding:15px;z-index:99}header,main{max-width:1800px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 4.3vw}.wordmark{font-size:39px;letter-spacing:-5px;font-weight:900}.wordmark span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:7px}nav{display:flex;gap:38px;font-size:14px}nav sup{font-size:11px;color:#0285ff;margin-left:3px}nav a:hover{color:#0285ff}.intro{padding:58px 4.3vw 70px}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.1px}h1{font-size:clamp(70px,14.25vw,248px);font-weight:800;letter-spacing:-.075em;line-height:1.07;margin:25px 0 30px;white-space:nowrap}.period{color:#0285ff}.intro-bottom{display:grid;grid-template-columns:1fr 240px 65px;gap:30px;align-items:center}.intro-bottom>p{font-size:clamp(23px,2.45vw,39px);line-height:1.22;letter-spacing:-.8px;margin:0}.small-label{font-size:12px;letter-spacing:1.2px;color:#b3b4ab}.current p{font-size:16px;line-height:1.4;margin:9px 0 0}.round-link{border:1px solid #6b6c63;border-radius:50%;width:59px;height:59px;display:grid;place-items:center;font-size:28px;transition:background .2s,color .2s}.round-link:hover{background:#0285ff;color:#111}.work{padding:30px 4.3vw 110px}.section-heading{border-top:1px solid #45463f;padding:20px 0 35px;display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-heading h2{font-size:16px;font-weight:400;margin:0}.section-heading>span{font-size:12px;letter-spacing:1px;color:#aaaca1}#projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 25px}.project:first-child{grid-column:1/-1}.project .media{position:relative;overflow:hidden;aspect-ratio:1.47;background:#262923}.project:first-child .media{aspect-ratio:2.13}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.project a:hover img{transform:scale(1.035)}.project .project-arrow{position:absolute;right:20px;bottom:20px;background:#f1f1e9;color:#111;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:18px}.project-meta h3{font-size:24px;letter-spacing:-.6px;font-weight:400;margin:0 0 8px}.project-meta p{font-size:14px;color:#adafa4;margin:0}.project-number{font-size:12px;color:#adafa4;padding-top:5px}.surface{background:#0073de!important;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.surface .surface-label{font-size:14px;letter-spacing:.4px}.surface strong{font-size:clamp(45px,6.5vw,100px);line-height:.88;letter-spacing:-.06em;font-weight:500}.surface .surface-bottom{font-size:14px;line-height:1.5;max-width:75%}.about{background:#e9eae3;color:#151610;padding:55px 4.3vw 100px}.about .section-heading{border-color:#b4b5ac}.about .section-heading>span{color:#5c5f53}.about-body{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;padding-top:20px}.asterisk{font-family:Arial,sans-serif;font-size:clamp(140px,25vw,330px);line-height:1;color:#134976}.about h3{font-size:clamp(40px,5.7vw,85px);line-height:.99;letter-spacing:-.055em;font-weight:500;margin:0 0 35px}.about p{font-size:18px;line-height:1.65;max-width:620px;color:#44483d}.experience{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;margin-top:40px;letter-spacing:.6px}footer{padding:75px 4.3vw 25px}footer>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(45px,9.2vw,150px);letter-spacing:-.065em;padding:25px 0 55px}footer>a span{color:#0285ff}.footer-bottom{border-top:1px solid #45463f;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.7px;color:#aaaca1}@media(min-width:1800px){header,.intro,.work,.about,footer{padding-left:77px;padding-right:77px}}@media(max-width:700px){header{padding:22px 6vw}nav{gap:20px;font-size:14px}.wordmark{font-size:32px}.intro{padding:45px 6vw}.eyebrow{font-size:11px}.eyebrow span:last-child{display:none}h1{font-size:14.2vw;margin:25px 0 30px}.intro-bottom{grid-template-columns:1fr 55px;gap:30px}.intro-bottom>p{grid-column:1/-1;font-size:26px}.current{grid-row:2}.round-link{width:50px;height:50px}.work{padding:20px 6vw 65px}.section-heading{padding-bottom:25px}.section-heading>span{font-size:10px;max-width:130px;text-align:right;line-height:1.5}#projects{grid-template-columns:1fr;gap:35px}.project:first-child .media{aspect-ratio:1.35}.project .media{aspect-ratio:1.35}.project-meta h3{font-size:23px}.surface{padding:26px}.surface strong{font-size:70px}.about{padding:35px 6vw 60px}.about-body{grid-template-columns:1fr;gap:20px}.asterisk{font-size:100px}.about h3{font-size:50px}.about p{font-size:17px}.experience{gap:15px;font-size:11px}footer{padding:50px 6vw 25px}.footer-bottom{font-size:10px}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.more-work{padding:0 4.3vw 100px}.more-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-card{display:block;min-width:0}.work-card-image{aspect-ratio:4/3;overflow:hidden;background:#262923;display:grid;place-items:center}.work-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.orbs-card .work-card-image{background:#5865f2}.chicago-card .work-card-image{background:#161d2b;padding:24px}.markets-card .work-card-image{background:#174c3c;padding:20px}.work-card:hover img{transform:scale(1.035)}.work-card-caption{display:flex;justify-content:space-between;gap:15px;padding-top:17px}.work-card h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:0 0 8px}.work-card p{font-size:14px;color:#adafa4;margin:0}.work-card-caption>span{font-size:24px;color:#0285ff}.work-card:hover h3{color:#0285ff}
@media(min-width:1800px){.more-work{padding-left:77px;padding-right:77px}}@media(max-width:900px){nav{gap:22px}.more-work-grid{gap:18px}}@media(max-width:700px){header{gap:20px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 18px;max-width:265px}nav sup{display:none}.more-work{padding:0 6vw 65px}.more-work-grid{grid-template-columns:1fr;gap:32px}.work-card-image{aspect-ratio:1.5}.work-card h3{font-size:23px}}
/* A wide, geometric display face for the homepage signature. */
@font-face{font-family:Unbounded;src:url('assets/unbounded-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
.intro h1{font-family:Unbounded,Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(30px,11.7vw,210px);letter-spacing:-.065em;line-height:1.15;margin-top:30px;margin-bottom:36px}
header nav{align-items:baseline}header nav>a,header nav>.work-toggle{display:inline-block;font-family:inherit;font-size:inherit;line-height:1.5;padding:0;vertical-align:baseline;white-space:nowrap}header nav sup{position:relative;top:-.45em;vertical-align:baseline;line-height:0}
@media(max-width:700px){.intro h1{font-size:11.3vw;letter-spacing:-.065em;margin:25px 0 30px}}
/* Selected NM mark, option 03. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.wordmark .nm-mark{display:block;width:79px;height:32px}@media(max-width:700px){.wordmark .nm-mark{width:69px;height:28px}}
/* Quiet navigation: the homepage title carries the identity. */
.home-header{justify-content:flex-end;min-height:92px}.home-name{font-size:16px;font-weight:400;letter-spacing:-.3px;white-space:nowrap}.home-name:hover{color:#0285ff}@media(max-width:700px){.home-header{min-height:72px}.home-name{font-size:14px}}
/* Project signature uses the homepage lettering. */
.home-name{font-family:Unbounded,Arial,Helvetica,sans-serif;font-weight:900;font-size:17px;letter-spacing:-.065em;text-transform:uppercase;line-height:1.2}@media(max-width:700px){.home-name{font-size:14px}}
.company-reel{align-self:start;max-width:460px;width:100%;color:#151610}.company-stage{position:relative;height:330px}.company-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;animation:company-cycle 35s linear infinite;animation-delay:calc(var(--i)*5s)}.company-slide img{width:145px;height:145px;object-fit:contain;opacity:.88}.company-slide span{font-size:27px;font-weight:600;letter-spacing:-.8px}.company-reel-footer{border-top:1px solid #b4b5ac;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.company-reel-footer>span{font-size:10px;letter-spacing:.7px;color:#5c5f53}.company-pause{border:0;background:none;color:#44483d;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;padding:8px 0}.company-reel.is-paused .company-slide{animation-play-state:paused}@keyframes company-cycle{0%{opacity:0;transform:translateY(9px)}2.3%,12%{opacity:1;transform:translateY(0)}14.2857%,100%{opacity:0;transform:translateY(-9px)}}@media(max-width:700px){.company-reel{max-width:none}.company-stage{height:230px}.company-slide img{width:110px;height:110px}.company-slide span{font-size:23px}}@media(prefers-reduced-motion:reduce){.company-slide{animation:none;transform:none}.company-slide:first-child{opacity:1}.company-pause{display:none}}
/* Softer company sequence and smaller captions. */
.company-slide img{opacity:.65}.company-slide span{font-size:18.9px;color:rgba(0,0,0,.65)}@media(max-width:700px){.company-slide span{font-size:16.1px}}
.agency-slide img{width:230px;max-width:90%;height:160px;filter:grayscale(1);mix-blend-mode:multiply}@media(max-width:700px){.agency-slide img{width:200px;height:140px}}
/* Selected agency screenshots: isolate light marks for the muted presentation. */
.agency-slide img{filter:grayscale(1) contrast(20) invert(1);mix-blend-mode:multiply;opacity:.65}
/* Blend the complete animated layer so screenshot backgrounds remain invisible during fades. */
.agency-slide{mix-blend-mode:multiply}.agency-slide img{mix-blend-mode:normal}
/* Wide BBDO artwork: match optical size, retaining its white background blend. */
.agency-slide img.bbdo-mark{width:255px;height:160px;max-width:96%;filter:grayscale(1) contrast(20)}@media(max-width:700px){.agency-slide img.bbdo-mark{width:235px;height:145px}}
.experience-link{display:inline-block;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:10px}.experience-link:hover{color:#134976}
/* Curated homepage: four supporting stories and a quiet project archive. */
.more-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.more-work-grid .work-card-image{aspect-ratio:16/9;padding:0}.more-work-grid .work-card-image img{object-fit:cover}.more-work-grid .work-card h3{font-size:20px}.project-archive{margin-top:48px;border-top:1px solid #383b33}.project-archive summary{cursor:pointer;display:flex;align-items:center;gap:16px;width:fit-content;padding:24px 0;color:#adafa4;font-size:16px;list-style:none}.project-archive summary::-webkit-details-marker{display:none}.project-archive summary:hover{color:#0285ff}.project-archive summary span{font-size:22px;transition:transform .2s}.project-archive[open] summary span{transform:rotate(45deg)}.archive-links{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.archive-links a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #383b33;font-size:18px}.archive-links a span:last-child{color:#adafa4;font-size:14px}.archive-links a:hover{color:#0285ff}.project-archive summary:focus-visible,.archive-links a:focus-visible{outline:2px solid #0285ff;outline-offset:5px}@media(max-width:700px){.more-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.more-work-grid .work-card h3{font-size:18px}.archive-links{grid-template-columns:1fr}.project-archive{margin-top:36px}}
#projects>.project{min-width:0}.project-meta>div{min-width:0}@media(max-width:700px){#projects{grid-template-columns:minmax(0,1fr)}}
.more-work-grid .markets-card .work-card-image{padding:0}.more-work-grid .markets-card .work-card-image img{object-fit:cover}
.project a[href="/kiwi.html"] img{object-position:center center}
/* Reserved Windows slot, matching the selected-work proportions. */
.project .windows-placeholder{background:#000}
.more-work-grid .shop-card .work-card-image img{object-fit:cover}
.company-reel:hover .company-slide{animation-play-state:paused}
.about-recognition{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.about-recognition img{display:block;width:390.103px;max-width:100%;height:auto;filter:brightness(0.4588235294)}