/* A kinetic, blue editorial direction: original layout and motion implementation. */
:root{--bg:#f6f8fd;--surface:#fff;--ink:#102344;--muted:#4b5d78;--line:#bdcce1;--accent:#2255df;--feature:#e4edff;--button:#142c54;--button-text:#fff;--accent-soft:#e1eaff;--header:rgb(255 255 255 / .9);--signal:#9dc5ff;--blue-soft:#e4e8ff;--blue-ink:#344cb0;--hover:#2255df;--card-shadow:#b7d0ff;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}html[data-theme=dark]{--bg:#0b1526;--surface:#15223a;--ink:#f4f7ff;--muted:#b8c6dd;--line:#51627f;--accent:#9bbfff;--feature:#1c365d;--button:#b6d0ff;--button-text:#102344;--accent-soft:#223e68;--header:rgb(21 34 58 / .94);--signal:#9dc5ff;--blue-soft:#283461;--blue-ink:#bfcbff;--hover:#d3e2ff;--card-shadow:#315894}body{overflow-x:clip}.wrap{max-width:1512px;padding-inline:clamp(22px,4.2vw,72px)}h1,h2,h3{font-weight:800;letter-spacing:-.055em}h2{font-size:clamp(2.6rem,4.8vw,4.8rem);line-height:1.04}p{line-height:1.7}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}html{scroll-padding-top:130px}.site-header{position:fixed;z-index:30;top:18px;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;backdrop-filter:none;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;white-space:nowrap;min-height:50px;padding:10px 22px;background:var(--header);border:1px solid rgb(95 120 158 / .25);border-radius:100px;box-shadow:0 5px 20px rgb(26 52 97 / .08);font-size:1rem;font-weight:800;letter-spacing:-.045em}.brand span{display:none}.site-header nav{display:flex;gap:2px;align-items:center;background:var(--header);padding:7px;border:1px solid rgb(95 120 158 / .25);border-radius:100px;box-shadow:0 5px 20px rgb(26 52 97 / .08);margin-left:auto;font-size:.8125rem;font-family:var(--mono)}.site-header nav a{padding:9px 13px;border-radius:50px;transition:color .2s,background .2s}.site-header nav a:after{display:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.display-controls{display:flex;align-items:center;gap:8px}.theme,.motion-toggle{min-height:48px;border:1px solid rgb(95 120 158 / .25);padding:9px 14px;border-radius:100px;background:var(--header);color:var(--ink);font-size:.75rem;font-family:var(--mono);white-space:nowrap;box-shadow:0 5px 20px rgb(26 52 97 / .08)}.theme:hover,.motion-toggle:hover{color:var(--accent);background:var(--surface)}.motion-toggle{display:flex;align-items:center;gap:8px}.motion-toggle:disabled{cursor:default}.toggle-track{height:15px;width:26px;border-radius:20px;background:var(--accent);padding:3px;display:block}.toggle-track>span{display:block;width:9px;height:9px;border-radius:50%;background:var(--surface);transform:translateX(11px);transition:transform .2s}.motion-toggle[aria-pressed=false] .toggle-track{background:var(--muted)}.motion-toggle[aria-pressed=false] .toggle-track>span{transform:translateX(0)}.motion-state{width:19px}.skip{z-index:100;background:var(--surface);color:var(--accent)}.button,.small-button{border-radius:100px;padding:16px 25px;font-weight:600;font-size:.875rem;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex;align-items:center;justify-content:center}.button{box-shadow:0 8px 20px rgb(13 41 92 / .13)}.button:hover{transform:translateY(-4px);background:var(--hover);box-shadow:0 12px 26px rgb(13 41 92 / .17)}.button-secondary{background:var(--header);color:var(--ink);border:1px solid var(--line);box-shadow:none}.button-secondary:hover{color:var(--ink);background:var(--surface)}.text-link,.case-link,.section-link{font-family:var(--mono);font-weight:400;font-size:.8125rem;text-underline-offset:7px;text-decoration:underline;text-decoration-color:var(--line)}.text-link:hover,.case-link:hover,.section-link:hover{color:var(--accent);text-decoration-color:var(--accent);opacity:1}.case-link:after{display:none}.eyebrow,.work-type{font-family:var(--mono);font-size:.8125rem;line-height:1.5;letter-spacing:.025em;font-weight:400;text-transform:none;color:var(--muted)}
/* Full-bleed atmosphere, intentionally blue rather than the reference's warm palette. */
.kinetic-hero{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(160px,18vh,210px);padding-bottom:85px;min-height:min(850px,100svh);background:#dce9ff;color:#102344}.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#dce9ff,#cbdcff 45%,#b5d9ff);overflow:hidden}.color-cloud{position:absolute;width:80vw;height:80vw;max-width:1200px;max-height:1200px;border-radius:45%;filter:blur(50px);will-change:transform;opacity:.9;pointer-events:none}.cloud-one{background:radial-gradient(ellipse,#6b9bea 0%,#a9d4fc 35%,transparent 67%);left:-34%;top:-45%;animation:cloud-drift 22s ease-in-out infinite alternate}.cloud-two{background:radial-gradient(ellipse,#9cabea 0%,#cbd2f8 35%,transparent 65%);right:-28%;top:-75%;animation:cloud-drift 25s ease-in-out infinite alternate-reverse}.cloud-three{background:radial-gradient(ellipse,#dceeff 0%,#d2e5ff 35%,transparent 68%);left:30%;bottom:-100%;animation:cloud-rise 18s ease-in-out infinite alternate}html[data-theme=dark] .kinetic-hero{background:#102342;color:#f4f7ff}html[data-theme=dark] .hero-atmosphere{background:linear-gradient(115deg,#102342,#1b315a 45%,#203d6c)}html[data-theme=dark] .cloud-one{background:radial-gradient(ellipse,#2e5b95 0%,#183857 35%,transparent 67%)}html[data-theme=dark] .cloud-two{background:radial-gradient(ellipse,#454784 0%,#202c56 35%,transparent 65%)}html[data-theme=dark] .cloud-three{background:radial-gradient(ellipse,#234879 0%,#182e52 35%,transparent 68%)}.hero-role{font-family:var(--mono);font-size:.8125rem;letter-spacing:.025em;display:inline-block;margin-bottom:25px;background:rgb(255 255 255 / .57);border:1px solid rgb(255 255 255 / .45);padding:9px 16px;border-radius:50px;color:#263e65}html[data-theme=dark] .hero-role{background:rgb(10 25 49 / .5);border-color:#4c6895;color:#c5d6f4}.kinetic-hero h1{font-size:clamp(3.1rem,9.25vw,9.3rem);line-height:.99;letter-spacing:-.075em;font-weight:800;margin:0 0 28px;max-width:1400px}.hero-line{display:block;transform-origin:bottom left;animation:line-enter 1s cubic-bezier(.16,1,.3,1) both}.hero-line:nth-child(2){animation-delay:.1s}.hero-accent{color:#2255df!important}html[data-theme=dark] .hero-accent{color:#a9c8ff!important}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:0;animation:soft-enter 1s .18s both}.hero-bottom .hero-intro{font-size:1.1rem;line-height:1.7;max-width:530px;color:#263e65;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0;padding-bottom:5px}html[data-theme=dark] .hero-bottom .hero-intro{color:#d4e1f7}.kinetic-hero .button{background:#102344;color:#fff}.kinetic-hero .button:hover{background:#2255df}.kinetic-hero .button-secondary{background:rgb(255 255 255 / .7);color:#102344;border-color:transparent}.kinetic-hero .button-secondary:hover{background:white}.company-strip{padding-block:45px}.company-strip>p{text-align:center;max-width:none;margin-bottom:28px;font-size:.875rem}.company-logos{max-width:1050px;margin:auto;gap:60px}.logo-slot img{opacity:.85;max-width:132px}.logo-slot{height:55px}.logo-clorox img{max-width:180px}.impact{padding-block:32px 55px;border:0;gap:40px}.impact>div{border-left:2px solid var(--line);padding-left:22px}.impact strong{font-weight:800;font-size:clamp(2.2rem,3.6vw,3.6rem);letter-spacing:-.06em}.impact span{font-size:.8125rem;line-height:1.65}.section{padding-block:85px}.section-heading{display:block;margin-bottom:36px}.section-heading h2{margin-block:16px 24px;max-width:950px}.section-heading>p:not(.eyebrow){max-width:650px;font-size:1.05rem}.section-heading>.text-link{display:inline-block;margin-top:22px}.featured-work{padding-top:45px}.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch;padding-bottom:12px}.feature-case{border:1px solid var(--ink);border-radius:20px;background:var(--surface);box-shadow:5px 6px 0 var(--card-shadow);overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:box-shadow .3s,transform .3s}.feature-case:hover{box-shadow:8px 10px 0 var(--card-shadow)}.feature-case:nth-child(2){--card-shadow:#a7b5ef}.feature-case:nth-child(3){--card-shadow:#b5e0f0}.feature-case:nth-child(4){--card-shadow:#c6bbeb}.feature-case:nth-child(5){--card-shadow:#a7bfd2}.feature-case>a{display:flex;flex-direction:column;height:100%;outline-offset:-5px}.case-preview{height:190px;border-bottom:1px solid var(--ink);overflow:hidden;padding:20px;position:relative}.metric-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.metric-preview>img{height:38px;max-width:105px;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(.25)}.metric-preview>img[src$='amex.svg']{filter:none}.metric-preview strong{display:block;font-size:2.15rem;line-height:1.1;letter-spacing:-.065em;font-weight:800;margin-top:16px}.metric-preview span{display:block;font-size:.6875rem;line-height:1.4;margin-top:8px;max-width:170px}.preview-sky{background:#c7e0fc;color:#173657}.preview-cobalt{background:#cdd6ff;color:#1d3267}.preview-ice{background:#d3ecf6;color:#1b4059}.preview-lilac{background:#dcd7ef}.preview-ink{background:#d4e1ed}.research-preview{height:100%;width:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.feature-case:hover .research-preview{transform:scale(1.05)}.feature-copy{padding:19px 15px 22px;display:flex;flex-direction:column;flex:1}.feature-copy .work-type{font-size:.6875rem;line-height:1.5;margin-bottom:12px}.feature-copy h3{font-size:1.35rem;line-height:1.12;letter-spacing:-.045em;margin-bottom:14px}.feature-copy>p:not(.work-type){font-size:.875rem;line-height:1.6;margin-bottom:25px}.feature-copy .case-link{margin-top:auto;font-size:.6875rem;align-self:flex-start}.capabilities{display:grid;grid-template-columns:1fr;gap:35px;background:var(--surface)}.capabilities .section-heading{margin:0}.capability-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:craft}.capability-list article{display:block;border:1px solid var(--line);border-radius:18px;background:var(--bg);padding:30px 25px;box-shadow:5px 6px 0 var(--accent-soft);counter-increment:craft}.capability-list h3{font-size:1.7rem;line-height:1.15;margin-bottom:18px;max-width:230px}.capability-list p{font-size:.9375rem;line-height:1.75}.capability-list article:before{content:'';display:block;width:44px;height:5px;border-radius:5px;background:var(--accent);margin-bottom:35px}.timeline{margin-top:34px}.timeline article{grid-template-columns:180px 1fr 1fr;gap:30px;border-top:0;border-bottom:1px solid var(--line);padding:30px 0}.timeline article h3{font-size:1.15rem;letter-spacing:-.025em}.timeline .role{font-weight:600}.timeline p{font-size:.9375rem}.timeline .scope{max-width:none}.dates{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.employer{gap:14px}.earlier{border:1px solid var(--line);border-radius:16px;margin-top:30px;background:var(--surface);padding:20px 24px}.earlier summary{font-size:1rem}.earlier summary span{font-family:var(--mono);font-size:.75rem}.early-grid{padding-top:30px;gap:30px}.early-grid h3{font-size:1.15rem;margin-bottom:12px}.early-grid p{font-size:.9375rem}.about{background:var(--feature);grid-template-columns:1fr 1fr;gap:65px}.about .large-body{font-size:1.7rem;line-height:1.45;letter-spacing:-.035em;color:var(--ink);font-weight:600}.about .section-heading h2{font-size:clamp(2.8rem,4.5vw,4.4rem)}.education{border-color:var(--line)}.archive{padding-block:80px}.archive h2{margin-bottom:20px}.archive-grid{gap:30px;margin-top:35px}.archive img{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px;object-fit:contain;height:230px;width:100%}.archive h3{font-size:1.6rem;margin-block:20px 12px}.archive p{font-size:1rem}.archive-links{border:0;margin-top:35px;gap:25px}.archive-links a{font-family:var(--mono);font-size:.875rem}.contact{background:var(--feature);border-radius:36px 36px 0 0;padding-block:80px}.contact h2{max-width:900px}.email{font-size:clamp(1.4rem,4vw,3.8rem);font-weight:700;letter-spacing:-.04em;overflow-wrap:anywhere;margin-block:35px}.contact-links{gap:25px;flex-wrap:wrap}.contact-links a{font-family:var(--mono);font-size:.875rem}.site-footer{grid-template-columns:2fr 1fr 1fr;padding-block:55px 24px;border-top:0;gap:50px;background:var(--surface)}.footer-name{font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.footer-pages,.footer-socials{font-family:var(--mono);font-size:.8125rem;gap:15px}.footer-email{font-family:var(--mono);font-size:.875rem}.footer-base{font-family:var(--mono);font-size:.75rem}.page-cta{background:var(--feature);border:0;padding-block:65px}.page-cta h2{font-size:clamp(2.3rem,4vw,4rem)}
/* Interior pages share the floating shell and tactile surfaces. */
.interior-page main{padding-top:95px}.page-intro,.case-hero{padding-block:55px 45px}.page-intro h1,.case-hero h1{font-weight:800;font-size:clamp(2.7rem,6.6vw,6.3rem);letter-spacing:-.065em;line-height:1.03;max-width:1200px}.page-description{font-size:1.1rem;line-height:1.75;max-width:720px;margin-top:28px}.page-intro{position:relative}.page-intro:after{content:'';display:block;margin-top:45px;height:6px;width:90px;border-radius:10px;background:var(--accent)}.work-index{padding-block:10px 85px}.work-controls{margin-bottom:35px;gap:10px}.filter{border-radius:100px;padding:10px 18px;font-family:var(--mono);font-size:.8125rem}.filter.active{background:var(--button);border-color:var(--button);color:var(--button-text)}#work-count{font-family:var(--mono);font-size:.75rem}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.work-item{border:1px solid var(--ink);background:var(--surface);box-shadow:6px 7px 0 var(--card-shadow);border-radius:22px}.work-item:hover{border-color:var(--ink);transform:translateY(-7px);box-shadow:8px 12px 0 var(--card-shadow)}.work-item-copy{padding:25px}.work-item h2{font-size:1.8rem;line-height:1.12;font-weight:800;letter-spacing:-.045em}.work-item-copy>p:not(.work-type){font-size:.9375rem}.work-leadership,.work-image{height:255px}.work-leadership{padding:28px;background:#c7e0fc;color:#173657;border-bottom:1px solid var(--ink)}.work-item:nth-child(2) .work-leadership{background:#cdd6ff;color:#1d3267}.work-item:nth-child(3) .work-leadership{background:#d3ecf6;color:#1b4059}.work-leadership strong,.work-item:nth-child(2) .work-leadership strong{font-size:3.3rem;font-weight:800;color:inherit}.work-leadership span{color:inherit;font-size:.8125rem}.work-leadership img{filter:grayscale(1) brightness(.25)!important}.work-leadership img[src$='amex.svg']{filter:none!important}.work-image{border-bottom:1px solid var(--ink);background:#e5eaf4}.back-link{font-family:var(--mono);font-size:.8125rem;margin-bottom:35px}.case-title{gap:35px}.case-company-logo{width:90px;height:85px}.case-meta{font-size:.9375rem;border-top:0;border-bottom:1px solid var(--line);gap:30px;margin-top:42px}.case-meta dt,.background-panel dt{font-family:var(--mono);font-size:.75rem;text-transform:none;letter-spacing:0}.case-feature-image{margin-bottom:50px}.case-feature-image img{border:1px solid var(--line);border-radius:22px}.case-feature-image figcaption{font-family:var(--mono);font-size:.75rem}.case-impact{background:var(--feature);padding-block:30px;margin-block:0 65px;gap:35px}.case-impact strong{font-weight:800;line-height:1;letter-spacing:-.07em}.case-impact p{font-size:1.05rem;max-width:600px}.case-reading{grid-template-columns:220px minmax(0,1fr);gap:75px;padding-block:10px 65px}.case-reading aside{top:125px;font-family:var(--mono);font-size:.75rem}.case-reading aside h2{font-family:Manrope,Arial,sans-serif;font-size:1rem;letter-spacing:-.02em}.case-body{max-width:900px}.case-body h2{font-size:2.25rem;letter-spacing:-.045em;margin-bottom:22px}.case-body p{font-size:1.05rem;line-height:1.85}.focus-list span{border:1px solid var(--line);border-radius:100px;padding:9px 15px;margin:0;font-size:.875rem;background:var(--surface)}.source-archive{border:1px solid var(--line);border-radius:18px;padding:23px;background:var(--surface)}.source-archive>summary{font-size:1rem}.source-content h3{letter-spacing:-.03em;font-size:1.6rem}.source-content h4{letter-spacing:-.02em}.source-content img{border:1px solid var(--line);border-radius:12px}.source-content p,.source-content li{font-size:1rem}.source-content table{font-size:.875rem}.source-content table p{font-size:inherit}.source-content .archive-note{background:var(--feature);font-size:.875rem;border-radius:8px;border-left:0}.next-project{padding-block:40px 60px;border:0}.next-project>span{font-family:var(--mono)}.next-project>a:not(.text-link){font-size:clamp(1.8rem,3vw,3rem);font-weight:800;line-height:1.15}.experience-page{padding-bottom:70px}.resume-callout{border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--surface)}.story-layout{gap:65px;padding-top:10px}.story-layout h2{font-size:2.55rem;line-height:1.1}.story-layout p{font-size:1.05rem}.background-panel{border:1px solid var(--line);border-radius:22px;box-shadow:7px 8px 0 var(--card-shadow);padding:35px}.background-panel h2{font-size:1.5rem}.education-section>h2{font-size:2.5rem}.education-grid{gap:30px}.education-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--surface)}.education-grid h3{font-size:1.3rem}.education-grid p{font-size:.9375rem}.approach-layout{gap:30px;padding-block:15px 75px}.approach-layout article{border:1px solid var(--line);border-radius:22px;box-shadow:6px 7px 0 var(--card-shadow);padding:35px;background:var(--surface)}.approach-layout article>span{font-family:var(--mono);font-size:.8125rem}.approach-layout h2{font-size:2.5rem;max-width:500px;letter-spacing:-.05em}.approach-layout p{max-width:600px}.tradeoffs h2{font-size:2.5rem}.tradeoffs th{font-size:.9375rem}.table-scroll{border:1px solid var(--line);border-radius:18px}.contact-options{padding-block:15px 65px;gap:35px}.contact-options article{border-top:2px solid var(--line);padding-top:25px}.contact-options h2{font-family:var(--mono);font-size:.8125rem;font-weight:400;letter-spacing:0;color:var(--muted)}.contact-options article>a{font-size:1.4rem;font-weight:700;letter-spacing:-.04em}.contact-options .small-button{padding:10px 18px;font-family:var(--mono);font-size:.75rem}.social-grid>a{font-weight:600}.social-grid span{font-size:.75rem;font-weight:400}.schedule-section{background:var(--feature);border:0;padding-block:65px;gap:50px}.schedule-section h2{font-size:clamp(2.6rem,4.5vw,4.3rem)}.schedule-section>div>p:not(.eyebrow){font-size:1rem}.booking-options{gap:22px}.booking-option,.booking-option:nth-child(2){border:1px solid var(--ink);border-radius:22px;padding:28px;background:var(--surface);box-shadow:6px 7px 0 var(--card-shadow)}.booking-option:nth-child(2){background:var(--blue-soft)}.booking-option h3{font-weight:800;font-size:5.2rem;line-height:1;margin-block:32px 24px;letter-spacing:-.07em}.booking-option h3 span{font-size:.875rem;font-family:var(--mono);font-weight:400;letter-spacing:0;margin-top:12px}.booking-option .eyebrow{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.booking-option>p:not(.eyebrow){font-size:.9375rem}.booking-option .button{font-size:.8125rem;padding:14px 20px;min-width:0;white-space:normal;text-align:center}.booking-note{font-size:.75rem;font-family:var(--mono);margin-top:12px}.booking-email{font-size:.8125rem}.recovery{padding-block:25px 80px}
/* Motion: entrances establish hierarchy; hover feedback makes projects feel tangible. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .feature-case[data-reveal].is-visible{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.featured-grid .feature-case{--reveal-delay:calc(var(--order,0) * 65ms)}.page-intro h1,.case-title h1{animation:line-enter .9s cubic-bezier(.16,1,.3,1) both}.page-description{animation:soft-enter .9s .12s both}@keyframes cloud-drift{from{transform:translate3d(-3%,0,0) rotate(-12deg) scale(1)}to{transform:translate3d(18%,18%,0) rotate(20deg) scale(1.12)}}@keyframes cloud-rise{from{transform:translate3d(0,-4%,0) scale(1)}to{transform:translate3d(-15%,-20%,0) scale(1.12)}}@keyframes line-enter{from{opacity:0;transform:translateY(36px) rotate(1.2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes soft-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] [data-reveal]{opacity:1!important;transform:none!important}html[data-motion=off] .button:hover,html[data-motion=off] .work-item:hover,html[data-motion=off] .feature-case,html[data-motion=off] .feature-case:hover .research-preview{transform:none!important}
@media(min-width:1512px){.kinetic-hero{padding-inline:max(72px,calc((100vw - 1368px) / 2))}.kinetic-hero h1{font-size:9.3rem}.hero-bottom{max-width:1368px}}
@media(max-width:1200px){.site-header nav a{padding:9px 10px}.site-header{gap:10px}.brand{padding-inline:18px}.display-controls{gap:6px}.theme{padding-inline:12px}.motion-toggle{padding-inline:12px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.feature-case:nth-child(4),.feature-case:nth-child(5){grid-column:auto}.case-preview{height:220px}.feature-copy{padding:24px}.feature-copy h3{font-size:1.65rem}.feature-copy>p:not(.work-type){font-size:.9375rem}.feature-copy .work-type,.feature-copy .case-link{font-size:.75rem}.metric-preview strong{font-size:2.7rem}.metric-preview span{font-size:.75rem;max-width:220px}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-list h3{max-width:none}.hero-bottom{gap:30px}.hero-actions{flex-shrink:1}.case-reading{gap:40px;grid-template-columns:190px minmax(0,1fr)}.timeline article{grid-template-columns:145px 1.1fr 1fr}}
@media(max-width:980px){.site-header nav{order:3;width:max-content;margin:0;position:absolute;top:62px;left:50%;transform:translateX(-50%)}.site-header nav a{padding:8px 15px}.site-header{align-items:flex-start;height:50px}.display-controls{margin-left:auto}.brand{min-height:48px}.kinetic-hero{padding-top:190px;padding-bottom:65px;min-height:700px}.kinetic-hero h1{font-size:clamp(4rem,9.2vw,7rem)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:26px}.hero-bottom .hero-intro{max-width:600px}.hero-actions{flex-shrink:0}.interior-page main{padding-top:140px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{gap:35px;grid-template-columns:1.2fr 1fr}.case-title{display:block}.case-title>.company-logo-link{margin-bottom:25px}.schedule-section{grid-template-columns:1fr}.schedule-section>div>p:not(.eyebrow){max-width:650px}.booking-options{max-width:850px}.timeline article{grid-template-columns:1fr 2fr;gap:15px}.timeline .scope{grid-column:2}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.company-logos{gap:30px}.logo-slot img{max-width:110px}}
@media(max-width:767px){.site-header{top:12px}.brand{font-size:.875rem;min-height:44px;padding:9px 16px}.theme,.motion-toggle{min-height:44px;font-size:.6875rem;padding:8px 11px}.motion-toggle{gap:6px}.site-header nav{top:56px;padding:5px;gap:0;max-width:calc(100vw - 44px);width:calc(100vw - 44px);justify-content:space-between}.site-header nav a{font-size:.75rem;padding:8px 11px}.kinetic-hero{padding-top:165px;padding-bottom:45px;min-height:650px}.hero-role{font-size:.6875rem;padding:8px 12px;margin-bottom:24px}.kinetic-hero h1{font-size:clamp(2.5rem,9.4vw,4.6rem);line-height:1.03;margin-bottom:25px;letter-spacing:-.07em}.hero-bottom .hero-intro{font-size:1rem;max-width:480px}.hero-bottom{gap:24px}.hero-actions{gap:10px}.hero-actions .button{padding:14px 20px;font-size:.8125rem}.hero-atmosphere .color-cloud{width:150vw;height:150vw;filter:blur(35px)}.cloud-one{left:-65%;top:-10%}.cloud-two{right:-70%;top:-15%}.cloud-three{bottom:-60%;left:20%}.company-strip{padding-block:30px 25px}.company-strip>p{font-size:.8125rem;max-width:290px;margin-inline:auto}.company-logos{grid-template-columns:repeat(3,1fr);gap:22px}.logo-slot{height:46px}.logo-slot img{max-width:92px}.logo-clorox img{max-width:110px}.impact{gap:25px 15px;padding-block:25px 40px}.impact strong{font-size:2.25rem}.impact span{font-size:.75rem}.impact>div{padding-left:14px}.section{padding-block:55px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(2.2rem,8.5vw,3.2rem);margin-block:15px 20px}.section-heading>p:not(.eyebrow){font-size:1rem}.featured-work{padding-top:20px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.feature-case{border-radius:18px;box-shadow:4px 5px 0 var(--card-shadow)}.feature-case:first-child{grid-column:1/-1}.feature-case:first-child>a{display:grid;grid-template-columns:1fr 1fr}.feature-case:first-child .case-preview{height:100%;min-height:230px;border-bottom:0;border-right:1px solid var(--ink)}.case-preview{height:185px;padding:20px}.metric-preview strong{font-size:2.4rem}.metric-preview>img{max-width:90px;height:35px}.metric-preview span{font-size:.6875rem}.feature-copy{padding:21px 16px}.feature-copy h3{font-size:1.35rem}.feature-copy .work-type{font-size:.6875rem}.feature-copy>p:not(.work-type){font-size:.875rem;line-height:1.6}.feature-copy .case-link{font-size:.6875rem}.capability-list{gap:20px}.capability-list article{padding:25px 20px}.capability-list h3{font-size:1.5rem}.capability-list p{font-size:.8755rem}.capability-list article:before{margin-bottom:28px}.about{grid-template-columns:1fr;gap:30px}.about .section-heading h2{font-size:2.6rem}.about .large-body{font-size:1.5rem}.timeline{margin-top:28px}.timeline article{grid-template-columns:1fr;gap:12px;padding-block:25px}.timeline .scope{grid-column:auto;font-size:.875rem}.timeline h3{font-size:1.15rem}.dates{font-size:.75rem}.early-grid{grid-template-columns:1fr}.earlier{padding:18px}.earlier summary{font-size:.9375rem}.archive{padding-block:55px}.archive h2{font-size:2.6rem}.archive-grid{grid-template-columns:1fr 1fr;gap:24px}.archive img{height:190px;padding:16px}.archive-grid h3{font-size:1.5rem}.archive-grid p{font-size:.875rem}.archive-links{display:grid;gap:18px}.contact{padding-block:55px;border-radius:25px 25px 0 0}.contact h2{font-size:2.6rem}.contact-links{gap:20px}.contact-links a{font-size:.8125rem}.site-footer{grid-template-columns:1fr 1fr;gap:35px;padding-block:40px 24px}.site-footer>div:first-child{grid-column:1/-1}.footer-base{gap:15px;font-size:.6875rem}.footer-pages,.footer-socials{font-size:.75rem}.footer-email{font-size:.8125rem}.page-cta{display:grid;padding-block:45px}.page-cta h2{font-size:2.6rem}.page-cta>div{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.interior-page main{padding-top:130px}.page-intro,.case-hero{padding-block:35px 30px}.page-intro h1,.case-hero h1{font-size:clamp(2.5rem,9vw,4rem);letter-spacing:-.065em;line-height:1.06}.page-description{font-size:1rem;margin-top:25px}.page-intro:after{margin-top:30px;height:5px;width:65px}.work-controls{gap:8px}.filter{padding:8px 13px;font-size:.75rem}#work-count{font-size:.75rem;margin-top:8px}.work-grid{gap:28px 23px}.work-leadership,.work-image{height:215px}.work-leadership{padding:23px}.work-leadership strong,.work-item:nth-child(2) .work-leadership strong{font-size:2.6rem}.work-leadership span{font-size:.75rem}.work-item-copy{padding:23px}.work-item h2{font-size:1.55rem}.work-item-copy>p:not(.work-type){font-size:.9375rem}.case-meta{gap:22px 20px;margin-top:30px;font-size:.875rem}.case-meta dt{font-size:.6875rem}.case-title>.company-logo-link{margin-bottom:20px}.case-company-logo{width:65px;height:60px}.case-feature-image{margin-bottom:35px}.case-feature-image img{border-radius:16px}.case-impact{display:block;padding-block:30px;margin-bottom:35px}.case-impact strong{font-size:4rem;display:block}.case-impact p{font-size:.9375rem;margin-top:15px}.case-reading{grid-template-columns:1fr;gap:30px;padding-block:0 45px}.case-reading aside{position:static;grid-template-columns:1fr 1fr;padding-bottom:25px;border-bottom:1px solid var(--line);gap:15px}.case-reading aside h2{grid-column:1/-1}.case-body h2{font-size:1.9rem}.case-body p{font-size:1rem;line-height:1.8}.case-body>section{margin-bottom:35px}.focus-list{gap:9px}.focus-list span{font-size:.8125rem;padding:8px 12px}.source-archive{padding:20px 16px}.source-archive>summary{font-size:.9375rem}.source-content p,.source-content li{font-size:.9375rem}.source-content h3{font-size:1.4rem}.source-content h4{font-size:1.15rem}.resume-callout{padding:25px;gap:20px}.story-layout{grid-template-columns:1fr;gap:30px}.story-layout h2{font-size:2.3rem}.background-panel{padding:28px}.background-panel h2{font-size:1.5rem}.education-section>h2{font-size:2.3rem}.education-grid{grid-template-columns:1fr;gap:22px}.education-grid article{padding:25px}.approach-layout{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.approach-layout article{padding:28px}.approach-layout h2{font-size:2.2rem}.tradeoffs h2{font-size:2.2rem}.tradeoffs th,.tradeoffs td{font-size:.875rem;padding:16px}.contact-options{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.contact-options h2{font-size:.8125rem}.contact-options article>a{font-size:1.5rem}.social-grid{gap:20px}.schedule-section{gap:35px;padding-block:45px}.schedule-section h2{font-size:2.6rem}.booking-options{grid-template-columns:1fr 1fr;gap:22px}.booking-option{padding:24px}.booking-option:nth-child(2){padding:24px}.booking-option h3{font-size:4.5rem}.booking-option .eyebrow{font-size:.6875rem}.booking-option>p:not(.eyebrow){font-size:.875rem}.booking-option .button{width:100%;font-size:.75rem;padding:13px 12px}.booking-note{font-size:.6875rem}.recovery{padding-bottom:55px}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr}.work-leadership,.work-image{height:245px}.work-leadership strong,.work-item:nth-child(2) .work-leadership strong{font-size:3.4rem}.booking-options{grid-template-columns:1fr}.booking-option,.booking-option:nth-child(2){padding:28px}.booking-option h3{font-size:5rem;margin-block:24px}.booking-option>p:not(.eyebrow){font-size:1rem}.booking-option .eyebrow{font-size:.8125rem}.booking-option .button{font-size:.875rem;width:auto;padding-inline:25px}.booking-note{font-size:.75rem}.capability-list{grid-template-columns:1fr}.capability-list h3{font-size:1.8rem}.capability-list p{font-size:1rem}.hero-role{font-size:.6875rem}.featured-grid{grid-template-columns:1fr}.feature-case:first-child{grid-column:auto}.feature-case:first-child>a{display:flex}.feature-case:first-child .case-preview{height:220px;min-height:0;border-right:0;border-bottom:1px solid var(--ink)}.case-preview{height:220px;padding:25px}.feature-copy{padding:25px}.feature-copy h3{font-size:1.8rem}.feature-copy .work-type,.feature-copy .case-link{font-size:.75rem}.feature-copy>p:not(.work-type){font-size:1rem}.metric-preview strong{font-size:3.2rem}.metric-preview span{font-size:.8125rem;max-width:240px}.metric-preview>img{height:45px;max-width:125px}.archive-grid{grid-template-columns:1fr}.archive img{height:230px}}
@media(max-width:359px){.wrap{padding-inline:16px}.brand{font-size:.8125rem;padding-inline:13px}.theme,.motion-toggle{padding-inline:8px}.motion-toggle{gap:4px}.motion-toggle>span:first-child{display:none}.site-header nav{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.site-header nav a{padding-inline:8px;font-size:.6875rem}.kinetic-hero h1{font-size:9.35vw}.hero-actions .button{padding-inline:16px}.hero-role{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready [data-reveal]{opacity:1;transform:none}.feature-case,.work-item:hover,.button:hover,.feature-case:hover .research-preview{transform:none!important}}
.kinetic-hero h1 .hero-line:not(.hero-accent){color:inherit!important}
.section-heading h2,.page-cta h2,.schedule-section h2{font-weight:800}.feature-copy .case-link{font-size:.8125rem}.metric-preview span{font-size:.75rem}
.site-header{padding-block:0}
@media(max-width:600px){.kinetic-hero{min-height:725px}.kinetic-hero h1{font-size:clamp(3rem,12.6vw,4.4rem);line-height:1.02;letter-spacing:-.06em}}