@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;500;700&family=Noto+Sans+Display:wdth,wght@75,600;75,700&display=swap";:root{--color-page:#eae8ea;--color-surface:#fcfbfd;--color-text-primary:#2b2b2b;--color-text-secondary:#464547;--color-contact-surface:#f4f3f4;--color-control-surface:#f5f4f5;--color-tag-surface:#e6e6e6;--font-heading:"Noto Sans Display", sans-serif;--font-mono:"JetBrains Mono", monospace;--content-width:560px;--page-offset-top:20px;--radius-card:8px;--radius-media:8px;--radius-controls:8px;--radius-contact:5px;--radius-item:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-22:22px;--space-24:24px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-page);color:var(--color-text-primary);margin:0}.portfolio-page{min-height:100vh}.portfolio-column{width:var(--content-width);margin:var(--page-offset-top) auto 0;padding-bottom:20px}.case-modal{z-index:1000;background:var(--color-page);padding:20px;position:fixed;inset:0;overflow:hidden}.case-modal__surface{border-radius:var(--radius-card);background:var(--color-surface);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);position:relative;overflow:hidden}.case-modal__close{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;width:30px;height:30px;padding:0;display:block;position:fixed;top:40px;right:40px}.case-modal__close:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.case-modal__close img{width:30px;height:30px;display:block}.case-modal__content{overscroll-behavior:contain;height:100%;overflow-y:auto}.aggregator-case-modal__rows{--aggregator-case-left-column:clamp(380px, calc(85.9375vw - 500px), 600px);min-width:0}.aggregator-case-modal__row{grid-template-columns:var(--aggregator-case-left-column) minmax(0, 1fr);align-items:stretch;min-width:0;display:grid}.aggregator-case-modal__label,.aggregator-case-modal__content-cell{border-style:solid;border-color:#c0c0c133;min-width:0;margin:0;padding:20px}.aggregator-case-modal__label{border-width:0 1px 1px 0}.aggregator-case-modal__content-cell{border-width:0 0 1px;width:100%;display:flex}.aggregator-case-modal__case-title,.aggregator-case-modal__section-title{color:#000;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;font-size:20px;font-weight:600;font-stretch:75%;line-height:normal}.aggregator-case-modal__case-title{font-size:24px}.aggregator-case-modal__made-details>.aggregator-case-modal__section-title{font-size:20px}.aggregator-case-modal__intro-content{grid-template-columns:minmax(0,554px) minmax(16px,1fr) 30px;align-items:start;display:grid}.aggregator-case-modal__intro-copy{width:100%;max-width:554px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-box-trim:trim-both;text-box-edge:cap alphabetic;grid-column:1;margin:0;font-size:14px;font-weight:500;line-height:20px}.aggregator-case-modal__split-section,.aggregator-case-modal__made-section{grid-template-columns:var(--aggregator-case-left-column) minmax(0, 1fr);align-items:stretch;min-width:0;display:grid}.aggregator-case-modal__split-content{min-width:0}.aggregator-case-modal__point{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;padding:20px;display:flex}.aggregator-case-modal__point-inner{flex-direction:column;gap:12px;width:100%;max-width:554px;display:flex}.aggregator-case-modal__point-title,.aggregator-case-modal__point-copy{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.aggregator-case-modal__point-title{width:auto;max-width:100%;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;align-self:flex-start;font-size:14px;font-weight:700;line-height:20px}.aggregator-case-modal__point-copy{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.aggregator-case-modal__made-details{border-right:1px solid #c0c0c133;min-width:0}.aggregator-case-modal__made-section{border-bottom:1px solid #c0c0c133}.aggregator-case-modal__made-aside{min-width:0}.aggregator-case-modal__made-details>.aggregator-case-modal__label{border-right:0;align-items:center;width:100%;min-height:54px;display:flex}.aggregator-case-modal__made-details>.aggregator-case-modal__point{padding:20px}.aggregator-case-modal__made-details>.aggregator-case-modal__point>.aggregator-case-modal__point-inner{max-width:510px}.aggregator-case-modal__made-details>.aggregator-case-modal__point:last-child{border-bottom:0}.aggregator-case-modal__made-media{border-bottom:1px solid #c0c0c133;min-width:0;padding:20px;display:flex}.aggregator-case-modal__made-media img{border-radius:8px;width:100%;max-width:548px;height:auto;display:block}.aggregator-case-modal__caption-content{align-items:center;min-width:0;padding:20px;display:flex}.aggregator-case-modal__caption-content p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;margin:0;padding-right:16px;font-size:14px;font-weight:500;line-height:20px}.aggregator-case-modal__results>.aggregator-case-modal__label{color:var(--color-text-primary);font-family:"Druk Text", var(--font-heading);letter-spacing:-.5px;font-size:18px;font-weight:400;font-stretch:100%}.ux-guide-case{--ux-guide-case-left-column:clamp(380px, calc(85.9375vw - 500px), 600px);min-width:0}.ux-guide-case__intro,.ux-guide-case__section,.ux-guide-case__made-section{grid-template-columns:var(--ux-guide-case-left-column) minmax(0, 1fr);border-bottom:1px solid #c0c0c133;align-items:stretch;min-width:0;display:grid}.ux-guide-case__case-title,.ux-guide-case__section-title{color:#000;min-width:0;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;border-right:1px solid #c0c0c133;margin:0;padding:20px;font-weight:600;font-stretch:75%;line-height:normal}.ux-guide-case__case-title{font-size:24px}.ux-guide-case__section-title{font-size:20px}.ux-guide-case__intro-content{grid-template-columns:minmax(0,554px) minmax(16px,1fr) 30px;align-items:start;min-width:0;padding:20px;display:grid}.ux-guide-case__intro-content p{width:100%;max-width:554px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-box-trim:trim-both;text-box-edge:cap alphabetic;grid-column:1;margin:0;font-size:14px;font-weight:500;line-height:20px}.ux-guide-case__section-content{min-width:0}.ux-guide-case__point{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;padding:20px;display:flex}.ux-guide-case__section-content>.ux-guide-case__point:last-child,.ux-guide-case__made-details>.ux-guide-case__point:last-child{border-bottom:0}.ux-guide-case__point-inner{flex-direction:column;gap:12px;width:100%;max-width:554px;display:flex}.ux-guide-case__point-title,.ux-guide-case__point-copy{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.ux-guide-case__point-title{width:auto;max-width:100%;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;align-self:flex-start;font-size:14px;font-weight:700;line-height:20px}.ux-guide-case__point-copy{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.ux-guide-case__made-details{border-right:1px solid #c0c0c133;min-width:0}.ux-guide-case__made-details>.ux-guide-case__section-title{border-bottom:1px solid #c0c0c133;border-right:0;align-items:center;width:100%;min-height:54px;display:flex}.ux-guide-case__made-details>.ux-guide-case__point>.ux-guide-case__point-inner{max-width:510px}.ux-guide-case__made-media{min-width:0;padding:20px}.ux-guide-case__made-media img{border-radius:8px;width:100%;max-width:760px;height:auto;display:block}.ux-guide-case__mobile-caption{display:none}.ux-guide-case__metric{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;padding:20px;display:flex}.ux-guide-case__metric-inner{flex-direction:column;gap:32px;width:100%;max-width:548px;display:flex}.ux-guide-case__metric-stat{flex-direction:column;gap:16px;width:100%;display:flex}.ux-guide-case__metric h3,.ux-guide-case__metric p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.ux-guide-case__metric h3{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.ux-guide-case__metric-value{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-3.78px;font-size:54px;font-weight:500;line-height:normal}.ux-guide-case__metric-copy{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.ux-guide-case__metrics-section>.ux-guide-case__section-content>.ux-guide-case__metric:last-child{border-bottom:0;padding-bottom:40px}.procedures-case{--procedures-case-left-column:clamp(380px, calc(85.9375vw - 500px), 600px);min-width:0}.procedures-case__intro,.procedures-case__section{grid-template-columns:var(--procedures-case-left-column) minmax(0, 1fr);border-bottom:1px solid #c0c0c133;align-items:stretch;min-width:0;display:grid}.procedures-case__case-title,.procedures-case__section-title{color:#000;min-width:0;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;border-right:1px solid #c0c0c133;margin:0;padding:20px;font-weight:600;font-stretch:75%;line-height:normal}.procedures-case__case-title{font-size:24px}.procedures-case__nowrap,.references-case__nowrap{white-space:nowrap}.procedures-case__section-title{font-size:20px}.procedures-case__intro-content{grid-template-columns:minmax(0,554px) minmax(16px,1fr) 30px;align-items:start;min-width:0;padding:20px;display:grid}.procedures-case__intro-content p,.procedures-case__overview p,.procedures-case__example p,.procedures-case__role-point p{width:100%;max-width:554px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:14px;font-weight:500;line-height:20px}.procedures-case__intro-content p{grid-column:1}.procedures-case__section-content{min-width:0}.procedures-case__overview{flex-direction:column;gap:20px;width:100%;padding:20px;display:flex}.procedures-case__example{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;min-height:60px;padding:20px;display:flex}.procedures-case__example p{margin:0}.procedures-case__examples-section>.procedures-case__section-content>.procedures-case__example:last-child{border-bottom:0}.procedures-case__role-point{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;padding:20px;display:flex}.procedures-case__role-section>.procedures-case__section-content>.procedures-case__role-point:last-child{border-bottom:0}.procedures-case__role-point-inner{flex-direction:column;gap:12px;width:100%;max-width:554px;display:flex}.procedures-case__role-point h3,.procedures-case__role-point p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.procedures-case__role-point h3{width:auto;max-width:100%;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;align-self:flex-start;font-size:14px;font-weight:700;line-height:20px}.procedures-case__metric{border-bottom:1px solid #c0c0c133;align-items:center;width:100%;padding:20px;display:flex}.procedures-case__metrics-section>.procedures-case__section-content>.procedures-case__metric:last-child{border-bottom:0;padding-bottom:40px}.procedures-case__metric-inner{flex-direction:column;gap:16px;width:100%;max-width:548px;display:flex}.procedures-case__metric h3,.procedures-case__metric p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.procedures-case__metric h3{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.procedures-case__metric p{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-3.78px;font-size:54px;font-weight:500;line-height:normal}.references-case{--references-case-left-column:clamp(380px, calc(85.9375vw - 500px), 600px);min-width:0}.references-case__intro,.references-case__section,.references-case__switcher-section{grid-template-columns:var(--references-case-left-column) minmax(0, 1fr);border-bottom:1px solid #c0c0c133;align-items:stretch;min-width:0;display:grid}.references-case__case-title,.references-case__section-title{color:#000;min-width:0;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;border-right:1px solid #c0c0c133;margin:0;padding:20px;font-weight:600;font-stretch:75%;line-height:normal}.references-case__case-title{font-size:24px}.references-case__section-title{font-size:20px}.references-case__intro-content{grid-template-columns:minmax(0,548px) minmax(16px,1fr) 30px;align-items:start;min-width:0;padding:20px;display:grid}.references-case__intro-content p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;text-box-trim:trim-both;text-box-edge:cap alphabetic;grid-column:1;margin:0;font-size:14px;font-weight:500;line-height:20px}.references-case__section-content{min-width:0}.references-case__content-point{align-items:center;width:100%;padding:20px;display:flex}.references-case__content-point>div{flex-direction:column;gap:12px;width:100%;max-width:554px;display:flex}.references-case__content-point h3,.references-case__content-point p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.references-case__content-point h3{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.references-case__content-point p,.references-case__result-content p{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.case-image-switcher__desktop{display:contents}.case-image-switcher__mobile{display:none}.case-image-switcher__controls{border-right:1px solid #c0c0c133;min-width:0}.case-image-switcher__heading{border-bottom:1px solid #c0c0c133;flex-direction:column;gap:16px;min-height:54px;padding:20px;display:flex}.case-image-switcher__heading h2{color:#000;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:20px;font-weight:600;font-stretch:75%;line-height:normal}.case-image-switcher__heading p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:14px;font-weight:500;line-height:20px}.case-image-switcher__item{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border-top:0;border-bottom:1px solid #c0c0c133;border-left:2px solid #0000;border-right:0;flex-direction:column;gap:12px;padding:20px 20px 20px 18px;display:flex}.case-image-switcher__item:last-child{border-bottom:0}.case-image-switcher__item-title,.case-image-switcher__item-copy{text-box-trim:trim-both;text-box-edge:cap alphabetic;width:100%;max-width:510px;display:block}.case-image-switcher__item-title{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.case-image-switcher__item-copy{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.case-image-switcher__item.is-active{background:#ebebeb}.case-image-switcher__controls--problem .case-image-switcher__item.is-active{border-left-color:#ff3300d4}.case-image-switcher__controls--solution .case-image-switcher__item.is-active{border-left-color:#00740db3}.case-image-switcher__item:focus-visible{z-index:1;outline:2px solid var(--color-text-primary);outline-offset:-2px;position:relative}@media (hover:hover){.case-image-switcher__item:not(.is-active):hover{opacity:.6}}.case-image-switcher__media{align-items:flex-start;min-width:0;padding:20px;display:flex}.case-image-switcher__image-gallery{width:100%;min-width:0}.references-case__image-frame{width:100%;max-width:760px;padding:0}.references-case__image-frame img{box-sizing:border-box;border:1px solid #f0eff1;border-radius:8px;outline:0;width:100%;height:auto;padding:0;display:block;overflow:hidden}.references-case__result-content{min-width:0}.references-case__result-copy{border-bottom:1px solid #c0c0c133;width:100%;padding:20px}.references-case__result-copy--final{padding-bottom:40px}.references-case__result-copy p{width:100%;max-width:554px;margin:0}.references-case__result-image{border-bottom:1px solid #c0c0c133;width:100%;padding:20px}.email-case{--email-case-left-column:clamp(380px, calc(85.9375vw - 500px), 600px);min-width:0}.email-case__intro,.email-case__section,.email-case__switcher-section,.email-case__made-section{grid-template-columns:var(--email-case-left-column) minmax(0, 1fr);border-bottom:1px solid #c0c0c133;align-items:stretch;min-width:0;display:grid}.email-case__case-title,.email-case__section-title{color:#000;min-width:0;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;border-right:1px solid #c0c0c133;margin:0;padding:20px;font-weight:600;font-stretch:75%;line-height:normal}.email-case__case-title{font-size:24px}.email-case__section-title{font-size:20px}.email-case__intro-content{grid-template-columns:minmax(0,548px) minmax(16px,1fr) 30px;align-items:start;min-width:0;padding:20px;display:grid}.email-case__intro-content p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;text-box-trim:trim-both;text-box-edge:cap alphabetic;grid-column:1;margin:0;font-size:14px;font-weight:500;line-height:20px}.email-case__section-content,.email-case__made-content{min-width:0}.email-case__content-point{align-items:center;width:100%;padding:20px;display:flex}.email-case__content-point>div{flex-direction:column;gap:12px;width:100%;max-width:554px;display:flex}.email-case__content-point h3,.email-case__content-point p,.email-case__caption p,.email-case__outcome-copy p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.email-case__content-point h3{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.email-case__content-point p,.email-case__outcome-copy p{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.email-case__solution-section .email-case__content-point:not(:last-child),.email-case__outcome-copy:not(.email-case__outcome-copy--final){border-bottom:1px solid #c0c0c133}.email-case__solution-section .email-case__content-point p{color:#434343}.email-case__switcher-section .case-image-switcher__controls{border-right:1px solid #c0c0c133}.case-image-switcher__controls--email .case-image-switcher__item.is-active{border-left-color:#ff3300d4}.email-case__image-gallery{align-items:flex-start;display:flex}.email-case__image-gallery--single{max-width:230px}.email-case__image-gallery--single .email-case__phone-frame{width:100%}.email-case__image-gallery--triple,.email-case__result-gallery-grid{grid-template-columns:230fr 230fr 242fr;gap:10px;width:100%;display:grid}.email-case__image-gallery--triple{max-width:722px}.email-case__phone-frame{min-width:0}.email-case__phone-frame img{border-radius:16px;width:100%;height:auto;display:block}.email-case__made-content{width:100%}.email-case__result-gallery{border-bottom:1px solid #c0c0c133;width:100%;padding:20px}.email-case__result-gallery-grid{max-width:717px}.email-case__caption{padding:20px}.email-case__caption p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;font-size:14px;font-weight:500;line-height:20px}.email-case__outcome-copy{width:100%;padding:20px}.email-case__outcome-copy--final{padding-bottom:40px}.email-case__outcome-copy p{width:100%;max-width:548px}@media (width<=1023px){.aggregator-case-modal__row{grid-template-columns:minmax(0,1fr)}.aggregator-case-modal__label,.aggregator-case-modal__content-cell{border-right-width:0;width:100%}.aggregator-case-modal__intro-row .aggregator-case-modal__label{min-height:70px}.aggregator-case-modal__intro-content{grid-template-columns:minmax(0,1fr);min-height:0;padding:20px}.aggregator-case-modal__case-title{grid-template-columns:minmax(0,1fr) minmax(16px,1fr) 30px;display:grid}.aggregator-case-modal__case-title>span{grid-column:1}.aggregator-case-modal__split-section,.aggregator-case-modal__made-section{grid-template-columns:minmax(0,1fr)}.aggregator-case-modal__split-section>.aggregator-case-modal__label{border-right-width:0;width:100%;min-height:54px}.aggregator-case-modal__split-content{width:100%}.aggregator-case-modal__made-details{border-right:0;width:100%}.aggregator-case-modal__made-aside{width:100%}.aggregator-case-modal__made-details>.aggregator-case-modal__label{border-right:0}.aggregator-case-modal__made-media,.aggregator-case-modal__caption-content{width:100%}.ux-guide-case__intro,.ux-guide-case__section,.ux-guide-case__made-section{grid-template-columns:minmax(0,1fr)}.ux-guide-case__case-title,.ux-guide-case__section-title{border-right:0;width:100%}.ux-guide-case__case-title{border-bottom:1px solid #c0c0c133;min-height:70px}.ux-guide-case__intro-content{grid-template-columns:minmax(0,1fr);min-height:90px}.ux-guide-case__section-title{border-bottom:1px solid #c0c0c133;min-height:54px}.ux-guide-case__section-content,.ux-guide-case__made-details,.ux-guide-case__made-media{width:100%}.ux-guide-case__made-details{border-right:0}.ux-guide-case__made-media{padding:20px}.procedures-case__intro,.procedures-case__section{grid-template-columns:minmax(0,1fr)}.procedures-case__case-title,.procedures-case__section-title{border-right:0;width:100%}.procedures-case__case-title{border-bottom:1px solid #c0c0c133;min-height:70px}.procedures-case__intro-content{grid-template-columns:minmax(0,1fr);min-height:90px}.procedures-case__section-title{border-bottom:1px solid #c0c0c133;min-height:54px}.procedures-case__section-content{width:100%}.aggregator-case-modal__intro-copy,.aggregator-case-modal__point-inner,.aggregator-case-modal__made-details>.aggregator-case-modal__point>.aggregator-case-modal__point-inner,.aggregator-case-modal__caption-content p,.ux-guide-case__intro-content p,.ux-guide-case__point-inner,.ux-guide-case__made-details>.ux-guide-case__point>.ux-guide-case__point-inner,.ux-guide-case__metric-inner,.procedures-case__intro-content p,.procedures-case__overview p,.procedures-case__example p,.procedures-case__role-point-inner,.procedures-case__metric-inner{width:100%;max-width:none}.references-case__intro,.references-case__section,.references-case__switcher-section{grid-template-columns:minmax(0,1fr)}.references-case__case-title,.references-case__section-title{border-right:0;width:100%}.references-case__case-title{border-bottom:1px solid #c0c0c133;min-height:70px}.references-case__intro-content{grid-template-columns:minmax(0,1fr);min-height:0}.references-case__section-title{border-bottom:1px solid #c0c0c133;min-height:54px}.references-case__section-content,.case-image-switcher__controls,.case-image-switcher__media{width:100%}.case-image-switcher__controls{border-right:0}.references-case__intro-content p,.references-case__content-point>div,.case-image-switcher__heading p,.case-image-switcher__item-title,.case-image-switcher__item-copy,.references-case__result-copy p{max-width:none}.references-case__image-frame{max-width:600px}.references-case__case-title{white-space:normal;padding-right:66px}.references-case__content-point>div{max-width:548px}.references-case__result-copy p{max-width:510px}.references-case__result-copy--final p{max-width:548px}.references-case__result-image{padding:6px 20px 20px}.references-case__result-copy:not(.references-case__result-copy--final){border-bottom:0}.references-case__switcher-section{display:block}.references-case__switcher-section .case-image-switcher__desktop{display:none}.references-case__switcher-section .case-image-switcher__mobile{display:block}.case-image-switcher__mobile-heading{border-bottom:1px solid #c0c0c133;flex-direction:column;gap:16px;padding:20px;display:flex}.case-image-switcher__mobile-heading h2,.case-image-switcher__mobile-copy h3,.case-image-switcher__mobile-copy p{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.case-image-switcher__mobile-heading h2{color:#000;font-family:var(--font-heading);letter-spacing:-.4px;white-space:nowrap;font-size:20px;font-weight:600;font-stretch:75%;line-height:normal}.case-image-switcher__mobile-heading p{width:100%;max-width:548px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:14px;font-weight:500;line-height:20px}.case-image-switcher__mobile-copy{border-left:2px solid #0000;flex-direction:column;gap:12px;padding:20px 20px 20px 18px;display:flex}.case-image-switcher__mobile--problem .case-image-switcher__mobile-copy{border-left-color:#c42700db}.case-image-switcher__mobile--problem .case-image-switcher__mobile-item:first-of-type .case-image-switcher__mobile-copy{border-left-color:#ff3300d4}.case-image-switcher__mobile--solution .case-image-switcher__mobile-copy{border-left-color:#00740db3}.case-image-switcher__mobile-copy h3,.case-image-switcher__mobile-copy p{width:100%;max-width:510px}.case-image-switcher__mobile-copy h3{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:700;line-height:20px}.case-image-switcher__mobile-copy p{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.case-image-switcher__mobile-media{border-bottom:1px solid #c0c0c133;padding:6px 20px 20px;display:flex}.case-image-switcher__mobile-item:last-child .case-image-switcher__mobile-media{border-bottom:0}.email-case__intro,.email-case__section,.email-case__switcher-section,.email-case__made-section{grid-template-columns:minmax(0,1fr)}.email-case__case-title,.email-case__section-title{border-right:0;width:100%}.email-case__case-title{white-space:normal;border-bottom:1px solid #c0c0c133;min-height:70px;padding-right:66px}.email-case__intro-content{grid-template-columns:minmax(0,1fr);min-height:0}.email-case__section-title{border-bottom:1px solid #c0c0c133;min-height:54px}.email-case__section-content,.email-case__made-content{width:100%}.email-case__intro-content p,.email-case__content-point>div,.email-case__caption p,.email-case__outcome-copy p{width:100%;max-width:none}.email-case__switcher-section{display:block}.email-case__switcher-section .case-image-switcher__desktop{display:none}.email-case__switcher-section .case-image-switcher__mobile{display:block}.case-image-switcher__mobile--email .case-image-switcher__mobile-copy{border-left-color:#c42700db}.case-image-switcher__mobile--email .case-image-switcher__mobile-item:first-of-type .case-image-switcher__mobile-copy{border-left-color:#ff3300d4}.email-case__switcher-section .case-image-switcher__mobile-media{padding:6px 20px 20px}.email-case__image-gallery--single{max-width:230px}.email-case__image-gallery--triple,.email-case__result-gallery-grid{max-width:722px}}.more-section{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.more-section__card{width:var(--content-width);padding:var(--space-6) var(--space-6) var(--space-20);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;align-items:flex-start;display:flex}.more-section__content{align-items:flex-start;gap:var(--space-20);width:548px;padding:var(--space-10) 0 0 var(--space-10);flex-direction:column;display:flex}.more-section__title{width:477px;color:var(--color-text-primary);font-family:var(--font-heading);letter-spacing:-.3px;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:18px;font-weight:700;font-stretch:75%;line-height:normal}.more-section__text{width:538px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:14px;font-weight:500;line-height:20px}.final-contact-section{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.final-contact-section__card{width:var(--content-width);padding:var(--space-16) var(--space-6) var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;align-items:center;gap:22px;display:flex}.final-contact-section__heading{align-items:center;gap:var(--space-12);width:319px;height:35px;color:var(--color-text-primary);text-align:center;white-space:nowrap;flex-direction:column;flex:0 0 35px;display:flex}.final-contact-section__title,.final-contact-section__subtitle{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.final-contact-section__title{width:155px;height:13px;font-family:var(--font-heading);letter-spacing:-.3px;font-size:18px;font-weight:700;font-stretch:75%;line-height:normal}.final-contact-section__subtitle{width:319px;height:10px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;font-size:14px;font-weight:500;line-height:20px}.final-contact-section .contacts{height:34px}.divider{width:var(--content-width);background:var(--color-surface);justify-content:space-between;align-items:flex-start;height:10px;display:flex}.divider__cutout{background:var(--color-page);flex:0 0 20px;width:20px;height:10px;display:block}.divider__cutout--left{border-radius:0 10px 10px 0}.divider__cutout--right{border-radius:10px 0 0 10px}.divider--showreel{align-items:center;height:20px}.divider--showreel .divider__cutout{flex-basis:20px;width:20px;height:20px}.divider--showreel .divider__cutout--left{border-radius:0 10px 10px 0}.divider--showreel .divider__cutout--right{border-radius:10px 0 0 10px}.divider__title{width:130px;height:20px;color:var(--color-text-primary);font-family:var(--font-heading);letter-spacing:-.3px;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:20px;font-weight:700;font-stretch:75%;line-height:normal}.photo-block{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.photo-container{width:var(--content-width);height:194px;padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;flex:0 0 194px;align-items:flex-start;display:flex}.photo-container__image{border-radius:var(--radius-card);flex:1 0 0;width:100%;min-height:0;position:relative;overflow:hidden}.photo-container__asset{width:100%;max-width:none;height:200.76%;display:block;position:absolute;top:-33.9%;left:0}.about-section{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.about-section__card{width:var(--content-width);min-height:309px;padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.about-section__dots{flex:0 0 6px;justify-content:space-between;align-items:flex-start;width:100%;height:6px;display:flex}.about-section__dot{background:var(--color-page);border-radius:50%;width:6px;height:6px;display:block}.about-section__text{width:434px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-size:14px;font-weight:500;line-height:20px}.aggregator-case{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.aggregator-case__card{width:var(--content-width);align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.aggregator-case__dots{flex:0 0 6px;justify-content:space-between;width:100%;height:6px;display:flex}.aggregator-case__dot{background:var(--color-page);border-radius:50%;width:6px;height:6px}.aggregator-case__content{align-items:center;gap:var(--space-24);flex-direction:column;width:100%;display:flex}.aggregator-case__text{align-items:center;gap:var(--space-16);flex-direction:column;width:100%;height:101px;display:flex}.aggregator-case__title-group{align-items:center;gap:var(--space-12);width:372px;height:35px;color:var(--color-text-primary);text-align:center;white-space:nowrap;flex-direction:column;display:flex}.aggregator-case__title,.aggregator-case__subtitle,.aggregator-case__description{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.aggregator-case__title{font-family:var(--font-heading);letter-spacing:-.3px;font-size:18px;font-weight:700;font-stretch:75%;line-height:normal}.aggregator-case__subtitle{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;font-size:14px;font-weight:500;line-height:20px}.aggregator-case__description{width:100%;height:50px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-align:center;font-size:14px;font-weight:500;line-height:20px}.aggregator-case__media-group{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.aggregator-case__video-container{aspect-ratio:274/205;border-radius:var(--radius-media);flex:none;width:100%;height:410px;overflow:hidden}.aggregator-case__video{object-fit:cover;width:100%;height:100%;display:block}.case-controls{width:100%;padding:var(--space-10);background:var(--color-control-surface);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.case-controls__tags{align-items:center;gap:var(--space-6);height:20px;margin:0;padding:0;list-style:none;display:flex}.case-controls__tag{height:20px;padding:0 var(--space-6);border-radius:var(--radius-item);background:var(--color-tag-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;text-align:center;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;display:flex}.case-controls__link{justify-content:flex-end;align-items:center;gap:var(--space-10);width:116px;height:20px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;white-space:nowrap;padding-bottom:2px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.case-controls__link:visited{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine){.case-controls__link:hover{opacity:.6}}.case-controls__link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.case-controls__link img{object-fit:contain;flex:0 0 9px;width:9px;height:10px;display:block}.aggregator-case__controls{width:100%;min-height:38px;padding:var(--space-8) var(--space-10) var(--space-10);background:var(--color-control-surface);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.aggregator-case__tags{align-items:center;gap:var(--space-6);height:20px;margin:0;padding:0;list-style:none;display:flex}.aggregator-case__tag{height:20px;padding:0 var(--space-6);border-radius:var(--radius-item);background:var(--color-tag-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;text-align:center;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;display:flex}.aggregator-case__link{justify-content:flex-end;align-items:center;gap:var(--space-10);width:116px;height:20px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;white-space:nowrap;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.aggregator-case__link:visited{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine){.aggregator-case__link:hover{opacity:.6}}.aggregator-case__link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.aggregator-case__link img{object-fit:contain;flex:0 0 9px;width:9px;height:10px;display:block}.compact-case{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.compact-case__card{width:var(--content-width);align-items:flex-start;gap:var(--space-20);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.compact-case__text{align-items:flex-start;gap:var(--space-16);width:548px;height:91px;padding:var(--space-10) 0 0 var(--space-10);flex-direction:column;display:flex}.compact-case__title-group{align-items:flex-start;gap:var(--space-12);width:477px;height:35px;color:var(--color-text-primary);flex-direction:column;display:flex}.compact-case__title,.compact-case__subtitle,.compact-case__description{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.compact-case__title{width:100%;font-family:var(--font-heading);letter-spacing:-.3px;font-size:18px;font-weight:700;font-stretch:75%;line-height:normal}.compact-case__subtitle{width:100%;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;font-size:14px;font-weight:500;line-height:20px}.compact-case__description{width:538px;height:30px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;font-size:14px;font-weight:500;line-height:20px}.compact-case__controls{width:548px;min-height:38px;padding:var(--space-8) var(--space-10) var(--space-10);background:var(--color-control-surface);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.compact-case__tags{align-items:center;gap:var(--space-6);height:20px;margin:0;padding:0;list-style:none;display:flex}.compact-case__tag{height:20px;padding:0 var(--space-6);border-radius:var(--radius-item);background:var(--color-tag-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;text-align:center;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;display:flex}.compact-case__link{justify-content:flex-end;align-items:center;gap:var(--space-10);width:116px;height:20px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;white-space:nowrap;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.compact-case__link:visited{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine){.compact-case__link:hover{opacity:.6}}.compact-case__link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.compact-case__link img{object-fit:contain;flex:0 0 9px;width:9px;height:10px;display:block}.image-case{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.image-case__card{width:var(--content-width);align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.image-case__dots{flex:0 0 6px;justify-content:space-between;width:100%;height:6px;display:flex}.image-case__dot{background:var(--color-page);border-radius:50%;width:6px;height:6px}.image-case__content{align-items:center;gap:var(--space-24);flex-direction:column;width:100%;display:flex}.image-case__text{align-items:center;gap:var(--space-16);flex-direction:column;width:100%;height:81px;display:flex}.image-case__title-group{align-items:center;gap:var(--space-12);width:349px;height:35px;color:var(--color-text-primary);text-align:center;white-space:nowrap;flex-direction:column;display:flex}.image-case__title,.image-case__subtitle,.image-case__description{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.image-case__title{font-family:var(--font-heading);letter-spacing:-.3px;font-size:18px;font-weight:700;font-stretch:75%;line-height:normal}.image-case__subtitle{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;font-size:14px;font-weight:500;line-height:20px}.image-case__description{width:100%;height:30px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.98px;text-align:center;font-size:14px;font-weight:500;line-height:20px}.image-case__media-group{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.image-case__image{object-fit:cover;border-radius:var(--radius-media);width:100%;height:410px;display:block}.image-case__controls{width:100%;min-height:38px;padding:var(--space-8) var(--space-10) var(--space-10);background:var(--color-control-surface);border-radius:6px;justify-content:space-between;align-items:center;display:flex}.image-case__tags{align-items:center;gap:var(--space-6);height:20px;margin:0;padding:0;list-style:none;display:flex}.image-case__tag{height:20px;padding:0 var(--space-6);border-radius:var(--radius-item);background:var(--color-tag-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;text-align:center;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;display:flex}.image-case__link{justify-content:flex-end;align-items:center;gap:var(--space-10);width:116px;height:20px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;white-space:nowrap;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.image-case__link:visited{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine){.image-case__link:hover{opacity:.6}}.image-case__link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.image-case__link img{object-fit:contain;flex:0 0 9px;width:9px;height:10px;display:block}.showreel-section{width:var(--content-width);flex-direction:column;align-items:flex-start;display:flex}.showreel-section__card{width:var(--content-width);align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-6) var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.showreel-section__tags{align-items:center;gap:var(--space-6);width:294px;height:20px;margin:0;padding:0;list-style:none;display:flex}.showreel-section__tag{height:20px;padding:0 var(--space-6);border-radius:var(--radius-item);background:var(--color-control-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:-.84px;text-align:center;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:20px;display:flex}.showreel-section__video-wrap{aspect-ratio:1600/1200;border-radius:var(--radius-media);background:var(--color-text-primary);width:100%;position:relative;overflow:hidden}.showreel-section__video{object-fit:cover;width:100%;height:100%;display:block}.showreel-section__action-feedback{pointer-events:none;transform-origin:50%;place-items:center;animation:.8s forwards showreel-action-feedback;display:grid;position:absolute;inset:0}.showreel-section__action-feedback img{filter:brightness(0)invert()drop-shadow(0 1px 2px #2b2b2b52);object-fit:contain;width:48px;height:48px;display:block}@keyframes showreel-action-feedback{0%{opacity:0;transform:scale(.78)}20%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.showreel-section__controls{right:var(--space-6);left:var(--space-6);bottom:var(--space-6);align-items:center;gap:4px;width:auto;height:28px;display:flex;position:absolute}.showreel-section__video-wrap--interacted:not(.showreel-section__video-wrap--controls-visible) .showreel-section__controls{visibility:hidden;pointer-events:none;opacity:0;transition:opacity .16s}.showreel-section__video-wrap--controls-visible .showreel-section__controls{visibility:visible;pointer-events:auto;opacity:1}.showreel-section__control:first-child,.showreel-section__timeline{visibility:hidden;pointer-events:none;opacity:0;transition:opacity .16s}.showreel-section__video-wrap--controls-visible .showreel-section__control:first-child,.showreel-section__video-wrap--controls-visible .showreel-section__timeline{visibility:visible;pointer-events:auto;opacity:1}.showreel-section__control{border-radius:var(--radius-item);width:28px;height:28px;color:var(--color-surface);cursor:pointer;background:#2b2b2bb8;border:0;flex:none;place-items:center;padding:0;display:grid}.showreel-section__control:focus-visible{outline:2px solid var(--color-surface);outline-offset:-3px}.showreel-section__control img{filter:brightness(0)invert();object-fit:contain;width:16px;height:16px;display:block}.showreel-section__seek{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:28px;margin:0;padding:0;display:block}.showreel-section__timeline{flex:auto;min-width:0}.showreel-section__seek::-webkit-slider-runnable-track{background:#fcfbfd94;border-radius:3px;height:3px}.showreel-section__seek::-webkit-slider-thumb{appearance:none;background:var(--color-surface);border:0;border-radius:50%;width:8px;height:8px;margin-top:-2.5px}.showreel-section__seek::-moz-range-track{background:#fcfbfd94;border:0;border-radius:3px;height:3px}.showreel-section__seek::-moz-range-thumb{background:var(--color-surface);border:0;border-radius:50%;width:8px;height:8px}.showreel-section__seek:focus-visible{outline:2px solid var(--color-surface);outline-offset:-3px}.showreel-section__seek:disabled{cursor:default;opacity:.5}@media (hover:hover) and (pointer:fine){.showreel-section__video-wrap:hover .showreel-section__control:first-child,.showreel-section__video-wrap:focus-within .showreel-section__control:first-child,.showreel-section__video-wrap:hover .showreel-section__timeline,.showreel-section__video-wrap:focus-within .showreel-section__timeline,.showreel-section__video-wrap--interacted:hover .showreel-section__controls,.showreel-section__video-wrap--interacted:focus-within .showreel-section__controls{visibility:visible;pointer-events:auto;opacity:1}}.about-me{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;align-items:center;gap:22px;width:560px;height:auto;padding:16px 6px 6px;display:flex;position:relative}.about-me__heading{width:447px;height:36px;color:var(--color-text-primary);text-align:center;flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.about-me__title,.about-me__role{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0}.about-me__title{width:447px;height:14px;font-family:var(--font-heading);letter-spacing:-.3px;white-space:nowrap;font-size:20px;font-weight:700;font-stretch:75%;line-height:normal}.about-me__role{width:447px;height:10px;font-family:var(--font-mono);letter-spacing:-.98px;opacity:.5;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px}.contacts{border-radius:var(--radius-contact);background:var(--color-contact-surface);flex:none;width:548px;height:34px;padding:1px;overflow:hidden}.contacts__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:100%;height:100%;min-height:0;margin:0;padding:0;list-style:none;display:grid}.contacts__item{min-width:0;height:100%;min-height:0}.contact{border-radius:var(--radius-item);background:var(--color-surface);width:100%;height:100%;min-height:0;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.91px;text-align:center;white-space:nowrap;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:8px 10px 7px;font-size:13px;font-weight:300;line-height:20px;text-decoration:none;transition:opacity .16s;display:flex}.contact:visited{color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine){.contact:hover{opacity:.6}}.contact:active{transform:none}.contact:focus-visible{z-index:1;outline:2px solid var(--color-text-primary);outline-offset:-3px;position:relative}.contact__icon{flex:0 0 14px;width:14px;height:14px;display:block;position:relative}.contact__icon>img,.contact__icon>svg{width:14px;height:14px;display:block}.contact__icon--email{flex-basis:16px;width:16px;height:16px}.contact__icon--email>.contact__email-icon{width:16px;height:16px}.contact__email-icon{color:var(--color-text-secondary);transition:opacity .16s,transform .16s;position:absolute;inset:0}.contact__email-icon--source{opacity:1;transform:scale(1)}.contact__email-icon--check,.contact__icon--email.is-copied .contact__email-icon--source{opacity:0;transform:scale(.72)}.contact__icon--email.is-copied .contact__email-icon--check{opacity:1;transform:scale(1)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-contact-actions{display:none}.contact-modal{z-index:1100;background:var(--color-page);justify-content:center;align-items:center;padding:6px;display:flex;position:fixed;inset:0;overflow:hidden}.contact-modal__surface{border-radius:var(--radius-card);background:var(--color-page);width:100%;max-width:393px;height:min(216px,100dvh - 12px);max-height:calc(100dvh - 12px);padding:6px}.contact-modal__content{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.contact-modal__header{flex:0 0 42px;justify-content:space-between;align-items:center;gap:16px;width:100%;height:42px;padding:6px 6px 6px 12px;display:flex}.contact-modal__header h2{min-width:0;color:var(--color-text-primary);font-family:var(--font-heading);letter-spacing:-.5px;margin:0;font-size:16px;font-weight:700;font-stretch:75%;line-height:normal}.contact-modal__close{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;display:grid}.contact-modal__close img{width:30px;height:30px;display:block}.contact-modal__close:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-3px}.contacts--modal{overscroll-behavior:contain;background:0 0;border-radius:0;flex:auto;width:100%;height:auto;min-height:0;padding:0 6px 6px;overflow-y:auto}.contacts--modal .contacts__list{flex-direction:column;gap:6px;min-height:156px;display:flex}.contacts--modal .contacts__item{flex:0 0 48px;width:100%;height:48px}.contacts--modal .contact{border-radius:var(--radius-item);background:var(--color-control-surface);height:48px;padding:8px 20px 7px}@media (width<=560px){.portfolio-page{--mobile-section-gap:6px;width:100%;min-width:0;padding:6px 0;overflow-x:hidden}.portfolio-column{--content-width:calc(100% - 12px);width:calc(100% - 12px);min-width:0;margin:0 auto;padding-bottom:0}.about-me{gap:22px;width:100%;padding:24px 6px 6px}.about-me__heading{flex:0 0 55px;gap:16px;width:100%;height:55px}.about-me__title{width:100%;height:14px;font-size:20px}.about-me__role{letter-spacing:-.91px;white-space:normal;width:100%;height:25px;font-size:13px;line-height:16px}.about-me__role-separator{display:none}.about-me__role span:not(.about-me__role-separator){display:block}.about-me>.contacts,.final-contact-section .contacts{display:none}.mobile-contact-actions{gap:var(--mobile-section-gap);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.mobile-contact-actions__button{box-sizing:border-box;appearance:none;background:var(--color-control-surface);width:100%;height:48px;color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.91px;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;line-height:16px;text-decoration:none;display:flex}.mobile-contact-actions__button:visited{color:var(--color-text-primary)}.mobile-contact-actions__button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-3px}.mobile-contact-actions__button img{object-fit:contain;flex:none;display:block}.mobile-contact-actions__button>span{line-height:16px;display:block}.final-contact-section .mobile-contact-actions{gap:6px}.divider,.photo-block,.photo-container,.about-section,.about-section__card,.showreel-section,.showreel-section__card,.aggregator-case,.aggregator-case__card,.compact-case,.compact-case__card,.image-case,.image-case__card,.more-section,.more-section__card,.final-contact-section,.final-contact-section__card{width:100%;min-width:0}.photo-container{aspect-ratio:381/180;flex-basis:auto;height:auto;padding:6px}.photo-container__image{border-radius:6px}.photo-container__asset{object-fit:cover;object-position:center;border-radius:6px;width:100%;max-width:none;height:100%;position:static}.about-section__card{height:247px;min-height:247px;padding:6px}.about-section__text{width:calc(100% - 40px);color:var(--color-text-primary);letter-spacing:-.91px;font-size:13px;line-height:18px}.divider--showreel{height:20px}.divider__title{letter-spacing:-.5px;font-size:16px}.showreel-section__card{gap:16px;padding:8px 6px 6px}.showreel-section__video-wrap{border-radius:7px}.aggregator-case__card,.image-case__card{gap:6px;padding:6px}.aggregator-case__content,.image-case__content{gap:24px}.aggregator-case__text,.image-case__text{height:auto;min-height:0}.aggregator-case__text,.image-case__text,.compact-case__text{gap:16px}.aggregator-case__title-group,.image-case__title-group{white-space:normal;gap:12px;width:calc(100% - 30px);height:auto;min-height:0}.aggregator-case__title,.image-case__title,.compact-case__title,.more-section__title,.final-contact-section__title{letter-spacing:-.5px;font-size:16px}.aggregator-case__subtitle,.image-case__subtitle,.compact-case__subtitle,.final-contact-section__subtitle{letter-spacing:-.91px;font-size:13px;line-height:16px}.aggregator-case__description,.image-case__description,.compact-case__description,.more-section__text{letter-spacing:-.91px;width:100%;height:auto;font-size:13px;line-height:18px}.aggregator-case__description{width:calc(100% - 8px)}.image-case--references .image-case__title-group,.image-case--references .image-case__description{width:calc(100% - 20px)}.aggregator-case__media-group,.image-case__media-group{gap:16px}.aggregator-case__video-container,.image-case__image{aspect-ratio:540/404;width:100%;height:auto}.image-case__image{object-fit:cover}.compact-case__card{gap:20px;padding:6px}.compact-case__text{width:100%;padding:10px 0 0 10px;height:var(--mobile-text-height,auto)!important}.compact-case__title-group{gap:12px;width:100%;height:var(--mobile-title-group-height,auto)!important}.compact-case__description{height:45px}.case-controls{justify-content:center;width:100%;height:48px;min-height:48px;padding:0;display:flex;position:relative}.case-controls__tags{display:none}.case-controls__link{justify-content:center;width:100%;height:48px;padding:10px}.case-controls__link>span{line-height:20px;display:block}.more-section__card{padding:6px 8px 20px}.more-section__content{gap:20px;width:100%;padding:10px 0 0 10px}.more-section__title{width:100%}.more-section__text{color:var(--color-text-primary)}.final-contact-section__card{gap:22px;padding:16px 6px 6px}.final-contact-section__heading{white-space:nowrap;flex-basis:32px;gap:12px;width:min(100%,291px);height:32px}.final-contact-section__title,.final-contact-section__subtitle{width:auto}.final-contact-section__title{height:11px}.final-contact-section__subtitle{height:9px}.case-modal--aggregator,.case-modal--ux-guide,.case-modal--references,.case-modal--procedures,.case-modal--email{align-items:center;padding:6px;display:flex}.case-modal--aggregator .case-modal__surface,.case-modal--ux-guide .case-modal__surface,.case-modal--references .case-modal__surface,.case-modal--procedures .case-modal__surface,.case-modal--email .case-modal__surface{width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.case-modal--aggregator .case-modal__close,.case-modal--ux-guide .case-modal__close,.case-modal--references .case-modal__close,.case-modal--procedures .case-modal__close,.case-modal--email .case-modal__close{top:26px;right:26px}.aggregator-case-modal__rows{flex-direction:column;display:flex}.aggregator-case-modal__intro-row{order:1}.case-modal--aggregator .aggregator-case-modal__case-title,.case-modal--aggregator .aggregator-case-modal__section-title,.case-modal--aggregator .aggregator-case-modal__results>.aggregator-case-modal__label{font-family:var(--font-heading);letter-spacing:-.4px;font-size:20px;font-weight:700;font-stretch:75%;line-height:normal}.case-modal--aggregator .aggregator-case-modal__case-title{font-size:24px}.aggregator-case-modal__made-section,.aggregator-case-modal__made-details,.aggregator-case-modal__made-aside{display:contents}.aggregator-case-modal__made-media{border-bottom:0;order:2;padding:20px 20px 0}.aggregator-case-modal__made-media img{border-radius:6px;max-width:none}.aggregator-case-modal__caption-content{border-bottom:1px solid #c0c0c133;order:3;padding:20px}.aggregator-case-modal__caption-content p{padding-right:0}.aggregator-case-modal__problems{order:4}.aggregator-case-modal__research{order:5}.aggregator-case-modal__made-details>*{order:6}.aggregator-case-modal__made-details>.aggregator-case-modal__point:last-child{border-bottom:1px solid #c0c0c133}.aggregator-case-modal__results{order:7}.ux-guide-case{flex-direction:column;display:flex}.ux-guide-case__intro{order:1}.ux-guide-case__made-section,.ux-guide-case__made-details{display:contents}.ux-guide-case__made-media{border-bottom:1px solid #c0c0c133;order:2;width:100%;padding:20px 0 0}.ux-guide-case__made-media img{border-radius:8px;width:calc(100% - 40px);max-width:none;margin:0 20px}.ux-guide-case__mobile-caption{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.84px;opacity:.5;margin:0;padding:20px;font-size:14px;font-weight:500;line-height:20px;display:block}.ux-guide-case__section--problems,.ux-guide-case__section--approach{order:4}.ux-guide-case__section--approach{order:5}.ux-guide-case__made-details>*{order:6}.ux-guide-case__made-details>.ux-guide-case__point:last-child{border-bottom:1px solid #c0c0c133}.ux-guide-case__metrics-section{order:7}.case-modal--ux-guide .ux-guide-case__case-title,.case-modal--ux-guide .ux-guide-case__section-title,.case-modal--references .references-case__case-title,.case-modal--references .references-case__section-title,.case-modal--references .case-image-switcher__mobile-heading h2{font-weight:700}.case-modal--references .case-image-switcher__mobile-media{padding:6px}.case-modal--references .case-image-switcher__mobile--solution .case-image-switcher__mobile-item:nth-of-type(2) .case-image-switcher__mobile-media{padding:6px 20px 20px}.case-modal--references .case-image-switcher__mobile--problem .case-image-switcher__mobile-item:nth-of-type(4) .case-image-switcher__mobile-copy{border-left-color:#0000;padding-left:20px}.case-modal--references .references-case__result-image{padding:6px}.case-modal--procedures .procedures-case__case-title,.case-modal--procedures .procedures-case__section-title,.case-modal--email .email-case__case-title,.case-modal--email .email-case__section-title,.case-modal--email .case-image-switcher__mobile-heading h2{white-space:normal;font-weight:700}.case-modal--procedures .procedures-case__case-title,.case-modal--email .email-case__case-title{padding-right:66px}}@media (prefers-reduced-motion:reduce){.contact{transition:opacity .16s}.contact:active{transform:none}.contact__email-icon{transition:opacity .16s}.showreel-section__control:first-child,.showreel-section__timeline,.showreel-section__video-wrap--interacted:not(.showreel-section__video-wrap--controls-visible) .showreel-section__controls{transition:none}.showreel-section__action-feedback{animation-name:showreel-action-feedback-reduced}}@keyframes showreel-action-feedback-reduced{0%{opacity:0}20%,55%{opacity:1}to{opacity:0}}
