:root{--paper:#f2f0e9;--ink:#191b18;--muted:#66685f;--line:#d5d4ca;--accent:#e64b28;--lime:#d7ef84;--white:#fff;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}p{line-height:1.55}h1,h2,h3,p,figure{margin:0}button{border:0;background:none;padding:0}.wrap{max-width:var(--max);padding-inline:44px;margin-inline:auto}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.09em;text-transform:uppercase}.header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);padding:0 44px;margin:auto;border-bottom:1px solid var(--line)}.monogram{font-size:33px;letter-spacing:-3px;font-weight:900}.monogram span{color:var(--accent)}nav{display:flex;gap:36px;font-size:13px}nav a,.small-link{border-bottom:1px solid transparent;padding-bottom:4px}nav a:hover,.small-link:hover{border-color:currentColor}.nav-cv{border:1px solid var(--ink);padding:12px 18px;border-radius:2px;font-size:12px;display:flex;gap:27px;align-items:center;transition:background .2s,color .2s}.nav-cv:hover{background:var(--ink);color:var(--paper)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:68px;padding-top:70px;padding-bottom:80px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}.eyebrow-divider{margin-inline:10px;color:#93958a}.hero h1{font-size:clamp(96px,11.1vw,150px);font-weight:800;letter-spacing:-.075em;line-height:.84;margin:32px 0}.full-stop{color:var(--accent)}.hero-role{font-size:25px;letter-spacing:-.025em;line-height:1.13;margin-bottom:19px}.hero-intro{font-size:16px;max-width:430px;color:#51564b;margin-bottom:28px}.text-link{font-size:13px;display:inline-flex;gap:30px;padding:0 0 9px;border-bottom:1px solid currentColor;align-items:center;font-weight:600}.text-link span{font-size:22px;font-weight:400;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.hero-visual{position:relative;margin:10px 0 0 8px}.hero-picture{background:var(--ink);color:var(--paper);transform:rotate(3deg);box-shadow:0 14px 25px #1b1e1618}.hero-picture img{height:460px;object-fit:cover;object-position:50% 0%}.hero-picture figcaption{font:10px/1.4 'Courier New',monospace;display:flex;gap:12px;justify-content:space-between;padding:13px 16px}.image-note{font:11px/1.3 'Courier New',monospace;margin:0 0 17px 4px;transform:rotate(3deg);color:var(--muted)}.hero-sticker{position:absolute;left:-38px;bottom:60px;width:133px;height:132px;padding:17px;background:var(--lime);color:var(--ink);font-size:19px;line-height:1.1;font-weight:600;letter-spacing:-.04em;transform:rotate(-9deg);box-shadow:2px 5px 10px #0001}.hero-sticker span{position:absolute;right:10px;bottom:8px;font-size:30px}.proof{display:grid;grid-template-columns:repeat(4,1fr);padding-top:0;padding-bottom:60px;gap:35px}.proof>div{border-top:1px solid var(--ink);padding-top:24px}.proof-number{font-size:58px;font-weight:600;letter-spacing:-.065em;line-height:1}.proof p{font-size:16px;line-height:1.35;margin-top:14px}.proof small{display:block;margin-top:11px;font-size:11px;line-height:1.5;color:var(--muted);max-width:270px}.work{padding-block:50px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font-size:clamp(40px,5.7vw,72px);line-height:1;letter-spacing:-.055em;font-weight:600}.section-heading h2{margin-top:15px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:6px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 17px;transition:background .2s,color .2s}.filter span{opacity:.65;margin-left:8px;font-size:10px}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project[hidden]{display:none}.project-image{position:relative;display:block;width:100%;overflow:hidden;background:#d5d5cb;aspect-ratio:1.38}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.project-image:hover img{transform:scale(1.035)}.project-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#0006)}.evian-image img{object-position:50% 0%}.jd-image img{object-position:50% 25%}.pepsi-image img{object-position:50% 45%}.pellegrino-image img{object-position:50% 55%}.image-brand{position:absolute;z-index:1;left:23px;bottom:21px;font-size:32px;color:#fff;letter-spacing:-.045em;font-weight:700;text-shadow:0 1px 8px #0003}.evian-word{font-size:44px;letter-spacing:-.07em}.jd-word{background:#fff;color:#111;border-radius:50%;width:63px;height:63px;line-height:63px;text-align:center;letter-spacing:-.07em;font-style:italic;font-size:36px;text-shadow:none}.uniqlo-word{font-size:23px;line-height:.88;letter-spacing:-.045em;background:#d6261e;padding:11px 9px;text-shadow:none}.pellegrino-word{font-family:Georgia,serif;font-size:29px;letter-spacing:-.04em}.image-arrow{position:absolute;z-index:1;right:18px;bottom:21px;width:37px;height:37px;border:1px solid #ffffff88;color:#fff;font-size:25px;line-height:35px;border-radius:50%;font-weight:400}.project-meta{display:flex;justify-content:space-between;gap:12px;font:10px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-top:20px}.project h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:11px 0 12px;font-weight:600}.project>p{font-size:14px;line-height:1.5;max-width:510px;color:#5c6055}.project-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:19px;padding-top:13px}.project-bottom>span{font-size:11px;line-height:1.45;color:#5c6055}.small-link{font-size:12px;white-space:nowrap}.small-link span{padding-left:6px}.mile-section{background:var(--ink);color:var(--paper);padding-block:65px 35px}.mile-section .eyebrow{color:#b9bbaf}.mile-top{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:end;margin:38px 0 65px}.mile-word{display:block;font-size:32px;letter-spacing:-.08em;font-weight:800;margin-bottom:35px}.mile-word span{font-size:12px;vertical-align:top;margin-left:4px;letter-spacing:0}.mile-top h2{font-size:clamp(40px,4.8vw,62px)}.mile-copy>p{font-size:16px;margin-bottom:18px;color:#c6c8ba}.mile-copy .text-link{margin-top:12px;color:var(--lime)}.mile-network{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:25px;border-block:1px solid #5d6155;padding-block:32px}.network-intro>span{font:15px/1.3 'Courier New',monospace;color:var(--lime)}.network-intro p{font-size:14px;color:#b9bbaf;margin-top:13px}.network-stop{position:relative;border-top:1px solid #5d6155;margin-top:6px;padding-top:17px}.network-dot{position:absolute;width:9px;height:9px;left:0;top:-5px;border-radius:50%;background:var(--lime)}.country-code{font-size:50px;font-weight:500;letter-spacing:-.06em}.network-stop p{font-size:12px;color:#b9bbaf;margin-top:8px}.mile-footnote{font:10px/1.5 'Courier New',monospace;color:#a6aa9b;margin-top:21px}.outlander{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:95px}.outlander h2{font-size:clamp(38px,4.3vw,56px);margin-top:25px}.outlander-intro{font-size:16px;color:#5c6055}.brand-label{margin:30px 0 24px;color:var(--muted)}.brand-roster{display:grid;grid-template-columns:1fr 1fr;gap:28px 25px;align-items:center}.brand-roster>span{font-size:19px;font-weight:600;letter-spacing:-.03em}.brand-roster .ugg{font-size:32px;font-weight:900;letter-spacing:-.07em}.brand-roster .lv{font-size:16px;font-weight:500;letter-spacing:-.02em}.brand-roster .bottega{font:23px/.95 Georgia,serif;letter-spacing:-.04em}.about-section{background:#e5e5dc;padding-block:80px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:110px}.about-copy h2{font-size:clamp(36px,4.4vw,54px);line-height:1.06;margin-block:26px}.about-copy>p:not(.eyebrow){font-size:15px;color:#565b4e;margin-bottom:18px}.personal-note{border-top:1px solid #c2c5b7;display:flex;gap:19px;margin:29px 0;padding-top:23px}.note-arrow{font-size:28px}.personal-note p{font-size:13px;color:#565b4e}.personal-note strong{color:var(--ink);font-weight:500}.experience>.eyebrow{margin-bottom:20px}.experience-item{border-top:1px solid #c2c5b7;padding:20px 0 23px}.experience-date{font:10px/1.3 'Courier New',monospace;color:#5c6055}.experience-item h3{font-size:24px;font-weight:600;letter-spacing:-.035em;margin:8px 0}.experience-item p{font-size:12px;line-height:1.4;max-width:330px}.experience-item small{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#5c6055;max-width:340px}.timeline-note{font-size:11px;color:#666b5e}.contact{padding-block:85px 75px}.contact-top{display:flex;align-items:center;justify-content:space-between;margin:28px 0 40px;gap:40px}.contact h2{font-size:clamp(45px,7vw,91px);letter-spacing:-.065em}.contact h2 span{color:var(--accent)}.contact-arrow{width:110px;height:110px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:65px;transition:background .2s,color .2s}.contact-arrow:hover{background:var(--ink);color:var(--paper)}.contact-bottom{display:flex;align-items:center;gap:26px}.email-link{font-size:23px;letter-spacing:-.035em;margin-right:auto}.email-link:hover{text-decoration:underline;text-underline-offset:5px}.footer{border-top:1px solid var(--line);padding-block:22px 26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:10px;color:var(--muted)}.footer>p{flex-basis:100%;font-size:9px;margin-top:8px}.footer a:hover{color:var(--ink)}dialog{padding:0;border:0;max-width:900px;width:calc(100% - 64px);max-height:90vh;background:var(--paper);color:var(--ink);box-shadow:0 35px 100px #0004;overscroll-behavior:contain}dialog::backdrop{background:#161a14ba;backdrop-filter:blur(5px)}.close-case{position:sticky;top:16px;float:right;z-index:2;display:flex;align-items:center;gap:20px;margin:16px 18px 0 0;padding:9px 13px;background:var(--paper);box-shadow:0 1px 6px #0002;font-size:12px}.close-case span{font-size:25px;line-height:1}.modal-image{width:100%;height:370px;object-fit:cover;object-position:center 40%;background:#ddd}.modal-body{padding:45px 55px 50px;clear:both}.modal-body h2{font-size:44px;line-height:1.06;margin:17px 0 25px;max-width:650px}.modal-intro{font-size:18px;line-height:1.5;letter-spacing:-.02em}.modal-facts{display:flex;flex-wrap:wrap;gap:12px 30px;border-block:1px solid var(--line);padding:18px 0;margin:29px 0;font-size:13px}.modal-body h3{font-size:13px;margin:24px 0 9px}.modal-body p:not(.eyebrow):not(.modal-intro){font-size:15px;line-height:1.6;color:#5c6055}.modal-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.modal-credit{margin-top:30px!important;font-size:10px!important}.modal-mile{padding:35px;background:var(--ink);color:var(--lime);font-size:100px;font-weight:600;letter-spacing:-.08em}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;background:var(--ink);color:#fff;padding:15px;z-index:10}
@media(min-width:1450px){.hero h1{font-size:156px}}@media(max-width:1050px){.hero{gap:44px}.hero h1{font-size:112px}.hero-picture img{height:430px}.hero-sticker{left:-25px}.project-bottom{flex-direction:column;gap:9px}.project-meta{flex-direction:column;gap:4px}.mile-top{gap:50px}.about-grid{gap:60px}.contact-bottom{flex-wrap:wrap}.email-link{flex-basis:100%}.brand-roster>span{font-size:16px}.brand-roster .bottega{font-size:20px}}@media(max-width:750px){.wrap{padding-inline:23px}.header{height:77px;padding-inline:23px}nav{gap:20px;font-size:12px}nav a:nth-child(2){display:none}.nav-cv{display:none}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:55px;gap:46px}.hero h1{font-size:clamp(94px,23vw,145px);margin:28px 0}.hero-role{font-size:24px}.hero-intro{max-width:460px}.hero-visual{max-width:500px;width:calc(100% - 20px);margin:0 auto}.hero-picture{transform:rotate(2deg)}.hero-picture img{height:430px;object-position:50% 0%}.hero-sticker{left:-12px;bottom:32px;width:115px;height:115px;font-size:17px}.proof{gap:25px;padding-bottom:30px;grid-template-columns:1fr}.proof>div{display:grid;grid-template-columns:100px 1fr;gap:0 18px;padding-top:20px}.proof-number{grid-row:span 2;font-size:43px;align-self:center}.proof p{margin:0;font-size:14px}.proof small{grid-column:2;font-size:10px;margin-top:7px;max-width:none}.proof br{display:none}.work{padding-block:40px 60px}.section-heading{align-items:start;flex-direction:column;gap:19px}.section-heading h2{font-size:54px}.section-heading>p{font-size:13px}.section-heading>p br{display:none}.project-grid{gap:38px;grid-template-columns:1fr}.project-image{aspect-ratio:1.2}.project h3{font-size:25px}.project-meta{flex-direction:row;font-size:9px;gap:10px}.project-bottom{flex-direction:row}.project-bottom>span{font-size:10px;max-width:60%}.filter{padding:9px 13px;font-size:11px}.filters{gap:6px;margin-bottom:25px}.mile-section{padding-block:45px 27px}.mile-top{grid-template-columns:1fr;gap:30px;margin:30px 0 40px}.mile-word{margin-bottom:25px}.mile-top h2{font-size:47px}.mile-copy>p{font-size:15px}.mile-network{grid-template-columns:repeat(3,1fr);gap:20px 15px;padding:23px 0}.network-intro{grid-column:span 3;display:flex;gap:30px;align-items:center;margin-bottom:10px}.network-intro>span{font-size:25px}.network-intro p{margin:0;font-size:12px}.country-code{font-size:43px}.network-stop p{font-size:10px}.mile-footnote{font-size:9px}.outlander{grid-template-columns:1fr;gap:28px;padding-block:60px}.outlander h2{font-size:45px;margin-top:19px}.outlander-intro{font-size:15px}.brand-roster{gap:28px 17px}.about-section{padding-block:55px}.about-grid{grid-template-columns:1fr;gap:48px}.about-copy h2{font-size:39px}.about-copy>p:not(.eyebrow){font-size:15px}.experience-item h3{font-size:26px}.experience-item p,.experience-item small{max-width:none}.contact{padding-block:55px 45px}.contact h2{font-size:49px}.contact-top{gap:12px;margin:25px 0 32px}.contact-arrow{width:57px;height:57px;min-width:57px;font-size:35px}.email-link{font-size:23px}.contact-bottom{gap:20px}.footer{font-size:9px}.footer>span:nth-child(2){display:none}dialog{width:calc(100% - 24px);max-height:94vh}.modal-image{height:290px}.modal-body{padding:28px 24px 32px}.modal-body h2{font-size:34px}.modal-intro{font-size:16px}.modal-body p:not(.eyebrow):not(.modal-intro){font-size:14px}.modal-mile{font-size:76px}.close-case{margin-right:12px}.modal-facts{gap:13px;font-size:12px}}@media(max-width:380px){.hero h1{font-size:88px}.contact h2{font-size:41px}.project-meta{flex-direction:column}.project-bottom{flex-direction:column}.project-bottom>span{max-width:none}.email-link{font-size:20px}.hero-picture img{height:360px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Company context and MILE transformation */
.company-context{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;border-block:1px solid var(--line);padding:30px 0;margin-bottom:30px}.company-context h3{font-size:35px;letter-spacing:-.055em;margin-bottom:11px}.company-context .eyebrow{color:var(--muted);font-size:10px}.company-context p{font-size:14px;color:#5c6055;max-width:740px}.company-context .company-my-role{margin:12px 0 16px;color:var(--ink)}.outlander-company{font-size:16px;color:#5c6055;margin-bottom:20px}.company-source{display:inline-block;margin-top:16px}.mile-footnote a{display:inline-block;margin-left:10px;text-decoration:underline;text-underline-offset:3px}.transformation-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #5d6155;padding:28px 0}.transformation-heading h3{font-size:26px;font-weight:500;letter-spacing:-.035em;margin-top:9px}.system-timing{font:11px/1.4 'Courier New',monospace;border:1px solid #727b5d;border-radius:40px;color:var(--lime);padding:10px 14px;white-space:nowrap}.transformation{display:grid;grid-template-columns:1fr .35fr 2fr;align-items:center;gap:25px;padding:24px 35px 35px;background:#22261e;border:1px solid #454b3b}.before-state{text-align:center;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.before-state>.eyebrow{margin-bottom:30px;color:#a6aa9b}.before-icon{width:92px;height:92px;padding:14px;border:1px solid #69705d;background:#2e3328;display:grid;place-items:center;margin-bottom:20px}.before-icon svg{width:64px;color:#b2b7a6}.before-state>strong{font-size:25px;letter-spacing:-.035em;font-weight:500}.before-state>p{font-size:12px;line-height:1.4;color:#a6aa9b;margin-top:10px}.transformation-arrow{font-size:52px;text-align:center;font-weight:300;color:#94a17d}.after-state>.eyebrow{display:block;text-align:center;color:var(--lime);margin-bottom:23px}.system-node{display:flex;gap:20px;align-items:center;justify-content:center;max-width:350px;margin:auto;padding:21px;background:var(--lime);color:#1a2113}.system-symbol{font-size:41px}.system-node strong{font-size:20px;line-height:1.1;letter-spacing:-.025em;display:block;font-weight:600}.system-node small{display:block;font-size:10px;margin-top:9px;color:#3e4f26}.network-connectors{height:55px;color:#a6be73}.network-connectors svg{width:100%;height:100%;display:block}.warehouse-endpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.warehouse-node{border:1px solid #566144;text-align:center;padding:14px 7px 15px;position:relative}.warehouse-node::before{content:'';position:absolute;top:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:var(--lime)}.warehouse-node svg{display:block;width:38px;height:34px;margin:0 auto 7px;color:#c6d3b0}.warehouse-node>strong{font-size:29px;font-weight:500;letter-spacing:-.045em;display:block}.warehouse-node>span{display:block;font-size:10px;color:#b9c3ab;margin-top:6px}.transformation-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #5d6155;padding:25px 0}.transformation-notes p{font-size:12px;color:#b9bbaf;line-height:1.5}.transformation-notes strong{display:block;font-size:12px;color:var(--paper);font-weight:500;margin-bottom:8px}@media(max-width:1050px){.company-context{gap:35px;grid-template-columns:.65fr 1.35fr}.transformation{gap:15px;padding-inline:20px}.warehouse-endpoints{gap:10px}.system-node{padding:17px}.system-node strong{font-size:18px}.system-symbol{font-size:35px}.warehouse-node>span{font-size:9px}.transformation-heading h3{font-size:24px}}@media(max-width:750px){.company-context{grid-template-columns:1fr;gap:20px;padding-block:24px}.company-context h3{font-size:31px}.company-context p{font-size:14px}.outlander-company{font-size:15px}.transformation-heading{flex-direction:column;align-items:start;gap:17px}.transformation-heading h3{font-size:24px;line-height:1.15}.system-timing{font-size:10px;padding:8px 12px}.transformation{grid-template-columns:1fr;padding:25px 18px;gap:18px}.before-state{display:grid;grid-template-columns:76px 1fr;column-gap:20px;text-align:left;justify-items:start}.before-state>.eyebrow{grid-column:span 2;margin-bottom:18px}.before-icon{grid-row:span 2;width:76px;height:76px;margin:0;padding:10px}.before-icon svg{width:54px}.before-state>strong{align-self:end;font-size:24px}.before-state>p{align-self:start;font-size:12px;margin-top:4px}.before-state>p br{display:none}.transformation-arrow{transform:rotate(90deg);font-size:36px;height:44px;line-height:44px}.after-state>.eyebrow{margin-bottom:20px}.system-node{max-width:290px;padding:17px 14px;gap:14px}.system-node strong{font-size:19px}.system-node small{font-size:9px}.warehouse-node{padding:12px 3px}.warehouse-node>strong{font-size:26px}.warehouse-node svg{width:30px;height:28px}.warehouse-node>span{font-size:8px;letter-spacing:-.01em}.network-connectors{height:45px}.transformation-notes{grid-template-columns:1fr;gap:22px}.transformation-notes p{font-size:12px}.mile-footnote a{display:block;margin:12px 0 0}}

/* Proposal builder case study */
.builder-section{padding-block:15px 90px}.builder-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:65px}.builder-heading h2{font-size:clamp(38px,4.5vw,60px);margin-top:23px}.builder-intro p{font-size:15px;color:#5c6055;margin-bottom:16px}.builder-adoption{display:inline-block;font-size:12px;font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:7px;margin-top:3px}.builder-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:45px 0}.builder-facts>div{border-top:1px solid var(--ink);padding-top:18px}.builder-facts strong{font-size:33px;font-weight:500;letter-spacing:-.055em;display:block}.builder-facts span{font-size:12px;color:var(--muted);display:block;margin-top:10px}.builder-flow-heading h3,.demo-heading h3{font-size:25px;letter-spacing:-.035em;font-weight:500}.builder-flow-heading>p{font-size:13px;color:var(--muted);margin-top:8px}.builder-flow{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:25px 0 0;border:1px solid var(--line)}.builder-flow li{padding:20px 16px;border-right:1px solid var(--line);position:relative;min-width:0}.builder-flow li:last-child{border:0}.builder-flow li>span{font:10px/1.4 'Courier New',monospace;text-transform:uppercase;color:var(--muted)}.builder-flow strong{display:block;font-size:16px;line-height:1.15;letter-spacing:-.025em;margin:18px 0 10px}.builder-flow p{font-size:12px;line-height:1.45;color:#5c6055}.builder-flow .approval-step{background:#f4d5bc}.builder-flow .approval-step>span{color:#7d2b16}.builder-flow .approval-step strong{color:#74210d}.builder-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:28px 0 45px}.builder-detail p{font-size:13px;color:#5c6055}.builder-detail strong{display:block;color:var(--ink);font-weight:600;margin-bottom:9px}.builder-demo{border:1px solid var(--line);background:#e9e8e0;padding:25px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.demo-heading .eyebrow{color:var(--muted);margin-bottom:8px}.demo-label{border:1px solid #b6ac98;background:#f7efe0;border-radius:25px;padding:9px 12px;font:10px/1.4 'Courier New',monospace;color:#745323}.demo-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.demo-controls button{text-align:left;padding:13px 11px;background:var(--paper);border:1px solid var(--line);font:11px/1.4 'Courier New',monospace;color:var(--muted);transition:background .2s,color .2s}.demo-controls button span{display:block;font:13px/1.4 Arial,Helvetica,sans-serif;color:var(--ink);margin-top:4px}.demo-controls button.active,.demo-controls button:hover{background:var(--ink);color:#c7cbbd;border-color:var(--ink)}.demo-controls button.active span,.demo-controls button:hover span{color:var(--paper)}.demo-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:19px 0}.demo-caption p{font-size:12px;color:#51564b;max-width:750px;min-height:37px;display:flex;align-items:center}.demo-screen{max-height:510px;overflow:auto;background:#fff;border:1px solid #d1cfc5;overscroll-behavior:contain;scrollbar-color:#8c8f80 #e5e5dc}.demo-screen:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.demo-screen img{width:100%;height:auto;max-width:none}.demo-footnote{font-size:10px;line-height:1.5;color:#66685f;margin-top:13px}.project-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.project-copy>p{font-size:14px;color:#5c6055;line-height:1.5}.project-wide .project-meta{margin-top:0}.mcdonalds-image .image-brand{font-size:30px}
@media(max-width:1050px){.builder-heading{gap:45px}.builder-flow{grid-template-columns:repeat(3,1fr)}.builder-flow li:nth-child(3){border-right:0}.builder-flow li:nth-child(-n+3){border-bottom:1px solid var(--line)}.builder-facts strong{font-size:29px}.builder-detail{gap:35px}.demo-heading{align-items:start}.demo-label{max-width:230px}.project-wide{gap:25px}}
@media(max-width:750px){.builder-section{padding-block:0 55px}.builder-heading{grid-template-columns:1fr;gap:26px;padding-top:45px}.builder-heading h2{font-size:43px;margin-top:19px}.builder-facts{grid-template-columns:1fr 1fr;gap:24px 16px;margin:32px 0}.builder-facts strong{font-size:29px}.builder-facts span{font-size:11px;line-height:1.4}.builder-flow{grid-template-columns:1fr 1fr}.builder-flow li{padding:17px 13px}.builder-flow li:nth-child(3){border-right:1px solid var(--line)}.builder-flow li:nth-child(even){border-right:0}.builder-flow li:nth-child(-n+4){border-bottom:1px solid var(--line)}.builder-flow strong{font-size:16px}.builder-flow p{font-size:12px}.builder-detail{grid-template-columns:1fr;gap:23px;margin:25px 0 32px}.builder-demo{padding:15px}.demo-heading{flex-direction:column;gap:16px}.demo-heading h3,.builder-flow-heading h3{font-size:24px}.demo-label{max-width:none;font-size:9px;padding:7px 9px}.demo-controls{grid-template-columns:repeat(3,1fr);gap:6px}.demo-controls button{padding:9px}.demo-controls button span{font-size:12px}.demo-caption{flex-direction:column;align-items:start;gap:10px;padding:16px 0}.demo-caption p{min-height:0}.demo-screen{max-height:440px}.demo-screen img{min-width:650px}.demo-footnote{font-size:10px}.project-wide{display:block}.project-wide .project-meta{margin-top:20px}}

/* Campaign photography */
.evian-image img{object-position:center}.case-gallery{margin-top:35px;border-top:1px solid var(--line);padding-top:15px}.modal-body .case-gallery h3{font-size:27px;letter-spacing:-.04em;font-weight:500}.case-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin-top:20px}.case-gallery-grid figure:first-child{grid-column:1/-1}.case-gallery-grid img{aspect-ratio:1.6;object-fit:cover}.case-gallery-grid figure:first-child img{aspect-ratio:16/9}.case-gallery-grid figcaption{font-size:11px;line-height:1.4;color:var(--muted);margin-top:9px;display:flex;justify-content:space-between;gap:10px}.case-gallery-grid a{display:block}.case-gallery-grid a:hover{opacity:.9}@media(max-width:750px){.case-gallery-grid{grid-template-columns:1fr;gap:22px}.case-gallery-grid img{aspect-ratio:auto}.case-gallery-grid figure:first-child img{aspect-ratio:auto}}

/* Relationships behind the work */
.mile-role{font-size:12px;color:#c6c8ba;margin-top:12px}.mile-brand-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-bottom:50px;padding-top:30px;border-top:1px solid #5d6155}.mile-brand-section h3{font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:12px 0}.mile-brand-section>div>p:not(.eyebrow){font-size:12px;color:#b9bbaf}.mile-brand-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px;align-items:center}.mile-brand-roster span{font-size:18px;line-height:1.2;letter-spacing:-.025em;padding:15px 0;border-bottom:1px solid #414837}.mile-brand-roster .brand-adidas{font-size:23px;font-weight:600}.header nav{gap:28px}@media(max-width:750px){.mile-brand-section{grid-template-columns:1fr;gap:20px;margin-bottom:30px;padding-top:24px}.mile-brand-section h3{font-size:26px}.mile-brand-roster{gap:0 20px}.mile-brand-roster span{font-size:16px}.mile-role{font-size:11px;line-height:1.4;max-width:260px}.header nav{gap:16px}nav a:nth-child(2){display:inline}nav .nav-about{display:none}}@media(max-width:380px){.header nav{gap:11px;font-size:11px}}

@media(min-width:751px){.proof{grid-template-columns:repeat(3,1fr);gap:35px 45px}}
/* Selected relationships: two rows, native swipe, no duplicated brand names. */
.brand-carousel{margin-top:70px;border-top:1px solid var(--line);padding-top:35px;min-width:0}
.brand-carousel-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
.brand-carousel h3{font-size:clamp(29px,3.5vw,44px);line-height:1.1;font-weight:500;letter-spacing:-.045em;margin:12px 0}
.brand-carousel-intro{font-size:13px;color:var(--muted);max-width:530px}
.brand-controls{display:flex;gap:8px;flex-shrink:0;align-items:center}
.brand-controls[hidden]{display:none}
.brand-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:23px;transition:background .2s,color .2s}
.brand-controls .brand-play{border:0;border-radius:0;font-size:12px;gap:8px;padding:0 12px;margin-right:6px;min-width:80px}
.brand-controls button:hover{background:var(--ink);color:var(--paper)}
.brand-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,106px);grid-auto-columns:25%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;padding:0;margin:0;border-block:1px solid var(--line)}
.brand-track::-webkit-scrollbar{display:none}
.brand-track:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.brand-name{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:18px;font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.04em;border-right:1px solid var(--line);scroll-snap-align:start}
.brand-name:nth-child(odd){border-bottom:1px solid var(--line)}
.brand-name--serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;font-size:27px}
.brand-name--mono{font-family:'Courier New',monospace;font-weight:600;letter-spacing:-.06em}
.brand-carousel-footer{display:flex;justify-content:space-between;gap:20px;margin-top:17px;font:10px/1.5 'Courier New',monospace;color:var(--muted)}
.brand-count{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:750px){.brand-carousel{margin-top:45px;padding-top:27px}.brand-carousel-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:22px}.brand-carousel h3{font-size:32px}.brand-carousel-intro{font-size:12px}.brand-controls{align-self:flex-end}.brand-track{grid-auto-columns:50%;grid-template-rows:repeat(2,95px)}.brand-name{font-size:20px;padding:12px}.brand-name--serif{font-size:22px}.brand-carousel-footer{font-size:9px;gap:15px}.brand-carousel-footer>span:first-child{max-width:160px}}
/* Self-contained sales assistant case study. All selectors are scoped. */
.crm-section{padding:0 0 90px;color:#191b18;background:#f2f0e9}
.crm-wrap{max-width:1320px;padding-inline:44px;margin-inline:auto}
.crm-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid #d5d4ca;padding-top:65px}
.crm-eyebrow{font:10px/1.5 'Courier New',monospace;letter-spacing:.07em;text-transform:uppercase}
.crm-title{font-size:clamp(38px,4.5vw,60px);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:23px 0 25px}
.crm-scope{font-size:12px;line-height:1.6;color:#66685f;border-left:2px solid #e64b28;padding-left:14px}
.crm-copy p{font-size:15px;line-height:1.6;color:#5c6055;margin:0 0 16px}
.crm-copy p:last-child{margin-bottom:0}
.crm-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:38px 0;border:1px solid #d5d4ca}
.crm-flow li{padding:19px 20px 21px;border-right:1px solid #d5d4ca}
.crm-flow li:last-child{border-right:0}
.crm-flow span{display:block;font:10px/1.4 'Courier New',monospace;color:#66685f}
.crm-flow strong{display:block;font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin-top:15px}
.crm-flow .crm-flow-review{background:#e2e7f4}
.crm-flow-review span,.crm-flow-review strong{color:#24448f}
.crm-demo{border:1px solid #c9cbd1;background:#fafaf7;box-shadow:0 9px 24px #191b1807}
.crm-demo-top{padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.crm-demo-name{display:flex;align-items:center;gap:15px}
.crm-app-mark{display:grid;place-items:center;width:43px;height:43px;flex:none;background:#3157bb;color:#fff;font-size:29px;border-radius:9px;line-height:1}
.crm-demo-name .crm-eyebrow{color:#66685f;font-size:9px}
.crm-demo-name h3{font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:5px 0 0}
.crm-demo-label{font:10px/1.4 'Courier New',monospace;color:#31508e;background:#eaf0fc;border:1px solid #c7d3ec;padding:8px 11px;border-radius:20px;margin:0}
.crm-controls{display:flex;gap:3px;padding:0 27px;border-bottom:1px solid #d9dce3}
.crm-view-button{position:relative;appearance:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:3px 3px 0 0;color:#66685f;font:13px/1.4 Arial,Helvetica,sans-serif;padding:14px 21px;cursor:pointer;min-height:46px;transition:background .16s,color .16s}
.crm-view-button:hover{color:#24448f;background:#edf0f6}
.crm-view-button[aria-pressed=true]{color:#24448f;border-bottom-color:#3157bb;background:#edf1fa}
.crm-view-button:focus-visible{outline:3px solid #e64b28;outline-offset:-3px}
.crm-view{padding:27px;min-height:350px}
.crm-view-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}
.crm-view-heading .crm-eyebrow{color:#3157bb;margin:0 0 7px}
.crm-view-heading h4{font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0}
.crm-view-note{font-size:11px;color:#66685f;max-width:230px;line-height:1.5;text-align:right}
.crm-actions{list-style:none;padding:0;margin:0}
.crm-action{display:grid;grid-template-columns:27px minmax(0,1fr) 134px;gap:15px;align-items:center;border-top:1px solid #e0e1dc;padding:18px 0}
.crm-action:last-child{padding-bottom:0}
.crm-action-number{align-self:start;font:11px/1.5 'Courier New',monospace;color:#8b91a0;padding-top:3px}
.crm-row-kicker{font:10px/1.5 'Courier New',monospace;color:#68707d;margin:0 0 6px}
.crm-action h5{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.015em;margin:0 0 5px}
.crm-action div>p:last-child{font-size:12px;line-height:1.5;color:#66685f;margin:0;max-width:610px}
.crm-status{font:10px/1.5 'Courier New',monospace;color:#31508e;background:#eaf0fc;border-radius:3px;padding:8px 10px;justify-self:end;max-width:150px}
.crm-status-neutral{background:#eeeee8;color:#5c6055}
.crm-records{display:grid;gap:0}
.crm-record{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.25fr);gap:26px;border-top:1px solid #e0e1dc;padding:19px 0;align-items:start}
.crm-record:last-child{padding-bottom:0}
.crm-record strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.crm-record p{margin:0;font-size:12px;line-height:1.5;color:#5c6055}
.crm-cell-label{display:block;font:9px/1.5 'Courier New',monospace;color:#737a86;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.crm-comparison .crm-record{grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.1fr) minmax(0,1fr);gap:20px}
.crm-record .crm-review-note{color:#31508e}
.crm-internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.crm-internal-card{background:#f1f2ec;border:1px solid #e0e1dc;padding:20px}
.crm-internal-card h5{font-size:16px;font-weight:500;margin:0 0 19px;letter-spacing:-.02em}
.crm-internal-card ul{padding:0;margin:0;list-style:none}
.crm-internal-card li{border-top:1px solid #dce0d5;padding:13px 0;font-size:12px;line-height:1.5;color:#5c6055}
.crm-internal-card li:last-child{padding-bottom:0}
.crm-internal-card strong{display:block;color:#191b18;font-size:13px;font-weight:500;margin-bottom:5px}
.crm-signal{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:35px;border-top:1px solid #e0e1dc;padding:23px 0 0}
.crm-signal h5{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0 0 11px}
.crm-signal p{font-size:13px;line-height:1.6;color:#5c6055;margin:0 0 13px}
.crm-signal .crm-signal-source{font:10px/1.6 'Courier New',monospace;color:#68707d;margin-top:18px}
.crm-signal-angle{background:#eaf0fc;border-left:2px solid #3157bb;padding:20px}
.crm-signal-angle .crm-cell-label{color:#31508e}
.crm-signal-angle p:last-child{margin-bottom:0}
.crm-demo-footer{border-top:1px solid #d9dce3;padding:15px 27px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f0f1ec}
.crm-demo-footer>span{font:10px/1.5 'Courier New',monospace;color:#425775;display:flex;gap:8px;align-items:center}
.crm-demo-footer i{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:#3157bb}
.crm-demo-footer p{font-size:10px;line-height:1.5;color:#66685f;margin:0;max-width:460px;text-align:right}
@media(max-width:1050px){.crm-heading{gap:45px}.crm-demo-top{align-items:start}.crm-demo-label{max-width:220px}.crm-controls{padding-inline:20px}.crm-view-button{padding-inline:17px}.crm-comparison .crm-record{gap:15px}}
@media(max-width:750px){.crm-section{padding-bottom:55px}.crm-wrap{padding-inline:23px}.crm-heading{grid-template-columns:1fr;gap:27px;padding-top:45px}.crm-title{font-size:43px;margin-top:19px}.crm-copy p{font-size:15px}.crm-flow{grid-template-columns:1fr 1fr;margin:30px 0}.crm-flow li{padding:17px 13px}.crm-flow li:nth-child(2){border-right:0}.crm-flow li:nth-child(-n+2){border-bottom:1px solid #d5d4ca}.crm-flow strong{font-size:16px}.crm-flow span{font-size:9px}.crm-demo-top{flex-direction:column;gap:17px;padding:20px 17px}.crm-demo-name h3{font-size:21px}.crm-demo-label{font-size:9px;max-width:none}.crm-controls{padding:0 10px;gap:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.crm-view-button{font-size:11px;padding:14px 3px;min-width:0}.crm-view{padding:22px 17px;min-height:0}.crm-view-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:20px}.crm-view-heading h4{font-size:23px}.crm-view-note{text-align:left;max-width:none}.crm-action{grid-template-columns:22px minmax(0,1fr);gap:9px 10px;padding:17px 0}.crm-status{grid-column:2;justify-self:start;max-width:none;font-size:9px}.crm-record,.crm-comparison .crm-record{grid-template-columns:1fr 1fr;gap:16px;padding:18px;background:#f4f5f0;border:1px solid #e0e1dc}.crm-records{gap:12px}.crm-record>div:first-child{grid-column:1/-1}.crm-record:last-child{padding-bottom:18px}.crm-comparison .crm-record>div:last-child{grid-column:1/-1}.crm-record strong{font-size:15px}.crm-cell-label{font-size:9px;margin-bottom:5px}.crm-internal-grid,.crm-signal{grid-template-columns:1fr;gap:17px}.crm-internal-card{padding:17px}.crm-signal{padding-top:18px}.crm-signal-angle{padding:17px}.crm-demo-footer{padding:16px 17px;flex-direction:column;align-items:start;gap:11px}.crm-demo-footer p{text-align:left;max-width:none}}
@media(max-width:380px){.crm-title{font-size:38px}.crm-view-button{font-size:10px}.crm-record,.crm-comparison .crm-record{grid-template-columns:1fr}.crm-record>div:first-child,.crm-comparison .crm-record>div:last-child{grid-column:auto}.crm-demo-name h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.crm-view-button{transition:none}}