@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,600;1,400;1,500&display=swap";@font-face{font-family:Styrene A Web;src:url(/fonts/StyreneA-Medium-Web.woff2) format("woff2"),url(/fonts/StyreneA-Medium-Web.woff) format("woff");font-weight:500;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Styrene B Web;src:url(/fonts/StyreneB-Light-Web.woff2) format("woff2"),url(/fonts/StyreneB-Light-Web.woff) format("woff");font-weight:300;font-style:normal;font-stretch:normal;font-display:swap}:root{--page-texture: url(/site-images/bg_noise_transparent.png);--page-texture-wash: color-mix(in srgb, var(--color-bg) 55%, transparent);--radius-cropped-image: 16px;--ease-movement: cubic-bezier(.075, .82, .165, 1);--duration-reveal: .9s;--distance-reveal: 28px;--ease-curtain-cover: cubic-bezier(.72, 0, 1, .45);--ease-curtain-content-exit: cubic-bezier(.8, 0, .95, .4);--ease-curtain-content: cubic-bezier(.16, .72, .24, 1);--duration-curtain-cover: .62s;--duration-curtain-reveal: .56s;--duration-curtain-content-exit: .62s;--duration-curtain-content-reveal: .9s;--duration-curtain-dither-reveal: 1.45s;--duration-curtain-loader-track: .42s;--duration-curtain-loader-check: .8s;--duration-curtain-loader-resume: .2s;--duration-curtain-loader-finish: .18s;--delay-curtain-cover-hold: 0ms;--delay-curtain-loader-entry: .56s;--delay-curtain-loader-fill: .12s;--delay-curtain-loader-check-minimum: .24s;--delay-curtain-loader-complete-pause: .2s;--delay-curtain-loader-message-hold: .5s;--ease-curtain-loader-track: cubic-bezier(.45, 0, .2, 1);--ease-curtain-loader-finish: cubic-bezier(.16, 1, .3, 1);--distance-curtain-content-exit: clamp(112px, 16vh, 148px);--distance-curtain-content-reveal: 44px;--glass-nav-blur: 18px;--glass-nav-saturation: 108%;--glass-nav-surface: rgba(255, 255, 255, .18);--glass-nav-edge-glow: rgba(255, 255, 255, .82);--glass-nav-fade-depth: clamp(88px, 7vw, 136px);--font-heading: "Styrene A Web", sans-serif;--font-prose: "Styrene B Web", sans-serif;--font-accent: "DM Mono", monospace, sans-serif;--body-lead-size: clamp(26px, 2.1vw, 36px);--body-large-size: clamp(20px, 1.5vw, 28px);--body-small-size: clamp(16px, 1.15vw, 19px);--body-accent-size: clamp(13px, .9vw, 16px);--type-eyebrow-size: clamp(12px, .75vw, 14px);--heading-display-size: clamp(52px, 6vw, 104px);--heading-display-mobile-size: clamp(40px, 12vw, 52px);--heading-section-size: clamp(36px, 3.2vw, 56px);--heading-subsection-size: clamp(28px, 2vw, 36px);--heading-4-size: clamp(22px, 1.6vw, 29px);--heading-card-size: clamp(20px, 1.5vw, 28px);--heading-5-size: clamp(18px, 1.25vw, 22px);--heading-metric-size: clamp(18px, 1.35vw, 22px);--heading-error-size: 9.6rem;--tracking-heading-tight: -.09em;--tracking-prose-tight: -.055em;--tracking-eyebrow: .14em;--line-heading-tight: 1.05;--line-prose-large: 1.4;--line-prose-small: 1.55;--space-section-block: clamp(72px, 8vw, 144px);--space-layout-gap: clamp(48px, 7vw, 120px);--space-layout-gap-wide: clamp(48px, 8vw, 144px);--space-stack-gap: clamp(32px, 4vw, 64px);--space-eyebrow-content-gap: clamp(8px, .65vw, 12px);--space-eyebrow-heading-gap: clamp(12px, 1.2vw, 20px);--space-chapter-eyebrow-gap: clamp(32px, 4vw, 64px);--space-editorial-block: clamp(40px, 5vw, 88px);--space-heading-gap: clamp(28px, 3vw, 48px);--space-media-gap: clamp(16px, 1.5vw, 24px);--space-media-inset-generous: clamp(40px, 6vw, 112px);--space-media-story-top: clamp(72px, 8vw, 128px);--space-media-story-stage-gap: clamp(144px, 18vw, 320px);--space-shell-inset-wide: clamp(56px, 3.333vw, 64px);--page-frame-max-wide: 2160px;--page-content-max-wide: 1792px;--content-copy-max: 560px;--content-lead-max: 760px;--content-wide-max: 960px;--color-bg: #fefefe;--color-text: #666;--color-heading: #444;--color-muted: #898989;--color-border: #dedede;--color-divider-strong: #c8c8c8;--color-shadow: #ddd;--shadow-image-example: 0 12px 64px -30px rgba(20, 20, 20, .12), 0 24px 96px -56px rgba(20, 20, 20, .13);--shadow-floating-card: 0 10px 30px -20px rgba(20, 20, 20, .2), 0 26px 72px -46px rgba(20, 20, 20, .24);--color-hr: #ddd;--color-accent: #ff6524;--color-accent-dark:#652a1b;--color-case-study-accent: #a0947d;--color-surface: #f6f6f6;--color-on-surface: #444;--color-on-media: #f3f0ea;--color-fixed-dark-surface: #262626;--color-fixed-dark-media: #111;--fixed-dark-texture-wash: linear-gradient( color-mix(in srgb, var(--color-fixed-dark-media) 76%, transparent), color-mix(in srgb, var(--color-fixed-dark-media) 76%, transparent) );--brand-tile-neutral-lift: linear-gradient(rgba(255, 255, 255, .16), rgba(255, 255, 255, .16));--brand-tile-hover-wash: rgba(0, 0, 0, .14);--filter-on-fixed-dark: brightness(0) invert(1);--color-fixed-dark-overlay-start: rgba(20, 20, 20, .58);--color-fixed-dark-overlay-end: rgba(20, 20, 20, .2);--color-fixed-dark-overlay-mobile: rgba(20, 20, 20, .5);--color-on-media-divider: rgba(243, 240, 234, .22);--color-on-case-study-accent: #26231c;--color-on-case-study-accent-muted: rgba(38, 35, 28, .68);--color-media-overlay-soft: rgba(12, 12, 12, .06);--color-media-overlay-strong: rgba(12, 12, 12, .48);--color-underline: #333;--color-image-frame-marker: #111;--filter-brand-mark: brightness(0);--filter-theme-artwork: invert(1);--filter-theme-toggle: none;--filter-theme-toggle-hover: invert(1) brightness(2);--theme-toggle-icon-rotation: 180deg;--theme-toggle-icon-hover-rotation: 0deg;--cursor-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23111' stroke='none'/%3E%3C/svg%3E") 12 12, pointer}[data-theme=dark]{--glass-nav-surface: rgba(10, 10, 10, .2);--glass-nav-edge-glow: rgba(255, 255, 255, .24);--color-bg: #161616;--color-text: #bbb;--color-heading: #fff;--color-muted: #898989;--color-border: #2a2a2a;--color-divider-strong: #3c3c3d;--color-shadow: rgba(0, 0, 0, .6);--shadow-image-example: 0 14px 68px -30px rgba(0, 0, 0, .24), 0 26px 104px -58px rgba(0, 0, 0, .27);--shadow-floating-card: 0 12px 34px -20px rgba(0, 0, 0, .5), 0 30px 82px -48px rgba(0, 0, 0, .62);--color-hr: #2a2a2a;--color-accent: #ff6524;--color-accent-dark:#652a1b;--color-surface: #262627;--color-on-surface: #ddd;--brand-tile-neutral-lift: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, .12));--brand-tile-hover-wash: rgba(0, 0, 0, .08);--color-on-media: #f3f0ea;--color-underline: #555;--color-image-frame-marker: #fff;--filter-brand-mark: none;--filter-theme-artwork: none;--filter-theme-toggle: invert(1) brightness(.86);--filter-theme-toggle-hover: none;--theme-toggle-icon-rotation: 0deg;--theme-toggle-icon-hover-rotation: 180deg;--cursor-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23ddd' stroke='none'/%3E%3C/svg%3E") 12 12, pointer}@media (min-width: 2560px){:root{--page-frame-max-wide: 3200px;--page-content-max-wide: clamp(2200px, 70vw, 2688px);--space-shell-inset-wide: clamp(96px, 5vw, 192px);--content-copy-max: 640px;--content-lead-max: 880px;--content-wide-max: 1120px;--body-lead-size: clamp(34px, 1.15vw, 44px);--body-large-size: clamp(24px, .85vw, 32px);--body-small-size: clamp(18px, .58vw, 22px);--body-accent-size: clamp(15px, .48vw, 18px);--type-eyebrow-size: clamp(14px, .42vw, 16px);--heading-display-size: clamp(104px, 3.55vw, 136px);--heading-section-size: clamp(56px, 1.9vw, 72px);--heading-subsection-size: clamp(36px, 1.2vw, 46px);--heading-4-size: clamp(28px, .9vw, 34px);--heading-card-size: clamp(26px, .82vw, 32px);--heading-5-size: clamp(22px, .68vw, 26px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:var(--color-bg);background-image:linear-gradient(var(--page-texture-wash),var(--page-texture-wash)),var(--page-texture);background-repeat:repeat}body{font-family:var(--font-accent);letter-spacing:-.02em;font-weight:400;line-height:1.4;color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(var(--page-texture-wash),var(--page-texture-wash)),var(--page-texture);background-repeat:repeat;padding:3rem 4rem;margin:0 auto;transition:background .2s,color .2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portfolio-preference-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.portfolio-brand{color:var(--color-heading);font-family:var(--font-heading);font-size:20px;font-weight:500;letter-spacing:0}.portfolio-header nav{display:flex;gap:4px}.tone-selector{position:relative;display:inline-flex;align-items:center}.tone-selector-trigger,.tone-selector-menu button{border:0;color:var(--color-text);background:transparent;font:inherit;font-weight:600;letter-spacing:.05em;cursor:pointer}.tone-selector-trigger{display:inline-flex;min-height:38px;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:var(--body-accent-size)}.tone-selector-chevron{display:inline-block;color:var(--color-muted);font-size:10px;transition:transform .45s var(--ease-movement)}.tone-selector.is-open .tone-selector-chevron{transform:rotate(180deg)}.tone-selector-trigger:hover,.tone-selector.is-open .tone-selector-trigger{color:var(--color-heading)}.tone-selector-trigger:focus-visible,.tone-selector-menu button:focus-visible{outline:1px solid var(--color-divider-strong);outline-offset:2px}.tone-selector-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:140;display:grid;min-width:176px;gap:3px;padding:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-heading) 20%,transparent);border-radius:12px;color:var(--color-text);background:color-mix(in srgb,var(--color-bg) 64%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-heading) 14%,transparent),0 18px 48px -26px var(--color-shadow);backdrop-filter:blur(var(--glass-nav-blur)) saturate(var(--glass-nav-saturation));-webkit-backdrop-filter:blur(var(--glass-nav-blur)) saturate(var(--glass-nav-saturation));opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .45s var(--ease-movement)}.tone-selector.is-open .tone-selector-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.tone-selector-menu button{display:grid;width:100%;min-height:38px;grid-template-columns:14px 1fr;align-items:center;gap:5px;padding:8px 10px;border-radius:7px;font-size:var(--body-accent-size);text-align:left}.tone-selector-menu button:hover,.tone-selector-menu button:focus-visible{color:var(--color-heading);background:color-mix(in srgb,var(--color-heading) 7%,transparent)}.tone-option-dot{opacity:0}.tone-selector-menu button[aria-selected=true]{color:var(--color-heading)}.tone-selector-menu button[aria-selected=true] .tone-option-dot{opacity:1}[data-tone-copy]>[data-tone-variant]{display:none}[data-tone=neutral] [data-tone-copy]>[data-tone-variant=neutral],[data-tone=gonzo] [data-tone-copy]>[data-tone-variant=gonzo],[data-tone=kevin] [data-tone-copy]>[data-tone-variant=kevin],[data-tone=austen] [data-tone-copy]>[data-tone-variant=austen],[data-tone=gandalf] [data-tone-copy]>[data-tone-variant=gandalf],[data-tone=michael] [data-tone-copy]>[data-tone-variant=michael],[data-tone=hal] [data-tone-copy]>[data-tone-variant=hal]{display:inline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:var(--tracking-heading-tight);line-height:var(--line-heading-tight);margin-bottom:.75em;font-weight:500}h1{font-size:var(--heading-display-size)}h2{font-size:var(--heading-section-size)}h3{font-size:var(--heading-subsection-size)}h4{font-size:var(--heading-4-size)}h5{font-size:var(--heading-5-size)}h6{font-size:1rem}.title{font-size:var(--heading-error-size);padding-top:4rem;transition:font-size 1s cubic-bezier(.075,.82,.165,1)}p,.body-lead,.body-large,.body-small{color:var(--color-text);font-family:var(--font-prose);font-weight:300;letter-spacing:var(--tracking-prose-tight)}p{margin-bottom:1em;font-size:var(--body-small-size);line-height:var(--line-prose-small)}.body-lead{color:var(--color-heading);font-size:var(--body-lead-size);line-height:var(--line-prose-large)}.body-large{font-size:var(--body-large-size);line-height:var(--line-prose-large)}.body-small{font-size:var(--body-small-size);line-height:var(--line-prose-small)}.body-accent{color:var(--color-text);font-family:var(--font-accent);font-size:var(--body-accent-size);line-height:var(--line-prose-small);letter-spacing:-.02em}.body-label{display:block;margin:0;padding-bottom:var(--space-eyebrow-content-gap);color:var(--color-muted);font-family:var(--font-accent);font-size:var(--type-eyebrow-size);font-weight:600;line-height:1.3;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}a{color:inherit;text-decoration:none}a:hover{cursor:var(--cursor-circle)}.navbar{display:flex;align-items:center;gap:3em;font-size:1rem;font-weight:600;margin-bottom:2rem}nav a{text-decoration:underline;margin-left:0;margin-right:1.25rem;letter-spacing:.05em;font-weight:600;transition:margin-left 2s cubic-bezier(.075,.82,.165,1)}nav a:hover{cursor:var(--cursor-circle);opacity:.5;margin-left:1rem}.site-title{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.theme-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;background:transparent;border:0;color:var(--color-text);min-height:38px;font-family:inherit;font-size:var(--body-accent-size);font-weight:600;letter-spacing:.05em;padding:8px 10px;cursor:var(--cursor-circle);border-radius:2px}.theme-toggle img{display:block;width:22px;height:22px;filter:var(--filter-theme-toggle);transform:rotate(var(--theme-toggle-icon-rotation));transition:filter .25s ease,transform .55s var(--ease-movement)}.theme-toggle:hover{color:var(--color-text);background-color:transparent}.theme-toggle:hover img{transform:rotate(var(--theme-toggle-icon-hover-rotation))}.theme-toggle:focus-visible{outline:1px solid var(--color-text);outline-offset:4px}.underline{border-bottom:2px solid var(--color-underline)}.back-link{display:inline-block;margin-bottom:2rem;font-size:.875rem;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}hr{border:none;border-top:1px solid var(--color-hr);margin:2rem 0}ul,ol{padding-left:1.5em;margin-bottom:1em}li{margin-bottom:.25em}#emptybox{width:100%;height:88vh;align-content:center;background-color:var(--color-surface);text-align:center;border-radius:5px;color:var(--color-on-surface)}#emptybox h1{color:var(--color-on-surface)}#curtain{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--color-accent);pointer-events:none;transform:translateY(-100%);will-change:transform}#curtain.is-covered{transform:translateY(0)}#curtain.is-dropping{animation:curtain-cover var(--duration-curtain-cover) var(--ease-curtain-cover) forwards}#curtain.is-revealing{animation:curtain-reveal var(--duration-curtain-reveal) var(--ease-movement) forwards}html.is-curtain-covering #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay){transform:translateY(var(--distance-curtain-content-exit));opacity:0;transition:opacity var(--duration-curtain-content-exit) var(--ease-curtain-content-exit),transform var(--duration-curtain-content-exit) var(--ease-curtain-content-exit)}html.is-curtain-arriving #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay){transform:translateY(calc(var(--distance-curtain-content-reveal) * -1));opacity:1}html.is-curtain-revealing #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay){animation:curtain-content-reveal var(--duration-curtain-content-reveal) var(--ease-curtain-content) forwards}.curtain-dither-overlay{position:fixed;inset:0;z-index:9998;visibility:hidden;background:#0000;backdrop-filter:url(#curtain-dither);-webkit-backdrop-filter:url(#curtain-dither);opacity:0;pointer-events:none;will-change:opacity}html.is-curtain-revealing .curtain-dither-overlay{visibility:visible;animation:curtain-dither-resolve var(--duration-curtain-dither-reveal) cubic-bezier(.72,0,.9,1) forwards}.curtain-dither-filter{position:fixed;width:0;height:0;pointer-events:none}.curtain-loader{position:absolute;top:50%;left:50%;width:50vw;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scaleX(0);transform-origin:left center;will-change:transform,opacity;transition:transform var(--duration-curtain-loader-track) var(--ease-curtain-loader-track),opacity .12s ease}.curtain-loader-meta{position:absolute;right:0;bottom:calc(100% + 10px);left:0;display:flex;align-items:flex-end;justify-content:space-between;color:var(--color-accent-dark);font-family:var(--font-accent);font-size:var(--type-eyebrow-size);font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase}.curtain-loader-counter{display:flex;gap:2px}.curtain-loader-digit{display:block;width:.72em;height:1em;overflow:hidden}.curtain-loader-digit-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--loader-digit, 0) * -1em));transition:transform 90ms var(--ease-movement);will-change:transform}.curtain-loader-digit-reel>span{display:block;height:1em;flex:0 0 1em;text-align:center}.curtain-loader-message{opacity:0;transform:translate(8px);transition:opacity .16s ease,transform .24s var(--ease-movement)}.curtain-loader-message.is-visible{opacity:1;transform:translateY(0)}.curtain-loader-track{position:relative;display:block;width:100%;height:3px;overflow:hidden;background:color-mix(in srgb,var(--color-accent-dark) 24%,transparent)}.curtain-loader-track>span{position:absolute;inset:0;width:100%;background:var(--color-accent-dark);transform:scaleX(var(--curtain-loader-progress, 0));transform-origin:left center;will-change:transform}.curtain-loader-completion{display:flex;align-items:center;gap:10px}.curtain-loader-checkmark{display:block;width:1.44em;height:1em;flex:0 0 auto;background:currentColor;-webkit-mask:url(/site-images/checkmark.svg) center / contain no-repeat;mask:url(/site-images/checkmark.svg) center / contain no-repeat;opacity:0;transform:scale(.55) rotate(-8deg);transform-origin:center;transition:opacity .1s ease,transform .32s var(--ease-movement)}.curtain-loader-checkmark.is-visible{opacity:1;transform:scale(1) rotate(0)}#curtain.is-loader-visible .curtain-loader,#curtain.is-covered .curtain-loader{opacity:1;transform:translate(-50%,-50%) scaleX(1)}@keyframes curtain-cover{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes curtain-reveal{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes curtain-content-reveal{0%{transform:translateY(calc(var(--distance-curtain-content-reveal) * -1))}to{transform:translateY(0)}}@keyframes curtain-dither-resolve{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){#curtain.is-dropping,#curtain.is-revealing{animation-duration:1ms}html.is-curtain-covering #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay),html.is-curtain-arriving #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay),html.is-curtain-revealing #curtain~:not(script):not(.curtain-loader):not(.curtain-dither-overlay){animation:none;transform:none;opacity:1;transition:none}html.is-curtain-revealing .curtain-dither-overlay{animation-duration:1ms}.curtain-loader,.curtain-loader-track>span,.curtain-loader-digit-reel,.curtain-loader-message,.curtain-loader-checkmark{transition:none}}.exp-list{display:flex;flex-wrap:wrap;gap:3.2rem;list-style:none;padding:0;width:100%}.exp-list li{border-left:2px solid var(--color-border);padding:2.8rem;transition:box-shadow 2s cubic-bezier(.075,.82,.165,1),padding-left 2s cubic-bezier(.075,.82,.165,1),border-color .2s cubic-bezier(.075,.82,.165,1),border-radius 2.4s cubic-bezier(.075,.82,.165,1),background-color .6s cubic-bezier(.075,.82,.165,1);min-width:32rem;min-height:24rem;max-width:90vw;aspect-ratio:3 / 1;align-content:end;border-radius:3px}.exp-list li p,.exp-list li h2,.exp-list li h4{color:var(--color-heading)}.productcode{font-family:var(--font-accent);font-size:1rem;color:var(--color-muted);margin-bottom:.75rem}.exp-list li:hover{box-shadow:var(--color-shadow) 0 24px 48px -2px;cursor:var(--cursor-circle);padding-left:4.2rem;background-color:var(--color-accent);border-left:2px solid var(--color-accent);border-radius:12px;transition:background-color .2s cubic-bezier(.075,.82,.165,1),padding-left 2.6s cubic-bezier(.075,.82,.165,1)}.exp-list li:hover *{color:var(--color-accent-dark)}@media (max-width: 1280px){:root{--heading-error-size: 6.4rem}body{padding:2rem 2.5rem}.exp-list li{transition:box-shadow 2s cubic-bezier(.075,.82,.165,1),padding-left 2s cubic-bezier(.075,.82,.165,1),border-color .2s cubic-bezier(.075,.82,.165,1);max-width:90vw;min-width:18rem;min-height:24rem}}@media (max-width: 768px){:root{--heading-error-size: 5rem}body{padding:1.5rem 1.25rem}}@media (max-width: 480px){:root{--heading-error-size: 4.2rem}body{padding:1rem .75rem}}