@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f8f8f2;--ink:#252c26;--muted:#686e64;--line:#dcdfd4;--green:#354d3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:7px;outline:3px solid #6b8549}::selection{background:#dbe5bb}.site-header,main,footer{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.site-header{justify-content:space-between;align-items:center;height:128px;display:flex}.identity{align-items:center;gap:15px;font-size:14px;font-weight:600;display:flex}.identity small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.monogram{letter-spacing:-2px;font-size:21px;font-weight:800}.monogram span{vertical-align:top;margin-left:2px;font-size:13px}nav{align-items:center;gap:37px;font-size:13px;display:flex}nav a:hover{text-underline-offset:5px;text-decoration:underline}.contact-nav{border:1px solid var(--line);border-radius:30px;padding:12px 18px}.contact-nav span{margin-left:20px}.hero{padding-top:65px}.eyebrow{letter-spacing:1.9px;font-size:10px;font-weight:600;line-height:1.7}.status-dot{background:#7b8c57;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}.hero h1{letter-spacing:-5px;margin:29px 0;font-size:clamp(44px,6.7vw,94px);font-weight:500;line-height:1.1}.hero h1>span{color:#73805a;font-family:Georgia,serif;font-style:italic;font-weight:400}.mobile-break{display:none}.hero-bottom{justify-content:space-between;align-items:center;margin-top:35px;display:flex}.hero-bottom p{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8}.round-link{border:1px solid #c8cebe;border-radius:50%;place-items:center;width:53px;height:53px;font-size:24px;transition:background .2s;display:grid}.round-link:hover{background:#e6ebd8}.hero-note{letter-spacing:1.6px;color:#848779;border-bottom:1px solid var(--line);padding:55px 0 25px;font-size:9px}.work{padding:36px 0 86px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.5px;font-size:18px;font-weight:500}.section-heading h2 span{color:#868c7c;letter-spacing:0;margin-left:12px;font-family:DM Sans,sans-serif;font-size:10px}.section-heading>span{color:var(--muted);font-size:11px}.projects{grid-template-columns:1fr 1fr;gap:30px;display:grid}.project-visual{border-radius:3px;justify-content:center;align-items:center;height:390px;display:flex;position:relative;overflow:hidden}.sage{background:#dce4d7}.peach{background:#efe0d6}.project-card .project-visual>div{transition:transform .4s}.project-card:hover .project-visual>div{transform:translateY(-5px)}.bank-window{background:#fbfcf9;border-radius:7px;width:84%;font-size:10px;transform:rotate(-3deg);box-shadow:0 24px 35px #39493320}.mock-nav{border-bottom:1px solid #e8ece5;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.mock-nav strong{letter-spacing:-1px;font-size:21px}.mock-nav strong span{color:#8c9c65;font-size:7px}.mock-nav>span{color:#697164;font-size:7px}.mock-nav>span:last-child{background:#e7eadc;border-radius:50%;padding:7px}.bank-body{padding:22px}.tiny{letter-spacing:1.3px;color:#72796c;font-size:7px}.bank-body h3{letter-spacing:-.8px;margin:9px 0 18px;font-size:21px;font-weight:500}.balance{color:#f8faed;background:#344e3f;border-radius:5px;flex-direction:column;gap:10px;padding:19px;display:flex}.balance>span{color:#dce4d5;font-size:8px}.balance strong{letter-spacing:-1px;font-size:26px;font-weight:500}.mini-grid{grid-template-columns:1fr 1fr;gap:12px;margin:13px 0;display:grid}.mini-grid>div{border:1px solid #e1e5dc;border-radius:4px;padding:12px}.mini-grid span{color:#72796c;margin-bottom:8px;font-size:8px;display:block}.mini-grid strong{font-size:13px;font-weight:500}.mock-bottom{color:#747c6a;justify-content:space-between;padding-top:5px;font-size:8px;display:flex}.pause-word{letter-spacing:-1px;color:#7f5040;font-family:Georgia,serif;font-size:31px;line-height:1.22;position:absolute;top:17%;left:7%}.phone{color:#5e473b;background:#fbf5ed;border:5px solid #fffcf9;border-radius:28px;width:177px;height:335px;padding:12px 14px;position:absolute;top:38px;right:9%;transform:rotate(8deg);box-shadow:12px 20px 35px #84533925}.phone-top{justify-content:space-between;margin-bottom:20px;font-size:7px;display:flex}.pause-logo{font-family:Georgia,serif;font-size:24px}.phone p{color:#987c65;margin-top:5px;font-size:8px}.sun-art{justify-content:center;align-items:center;height:94px;display:flex}.sun-art div{background:#d7986c;border-radius:50%;width:69px;height:69px;box-shadow:0 0 0 12px #e6ba9538,0 0 0 23px #eed7b830}.phone h3{margin-bottom:10px;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.04}.phone .tiny{font-size:6px}.mock-button{color:#fff5eb;background:#795944;border-radius:20px;justify-content:space-between;margin-top:16px;padding:10px;font-size:7px;display:flex}.project-caption{justify-content:space-between;align-items:center;padding-top:20px;display:flex}.project-caption p{color:var(--muted);margin-bottom:10px;font-size:10px}.sample{border:1px solid var(--line);border-radius:3px;margin-left:7px;padding:3px 6px;font-size:8px;display:inline-block}.project-caption h3{letter-spacing:-.7px;font-size:21px;font-weight:500}.project-arrow{font-size:24px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:40px;padding:70px 0 80px;display:grid}.about h2,.contact h2{letter-spacing:-2px;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.15}.about em,.contact em{color:#75825d;font-family:Georgia,serif;font-weight:400}.about p{color:var(--muted);max-width:510px;margin-top:23px;font-size:14px;line-height:1.9}.disciplines{gap:27px;margin-top:33px;font-size:11px;display:flex}.about .draft-note{color:#7f8478;border-left:2px solid #d6dcc8;padding-left:12px;font-size:10px}.contact{border-top:1px solid var(--line);padding:65px 0 72px}.contact h2{margin-top:25px}.email-link{border-bottom:1px solid var(--ink);margin-top:30px;padding-bottom:8px;font-size:16px;display:inline-block}.contact-placeholder{color:var(--muted);margin-top:28px;font-size:13px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:26px;padding-bottom:30px;font-size:10px;display:flex}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.case-study{padding-top:50px;padding-bottom:80px}.back-link{color:var(--muted);font-size:12px}.case-intro{max-width:800px;margin:60px 0 45px}.case-intro h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(40px,6vw,75px);font-weight:500;line-height:1.12}.case-intro p{color:var(--muted);max-width:620px;font-size:18px;line-height:1.7}.case-study>.project-visual{height:520px}.case-study .bank-window{max-width:480px}.case-study .phone{top:80px;right:24%}.case-study .pause-word{font-size:52px;top:25%;left:20%}.case-sections{margin-top:50px}.case-sections section{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:40px;padding:35px 0;display:grid}.case-sections p{max-width:660px;font-size:18px;line-height:1.8}@media (min-width:1500px){.hero h1{font-size:94px}}@media (max-width:800px){.site-header{height:100px}nav{gap:20px}.hero{padding-top:40px}.hero h1{letter-spacing:-3px;font-size:62px}.projects{gap:20px}.project-visual{height:320px}.bank-window{width:90%}.bank-body{padding:15px}.mock-nav{padding:12px}.mock-nav>span:nth-child(2){display:none}.pause-word{font-size:24px;top:12%;left:6%}.phone{width:153px;height:300px;top:60px;right:6%}.phone-top{margin-bottom:10px}.sun-art{height:80px}.phone h3{font-size:22px}.project-caption h3{font-size:17px}.sample{margin-top:7px;margin-left:0}.project-caption p{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.about{grid-template-columns:1fr;gap:30px}.case-study .pause-word{font-size:40px;left:8%}.case-study .phone{right:16%}}@media (max-width:560px){.site-header,main,footer{padding-left:6%;padding-right:6%}.identity{gap:10px}.identity small{font-size:9px}.identity{font-size:12px}nav{gap:16px;font-size:11px}.contact-nav{border:0;padding:0}.contact-nav span,.monogram{display:none}.hero{padding-top:35px}.hero h1{letter-spacing:-2.7px;margin-top:24px;font-size:45px;line-height:1.14}.mobile-break{display:block}.hero-bottom{gap:25px;margin-top:24px}.hero-bottom p{max-width:280px;font-size:13px}.round-link{width:40px;min-width:40px;height:40px;font-size:20px}.hero-note{letter-spacing:1px;padding-top:35px;font-size:7px}.section-heading>span{display:none}.section-heading h2{font-size:17px}.projects{grid-template-columns:1fr;gap:36px}.project-visual{height:350px}.bank-window{width:83%;max-width:340px}.bank-body{padding:20px}.pause-word{font-size:30px;top:18%;left:9%}.phone{width:168px;height:323px;top:38px;right:10%}.sun-art{height:92px}.phone h3{font-size:25px}.project-caption h3{font-size:21px}.sample{margin-top:0;margin-left:6px}.work{padding-bottom:50px}.about{gap:25px;padding:45px 0}.about h2,.contact h2{letter-spacing:-1.8px;font-size:36px}.disciplines{gap:20px;font-size:10px}.contact{padding:45px 0}.contact h2{font-size:41px}footer{gap:15px;font-size:9px}footer>span:nth-child(2){display:none}.case-intro{margin-top:35px}.case-intro h1{letter-spacing:-2px}.case-intro p{font-size:16px}.case-study>.project-visual{height:370px}.case-study .pause-word{font-size:28px;top:16%;left:6%}.case-study .phone{top:50px;right:8%}.case-sections section{grid-template-columns:1fr;gap:18px}.case-sections p{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}:root{--paper:#f4f3ed;--ink:#23251f;--muted:#666b60}.flash-intro{color:#f2f3e9;background:#232a23;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:660px;padding:38px 45px;display:flex;position:relative;overflow:hidden}.intro-kicker{letter-spacing:2px;z-index:1;justify-content:space-between;font-size:9px;display:flex;position:relative}.flash-intro h1{letter-spacing:-7px;z-index:1;margin:60px 0;font-size:clamp(68px,8.9vw,125px);font-weight:500;line-height:.98;position:relative}.flash-intro h1 em{color:#d0f28b;font-family:Georgia,serif;font-weight:400}.flash-intro h1>span{color:#f2f3e9}.intro-bottom{z-index:1;justify-content:space-between;align-items:end;display:flex;position:relative}.intro-bottom p{color:#c3ccbc;font-size:14px;line-height:1.7}.explore-link{color:#232a23;background:#d0f28b;border-radius:40px;align-items:center;gap:50px;padding:18px 25px;font-size:12px;transition:background .2s;display:flex}.explore-link:hover{background:#e4ffaf}.explore-link span{font-size:21px}.orb{background:radial-gradient(circle at 30% 25%,#d7f998,#7f9c56 34%,#35462d 66%,#17221b 80%);border-radius:50%;width:480px;height:480px;animation:10s ease-in-out infinite float;position:absolute;top:90px;right:-75px;box-shadow:inset -30px -30px 60px #141c19,0 0 90px #b9e27b15}.orb div{border:1px solid #d1f3a449;border-radius:50%;position:absolute;inset:15px;transform:rotate(-30deg)scaleX(.35)}.orb div:nth-child(2){transform:rotate(30deg)scaleX(.55)}.orb div:nth-child(3){transform:rotate(80deg)scaleX(.7)}@keyframes float{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-22px)rotate(10deg)}}.discipline-links{grid-template-columns:repeat(3,1fr);gap:30px;padding:55px 0 75px;display:grid}.discipline-links>a{border-top:1px solid var(--line);padding-top:22px}.discipline-links>a>span{letter-spacing:1.6px;color:var(--muted);font-size:9px}.discipline-links h2{letter-spacing:-1px;justify-content:space-between;margin:23px 0 10px;font-size:24px;font-weight:500;display:flex}.discipline-links b{font-weight:400}.discipline-links p{color:var(--muted);font-size:12px}.discipline-links a:hover h2{color:#59783b}.collection-page{padding-top:55px;padding-bottom:100px}.page-heading{margin-bottom:65px}.page-heading h1{letter-spacing:-4px;margin:25px 0;font-size:clamp(55px,7vw,90px);font-weight:500;line-height:1.06}.page-heading em{color:#76845a;font-family:Georgia,serif;font-weight:400}.page-heading p{color:var(--muted);max-width:520px;font-size:16px;line-height:1.7}.case-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.case-cover{background:#dce6cc;flex-direction:column;justify-content:space-between;height:350px;padding:25px;display:flex;overflow:hidden}.case-cover span{letter-spacing:2px;font-size:9px}.case-cover strong{letter-spacing:-15px;color:#526541;font-size:180px;font-weight:400;line-height:1;transition:transform .3s}.cover-1{background:#e7dbef}.cover-1 strong{color:#756081}.pending-case:hover strong{transform:translate(15px)}.pending-case h2{margin:20px 0 10px;font-size:23px;font-weight:500}.pending-case p{color:var(--muted);font-size:13px}.gallery-placeholder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:45px;padding:65px 0;display:flex}.asterisk{color:#81935c;font-size:120px;line-height:1}.gallery-placeholder h2{letter-spacing:-1px;font-size:26px;font-weight:500}.gallery-placeholder p{color:var(--muted);margin-top:15px;font-size:14px}.about-content{grid-template-columns:1fr 1.3fr;align-items:center;gap:65px;display:grid}.portrait-placeholder{background:#e0e6d3;flex-direction:column;justify-content:space-between;min-height:340px;padding:30px;display:flex}.portrait-placeholder span{letter-spacing:2px;font-size:10px}.portrait-placeholder strong{color:#6a7953;font-size:170px;font-weight:400;line-height:1}.about-content h2{letter-spacing:-1px;font-size:30px;font-weight:500}.about-content p{color:var(--muted);margin-top:22px;font-size:17px;line-height:1.8}.empty-study{border-block:1px solid var(--line);padding:55px 0}.empty-study span{letter-spacing:2px;font-size:10px}.empty-study p{color:var(--muted);margin-top:20px;line-height:1.7}@media (max-width:800px){.flash-intro{min-height:560px;padding:30px}.flash-intro h1{letter-spacing:-5px;font-size:80px}.orb{width:390px;height:390px;top:90px;right:-150px}.discipline-links{gap:20px}.discipline-links h2{font-size:21px}.about-content{gap:35px}}@media (max-width:560px){.site-header{flex-wrap:wrap;gap:22px;height:auto;padding-top:25px;padding-bottom:25px}.site-header nav{justify-content:space-between;width:100%;font-size:12px}.flash-intro{min-height:570px;padding:25px 22px}.intro-kicker{letter-spacing:1px;font-size:7px}.intro-kicker>span:last-child{display:none}.flash-intro h1{letter-spacing:-3.5px;margin:55px 0;font-size:61px;line-height:1.04}.flash-intro h1>span{display:block}.orb{opacity:.8;width:320px;height:320px;top:115px;right:-165px}.intro-bottom{flex-direction:column;align-items:start;gap:25px}.intro-bottom p{font-size:12px}.explore-link{gap:45px;padding:13px 20px;font-size:11px}.discipline-links{grid-template-columns:1fr;gap:30px;padding:35px 0 50px}.discipline-links h2{margin:15px 0 10px;font-size:29px}.collection-page{padding-top:35px;padding-bottom:60px}.page-heading{margin-bottom:40px}.page-heading h1{letter-spacing:-3px;font-size:56px}.case-grid{grid-template-columns:1fr;gap:40px}.case-cover{height:310px}.gallery-placeholder{gap:20px;padding:40px 0}.asterisk{font-size:72px}.gallery-placeholder h2{font-size:22px}.about-content{grid-template-columns:1fr;gap:30px}.portrait-placeholder{min-height:260px}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.project-facts{grid-template-columns:1fr 2fr;gap:25px;margin-top:32px;display:grid}.project-facts dt{text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:11px}.project-facts dd{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.study-quote{border-left:3px solid var(--green);background:#edf0e5;margin:45px 0;padding:30px}.study-quote p{max-width:780px;font-family:Georgia,serif;font-size:clamp(20px,3vw,28px);line-height:1.5}.study-quote cite{color:var(--muted);margin-top:20px;font-size:13px;font-style:normal;display:block}@media (max-width:560px){.project-facts{grid-template-columns:1fr}.study-quote{padding:22px}}.study-image{min-width:0;margin:28px 0 0}.study-image>a{cursor:zoom-in;display:block}.study-image img{border:1px solid var(--line);background:#fff;border-radius:4px;width:auto;max-width:100%;height:auto;display:block}.study-image figcaption{color:var(--muted);max-width:760px;margin-top:12px;font-size:13px;line-height:1.6}.study-image-hero{max-width:1000px;margin:0 0 50px}.case-cover img{object-fit:contain;width:100%;height:235px;min-height:0}.case-sections section>div{min-width:0}@media (max-width:560px){.case-cover img{height:205px}}.process-gallery{grid-column:1/-1;width:100%;max-width:1050px;margin:0 auto}.process-gallery .study-image{margin:25px 0 40px}.process-gallery img{padding:12px}.process-gallery figcaption a{text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.process-gallery .study-image>a{cursor:zoom-in;display:block}.graphic-project{margin:0}.graphic-artwork{border:1px solid var(--line);background:#fff;border-radius:4px;padding:clamp(20px,5vw,70px)}.graphic-artwork img{width:100%;max-width:1100px;height:auto;margin:auto;display:block}.graphic-project figcaption{padding-top:24px}.graphic-project h2{letter-spacing:-.8px;margin-top:10px;font-size:28px;font-weight:500}.graphic-project+.graphic-project{margin-top:64px}.about-portrait{background:#e6e9dc;border:1px solid #d8decb;border-radius:7px;min-width:0;margin:0;padding:12px 12px 0}.about-portrait-image{aspect-ratio:4/5;background:#d6dfcc;border-radius:3px;position:relative;overflow:hidden}.about-portrait-image img{object-fit:cover;object-position:center}.about-portrait figcaption{letter-spacing:1.7px;color:#526044;justify-content:space-between;align-items:center;padding:16px 5px;font-size:9px;display:flex}.about-portrait figcaption>span:last-child{font-size:23px;line-height:1}@media (max-width:560px){.about-portrait{width:100%;max-width:440px;margin-inline:auto}}
:root{--paper:#fff;--ink:#101010;--muted:#666;--line:#dedede;--green:#111}::selection{color:#fff;background:#111}a:focus-visible{outline-color:#111}.site-header{border-bottom:1px solid #e5e5e5}.monogram{color:#fff;background:#111;padding:10px 12px;transform:rotate(-5deg)}.flash-intro.ink-intro{color:#111;isolation:isolate;background:#fff;border-bottom:2px solid #111;border-radius:0;min-height:650px;padding:35px 0 40px}.ink-art{z-index:-1;pointer-events:none;background:url(/images/ink-splatter.png) 100%/cover no-repeat;position:absolute;inset:0}.ink-intro h1{letter-spacing:-7px;max-width:80%;margin:65px 0;font-size:clamp(78px,10vw,144px);font-weight:800;line-height:.94}.ink-intro h1 em{color:#111;letter-spacing:-8px;font-family:Georgia,serif;font-size:1.1em;font-weight:400}.ink-intro .intro-kicker{letter-spacing:2px;font-size:9px}.ink-intro .intro-kicker span{background:#fff;padding:5px 0}.ink-intro .intro-bottom{gap:25px}.ink-intro .intro-bottom p{color:#444;background:#fffffff2;padding:8px 12px 8px 0}.explore-link{color:#fff;background:#111;border:1px solid #111;border-radius:0;padding:20px 25px}.explore-link:hover{color:#111;background:#fff}.discipline-links{padding-top:35px}.discipline-links>a{border-top:0;border-bottom:1px solid #ddd;padding:15px 0 25px}.discipline-links h2{font-weight:700}.discipline-links a:hover h2{color:#111;text-underline-offset:6px;text-decoration:underline}.page-heading{isolation:isolate;position:relative}.page-heading:after{content:"";z-index:-1;opacity:.85;pointer-events:none;background:url(/images/ink-splatter.png) 100%/cover no-repeat;width:30%;height:100%;position:absolute;top:-20px;right:0}.page-heading h1{font-weight:700}.page-heading h1 em{color:#111}.page-heading p{background:#fffffff5;position:relative}.about-portrait{background:#f4f4f4;border-color:#ddd;border-radius:0}.about-portrait-image{border-radius:0}.about-portrait figcaption{color:#333}.study-quote{background:#f4f4f4}.graphic-artwork{border-radius:0}.case-cover,.cover-1{background:#f1f1f1}.case-cover strong,.cover-1 strong,.gallery-placeholder .asterisk{color:#111}.email-link:hover{opacity:.65}@media (max-width:800px){.ink-intro h1{letter-spacing:-5px;font-size:95px}.ink-intro h1 em{letter-spacing:-5px}.ink-art{opacity:.8;background-position:62%}.flash-intro.ink-intro{min-height:610px}.page-heading:after{opacity:.4;width:23%}}@media (max-width:560px){.flash-intro.ink-intro{min-height:580px;padding:25px 0 30px}.ink-intro h1{letter-spacing:-4px;max-width:100%;margin:65px 0 45px;font-size:72px}.ink-intro h1 em{letter-spacing:-4px}.ink-art{opacity:.5;background-position:48%;background-size:auto 100%}.ink-intro .intro-bottom{align-items:flex-start}.ink-intro .intro-bottom p{font-size:13px}.ink-intro .explore-link{padding:16px 22px}.page-heading:after{opacity:.18;width:30%}.page-heading h1{font-size:54px}.monogram{display:none}}.ink-art{-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 85%);mask-image:linear-gradient(90deg,#0000 30%,#000 85%)}.ink-intro .explore-link{white-space:nowrap;flex-shrink:0}.ink-intro{--impact-x:96%;--impact-y:50%}.ink-intro:before{content:"";left:var(--impact-x);top:var(--impact-y);pointer-events:none;z-index:0;opacity:0;background:#050505;border-radius:48% 48% 52% 52%;width:22px;height:30px;animation:.9s cubic-bezier(.55,.05,.85,.45) .25s both ink-drop-fall;position:absolute}.ink-intro:after{content:"";left:var(--impact-x);top:var(--impact-y);pointer-events:none;z-index:0;opacity:0;background:#050505;border-radius:50%;width:42px;height:42px;animation:.45s ease-out 1.12s both ink-impact;position:absolute}.ink-intro .ink-art{clip-path:circle(0% at var(--impact-x) var(--impact-y));animation:.85s cubic-bezier(.12,.75,.2,1) 1.12s both ink-splatter-spread}@keyframes ink-drop-fall{0%{opacity:0;transform:translate(-50%,-420px)scale(.65,1.3)}12%{opacity:1}80%{opacity:1;transform:translate(-50%,-65px)scale(.8,1.5)}96%{opacity:1;transform:translate(-50%,-50%)scale(.95,1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7,.45)}}@keyframes ink-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}10%{opacity:1}55%{opacity:.9;transform:translate(-50%,-50%)scale(3,1.7)}to{opacity:0;transform:translate(-50%,-50%)scale(4,2.5)}}@keyframes ink-splatter-spread{0%{clip-path:circle(0% at var(--impact-x) var(--impact-y))}35%{clip-path:circle(38% at var(--impact-x) var(--impact-y))}to{clip-path:circle(150% at var(--impact-x) var(--impact-y))}}@media (prefers-reduced-motion:reduce){.ink-intro:before,.ink-intro:after{animation:none;display:none}.ink-intro .ink-art{clip-path:none;animation:none}}.case-grid{isolation:isolate;background:#fff;padding:42px 24px;position:relative}.case-grid:before{content:"";z-index:-1;pointer-events:none;background:url(/images/ink-splatter.png) 100%/cover no-repeat;position:absolute;inset:0}.case-grid:after{content:"";z-index:-1;mix-blend-mode:multiply;pointer-events:none;background:url(/images/ink-splatter.png) 100%/cover no-repeat;position:absolute;inset:0;transform:rotate(180deg)}.case-grid .pending-case{background:#fff;border:1px solid #ddd;min-width:0;padding:12px 12px 24px;display:block;box-shadow:0 5px 20px #00000008}.case-grid .pending-case h2,.case-grid .pending-case p{padding-inline:10px}.case-grid .pending-case p{line-height:1.7}@media (max-width:560px){.case-grid{gap:32px;padding:30px 14px}.case-grid .pending-case{padding:8px 8px 20px}.case-grid .case-cover{padding:18px}.case-grid .pending-case h2,.case-grid .pending-case p{padding-inline:8px}}
.interface-concept .ink-intro{--impact-x:88%;--impact-y:48%;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px 25px;min-height:680px;display:grid;overflow:hidden}.interface-concept .intro-kicker{grid-column:1/-1;align-self:start}.interface-concept .concept-heading{z-index:2;padding:15px 0;position:relative}.interface-concept .concept-heading>.eyebrow{letter-spacing:2px;font-size:9px}.interface-concept .ink-intro h1{letter-spacing:-3.8px;max-width:none;margin:25px 0;font-size:clamp(42px,5.3vw,75px);line-height:1.08}.interface-concept .ink-intro h1 em{letter-spacing:-3.5px;font-size:1em}.concept-heading>p{color:#666;max-width:370px;font-size:14px;line-height:1.8}.interface-concept .ink-art{opacity:.95;background-position:100%;-webkit-mask-image:linear-gradient(90deg,#0000 42%,#000 85%);mask-image:linear-gradient(90deg,#0000 42%,#000 85%)}.interface-art{z-index:1;padding:35px 20px 30px 10px;animation:.9s cubic-bezier(.2,.8,.2,1) 1.9s both interface-emerge;position:relative}.interface-caption,.art-note{letter-spacing:1px;background:#fff;padding:8px 10px;font-family:monospace;font-size:8px;display:inline-block}.interface-caption{border-left:1px solid #111;margin-left:10px;position:relative}.art-note{float:right;margin-top:14px}.wire-window{background:#fffffff5;border:1px solid #111;position:relative;transform:rotate(-3deg);box-shadow:12px 12px #00000014}.wire-window:before,.wire-window:after{content:"";background:#fff;border:1px solid #111;width:7px;height:7px;position:absolute;top:-4px;left:-4px}.wire-window:after{inset:auto -4px -4px auto}.wire-toolbar{border-bottom:1px solid #aaa;justify-content:space-between;gap:6px;padding:13px 10px;font:7px monospace;display:flex}.wire-layout{grid-template-columns:42px 1fr;display:grid}.wire-sidebar{border-right:1px solid #ccc;padding:16px 9px}.wire-sidebar b{font-size:19px}.wire-sidebar i{background:#bbb;width:16px;height:3px;margin-top:22px;display:block}.wire-content{padding:22px 17px}.wire-content>span{letter-spacing:1px;font:7px monospace}.wire-content strong{letter-spacing:-1px;margin:12px 0 18px;font-size:26px;line-height:1.1;display:block}.wire-image{color:#fff;background:#111 linear-gradient(135deg,#111,#444);justify-content:space-between;align-items:end;height:105px;padding:13px;display:flex}.wire-image>span:first-child{font-size:54px;line-height:1}.wire-image>span:last-child{letter-spacing:1px;font:6px monospace}.wire-cards{gap:8px;margin:12px 0;display:flex}.wire-cards>div{background:repeating-linear-gradient(135deg,#fff,#fff 5px,#eee 6px,#fff 7px);border:1px solid #ccc;flex:1;height:32px}.wire-action{color:#fff;letter-spacing:1px;background:#111;justify-content:space-between;padding:10px;font:7px monospace;display:flex}.interface-concept .intro-bottom{z-index:3;grid-column:1/-1;justify-content:flex-start;align-items:center}.interface-concept .explore-link{gap:25px;padding:15px 20px;font-size:11px}.secondary-intro{background:#fff;border-bottom:1px solid #111;padding:10px 0;font-size:12px}.scroll-note{letter-spacing:1px;background:#fff;margin-left:auto;padding:7px;font:8px monospace}.home-selected{padding:55px 0 20px}.selected-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.selected-heading>p{color:#666;font-size:12px}.home-projects{grid-template-columns:1fr 1fr;gap:28px;display:grid}.home-project{background:#fff;border:1px solid #ddd;transition:border-color .2s}.home-project:hover{border-color:#111}.home-project-image{aspect-ratio:1.6;background:#f3f3f1;justify-content:center;align-items:center;padding:25px;display:flex}.home-project-image img{object-fit:contain;width:100%;height:100%}.home-project-label{align-items:start;gap:15px;padding:20px;display:flex}.home-project-label>span{font:11px monospace}.home-project-label>span:last-child{margin-left:auto;font-size:20px}.home-project-label h2{letter-spacing:-.5px;font-size:18px;font-weight:600}.home-project-label p{color:#666;margin-top:8px;font-size:10px;line-height:1.5}.case-grid{padding:28px 18px}.case-grid:before,.case-grid:after{opacity:.35}.case-grid .pending-case{box-shadow:none}.page-heading:after{opacity:.2}@keyframes interface-emerge{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(25px)}to{opacity:1;clip-path:inset(-30px);transform:translateY(0)}}@media (max-width:800px){.interface-concept .ink-intro{gap:30px 15px;min-height:650px}.interface-concept .ink-intro h1{letter-spacing:-2.2px;font-size:43px}.interface-concept .ink-intro h1 em{letter-spacing:-2px}.wire-content{padding:15px 10px}.wire-content strong{font-size:20px}.wire-layout{grid-template-columns:30px 1fr}.wire-sidebar{padding:15px 5px}.wire-toolbar{font-size:5px}.interface-art{padding-right:5px}.concept-heading>p{font-size:12px}.scroll-note{display:none}.home-project-label{gap:10px;padding:15px}.home-project-label h2{font-size:16px}}@media (max-width:560px){.interface-concept .ink-intro{grid-template-columns:1fr;gap:12px;padding-top:25px}.interface-concept .concept-heading{padding-top:25px}.interface-concept .ink-intro h1{margin:20px 0;font-size:49px}.interface-concept .ink-art{background-position:80%;-webkit-mask-image:linear-gradient(#0000 30%,#000 65%,#0000 95%);mask-image:linear-gradient(#0000 30%,#000 65%,#0000 95%)}.interface-art{justify-self:center;width:88%;max-width:340px;padding:8px 5px 24px}.wire-content strong{font-size:24px}.wire-toolbar{font-size:6px}.wire-layout{grid-template-columns:38px 1fr}.interface-concept .intro-bottom{flex-flow:wrap;gap:18px;margin-top:20px}.secondary-intro{font-size:11px}.home-projects{grid-template-columns:1fr}.selected-heading{align-items:start;gap:15px}.selected-heading>p{max-width:130px;font-size:11px}.home-project-label h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.interface-art{animation:none}}
:root{--paper:#faf9f5;--ink:#252b32;--muted:#69727b;--line:#dedfdc;--green:#345ecc}body{background:var(--paper)}::selection{color:#172d62;background:#dbe6ff}.site-header{border-color:#dedfdc}.monogram{color:#2c55b3;background:0 0;border:1px solid #8a9ac0;transform:rotate(-6deg)}.interface-concept .flash-intro.ink-intro{background-color:var(--paper);background-image:linear-gradient(#bcc9da26 1px,#0000 1px),linear-gradient(90deg,#bcc9da26 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #bbc4d0;min-height:660px}.ink-art,.ink-intro:before,.ink-intro:after,.page-heading:after,.case-grid:before,.case-grid:after{display:none!important}.interface-concept .intro-kicker span{background:var(--paper);color:#707782}.interface-concept .concept-heading>.eyebrow{color:#4a658c}.interface-concept .ink-intro h1{letter-spacing:-5px;font-size:clamp(60px,7vw,94px);font-weight:500}.interface-concept .ink-intro h1 em{color:#345ecc;letter-spacing:-4px;position:relative}.interface-concept .ink-intro h1 em:after{content:"";border-top:2px solid #345ecc;border-radius:50%;width:100%;height:9px;position:absolute;bottom:-7px;left:0;transform:rotate(-3deg)}.interface-concept .concept-heading>p{margin-top:35px}.interface-art{padding-top:50px;padding-bottom:50px;animation:none}.interface-caption{color:#667b96;z-index:2;background:#faf9f5;border-left:0;font-size:7px;position:relative}.art-note{color:#5270a0;background:0 0;margin-top:25px;font:italic 16px Georgia,serif;transform:rotate(-4deg)}.sketch-overlay{color:#65748a;animation:.8s 2.3s both sketch-away;position:absolute;inset:75px 10px 60px 0;transform:rotate(-5deg)}.sketch-overlay svg{width:100%;height:100%}.sketch-overlay path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s ease-out .25s forwards draw-wire}.sketch-overlay>span{color:#66758c;font:italic 15px Georgia,serif;position:absolute;bottom:-8px;left:25%}.interface-art .wire-window{background:#fff;border:1px solid #c7d2e5;border-radius:9px;animation:1s 2.4s both screen-resolve;overflow:hidden;transform:rotate(2deg);box-shadow:12px 20px 40px #344e7920}.wire-window:before,.wire-window:after{display:none}.wire-toolbar{color:#7284a4;background:#f1f5fc;border-color:#e0e7f0}.wire-sidebar{color:#345ecc;border-color:#e0e7f0}.wire-sidebar i{background:#cbd7ee}.wire-content>span{color:#697b97}.wire-content strong{color:#243b63}.wire-image{background:linear-gradient(135deg,#254685,#6d93e6);border-radius:4px}.wire-cards>div{background:#f1f5fc;border-color:#e2e8f3;border-radius:3px}.wire-action{background:#345ecc;border-radius:4px}.explore-link{color:#fff;background:#345ecc;border-color:#345ecc;border-radius:4px}.explore-link:hover{color:#fff;background:#23469b}.secondary-intro{background:var(--paper);color:#304b78;border-color:#a7b4ce}.scroll-note{background:var(--paper);color:#748099}.page-heading h1{font-weight:500}.page-heading h1 em{color:#345ecc}.page-heading p{background:0 0}.case-grid{background:0 0;padding:0}.case-grid .pending-case,.home-project{border-color:#dde3ec;border-radius:6px;overflow:hidden}.home-project-image,.case-cover,.cover-1{background:#edf1f7}.home-project:hover{border-color:#8198c2}.home-project-label>span{color:#5576b7}.discipline-links a:hover h2{color:#345ecc}.about-portrait{background:#edf1f7;border-color:#d7e0ef}.about-portrait figcaption{color:#526c92}.study-quote{background:#edf1f7;border-color:#345ecc}@keyframes draw-wire{to{stroke-dashoffset:0}}@keyframes sketch-away{0%{opacity:1}to{opacity:0;transform:rotate(0)scale(.98)}}@keyframes screen-resolve{0%{opacity:0;transform:translateY(12px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(2deg)}}@media (max-width:800px){.interface-concept .ink-intro h1{letter-spacing:-3px;font-size:64px}.interface-concept .ink-intro h1 em{letter-spacing:-3px}.interface-caption{letter-spacing:.4px;font-size:6px}.interface-art{padding-right:12px}.art-note{font-size:13px}}@media (max-width:560px){.interface-concept .ink-intro h1{font-size:69px}.interface-art{padding-top:20px;padding-bottom:35px}.sketch-overlay{top:42px;bottom:55px}.interface-concept .concept-heading>p{margin-top:27px}}@media (prefers-reduced-motion:reduce){.sketch-overlay{display:none}.interface-art .wire-window{animation:none}}.site-header .monogram{letter-spacing:normal;background:0 0;border:0;flex:none;width:65px;height:52px;padding:0;display:block;transform:none}.monogram img{width:100%;height:100%;transition:transform .2s;display:block}.identity:hover .monogram img{transform:translateY(-2px)}@media (max-width:560px){.site-header .monogram{width:48px;height:39px}.site-header .identity{gap:12px}}@media (prefers-reduced-motion:reduce){.identity:hover .monogram img{transform:none}}
:root{--paper:#111414;--ink:#eeeee8;--muted:#a7afaf;--line:#343b3d;--green:#93b6ff}body{background:var(--paper);color:var(--ink)}::selection{color:#131b2a;background:#a8c6ff}a:focus-visible{outline-color:#a8c6ff}.site-header{border-color:var(--line)}.site-header .monogram img{filter:grayscale()brightness(0)invert();opacity:.93}.interface-concept .flash-intro.ink-intro{color:var(--ink);background-color:var(--paper);border-color:var(--line);background-image:linear-gradient(#a4bed50b 1px,#0000 1px),linear-gradient(90deg,#a4bed50b 1px,#0000 1px)}.interface-concept .intro-kicker span{color:#a4b0b8}.interface-concept .concept-heading>.eyebrow{color:#a8bcd5}.interface-concept .ink-intro h1 em{color:#9fbcff}.interface-concept .ink-intro h1 em:after{border-color:#90aeef}.concept-heading>p{color:#adb5b8}.interface-caption{background:var(--paper);color:#a7b9d3}.art-note,.sketch-overlay,.sketch-overlay>span{color:#a9bfe0}.interface-art .wire-window{background:#1d252f;border-color:#536277;box-shadow:12px 22px 50px #0006}.wire-toolbar{color:#b3c4db;background:#263140;border-color:#3d4b60}.wire-sidebar{color:#a6c3ff;border-color:#3d4b60}.wire-sidebar i{background:#59708c}.wire-content>span{color:#a5b7d1}.wire-content strong{color:#f0f3f9}.wire-image{background:linear-gradient(135deg,#34528b,#567ac5)}.wire-cards>div{background:#283647;border-color:#465b75}.wire-action{color:#142038;background:#91b2f5}.explore-link{color:#152039;background:#a4c0fb;border-color:#a4c0fb}.explore-link:hover{color:#152039;background:#c1d5ff}.secondary-intro{color:#c0d2ef;border-color:#63758f}.scroll-note{color:#abb9c7}.home-project,.case-grid .pending-case{background:#191e21;border-color:#394249}.home-project-image,.case-cover,.cover-1{color:#28374b;background:#e4e9ee}.home-project-label>span{color:#a4c0fb}.home-project-label p,.selected-heading>p{color:#a7afaf}.selected-heading .eyebrow{color:#aac0df}.home-project:hover{border-color:#879dbb}.discipline-links>a,footer{border-color:var(--line)}.discipline-links a:hover h2{color:#a4c0fb}.page-heading h1 em{color:#9fbcff}.page-heading>.eyebrow{color:#a8bcd5}.graphic-artwork{background:#fff;border:8px solid #293034;box-shadow:0 15px 35px #0004}.graphic-project .eyebrow{color:#a8bcd5}.about-portrait{background:#242c31;border-color:#434e57}.about-portrait figcaption{color:#bacada}.study-quote{background:#202a35;border-color:#9fbcff}.email-link{color:#b8d0ff}.study-image figcaption{color:#a7afaf}.interface-concept .flash-intro.ink-intro{gap:20px 25px;min-height:560px}.interface-concept .concept-heading>p{max-width:440px;font-size:15px;line-height:1.8}.interface-concept .ink-intro h1{font-size:clamp(48px,6.3vw,84px)}.interface-art{padding-block:30px}.home-project-label .project-card-summary{color:#c2cbcf;margin-top:14px;font-size:13px;line-height:1.7}.read-case{color:#adc8ff;margin-top:18px;font-size:12px;display:inline-block}.selected-heading>p{max-width:340px;line-height:1.6}.contact-links{flex-wrap:wrap;gap:24px;padding:25px 0;display:flex}.contact-links a{color:#bad0fa;text-underline-offset:5px;text-decoration:underline}.project-at-glance{background:#202a35;border:1px solid #435366;border-radius:5px;margin-bottom:30px;padding:28px 30px}.project-at-glance h2{margin:12px 0;font-size:25px;font-weight:500}.project-at-glance p{max-width:750px;font-size:17px;line-height:1.7}.project-at-glance small{color:#abb9c7;margin-top:17px;line-height:1.6;display:block}.case-jump-nav{flex-wrap:wrap;gap:10px 22px;padding:0 0 30px;font-size:13px;line-height:1.7;display:flex}.case-jump-nav a{color:#b8d0ff;border-bottom:1px solid #52657f}.case-section-title{font-size:19px;font-weight:500;line-height:1.5}.case-section-title>span{color:#a8bcd5;margin-bottom:10px;font:11px monospace;display:block}.case-sections section{scroll-margin-top:25px}.case-sections p{max-width:65ch;font-size:17px;line-height:1.85}.decision-list{margin-top:30px}.decision-list h3{margin-bottom:16px;font-size:19px;font-weight:500}.decision-list>div{border-left:2px solid #7899c8;margin:20px 0;padding:2px 0 2px 18px}.decision-list h4{color:#c1d5f8;margin:0 0 8px;font-size:15px;font-weight:600}.decision-list p{color:#b8c2cb;font-size:15px}.case-next{border-top:1px solid var(--line);color:#bad0fa;justify-content:space-between;gap:25px;padding-top:30px;font-size:14px;display:flex}.about-story p+p{margin-top:20px}.about-timeline{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.about-timeline h3{font-size:17px;font-weight:500}.about-timeline dl>div{margin-top:20px}.about-timeline dt{color:#adc8ff;font-size:13px}.about-timeline dd{color:#b6c0c5;margin:8px 0 0;font-size:14px;line-height:1.7}@media (max-width:560px){.interface-concept .flash-intro.ink-intro{gap:15px}.interface-concept .ink-intro h1{font-size:58px}.interface-art{max-width:270px;padding-block:12px 25px}.project-at-glance{padding:22px}.project-at-glance h2{font-size:22px}.case-jump-nav{gap:12px 20px}.case-next,.selected-heading{flex-direction:column}.selected-heading>p{max-width:none}.case-sections p{font-size:16px}.interface-concept .concept-heading>p{font-size:14px}}.mt-signature{color:#eeeee8;width:100%;height:100%;display:block}.mt-stroke{stroke-dasharray:1;stroke-dashoffset:0;animation:1.05s ease-in-out both mt-draw}.mt-m{animation-delay:.15s}.mt-t-bar{animation-duration:.35s;animation-delay:1.1s}.mt-t-stem{animation-duration:.4s;animation-delay:1.4s}.mt-underline{color:#a9bfe0;animation-duration:.6s;animation-delay:1.85s}@keyframes mt-draw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@media (prefers-reduced-motion:reduce){.mt-stroke{stroke-dashoffset:0;animation:none}}.interface-caption{text-wrap:balance;max-width:100%;line-height:1.9}.discipline-links{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.discipline-links{grid-template-columns:1fr}}.phone-gallery{border:1px solid var(--line);background:radial-gradient(at 50% 40%,#35414b55,#0000 70%);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:35px 22px;display:grid}.phone-exhibit{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.iphone-frame{background:linear-gradient(130deg,#787b80,#17191d 25%,#52555a 70%,#202226);border:2px solid #8c8d91;border-radius:39px;width:100%;max-width:280px;padding:5px;box-shadow:0 18px 30px #0005,inset 0 0 0 1px #d6d7da55}.iphone-display{background:#e9e7e7;border:4px solid #070809;border-radius:31px;overflow:hidden}.iphone-status{color:#fff;background:#050505;justify-content:space-between;align-items:center;height:32px;padding:0 14px;font:9px Arial,sans-serif;display:flex}.iphone-status i{background:#151619;border-radius:20px;width:35%;height:18px;display:block;box-shadow:inset -7px 0 #1d2028}.iphone-crop{background:#e9e7e7;position:relative;overflow:hidden}.iphone-crop img{border:0;border-radius:0;height:auto;margin:0;padding:0;display:block;position:absolute;max-width:none!important}.iphone-home{background:#e9e7e7;justify-content:center;align-items:center;height:23px;display:flex}.iphone-home span{background:#18191a;border-radius:9px;width:35%;height:4px}.phone-label{color:#c4cdcf;text-align:center;letter-spacing:.02em;font-size:12px}.phone-gallery-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 18px}@media (max-width:700px){.phone-gallery{grid-template-columns:1fr;gap:36px;padding:28px 20px}.iphone-frame{max-width:280px}.phone-label{font-size:13px}}.phone-gallery-thumbnail{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:100%;max-width:345px;margin:auto;padding:0}.phone-gallery-thumbnail .phone-exhibit{gap:0}.phone-gallery-thumbnail .phone-label{display:none}.phone-gallery-thumbnail .iphone-frame{border-width:1px;border-radius:16px;padding:2px;box-shadow:0 8px 14px #0003}.phone-gallery-thumbnail .iphone-display{border-width:2px;border-radius:12px}.phone-gallery-thumbnail .iphone-status{letter-spacing:0;height:13px;padding:0 5px;font-size:4px}.phone-gallery-thumbnail .iphone-status span{letter-spacing:0;font-size:4px}.phone-gallery-thumbnail .iphone-status i{height:7px;box-shadow:inset -3px 0 #1d2028}.phone-gallery-thumbnail .iphone-home{height:9px}.phone-gallery-thumbnail .iphone-home span{height:2px}.phone-gallery-thumbnail .iphone-crop img{object-fit:fill;height:auto;min-height:0}.case-cover .phone-gallery-thumbnail{max-width:280px}.iphone-home{background:#484646}.iphone-home span{background:#fff}.website-device-gallery{border:1px solid var(--line);background:radial-gradient(#35414b55,#0000 75%);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:30px;padding:30px 20px;display:grid}.website-device-montage{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.website-device-exhibit{flex-direction:column;align-items:center;gap:18px;min-width:0;display:flex}.website-device-exhibit.website-phone{justify-self:center;width:100%;max-width:240px}.ipad-frame{background:#111215;border:2px solid #8c8d91;border-radius:22px;width:100%;padding:12px;position:relative;box-shadow:0 15px 30px #0005,inset 0 0 0 1px #d6d7da55}.ipad-frame:before{content:"";background:#303645;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:50%}.ipad-display{background:#484646;border-radius:8px;overflow:hidden}.website-device-thumbnail{background:0 0;border:0;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px;width:100%;max-width:310px;margin:auto;padding:0}.website-device-thumbnail .phone-label{display:none}.website-device-thumbnail .ipad-frame{border-width:1px;border-radius:10px;padding:5px;box-shadow:0 8px 14px #0003}.website-device-thumbnail .ipad-frame:before{width:2px;height:2px;top:1px}.website-device-thumbnail .ipad-display{border-radius:4px}.website-device-thumbnail .iphone-frame{border-width:1px;border-radius:16px;padding:2px}.website-device-thumbnail .iphone-display{border-width:2px;border-radius:12px}.website-device-thumbnail .iphone-status{height:13px;padding:0 5px;font-size:4px}.website-device-thumbnail .iphone-status span{letter-spacing:0;font-size:4px}.website-device-thumbnail .iphone-status i{height:7px}.website-device-thumbnail .iphone-home{height:9px}.website-device-thumbnail .iphone-home span{height:2px}.website-device-thumbnail .iphone-crop img{object-fit:fill;height:auto;min-height:0}.case-cover .website-device-thumbnail{max-width:260px}@media (max-width:560px){.website-device-gallery:not(.website-device-thumbnail){grid-template-columns:1fr;padding:24px 16px}.website-device-exhibit.website-tablet{justify-self:center;max-width:400px}}.website-device-exhibit.website-tablet{justify-self:center;width:100%;max-width:445px}.roxy-research{grid-column:1/-1;width:100%;min-width:0;margin-top:32px}.research-heading{margin-bottom:24px}.research-heading h3{letter-spacing:-.04em;margin:12px 0;font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.2}.research-heading .eyebrow{color:#a9bfe0;font-size:10px}.research-personas{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.research-persona{background:#191e21;border:1px solid #394249;border-radius:16px;min-width:0;padding:28px}.research-persona header{align-items:center;gap:16px;display:flex}.persona-initials{color:#b8d0ff;background:#25303c;border:1px solid #7890ab;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:15px;display:grid}.research-persona h4{letter-spacing:-.03em;margin:0 0 4px;font-size:28px;font-weight:500}.research-persona header div>span{color:#a7afaf;font-size:13px}.research-persona blockquote{color:#e4e9ee;border-left:2px solid #9fbcff;margin:24px 0;padding:0 0 0 16px;font-size:18px;line-height:1.55}.research-persona dl{border-top:1px solid #394249;border-bottom:1px solid #394249;margin:0;padding:20px 0}.research-persona dl>div{grid-template-columns:95px 1fr;gap:12px;margin:8px 0;font-size:14px;line-height:1.5;display:grid}.research-persona dt{color:#a7afaf}.research-persona dd{color:#e4e9ee;margin:0}.case-sections .persona-bio{color:#bdc5c8;margin:20px 0;font-size:15px;line-height:1.75}.persona-needs{gap:22px;display:grid}.roxy-research h5{letter-spacing:.12em;text-transform:uppercase;color:#a9bfe0;margin:0 0 10px;font-size:11px;font-weight:600}.roxy-research ul{margin:0;padding-left:18px}.roxy-research li{color:#c5cdcf;font-size:14px;line-height:1.65}.persona-needs li+li,.journey-stage li+li{margin-top:8px}.persona-needs>div:last-child h5{color:#e8b1a7}.journey-heading{margin-top:52px}.case-sections .journey-heading p{color:#bdc5c8;font-size:16px}.research-journey{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.research-journey>.journey-stage{background:#191e21;border:1px solid #394249;border-radius:14px;min-width:0;margin:0;padding:20px 16px}.journey-stage header{min-height:106px}.journey-number{color:#111819;background:#a9bfe0;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:14px;font-size:12px;display:grid}.journey-stage h4{color:#eef1ee;margin:0;font-size:18px;font-weight:500;line-height:1.3}.case-sections .journey-action{color:#a7afaf;min-height:60px;margin:10px 0 20px;font-size:13px;line-height:1.5}.journey-stage ol{margin:0;padding-left:18px}.journey-tasks{min-height:230px}.journey-feeling{border-top:1px solid #394249;border-bottom:1px solid #394249;min-height:205px;margin:20px 0;padding:20px 0}.journey-feeling strong{color:#e4e9ee;font-weight:500}.case-sections .journey-feeling p{color:#bdc5c8;margin:10px 0 0;font-size:14px;line-height:1.65}@media (max-width:1050px){.research-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-stage header,.case-sections .journey-action,.journey-tasks,.journey-feeling{min-height:0}}@media (max-width:700px){.research-personas,.research-journey{grid-template-columns:1fr}.research-persona{padding:22px}.research-journey>.journey-stage{padding:24px}.journey-stage header{align-items:center;gap:12px;display:flex}.journey-number{margin:0}.journey-heading{margin-top:36px}}.study-transition{background:#191e21;border:1px solid #394249;border-radius:16px;margin:0 0 56px;padding:32px}.study-transition>.eyebrow{color:#a9bfe0;font-size:10px}.study-transition h2{letter-spacing:-.035em;max-width:760px;margin:16px 0 30px;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.25}.transition-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.transition-step{letter-spacing:.1em;color:#a9bfe0;font-size:10px}.transition-steps h3{margin:14px 0;font-size:20px;font-weight:500;line-height:1.35}.transition-steps p,.transition-result{color:#bdc5c8;font-size:15px;line-height:1.75}.transition-steps a{color:#b8d0ff;text-underline-offset:4px;font-size:13px;text-decoration:underline}.transition-result{border-top:1px solid #394249;margin:26px 0 10px;padding-top:24px}.transition-result strong{color:#eef1ee}.transition-note{color:#a7afaf;margin:0;font-size:12px;line-height:1.6}@media (max-width:700px){.study-transition{padding:24px}.transition-steps{grid-template-columns:1fr;gap:24px}}.transition-visuals{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 38px;display:grid}.transition-visuals figure{min-width:0;margin:0}.transition-visuals h3{color:#b8d0ff;margin:0 0 14px;font-size:14px;font-weight:500}.transition-screen-stage{cursor:zoom-in;background:#22292d;border:1px solid #394249;border-radius:12px;justify-content:center;align-items:center;height:350px;padding:16px;display:flex}.transition-phone-frame,.transition-tablet-frame{background:#101114;border:2px solid #8c8d91;border-radius:17px;width:100%;max-width:230px;padding:8px;box-shadow:0 8px 18px #0004}.transition-phone-frame{border-radius:22px;max-width:155px;padding:10px 5px}.transition-phone-frame .iphone-crop{border-radius:12px}.transition-tablet-frame .iphone-crop{border-radius:4px}.transition-visuals figcaption{color:#bdc5c8;margin-top:14px;font-size:14px;line-height:1.65}.transition-visuals figcaption span{color:#a7afaf;margin-top:6px;font-size:11px;display:block}@media (max-width:800px){.transition-visuals{grid-template-columns:1fr}.transition-screen-stage{height:auto;min-height:330px;padding:24px}}.website-wireframe-sequence{width:100%;min-width:0}.website-wireframe-sequence>p{margin:0 0 24px}.website-wireframe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.website-wireframe-grid figure{min-width:0;margin:0}.website-wireframe-grid a{border:1px solid #626873;border-radius:12px;display:block;overflow:hidden}.website-wireframe-grid img{width:100%;height:auto;display:block}.website-wireframe-grid figcaption{color:#c9ced5;justify-content:space-between;gap:12px;padding-top:12px;font-size:13px;display:flex}.website-wireframe-grid a:focus-visible{outline-offset:5px;outline:2px solid #c9baff}@media (max-width:700px){.website-wireframe-grid{grid-template-columns:1fr}}.app-wireframe-sequence{width:100%;min-width:0}.app-wireframe-sequence>p{margin:12px 0 28px}.app-wireframe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.app-wireframe-grid figure{min-width:0;margin:0}.app-wireframe-viewport{aspect-ratio:390/844;scrollbar-width:thin;background:#fff;border:1px solid #626873;border-radius:12px;overflow-y:auto}.app-wireframe-viewport img{width:100%;height:auto;display:block}.app-wireframe-grid figcaption{color:#c9ced5;gap:8px;padding-top:14px;font-size:13px;display:grid}.app-wireframe-grid figcaption a{width:fit-content}.app-wireframe-viewport:focus-visible{outline-offset:4px;outline:2px solid #c9baff}@media (max-width:800px){.app-wireframe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.app-wireframe-grid{grid-template-columns:1fr;max-width:320px;margin-inline:auto}}.case-prototype-link{color:#f5f5f5;background:#222b33;border:1px solid #aebac8;border-radius:10px;flex-direction:column;gap:6px;margin-top:24px;padding:16px 22px;text-decoration:none;display:inline-flex}.case-prototype-link span{color:#c9ced5;font-size:12px}.case-prototype-link:hover{background:#35414c}.case-prototype-link:focus-visible{outline-offset:4px;outline:2px solid #c9baff}.study-evidence{background:#1b232a;border:1px solid #414b54;border-radius:14px;margin:28px 0;padding:24px}.study-evidence h3,.study-annotations h3{margin:0 0 20px;font-size:18px}.study-evidence dl{gap:18px;margin:0;display:grid}.study-evidence dt{text-transform:uppercase;letter-spacing:.08em;color:#c5cdda;margin-bottom:6px;font-size:12px}.study-evidence dd{margin:0;line-height:1.6}.study-annotations{margin:24px 0}.study-annotations>div{gap:16px;margin:20px 0;display:flex}.study-annotations>div>span{border:1px solid #8d9bad;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.study-annotations h4{margin:3px 0 8px}.study-annotations p{margin:0}.empathy-evidence{border:0!important;padding:0 0 40px!important;display:block!important}.empathy-goals{background:#1b232a;border:1px solid #414b54;border-radius:14px;margin-bottom:32px;padding:24px}.empathy-evidence h4{margin:0 0 16px;font-size:18px}.empathy-evidence li{margin-bottom:12px;line-height:1.7}.empathy-goals summary{cursor:pointer;padding-block:16px;font-weight:600}.empathy-goals summary:focus-visible{outline-offset:4px;outline:2px solid #c9baff}.empathy-quadrants{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.empathy-quadrants article{background:#1b232a;border:1px solid #414b54;border-radius:14px;padding:24px}.empathy-quadrants ul{margin:0;padding-left:20px}.empathy-takeaway{margin-top:24px;line-height:1.7}@media (max-width:650px){.empathy-quadrants{grid-template-columns:1fr}}.interview-themes{border-left:2px solid #9caec2;margin:28px 0 40px;padding:24px}.test-session-evidence{background:#1b232a;border:1px solid #414b54;border-radius:14px;margin:28px 0;padding:24px}.test-session-evidence h3{margin:12px 0 16px;font-size:22px}.test-observations article{border-top:1px solid #414b54;padding:18px 0}.test-observations h4{margin:0 0 10px}.test-observations .test-outcome{color:#c5d6ec;margin-bottom:8px;font-weight:600}.test-observations small{color:#c9ced5;line-height:1.6;display:block}.test-session-evidence blockquote{border-left:2px solid #a9bad0;margin:24px 0;padding-left:18px}.design-comparison{margin:36px 0}.design-comparison h3{margin:12px 0 18px;font-size:24px}.design-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.design-comparison-grid figure{min-width:0;margin:0}.design-comparison-grid h4{margin:0 0 12px;font-size:15px}.design-detail-crop{background:#fff;border:1px solid #7f8996;border-radius:12px;position:relative;overflow:hidden}.design-detail-crop img{position:absolute;left:0;border:0!important;border-radius:0!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important}.design-comparison-grid figcaption{color:#c9ced5;padding-top:12px;font-size:13px;line-height:1.6}.design-comparison-grid figcaption span{margin-top:8px;display:block}.comparison-callouts{padding-left:22px}.comparison-callouts li{margin:16px 0;line-height:1.7}.design-comparison .comparison-note{color:#c9ced5;font-size:13px}@media (max-width:650px){.design-comparison-grid{grid-template-columns:1fr}}
:root{--paper:#101415;--ink:#f2f1eb;--muted:#acb5b8;--line:#303b40}.site-header{height:106px}.site-header nav a{padding-block:12px}.site-header .resume-nav{border:1px solid #52616b;border-radius:24px;padding:10px 18px}.identity small{color:#b0b9bd}.interface-concept .flash-intro.ink-intro{background-image:radial-gradient(at 85% 40%,#6187be14,#0000 55%),linear-gradient(#a4bed507 1px,#0000 1px),linear-gradient(90deg,#a4bed507 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;min-height:620px;padding:40px 0 38px}.interface-concept .intro-kicker{display:none}.interface-concept .ink-intro h1{letter-spacing:-.065em;margin:15px 0 32px;font-size:clamp(56px,7.2vw,98px);line-height:1.04}.interface-concept .ink-intro h1 em{letter-spacing:-.055em;color:#b2c5ff}.interface-concept .concept-heading>p{color:#bdc5c8;max-width:460px;font-size:16px;line-height:1.8}.interface-art{padding:35px 18px 35px 25px}.interface-caption{color:#bfccdf;letter-spacing:.6px;background:0 0;margin:0;padding:0 0 25px;font-size:8px}.interface-art .wire-window{border-color:#60738a;box-shadow:0 30px 70px #0007,0 0 65px #729eff12}.wire-image{background:radial-gradient(at 70% 20%,#c0d4ff99,#0000 50%),linear-gradient(130deg,#1f3659,#5c80bd)}.interface-concept .explore-link{background:#b5c9ff;border-radius:7px;gap:42px;padding:16px 22px;font-size:13px}.home-selected{padding:85px 0 35px}.selected-heading{align-items:end;gap:30px;margin-bottom:38px}.selected-heading h2{letter-spacing:-.045em;margin-top:16px;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.12}.selected-heading h2 em{color:#b4c6f3;font-family:Georgia,serif;font-weight:400}.selected-heading>p{max-width:290px;font-size:15px}.project-showcases{gap:32px;display:grid}.project-showcase{background:#171e22;border:1px solid #38444b;border-radius:18px;grid-template-columns:1.15fr 1fr;transition:border-color .25s,box-shadow .25s;display:grid;overflow:hidden}.project-showcase:hover{border-color:#839bb7;box-shadow:0 18px 50px #0003}.showcase-art{background:radial-gradient(at 50% 40%,#647d9b55,#0000 70%),#263441;align-items:center;min-width:0;min-height:460px;padding:72px 40px 65px;display:flex;position:relative;overflow:hidden}.showcase-2 .showcase-art{background:radial-gradient(at 50% 40%,#70859444,#0000 75%),#26383b}.showcase-art-label{color:#d2dce4;letter-spacing:1.5px;justify-content:space-between;gap:16px;font:9px monospace;display:flex;position:absolute;inset:25px 28px auto}.showcase-art-label>span:first-child{letter-spacing:3px;font-weight:700}.showcase-art-note{color:#c1d0dc;font:italic 16px Georgia,serif;position:absolute;bottom:26px;left:28px}.showcase-art .phone-gallery-thumbnail{gap:17px;max-width:400px;transition:transform .4s}.showcase-art .phone-exhibit:nth-child(2){transform:translateY(-20px)}.showcase-art .website-device-thumbnail{gap:15px;max-width:440px;transition:transform .4s}.project-showcase:hover .phone-gallery-thumbnail,.project-showcase:hover .website-device-thumbnail{transform:translateY(-6px)}.showcase-story{flex-direction:column;justify-content:center;align-items:start;padding:42px;display:flex}.showcase-story>.eyebrow{color:#aec6f0;font-size:10px}.showcase-story h2{letter-spacing:-.04em;margin:19px 0;font-size:clamp(27px,3vw,40px);font-weight:500;line-height:1.16}.showcase-story>p{color:#b7c2c9;font-size:15px;line-height:1.8}.showcase-details{color:#a9b8c4;gap:10px;margin:25px 0 30px;font-size:11px;line-height:1.6;display:grid}.showcase-cta{color:#e5ebf6;border-top:1px solid #3d4a54;justify-content:space-between;align-items:center;width:100%;padding-top:20px;font-size:13px;display:flex}.showcase-cta>span{border:1px solid #60748a;border-radius:50%;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.portfolio-contact{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;margin-top:35px;padding:65px 0;display:flex}.portfolio-contact h2{letter-spacing:-.04em;margin:17px 0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.portfolio-contact p{color:var(--muted);font-size:14px}.portfolio-contact .contact-links{flex-direction:column;gap:20px;min-width:160px}.contact-links a{font-size:14px;text-decoration-color:#5e7391}.page-heading{padding-top:15px}.case-intro{max-width:100%}.case-intro h1{letter-spacing:-.055em;max-width:900px}.case-intro>p{max-width:740px}.project-facts{border-block:1px solid var(--line);padding:26px 0}.project-at-glance{background:linear-gradient(110deg,#253240,#1a232c);border-color:#53647c;border-radius:14px;padding:34px}.case-jump-nav{gap:10px}.case-jump-nav a{border:1px solid #40515f;border-radius:24px;padding:9px 14px}.case-jump-nav a:hover{background:#283745}.case-sections section{padding-block:52px}.case-section-title{letter-spacing:-.025em;font-size:24px}.case-section-title>span{color:#b4c7ef;letter-spacing:.13em}.case-sections p{color:#c4cccf}.study-quote{border-radius:0 14px 14px 0}.skip-link:focus{color:#101415;background:#d3dfff}@media (max-width:900px){.project-showcase{grid-template-columns:1fr 1fr}.showcase-story{padding:28px}.showcase-art{min-height:420px;padding-inline:24px}.interface-concept .ink-intro h1{font-size:64px}}@media (max-width:700px){.project-showcase{grid-template-columns:1fr}.showcase-art{min-height:400px}.showcase-story{padding:28px}.showcase-story h2{font-size:32px}.portfolio-contact{flex-direction:column;align-items:start;gap:15px}.portfolio-contact .contact-links{flex-flow:wrap}}@media (max-width:560px){.site-header{gap:18px;height:auto;padding-block:22px}.site-header nav{justify-content:flex-start;gap:18px}.site-header .resume-nav{margin-left:auto;padding:8px 14px}.interface-concept .flash-intro.ink-intro{gap:12px;padding:20px 0 30px}.interface-concept .ink-intro h1{font-size:clamp(49px,11.7vw,65px)}.interface-concept .concept-heading>p{font-size:15px}.interface-art{width:92%;max-width:350px;padding:20px 8px 25px}.interface-caption{padding-bottom:16px;font-size:7px}.home-selected{padding-top:55px}.selected-heading{gap:20px}.selected-heading>p{max-width:none;font-size:14px}.showcase-art{min-height:350px;padding:70px 27px 55px}.showcase-art-label{font-size:8px;inset:24px 24px auto}.showcase-story{padding:26px}.showcase-story h2{font-size:29px}.project-at-glance{padding:24px}.case-jump-nav a{font-size:12px}.case-sections section{padding-block:34px}}@media (prefers-reduced-motion:reduce){.project-showcase:hover .phone-gallery-thumbnail,.project-showcase:hover .website-device-thumbnail{transform:none}}.paper-sketches{margin:38px 0 48px}.paper-sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.paper-sketch-grid figure{border:1px solid var(--line);background:#192126;border-radius:14px;min-width:0;margin:0;padding:22px}.paper-sketch-grid figcaption{margin-bottom:20px}.paper-sketch-grid h4{margin:10px 0;font-size:23px;font-weight:500}.case-sections .paper-sketch-grid p{font-size:14px;line-height:1.7}.paper-sketch-crop{background:#fff;border-radius:5px;display:block;position:relative;overflow:hidden}.process-gallery .paper-sketch-crop img{filter:grayscale()brightness(.88)contrast(2);border:0;border-radius:0;max-width:none;height:auto;padding:0;position:absolute}.paper-sketch-grid summary{cursor:zoom-in;list-style:none}.paper-sketch-grid summary::-webkit-details-marker{display:none}.paper-sketch-grid summary:focus-visible{outline-offset:6px;outline:2px solid #b5c9ff}.sketch-toggle{color:#bdcfff;justify-content:space-between;margin-top:14px;font-size:12px;display:flex}.sketch-expanded{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;overflow-x:auto}.sketch-expanded .paper-sketch-crop{width:780px}.paper-sketch-grid details[open] summary{cursor:zoom-out}.sketch-original{color:#bdcfff;text-underline-offset:4px;margin-top:22px;font-size:13px;text-decoration:underline;display:inline-block}@media (max-width:700px){.paper-sketch-grid{grid-template-columns:1fr}.paper-sketch-grid figure{padding:18px}}.resume-page{padding-block:55px 85px}.resume-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;font-size:14px;display:flex}.resume-actions>.explore-link{border-radius:7px}.resume-actions>a:not(.explore-link),.resume-entry>a{color:#bdcfff;text-underline-offset:5px;text-decoration:underline}.resume-body>section{border-top:1px solid var(--line);grid-template-columns:1fr 2.6fr;gap:40px;padding:35px 0;display:grid}.resume-body h2{font-size:22px;font-weight:500}.resume-body p,.resume-body li,.resume-skills dd{color:#c4cccf;font-size:16px;line-height:1.8}.resume-skills{gap:20px;margin:0;display:grid}.resume-skills dt{color:#bdcfff;margin-bottom:5px;font-weight:600}.resume-skills dd{margin:0}.resume-entry+.resume-entry{border-top:1px solid var(--line);margin-top:35px;padding-top:28px}.resume-entry header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;display:flex}.resume-entry h3{font-size:21px;font-weight:500;line-height:1.4}.resume-entry header>span,.resume-body .resume-context{color:#afbed2;font-size:13px}.resume-entry ul{margin:15px 0;padding-left:20px}.resume-entry li+li{margin-top:10px}.resume-entry>a{font-size:14px}@media (max-width:700px){.resume-body>section{grid-template-columns:1fr;gap:20px}.resume-actions{gap:20px}.resume-page{padding-top:25px}}