@font-face{font-family:Space;src:url('assets/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
.character-showcase{background:#fff;padding:66px 0 35px;scroll-margin-top:0}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:34px}
.showcase-heading .brand-name{display:inline-flex;gap:9px;align-items:center;margin-bottom:18px}
.showcase-heading h2{font-size:clamp(36px,4.5vw,58px);max-width:660px}
.showcase-heading>p{font-size:16px;line-height:1.5;max-width:280px;margin-bottom:4px}
.showcase-art{display:block;max-width:1080px;margin-inline:auto}
.showcase-art img{width:100%;height:auto}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8e4ef;padding-top:22px;margin-top:26px}
.showcase-footer p{font-size:13px}
.ambire-environment{aspect-ratio:2.08;background:#100d17;overflow:hidden}
.ambire-environment img{width:100%;height:100%;object-fit:cover;object-position:center 61%}
.path-merch{background:#000;padding:34px;max-width:1250px;margin-top:25px}
.path-merch figure{max-width:1100px;margin:auto}
.path-merch figcaption{color:#c0c0b9}
@media(max-width:760px){.character-showcase{padding:38px 0 28px}.showcase-heading{display:block;margin-bottom:24px}.showcase-heading>p{margin-top:18px;max-width:none}.showcase-heading>p br{display:none}.showcase-heading .brand-name{margin-bottom:14px}.showcase-art{width:calc(100% + 24px);margin-inline:-12px}.showcase-footer{align-items:start;gap:15px}.showcase-footer p{font-size:12px;max-width:165px}.showcase-footer .text-link{white-space:nowrap}.path-merch{padding:12px}.ambire-environment{aspect-ratio:1.5}}
.ambire-characters{background:#fff;padding:66px 0 48px;margin-bottom:32px;scroll-margin-top:0}
.characters-heading{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;margin-bottom:44px}
.characters-heading .eyebrow{color:#6000ff;margin-bottom:14px}
.characters-heading h2{font-size:clamp(42px,5vw,64px)}
.characters-heading>p{max-width:460px;font-size:17px;line-height:1.6}
.ambire-characters figure{margin:0 auto;max-width:1080px}
.ambire-characters figure>img{width:100%;height:auto}
.ambire-characters figcaption{margin-top:25px;border-top:1px solid #e8e4ef;padding-top:15px;font-size:12px;color:#202522}
@media(max-width:760px){.ambire-characters{padding:42px 0 30px;margin-bottom:18px}.characters-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.characters-heading>p{font-size:16px}.ambire-characters figure{width:calc(100% + 24px);margin-inline:-12px}.ambire-characters figcaption{margin-inline:12px}}
:root{--paper:#f7f5ef;--ink:#202522;--muted:#202522;--line:#d8dbd1;--accent:#e4613e;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3,dl{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b84121;outline-offset:6px}h1,h2,h3{font-family:Space,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(48px,6.1vw,80px)}h2{font-size:clamp(34px,3.7vw,48px)}h3{font-size:31px}p+p{margin-top:20px}.wrap{width:calc(100% - 104px);max-width:var(--max);margin-inline:auto}.wide{width:calc(100% - 48px);max-width:1512px;margin-inline:auto}.accent,.name-dot{color:var(--accent)}.eyebrow{font:500 12px/1.4 Space,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:18px}.skip{position:absolute;top:-100px;left:24px;background:var(--white);padding:12px;z-index:10}.skip:focus{top:10px}.external-icon{height:20px;width:20px;flex:none}.action-icon{height:26px;width:26px;flex:none;transition:transform .25s ease}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:108px;border-bottom:1px solid var(--line);position:relative;z-index:5}.identity{display:flex;gap:13px;align-items:center;text-decoration:none;font-family:Space,Arial,sans-serif;font-weight:600;font-size:21px;letter-spacing:-.05em;white-space:nowrap}.portrait{width:40px;height:40px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);overflow:hidden;position:relative}.portrait img{width:100%;height:100%;object-fit:cover;transform:scale(1.75);transform-origin:50% 34%;filter:grayscale(1);mix-blend-mode:normal}.name-dot{margin-left:1px}.header-actions{display:flex;align-items:center;gap:32px}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:13px;text-decoration:none;position:relative}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav a:hover:after{transform:scaleX(1)}.resume-link{display:flex;align-items:center;gap:10px;font-size:13px;text-decoration:none;padding:10px 12px;border:1px solid var(--ink);background:transparent}.resume-link svg{width:18px;height:18px}.resume-link:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.hero{padding-top:84px;padding-bottom:59px}.hero .eyebrow{margin-bottom:23px}.hero h1{max-width:1070px}.hero-bottom{display:flex;align-items:center;gap:42px;margin-top:31px;max-width:950px}.hero-bottom>p{max-width:570px;line-height:1.6;font-size:19px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);text-decoration:none;padding:16px 19px;font-size:14px;white-space:nowrap}.button:hover .action-icon{transform:translateX(4px)}.button:hover{background:#363e37}.hero h1,.hero-bottom{animation:arrive .6s cubic-bezier(.2,.75,.3,1) both}.hero-bottom{animation-delay:.08s}.focus-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}.focus-strip p{font:500 14px/1.5 Space,Arial,sans-serif;letter-spacing:-.01em;margin:0}.focus-strip>span{color:var(--accent);font-size:18px}.work-section{padding-block:66px 82px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.section-heading h2{font-size:29px;letter-spacing:-.045em}.section-count{font:12px/1.4 Space,Arial,sans-serif;color:var(--muted)}.work-item+.work-item{margin-top:64px}.work-image-link{display:block;position:relative;text-decoration:none;overflow:hidden}.work-image-link .path-art,.work-image-link .ambire-art,.work-image-link .stellar-art{height:auto;aspect-ratio:2.08}.image-action{position:absolute;right:20px;bottom:20px;width:47px;height:47px;background:var(--paper);display:grid;place-items:center;color:var(--ink)}.work-image-link:hover .action-icon{transform:translateX(4px)}.work-caption{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;margin-top:24px}.brand-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.brand-name{font:600 16px/1.4 Space,Arial,sans-serif;letter-spacing:-.02em}.tag{font:12px/1.4 Arial,sans-serif;display:inline-flex;align-items:center;gap:8px;border:1px solid #d1d6cb;border-radius:30px;padding:6px 11px;text-decoration:none;white-space:normal}.tag>span{color:var(--muted);font-size:10px}.tag[href]:hover{background:white}.work-caption h3{font-size:29px;max-width:450px;margin-top:13px;line-height:1.15}.work-caption h3 a{text-decoration:none}.work-summary p{font-size:16px;color:var(--muted);line-height:1.6}.work-summary .text-link{margin-top:16px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px;line-height:1.5}.text-link:hover .external-icon{transform:translate(2px,-2px)}.external-icon{transition:transform .2s}.text-link svg{width:18px;height:18px}.path-art{background:#f46000;padding:5.8% 9%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.path-focus{position:relative;width:100%;aspect-ratio:350/205;overflow:hidden;box-shadow:0 16px 42px #a8380030}.path-focus img{position:absolute;width:314.2857%;max-width:none;left:-164.857%;top:-37.56%;height:auto}.ambire-art{background:#6000ff url('assets/ambire/texture-17.png') center/cover;min-height:500px;display:grid;place-items:center;overflow:hidden}.ambire-lockup{width:43%;height:auto;min-width:190px}.stellar-art{background:#080808;display:flex;align-items:center;justify-content:center}.stellar-art img{width:100%;height:100%;object-fit:contain}.writing-section{background:#edece3;border-block:1px solid var(--line);padding-block:75px}.writing-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px}.section-deck{font-size:15px;color:var(--muted);margin-top:22px;line-height:1.7}.writing-list{border-top:1px solid #c7ccbf}.writing-item{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #c7ccbf;padding:26px 0;text-decoration:none}.writing-item .eyebrow{display:block;margin-bottom:9px;font-size:10px}.writing-item h3{font-size:24px;letter-spacing:-.04em;line-height:1.2}.writing-item p{font-size:14px;color:var(--muted);margin-top:10px}.writing-item:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.source-note{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.6}.source-note .text-link{font-size:12px}.experience-section{padding-block:82px}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:42px}.experience-intro>p{font-size:18px;color:var(--muted);padding-top:32px;max-width:510px}.timeline{border-top:1px solid var(--ink)}.job{display:grid;grid-template-columns:.9fr 1.3fr;gap:75px;padding:34px 0;border-bottom:1px solid var(--line)}.employer h3{font-size:24px;letter-spacing:-.04em;line-height:1.18}.company-definition{font-size:15px;line-height:1.55;margin-top:10px;max-width:360px;color:var(--muted)}.job-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px}.job-role{font-size:13px;font-weight:700;line-height:1.5}.job-heading time{font:12px/1.5 Space,Arial,sans-serif;white-space:nowrap;color:var(--muted)}.contribution>p{font-size:16px;line-height:1.7;color:var(--ink)}.proof-pill{display:inline-flex;gap:12px;align-items:center;min-height:43px;border:1px solid var(--line);border-radius:30px;background:#fff;padding:7px 14px;text-decoration:none;margin-top:15px;max-width:100%}.proof-pill>span{font-size:11px;line-height:1.35;max-width:107px;color:var(--muted)}.proof-pill img{width:112px;height:auto;max-height:32px;object-fit:contain}.proof-google-cloud img{width:100px}.proof-moneygram img{width:102px}.proof-pill:hover{border-color:var(--ink)}.experience-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}.experience-end>span{font-size:13px;color:var(--muted)}.contact{background:#222922;color:var(--paper);padding-block:68px}.contact-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.contact .eyebrow{color:#bbc7b8}.contact h2{font-size:42px}.contact p:not(.eyebrow){font-size:15px;color:#c3cdbf;margin-top:20px}.contact-link{font-size:17px;display:inline-flex;align-items:center;gap:23px;text-decoration:none;border-bottom:1px solid #aab5a5;padding-bottom:8px;margin-bottom:5px;white-space:nowrap}.contact-link:hover{border-color:var(--paper)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:25px;font-size:12px;color:var(--muted)}.site-footer>div{display:flex;gap:24px;align-items:center}.site-footer a{text-decoration:none}.site-footer .text-link{border:0;padding:0;font-size:12px}.site-footer .external-icon{width:14px;height:14px}
/* Project pages */
.case-top{padding-top:34px}.case-top a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 17px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink);text-decoration:none;transition:background .2s,border-color .2s}.case-top a:hover{background:#eceee5;border-color:var(--ink)}.case-hero{padding-top:43px;padding-bottom:40px}.case-brand{gap:15px;margin-bottom:24px}.case-brand .brand-name{font-size:18px;margin-right:3px}.case-brand .proof-pill{margin:0}.case-hero h1{font-size:clamp(43px,5.3vw,68px);max-width:990px}.case-deck{font-size:20px;color:var(--muted);max-width:825px;margin-top:26px;line-height:1.65}.case-meta{display:flex;gap:75px;border-top:1px solid var(--line);padding-top:23px;margin-top:32px}.case-meta>div{max-width:450px}.case-meta dt{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.case-meta dd{margin:0;font-size:14px}.image-caption,figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}.image-caption{padding-bottom:0}.narrative{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px;padding-block:78px}.narrative h2{font-size:40px}.narrative .eyebrow{margin-bottom:15px}.narrative-copy{padding-top:5px;max-width:620px;color:var(--muted);font-size:17px}.narrative-copy p+p{margin-top:18px}.source-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:var(--ink)}.path-stage .path-art{padding:7% 15%;height:auto;aspect-ratio:1.9}.path-gallery{display:grid;grid-template-columns:1fr 1fr;background:#000;padding:28px 25px;gap:26px}.path-gallery img{width:100%}.path-gallery figcaption{color:#c0c0b9;padding-left:10px}.path-original{background:#000;padding:30px;max-width:1250px}.path-original figure{max-width:1100px;margin:auto}.path-original figcaption{color:#c0c0b9}.case .ambire-art{min-height:0;aspect-ratio:2}.dark-field{background:#16191f}.dark-field img{width:100%;height:auto}.dark-field figcaption{margin:0;padding:12px 24px 17px;color:#adb3bf}.ambire-campaign{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:70px;padding-block:75px}.campaign-heading h2{font-size:38px}.ambire-campaign img{width:100%}.ambire-materials{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ambire-materials img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.ambire-materials figcaption{padding-left:8px}.ambire-billboards{margin-top:55px}.ambire-billboards img{width:100%;max-height:850px;object-fit:cover}.ambire-billboards figcaption{padding-left:8px}.ambire-final{max-width:1000px;padding-bottom:60px}.ambire-final img{width:100%}.stellar-stage{background:#060709}.stellar-stage img{width:100%;max-height:650px;object-fit:contain}.program-scale{padding-bottom:77px}.scale-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.scale-heading h2{font-size:28px}.scale-heading p{font-size:12px;color:var(--muted)}.stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:28px 0 15px}.stat-row strong{display:block;font:500 64px/1.2 Space,Arial,sans-serif;letter-spacing:-.055em}.stat-row span{display:block;font-size:13px;color:var(--muted);max-width:230px;margin-top:10px;line-height:1.6}.writing-specimen{background:#e4e8de;padding:70px 0}.specimen-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.specimen-layout h2{font-size:38px}.specimen-layout>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:24px;max-width:400px}.specimen-layout .text-link{margin-top:25px}.article-preview{display:block;text-decoration:none;background:#fff;padding:32px;box-shadow:10px 12px 0 #ccd3c5}.article-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid #ddd}.article-preview h3{font-size:38px;margin-top:24px;font-family:Georgia,serif;letter-spacing:-.05em;line-height:1.12}.article-preview>p{font-size:11px;color:var(--muted);margin-top:14px}.article-preview img{width:100%;margin-top:24px}.specimen-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid #ddd;padding-top:14px;margin-top:20px}.meridian-display{margin-top:0}.meridian-display img{width:100%}.meridian-display figcaption{padding-left:8px}.next-project{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:32px 45px;margin-top:70px}.next-project .eyebrow{margin:0}.next-project>a{font:500 32px/1.2 Space,Arial,sans-serif;letter-spacing:-.04em;text-decoration:none;display:flex;align-items:center;gap:30px}.next-project>a:hover .action-icon{transform:translateX(4px)}
@keyframes arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}.reveal.in-view .work-image-link{animation:arrive .6s ease both}
@media(min-width:1500px){.hero{padding-top:92px;padding-bottom:67px}.hero h1{font-size:82px}}
@media(max-width:1050px){.header-actions{gap:23px}.nav{gap:18px}.identity{font-size:19px}.wrap{width:calc(100% - 72px)}.hero-bottom{gap:32px}.work-caption{gap:42px}.writing-layout,.narrative,.experience-intro,.job{gap:48px}.job-heading{display:block}.job-heading time{display:block;margin-top:4px}.contact h2{font-size:36px}.contact-link{font-size:15px;gap:14px}.ambire-campaign{gap:40px}.specimen-layout{gap:42px}.proof-pill{gap:10px;padding:7px 12px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.wide{width:100%}.site-header{min-height:82px}.identity{font-size:19px;gap:10px}.portrait{width:34px;height:34px}.header-actions{gap:14px}.resume-link{font-size:12px;padding:9px 10px;gap:7px}.resume-link svg{width:16px;height:16px}.has-menu .menu-toggle{display:flex;width:36px;height:40px;padding:10px 5px;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;cursor:pointer}.menu-toggle span{height:1.5px;width:25px;display:block;background:var(--ink);transition:transform .2s}.has-menu .nav{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:12px 0;box-shadow:0 22px 20px -22px #3335}.nav a{padding:11px 5px;font-size:16px}.nav a:after{display:none}.menu-open .nav{display:flex}.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.site-header:not(.has-menu){flex-wrap:wrap;padding-block:20px}.site-header:not(.has-menu) .header-actions{flex-wrap:wrap}.site-header:not(.has-menu) .nav{gap:15px;flex-wrap:wrap}.site-header:not(.has-menu) .nav a{font-size:12px;padding:5px 0}.hero{padding-top:48px;padding-bottom:37px}.hero h1{font-size:clamp(40px,7.5vw,58px);letter-spacing:-.06em}.hero-bottom{display:block;max-width:590px;margin-top:23px}.hero-bottom>p{font-size:17px}.button{margin-top:24px;padding:14px 17px;gap:28px}.focus-strip{gap:8px;padding-block:15px}.focus-strip p{font-size:12px}.focus-strip>span{font-size:15px}.work-section{padding-block:43px 48px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:26px}.work-item+.work-item{margin-top:42px}.work-caption{grid-template-columns:1fr;gap:16px;margin-top:18px}.work-caption h3{max-width:550px;font-size:29px;margin-top:12px}.brand-name{font-size:14px}.tag{font-size:10px;padding:5px 9px}.work-summary p{font-size:15px;max-width:520px}.work-summary .text-link{margin-top:12px}.work-image-link .path-art,.work-image-link .ambire-art,.work-image-link .stellar-art{aspect-ratio:1.5;min-height:0}.image-action{width:39px;height:39px;right:12px;bottom:12px}.image-action .action-icon{width:22px;height:22px}.path-art{padding:7%}.ambire-lockup{width:52%;min-width:150px}.writing-section{padding-block:46px}.writing-layout{grid-template-columns:1fr;gap:28px}.writing-layout h2{font-size:36px}.section-deck{margin-top:17px}.writing-item{padding:23px 0}.writing-item h3{font-size:23px}.experience-section{padding-block:48px}.experience-intro{grid-template-columns:1fr;gap:23px;margin-bottom:29px}.experience-intro>p{padding:0;font-size:16px}.experience-intro h2{font-size:36px}.job{grid-template-columns:1fr;gap:20px;padding:28px 0}.employer h3{font-size:25px}.company-definition{font-size:15px;max-width:500px;margin-top:8px}.proof-pill{margin-top:13px}.job-heading{display:flex;gap:16px;align-items:baseline;margin-bottom:9px}.job-role{font-size:12px;max-width:235px}.job-heading time{margin:0;font-size:10px}.contribution>p{font-size:15px;line-height:1.7}.experience-end{align-items:flex-start;flex-direction:column;gap:17px}.contact{padding-block:45px}.contact-inner{flex-direction:column;align-items:flex-start;gap:30px}.contact h2{font-size:35px}.contact-link{font-size:16px}.site-footer{font-size:10px;gap:12px}.site-footer>div{gap:15px}.site-footer .text-link{font-size:10px}.case-top{padding-top:26px}.case-hero{padding-top:30px;padding-bottom:28px}.case-brand{gap:10px;margin-bottom:22px}.case-brand .brand-name{font-size:17px;width:100%}.case-brand .tag{font-size:11px}.case-brand .tag>span{font-size:9px}.case-brand .proof-pill{margin:0}.case-hero h1{font-size:43px;letter-spacing:-.055em}.case-deck{font-size:17px;line-height:1.65;margin-top:21px}.case-meta{gap:25px;margin-top:26px;padding-top:18px}.case-meta>div{flex:1}.case-meta dd{font-size:12px}.case-meta dt{font-size:9px}.case .ambire-art{aspect-ratio:1.5}.path-stage .path-art{padding:12% 6%;aspect-ratio:1.4}.image-caption{margin-top:10px;font-size:10px}.narrative{grid-template-columns:1fr;gap:22px;padding-block:47px}.narrative h2{font-size:35px}.narrative-copy{font-size:16px;padding:0}.path-gallery{grid-template-columns:1fr;padding:16px 10px;gap:24px}.path-original{padding:10px}.path-original figcaption{padding-left:10px}.ambire-campaign{grid-template-columns:1fr;gap:25px;padding-block:46px}.campaign-heading h2{font-size:34px}.ambire-materials{grid-template-columns:1fr;gap:28px}.ambire-materials figcaption,.ambire-billboards figcaption,.meridian-display figcaption{padding-inline:20px}.ambire-billboards{margin-top:32px}.ambire-billboards img{object-fit:contain;max-height:none}.ambire-final{padding-bottom:0}.dark-field figcaption{font-size:10px;padding-inline:20px}.scale-heading{display:block;padding-bottom:20px}.scale-heading h2{font-size:27px}.scale-heading p{margin-top:12px}.program-scale{padding-bottom:45px}.stat-row{grid-template-columns:1fr 1fr;gap:27px 20px}.stat-row strong{font-size:48px}.stat-row span{font-size:12px;max-width:190px}.stat-row>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:24px}.stat-row>div:last-child span{margin:0}.writing-specimen{padding-block:44px}.specimen-layout{grid-template-columns:1fr;gap:35px}.specimen-layout h2{font-size:34px}.article-preview{padding:24px;box-shadow:6px 8px 0 #ccd3c5}.article-preview h3{font-size:33px}.article-preview img{margin-top:20px}.next-project{margin-top:44px;padding-block:27px 35px}.next-project>a{font-size:27px;gap:17px}.next-project .eyebrow{font-size:10px}}
@media(max-width:380px){.identity{font-size:17px;gap:8px}.portrait{width:29px;height:29px}.header-actions{gap:9px}.resume-link{padding:8px}.resume-link svg{display:none}.hero h1{font-size:39px}.focus-strip p{font-size:10px}.focus-strip>span{font-size:13px}.hero-bottom>p{font-size:16px}.case-hero h1{font-size:39px}.job-role{max-width:200px}.contact h2{font-size:31px}.site-footer{flex-wrap:wrap}.case-meta{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.contact,.site-footer,.next-project{display:none}.wrap{width:100%}.wide{width:100%}.hero,.narrative,.experience-section{padding-block:25px}.job,.work-item{break-inside:avoid}body{background:#fff}}

/* Preserve the available Path artwork at its native scale. */
.path-art{padding:0;background:#000}.path-focus{width:100%;height:100%;aspect-ratio:1100/619;box-shadow:none}.path-focus img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}.work-image-link .path-art{aspect-ratio:1100/619}.path-stage{max-width:1100px}.path-stage .path-art{padding:0;aspect-ratio:1100/619}
@media(max-width:760px){.hero h1 br{display:none}.focus-strip p{font-size:11px;white-space:nowrap}.focus-strip{gap:4px}.path-stage .path-art{aspect-ratio:1.6;padding:7%}.path-stage .path-focus{aspect-ratio:350/205;position:relative;width:100%;height:auto}.path-stage .path-focus img{position:absolute;max-width:none;width:314.2857%;height:auto;left:-164.857%;top:-37.56%}}
@media(max-width:380px){.focus-strip p{font-size:10px}}

.hero-bottom>p{font-size:19px;color:var(--ink)}
.work-summary p,.company-definition,.contribution>p{font-size:17px;color:var(--ink)}
.case-deck,.narrative-copy p,.section-deck,.specimen-layout>div>p:not(.eyebrow),.experience-intro>p,.writing-item p{color:var(--ink)}
.case-brand .brand-name{display:inline-flex;align-items:center;gap:10px}.company-icon{width:30px;height:30px;object-fit:contain;flex:none}
.home .path-focus{max-width:1100px}
@media(max-width:760px){.hero-bottom>p{font-size:17px}.company-definition,.work-summary p,.contribution>p{font-size:16px}.company-icon{width:27px;height:27px}}

/* John: a small portrait, clear proof, and room for the work. */
.portrait{display:grid;place-items:center;width:56px;height:60px;flex:none;clip-path:none;background:none;overflow:visible;transform:rotate(-7deg)}
.portrait img{width:100%;height:100%;object-fit:contain;transform:none;filter:none;mix-blend-mode:normal}
.resume-link{min-height:42px;border-color:#b8beb3;border-radius:4px}
.hero{padding-bottom:48px}
.hero-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.result-chip{display:flex;align-items:center;gap:13px;border:1px solid #d0d5c9;border-radius:999px;padding:12px 22px 12px 13px;text-decoration:none;background:#eeeee5;transition:background .2s,border-color .2s;min-width:0}
.result-chip:hover{background:#e5e8db;border-color:#a2aa99}
.result-chip>img{width:38px;height:38px;object-fit:contain;flex:none;border-radius:50%;background:#fff;padding:7px}
.result-chip:first-child>img{padding:0}
.result-chip strong{display:block;font:600 15px/1.35 Space,Arial,sans-serif;letter-spacing:-.02em}
.result-chip small{display:block;font-size:11px;line-height:1.5;margin-top:3px}
.work-section{padding-top:28px;border-top:1px solid var(--line)}
.work-brand{margin-top:24px;gap:11px}
.work-brand .brand-name{display:inline-flex;align-items:center;gap:9px;margin-right:5px}
.work-brand .company-icon{width:26px;height:26px}
.stat-pill{background:#eceee4;gap:7px;border-color:#d0d6c7}
.stat-pill strong{font-weight:600}
.stat-pill .external-icon{width:13px;height:13px}
.work-caption{margin-top:16px;gap:70px;grid-template-columns:1fr 1fr}
.work-caption h3{margin:0;max-width:450px;font-size:33px}
.work-item+.work-item{margin-top:74px}
.writing-section{padding-block:76px 60px;background:#eeeee6}
.writing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:32px}
.writing-heading h2{font-size:42px;max-width:510px}
.writing-heading p{font-size:16px;max-width:370px;line-height:1.6}
.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.writing-card{text-decoration:none;min-width:0}
.writing-visual{position:relative;aspect-ratio:1.12;overflow:hidden;padding:26px;display:flex;flex-direction:column;transition:transform .25s ease}
.writing-card:hover .writing-visual{transform:translateY(-4px)}
.writing-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.cover-brand{display:flex;align-items:center;gap:8px;font:500 15px/1.2 Space,Arial,sans-serif;position:relative;z-index:1}
.cover-brand img{height:24px;width:24px;object-fit:contain}
.cover-title,.memo-question{font:500 clamp(25px,3vw,39px)/1.06 Space,Arial,sans-serif;letter-spacing:-.06em;position:relative;z-index:1;display:block;margin-top:24px}
.memo-cover{background:#fff}
.memo-question{font-size:32px;max-width:280px}
.memo-image{position:absolute;width:85%;max-width:none;left:25%;top:53%;border:1px solid #dbdfd6;box-shadow:0 8px 25px #20252212;transform:rotate(-7deg)}
.flare-cover{background:#ffdce5}
.flare-cover .cover-brand img{width:31px}
.data-route{display:flex;align-items:center;margin-top:auto;margin-bottom:29px;position:relative;z-index:1}
.data-route span{display:grid;place-items:center;width:51px;height:41px;border:1px solid #ad5b71;border-radius:4px;font:12px/1 Space,Arial,sans-serif;background:#ffeef3}
.data-route i{flex:1;height:1px;background:#ad5b71;position:relative}
.data-route i:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #ad5b71;border-right:1px solid #ad5b71;transform:rotate(45deg)}
.cover-footnote{font:11px/1.4 Space,Arial,sans-serif;position:relative;z-index:1}
.handbook-cover{background:#dce3c5}
.handbook-cover:after{content:'';position:absolute;right:-24px;top:28px;bottom:-32px;left:17px;border:1px solid #a7b38b;transform:rotate(-6deg)}
.handbook-cover .cover-footnote{margin-top:auto;padding-top:16px}
.book-lines{margin-top:22px;display:grid;gap:9px;width:43%}
.book-lines i{height:2px;background:#738559}
.book-lines i:nth-child(2){width:83%}.book-lines i:nth-child(4){width:64%}
.writing-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px}
.writing-label svg{width:18px;height:18px}
.writing-card h3{font-size:25px;line-height:1.17;margin-top:11px;letter-spacing:-.04em}
.writing-card>p{font-size:15px;line-height:1.65;margin-top:12px}
.writing-section .source-note{margin-top:28px;max-width:650px}
.experience-intro{grid-template-columns:1.45fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.experience-intro h2{font-size:44px;max-width:660px}
.experience-intro{display:block}
.experience-proof{display:flex;align-items:center;gap:15px;padding-bottom:5px}
.experience-proof img{width:44px;height:44px;border-radius:50%;flex:none}
.experience-proof p{font-size:15px;line-height:1.6}
.employer{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;min-width:0}
.employer-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d9ddd2;background:#fff;border-radius:50%;overflow:hidden}
.employer-avatar img{width:100%;height:100%;object-fit:contain;padding:8px}
.job:first-child .employer-avatar img,.job:nth-child(2) .employer-avatar img,.job:nth-last-child(-n+2) .employer-avatar img{padding:0}
.employer-copy{min-width:0}.employer h3{font-size:23px}.company-definition{font-size:16px}
.job{grid-template-columns:1fr 1.25fr;gap:65px}
.contact{position:relative;isolation:isolate;overflow:hidden;padding-block:108px 112px;background:#25392e}
.contact-lines{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:#a1bc9170;z-index:-1;pointer-events:none;animation:line-drift 16s ease-in-out infinite alternate}
.contact-inner{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:70px;position:relative}
.contact h2{font-size:clamp(50px,5.6vw,76px);line-height:1.04;letter-spacing:-.055em}
.contact .eyebrow{color:#f7f5ef;margin-bottom:24px}
.contact p:not(.eyebrow){font-size:18px;line-height:1.65;color:#f7f5ef;margin-top:25px;max-width:610px}
.contact-link{padding:16px 21px;border:1px solid #a7b89d;border-radius:4px;margin-top:35px;margin-bottom:0;font-size:18px;gap:35px;background:#e5edb9;color:#202522;min-height:61px;transition:background .2s}
.contact-link:hover{background:#f2f8d5;border-color:#e5edb9}
.contact-signoff{position:relative;display:flex;flex-direction:column;align-items:center;gap:27px;padding-top:18px}
.portrait-sticker{width:204px;height:220px;display:grid;place-items:center;background:#f7f5ef;border:1px solid #fff;border-radius:46% 48% 44% 45%;transform:rotate(7deg);box-shadow:12px 13px 0 #12281e66;transition:transform .25s}
.portrait-sticker img{width:175px;height:192px;object-fit:contain}
.contact-signoff>span{font:14px/1.4 Space,Arial,sans-serif;display:flex;gap:13px;align-items:center}
.contact-signoff i{display:block;width:10px;height:10px;background:#f58257;border-radius:50%;box-shadow:0 0 0 6px #f5825726;animation:signal 3s ease-in-out infinite}
@keyframes line-drift{from{transform:translate(0,-15px)}to{transform:translate(-25px,15px)}}
@keyframes signal{50%{box-shadow:0 0 0 10px #f5825700}}
@media(max-width:1050px){
 .hero-proof{gap:10px}.result-chip{padding:11px 16px 11px 11px;gap:10px}.result-chip strong{font-size:14px}.result-chip small{font-size:10px}.result-chip img{width:32px;height:32px}
 .writing-grid{gap:20px}.writing-visual{padding:22px;aspect-ratio:.95}.cover-title{font-size:32px}.memo-question{font-size:28px}.data-route span{width:43px}
 .experience-intro{gap:38px}.experience-intro h2{font-size:40px}.job{gap:40px}.employer{gap:13px;grid-template-columns:42px 1fr}.employer-avatar{width:42px;height:42px}.employer h3{font-size:21px}
 .contact-inner{grid-template-columns:1fr 200px;gap:30px}.contact h2{font-size:60px}.portrait-sticker{width:177px;height:194px}.portrait-sticker img{width:151px;height:169px}
}
@media(max-width:760px){
 .site-header{gap:12px}.identity{font-size:18px;gap:7px}.portrait{width:44px;height:49px}.header-actions{gap:9px}
 .resume-link{min-height:40px;height:40px;padding:8px 10px;gap:7px}
 .has-menu .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;gap:4px;border:1px solid #b8beb3;border-radius:4px;background:transparent}
 .menu-toggle span{display:block;width:18px;height:1.5px;flex:none;transition:transform .2s,opacity .2s}
 .menu-open .menu-toggle span:first-child{transform:translateY(5.5px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
 .has-menu .nav{border-color:#b8beb3}
 .hero{padding-bottom:33px}.hero-proof{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}.result-chip{padding:11px 16px;gap:14px;max-width:400px}.result-chip img{width:35px;height:35px}.result-chip strong{font-size:15px}.result-chip small{font-size:11px}
 .work-section{padding-top:32px}.work-brand{margin-top:19px;gap:8px}.work-brand .brand-name{width:100%;margin-bottom:3px;font-size:16px}.work-brand .company-icon{width:25px;height:25px}
 .work-caption{grid-template-columns:1fr;gap:14px;margin-top:15px}.work-caption h3{font-size:30px}.work-item+.work-item{margin-top:46px}.stat-pill{padding:6px 9px;flex-wrap:wrap;gap:5px}.stat-pill>span{font-size:9px}.stat-pill .external-icon{width:11px;height:11px}
 .writing-section{padding-block:47px 40px}.writing-heading{display:block;margin-bottom:27px}.writing-heading h2{font-size:35px}.writing-heading p{font-size:16px;margin-top:17px;max-width:420px}.writing-grid{grid-template-columns:1fr;gap:37px}.writing-visual{aspect-ratio:1.3;padding:25px}.cover-title{font-size:37px;margin-top:20px}.memo-question{font-size:34px;margin-top:22px}.memo-image{top:51%;left:34%;width:74%}.data-route{max-width:330px;margin-bottom:20px}.data-route span{width:53px;height:35px}.writing-card h3{font-size:26px}.writing-label{margin-top:17px}.writing-card>p{font-size:16px;margin-top:10px}.book-lines{gap:7px;margin-top:16px}.writing-section .source-note{margin-top:31px}
 .experience-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.experience-intro h2{font-size:37px}.experience-intro h2 br{display:none}.experience-proof{gap:13px}.experience-proof p{font-size:14px}.experience-proof img{width:38px;height:38px}.job{grid-template-columns:1fr;gap:23px}.employer{grid-template-columns:43px 1fr;gap:14px}.employer-avatar{width:43px;height:43px}.employer h3{font-size:24px}.company-definition{font-size:16px;margin-top:8px}.contribution{padding-left:57px}.job-heading{display:block}.job-heading time{margin-top:4px;font-size:11px}.job-role{font-size:12px;max-width:none}
 .contact{padding-block:63px 58px}.contact-inner{display:flex;flex-direction:column;align-items:flex-start;gap:44px}.contact h2{font-size:48px}.contact p:not(.eyebrow){font-size:17px;margin-top:24px}.contact p br{display:none}.contact .eyebrow{margin-bottom:22px}.contact-link{font-size:16px;padding:14px 15px;gap:22px;margin-top:28px;min-height:55px}.contact-signoff{padding:0;flex-direction:row;gap:24px;align-items:center}.portrait-sticker{width:92px;height:102px;box-shadow:6px 7px 0 #12281e66}.portrait-sticker img{width:81px;height:91px}.contact-signoff>span{font-size:12px;gap:11px}.contact-lines{width:200%;left:-60%;opacity:.8}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 32px)}.identity{font-size:16px;gap:5px}.portrait{width:37px;height:42px}.header-actions{gap:7px}.resume-link{padding:8px;font-size:11px}.site-header{gap:7px}.hero h1{font-size:37px}
 .result-chip strong{font-size:14px}.work-caption h3{font-size:28px}.stat-pill>span{font-size:8px}.writing-visual{aspect-ratio:1.12;padding:23px}.cover-title,.memo-question{font-size:34px}.writing-card h3{font-size:25px}.experience-intro h2{font-size:34px}.employer h3{font-size:22px}.contribution{padding-left:0}.contact h2{font-size:42px}.contact-link{font-size:14px;gap:18px}
}
@media(max-width:760px){.memo-image{top:64%}}

/* Project labels describe the work; Back is the action. */
.tag,.stat-pill{border:0;border-radius:4px;background:#e9ece2;padding:6px 10px;font:12px/1.5 Arial,Helvetica,sans-serif;display:inline-block;color:var(--ink);cursor:default}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.case-brand{gap:15px}
.work-brand{padding-bottom:18px;border-bottom:1px solid var(--line)}
.work-caption{margin-top:20px}
.case-top a{gap:8px;background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600;min-height:40px}
.case-top a svg{width:17px;height:17px;flex:none}
.case-top a:hover{background:#3c463e;color:var(--paper);border-color:#3c463e}
@media(max-width:760px){.case-brand{gap:13px}.tag,.stat-pill,.case-brand .tag{font-size:11px;padding:5px 9px}.project-tags{gap:6px}.case-brand .brand-name{margin-bottom:0}.work-brand{padding-bottom:16px}.work-caption{margin-top:18px}}

/* A moving cut-paper stamp around the static illustrated head. */
.contact-lines{display:none}
.contact-inner{grid-template-columns:minmax(0,1fr) 350px;gap:50px}
.contact-signoff{padding-top:0;gap:24px}
.contact-art{width:350px;height:350px;position:relative;display:grid;place-items:center;isolation:isolate}
.contact-cutout{position:absolute;inset:0;width:100%;height:100%;color:#ee754d;z-index:-1;filter:drop-shadow(7px 10px 0 #14271c);animation:cutout-turn 30s linear infinite}
.portrait-sticker{box-shadow:7px 9px 0 #18241d;transition:none}
.contact-signoff i{animation:none;box-shadow:none;background:#ee754d}
@keyframes cutout-turn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.contact-inner{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.contact-art{width:270px;height:270px}}
@media(max-width:760px){.contact-inner{display:flex;gap:38px}.contact-signoff{flex-direction:column;align-items:center;align-self:center;gap:23px}.contact-art{width:240px;height:240px}.portrait-sticker{width:143px;height:155px;box-shadow:5px 6px 0 #18241d}.portrait-sticker img{width:126px;height:140px}.contact-signoff>span{font-size:13px}.contact{padding-bottom:52px}}
/* The existing orange dot opens the original portfolio. Keep its visual size. */
.contact-signoff .classic-door{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:10px;height:10px;border-radius:50%;cursor:pointer;text-decoration:none}
.contact-signoff .classic-door::before{content:"";position:absolute;inset:-17px;border-radius:50%}
.contact-signoff .classic-door:hover{outline:1px solid #f7f5ef;outline-offset:5px}
.contact-signoff .classic-door:focus-visible{outline:2px solid #f7f5ef;outline-offset:6px}